newskit 0.0.0-e00e1f6 → 0.0.0-e02a96ba5
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/.circleci/config.yml +1739 -0
- package/.dockerignore +1 -0
- package/.eslintignore +13 -0
- package/.eslintrc.base.json +94 -0
- package/.eslintrc.json +23 -0
- package/.github/CODEOWNERS +3 -0
- package/.github/ISSUE_TEMPLATE/a11y_investigation.md +52 -0
- package/.github/ISSUE_TEMPLATE/bug_report.md +37 -0
- package/.github/ISSUE_TEMPLATE/feature_request.md +19 -0
- package/.github/ISSUE_TEMPLATE/spike.md +19 -0
- package/.github/ISSUE_TEMPLATE/story.md +25 -0
- package/.github/ISSUE_TEMPLATE/task.md +22 -0
- package/.github/PULL_REQUEST_TEMPLATE.md +64 -0
- package/.github/pr-labeler.yml +3 -0
- package/.github/release.yml +22 -0
- package/.github/workflows/pr-labeler.yml +15 -0
- package/.markdownlint.json +7 -0
- package/.nvmrc +1 -0
- package/.prettierignore +5 -0
- package/.prettierrc +6 -0
- package/.storybook/addons/tealium/preset.js +5 -0
- package/.storybook/addons/tealium/register.js +109 -0
- package/.storybook/main.js +131 -0
- package/.storybook/manager-head.html +16 -0
- package/.storybook/manager.js +20 -0
- package/.storybook/preview-head.html +469 -0
- package/.storybook/preview.js +135 -0
- package/.storybook/public/newskit-logo-storybook.png +0 -0
- package/.storybook/storybook-theme.js +41 -0
- package/.vscode/launch.json +23 -0
- package/CODE_OF_CONDUCT.md +128 -0
- package/CONTRIBUTING.md +131 -0
- package/Dockerfile +12 -0
- package/LICENSE +66 -0
- package/Makefile +91 -0
- package/README.md +66 -16
- package/README_COMPONENTS.md +124 -0
- package/catalog-info.yaml +35 -0
- package/commitlint.config.js +2 -0
- package/cypress/components/accessibility.cy.ts +25 -0
- package/cypress/components/audio-player-composable.cy.js +264 -0
- package/cypress/components/audio-player.cy.js +39 -0
- package/cypress/components/auto-play-audio-player.cy.js +20 -0
- package/cypress/components/drawer.cy.js +36 -0
- package/cypress/components/form.cy.js +24 -0
- package/cypress/components/image.cy.js +13 -0
- package/cypress/components/scroll.cy.js +152 -0
- package/cypress/components/toast.cy.js +41 -0
- package/cypress/components/use-media-query.cy.js +33 -0
- package/cypress/fixtures/consent/local-storage/_sp_local_state.json +9 -0
- package/cypress/fixtures/consent/local-storage/_sp_non_keyed_local_state.json +6 -0
- package/cypress/fixtures/consent/local-storage/_sp_user_consent_5623.json +29 -0
- package/cypress/fixtures/consent/stubs/meta.json +10 -0
- package/cypress/fixtures/consent/stubs/pv-data.json +5 -0
- package/cypress/fixtures/consent/stubs/site-data.json +8 -0
- package/cypress/fixtures/empty.html +10 -0
- package/cypress/fixtures/podcasts.json +27 -0
- package/cypress/plugins/files.js +42 -0
- package/cypress/plugins/index.js +11 -0
- package/cypress/site/functional/404.cy.js +19 -0
- package/cypress/site/functional/accessibility.common.js +44 -0
- package/cypress/site/functional/header-navigation.cy.js +32 -0
- package/cypress/site/functional/playground.cy.js +62 -0
- package/cypress/site/functional/search.cy.js +58 -0
- package/cypress/site/functional/section-navigation.cy.js +16 -0
- package/cypress/site/functional/sidebar.cy.js +22 -0
- package/cypress/site/functional/social.cy.js +58 -0
- package/cypress/site/functional/storybook-links.cy.js +56 -0
- package/cypress/site/functional/table-of-content.cy.js +23 -0
- package/cypress/site/percy/darktheme-snapshots.cy.js +16 -0
- package/cypress/site/percy/empty-snapshot.cy.js +6 -0
- package/cypress/site/percy/fullpage-snapshots.cy.js +25 -0
- package/cypress/site/percy-skip/empty-snapshot.cy.js +6 -0
- package/cypress/snapshots/components/player.spec.js/ipad-2.snap.png +0 -0
- package/cypress/snapshots/components/player.spec.js/iphone-5.snap.png +0 -0
- package/cypress/snapshots/components/player.spec.js/macbook-13.snap.png +0 -0
- package/cypress/support/commands.js +69 -0
- package/cypress/support/e2e.js +7 -0
- package/cypress.components.config.ts +11 -0
- package/cypress.docs.config.ts +21 -0
- package/cypress.docs.percy.config.ts +10 -0
- package/cypress.docs.percy.skip.config.ts +10 -0
- package/dev.tfvars +0 -0
- package/docs/CONTRIBUTING.md +152 -0
- package/docs/scripts.md +100 -0
- package/docs/testing.md +46 -0
- package/docs/wsl.md +31 -0
- package/e2e/dist/index.html +11 -0
- package/e2e/index.tsx +32 -0
- package/e2e/tests.tsx +105 -0
- package/e2e/tsconfig.json +8 -0
- package/eks/manifests/configmap.yaml +7 -0
- package/eks/manifests/deployment.yaml +78 -0
- package/eks/manifests/ingress.yaml +52 -0
- package/eks/manifests/networkpolicy.yaml +21 -0
- package/eks/manifests/service.yaml +30 -0
- package/eks/values/product-platforms-values-dev.yaml +26 -0
- package/eks/values/product-platforms-values-prod.yaml +26 -0
- package/eks/values/product-platforms-values-staging.yaml +26 -0
- package/fonts/Roboto-Medium.woff2 +0 -0
- package/fonts/attribuitions.mdx +35 -0
- package/fonts/bitter-medium.woff +0 -0
- package/fonts/bitter-medium.woff2 +0 -0
- package/fonts/bitter-mediumitalic.woff +0 -0
- package/fonts/bitter-mediumitalic.woff2 +0 -0
- package/fonts/bitter-regular.woff +0 -0
- package/fonts/bitter-regular.woff2 +0 -0
- package/fonts/bitter-semibold.woff +0 -0
- package/fonts/bitter-semibold.woff2 +0 -0
- package/fonts/dmmono-medium.woff +0 -0
- package/fonts/dmmono-medium.woff2 +0 -0
- package/fonts/dmsans-bold-webfont.woff +0 -0
- package/fonts/dmsans-bold-webfont.woff2 +0 -0
- package/fonts/dmsans-bolditalic-webfont.woff +0 -0
- package/fonts/dmsans-bolditalic-webfont.woff2 +0 -0
- package/fonts/dmsans-italic-webfont.woff +0 -0
- package/fonts/dmsans-italic-webfont.woff2 +0 -0
- package/fonts/dmsans-medium-webfont.woff +0 -0
- package/fonts/dmsans-medium-webfont.woff2 +0 -0
- package/fonts/dmsans-mediumitalic-webfont.woff +0 -0
- package/fonts/dmsans-mediumitalic-webfont.woff2 +0 -0
- package/fonts/dmsans-regular-webfont.woff +0 -0
- package/fonts/dmsans-regular-webfont.woff2 +0 -0
- package/fonts/notosans-bold-webfont.woff +0 -0
- package/fonts/notosans-bold-webfont.woff2 +0 -0
- package/fonts/notosans-italic-webfont.woff +0 -0
- package/fonts/notosans-italic-webfont.woff2 +0 -0
- package/fonts/notosans-medium-webfont.woff +0 -0
- package/fonts/notosans-medium-webfont.woff2 +0 -0
- package/fonts/notosans-regular-webfont.woff +0 -0
- package/fonts/notosans-regular-webfont.woff2 +0 -0
- package/fonts/poppins-bold-webfont.woff +0 -0
- package/fonts/poppins-bold-webfont.woff2 +0 -0
- package/fonts/poppins-bolditalic-webfont.woff +0 -0
- package/fonts/poppins-bolditalic-webfont.woff2 +0 -0
- package/fonts/poppins-extrabold-webfont.woff +0 -0
- package/fonts/poppins-extrabold-webfont.woff2 +0 -0
- package/fonts/poppins-extrabolditalic-webfont.woff +0 -0
- package/fonts/poppins-extrabolditalic-webfont.woff2 +0 -0
- package/fonts/poppins-italic-webfont.woff +0 -0
- package/fonts/poppins-italic-webfont.woff2 +0 -0
- package/fonts/poppins-light-webfont.woff +0 -0
- package/fonts/poppins-light-webfont.woff2 +0 -0
- package/fonts/poppins-lightitalic-webfont.woff +0 -0
- package/fonts/poppins-lightitalic-webfont.woff2 +0 -0
- package/fonts/poppins-medium-webfont.woff +0 -0
- package/fonts/poppins-medium-webfont.woff2 +0 -0
- package/fonts/poppins-mediumitalic-webfont.woff +0 -0
- package/fonts/poppins-mediumitalic-webfont.woff2 +0 -0
- package/fonts/poppins-regular-webfont.woff +0 -0
- package/fonts/poppins-regular-webfont.woff2 +0 -0
- package/fonts/poppins-semibold-webfont.woff +0 -0
- package/fonts/poppins-semibold-webfont.woff2 +0 -0
- package/fonts/poppins-semibolditalic-webfont.woff +0 -0
- package/fonts/poppins-semibolditalic-webfont.woff2 +0 -0
- package/fonts/source-serif-pro-600.woff +0 -0
- package/fonts/source-serif-pro-600.woff2 +0 -0
- package/fonts/source-serif-pro-600italic.woff +0 -0
- package/fonts/source-serif-pro-600italic.woff2 +0 -0
- package/fonts/source-serif-pro-700.woff +0 -0
- package/fonts/source-serif-pro-700.woff2 +0 -0
- package/fonts/source-serif-pro-700italic.woff +0 -0
- package/fonts/source-serif-pro-700italic.woff2 +0 -0
- package/fonts/source-serif-pro-italic.woff +0 -0
- package/fonts/source-serif-pro-italic.woff2 +0 -0
- package/fonts/source-serif-pro-regular.woff +0 -0
- package/fonts/source-serif-pro-regular.woff2 +0 -0
- package/githooks/commitmsg.js +51 -0
- package/githooks/constants.js +18 -0
- package/githooks/preparecommitmsg.js +126 -0
- package/githooks/ttys.js +37 -0
- package/githooks/update-readme-node-version.js +23 -0
- package/jest.config.js +25 -0
- package/jest.preset.js +3 -0
- package/lib/codemod/.eslintignore +7 -0
- package/lib/codemod/.eslintrc.js +43 -0
- package/lib/codemod/.prettierignore +1 -0
- package/lib/codemod/.prettierrc +6 -0
- package/lib/codemod/Makefile +34 -0
- package/lib/codemod/README.md +199 -0
- package/lib/codemod/docs/scripts.md +15 -0
- package/lib/codemod/jest.config.js +7 -0
- package/lib/codemod/package.json +49 -0
- package/lib/codemod/src/cli.js +122 -0
- package/lib/codemod/src/utils/add-prop.js +111 -0
- package/lib/codemod/src/utils/component-utils.js +47 -0
- package/lib/codemod/src/utils/helpers.js +24 -0
- package/lib/codemod/src/utils/read-file.js +15 -0
- package/lib/codemod/src/utils/replace-distance.js +34 -0
- package/lib/codemod/src/utils/replace-space-inset.js +143 -0
- package/lib/codemod/src/utils/to-kebab-case.js +15 -0
- package/lib/codemod/src/utils/to-lower-case-with-space.js +11 -0
- package/lib/codemod/src/utils/update-props-overrides.js +107 -0
- package/lib/codemod/src/v6.0.0/emotion-icons.js +113 -0
- package/lib/codemod/src/v6.0.0/enum-to-union.js +99 -0
- package/lib/codemod/src/v6.0.0/remove-redundant-marker-ul.js +3 -0
- package/lib/codemod/src/v6.0.0/update-linkinline.js +10 -0
- package/lib/codemod/src/v6.0.0/update-linkstandalone.js +10 -0
- package/lib/codemod/src/v6.0.0/update-list-item-marker-ul-value.js +14 -0
- package/lib/codemod/src/v6.0.0/update-token.js +3 -0
- package/lib/codemod/src/v7.0.0/all-default.js +16 -0
- package/lib/codemod/src/v7.0.0/audio-player-play-pause-button.js +14 -0
- package/lib/codemod/src/v7.0.0/audio-player-volume-control.js +23 -0
- package/lib/codemod/src/v7.0.0/caption-inset.js +52 -0
- package/lib/codemod/src/v7.0.0/popover.js +23 -0
- package/lib/codemod/src/v7.0.0/replace-space-inset-props-and-overrides.js +70 -0
- package/lib/codemod/src/v7.0.0/tooltip.js +23 -0
- package/lib/codemod/tsconfig.eslint.json +3 -0
- package/lib/omlet/README.md +11 -0
- package/lib/omlet/index.ts +98 -0
- package/lib/omlet/package.json +15 -0
- package/multi-reporter-config.json +3 -0
- package/nx.json +20 -0
- package/outputs.tf +37 -0
- package/package.json +322 -306
- package/percy.config.js +6 -0
- package/provider.tf +36 -0
- package/rspack.config.js +14 -0
- package/scripts/assert-files-and-folders.js +62 -0
- package/scripts/branch-name-to-url.js +28 -0
- package/scripts/build-package-json-support.js +75 -0
- package/scripts/build-package-json.js +19 -0
- package/scripts/check-baseline-updates.js +66 -0
- package/scripts/component-status.js +90 -0
- package/scripts/convert-svg.js +121 -0
- package/scripts/fetch-external-fonts.js +284 -0
- package/scripts/generate-a11y-tests-comps.js +69 -0
- package/scripts/generate-a11y-tests-web.ts +43 -0
- package/scripts/generate-icons/index.js +83 -0
- package/scripts/generate-icons/used-icons-list.json +70 -0
- package/scripts/percy_local.sh +37 -0
- package/scripts/post-build.js +10 -0
- package/scripts/pr_comment_link.js +28 -0
- package/scripts/reduce-file-count.sh +14 -0
- package/scripts/remove-filters-svg.js +58 -0
- package/scripts/s3-pr-branch-naming.js +31 -0
- package/scripts/sync-version-number.js +15 -0
- package/scripts/templates-integration-test/cypress/e2e/theme-checker.cy.js +6 -0
- package/scripts/templates-integration-test/cypress/support/commands.js +25 -0
- package/scripts/templates-integration-test/cypress/support/e2e.js +20 -0
- package/scripts/templates-integration-test/cypress.config.js +10 -0
- package/scripts/templates-integration-test/index.txt +12 -0
- package/scripts/templates-integration-test/next.config.js +5 -0
- package/site/.eslintrc.json +30 -0
- package/site/components/anchor.tsx +57 -0
- package/site/components/base-card/base-card.tsx +61 -0
- package/site/components/base-card/index.ts +2 -0
- package/site/components/base-card/styled.ts +7 -0
- package/site/components/base-card/types.ts +6 -0
- package/site/components/border-card/border-card.tsx +62 -0
- package/site/components/border-card/index.ts +1 -0
- package/site/components/code-highlighter-theme.ts +69 -0
- package/site/components/code.tsx +118 -0
- package/site/components/component-api/common-logical-props.tsx +165 -0
- package/site/components/component-api/component-api.tsx +144 -0
- package/site/components/component-api/index.ts +2 -0
- package/site/components/component-api/types.ts +37 -0
- package/site/components/content-structure/content-base.tsx +105 -0
- package/site/components/content-structure/content-primary.tsx +11 -0
- package/site/components/content-structure/content-secondary.tsx +11 -0
- package/site/components/content-structure/content-section.tsx +12 -0
- package/site/components/content-structure/content-tertiary.tsx +11 -0
- package/site/components/content-structure/index.tsx +5 -0
- package/site/components/content-structure/types.tsx +47 -0
- package/site/components/debug-dropdown/index.tsx +32 -0
- package/site/components/debug-dropdown/styled.ts +26 -0
- package/site/components/demo/code-template.tsx +125 -0
- package/site/components/demo/template.tsx +400 -0
- package/site/components/demo/use-theme-switcher.tsx +127 -0
- package/site/components/enum-table.tsx +25 -0
- package/site/components/feature-card/__mocks__/feature-card.tsx +8 -0
- package/site/components/feature-card/feature-card.tsx +441 -0
- package/site/components/feature-card/index.ts +2 -0
- package/site/components/feature-card/styled.ts +50 -0
- package/site/components/feature-card/types.ts +35 -0
- package/site/components/flags/circle-flag/circle-flag.tsx +15 -0
- package/site/components/flags/circle-flag/index.ts +1 -0
- package/site/components/flags/index.ts +5 -0
- package/site/components/flags/mono/index.ts +2 -0
- package/site/components/flags/mono/mono.tsx +20 -0
- package/site/components/flags/mono/types.ts +3 -0
- package/site/components/flags/mono-color/index.ts +1 -0
- package/site/components/flags/mono-color/mono-color.tsx +43 -0
- package/site/components/flags/mono-keyboard/icon.tsx +49 -0
- package/site/components/flags/mono-keyboard/index.ts +1 -0
- package/site/components/flags/mono-keyboard/mono-keyboard.tsx +32 -0
- package/site/components/flags/mono-path/index.ts +1 -0
- package/site/components/flags/mono-path/mono-path.tsx +19 -0
- package/site/components/flags/mono-path/styled.ts +6 -0
- package/site/components/font-attributes/font-attributes.tsx +57 -0
- package/site/components/font-attributes/index.ts +1 -0
- package/site/components/head-next-seo/head-next-seo.tsx +47 -0
- package/site/components/head-next-seo/index.ts +1 -0
- package/site/components/header-index/header-index.tsx +84 -0
- package/site/components/header-index/index.ts +1 -0
- package/site/components/header-index/types.ts +7 -0
- package/site/components/homepage/explore/explore.tsx +82 -0
- package/site/components/homepage/explore/index.ts +1 -0
- package/site/components/homepage/hero/hero-interactive-elements.tsx +227 -0
- package/site/components/homepage/hero/hero.tsx +139 -0
- package/site/components/homepage/hero/index.ts +1 -0
- package/site/components/homepage/hero/styled.ts +44 -0
- package/site/components/homepage/hero/types.ts +11 -0
- package/site/components/homepage/index.ts +5 -0
- package/site/components/homepage/keep-in-touch/index.ts +1 -0
- package/site/components/homepage/keep-in-touch/keep-in-touch.tsx +79 -0
- package/site/components/homepage/supported-brands/index.ts +1 -0
- package/site/components/homepage/supported-brands/supported-brands.tsx +93 -0
- package/site/components/homepage/whats-new/index.ts +1 -0
- package/site/components/homepage/whats-new/whats-new.tsx +38 -0
- package/site/components/hooks.tsx +54 -0
- package/site/components/html-meta.tsx +42 -0
- package/site/components/icons/icon-filled-aa.tsx +16 -0
- package/site/components/icons/icon-filled-aaa.tsx +16 -0
- package/site/components/icons/icon-filled-check-circle.tsx +29 -0
- package/site/components/icons/icon-filled-chrome.tsx +18 -0
- package/site/components/icons/icon-filled-circle.tsx +15 -0
- package/site/components/icons/icon-filled-cross-circle.tsx +30 -0
- package/site/components/icons/icon-filled-dark.tsx +20 -0
- package/site/components/icons/icon-filled-edge.tsx +12 -0
- package/site/components/icons/icon-filled-expand-less.tsx +13 -0
- package/site/components/icons/icon-filled-expand-more.tsx +13 -0
- package/site/components/icons/icon-filled-facebook.tsx +14 -0
- package/site/components/icons/icon-filled-figma.tsx +27 -0
- package/site/components/icons/icon-filled-firefox.tsx +15 -0
- package/site/components/icons/icon-filled-github.tsx +14 -0
- package/site/components/icons/icon-filled-instagram.tsx +14 -0
- package/site/components/icons/icon-filled-light.tsx +20 -0
- package/site/components/icons/icon-filled-npm.tsx +16 -0
- package/site/components/icons/icon-filled-null-dot.tsx +19 -0
- package/site/components/icons/icon-filled-reddit.tsx +14 -0
- package/site/components/icons/icon-filled-safari.tsx +15 -0
- package/site/components/icons/icon-filled-search.tsx +11 -0
- package/site/components/icons/icon-filled-storybook.tsx +25 -0
- package/site/components/icons/icon-filled-timer.tsx +13 -0
- package/site/components/icons/icon-filled-twitter.tsx +14 -0
- package/site/components/icons/icon-filled-whatsapp.tsx +14 -0
- package/site/components/icons/icon-filled-youtube.tsx +14 -0
- package/site/components/icons/index.tsx +18 -0
- package/site/components/illustrations/illustration-loader.tsx +76 -0
- package/site/components/illustrations/utils.ts +7 -0
- package/site/components/inverse-theme.tsx +14 -0
- package/site/components/json.tsx +12 -0
- package/site/components/layout-cells/index.ts +16 -0
- package/site/components/layout.tsx +254 -0
- package/site/components/legacy-block/index.ts +2 -0
- package/site/components/legacy-block/legacy-block.tsx +261 -0
- package/site/components/legacy-block/style-builder.ts +50 -0
- package/site/components/legacy-block/types.ts +74 -0
- package/site/components/link/index.ts +2 -0
- package/site/components/link/link.tsx +53 -0
- package/site/components/link/types.ts +8 -0
- package/site/components/logo/index.tsx +2 -0
- package/site/components/logo/newskit-logo.tsx +63 -0
- package/site/components/logo/newskit-mobile-logo.tsx +61 -0
- package/site/components/markdown-elements.tsx +278 -0
- package/site/components/media-list/__mocks__/media-list.tsx +8 -0
- package/site/components/media-list/index.ts +2 -0
- package/site/components/media-list/media-list.tsx +117 -0
- package/site/components/media-list/span-list-config.tsx +8 -0
- package/site/components/media-list/types.ts +22 -0
- package/site/components/menu-collapsible/menu-collapsible.tsx +211 -0
- package/site/components/menu-collapsible/styled.tsx +80 -0
- package/site/components/meta/__mocks__/meta.tsx +8 -0
- package/site/components/meta/figma-button.tsx +23 -0
- package/site/components/meta/github-button.tsx +23 -0
- package/site/components/meta/index.ts +2 -0
- package/site/components/meta/introduce.tsx +33 -0
- package/site/components/meta/meta.tsx +86 -0
- package/site/components/meta/status.tsx +22 -0
- package/site/components/meta/storybook-button.tsx +25 -0
- package/site/components/meta/types.ts +20 -0
- package/site/components/outline-card/index.ts +1 -0
- package/site/components/outline-card/outline-card.tsx +94 -0
- package/site/components/overlay.tsx +100 -0
- package/site/components/page-introduction/__mocks__/page-introduction.tsx +8 -0
- package/site/components/page-introduction/index.ts +2 -0
- package/site/components/page-introduction/page-introduction.tsx +81 -0
- package/site/components/page-introduction/types.ts +16 -0
- package/site/components/page-load-instrumentation/index.ts +30 -0
- package/site/components/page-title.tsx +18 -0
- package/site/components/playground/__mocks__/index.tsx +8 -0
- package/site/components/playground/code-example.tsx +102 -0
- package/site/components/playground/error-boundary.tsx +41 -0
- package/site/components/playground/index.tsx +231 -0
- package/site/components/playground/knobs/array-knob.tsx +179 -0
- package/site/components/playground/knobs/boolean-knob.tsx +32 -0
- package/site/components/playground/knobs/common.tsx +19 -0
- package/site/components/playground/knobs/input-knob.tsx +107 -0
- package/site/components/playground/knobs/multichoice-knob.tsx +158 -0
- package/site/components/playground/selector.tsx +90 -0
- package/site/components/playground/source-generator.tsx +81 -0
- package/site/components/playground/types.ts +44 -0
- package/site/components/playground/utils.tsx +15 -0
- package/site/components/prop-renderer.tsx +22 -0
- package/site/components/prop.tsx +125 -0
- package/site/components/release-notes/release-badges.tsx +41 -0
- package/site/components/release-notes/release-header.tsx +37 -0
- package/site/components/release-notes/release-notes.tsx +79 -0
- package/site/components/search/doc-search-hit.tsx +73 -0
- package/site/components/search/index.ts +1 -0
- package/site/components/search/new-start-screen.tsx +107 -0
- package/site/components/search/search.tsx +350 -0
- package/site/components/search/types.ts +18 -0
- package/site/components/search/utils.ts +39 -0
- package/site/components/section-introduction/index.ts +2 -0
- package/site/components/section-introduction/section-introduction.tsx +93 -0
- package/site/components/section-introduction/types.ts +11 -0
- package/site/components/section-navigation.tsx +83 -0
- package/site/components/separator/index.tsx +1 -0
- package/site/components/separator/separator.tsx +13 -0
- package/site/components/sidebar/index.tsx +2 -0
- package/site/components/sidebar/sidebar-navigation.tsx +138 -0
- package/site/components/sidebar/sidebar.tsx +79 -0
- package/site/components/sidebar/styled.tsx +55 -0
- package/site/components/sidebar/types.ts +50 -0
- package/site/components/site-footer.tsx +147 -0
- package/site/components/site-header.tsx +217 -0
- package/site/components/slack-logo.tsx +36 -0
- package/site/components/step/index.ts +1 -0
- package/site/components/step/step.tsx +48 -0
- package/site/components/svg-previewer/colors-theme-list.tsx +104 -0
- package/site/components/svg-previewer/controls/download-controls.tsx +157 -0
- package/site/components/svg-previewer/controls/theme-controls.tsx +110 -0
- package/site/components/svg-previewer/controls/types.ts +19 -0
- package/site/components/svg-previewer/styled.tsx +26 -0
- package/site/components/svg-previewer/svg-previewer.tsx +184 -0
- package/site/components/swatch-card/index.ts +1 -0
- package/site/components/swatch-card/swatch-card.tsx +86 -0
- package/site/components/table/__mocks__/table.tsx +8 -0
- package/site/components/table/column-map.ts +110 -0
- package/site/components/table/column-renderer.tsx +342 -0
- package/site/components/table/index.ts +3 -0
- package/site/components/table/styled.ts +48 -0
- package/site/components/table/table.tsx +47 -0
- package/site/components/table/types.ts +70 -0
- package/site/components/table-of-contents/contents-observer.ts +57 -0
- package/site/components/table-of-contents/index.ts +1 -0
- package/site/components/table-of-contents/styled.ts +27 -0
- package/site/components/table-of-contents/table-of-contents.tsx +116 -0
- package/site/components/table-of-contents/types.ts +6 -0
- package/site/components/tabs-with-table/index.ts +2 -0
- package/site/components/tabs-with-table/tabs-with-table.tsx +52 -0
- package/site/components/tabs-with-table/types.ts +18 -0
- package/site/components/text-crop-calculator/@types/detect-font.d.ts +9 -0
- package/site/components/text-crop-calculator/app-state-context.tsx +266 -0
- package/site/components/text-crop-calculator/components/config.ts +2 -0
- package/site/components/text-crop-calculator/components/edit-metrics.tsx +71 -0
- package/site/components/text-crop-calculator/components/font-selector/file-upload-selector.tsx +112 -0
- package/site/components/text-crop-calculator/components/font-selector/font-injector.tsx +23 -0
- package/site/components/text-crop-calculator/components/font-selector/google-font-selector.tsx +75 -0
- package/site/components/text-crop-calculator/components/font-selector/index.tsx +35 -0
- package/site/components/text-crop-calculator/components/font-selector/system-font-selector.tsx +74 -0
- package/site/components/text-crop-calculator/components/font-selector/url-font-selector.tsx +67 -0
- package/site/components/text-crop-calculator/components/metric.tsx +88 -0
- package/site/components/text-crop-calculator/components/metrics-preview.tsx +96 -0
- package/site/components/text-crop-calculator/components/output-css.tsx +40 -0
- package/site/components/text-crop-calculator/components/styled.tsx +87 -0
- package/site/components/text-crop-calculator/json/google-font-api.json +34066 -0
- package/site/components/text-crop-calculator/json/system-fonts.json +178 -0
- package/site/components/text-crop-calculator/text-crop-calculator.tsx +50 -0
- package/site/components/text-crop-calculator/unpack.ts +125 -0
- package/site/components/text-section/content-text.tsx +45 -0
- package/site/components/text-section/index.ts +2 -0
- package/site/components/text-section/types.ts +7 -0
- package/site/components/theme-switch.tsx +38 -0
- package/site/components/theming-values/borders.tsx +65 -0
- package/site/components/theming-values/colors/color-utils.tsx +61 -0
- package/site/components/theming-values/colors/colors.tsx +123 -0
- package/site/components/theming-values/colors/index.ts +2 -0
- package/site/components/theming-values/colors/styled.ts +145 -0
- package/site/components/theming-values/colors/swatches.tsx +90 -0
- package/site/components/theming-values/colors/types.ts +9 -0
- package/site/components/theming-values/colors/utils.ts +84 -0
- package/site/components/theming-values/common.tsx +16 -0
- package/site/components/theming-values/motions/styled.tsx +165 -0
- package/site/components/theming-values/motions/swatches.tsx +55 -0
- package/site/components/theming-values/motions/types.ts +8 -0
- package/site/components/theming-values/motions/utils.ts +110 -0
- package/site/components/theming-values/overlays/swatches.tsx +87 -0
- package/site/components/theming-values/size-box.tsx +18 -0
- package/site/components/theming-values/sizing.tsx +64 -0
- package/site/components/unpack-content/index.tsx +2 -0
- package/site/components/unpack-content/types.tsx +11 -0
- package/site/components/unpack-content/unpack-content.tsx +117 -0
- package/site/components/usage-card/index.ts +2 -0
- package/site/components/usage-card/styled.ts +12 -0
- package/site/components/usage-card/types.ts +19 -0
- package/site/components/usage-card/usage-card.tsx +97 -0
- package/site/context.ts +3 -0
- package/site/demo-components/card/card-horizontal-medium-without-inset.tsx +112 -0
- package/site/demo-components/card/card-vertical-medium-without-inset.tsx +108 -0
- package/site/demo-components/card/card-vertical-small-with-inset.tsx +101 -0
- package/site/demo-components/divider/styled.tsx +15 -0
- package/site/demo-components/drawer/drawer.tsx +24 -0
- package/site/demo-components/scroll/scroll-snap.tsx +59 -0
- package/site/demo-components/tabs/tabs-scroll-snap.tsx +29 -0
- package/site/global.d.ts +58 -0
- package/site/helpers/a11y.ts +9 -0
- package/site/helpers/ga.ts +27 -0
- package/site/helpers/slugify.ts +15 -0
- package/site/helpers/use-theme-mode.tsx +4 -0
- package/site/jest-config/style-mock.js +1 -0
- package/site/jest.config.js +46 -0
- package/site/mdx-plugins/rehype-extract-doc-title/index.js +31 -0
- package/site/mdx.js +13 -0
- package/site/next-env.d.ts +5 -0
- package/site/next.config.js +71 -0
- package/site/pages/404.tsx +111 -0
- package/site/pages/_app.tsx +179 -0
- package/site/pages/_document.tsx +276 -0
- package/site/pages/about/contact-us.tsx +86 -0
- package/site/pages/about/contribute.tsx +190 -0
- package/site/pages/about/overview.tsx +73 -0
- package/site/pages/about/release-notes.tsx +140 -0
- package/site/pages/about/roadmap.tsx +49 -0
- package/site/pages/about/why-use-newskit.tsx +289 -0
- package/site/pages/components/accordion.tsx +546 -0
- package/site/pages/components/aspect-ratio.mdx +111 -0
- package/site/pages/components/audio-player-old.mdx +244 -0
- package/site/pages/components/audio-player.tsx +1709 -0
- package/site/pages/components/banner.tsx +592 -0
- package/site/pages/components/block.tsx +262 -0
- package/site/pages/components/breadcrumbs.tsx +682 -0
- package/site/pages/components/button.tsx +629 -0
- package/site/pages/components/byline.tsx +336 -0
- package/site/pages/components/caption.tsx +184 -0
- package/site/pages/components/card-composable.tsx +808 -0
- package/site/pages/components/card.mdx +259 -0
- package/site/pages/components/character-count.tsx +412 -0
- package/site/pages/components/checkbox.tsx +786 -0
- package/site/pages/components/community/community-index.tsx +233 -0
- package/site/pages/components/community/how-to-contribute.tsx +140 -0
- package/site/pages/components/consent-settings-link.mdx +55 -0
- package/site/pages/components/consent.mdx +337 -0
- package/site/pages/components/date-time.tsx +420 -0
- package/site/pages/components/divider.tsx +157 -0
- package/site/pages/components/drawer-old.mdx +116 -0
- package/site/pages/components/drawer.tsx +593 -0
- package/site/pages/components/experimentation-web.mdx +61 -0
- package/site/pages/components/fieldset.tsx +251 -0
- package/site/pages/components/flag.tsx +443 -0
- package/site/pages/components/form.tsx +1166 -0
- package/site/pages/components/grid-layout.tsx +705 -0
- package/site/pages/components/grid.tsx +817 -0
- package/site/pages/components/heading.mdx +8 -0
- package/site/pages/components/headline.tsx +338 -0
- package/site/pages/components/icons.mdx +114 -0
- package/site/pages/components/image.tsx +536 -0
- package/site/pages/components/inline-message.tsx +378 -0
- package/site/pages/components/layer.tsx +468 -0
- package/site/pages/components/link.tsx +668 -0
- package/site/pages/components/menu.tsx +998 -0
- package/site/pages/components/modal.tsx +603 -0
- package/site/pages/components/ordered-list.tsx +372 -0
- package/site/pages/components/overview.tsx +117 -0
- package/site/pages/components/pagination.tsx +922 -0
- package/site/pages/components/paragraph.mdx +8 -0
- package/site/pages/components/popover.tsx +736 -0
- package/site/pages/components/progress-indicator.mdx +112 -0
- package/site/pages/components/radio-button.tsx +833 -0
- package/site/pages/components/scroll.tsx +529 -0
- package/site/pages/components/select.tsx +844 -0
- package/site/pages/components/share-bar.tsx +313 -0
- package/site/pages/components/slider.tsx +774 -0
- package/site/pages/components/stack.tsx +968 -0
- package/site/pages/components/standfirst.tsx +215 -0
- package/site/pages/components/structured-list.tsx +550 -0
- package/site/pages/components/switch.tsx +613 -0
- package/site/pages/components/tabs.tsx +1097 -0
- package/site/pages/components/tag.tsx +530 -0
- package/site/pages/components/tealium.mdx +41 -0
- package/site/pages/components/text-area.tsx +890 -0
- package/site/pages/components/text-block.tsx +316 -0
- package/site/pages/components/text-field.tsx +836 -0
- package/site/pages/components/text-input.mdx +356 -0
- package/site/pages/components/title-bar.tsx +378 -0
- package/site/pages/components/toast.tsx +636 -0
- package/site/pages/components/tooltip.tsx +598 -0
- package/site/pages/components/unordered-list.tsx +540 -0
- package/site/pages/components/utils/custom-to-newskit-icon.mdx +45 -0
- package/site/pages/components/utils/emotion.mdx +34 -0
- package/site/pages/components/utils/get-css-from-theme.mdx +303 -0
- package/site/pages/components/utils/get-defaults.mdx +266 -0
- package/site/pages/components/utils/get-fonts-from-theme.mdx +48 -0
- package/site/pages/components/utils/get-from-theme.mdx +80 -0
- package/site/pages/components/utils/get-ssr-id.mdx +39 -0
- package/site/pages/components/utils/hooks.mdx +148 -0
- package/site/pages/components/utils/overview.mdx +8 -0
- package/site/pages/components/video-player.tsx +560 -0
- package/site/pages/components/visibility.tsx +335 -0
- package/site/pages/components/volume-control.mdx +100 -0
- package/site/pages/contributing.mdx +6 -0
- package/site/pages/demo/index.tsx +66 -0
- package/site/pages/demo/page1.tsx +28 -0
- package/site/pages/demo/page2.tsx +20 -0
- package/site/pages/demo/page3.tsx +16 -0
- package/site/pages/demo/page4.tsx +20 -0
- package/site/pages/demo/page5.tsx +16 -0
- package/site/pages/demo/page6.tsx +20 -0
- package/site/pages/demo/page7.tsx +17 -0
- package/site/pages/demo/page8.tsx +189 -0
- package/site/pages/demo/page9.tsx +32 -0
- package/site/pages/getting-started/accessibility/code.tsx +178 -0
- package/site/pages/getting-started/accessibility/design.tsx +152 -0
- package/site/pages/getting-started/accessibility/getting-started.tsx +198 -0
- package/site/pages/getting-started/accessibility/testing.tsx +377 -0
- package/site/pages/getting-started/accessibility/write.tsx +165 -0
- package/site/pages/getting-started/code/engineering-overview.tsx +370 -0
- package/site/pages/getting-started/code/engineering-quickstart.tsx +227 -0
- package/site/pages/getting-started/code/form-step-by-step.tsx +481 -0
- package/site/pages/getting-started/code/grid-layout-step-by-step.tsx +402 -0
- package/site/pages/getting-started/code/instrumentation.tsx +601 -0
- package/site/pages/getting-started/code/testing.mdx +35 -0
- package/site/pages/getting-started/design/design-overview.tsx +370 -0
- package/site/pages/getting-started/design/design-quickstart.tsx +648 -0
- package/site/pages/getting-started/design/design-values.mdx +8 -0
- package/site/pages/getting-started/design/ways-of-working.mdx +8 -0
- package/site/pages/getting-started/overview.tsx +103 -0
- package/site/pages/help/accessibility-statement.tsx +114 -0
- package/site/pages/help/faqs.mdx +8 -0
- package/site/pages/help/terms-and-conditions.tsx +285 -0
- package/site/pages/index.tsx +164 -0
- package/site/pages/patterns/forms/address.tsx +263 -0
- package/site/pages/patterns/forms/best-practice.tsx +814 -0
- package/site/pages/patterns/forms/date-of-birth.tsx +197 -0
- package/site/pages/patterns/forms/date-picker.tsx +231 -0
- package/site/pages/patterns/forms/email-address.tsx +192 -0
- package/site/pages/patterns/forms/gender.tsx +121 -0
- package/site/pages/patterns/forms/input-components.tsx +466 -0
- package/site/pages/patterns/forms/names.tsx +191 -0
- package/site/pages/patterns/forms/overview.tsx +146 -0
- package/site/pages/patterns/forms/passwords.tsx +182 -0
- package/site/pages/patterns/forms/payment.tsx +98 -0
- package/site/pages/patterns/forms/telephone-number.tsx +222 -0
- package/site/pages/patterns/onboarding/best-practice.tsx +130 -0
- package/site/pages/patterns/onboarding/how-to.tsx +232 -0
- package/site/pages/patterns/onboarding/overview.tsx +133 -0
- package/site/pages/patterns/overview.tsx +83 -0
- package/site/pages/patterns/solutions/account.tsx +121 -0
- package/site/pages/patterns/solutions/help-hub.tsx +106 -0
- package/site/pages/table-variants.tsx +459 -0
- package/site/pages/theme/foundation/borders.tsx +133 -0
- package/site/pages/theme/foundation/breakpoints.tsx +215 -0
- package/site/pages/theme/foundation/colours.tsx +469 -0
- package/site/pages/theme/foundation/design-tokens.tsx +184 -0
- package/site/pages/theme/foundation/fonts.tsx +568 -0
- package/site/pages/theme/foundation/gradients.tsx +162 -0
- package/site/pages/theme/foundation/iconography.tsx +332 -0
- package/site/pages/theme/foundation/motion.tsx +280 -0
- package/site/pages/theme/foundation/opacity.tsx +88 -0
- package/site/pages/theme/foundation/outlines.tsx +210 -0
- package/site/pages/theme/foundation/overlays.tsx +169 -0
- package/site/pages/theme/foundation/shadows.tsx +114 -0
- package/site/pages/theme/foundation/sizing.tsx +213 -0
- package/site/pages/theme/foundation/spacing.tsx +319 -0
- package/site/pages/theme/overview.tsx +90 -0
- package/site/pages/theme/presets/overview.mdx +8 -0
- package/site/pages/theme/presets/style-presets.tsx +768 -0
- package/site/pages/theme/presets/transition-presets.tsx +1080 -0
- package/site/pages/theme/presets/typography-presets.tsx +331 -0
- package/site/pages/theme/theming/component-defaults.tsx +281 -0
- package/site/pages/theme/theming/creating-a-theme.tsx +623 -0
- package/site/pages/theme/theming/overview.mdx +9 -0
- package/site/pages/theme/theming/using-a-theme.mdx +81 -0
- package/site/pages/tools/illustration-to-svg.tsx +127 -0
- package/site/pages/tools/preview-illustration-export.tsx +11 -0
- package/site/project.json +65 -0
- package/site/public/static/1x1-placeholder.png +0 -0
- package/site/public/static/about/contribute/contribute-banner-create.svg +27 -0
- package/site/public/static/about/contribute/contribute-banner-feedback.svg +40 -0
- package/site/public/static/about/contribute/contribute-banner-introduction.svg +26 -0
- package/site/public/static/about/contribute/contribute-banner-share.svg +43 -0
- package/site/public/static/about/contribute/contribute-card-create.svg +29 -0
- package/site/public/static/about/contribute/contribute-card-feedback.svg +38 -0
- package/site/public/static/about/contribute/contribute-card-share.svg +50 -0
- package/site/public/static/about/latest-news-and-articles/news-audioplayer-nick.png +0 -0
- package/site/public/static/about/latest-news-and-articles/news-ds-podcast-nick.png +0 -0
- package/site/public/static/about/latest-news-and-articles/news-dslondon-luke-marco.png +0 -0
- package/site/public/static/about/latest-news-and-articles/news-dslondon-xin.png +0 -0
- package/site/public/static/about/latest-news-and-articles/news-wdc-geri.png +0 -0
- package/site/public/static/about/latest-news-and-articles/news-zeroheight-podcast-geri.png +0 -0
- package/site/public/static/android-chrome-192x192.png +0 -0
- package/site/public/static/android-chrome-512x512.png +0 -0
- package/site/public/static/apple-touch-icon.png +0 -0
- package/site/public/static/avatar.png +0 -0
- package/site/public/static/browserconfig.xml +8 -0
- package/site/public/static/button-hero.svg +12 -0
- package/site/public/static/capsize-adustement.png +0 -0
- package/site/public/static/card-feature-need-help.svg +17 -0
- package/site/public/static/card-image.png +0 -0
- package/site/public/static/components.png +0 -0
- package/site/public/static/contact-us.svg +66 -0
- package/site/public/static/demo/page2.tsx +19 -0
- package/site/public/static/demo/page3.tsx +25 -0
- package/site/public/static/demo/page4.tsx +36 -0
- package/site/public/static/demo/page5.tsx +51 -0
- package/site/public/static/demo/page6-theme.tsx +24 -0
- package/site/public/static/demo/page6.tsx +74 -0
- package/site/public/static/demo/page7.tsx +70 -0
- package/site/public/static/examples/analytics/analytics-middleware.tsx +27 -0
- package/site/public/static/examples/analytics/analytics-provider-nested.tsx +27 -0
- package/site/public/static/examples/analytics/with-analytics.tsx +23 -0
- package/site/public/static/examples/byline/data.tsx +9 -0
- package/site/public/static/examples/card/horizontal-card-medium-without-inset.tsx +92 -0
- package/site/public/static/examples/card/vertical-card-medium-without-inset.tsx +88 -0
- package/site/public/static/examples/card/vertical-card-small-with-inset.tsx +81 -0
- package/site/public/static/examples/consent-settings-link.tsx +5 -0
- package/site/public/static/examples/consent.tsx +5 -0
- package/site/public/static/examples/divider/divider-horizontal-in-block.tsx +19 -0
- package/site/public/static/examples/divider/divider-vertical-in-block.tsx +23 -0
- package/site/public/static/examples/divider/divider-vertical-in-stack.tsx +14 -0
- package/site/public/static/examples/drawer/drawer.tsx +21 -0
- package/site/public/static/examples/email-input/email-input.tsx +6 -0
- package/site/public/static/examples/experimentation-web.tsx +7 -0
- package/site/public/static/examples/fonts/configuring-text-cropping.tsx +28 -0
- package/site/public/static/examples/fonts/font-properties.tsx +8 -0
- package/site/public/static/examples/form/form-with-schema-validation.tsx +17 -0
- package/site/public/static/examples/form/form.tsx +14 -0
- package/site/public/static/examples/form/invalid-form.tsx +14 -0
- package/site/public/static/examples/form/validated-form.tsx +9 -0
- package/site/public/static/examples/guides/get-started-generator/get-started-generator.tsx +10 -0
- package/site/public/static/examples/guides/get-started-newskit.tsx +17 -0
- package/site/public/static/examples/hooks/use-controlled.tsx +33 -0
- package/site/public/static/examples/hooks/use-intersection.tsx +18 -0
- package/site/public/static/examples/hooks/use-keypress.tsx +32 -0
- package/site/public/static/examples/hooks/use-resize-observer.tsx +18 -0
- package/site/public/static/examples/image/image-with-caption.tsx +10 -0
- package/site/public/static/examples/instrumentation/instrumentation-middleware.tsx +32 -0
- package/site/public/static/examples/instrumentation/instrumentation-provider-nested-2.tsx +23 -0
- package/site/public/static/examples/instrumentation/instrumentation-provider-nested-3.tsx +20 -0
- package/site/public/static/examples/instrumentation/instrumentation-provider-nested.tsx +62 -0
- package/site/public/static/examples/instrumentation/instrumentation-provider.tsx +24 -0
- package/site/public/static/examples/instrumentation/with-instrumentation.tsx +23 -0
- package/site/public/static/examples/screen-reader.tsx +8 -0
- package/site/public/static/examples/spacing/generic1.png +0 -0
- package/site/public/static/examples/spacing/get-spaceinline-horizontal.png +0 -0
- package/site/public/static/examples/spacing/get-spaceinline-vertical.png +0 -0
- package/site/public/static/examples/spacing/get-spacingstack-horizontal.png +0 -0
- package/site/public/static/examples/spacing/get-spacingstack-vertical.png +0 -0
- package/site/public/static/examples/spacing/inline1.png +0 -0
- package/site/public/static/examples/spacing/inset1.png +0 -0
- package/site/public/static/examples/spacing/squish-inset1.png +0 -0
- package/site/public/static/examples/spacing/stacking1.png +0 -0
- package/site/public/static/examples/spacing/stretch-inset1.png +0 -0
- package/site/public/static/examples/tabs/tabs.tsx +7 -0
- package/site/public/static/examples/tealium.tsx +9 -0
- package/site/public/static/examples/theming/__extends_1.tsx +7 -0
- package/site/public/static/examples/theming/__extends_2.tsx +6 -0
- package/site/public/static/examples/theming/adding-style-preset.tsx +18 -0
- package/site/public/static/examples/theming/adding-typography-preset.tsx +16 -0
- package/site/public/static/examples/theming/blue-shift.tsx +19 -0
- package/site/public/static/examples/theming/border-radius-change.tsx +10 -0
- package/site/public/static/examples/theming/component-defaults-in-theme.tsx +15 -0
- package/site/public/static/examples/theming/component-defaults-nested.tsx +31 -0
- package/site/public/static/examples/theming/component-defaults.tsx +12 -0
- package/site/public/static/examples/theming/extends-keyword-equivalent.ts +6 -0
- package/site/public/static/examples/theming/font-crop-config.tsx +27 -0
- package/site/public/static/examples/theming/function-as-a-value.tsx +13 -0
- package/site/public/static/examples/theming/ink-negative-change.tsx +11 -0
- package/site/public/static/examples/theming/nested-theme-provider.tsx +18 -0
- package/site/public/static/examples/theming/newskit-provider.tsx +9 -0
- package/site/public/static/examples/theming/override-icons.tsx +23 -0
- package/site/public/static/examples/theming/styled.tsx +15 -0
- package/site/public/static/examples/theming/unit-testing-your-theme.tsx +19 -0
- package/site/public/static/examples/theming/use-theme.tsx +6 -0
- package/site/public/static/examples/theming/with-theme.tsx +5 -0
- package/site/public/static/examples/transition-presets/background-border-colours.mp4 +0 -0
- package/site/public/static/examples/transition-presets/background-colour.mp4 +0 -0
- package/site/public/static/examples/transition-presets/drawer-mount-unmount.mp4 +0 -0
- package/site/public/static/examples/typography/typography.png +0 -0
- package/site/public/static/examples/utils/custom-to-newskit-icon.tsx +13 -0
- package/site/public/static/examples/utils/get-defaults.tsx +154 -0
- package/site/public/static/examples/utils/get-fonts-from-theme.tsx +6 -0
- package/site/public/static/examples/utils/get-from-theme/basic-css.tsx +6 -0
- package/site/public/static/examples/utils/get-from-theme/basic.tsx +6 -0
- package/site/public/static/examples/utils/get-from-theme/callback-as-args-css.tsx +13 -0
- package/site/public/static/examples/utils/get-from-theme/get-device-query-from-theme-css-object.tsx +7 -0
- package/site/public/static/examples/utils/get-from-theme/get-device-query-from-theme-serialized-styles.tsx +7 -0
- package/site/public/static/examples/utils/get-from-theme/get-media-query-from-theme-1.tsx +10 -0
- package/site/public/static/examples/utils/get-from-theme/get-media-query-from-theme-2.tsx +10 -0
- package/site/public/static/examples/utils/get-from-theme/get-style-preset-from-theme.tsx +12 -0
- package/site/public/static/examples/utils/get-from-theme/get-transition-preset-from-theme.tsx +26 -0
- package/site/public/static/examples/utils/get-from-theme/get-typography-preset-from-theme.tsx +6 -0
- package/site/public/static/examples/utils/get-from-theme/three-args-non-token-css.tsx +6 -0
- package/site/public/static/examples/utils/get-from-theme/three-args.tsx +6 -0
- package/site/public/static/examples/utils/get-from-theme/two-args.tsx +6 -0
- package/site/public/static/examples/utils/get-ssr-id-for.tsx +9 -0
- package/site/public/static/examples/utils/get-ssr-id-map.tsx +4 -0
- package/site/public/static/examples/utils/style-preset-example.tsx +24 -0
- package/site/public/static/examples/utils/style-preset.png +0 -0
- package/site/public/static/examples/visibility.tsx +8 -0
- package/site/public/static/favicon-16x16.png +0 -0
- package/site/public/static/favicon-32x32.png +0 -0
- package/site/public/static/favicon.ico +0 -0
- package/site/public/static/feature-card-foundations.svg +4 -0
- package/site/public/static/feature-card-patterns-16-9.svg +35 -0
- package/site/public/static/feature-card-release.svg +22 -0
- package/site/public/static/foundations-overview-hero.svg +17 -0
- package/site/public/static/foundations.png +0 -0
- package/site/public/static/help.svg +12 -0
- package/site/public/static/illustrations/404-hero.svg +18 -0
- package/site/public/static/illustrations/about/contact-us-hero-illustration.svg +32 -0
- package/site/public/static/illustrations/about/hero-contribute-illustration.svg +80 -0
- package/site/public/static/illustrations/about/hero.svg +1 -0
- package/site/public/static/illustrations/about/introduction-hero-stepping-stones-illustration.svg +81 -0
- package/site/public/static/illustrations/about/principles/design-for-people.svg +14 -0
- package/site/public/static/illustrations/about/principles/inclusive.svg +135 -0
- package/site/public/static/illustrations/about/principles/open.svg +132 -0
- package/site/public/static/illustrations/about/principles-01.svg +28 -0
- package/site/public/static/illustrations/about/principles-02.svg +30 -0
- package/site/public/static/illustrations/about/principles-03.svg +30 -0
- package/site/public/static/illustrations/about/release-notes-hero-illustration.svg +1 -0
- package/site/public/static/illustrations/about/why-use-newskit-hero-illustration.svg +1 -0
- package/site/public/static/illustrations/brands/barrons.svg +27 -0
- package/site/public/static/illustrations/brands/factiva.svg +91 -0
- package/site/public/static/illustrations/brands/mansion-global.svg +15 -0
- package/site/public/static/illustrations/brands/marketwatch.svg +19 -0
- package/site/public/static/illustrations/brands/sun.svg +17 -0
- package/site/public/static/illustrations/brands/talk-radio.svg +51 -0
- package/site/public/static/illustrations/brands/talk-sport.svg +49 -0
- package/site/public/static/illustrations/brands/talk-tv.svg +35 -0
- package/site/public/static/illustrations/brands/times-travel.svg +61 -0
- package/site/public/static/illustrations/brands/times.svg +447 -0
- package/site/public/static/illustrations/brands/virgin.svg +47 -0
- package/site/public/static/illustrations/brands/wsj.svg +15 -0
- package/site/public/static/illustrations/components/accordion/anatomy.svg +151 -0
- package/site/public/static/illustrations/components/accordion/behaviours/allexpandedonload.svg +37 -0
- package/site/public/static/illustrations/components/accordion/behaviours/collapseexpand.svg +25 -0
- package/site/public/static/illustrations/components/accordion/behaviours/firstexpandedonload.svg +34 -0
- package/site/public/static/illustrations/components/accordion/behaviours/singleexpanded.svg +34 -0
- package/site/public/static/illustrations/components/accordion/hero.svg +57 -0
- package/site/public/static/illustrations/components/accordion/options/heading.svg +28 -0
- package/site/public/static/illustrations/components/accordion/options/icon.svg +21 -0
- package/site/public/static/illustrations/components/accordion/options/singlegroup.svg +35 -0
- package/site/public/static/illustrations/components/accordion/states/base.svg +17 -0
- package/site/public/static/illustrations/components/accordion/states/disabled.svg +17 -0
- package/site/public/static/illustrations/components/accordion/states/focus.svg +64 -0
- package/site/public/static/illustrations/components/accordion/states/hover.svg +22 -0
- package/site/public/static/illustrations/components/accordion/usage/do01.svg +29 -0
- package/site/public/static/illustrations/components/accordion/usage/do02.svg +45 -0
- package/site/public/static/illustrations/components/accordion/usage/dont01.svg +23 -0
- package/site/public/static/illustrations/components/accordion/usage/dont02.svg +44 -0
- package/site/public/static/illustrations/components/aspect-ratio-illustration.svg +39 -0
- package/site/public/static/illustrations/components/audio-player/anatomy/anatomy-01.svg +257 -0
- package/site/public/static/illustrations/components/audio-player/anatomy/anatomy-02.svg +75 -0
- package/site/public/static/illustrations/components/audio-player/anatomy/anatomy-03.svg +569 -0
- package/site/public/static/illustrations/components/audio-player/behaviours/buffering.svg +28 -0
- package/site/public/static/illustrations/components/audio-player/behaviours/mute-button.svg +21 -0
- package/site/public/static/illustrations/components/audio-player/behaviours/play-pause-live.svg +30 -0
- package/site/public/static/illustrations/components/audio-player/behaviours/play-pause-recorded.svg +21 -0
- package/site/public/static/illustrations/components/audio-player/behaviours/skip-next.svg +24 -0
- package/site/public/static/illustrations/components/audio-player/behaviours/skip-previous.svg +21 -0
- package/site/public/static/illustrations/components/audio-player/layout-examples/full-player.svg +198 -0
- package/site/public/static/illustrations/components/audio-player/layout-examples/inline-player.svg +34 -0
- package/site/public/static/illustrations/components/audio-player/layout-examples/player-in-card.svg +70 -0
- package/site/public/static/illustrations/components/audio-player/options/autoplay.svg +20 -0
- package/site/public/static/illustrations/components/audio-player/options/forward-replay.svg +35 -0
- package/site/public/static/illustrations/components/audio-player/options/live.svg +18 -0
- package/site/public/static/illustrations/components/audio-player/options/mute-button.svg +23 -0
- package/site/public/static/illustrations/components/audio-player/options/playback-speed-control.svg +17 -0
- package/site/public/static/illustrations/components/audio-player/options/recorded.svg +20 -0
- package/site/public/static/illustrations/components/audio-player/options/time-display.svg +21 -0
- package/site/public/static/illustrations/components/audio-player/options/volume-control.svg +22 -0
- package/site/public/static/illustrations/components/audio-player/usage/do-01.svg +22 -0
- package/site/public/static/illustrations/components/audio-player/usage/do-02.svg +129 -0
- package/site/public/static/illustrations/components/audio-player/usage/do-03.svg +39 -0
- package/site/public/static/illustrations/components/audio-player/usage/dont-01.svg +38 -0
- package/site/public/static/illustrations/components/audio-player-illustration.svg +88 -0
- package/site/public/static/illustrations/components/banner/banner-anatomy-illustration.svg +166 -0
- package/site/public/static/illustrations/components/banner/banner-behaviours-text-overflow-illustration.svg +15 -0
- package/site/public/static/illustrations/components/banner/banner-do-1-illustration.svg +21 -0
- package/site/public/static/illustrations/components/banner/banner-do-2-illustration.svg +22 -0
- package/site/public/static/illustrations/components/banner/banner-do-3-illustration.svg +28 -0
- package/site/public/static/illustrations/components/banner/banner-do-4-illustration.svg +17 -0
- package/site/public/static/illustrations/components/banner/banner-do-6-illustration.svg +82 -0
- package/site/public/static/illustrations/components/banner/banner-dont-1-illustration.svg +24 -0
- package/site/public/static/illustrations/components/banner/banner-dont-2-illustration.svg +24 -0
- package/site/public/static/illustrations/components/banner/banner-dont-3-illustration.svg +26 -0
- package/site/public/static/illustrations/components/banner/banner-dont-5-illustration.svg +44 -0
- package/site/public/static/illustrations/components/banner/banner-illustration.svg +46 -0
- package/site/public/static/illustrations/components/banner/banner-options-actionable-illustration.svg +18 -0
- package/site/public/static/illustrations/components/banner/banner-options-dismissable-illustration.svg +30 -0
- package/site/public/static/illustrations/components/banner/banner-options-icon-illustration.svg +22 -0
- package/site/public/static/illustrations/components/banner/banner-options-intent-illustration.svg +29 -0
- package/site/public/static/illustrations/components/banner/banner-options-orientation-illustration.svg +28 -0
- package/site/public/static/illustrations/components/banner/banner-options-title-illustration.svg +22 -0
- package/site/public/static/illustrations/components/block/anatomy.svg +60 -0
- package/site/public/static/illustrations/components/block/render-as.svg +127 -0
- package/site/public/static/illustrations/components/block/spacing.svg +46 -0
- package/site/public/static/illustrations/components/block/style.svg +431 -0
- package/site/public/static/illustrations/components/block/usage/do-01.svg +9 -0
- package/site/public/static/illustrations/components/block/usage/dont-01.svg +15 -0
- package/site/public/static/illustrations/components/block-illustration.svg +58 -0
- package/site/public/static/illustrations/components/breadcrumbs/anatomy.svg +59 -0
- package/site/public/static/illustrations/components/breadcrumbs/behaviours/selected-breadcrumb-item.svg +27 -0
- package/site/public/static/illustrations/components/breadcrumbs/hero.svg +9 -0
- package/site/public/static/illustrations/components/breadcrumbs/options/separator.svg +29 -0
- package/site/public/static/illustrations/components/breadcrumbs/options/size.svg +64 -0
- package/site/public/static/illustrations/components/breadcrumbs/states/active.svg +26 -0
- package/site/public/static/illustrations/components/breadcrumbs/states/base.svg +25 -0
- package/site/public/static/illustrations/components/breadcrumbs/states/focus.svg +26 -0
- package/site/public/static/illustrations/components/breadcrumbs/states/hover.svg +28 -0
- package/site/public/static/illustrations/components/breadcrumbs/states/selected.svg +24 -0
- package/site/public/static/illustrations/components/breadcrumbs/usage/do-01.svg +134 -0
- package/site/public/static/illustrations/components/breadcrumbs/usage/do-02.svg +62 -0
- package/site/public/static/illustrations/components/breadcrumbs/usage/do-03.svg +26 -0
- package/site/public/static/illustrations/components/breadcrumbs/usage/dont-01.svg +66 -0
- package/site/public/static/illustrations/components/breadcrumbs/usage/dont-02.svg +89 -0
- package/site/public/static/illustrations/components/breadcrumbs/usage/dont-03.svg +27 -0
- package/site/public/static/illustrations/components/breadcrumbs/usage/dont-04.svg +102 -0
- package/site/public/static/illustrations/components/breadcrumbs/usage/dont-05.svg +46 -0
- package/site/public/static/illustrations/components/button/anatomy-button.svg +156 -0
- package/site/public/static/illustrations/components/button/anatomy-icon.svg +78 -0
- package/site/public/static/illustrations/components/button/behaviours/clickable-area.svg +19 -0
- package/site/public/static/illustrations/components/button/behaviours/fixed-and-full-width.svg +119 -0
- package/site/public/static/illustrations/components/button/behaviours/transition.svg +24 -0
- package/site/public/static/illustrations/components/button/hero.svg +52 -0
- package/site/public/static/illustrations/components/button/options/appearence.svg +177 -0
- package/site/public/static/illustrations/components/button/options/border-radius-and-width.svg +99 -0
- package/site/public/static/illustrations/components/button/options/button-link.svg +83 -0
- package/site/public/static/illustrations/components/button/options/icons-leading-trailing.svg +123 -0
- package/site/public/static/illustrations/components/button/options/icons.svg +25 -0
- package/site/public/static/illustrations/components/button/options/intent.svg +259 -0
- package/site/public/static/illustrations/components/button/options/label.svg +43 -0
- package/site/public/static/illustrations/components/button/options/size.svg +163 -0
- package/site/public/static/illustrations/components/button/states/active.svg +43 -0
- package/site/public/static/illustrations/components/button/states/base.svg +43 -0
- package/site/public/static/illustrations/components/button/states/disabled.svg +43 -0
- package/site/public/static/illustrations/components/button/states/focus.svg +49 -0
- package/site/public/static/illustrations/components/button/states/hover.svg +17 -0
- package/site/public/static/illustrations/components/button/states/loading.svg +23 -0
- package/site/public/static/illustrations/components/button/usage/do-01.svg +21 -0
- package/site/public/static/illustrations/components/button/usage/do2.svg +201 -0
- package/site/public/static/illustrations/components/button/usage/do3.svg +18 -0
- package/site/public/static/illustrations/components/button/usage/dont1.svg +137 -0
- package/site/public/static/illustrations/components/button/usage/dont2.svg +328 -0
- package/site/public/static/illustrations/components/button/usage/dont3.svg +64 -0
- package/site/public/static/illustrations/components/button/usage/dont4.svg +46 -0
- package/site/public/static/illustrations/components/byline/anatomy/anatomy.svg +36 -0
- package/site/public/static/illustrations/components/byline/behaviours/responsive.svg +18 -0
- package/site/public/static/illustrations/components/byline/options/divider.svg +47 -0
- package/site/public/static/illustrations/components/byline/options/job-title.svg +51 -0
- package/site/public/static/illustrations/components/byline/options/link.svg +32 -0
- package/site/public/static/illustrations/components/byline/options/location.svg +76 -0
- package/site/public/static/illustrations/components/byline-illustration.svg +37 -0
- package/site/public/static/illustrations/components/caption/anatomy/anatomy.svg +58 -0
- package/site/public/static/illustrations/components/caption/options/credit-text.svg +132 -0
- package/site/public/static/illustrations/components/caption/options/inset-spacing.svg +97 -0
- package/site/public/static/illustrations/components/caption/usage/inside-images.svg +20 -0
- package/site/public/static/illustrations/components/caption-illustration.svg +19 -0
- package/site/public/static/illustrations/components/card-composable/anatomy.svg +48 -0
- package/site/public/static/illustrations/components/card-composable/behaviours/grid-layout.svg +21 -0
- package/site/public/static/illustrations/components/card-composable/behaviours/static.svg +19 -0
- package/site/public/static/illustrations/components/card-composable/hero.svg +11 -0
- package/site/public/static/illustrations/components/card-composable/options/expand.svg +21 -0
- package/site/public/static/illustrations/components/card-composable/options/inset.svg +22 -0
- package/site/public/static/illustrations/components/card-composable/options/order.svg +28 -0
- package/site/public/static/illustrations/components/card-composable/options/span.svg +21 -0
- package/site/public/static/illustrations/components/card-composable/usage/do-1.svg +29 -0
- package/site/public/static/illustrations/components/card-composable/usage/do-2.svg +82 -0
- package/site/public/static/illustrations/components/card-composable/usage/do-3.svg +51 -0
- package/site/public/static/illustrations/components/card-composable/usage/dont-1.svg +52 -0
- package/site/public/static/illustrations/components/card-composable/usage/dont-2.svg +35 -0
- package/site/public/static/illustrations/components/character-count/anatomy.svg +148 -0
- package/site/public/static/illustrations/components/character-count/hero.svg +58 -0
- package/site/public/static/illustrations/components/character-count/options/character-limit.svg +123 -0
- package/site/public/static/illustrations/components/character-count/states/base.svg +279 -0
- package/site/public/static/illustrations/components/character-count/states/disabled.svg +278 -0
- package/site/public/static/illustrations/components/character-count/states/invalid.svg +399 -0
- package/site/public/static/illustrations/components/character-count/states/valid.svg +235 -0
- package/site/public/static/illustrations/components/character-count/usage/do-01.svg +102 -0
- package/site/public/static/illustrations/components/character-count/usage/do-2.svg +219 -0
- package/site/public/static/illustrations/components/character-count/usage/dont-1.svg +355 -0
- package/site/public/static/illustrations/components/checkbox/anatomy.svg +153 -0
- package/site/public/static/illustrations/components/checkbox/behaviours/autofocus.svg +186 -0
- package/site/public/static/illustrations/components/checkbox/behaviours/checked-vs-unchecked.svg +97 -0
- package/site/public/static/illustrations/components/checkbox/behaviours/clickable-area.svg +19 -0
- package/site/public/static/illustrations/components/checkbox/behaviours/default-checked.svg +179 -0
- package/site/public/static/illustrations/components/checkbox/behaviours/focusable-area.svg +56 -0
- package/site/public/static/illustrations/components/checkbox/behaviours/label-overflow-wrap.svg +185 -0
- package/site/public/static/illustrations/components/checkbox/behaviours/transition.svg +27 -0
- package/site/public/static/illustrations/components/checkbox/behaviours/validation.svg +64 -0
- package/site/public/static/illustrations/components/checkbox/hero.svg +37 -0
- package/site/public/static/illustrations/components/checkbox/options/feedback.svg +23 -0
- package/site/public/static/illustrations/components/checkbox/options/fieldset.svg +219 -0
- package/site/public/static/illustrations/components/checkbox/options/icon.svg +31 -0
- package/site/public/static/illustrations/components/checkbox/options/label.svg +71 -0
- package/site/public/static/illustrations/components/checkbox/options/size.svg +163 -0
- package/site/public/static/illustrations/components/checkbox/states/base.svg +45 -0
- package/site/public/static/illustrations/components/checkbox/states/checked-disabled.svg +43 -0
- package/site/public/static/illustrations/components/checkbox/states/checked-focus-hover.svg +23 -0
- package/site/public/static/illustrations/components/checkbox/states/checked-focus.svg +69 -0
- package/site/public/static/illustrations/components/checkbox/states/checked-hover.svg +17 -0
- package/site/public/static/illustrations/components/checkbox/states/checked-invalid-focus-hover.svg +23 -0
- package/site/public/static/illustrations/components/checkbox/states/checked-invalid-focus.svg +69 -0
- package/site/public/static/illustrations/components/checkbox/states/checked-invalid-hover.svg +22 -0
- package/site/public/static/illustrations/components/checkbox/states/checked-invalid.svg +63 -0
- package/site/public/static/illustrations/components/checkbox/states/checked-valid-focus-hover.svg +18 -0
- package/site/public/static/illustrations/components/checkbox/states/checked-valid-focus.svg +69 -0
- package/site/public/static/illustrations/components/checkbox/states/checked-valid-hover.svg +17 -0
- package/site/public/static/illustrations/components/checkbox/states/checked-valid.svg +43 -0
- package/site/public/static/illustrations/components/checkbox/states/checked.svg +43 -0
- package/site/public/static/illustrations/components/checkbox/states/disabled.svg +41 -0
- package/site/public/static/illustrations/components/checkbox/states/focus-hover.svg +22 -0
- package/site/public/static/illustrations/components/checkbox/states/focus.svg +65 -0
- package/site/public/static/illustrations/components/checkbox/states/hover.svg +17 -0
- package/site/public/static/illustrations/components/checkbox/states/invalid-focus-hover.svg +22 -0
- package/site/public/static/illustrations/components/checkbox/states/invalid-focus.svg +66 -0
- package/site/public/static/illustrations/components/checkbox/states/invalid-hover.svg +22 -0
- package/site/public/static/illustrations/components/checkbox/states/invalid.svg +46 -0
- package/site/public/static/illustrations/components/checkbox/states/valid-focus-hover.svg +22 -0
- package/site/public/static/illustrations/components/checkbox/states/valid-focus.svg +46 -0
- package/site/public/static/illustrations/components/checkbox/states/valid-hover.svg +22 -0
- package/site/public/static/illustrations/components/checkbox/states/valid.svg +46 -0
- package/site/public/static/illustrations/components/checkbox/usage/do-1.svg +101 -0
- package/site/public/static/illustrations/components/checkbox/usage/do-2.svg +63 -0
- package/site/public/static/illustrations/components/checkbox/usage/do-3.svg +12 -0
- package/site/public/static/illustrations/components/checkbox/usage/do-4.svg +72 -0
- package/site/public/static/illustrations/components/checkbox/usage/do-5.svg +28 -0
- package/site/public/static/illustrations/components/checkbox/usage/do-6.svg +122 -0
- package/site/public/static/illustrations/components/checkbox/usage/dont-1.svg +51 -0
- package/site/public/static/illustrations/components/community/community-index.svg +19 -0
- package/site/public/static/illustrations/components/community/how-to-contribute.svg +40 -0
- package/site/public/static/illustrations/components/date-time/anatomy.svg +29 -0
- package/site/public/static/illustrations/components/date-time/hero.svg +9 -0
- package/site/public/static/illustrations/components/date-time/options/date-and-time-format.svg +30 -0
- package/site/public/static/illustrations/components/date-time/options/prefix.svg +19 -0
- package/site/public/static/illustrations/components/date-time/options/suffix.svg +27 -0
- package/site/public/static/illustrations/components/date-time/usage/do-01.svg +19 -0
- package/site/public/static/illustrations/components/date-time-illustration.svg +9 -0
- package/site/public/static/illustrations/components/divider/anatomy-illustration.svg +44 -0
- package/site/public/static/illustrations/components/divider/block-horizontal-illustration.svg +88 -0
- package/site/public/static/illustrations/components/divider/block-vertical-illustration.svg +85 -0
- package/site/public/static/illustrations/components/divider/do-01.svg +37 -0
- package/site/public/static/illustrations/components/divider/orientation-illustration.svg +48 -0
- package/site/public/static/illustrations/components/divider/stack-illustration.svg +56 -0
- package/site/public/static/illustrations/components/divider-illustration.svg +40 -0
- package/site/public/static/illustrations/components/drawer/drawer-anatomy-illustration.svg +175 -0
- package/site/public/static/illustrations/components/drawer/drawer-behaviours-animation-illustration.svg +139 -0
- package/site/public/static/illustrations/components/drawer/drawer-behaviours-content-overflow-illustration.svg +85 -0
- package/site/public/static/illustrations/components/drawer/drawer-behaviours-disable-page-scrolling-illustration.svg +78 -0
- package/site/public/static/illustrations/components/drawer/drawer-behaviours-triggering-closing-illustration.svg +30 -0
- package/site/public/static/illustrations/components/drawer/drawer-do-1-illustration.svg +243 -0
- package/site/public/static/illustrations/components/drawer/drawer-do-2-illustration.svg +190 -0
- package/site/public/static/illustrations/components/drawer/drawer-dont-1-illustration.svg +187 -0
- package/site/public/static/illustrations/components/drawer/drawer-dont-2-illustration.svg +196 -0
- package/site/public/static/illustrations/components/drawer/drawer-illustration.svg +38 -0
- package/site/public/static/illustrations/components/drawer/drawer-options-close-position-illustration.svg +48 -0
- package/site/public/static/illustrations/components/drawer/drawer-options-height-illustration.svg +29 -0
- package/site/public/static/illustrations/components/drawer/drawer-options-placement-illustration.svg +34 -0
- package/site/public/static/illustrations/components/drawer/drawer-options-width-illustration.svg +26 -0
- package/site/public/static/illustrations/components/experimentation-illustration.svg +56 -0
- package/site/public/static/illustrations/components/fieldset/anatomy.svg +260 -0
- package/site/public/static/illustrations/components/fieldset/form-structure.svg +285 -0
- package/site/public/static/illustrations/components/fieldset/hero.svg +28 -0
- package/site/public/static/illustrations/components/fieldset/options/legend.svg +117 -0
- package/site/public/static/illustrations/components/fieldset/options/size.svg +385 -0
- package/site/public/static/illustrations/components/fieldset/states/base.svg +169 -0
- package/site/public/static/illustrations/components/fieldset/states/disabled.svg +169 -0
- package/site/public/static/illustrations/components/flag/anatomy.svg +154 -0
- package/site/public/static/illustrations/components/flag/options/appearance.svg +67 -0
- package/site/public/static/illustrations/components/flag/options/icons.svg +90 -0
- package/site/public/static/illustrations/components/flag/options/size.svg +103 -0
- package/site/public/static/illustrations/components/flag/usage/do-01.svg +49 -0
- package/site/public/static/illustrations/components/flag/usage/do-02.svg +39 -0
- package/site/public/static/illustrations/components/flag/usage/dont-01.svg +35 -0
- package/site/public/static/illustrations/components/flag-illustration.svg +37 -0
- package/site/public/static/illustrations/components/form/anatomy/anatomy-form.svg +196 -0
- package/site/public/static/illustrations/components/form/anatomy/anatomy-forminput-components.svg +362 -0
- package/site/public/static/illustrations/components/form/behaviours/assistive-text-min-height.svg +167 -0
- package/site/public/static/illustrations/components/form/behaviours/assistive-text-overflow-wrap.svg +49 -0
- package/site/public/static/illustrations/components/form/form-structure.svg +285 -0
- package/site/public/static/illustrations/components/form/hero.svg +114 -0
- package/site/public/static/illustrations/components/form/options/assistive-text.svg +149 -0
- package/site/public/static/illustrations/components/form/options/checkbox.svg +44 -0
- package/site/public/static/illustrations/components/form/options/fieldset.svg +170 -0
- package/site/public/static/illustrations/components/form/options/label.svg +150 -0
- package/site/public/static/illustrations/components/form/options/radio-button.svg +50 -0
- package/site/public/static/illustrations/components/form/options/select.svg +81 -0
- package/site/public/static/illustrations/components/form/options/text-area.svg +95 -0
- package/site/public/static/illustrations/components/form/options/text-field.svg +83 -0
- package/site/public/static/illustrations/components/form/tutorials.svg +149 -0
- package/site/public/static/illustrations/components/form/usage/do-1.svg +87 -0
- package/site/public/static/illustrations/components/form/usage/do-2.svg +64 -0
- package/site/public/static/illustrations/components/form/usage/do-3.svg +32 -0
- package/site/public/static/illustrations/components/form/usage/do-4.svg +267 -0
- package/site/public/static/illustrations/components/form/usage/do-5.svg +25 -0
- package/site/public/static/illustrations/components/form/usage/do-6.svg +262 -0
- package/site/public/static/illustrations/components/form/usage/do-7.svg +49 -0
- package/site/public/static/illustrations/components/form/usage/do-8.svg +88 -0
- package/site/public/static/illustrations/components/form/usage/do-9.svg +24 -0
- package/site/public/static/illustrations/components/form/usage/dont-1.svg +81 -0
- package/site/public/static/illustrations/components/form/usage/dont-2.svg +55 -0
- package/site/public/static/illustrations/components/form/usage/dont-3.svg +186 -0
- package/site/public/static/illustrations/components/grid-cell/anatomy.svg +207 -0
- package/site/public/static/illustrations/components/grid-cell/behaviours/max-width.svg +91 -0
- package/site/public/static/illustrations/components/grid-cell/behaviours/nested-grids.svg +67 -0
- package/site/public/static/illustrations/components/grid-cell/celloptions/offset.svg +37 -0
- package/site/public/static/illustrations/components/grid-cell/celloptions/order.svg +89 -0
- package/site/public/static/illustrations/components/grid-cell/celloptions/span.svg +91 -0
- package/site/public/static/illustrations/components/grid-cell/celloptions/visibility.svg +81 -0
- package/site/public/static/illustrations/components/grid-cell/gridoptions/breakpoints.svg +75 -0
- package/site/public/static/illustrations/components/grid-cell/gridoptions/gutter-width.svg +38 -0
- package/site/public/static/illustrations/components/grid-cell/gridoptions/margin-width.svg +93 -0
- package/site/public/static/illustrations/components/grid-cell/gridoptions/max-width.svg +81 -0
- package/site/public/static/illustrations/components/grid-cell/hero.svg +72 -0
- package/site/public/static/illustrations/components/grid-cell/usage/do-01.svg +39 -0
- package/site/public/static/illustrations/components/grid-cell/usage/dont-01.svg +48 -0
- package/site/public/static/illustrations/components/grid-cell/usage/dont-02.svg +52 -0
- package/site/public/static/illustrations/components/grid-cell-illustration.svg +72 -0
- package/site/public/static/illustrations/components/grid-layout/anatomy.svg +105 -0
- package/site/public/static/illustrations/components/grid-layout/options/max-width.svg +92 -0
- package/site/public/static/illustrations/components/grid-layout/options/offset.svg +58 -0
- package/site/public/static/illustrations/components/grid-layout/options/order.svg +90 -0
- package/site/public/static/illustrations/components/grid-layout/options/row-column-gap.svg +109 -0
- package/site/public/static/illustrations/components/grid-layout/options/span.svg +104 -0
- package/site/public/static/illustrations/components/grid-layout/tutorials/designers.svg +57 -0
- package/site/public/static/illustrations/components/grid-layout/usage/do-01.svg +56 -0
- package/site/public/static/illustrations/components/grid-layout/usage/dont-01.svg +48 -0
- package/site/public/static/illustrations/components/grid-layout-illustration.svg +73 -0
- package/site/public/static/illustrations/components/header-image.svg +217 -0
- package/site/public/static/illustrations/components/heading-illustration.svg +32 -0
- package/site/public/static/illustrations/components/headline/anatomy.svg +12 -0
- package/site/public/static/illustrations/components/headline/hero.svg +7 -0
- package/site/public/static/illustrations/components/headline/options/heading-level.svg +118 -0
- package/site/public/static/illustrations/components/headline/options/kicker.svg +23 -0
- package/site/public/static/illustrations/components/headline/usage/do-01.svg +37 -0
- package/site/public/static/illustrations/components/hero-card-illustration.svg +16 -0
- package/site/public/static/illustrations/components/hero-component-defaults-illustration.svg +103 -0
- package/site/public/static/illustrations/components/hero-consent-illustration.svg +36 -0
- package/site/public/static/illustrations/components/hero-consent-settings-illustration.svg +43 -0
- package/site/public/static/illustrations/components/hero-drawer-illustration.svg +48 -0
- package/site/public/static/illustrations/components/hero-roadmap-illustration.svg +56 -0
- package/site/public/static/illustrations/components/hero-shadows-illustration.svg +43 -0
- package/site/public/static/illustrations/components/hero-sizing-illustration.svg +28 -0
- package/site/public/static/illustrations/components/hero-tealium-illustration.svg +111 -0
- package/site/public/static/illustrations/components/hero-typography-illustration.svg +87 -0
- package/site/public/static/illustrations/components/icons-illustration.svg +47 -0
- package/site/public/static/illustrations/components/image/anatomy.svg +24 -0
- package/site/public/static/illustrations/components/image/behaviours/loading.svg +72 -0
- package/site/public/static/illustrations/components/image/hero.svg +13 -0
- package/site/public/static/illustrations/components/image/options/caption.svg +35 -0
- package/site/public/static/illustrations/components/image/options/imagedimensions.svg +16 -0
- package/site/public/static/illustrations/components/image/options/placeholdericon.svg +9 -0
- package/site/public/static/illustrations/components/image/states/base.svg +14 -0
- package/site/public/static/illustrations/components/image/states/loading.svg +13 -0
- package/site/public/static/illustrations/components/image/usage/dont-01.svg +10 -0
- package/site/public/static/illustrations/components/image-illustration.svg +45 -0
- package/site/public/static/illustrations/components/inline-message/inline-message-anatomy-illustration.svg +106 -0
- package/site/public/static/illustrations/components/inline-message/inline-message-behaviours-text-overflow-illustration.svg +13 -0
- package/site/public/static/illustrations/components/inline-message/inline-message-illustration.svg +69 -0
- package/site/public/static/illustrations/components/inline-message/inline-message-options-icon-illustration.svg +17 -0
- package/site/public/static/illustrations/components/inline-message/inline-message-options-intent-illustration.svg +17 -0
- package/site/public/static/illustrations/components/inline-message/inline-message-options-title-illustration.svg +29 -0
- package/site/public/static/illustrations/components/inline-message/usage/do-01.svg +41 -0
- package/site/public/static/illustrations/components/inline-message/usage/dont-01.svg +14 -0
- package/site/public/static/illustrations/components/inline-message/usage/dont-02.svg +37 -0
- package/site/public/static/illustrations/components/inline-message/usage/dont-03.svg +13 -0
- package/site/public/static/illustrations/components/layer/layer-illustration.svg +8 -0
- package/site/public/static/illustrations/components/layer-illustration.svg +8 -0
- package/site/public/static/illustrations/components/link/anatomy.svg +80 -0
- package/site/public/static/illustrations/components/link/hero.svg +63 -0
- package/site/public/static/illustrations/components/link/options/external-link.svg +26 -0
- package/site/public/static/illustrations/components/link/options/inline-and-standalone-links.svg +159 -0
- package/site/public/static/illustrations/components/link/options/options-size.svg +139 -0
- package/site/public/static/illustrations/components/link/states/active.svg +35 -0
- package/site/public/static/illustrations/components/link/states/base.svg +36 -0
- package/site/public/static/illustrations/components/link/states/focus.svg +41 -0
- package/site/public/static/illustrations/components/link/states/hover.svg +16 -0
- package/site/public/static/illustrations/components/link/states/visited-hover.svg +13 -0
- package/site/public/static/illustrations/components/link/states/visited.svg +35 -0
- package/site/public/static/illustrations/components/link/usage/do-01.svg +106 -0
- package/site/public/static/illustrations/components/link/usage/do-02.svg +86 -0
- package/site/public/static/illustrations/components/link/usage/do-03.svg +27 -0
- package/site/public/static/illustrations/components/menu/menu-anatomy-illustration.svg +380 -0
- package/site/public/static/illustrations/components/menu/menu-behaviours-overflow-illustration.svg +282 -0
- package/site/public/static/illustrations/components/menu/menu-behaviours-selected-illustration.svg +60 -0
- package/site/public/static/illustrations/components/menu/menu-behaviours-transitions-illustration.svg +97 -0
- package/site/public/static/illustrations/components/menu/menu-behaviours-width-height-illustration.svg +291 -0
- package/site/public/static/illustrations/components/menu/menu-do-01-illustration.svg +369 -0
- package/site/public/static/illustrations/components/menu/menu-do-02-illustration.svg +93 -0
- package/site/public/static/illustrations/components/menu/menu-do-03-illustration.svg +429 -0
- package/site/public/static/illustrations/components/menu/menu-dont-01-illustration.svg +77 -0
- package/site/public/static/illustrations/components/menu/menu-dont-02-illustration.svg +89 -0
- package/site/public/static/illustrations/components/menu/menu-dont-03-illustration.svg +367 -0
- package/site/public/static/illustrations/components/menu/menu-illustration.svg +54 -0
- package/site/public/static/illustrations/components/menu/menu-options-alignment-illustration.svg +79 -0
- package/site/public/static/illustrations/components/menu/menu-options-divider-illustration.svg +99 -0
- package/site/public/static/illustrations/components/menu/menu-options-icons-illustration.svg +123 -0
- package/site/public/static/illustrations/components/menu/menu-options-orientation-illustration.svg +121 -0
- package/site/public/static/illustrations/components/menu/menu-options-size-illustration.svg +68 -0
- package/site/public/static/illustrations/components/menu/menu-options-styles-illustration.svg +121 -0
- package/site/public/static/illustrations/components/menu/menu-options-title-illustration.svg +73 -0
- package/site/public/static/illustrations/components/menu/menu-states-active-illustration.svg +43 -0
- package/site/public/static/illustrations/components/menu/menu-states-base-illustration.svg +41 -0
- package/site/public/static/illustrations/components/menu/menu-states-disabled-illustration.svg +37 -0
- package/site/public/static/illustrations/components/menu/menu-states-focus-illustration.svg +39 -0
- package/site/public/static/illustrations/components/menu/menu-states-hover-illustration.svg +43 -0
- package/site/public/static/illustrations/components/menu/menu-states-selected-illustration.svg +37 -0
- package/site/public/static/illustrations/components/menu/sub-menu-anatomy.svg +120 -0
- package/site/public/static/illustrations/components/menu/usage/do-01.svg +106 -0
- package/site/public/static/illustrations/components/menu/usage/do-02.svg +83 -0
- package/site/public/static/illustrations/components/menu/usage/do-03.svg +86 -0
- package/site/public/static/illustrations/components/menu/usage/do-04.svg +94 -0
- package/site/public/static/illustrations/components/modal/anatomy.svg +175 -0
- package/site/public/static/illustrations/components/modal/behaviours-focus-trapping.svg +32 -0
- package/site/public/static/illustrations/components/modal/close-position.svg +50 -0
- package/site/public/static/illustrations/components/modal/content-overflow.svg +80 -0
- package/site/public/static/illustrations/components/modal/focus-trapping.svg +37 -0
- package/site/public/static/illustrations/components/modal/height.svg +22 -0
- package/site/public/static/illustrations/components/modal/lock-stroll.svg +54 -0
- package/site/public/static/illustrations/components/modal/overlay.svg +23 -0
- package/site/public/static/illustrations/components/modal/placement.svg +30 -0
- package/site/public/static/illustrations/components/modal/triggering-and-closing.svg +70 -0
- package/site/public/static/illustrations/components/modal/usage/do-01.svg +34 -0
- package/site/public/static/illustrations/components/modal/usage/do-02.svg +91 -0
- package/site/public/static/illustrations/components/modal/usage/dont-01.svg +53 -0
- package/site/public/static/illustrations/components/modal/width.svg +24 -0
- package/site/public/static/illustrations/components/modal-illustration.svg +36 -0
- package/site/public/static/illustrations/components/ordered-list-illustration.svg +49 -0
- package/site/public/static/illustrations/components/orderedlist/anatomy/anatomy-01.svg +28 -0
- package/site/public/static/illustrations/components/orderedlist/hero.svg +9 -0
- package/site/public/static/illustrations/components/orderedlist/options/counter.svg +37 -0
- package/site/public/static/illustrations/components/orderedlist/usage/do-01.svg +25 -0
- package/site/public/static/illustrations/components/orderedlist/usage/do-02.svg +63 -0
- package/site/public/static/illustrations/components/pagination/anatomy.svg +78 -0
- package/site/public/static/illustrations/components/pagination/hero.svg +21 -0
- package/site/public/static/illustrations/components/pagination/options/boundaries.svg +21 -0
- package/site/public/static/illustrations/components/pagination/options/firstlast.svg +17 -0
- package/site/public/static/illustrations/components/pagination/options/siblings.svg +22 -0
- package/site/public/static/illustrations/components/pagination/options/size.svg +31 -0
- package/site/public/static/illustrations/components/pagination/options/truncation.svg +21 -0
- package/site/public/static/illustrations/components/pagination/states/active.svg +18 -0
- package/site/public/static/illustrations/components/pagination/states/base.svg +17 -0
- package/site/public/static/illustrations/components/pagination/states/disabled.svg +21 -0
- package/site/public/static/illustrations/components/pagination/states/focus.svg +21 -0
- package/site/public/static/illustrations/components/pagination/states/hover.svg +23 -0
- package/site/public/static/illustrations/components/pagination/states/selected.svg +18 -0
- package/site/public/static/illustrations/components/pagination/usage/do-01.svg +32 -0
- package/site/public/static/illustrations/components/pagination/usage/do-02.svg +27 -0
- package/site/public/static/illustrations/components/pagination/usage/do-03.svg +25 -0
- package/site/public/static/illustrations/components/placeholder-illustration.svg +18 -0
- package/site/public/static/illustrations/components/pop-up-illustration.svg +96 -0
- package/site/public/static/illustrations/components/popover/anatomy.svg +164 -0
- package/site/public/static/illustrations/components/popover/behaviours/flip.svg +47 -0
- package/site/public/static/illustrations/components/popover/behaviours/focus.svg +35 -0
- package/site/public/static/illustrations/components/popover/behaviours/shift.svg +54 -0
- package/site/public/static/illustrations/components/popover/behaviours/transition.svg +41 -0
- package/site/public/static/illustrations/components/popover/behaviours/triggering-and-closing.svg +57 -0
- package/site/public/static/illustrations/components/popover/hero.svg +96 -0
- package/site/public/static/illustrations/components/popover/options/close-position.svg +43 -0
- package/site/public/static/illustrations/components/popover/options/offset.svg +29 -0
- package/site/public/static/illustrations/components/popover/options/placement.svg +46 -0
- package/site/public/static/illustrations/components/popover/options/pointer.svg +51 -0
- package/site/public/static/illustrations/components/popover/options/size.svg +35 -0
- package/site/public/static/illustrations/components/popover/usage/do1.svg +32 -0
- package/site/public/static/illustrations/components/popover/usage/do2.svg +22 -0
- package/site/public/static/illustrations/components/popover/usage/do3.svg +29 -0
- package/site/public/static/illustrations/components/popover/usage/dont-01.svg +59 -0
- package/site/public/static/illustrations/components/popover/usage/dont-02.svg +33 -0
- package/site/public/static/illustrations/components/popover/usage/dont-03.svg +25 -0
- package/site/public/static/illustrations/components/popover/usage/dont-04.svg +33 -0
- package/site/public/static/illustrations/components/progress-indicator-illustration.svg +40 -0
- package/site/public/static/illustrations/components/radio-button/anatomy.svg +147 -0
- package/site/public/static/illustrations/components/radio-button/behaviours/autofocus.svg +197 -0
- package/site/public/static/illustrations/components/radio-button/behaviours/clickable-area.svg +25 -0
- package/site/public/static/illustrations/components/radio-button/behaviours/default-checked.svg +185 -0
- package/site/public/static/illustrations/components/radio-button/behaviours/exclusive-selection.svg +51 -0
- package/site/public/static/illustrations/components/radio-button/behaviours/focusable-area.svg +53 -0
- package/site/public/static/illustrations/components/radio-button/behaviours/label-overflow-wrap.svg +191 -0
- package/site/public/static/illustrations/components/radio-button/behaviours/transition.svg +29 -0
- package/site/public/static/illustrations/components/radio-button/behaviours/validation.svg +62 -0
- package/site/public/static/illustrations/components/radio-button/hero.svg +13 -0
- package/site/public/static/illustrations/components/radio-button/options/feedback.svg +24 -0
- package/site/public/static/illustrations/components/radio-button/options/fieldset.svg +229 -0
- package/site/public/static/illustrations/components/radio-button/options/icon.svg +43 -0
- package/site/public/static/illustrations/components/radio-button/options/label.svg +83 -0
- package/site/public/static/illustrations/components/radio-button/options/radio-group.svg +109 -0
- package/site/public/static/illustrations/components/radio-button/options/size.svg +181 -0
- package/site/public/static/illustrations/components/radio-button/states/base.svg +45 -0
- package/site/public/static/illustrations/components/radio-button/states/checked-disabled.svg +45 -0
- package/site/public/static/illustrations/components/radio-button/states/checked-focus-hover.svg +23 -0
- package/site/public/static/illustrations/components/radio-button/states/checked-focus.svg +69 -0
- package/site/public/static/illustrations/components/radio-button/states/checked-hover.svg +18 -0
- package/site/public/static/illustrations/components/radio-button/states/checked-invalid-focus-hover.svg +23 -0
- package/site/public/static/illustrations/components/radio-button/states/checked-invalid-focus.svg +70 -0
- package/site/public/static/illustrations/components/radio-button/states/checked-invalid-hover.svg +23 -0
- package/site/public/static/illustrations/components/radio-button/states/checked-invalid.svg +70 -0
- package/site/public/static/illustrations/components/radio-button/states/checked-valid-focus-hover.svg +18 -0
- package/site/public/static/illustrations/components/radio-button/states/checked-valid-focus.svg +70 -0
- package/site/public/static/illustrations/components/radio-button/states/checked-valid-hover.svg +18 -0
- package/site/public/static/illustrations/components/radio-button/states/checked-valid.svg +50 -0
- package/site/public/static/illustrations/components/radio-button/states/checked.svg +49 -0
- package/site/public/static/illustrations/components/radio-button/states/disabled.svg +41 -0
- package/site/public/static/illustrations/components/radio-button/states/focus-hover.svg +22 -0
- package/site/public/static/illustrations/components/radio-button/states/focus.svg +65 -0
- package/site/public/static/illustrations/components/radio-button/states/hover.svg +17 -0
- package/site/public/static/illustrations/components/radio-button/states/invalid-focus-hover.svg +22 -0
- package/site/public/static/illustrations/components/radio-button/states/invalid-focus.svg +66 -0
- package/site/public/static/illustrations/components/radio-button/states/invalid-hover.svg +22 -0
- package/site/public/static/illustrations/components/radio-button/states/invalid.svg +46 -0
- package/site/public/static/illustrations/components/radio-button/states/valid-focus-hover.svg +22 -0
- package/site/public/static/illustrations/components/radio-button/states/valid-focus.svg +46 -0
- package/site/public/static/illustrations/components/radio-button/states/valid-hover.svg +22 -0
- package/site/public/static/illustrations/components/radio-button/states/valid.svg +46 -0
- package/site/public/static/illustrations/components/radio-button/usage/do-1.svg +27 -0
- package/site/public/static/illustrations/components/radio-button/usage/do-2.svg +13 -0
- package/site/public/static/illustrations/components/radio-button/usage/do-3.svg +50 -0
- package/site/public/static/illustrations/components/radio-button/usage/do-4.svg +35 -0
- package/site/public/static/illustrations/components/radio-button/usage/do-5.svg +37 -0
- package/site/public/static/illustrations/components/radio-button/usage/dont-1.svg +56 -0
- package/site/public/static/illustrations/components/scroll/anatomy.svg +200 -0
- package/site/public/static/illustrations/components/scroll/behaviours/overlays.svg +19 -0
- package/site/public/static/illustrations/components/scroll/options/control-visibility.svg +20 -0
- package/site/public/static/illustrations/components/scroll/options/orientation.svg +26 -0
- package/site/public/static/illustrations/components/scroll/options/scroll-bar-visibility.svg +22 -0
- package/site/public/static/illustrations/components/scroll/options/scroll-snap-alignment.svg +30 -0
- package/site/public/static/illustrations/components/scroll/options/scroll-step-distance.svg +23 -0
- package/site/public/static/illustrations/components/scroll/usage/do-01.svg +113 -0
- package/site/public/static/illustrations/components/scroll/usage/do-02.svg +80 -0
- package/site/public/static/illustrations/components/scroll-illustration.svg +52 -0
- package/site/public/static/illustrations/components/select/anatomy.svg +111 -0
- package/site/public/static/illustrations/components/select/behaviours/checked-vs-unchecked.svg +147 -0
- package/site/public/static/illustrations/components/select/behaviours/validation-icon.svg +104 -0
- package/site/public/static/illustrations/components/select/behaviours/validation.svg +32 -0
- package/site/public/static/illustrations/components/select/options/custom-selected-display.svg +132 -0
- package/site/public/static/illustrations/components/select/options/end-enhancer.svg +135 -0
- package/site/public/static/illustrations/components/select/options/min-height.svg +108 -0
- package/site/public/static/illustrations/components/select/options/mobile.svg +161 -0
- package/site/public/static/illustrations/components/select/options/placeholder-text.svg +127 -0
- package/site/public/static/illustrations/components/select/options/pre-selected-option.svg +129 -0
- package/site/public/static/illustrations/components/select/options/size.svg +502 -0
- package/site/public/static/illustrations/components/select/options/start-enhancer.svg +135 -0
- package/site/public/static/illustrations/components/select/options/width.svg +168 -0
- package/site/public/static/illustrations/components/select/select-illustration.svg +78 -0
- package/site/public/static/illustrations/components/select/states/base.svg +84 -0
- package/site/public/static/illustrations/components/select/states/disabled.svg +76 -0
- package/site/public/static/illustrations/components/select/states/focus.svg +91 -0
- package/site/public/static/illustrations/components/select/states/hover.svg +30 -0
- package/site/public/static/illustrations/components/select/states/invalid-focus.svg +88 -0
- package/site/public/static/illustrations/components/select/states/invalid-hover.svg +26 -0
- package/site/public/static/illustrations/components/select/states/invalid.svg +88 -0
- package/site/public/static/illustrations/components/select/states/read-only.svg +64 -0
- package/site/public/static/illustrations/components/select/states/selected.svg +68 -0
- package/site/public/static/illustrations/components/select/states/valid-focus.svg +74 -0
- package/site/public/static/illustrations/components/select/states/valid-hover.svg +22 -0
- package/site/public/static/illustrations/components/select/states/valid.svg +74 -0
- package/site/public/static/illustrations/components/select/usage/do-1.svg +131 -0
- package/site/public/static/illustrations/components/select/usage/do-2.svg +111 -0
- package/site/public/static/illustrations/components/select/usage/dont-1.svg +74 -0
- package/site/public/static/illustrations/components/select/usage/dont-2.svg +152 -0
- package/site/public/static/illustrations/components/select/usage/dont-3.svg +97 -0
- package/site/public/static/illustrations/components/share-bar/share-anatomy-illustration.svg +241 -0
- package/site/public/static/illustrations/components/share-bar/share-bar-illustration.svg +60 -0
- package/site/public/static/illustrations/components/share-bar/share-do-1-illustration.svg +20 -0
- package/site/public/static/illustrations/components/share-bar/share-dont-1-illustration.svg +22 -0
- package/site/public/static/illustrations/components/share-bar/share-options-label-illustration.svg +26 -0
- package/site/public/static/illustrations/components/share-bar/share-options-mobile-illustration.svg +20 -0
- package/site/public/static/illustrations/components/share-bar/share-options-orientation-illustration.svg +29 -0
- package/site/public/static/illustrations/components/share-bar/share-options-overflow-illustration.svg +25 -0
- package/site/public/static/illustrations/components/slider/anatomy.svg +48 -0
- package/site/public/static/illustrations/components/slider/hero.svg +8 -0
- package/site/public/static/illustrations/components/slider/options/feedback.svg +11 -0
- package/site/public/static/illustrations/components/slider/options/indicator-weight.svg +7 -0
- package/site/public/static/illustrations/components/slider/options/label-position.svg +24 -0
- package/site/public/static/illustrations/components/slider/options/min-and-max.svg +16 -0
- package/site/public/static/illustrations/components/slider/options/minmax-labels.svg +10 -0
- package/site/public/static/illustrations/components/slider/options/orientation.svg +9 -0
- package/site/public/static/illustrations/components/slider/options/step-distance.svg +30 -0
- package/site/public/static/illustrations/components/slider/options/thumb-icon.svg +7 -0
- package/site/public/static/illustrations/components/slider/options/thumb-label.svg +8 -0
- package/site/public/static/illustrations/components/slider/options/track-weight.svg +7 -0
- package/site/public/static/illustrations/components/slider/states/active.svg +19 -0
- package/site/public/static/illustrations/components/slider/states/base.svg +6 -0
- package/site/public/static/illustrations/components/slider/states/disabled.svg +14 -0
- package/site/public/static/illustrations/components/slider/states/focus.svg +7 -0
- package/site/public/static/illustrations/components/slider/states/hover.svg +16 -0
- package/site/public/static/illustrations/components/slider/thumb-control.svg +14 -0
- package/site/public/static/illustrations/components/slider/usage/labels.svg +10 -0
- package/site/public/static/illustrations/components/slider/usage/prefix.svg +14 -0
- package/site/public/static/illustrations/components/slider/usage/values.svg +9 -0
- package/site/public/static/illustrations/components/slider-illustration.svg +40 -0
- package/site/public/static/illustrations/components/stack/anatomy.svg +16 -0
- package/site/public/static/illustrations/components/stack/hero.svg +12 -0
- package/site/public/static/illustrations/components/stack-illustration.svg +12 -0
- package/site/public/static/illustrations/components/standfirst/01-hero/hero.svg +8 -0
- package/site/public/static/illustrations/components/standfirst/02-anatomy/anatomy.svg +198 -0
- package/site/public/static/illustrations/components/standfirst/03-options/heading-level.svg +12 -0
- package/site/public/static/illustrations/components/standfirst/04-dos-donts/do-01.svg +192 -0
- package/site/public/static/illustrations/components/standfirst-illustration.svg +42 -0
- package/site/public/static/illustrations/components/structured-list/anatomy.svg +232 -0
- package/site/public/static/illustrations/components/structured-list/behaviours-alignment.svg +109 -0
- package/site/public/static/illustrations/components/structured-list/hero.svg +27 -0
- package/site/public/static/illustrations/components/structured-list/options/options-divider.svg +158 -0
- package/site/public/static/illustrations/components/structured-list/options/options-interactive.svg +33 -0
- package/site/public/static/illustrations/components/structured-list/options/options-item-and-cell-layouts.svg +87 -0
- package/site/public/static/illustrations/components/structured-list/states/active.svg +14 -0
- package/site/public/static/illustrations/components/structured-list/states/base.svg +34 -0
- package/site/public/static/illustrations/components/structured-list/states/disabled.svg +34 -0
- package/site/public/static/illustrations/components/structured-list/states/focus.svg +44 -0
- package/site/public/static/illustrations/components/structured-list/states/hover.svg +14 -0
- package/site/public/static/illustrations/components/switch/anatomy.svg +247 -0
- package/site/public/static/illustrations/components/switch/behaviours/checked-vs-unchecked.svg +63 -0
- package/site/public/static/illustrations/components/switch/behaviours/clickable-area.svg +33 -0
- package/site/public/static/illustrations/components/switch/behaviours/focusable-area.svg +69 -0
- package/site/public/static/illustrations/components/switch/behaviours/label-overflow-wrap.svg +197 -0
- package/site/public/static/illustrations/components/switch/hero.svg +33 -0
- package/site/public/static/illustrations/components/switch/options/feedback.svg +25 -0
- package/site/public/static/illustrations/components/switch/options/label.svg +102 -0
- package/site/public/static/illustrations/components/switch/options/size.svg +199 -0
- package/site/public/static/illustrations/components/switch/options/thumb-and-track-size-and-icons.svg +110 -0
- package/site/public/static/illustrations/components/switch/states/base.svg +55 -0
- package/site/public/static/illustrations/components/switch/states/checked-disabled.svg +55 -0
- package/site/public/static/illustrations/components/switch/states/checked-focus-hover.svg +20 -0
- package/site/public/static/illustrations/components/switch/states/checked-focus.svg +65 -0
- package/site/public/static/illustrations/components/switch/states/checked-hover.svg +19 -0
- package/site/public/static/illustrations/components/switch/states/checked.svg +55 -0
- package/site/public/static/illustrations/components/switch/states/disabled.svg +55 -0
- package/site/public/static/illustrations/components/switch/states/focus-hover.svg +20 -0
- package/site/public/static/illustrations/components/switch/states/focus.svg +72 -0
- package/site/public/static/illustrations/components/switch/states/hover.svg +24 -0
- package/site/public/static/illustrations/components/switch/usage/do-1.svg +14 -0
- package/site/public/static/illustrations/components/switch/usage/do-2.svg +19 -0
- package/site/public/static/illustrations/components/switch/usage/dont-1.svg +32 -0
- package/site/public/static/illustrations/components/switch/usage/dont-2.svg +35 -0
- package/site/public/static/illustrations/components/tabs/anatomy-tabs-illustration.svg +203 -0
- package/site/public/static/illustrations/components/tabs/tabs-behaviours-animation-illustration.svg +46 -0
- package/site/public/static/illustrations/components/tabs/tabs-behaviours-label-wrap-illustration.svg +52 -0
- package/site/public/static/illustrations/components/tabs/tabs-behaviours-selected-illustration.svg +50 -0
- package/site/public/static/illustrations/components/tabs/tabs-behaviours-tab-overflow-illustration.svg +230 -0
- package/site/public/static/illustrations/components/tabs/tabs-options-alignment-illustration.svg +67 -0
- package/site/public/static/illustrations/components/tabs/tabs-options-distribution-illustration.svg +542 -0
- package/site/public/static/illustrations/components/tabs/tabs-options-dividers-illustration.svg +54 -0
- package/site/public/static/illustrations/components/tabs/tabs-options-icons-illustration.svg +63 -0
- package/site/public/static/illustrations/components/tabs/tabs-options-indicator-position-illustration.svg +59 -0
- package/site/public/static/illustrations/components/tabs/tabs-options-indicator-size-illustration.svg +83 -0
- package/site/public/static/illustrations/components/tabs/tabs-options-indicator-weight-illustration.svg +95 -0
- package/site/public/static/illustrations/components/tabs/tabs-options-label-illustration.svg +29 -0
- package/site/public/static/illustrations/components/tabs/tabs-options-orientation-illustration.svg +111 -0
- package/site/public/static/illustrations/components/tabs/tabs-options-size-illustration.svg +59 -0
- package/site/public/static/illustrations/components/tabs/tabs-options-track-weight-illustration.svg +205 -0
- package/site/public/static/illustrations/components/tabs/tabs-states-active-illustration.svg +52 -0
- package/site/public/static/illustrations/components/tabs/tabs-states-base-illustration.svg +45 -0
- package/site/public/static/illustrations/components/tabs/tabs-states-disabled-illustration.svg +47 -0
- package/site/public/static/illustrations/components/tabs/tabs-states-focus-illustration.svg +46 -0
- package/site/public/static/illustrations/components/tabs/tabs-states-hover-illustration.svg +52 -0
- package/site/public/static/illustrations/components/tabs/tabs-states-selected-illustration.svg +47 -0
- package/site/public/static/illustrations/components/tabs/usage/do-01.svg +42 -0
- package/site/public/static/illustrations/components/tabs/usage/do-02.svg +18 -0
- package/site/public/static/illustrations/components/tabs/usage/do-03.svg +36 -0
- package/site/public/static/illustrations/components/tabs/usage/do-04.svg +82 -0
- package/site/public/static/illustrations/components/tabs/usage/do-05.svg +82 -0
- package/site/public/static/illustrations/components/tabs/usage/dont-01.svg +82 -0
- package/site/public/static/illustrations/components/tabs/usage/dont-02.svg +39 -0
- package/site/public/static/illustrations/components/tabs/usage/dont-03.svg +19 -0
- package/site/public/static/illustrations/components/tabs/usage/dont-04.svg +36 -0
- package/site/public/static/illustrations/components/tabs-illustration.svg +69 -0
- package/site/public/static/illustrations/components/tag/anatomy.svg +157 -0
- package/site/public/static/illustrations/components/tag/behaviours/fixed-and-full-width.svg +99 -0
- package/site/public/static/illustrations/components/tag/hero.svg +42 -0
- package/site/public/static/illustrations/components/tag/options/icons.svg +79 -0
- package/site/public/static/illustrations/components/tag/options/lable.svg +33 -0
- package/site/public/static/illustrations/components/tag/options/size.svg +105 -0
- package/site/public/static/illustrations/components/tag/states/active.svg +49 -0
- package/site/public/static/illustrations/components/tag/states/base.svg +45 -0
- package/site/public/static/illustrations/components/tag/states/focus.svg +51 -0
- package/site/public/static/illustrations/components/tag/states/hover.svg +49 -0
- package/site/public/static/illustrations/components/tag/usage/do-01.svg +99 -0
- package/site/public/static/illustrations/components/tag/usage/do-02.svg +18 -0
- package/site/public/static/illustrations/components/tag/usage/dont-01.svg +28 -0
- package/site/public/static/illustrations/components/tag/usage/dont-02.svg +109 -0
- package/site/public/static/illustrations/components/tag-illustration.svg +42 -0
- package/site/public/static/illustrations/components/text-area/anatomy.svg +177 -0
- package/site/public/static/illustrations/components/text-area/behaviours/truncation.svg +122 -0
- package/site/public/static/illustrations/components/text-area/behaviours/validation.svg +23 -0
- package/site/public/static/illustrations/components/text-area/options/autocomplete.svg +76 -0
- package/site/public/static/illustrations/components/text-area/options/character-count.svg +86 -0
- package/site/public/static/illustrations/components/text-area/options/height.svg +134 -0
- package/site/public/static/illustrations/components/text-area/options/max-and-min-length.svg +61 -0
- package/site/public/static/illustrations/components/text-area/options/multiple-text-areas.svg +73 -0
- package/site/public/static/illustrations/components/text-area/options/placeholder-text.svg +82 -0
- package/site/public/static/illustrations/components/text-area/options/resize-handle.svg +19 -0
- package/site/public/static/illustrations/components/text-area/options/size.svg +496 -0
- package/site/public/static/illustrations/components/text-area/options/width.svg +122 -0
- package/site/public/static/illustrations/components/text-area/states/base.svg +50 -0
- package/site/public/static/illustrations/components/text-area/states/disabled.svg +42 -0
- package/site/public/static/illustrations/components/text-area/states/focus.svg +50 -0
- package/site/public/static/illustrations/components/text-area/states/hover.svg +24 -0
- package/site/public/static/illustrations/components/text-area/states/invalid-focus.svg +54 -0
- package/site/public/static/illustrations/components/text-area/states/invalid-hover.svg +17 -0
- package/site/public/static/illustrations/components/text-area/states/invalid.svg +54 -0
- package/site/public/static/illustrations/components/text-area/states/read-only.svg +50 -0
- package/site/public/static/illustrations/components/text-area/states/selected.svg +56 -0
- package/site/public/static/illustrations/components/text-area/states/valid-focus.svg +50 -0
- package/site/public/static/illustrations/components/text-area/states/valid-hover.svg +16 -0
- package/site/public/static/illustrations/components/text-area/states/valid.svg +50 -0
- package/site/public/static/illustrations/components/text-area/usage/do-01.svg +16 -0
- package/site/public/static/illustrations/components/text-area/usage/do-02.svg +25 -0
- package/site/public/static/illustrations/components/text-area/usage/do-03.svg +20 -0
- package/site/public/static/illustrations/components/text-area/usage/dont-01.svg +24 -0
- package/site/public/static/illustrations/components/text-area/usage/dont-02.svg +16 -0
- package/site/public/static/illustrations/components/text-area/usage/dont-03.svg +29 -0
- package/site/public/static/illustrations/components/text-area-illustration.svg +44 -0
- package/site/public/static/illustrations/components/text-block/anatomy.svg +419 -0
- package/site/public/static/illustrations/components/text-block/options/drop-cap.svg +37 -0
- package/site/public/static/illustrations/components/text-block/options/render.svg +439 -0
- package/site/public/static/illustrations/components/text-block/options/styling.svg +335 -0
- package/site/public/static/illustrations/components/text-block/options/text-crop.svg +192 -0
- package/site/public/static/illustrations/components/text-block/usage/do-01.svg +252 -0
- package/site/public/static/illustrations/components/text-block-illustration.svg +36 -0
- package/site/public/static/illustrations/components/text-field/anatomy.svg +255 -0
- package/site/public/static/illustrations/components/text-field/behaviours/input-text-overflow.svg +40 -0
- package/site/public/static/illustrations/components/text-field/behaviours/validation-icon.svg +68 -0
- package/site/public/static/illustrations/components/text-field/behaviours/validation.svg +23 -0
- package/site/public/static/illustrations/components/text-field/hero.svg +32 -0
- package/site/public/static/illustrations/components/text-field/options/autocomplete.svg +78 -0
- package/site/public/static/illustrations/components/text-field/options/end-enhancer.svg +131 -0
- package/site/public/static/illustrations/components/text-field/options/input-mode.svg +86 -0
- package/site/public/static/illustrations/components/text-field/options/max-length.svg +55 -0
- package/site/public/static/illustrations/components/text-field/options/min-length.svg +55 -0
- package/site/public/static/illustrations/components/text-field/options/multiple-fields.svg +86 -0
- package/site/public/static/illustrations/components/text-field/options/pattern.svg +55 -0
- package/site/public/static/illustrations/components/text-field/options/placeholder-text.svg +96 -0
- package/site/public/static/illustrations/components/text-field/options/size.svg +478 -0
- package/site/public/static/illustrations/components/text-field/options/start-enhancer.svg +127 -0
- package/site/public/static/illustrations/components/text-field/options/type.svg +88 -0
- package/site/public/static/illustrations/components/text-field/options/width.svg +116 -0
- package/site/public/static/illustrations/components/text-field/states/active.svg +44 -0
- package/site/public/static/illustrations/components/text-field/states/base.svg +44 -0
- package/site/public/static/illustrations/components/text-field/states/disabled.svg +36 -0
- package/site/public/static/illustrations/components/text-field/states/hover.svg +23 -0
- package/site/public/static/illustrations/components/text-field/states/invalid-focus.svg +48 -0
- package/site/public/static/illustrations/components/text-field/states/invalid-hover.svg +16 -0
- package/site/public/static/illustrations/components/text-field/states/invalid.svg +48 -0
- package/site/public/static/illustrations/components/text-field/states/read-only.svg +44 -0
- package/site/public/static/illustrations/components/text-field/states/selected.svg +50 -0
- package/site/public/static/illustrations/components/text-field/states/valid-focus.svg +50 -0
- package/site/public/static/illustrations/components/text-field/states/valid-hover.svg +16 -0
- package/site/public/static/illustrations/components/text-field/states/valid.svg +50 -0
- package/site/public/static/illustrations/components/text-field/usage/do-01.svg +36 -0
- package/site/public/static/illustrations/components/text-field/usage/do-02.svg +39 -0
- package/site/public/static/illustrations/components/text-field/usage/do-03.svg +68 -0
- package/site/public/static/illustrations/components/text-field/usage/dont-01.svg +41 -0
- package/site/public/static/illustrations/components/text-field/usage/dont-02.svg +37 -0
- package/site/public/static/illustrations/components/text-field/usage/dont-03.svg +60 -0
- package/site/public/static/illustrations/components/text-input-illustration.svg +32 -0
- package/site/public/static/illustrations/components/title-bar/01-hero/hero.svg +9 -0
- package/site/public/static/illustrations/components/title-bar/02-anatomy/anatomy.svg +21 -0
- package/site/public/static/illustrations/components/title-bar/03-options/actions.svg +7 -0
- package/site/public/static/illustrations/components/title-bar/03-options/border.svg +12 -0
- package/site/public/static/illustrations/components/title-bar/03-options/heading-tag.svg +16 -0
- package/site/public/static/illustrations/components/title-bar/03-options/width.svg +23 -0
- package/site/public/static/illustrations/components/title-bar/04-behaviours/hidden.svg +42 -0
- package/site/public/static/illustrations/components/title-bar/05-usage/sections.svg +19 -0
- package/site/public/static/illustrations/components/title-bar-illustration.svg +60 -0
- package/site/public/static/illustrations/components/toast/toast-anatomy-illustration.svg +155 -0
- package/site/public/static/illustrations/components/toast/toast-illustration.svg +14 -0
- package/site/public/static/illustrations/components/toast/toast-options-actionable-illustration.svg +25 -0
- package/site/public/static/illustrations/components/toast/toast-options-auto-hide-illustration.svg +39 -0
- package/site/public/static/illustrations/components/toast/toast-options-icon-illustration.svg +21 -0
- package/site/public/static/illustrations/components/toast/toast-options-intent-illustration.svg +50 -0
- package/site/public/static/illustrations/components/toast/toast-options-multi-toast-illustration.svg +32 -0
- package/site/public/static/illustrations/components/toast/toast-options-offset-illustration.svg +27 -0
- package/site/public/static/illustrations/components/toast/toast-options-persist-illustration.svg +38 -0
- package/site/public/static/illustrations/components/toast/toast-options-position-illustration.svg +32 -0
- package/site/public/static/illustrations/components/toast/toast-options-text-overflow-illustration.svg +20 -0
- package/site/public/static/illustrations/components/toast/toast-options-title-illustration.svg +34 -0
- package/site/public/static/illustrations/components/toast/usage/do-01.svg +44 -0
- package/site/public/static/illustrations/components/toast/usage/do-02.svg +48 -0
- package/site/public/static/illustrations/components/toast/usage/do-03.svg +28 -0
- package/site/public/static/illustrations/components/toast/usage/dont-01.svg +37 -0
- package/site/public/static/illustrations/components/toast/usage/dont-02.svg +22 -0
- package/site/public/static/illustrations/components/toast/usage/dont-03.svg +25 -0
- package/site/public/static/illustrations/components/toast-illustration.svg +14 -0
- package/site/public/static/illustrations/components/tooltip/anatomy.svg +86 -0
- package/site/public/static/illustrations/components/tooltip/behaviours/flip.svg +94 -0
- package/site/public/static/illustrations/components/tooltip/behaviours/shift.svg +101 -0
- package/site/public/static/illustrations/components/tooltip/behaviours/transition.svg +46 -0
- package/site/public/static/illustrations/components/tooltip/behaviours/triggering-and-closing.svg +43 -0
- package/site/public/static/illustrations/components/tooltip/hero.svg +77 -0
- package/site/public/static/illustrations/components/tooltip/options/offset.svg +79 -0
- package/site/public/static/illustrations/components/tooltip/options/placement.svg +126 -0
- package/site/public/static/illustrations/components/tooltip/options/pointer.svg +34 -0
- package/site/public/static/illustrations/components/tooltip/options/size.svg +86 -0
- package/site/public/static/illustrations/components/tooltip/usage/do1.svg +18 -0
- package/site/public/static/illustrations/components/tooltip/usage/do2.svg +36 -0
- package/site/public/static/illustrations/components/tooltip/usage/do3.svg +17 -0
- package/site/public/static/illustrations/components/tooltip/usage/do4.svg +39 -0
- package/site/public/static/illustrations/components/tooltip/usage/dont1.svg +28 -0
- package/site/public/static/illustrations/components/tooltip/usage/dont2.svg +46 -0
- package/site/public/static/illustrations/components/tooltip/usage/dont3.svg +64 -0
- package/site/public/static/illustrations/components/tooltip/usage/dont4.svg +18 -0
- package/site/public/static/illustrations/components/tooltip/usage/dont5.svg +20 -0
- package/site/public/static/illustrations/components/unordered-list/anatomy-2.svg +29 -0
- package/site/public/static/illustrations/components/unordered-list/hero.svg +9 -0
- package/site/public/static/illustrations/components/unordered-list/options/marker-alignment.svg +104 -0
- package/site/public/static/illustrations/components/unordered-list/options/marker.svg +12 -0
- package/site/public/static/illustrations/components/unordered-list/usage/do-01.svg +25 -0
- package/site/public/static/illustrations/components/unordered-list/usage/do-02.svg +55 -0
- package/site/public/static/illustrations/components/unordered-list/usage/dont-01.svg +62 -0
- package/site/public/static/illustrations/components/unordered-list-illustration.svg +55 -0
- package/site/public/static/illustrations/components/url-illustration.svg +63 -0
- package/site/public/static/illustrations/components/video-player/anatomy.svg +53 -0
- package/site/public/static/illustrations/components/video-player/default-player.svg +21 -0
- package/site/public/static/illustrations/components/video-player/hero.svg +17 -0
- package/site/public/static/illustrations/components/video-player/player-in-card.svg +94 -0
- package/site/public/static/illustrations/components/visibility/hidden-illustration.svg +32 -0
- package/site/public/static/illustrations/components/visibility/screenreaderonly-illustration.svg +28 -0
- package/site/public/static/illustrations/components/visibility/usage/do-01.svg +77 -0
- package/site/public/static/illustrations/components/visibility/usage/dont-01.svg +63 -0
- package/site/public/static/illustrations/components/visibility/visibility-do-01-illustration.svg +64 -0
- package/site/public/static/illustrations/components/visibility/visibility-dont-01-illustration.svg +66 -0
- package/site/public/static/illustrations/components/visibility/visibility-illustration.svg +51 -0
- package/site/public/static/illustrations/components/visibility/visible-illustration.svg +25 -0
- package/site/public/static/illustrations/components/visibility-illustration.svg +51 -0
- package/site/public/static/illustrations/components/volume-control-illustration.svg +46 -0
- package/site/public/static/illustrations/guides/accessibility-code/hero.svg +33 -0
- package/site/public/static/illustrations/guides/accessibility-design/hero.svg +16 -0
- package/site/public/static/illustrations/guides/accessibility-getting-started/hero.svg +15 -0
- package/site/public/static/illustrations/guides/accessibility-test/hero.svg +21 -0
- package/site/public/static/illustrations/guides/accessibility-write/hero.svg +24 -0
- package/site/public/static/illustrations/guides/design-overview/accessibility-guidance.svg +120 -0
- package/site/public/static/illustrations/guides/design-overview/complete-flexibility.svg +99 -0
- package/site/public/static/illustrations/guides/design-overview/components-guidance.svg +98 -0
- package/site/public/static/illustrations/guides/design-overview/design-made-easy.svg +79 -0
- package/site/public/static/illustrations/guides/design-overview/design-quickstart.svg +61 -0
- package/site/public/static/illustrations/guides/design-overview/example-architecture.svg +553 -0
- package/site/public/static/illustrations/guides/design-overview/feature-card-need-help.svg +62 -0
- package/site/public/static/illustrations/guides/design-overview/handoff-guidance.svg +58 -0
- package/site/public/static/illustrations/guides/design-overview/hero.svg +70 -0
- package/site/public/static/illustrations/guides/design-overview/icon-library.svg +52 -0
- package/site/public/static/illustrations/guides/design-overview/patterns.svg +50 -0
- package/site/public/static/illustrations/guides/design-overview/theme-library.svg +32 -0
- package/site/public/static/illustrations/guides/design-overview/tokens-studio-plugin.svg +8 -0
- package/site/public/static/illustrations/guides/design-overview/ui-template.svg +102 -0
- package/site/public/static/illustrations/guides/design-overview/utilities-library.svg +34 -0
- package/site/public/static/illustrations/guides/design-overview/web-components-library.svg +66 -0
- package/site/public/static/illustrations/guides/design-quickstart/hero.svg +61 -0
- package/site/public/static/illustrations/guides/design-quickstart/step1/access-to-figma-browser-launch.svg +160 -0
- package/site/public/static/illustrations/guides/design-quickstart/step1/access-to-figma-log-in.svg +308 -0
- package/site/public/static/illustrations/guides/design-quickstart/step1/access-to-figma-open-in-app.svg +256 -0
- package/site/public/static/illustrations/guides/design-quickstart/step1/hero.svg +45 -0
- package/site/public/static/illustrations/guides/design-quickstart/step2/hero.svg +95 -0
- package/site/public/static/illustrations/guides/design-quickstart/step2/joining-a-workspace-request.svg +504 -0
- package/site/public/static/illustrations/guides/design-quickstart/step3/hero.svg +98 -0
- package/site/public/static/illustrations/guides/design-quickstart/step4/hero.svg +112 -0
- package/site/public/static/illustrations/guides/design-quickstart/step4/starting-a-figma-project-new-project-01.svg +168 -0
- package/site/public/static/illustrations/guides/design-quickstart/step4/starting-a-figma-project-new-project-02.svg +260 -0
- package/site/public/static/illustrations/guides/design-quickstart/step4/starting-a-figma-project-new-project-03.svg +192 -0
- package/site/public/static/illustrations/guides/design-quickstart/step4/using-the-newskit-project-template-files-using-template-01.svg +292 -0
- package/site/public/static/illustrations/guides/design-quickstart/step4/using-the-newskit-project-template-files-using-template-02.svg +240 -0
- package/site/public/static/illustrations/guides/design-quickstart/step4/using-the-newskit-project-template-files-using-template-03.svg +318 -0
- package/site/public/static/illustrations/guides/design-quickstart/step5/hero.svg +106 -0
- package/site/public/static/illustrations/guides/design-quickstart/step5/linking-newskit-figma-libraries-libraries-01.svg +185 -0
- package/site/public/static/illustrations/guides/design-quickstart/step5/linking-newskit-figma-libraries-libraries-02.svg +158 -0
- package/site/public/static/illustrations/guides/design-quickstart/step5/linking-newskit-figma-libraries-libraries-03.svg +419 -0
- package/site/public/static/illustrations/guides/engineering-overview/accessible.svg +79 -0
- package/site/public/static/illustrations/guides/engineering-overview/adaptive.svg +67 -0
- package/site/public/static/illustrations/guides/engineering-overview/advanced-theming-system.svg +32 -0
- package/site/public/static/illustrations/guides/engineering-overview/example-architecture-engineering.svg +1265 -0
- package/site/public/static/illustrations/guides/engineering-overview/guidance.svg +154 -0
- package/site/public/static/illustrations/guides/engineering-overview/hero.svg +28 -0
- package/site/public/static/illustrations/guides/engineering-overview/productive.svg +56 -0
- package/site/public/static/illustrations/guides/engineering-overview/react-web-components.svg +24 -0
- package/site/public/static/illustrations/guides/engineering-overview/utility-functions.svg +56 -0
- package/site/public/static/illustrations/guides/engineering-quickstart/hero.svg +24 -0
- package/site/public/static/illustrations/guides/form-guide/hero.svg +149 -0
- package/site/public/static/illustrations/guides/form-guide/steps/step-01.svg +19 -0
- package/site/public/static/illustrations/guides/form-guide/steps/step-02.svg +21 -0
- package/site/public/static/illustrations/guides/form-guide/steps/step-03.svg +21 -0
- package/site/public/static/illustrations/guides/form-guide/steps/step-04.svg +20 -0
- package/site/public/static/illustrations/guides/form-guide/steps/step-05.svg +22 -0
- package/site/public/static/illustrations/guides/form-guide/steps/step-06.svg +23 -0
- package/site/public/static/illustrations/guides/form-guide/steps/step-07.svg +24 -0
- package/site/public/static/illustrations/guides/form-guide/steps/step-08.svg +33 -0
- package/site/public/static/illustrations/guides/form-guide/steps/step-09.svg +34 -0
- package/site/public/static/illustrations/guides/form-guide/steps/step-10.svg +33 -0
- package/site/public/static/illustrations/guides/grid-layout-guide/hero.svg +73 -0
- package/site/public/static/illustrations/guides/grid-layout-guide/steps/first-layout.svg +16 -0
- package/site/public/static/illustrations/guides/grid-layout-guide/steps/grid-layout.svg +37 -0
- package/site/public/static/illustrations/guides/grid-layout-guide/steps/responsive-props.svg +16 -0
- package/site/public/static/illustrations/guides/instrumentation-setup-hero.svg +76 -0
- package/site/public/static/illustrations/guides/overview/design-overview.svg +70 -0
- package/site/public/static/illustrations/guides/overview/design-quickstart.svg +61 -0
- package/site/public/static/illustrations/guides/overview/engineering-overview.svg +28 -0
- package/site/public/static/illustrations/guides/overview/engineering-quickstart.svg +24 -0
- package/site/public/static/illustrations/guides/overview/header-image.svg +34 -0
- package/site/public/static/illustrations/guides/overview/instrumentation-setup.svg +76 -0
- package/site/public/static/illustrations/guides/overview/testing.svg +80 -0
- package/site/public/static/illustrations/landing-page/explore-components.svg +89 -0
- package/site/public/static/illustrations/landing-page/explore-foundations.svg +30 -0
- package/site/public/static/illustrations/landing-page/explore-patterns.svg +99 -0
- package/site/public/static/illustrations/landing-page/github.svg +119 -0
- package/site/public/static/illustrations/landing-page/hero-grid-logo.svg +10 -0
- package/site/public/static/illustrations/landing-page/hero-grid.svg +25 -0
- package/site/public/static/illustrations/landing-page/medium.svg +39 -0
- package/site/public/static/illustrations/landing-page/storybook.svg +31 -0
- package/site/public/static/illustrations/patterns/forms/address/error-state.svg +591 -0
- package/site/public/static/illustrations/patterns/forms/address/hero.svg +48 -0
- package/site/public/static/illustrations/patterns/forms/address/how-to-ask.svg +253 -0
- package/site/public/static/illustrations/patterns/forms/address/how-to-display.svg +451 -0
- package/site/public/static/illustrations/patterns/forms/best-practice/best-practice/tip.svg +551 -0
- package/site/public/static/illustrations/patterns/forms/best-practice/call-to-actions/tip.svg +83 -0
- package/site/public/static/illustrations/patterns/forms/best-practice/call-to-actions/visual-treatment.svg +105 -0
- package/site/public/static/illustrations/patterns/forms/best-practice/hero.svg +59 -0
- package/site/public/static/illustrations/patterns/forms/best-practice/labels/optional.svg +229 -0
- package/site/public/static/illustrations/patterns/forms/best-practice/labels/tip.svg +55 -0
- package/site/public/static/illustrations/patterns/forms/best-practice/progress-abandonment/abandonment.svg +136 -0
- package/site/public/static/illustrations/patterns/forms/best-practice/progress-abandonment/tip.svg +298 -0
- package/site/public/static/illustrations/patterns/forms/best-practice/security-captcha/tip.svg +137 -0
- package/site/public/static/illustrations/patterns/forms/best-practice/structure-layout/tip.svg +148 -0
- package/site/public/static/illustrations/patterns/forms/best-practice/validation-error-messages/tip.svg +73 -0
- package/site/public/static/illustrations/patterns/forms/best-practice/validation-error-messages/validation.svg +89 -0
- package/site/public/static/illustrations/patterns/forms/date-of-birth/error-state.svg +229 -0
- package/site/public/static/illustrations/patterns/forms/date-of-birth/hero.svg +16 -0
- package/site/public/static/illustrations/patterns/forms/date-of-birth/how-to-ask.svg +207 -0
- package/site/public/static/illustrations/patterns/forms/date-picker/error-state.svg +211 -0
- package/site/public/static/illustrations/patterns/forms/date-picker/hero.svg +14 -0
- package/site/public/static/illustrations/patterns/forms/date-picker/how-to-use/long-term.svg +268 -0
- package/site/public/static/illustrations/patterns/forms/date-picker/how-to-use/mobile.svg +149 -0
- package/site/public/static/illustrations/patterns/forms/date-picker/how-to-use/short-term.svg +83 -0
- package/site/public/static/illustrations/patterns/forms/date-picker/tip.svg +415 -0
- package/site/public/static/illustrations/patterns/forms/email-address/error-state.svg +185 -0
- package/site/public/static/illustrations/patterns/forms/email-address/hero.svg +25 -0
- package/site/public/static/illustrations/patterns/forms/email-address/how-to-ask.svg +247 -0
- package/site/public/static/illustrations/patterns/forms/gender/hero.svg +62 -0
- package/site/public/static/illustrations/patterns/forms/input-components/checkbox/checkbox.svg +29 -0
- package/site/public/static/illustrations/patterns/forms/input-components/combo-box/combo-box.svg +19 -0
- package/site/public/static/illustrations/patterns/forms/input-components/hero.svg +22 -0
- package/site/public/static/illustrations/patterns/forms/input-components/newskit-component/checkbox.svg +38 -0
- package/site/public/static/illustrations/patterns/forms/input-components/newskit-component/radio-button.svg +53 -0
- package/site/public/static/illustrations/patterns/forms/input-components/newskit-component/select.svg +78 -0
- package/site/public/static/illustrations/patterns/forms/input-components/newskit-component/text-field.svg +32 -0
- package/site/public/static/illustrations/patterns/forms/input-components/radio-group/considerations.svg +29 -0
- package/site/public/static/illustrations/patterns/forms/input-components/select/select.svg +14 -0
- package/site/public/static/illustrations/patterns/forms/input-components/text-field/considerations.svg +14 -0
- package/site/public/static/illustrations/patterns/forms/names/error-state.svg +1 -0
- package/site/public/static/illustrations/patterns/forms/names/hero.svg +23 -0
- package/site/public/static/illustrations/patterns/forms/names/how-to-ask.svg +151 -0
- package/site/public/static/illustrations/patterns/forms/overview/hero.svg +70 -0
- package/site/public/static/illustrations/patterns/forms/overview/why-use/best-practice.svg +57 -0
- package/site/public/static/illustrations/patterns/forms/overview/why-use/consistency.svg +230 -0
- package/site/public/static/illustrations/patterns/forms/overview/why-use/ease-of-use.svg +71 -0
- package/site/public/static/illustrations/patterns/forms/passwords/error-state.svg +1 -0
- package/site/public/static/illustrations/patterns/forms/passwords/hero.svg +40 -0
- package/site/public/static/illustrations/patterns/forms/passwords/how-to-ask.svg +1 -0
- package/site/public/static/illustrations/patterns/forms/payment/hero.svg +21 -0
- package/site/public/static/illustrations/patterns/forms/telephone-number/error-state.svg +309 -0
- package/site/public/static/illustrations/patterns/forms/telephone-number/hero.svg +21 -0
- package/site/public/static/illustrations/patterns/forms/telephone-number/how-to-ask.svg +396 -0
- package/site/public/static/illustrations/patterns/hero.svg +103 -0
- package/site/public/static/illustrations/patterns/onboarding/best-practice/hero.svg +69 -0
- package/site/public/static/illustrations/patterns/onboarding/how-to/choose-components.svg +17 -0
- package/site/public/static/illustrations/patterns/onboarding/how-to/document-rules.svg +20 -0
- package/site/public/static/illustrations/patterns/onboarding/how-to/hero.svg +30 -0
- package/site/public/static/illustrations/patterns/onboarding/how-to/select-appropriate-components.svg +146 -0
- package/site/public/static/illustrations/patterns/onboarding/how-to/write-a-scenario.svg +17 -0
- package/site/public/static/illustrations/patterns/onboarding/overview/hero.svg +36 -0
- package/site/public/static/illustrations/patterns/solutions/account/01-hero.svg +12 -0
- package/site/public/static/illustrations/patterns/solutions/account/02-profile.svg +112 -0
- package/site/public/static/illustrations/patterns/solutions/account/03-subs-billing.svg +109 -0
- package/site/public/static/illustrations/patterns/solutions/account/04-holiday-stops.svg +97 -0
- package/site/public/static/illustrations/patterns/solutions/account/05-delivery.svg +144 -0
- package/site/public/static/illustrations/patterns/solutions/account/06-newsletters.svg +121 -0
- package/site/public/static/illustrations/patterns/solutions/help-hub/01-hero.svg +15 -0
- package/site/public/static/illustrations/patterns/solutions/help-hub/02-most-read.svg +171 -0
- package/site/public/static/illustrations/patterns/solutions/help-hub/03-search.svg +45 -0
- package/site/public/static/illustrations/patterns/solutions/help-hub/04-branding.svg +386 -0
- package/site/public/static/illustrations/patterns/solutions/help-hub/05-algolia.svg +189 -0
- package/site/public/static/illustrations/theme/breakpoints/fixed.svg +263 -0
- package/site/public/static/illustrations/theme/breakpoints/fluid.svg +243 -0
- package/site/public/static/illustrations/theme/breakpoints/hero.svg +51 -0
- package/site/public/static/illustrations/theme/breakpoints/overview.svg +376 -0
- package/site/public/static/illustrations/theme/breakpoints/usage.svg +415 -0
- package/site/public/static/illustrations/theme/colours/hero.svg +30 -0
- package/site/public/static/illustrations/theme/colours/overview.svg +362 -0
- package/site/public/static/illustrations/theme/component-defaults/hero.svg +103 -0
- package/site/public/static/illustrations/theme/creating-a-theme/hero.svg +56 -0
- package/site/public/static/illustrations/theme/design-tokens/design-tokens.svg +160 -0
- package/site/public/static/illustrations/theme/design-tokens/hero.svg +54 -0
- package/site/public/static/illustrations/theme/fonts/baseline.svg +41 -0
- package/site/public/static/illustrations/theme/fonts/buttoncropped.svg +213 -0
- package/site/public/static/illustrations/theme/fonts/buttonnocrop.svg +225 -0
- package/site/public/static/illustrations/theme/fonts/cap-height.svg +40 -0
- package/site/public/static/illustrations/theme/fonts/cardcropped.svg +2064 -0
- package/site/public/static/illustrations/theme/fonts/cardnocrop.svg +2061 -0
- package/site/public/static/illustrations/theme/fonts/hero.svg +32 -0
- package/site/public/static/illustrations/theme/fonts/overview.svg +154 -0
- package/site/public/static/illustrations/theme/gradients/hero.svg +119 -0
- package/site/public/static/illustrations/theme/header-image.svg +34 -0
- package/site/public/static/illustrations/theme/hero-borders-illustration.svg +43 -0
- package/site/public/static/illustrations/theme/hero-outlines-illustration.svg +43 -0
- package/site/public/static/illustrations/theme/iconography/appearance.svg +50 -0
- package/site/public/static/illustrations/theme/iconography/colours.svg +77 -0
- package/site/public/static/illustrations/theme/iconography/hero.svg +55 -0
- package/site/public/static/illustrations/theme/iconography/overview.svg +30 -0
- package/site/public/static/illustrations/theme/iconography/size.svg +28 -0
- package/site/public/static/illustrations/theme/iconography/structure.svg +82 -0
- package/site/public/static/illustrations/theme/iconography/usage/do-01.svg +26 -0
- package/site/public/static/illustrations/theme/iconography/usage/do-02.svg +18 -0
- package/site/public/static/illustrations/theme/iconography/usage/do-03.svg +20 -0
- package/site/public/static/illustrations/theme/iconography/usage/do-04.svg +19 -0
- package/site/public/static/illustrations/theme/iconography/usage/do-05.svg +16 -0
- package/site/public/static/illustrations/theme/iconography/usage/do-06.svg +21 -0
- package/site/public/static/illustrations/theme/iconography/usage/dont-01.svg +64 -0
- package/site/public/static/illustrations/theme/iconography/usage/dont-02.svg +19 -0
- package/site/public/static/illustrations/theme/motion/hero.svg +28 -0
- package/site/public/static/illustrations/theme/motion/usage/do-01.svg +20 -0
- package/site/public/static/illustrations/theme/motion/usage/dont-01.svg +33 -0
- package/site/public/static/illustrations/theme/motion/usage/dont-02.svg +13 -0
- package/site/public/static/illustrations/theme/motion/usage/dont-03.svg +13 -0
- package/site/public/static/illustrations/theme/opacity/hero.svg +24 -0
- package/site/public/static/illustrations/theme/overlays/hero.svg +60 -0
- package/site/public/static/illustrations/theme/overlays/usage/do-01.svg +30 -0
- package/site/public/static/illustrations/theme/overlays/usage/dont-01.svg +39 -0
- package/site/public/static/illustrations/theme/sizing/overview.svg +161 -0
- package/site/public/static/illustrations/theme/sizing/touch-target-areas.svg +35 -0
- package/site/public/static/illustrations/theme/sizing/why-4-px.svg +1326 -0
- package/site/public/static/illustrations/theme/spacing/block.svg +50 -0
- package/site/public/static/illustrations/theme/spacing/hero.svg +44 -0
- package/site/public/static/illustrations/theme/spacing/margin-block-end.svg +76 -0
- package/site/public/static/illustrations/theme/spacing/margin-block-start.svg +84 -0
- package/site/public/static/illustrations/theme/spacing/margin-block.svg +96 -0
- package/site/public/static/illustrations/theme/spacing/margin-inline-end.svg +64 -0
- package/site/public/static/illustrations/theme/spacing/margin-inline-start.svg +64 -0
- package/site/public/static/illustrations/theme/spacing/margin-inline.svg +92 -0
- package/site/public/static/illustrations/theme/spacing/overview.svg +159 -0
- package/site/public/static/illustrations/theme/spacing/padding-block-end.svg +76 -0
- package/site/public/static/illustrations/theme/spacing/padding-block-start.svg +96 -0
- package/site/public/static/illustrations/theme/spacing/padding-block.svg +96 -0
- package/site/public/static/illustrations/theme/spacing/padding-inline-end.svg +64 -0
- package/site/public/static/illustrations/theme/spacing/padding-inline-start.svg +64 -0
- package/site/public/static/illustrations/theme/spacing/padding-inline.svg +84 -0
- package/site/public/static/illustrations/theme/spacing/space-inline.svg +76 -0
- package/site/public/static/illustrations/theme/spacing/space-inset.svg +114 -0
- package/site/public/static/illustrations/theme/spacing/space-stack.svg +117 -0
- package/site/public/static/illustrations/theme/spacing/stack.svg +46 -0
- package/site/public/static/illustrations/theme/style-presets/active.svg +40 -0
- package/site/public/static/illustrations/theme/style-presets/base.svg +24 -0
- package/site/public/static/illustrations/theme/style-presets/checked-disabled.svg +17 -0
- package/site/public/static/illustrations/theme/style-presets/checked-focus-visible-hover.svg +13 -0
- package/site/public/static/illustrations/theme/style-presets/checked-focus.svg +36 -0
- package/site/public/static/illustrations/theme/style-presets/checked-hover.svg +12 -0
- package/site/public/static/illustrations/theme/style-presets/checked-invalid-focus-visible-hover.svg +17 -0
- package/site/public/static/illustrations/theme/style-presets/checked-invalid-focus.svg +44 -0
- package/site/public/static/illustrations/theme/style-presets/checked-invalid-hover.svg +15 -0
- package/site/public/static/illustrations/theme/style-presets/checked-invalid.svg +38 -0
- package/site/public/static/illustrations/theme/style-presets/checked-valid-focus-visible-hover.svg +16 -0
- package/site/public/static/illustrations/theme/style-presets/checked-valid-focus.svg +40 -0
- package/site/public/static/illustrations/theme/style-presets/checked-valid-hover.svg +14 -0
- package/site/public/static/illustrations/theme/style-presets/checked-valid.svg +34 -0
- package/site/public/static/illustrations/theme/style-presets/checked.svg +26 -0
- package/site/public/static/illustrations/theme/style-presets/disabled.svg +22 -0
- package/site/public/static/illustrations/theme/style-presets/focus-visible-hover.svg +13 -0
- package/site/public/static/illustrations/theme/style-presets/focus.svg +34 -0
- package/site/public/static/illustrations/theme/style-presets/hero.svg +85 -0
- package/site/public/static/illustrations/theme/style-presets/hover-active.svg +15 -0
- package/site/public/static/illustrations/theme/style-presets/hover.svg +12 -0
- package/site/public/static/illustrations/theme/style-presets/invalid-focus-visible-hover.svg +16 -0
- package/site/public/static/illustrations/theme/style-presets/invalid-focus.svg +46 -0
- package/site/public/static/illustrations/theme/style-presets/invalid-hover-active.svg +18 -0
- package/site/public/static/illustrations/theme/style-presets/invalid-hover.svg +15 -0
- package/site/public/static/illustrations/theme/style-presets/invalid.svg +36 -0
- package/site/public/static/illustrations/theme/style-presets/loading.svg +26 -0
- package/site/public/static/illustrations/theme/style-presets/overview.svg +137 -0
- package/site/public/static/illustrations/theme/style-presets/selected-disabled.svg +20 -0
- package/site/public/static/illustrations/theme/style-presets/selected-focus.svg +45 -0
- package/site/public/static/illustrations/theme/style-presets/selected-hover.svg +15 -0
- package/site/public/static/illustrations/theme/style-presets/selected-invalid-focus.svg +66 -0
- package/site/public/static/illustrations/theme/style-presets/selected-invalid-hover.svg +21 -0
- package/site/public/static/illustrations/theme/style-presets/selected-invalid.svg +60 -0
- package/site/public/static/illustrations/theme/style-presets/selected-valid-focus.svg +62 -0
- package/site/public/static/illustrations/theme/style-presets/selected-valid-hover.svg +20 -0
- package/site/public/static/illustrations/theme/style-presets/selected-valid.svg +56 -0
- package/site/public/static/illustrations/theme/style-presets/selected.svg +39 -0
- package/site/public/static/illustrations/theme/style-presets/valid-focus-visible-hover.svg +15 -0
- package/site/public/static/illustrations/theme/style-presets/valid-focus.svg +42 -0
- package/site/public/static/illustrations/theme/style-presets/valid-hover-active.svg +15 -0
- package/site/public/static/illustrations/theme/style-presets/valid-hover.svg +14 -0
- package/site/public/static/illustrations/theme/style-presets/valid.svg +32 -0
- package/site/public/static/illustrations/theme/style-presets/visited-focus.svg +44 -0
- package/site/public/static/illustrations/theme/style-presets/visited-hover.svg +15 -0
- package/site/public/static/illustrations/theme/style-presets/visited.svg +38 -0
- package/site/public/static/illustrations/theme/transition-presets/hero.svg +76 -0
- package/site/public/static/illustrations/theme/transition-presets/overview.svg +156 -0
- package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/backgroundcolorchange.svg +21 -0
- package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/bordercolorchange.svg +18 -0
- package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/fade.svg +24 -0
- package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/fontcolorchange.svg +23 -0
- package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/grow.svg +15 -0
- package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/iconcolorchange.svg +29 -0
- package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/maxheightchange.svg +22 -0
- package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/moveup.svg +20 -0
- package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/opacitychange.svg +30 -0
- package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/shiftabsolute.svg +41 -0
- package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/slidebottom.svg +65 -0
- package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/slideleft.svg +65 -0
- package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/slideright.svg +65 -0
- package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/slidetop.svg +65 -0
- package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/widthchange.svg +41 -0
- package/site/public/static/illustrations/theme/transition-presets/transition-preset-states/component/base.svg +22 -0
- package/site/public/static/illustrations/theme/transition-presets/transition-preset-states/component/enter.svg +53 -0
- package/site/public/static/illustrations/theme/transition-presets/transition-preset-states/component/enteractive.svg +91 -0
- package/site/public/static/illustrations/theme/transition-presets/transition-preset-states/component/enterdone.svg +117 -0
- package/site/public/static/illustrations/theme/transition-presets/transition-preset-states/component/exit.svg +117 -0
- package/site/public/static/illustrations/theme/transition-presets/transition-preset-states/component/exitactive.svg +85 -0
- package/site/public/static/illustrations/theme/transition-presets/transition-preset-states/component/exitdone.svg +53 -0
- package/site/public/static/illustrations/theme/transition-presets/transition-preset-states/overview.svg +109 -0
- package/site/public/static/illustrations/theme/transition-presets/transition-preset-states/user-interaction.svg +21 -0
- package/site/public/static/illustrations/theme/transition-presets/transition-presets-in-figma.svg +119 -0
- package/site/public/static/illustrations/theme/typography/font-size.svg +63 -0
- package/site/public/static/illustrations/theme/typography/line-height.svg +66 -0
- package/site/public/static/illustrations/theme/typography/line-length.svg +90 -0
- package/site/public/static/illustrations/theme/using-a-theme/hero.svg +17 -0
- package/site/public/static/landing/feature-card-banner.svg +18 -0
- package/site/public/static/landing/feature-card-contribute.svg +58 -0
- package/site/public/static/landing/feature-card-roadmap.svg +24 -0
- package/site/public/static/landing/feature-card-whatsnew.svg +20 -0
- package/site/public/static/landing/landing-components.svg +28 -0
- package/site/public/static/landing/landing-foundations.svg +18 -0
- package/site/public/static/landing/landing-texture-dots.svg +10 -0
- package/site/public/static/landing/landing-theming.svg +23 -0
- package/site/public/static/landing/landing-waves.svg +8 -0
- package/site/public/static/mstile-150x150.png +0 -0
- package/site/public/static/newskit-logo.svg +18 -0
- package/site/public/static/placeholder-16x9.png +0 -0
- package/site/public/static/placeholder-1x1.png +0 -0
- package/site/public/static/placeholder-2x3.png +0 -0
- package/site/public/static/placeholder-3x2.png +0 -0
- package/site/public/static/placeholder-4x5.png +0 -0
- package/site/public/static/placeholder-5x4.png +0 -0
- package/site/public/static/roadmap-hero.svg +26 -0
- package/site/public/static/sample.mp3 +0 -0
- package/site/public/static/sample2.mp3 +0 -0
- package/site/public/static/site.webmanifest +19 -0
- package/site/public/static/social/about.png +0 -0
- package/site/public/static/social/components.png +0 -0
- package/site/public/static/social/guides.png +0 -0
- package/site/public/static/social/landing.png +0 -0
- package/site/public/static/social/patterns.png +0 -0
- package/site/public/static/social/theme.png +0 -0
- package/site/public/static/templates.png +0 -0
- package/site/routes.ts +1191 -0
- package/site/templates/about-page-template/about-page-template.tsx +44 -0
- package/site/templates/about-page-template/index.ts +2 -0
- package/site/templates/about-page-template/types.ts +9 -0
- package/site/templates/component-page-template/component-page-basic-template.tsx +46 -0
- package/site/templates/component-page-template/component-page-template.tsx +99 -0
- package/site/templates/component-page-template/index.ts +2 -0
- package/site/templates/component-page-template/types.ts +46 -0
- package/site/templates/foundation-page-template/foundation-page-template.tsx +62 -0
- package/site/templates/foundation-page-template/index.ts +2 -0
- package/site/templates/foundation-page-template/types.ts +9 -0
- package/site/templates/guide-page-template/guide-page-template.tsx +42 -0
- package/site/templates/guide-page-template/index.ts +2 -0
- package/site/templates/guide-page-template/types.ts +9 -0
- package/site/templates/page-template.tsx +73 -0
- package/site/templates/pattern-page-template/index.ts +2 -0
- package/site/templates/pattern-page-template/pattern-page-template.tsx +57 -0
- package/site/templates/pattern-page-template/types.ts +9 -0
- package/site/templates/template-sections/__mocks__/accessibility-section.tsx +8 -0
- package/site/templates/template-sections/__mocks__/anatomy-section.tsx +8 -0
- package/site/templates/template-sections/__mocks__/behaviors-section.tsx +8 -0
- package/site/templates/template-sections/__mocks__/code-examples-section.tsx +8 -0
- package/site/templates/template-sections/__mocks__/compliance-section.tsx +8 -0
- package/site/templates/template-sections/__mocks__/component-api-section.tsx +8 -0
- package/site/templates/template-sections/__mocks__/interactive-demo-section.tsx +8 -0
- package/site/templates/template-sections/__mocks__/introduction-section.tsx +8 -0
- package/site/templates/template-sections/__mocks__/onward-journey-section.tsx +5 -0
- package/site/templates/template-sections/__mocks__/options-section.tsx +8 -0
- package/site/templates/template-sections/__mocks__/related-components-section.tsx +8 -0
- package/site/templates/template-sections/__mocks__/seo-section.tsx +8 -0
- package/site/templates/template-sections/__mocks__/states-section.tsx +8 -0
- package/site/templates/template-sections/__mocks__/usage-section.tsx +8 -0
- package/site/templates/template-sections/accessibility-section.tsx +160 -0
- package/site/templates/template-sections/anatomy-section.tsx +121 -0
- package/site/templates/template-sections/behaviors-section.tsx +37 -0
- package/site/templates/template-sections/code-examples-section.tsx +116 -0
- package/site/templates/template-sections/common-section.tsx +62 -0
- package/site/templates/template-sections/compliance-section.tsx +84 -0
- package/site/templates/template-sections/component-api-section.tsx +15 -0
- package/site/templates/template-sections/index.ts +17 -0
- package/site/templates/template-sections/interactive-demo-section.tsx +33 -0
- package/site/templates/template-sections/introduction-section.tsx +36 -0
- package/site/templates/template-sections/layout-examples-section.tsx +67 -0
- package/site/templates/template-sections/need-help-section.tsx +18 -0
- package/site/templates/template-sections/onward-journey-section.tsx +38 -0
- package/site/templates/template-sections/options-section.tsx +94 -0
- package/site/templates/template-sections/related-components-section.tsx +43 -0
- package/site/templates/template-sections/seo-section.tsx +20 -0
- package/site/templates/template-sections/states-section.tsx +44 -0
- package/site/templates/template-sections/styled.ts +11 -0
- package/site/templates/template-sections/tutorials-section.tsx +28 -0
- package/site/templates/template-sections/types.ts +4 -0
- package/site/templates/template-sections/usage-section.tsx +59 -0
- package/site/templates/types.ts +17 -0
- package/site/theme/component-defaults.ts +243 -0
- package/site/theme/doc-theme.ts +128 -0
- package/site/theme/style-presets.ts +1218 -0
- package/site/tsconfig.json +28 -0
- package/site/tsconfig.spec.json +16 -0
- package/site/utils/arrayify.ts +1 -0
- package/site/utils/colors-token-description.tsx +268 -0
- package/site/utils/get-feature-card.ts +88 -0
- package/site/utils/get-route-object.ts +34 -0
- package/site/utils/get-token-type.ts +7 -0
- package/site/utils/google-sheet/get-sheets.ts +45 -0
- package/site/utils/google-sheet/index.ts +2 -0
- package/site/utils/google-sheet/types.ts +15 -0
- package/site/utils/google-sheet/utils.ts +64 -0
- package/site/utils/instrumentation.ts +26 -0
- package/site/utils/parse-enum-values.ts +2 -0
- package/site/utils/release-notes/constants.ts +4 -0
- package/site/utils/release-notes/functions.ts +123 -0
- package/site/utils/release-notes/types.ts +21 -0
- package/site/utils/styled.tsx +17 -0
- package/site/utils/test-utils.tsx +29 -0
- package/site/utils/to-kabab-case.ts +10 -0
- package/src/.babelrc +12 -0
- package/src/.eslintrc.json +23 -0
- package/src/__mocks__/react-transition-group.tsx +52 -0
- package/src/accordion/accordion-group.tsx +121 -0
- package/src/accordion/accordion.tsx +183 -0
- package/src/accordion/defaults.ts +21 -0
- package/src/accordion/index.ts +3 -0
- package/src/accordion/style-presets.ts +37 -0
- package/src/accordion/styled.ts +71 -0
- package/src/accordion/types.ts +55 -0
- package/src/accordion/utils.ts +4 -0
- package/src/aspect-ratio/aspect-ratio.tsx +34 -0
- package/src/aspect-ratio/index.ts +2 -0
- package/src/aspect-ratio/styled.ts +22 -0
- package/src/aspect-ratio/types.ts +27 -0
- package/src/assistive-text/assistive-text.tsx +64 -0
- package/src/assistive-text/defaults.ts +43 -0
- package/src/assistive-text/index.ts +2 -0
- package/src/assistive-text/style-presets.ts +18 -0
- package/src/assistive-text/styled.tsx +22 -0
- package/src/assistive-text/types.ts +15 -0
- package/src/audio-player/audio-functions.ts +367 -0
- package/src/audio-player/audio-player.tsx +371 -0
- package/src/audio-player/controls/control-panel.tsx +120 -0
- package/src/audio-player/controls/forward-replay.tsx +33 -0
- package/src/audio-player/controls/index.ts +2 -0
- package/src/audio-player/controls/play-pause.tsx +53 -0
- package/src/audio-player/controls/popout-button.tsx +37 -0
- package/src/audio-player/controls/skip-track.tsx +37 -0
- package/src/audio-player/defaults.ts +71 -0
- package/src/audio-player/index.ts +3 -0
- package/src/audio-player/style-presets.ts +45 -0
- package/src/audio-player/styled.ts +28 -0
- package/src/audio-player/types.ts +39 -0
- package/src/audio-player/utils.ts +82 -0
- package/src/audio-player-composable/audio-functions.ts +351 -0
- package/src/audio-player-composable/audio-player-composable.tsx +380 -0
- package/src/audio-player-composable/components/audio-element.tsx +37 -0
- package/src/audio-player-composable/components/forward-button/defaults.ts +5 -0
- package/src/audio-player-composable/components/forward-button/forward-button.tsx +42 -0
- package/src/audio-player-composable/components/forward-button/index.ts +2 -0
- package/src/audio-player-composable/components/forward-button/types.ts +5 -0
- package/src/audio-player-composable/components/play-pause-button/defaults.ts +5 -0
- package/src/audio-player-composable/components/play-pause-button/index.ts +2 -0
- package/src/audio-player-composable/components/play-pause-button/play-pause-button.tsx +61 -0
- package/src/audio-player-composable/components/play-pause-button/types.ts +3 -0
- package/src/audio-player-composable/components/playback-speed-control/defaults.ts +26 -0
- package/src/audio-player-composable/components/playback-speed-control/index.ts +2 -0
- package/src/audio-player-composable/components/playback-speed-control/playback-speed-control.tsx +109 -0
- package/src/audio-player-composable/components/playback-speed-control/playback-speed-list.tsx +49 -0
- package/src/audio-player-composable/components/playback-speed-control/types.ts +24 -0
- package/src/audio-player-composable/components/playback-speed-control/utils.ts +60 -0
- package/src/audio-player-composable/components/replay-button/defaults.ts +5 -0
- package/src/audio-player-composable/components/replay-button/index.ts +2 -0
- package/src/audio-player-composable/components/replay-button/replay-button.tsx +40 -0
- package/src/audio-player-composable/components/replay-button/types.ts +5 -0
- package/src/audio-player-composable/components/seek-bar/defaults.ts +23 -0
- package/src/audio-player-composable/components/seek-bar/index.ts +2 -0
- package/src/audio-player-composable/components/seek-bar/seek-bar.tsx +151 -0
- package/src/audio-player-composable/components/seek-bar/style-presets.ts +45 -0
- package/src/audio-player-composable/components/seek-bar/types.ts +11 -0
- package/src/audio-player-composable/components/seek-bar/utils.ts +74 -0
- package/src/audio-player-composable/components/skip-next-button/defaults.ts +5 -0
- package/src/audio-player-composable/components/skip-next-button/index.ts +2 -0
- package/src/audio-player-composable/components/skip-next-button/skip-next-button.tsx +40 -0
- package/src/audio-player-composable/components/skip-next-button/types.ts +3 -0
- package/src/audio-player-composable/components/skip-previous-button/defaults.ts +5 -0
- package/src/audio-player-composable/components/skip-previous-button/index.ts +2 -0
- package/src/audio-player-composable/components/skip-previous-button/skip-previous-button.tsx +40 -0
- package/src/audio-player-composable/components/skip-previous-button/types.ts +3 -0
- package/src/audio-player-composable/components/time-display/defaults.ts +6 -0
- package/src/audio-player-composable/components/time-display/index.ts +2 -0
- package/src/audio-player-composable/components/time-display/style-presets.ts +10 -0
- package/src/audio-player-composable/components/time-display/time-display.tsx +39 -0
- package/src/audio-player-composable/components/time-display/types.ts +18 -0
- package/src/audio-player-composable/components/time-display/utils.tsx +26 -0
- package/src/audio-player-composable/components/types.ts +18 -0
- package/src/audio-player-composable/components/volume-control/defaults.ts +34 -0
- package/src/audio-player-composable/components/volume-control/index.ts +2 -0
- package/src/audio-player-composable/components/volume-control/mute-button.tsx +60 -0
- package/src/audio-player-composable/components/volume-control/style-presets.ts +59 -0
- package/src/audio-player-composable/components/volume-control/styled.ts +66 -0
- package/src/audio-player-composable/components/volume-control/types.ts +45 -0
- package/src/audio-player-composable/components/volume-control/utils.ts +36 -0
- package/src/audio-player-composable/components/volume-control/volume-control.tsx +221 -0
- package/src/audio-player-composable/context.tsx +25 -0
- package/src/audio-player-composable/index.ts +14 -0
- package/src/audio-player-composable/types.ts +143 -0
- package/src/audio-player-composable/use-hls-stream.ts +163 -0
- package/src/audio-player-composable/utils.ts +90 -0
- package/src/banner/banner-internal.tsx +204 -0
- package/src/banner/banner.tsx +59 -0
- package/src/banner/defaults.ts +58 -0
- package/src/banner/index.ts +2 -0
- package/src/banner/style-presets.ts +22 -0
- package/src/banner/styled.tsx +99 -0
- package/src/banner/types.ts +55 -0
- package/src/banner/utils.ts +63 -0
- package/src/base-floating-element/base-floating-element.tsx +261 -0
- package/src/base-floating-element/index.ts +2 -0
- package/src/base-floating-element/styled.tsx +84 -0
- package/src/base-floating-element/types.ts +85 -0
- package/src/base-floating-element/utils.ts +36 -0
- package/src/base-switch/base-switch.tsx +226 -0
- package/src/base-switch/index.tsx +2 -0
- package/src/base-switch/styled.tsx +200 -0
- package/src/base-switch/types.ts +70 -0
- package/src/block/block.tsx +42 -0
- package/src/block/index.ts +1 -0
- package/src/breadcrumbs/breadcrumb-item.tsx +50 -0
- package/src/breadcrumbs/breadcrumbs.tsx +97 -0
- package/src/breadcrumbs/defaults.ts +45 -0
- package/src/breadcrumbs/index.ts +3 -0
- package/src/breadcrumbs/style-presets.ts +30 -0
- package/src/breadcrumbs/styled.tsx +28 -0
- package/src/breadcrumbs/types.ts +29 -0
- package/src/button/button.tsx +102 -0
- package/src/button/defaults.ts +46 -0
- package/src/button/index.ts +2 -0
- package/src/button/style-presets.ts +388 -0
- package/src/button/styled.ts +17 -0
- package/src/button/types.ts +33 -0
- package/src/byline/byline.tsx +213 -0
- package/src/byline/defaults.ts +15 -0
- package/src/byline/index.ts +1 -0
- package/src/byline/types.tsx +27 -0
- package/src/caption/caption.tsx +61 -0
- package/src/caption/defaults.ts +11 -0
- package/src/caption/index.ts +2 -0
- package/src/caption/types.ts +16 -0
- package/src/card/card-inset.tsx +10 -0
- package/src/card/card.tsx +274 -0
- package/src/card/defaults.ts +104 -0
- package/src/card/index.ts +3 -0
- package/src/card/style-presets.ts +40 -0
- package/src/card/styled.tsx +176 -0
- package/src/card/types.ts +40 -0
- package/src/card/utils.ts +43 -0
- package/src/card-composable/card-composable.tsx +130 -0
- package/src/card-composable/context.ts +22 -0
- package/src/card-composable/defaults.ts +10 -0
- package/src/card-composable/index.ts +8 -0
- package/src/card-composable/style-presets.ts +3 -0
- package/src/card-composable/styled.tsx +41 -0
- package/src/card-composable/types.ts +32 -0
- package/src/character-count/character-count.tsx +104 -0
- package/src/character-count/defaults.ts +22 -0
- package/src/character-count/index.ts +2 -0
- package/src/character-count/style-presets.ts +18 -0
- package/src/character-count/styled.tsx +31 -0
- package/src/character-count/types.ts +26 -0
- package/src/checkbox/checkbox.tsx +35 -0
- package/src/checkbox/defaults.ts +58 -0
- package/src/checkbox/index.tsx +2 -0
- package/src/checkbox/style-presets.ts +146 -0
- package/src/checkbox/types.ts +37 -0
- package/src/consent/consent-settings-link.tsx +89 -0
- package/src/consent/consent-utils.ts +123 -0
- package/src/consent/consent.tsx +39 -0
- package/src/consent/index.ts +2 -0
- package/src/consent/types.ts +89 -0
- package/src/date-time/date-time.tsx +100 -0
- package/src/date-time/defaults.ts +14 -0
- package/src/date-time/index.ts +2 -0
- package/src/date-time/types.ts +22 -0
- package/src/dialog/base-dialog-function.tsx +105 -0
- package/src/dialog/base-dialog-tests.tsx +175 -0
- package/src/dialog/base-dialog-view.tsx +125 -0
- package/src/dialog/index.ts +2 -0
- package/src/dialog/styled.tsx +102 -0
- package/src/dialog/types.ts +59 -0
- package/src/divider/defaults.ts +5 -0
- package/src/divider/divider.tsx +42 -0
- package/src/divider/index.ts +1 -0
- package/src/divider/style-presets.ts +18 -0
- package/src/drawer/defaults.ts +55 -0
- package/src/drawer/drawer.tsx +141 -0
- package/src/drawer/index.ts +3 -0
- package/src/drawer/inline-drawer.tsx +8 -0
- package/src/drawer/style-presets.ts +16 -0
- package/src/drawer/styled.ts +73 -0
- package/src/drawer/types.ts +15 -0
- package/src/drawer/utils.ts +49 -0
- package/src/email-input/email-input.tsx +22 -0
- package/src/email-input/index.ts +2 -0
- package/src/email-input/types.ts +6 -0
- package/src/experimentation-web/experimentation-web.tsx +38 -0
- package/src/experimentation-web/index.ts +1 -0
- package/src/experimentation-web/types.tsx +13 -0
- package/src/fieldset/defaults.ts +19 -0
- package/src/fieldset/fieldset.tsx +48 -0
- package/src/fieldset/index.ts +2 -0
- package/src/fieldset/legend.tsx +9 -0
- package/src/fieldset/style-presets.ts +12 -0
- package/src/fieldset/styled.tsx +42 -0
- package/src/fieldset/types.ts +25 -0
- package/src/flag/defaults.ts +31 -0
- package/src/flag/flag.tsx +86 -0
- package/src/flag/index.ts +2 -0
- package/src/flag/style-presets.ts +116 -0
- package/src/flag/styled.ts +54 -0
- package/src/flag/types.ts +34 -0
- package/src/form/context.ts +40 -0
- package/src/form/form-entry.tsx +107 -0
- package/src/form/form-input.tsx +414 -0
- package/src/form/form.tsx +115 -0
- package/src/form/index.ts +5 -0
- package/src/form/types.ts +69 -0
- package/src/form/utils.tsx +56 -0
- package/src/grid/cell.tsx +148 -0
- package/src/grid/context.ts +5 -0
- package/src/grid/defaults.ts +27 -0
- package/src/grid/grid.tsx +72 -0
- package/src/grid/index.tsx +4 -0
- package/src/grid/types.ts +49 -0
- package/src/grid/utils.ts +60 -0
- package/src/grid/visibility.tsx +69 -0
- package/src/grid-layout/grid-layout.tsx +80 -0
- package/src/grid-layout/index.ts +1 -0
- package/src/grid-layout/styled.ts +124 -0
- package/src/grid-layout/types.ts +47 -0
- package/src/grid-layout/utils.ts +41 -0
- package/src/headline/defaults.ts +22 -0
- package/src/headline/headline.tsx +69 -0
- package/src/headline/index.ts +2 -0
- package/src/headline/types.ts +25 -0
- package/src/icon-button/defaults.ts +34 -0
- package/src/icon-button/icon-button.tsx +28 -0
- package/src/icon-button/index.ts +1 -0
- package/src/icon-button/style-presets.ts +392 -0
- package/src/icon-button/types.ts +5 -0
- package/src/icons/custom-to-newskit-icon.tsx +20 -0
- package/src/icons/defaults.ts +9 -0
- package/src/icons/filled/custom/icon-filled-facebook.tsx +15 -0
- package/src/icons/filled/custom/icon-filled-figma.tsx +13 -0
- package/src/icons/filled/custom/icon-filled-forward-10.tsx +16 -0
- package/src/icons/filled/custom/icon-filled-forward-15.tsx +16 -0
- package/src/icons/filled/custom/icon-filled-forward-20.tsx +16 -0
- package/src/icons/filled/custom/icon-filled-forward-25.tsx +16 -0
- package/src/icons/filled/custom/icon-filled-forward-30.tsx +16 -0
- package/src/icons/filled/custom/icon-filled-forward-5.tsx +16 -0
- package/src/icons/filled/custom/icon-filled-github.tsx +15 -0
- package/src/icons/filled/custom/icon-filled-instagram.tsx +15 -0
- package/src/icons/filled/custom/icon-filled-reddit.tsx +15 -0
- package/src/icons/filled/custom/icon-filled-replay-10.tsx +16 -0
- package/src/icons/filled/custom/icon-filled-replay-15.tsx +16 -0
- package/src/icons/filled/custom/icon-filled-replay-20.tsx +16 -0
- package/src/icons/filled/custom/icon-filled-replay-25.tsx +16 -0
- package/src/icons/filled/custom/icon-filled-replay-30.tsx +16 -0
- package/src/icons/filled/custom/icon-filled-replay-5.tsx +16 -0
- package/src/icons/filled/custom/icon-filled-twitter.tsx +15 -0
- package/src/icons/filled/custom/icon-filled-whatsapp.tsx +15 -0
- package/src/icons/filled/custom/icon-filled-youtube.tsx +15 -0
- package/src/icons/filled/custom/indeterminate-progress-indicator.tsx +72 -0
- package/src/icons/filled/custom/index.ts +24 -0
- package/src/icons/index.ts +17 -0
- package/src/icons/outlined/custom/icon-outlined-figma.tsx +31 -0
- package/src/icons/outlined/custom/icon-outlined-forward-10.tsx +16 -0
- package/src/icons/outlined/custom/icon-outlined-forward-15.tsx +16 -0
- package/src/icons/outlined/custom/icon-outlined-forward-20.tsx +16 -0
- package/src/icons/outlined/custom/icon-outlined-forward-25.tsx +16 -0
- package/src/icons/outlined/custom/icon-outlined-forward-30.tsx +16 -0
- package/src/icons/outlined/custom/icon-outlined-forward-5.tsx +16 -0
- package/src/icons/outlined/custom/icon-outlined-replay-10.tsx +16 -0
- package/src/icons/outlined/custom/icon-outlined-replay-15.tsx +16 -0
- package/src/icons/outlined/custom/icon-outlined-replay-20.tsx +16 -0
- package/src/icons/outlined/custom/icon-outlined-replay-25.tsx +16 -0
- package/src/icons/outlined/custom/icon-outlined-replay-30.tsx +16 -0
- package/src/icons/outlined/custom/icon-outlined-replay-5.tsx +16 -0
- package/src/icons/outlined/custom/index.ts +16 -0
- package/src/icons/style-presets.ts +80 -0
- package/src/icons/svg.tsx +33 -0
- package/src/icons/to-newskit-icon.tsx +72 -0
- package/src/icons/types.ts +19 -0
- package/src/image/defaults.ts +5 -0
- package/src/image/image.tsx +132 -0
- package/src/image/index.ts +3 -0
- package/src/image/sources.tsx +52 -0
- package/src/image/style-presets.ts +58 -0
- package/src/image/styled.ts +72 -0
- package/src/image/types.ts +67 -0
- package/src/image/utils.ts +74 -0
- package/src/index.ts +85 -0
- package/src/inline-message/defaults.ts +21 -0
- package/src/inline-message/index.ts +2 -0
- package/src/inline-message/inline-message.tsx +27 -0
- package/src/inline-message/style-presets.ts +29 -0
- package/src/inline-message/types.ts +11 -0
- package/src/instrumentation/event-instrumentation.ts +53 -0
- package/src/instrumentation/handlers/console.ts +11 -0
- package/src/instrumentation/handlers/index.ts +9 -0
- package/src/instrumentation/handlers/tealium-track.ts +23 -0
- package/src/instrumentation/handlers/tealium.ts +30 -0
- package/src/instrumentation/index.ts +5 -0
- package/src/instrumentation/instrumentation-provider.tsx +55 -0
- package/src/instrumentation/middleware/filters.ts +10 -0
- package/src/instrumentation/middleware/index.ts +12 -0
- package/src/instrumentation/types.ts +35 -0
- package/src/jest.config.js +45 -0
- package/src/label/defaults.ts +22 -0
- package/src/label/index.ts +2 -0
- package/src/label/label.tsx +23 -0
- package/src/label/style-presets.ts +12 -0
- package/src/label/styled.tsx +27 -0
- package/src/label/types.ts +24 -0
- package/src/layer/context.tsx +15 -0
- package/src/layer/index.ts +2 -0
- package/src/layer/layer-organizer.tsx +68 -0
- package/src/layer/layer.tsx +74 -0
- package/src/link/defaults.ts +14 -0
- package/src/link/index.ts +3 -0
- package/src/link/internal-link.tsx +133 -0
- package/src/link/link-inline.ts +8 -0
- package/src/link/link-standalone.ts +8 -0
- package/src/link/style-presets.ts +98 -0
- package/src/link/types.ts +30 -0
- package/src/link/utils.tsx +21 -0
- package/src/menu/context.ts +40 -0
- package/src/menu/defaults.ts +119 -0
- package/src/menu/index.ts +6 -0
- package/src/menu/menu-divider.tsx +32 -0
- package/src/menu/menu-group.tsx +82 -0
- package/src/menu/menu-item.tsx +84 -0
- package/src/menu/menu-sub.tsx +170 -0
- package/src/menu/menu.tsx +94 -0
- package/src/menu/style-presets.ts +208 -0
- package/src/menu/styled.tsx +179 -0
- package/src/menu/types.ts +70 -0
- package/src/menu/utils.ts +18 -0
- package/src/modal/defaults.ts +77 -0
- package/src/modal/index.ts +2 -0
- package/src/modal/modal.tsx +117 -0
- package/src/modal/style-presets.ts +16 -0
- package/src/modal/styled.ts +48 -0
- package/src/modal/types.ts +18 -0
- package/src/newskit-provider/context.tsx +10 -0
- package/src/newskit-provider/index.tsx +2 -0
- package/src/newskit-provider/newskit-provider.tsx +51 -0
- package/src/ordered-list/defaults.ts +14 -0
- package/src/ordered-list/index.ts +2 -0
- package/src/ordered-list/ordered-list.tsx +54 -0
- package/src/ordered-list/types.ts +24 -0
- package/src/overlay/defaults.ts +6 -0
- package/src/overlay/overlay.tsx +75 -0
- package/src/overlay/style-presets.ts +9 -0
- package/src/pagination/components/button/index.ts +1 -0
- package/src/pagination/components/button/pagination-button.tsx +11 -0
- package/src/pagination/components/first-item/first-item.tsx +64 -0
- package/src/pagination/components/first-item/index.ts +2 -0
- package/src/pagination/components/first-item/types.ts +13 -0
- package/src/pagination/components/item/index.ts +1 -0
- package/src/pagination/components/item/pagination-item.tsx +134 -0
- package/src/pagination/components/items/index.ts +1 -0
- package/src/pagination/components/items/pagination-items.tsx +135 -0
- package/src/pagination/components/last-item/index.ts +2 -0
- package/src/pagination/components/last-item/last-item.tsx +66 -0
- package/src/pagination/components/last-item/types.ts +13 -0
- package/src/pagination/components/list-item/index.ts +1 -0
- package/src/pagination/components/list-item/list-item.tsx +8 -0
- package/src/pagination/components/next-item/index.ts +2 -0
- package/src/pagination/components/next-item/next-item.tsx +69 -0
- package/src/pagination/components/next-item/types.ts +13 -0
- package/src/pagination/components/prev-item/index.ts +2 -0
- package/src/pagination/components/prev-item/prev-item.tsx +67 -0
- package/src/pagination/components/prev-item/types.ts +13 -0
- package/src/pagination/components/types.ts +14 -0
- package/src/pagination/context.tsx +26 -0
- package/src/pagination/defaults.ts +170 -0
- package/src/pagination/index.ts +12 -0
- package/src/pagination/pagination.tsx +189 -0
- package/src/pagination/style-presets.ts +58 -0
- package/src/pagination/styled.tsx +26 -0
- package/src/pagination/types.ts +113 -0
- package/src/pagination/utils.ts +132 -0
- package/src/popover/defaults.ts +35 -0
- package/src/popover/index.ts +2 -0
- package/src/popover/popover.tsx +148 -0
- package/src/popover/style-presets.ts +41 -0
- package/src/popover/styled.tsx +41 -0
- package/src/popover/types.ts +32 -0
- package/src/project.json +26 -0
- package/src/radio-button/defaults.ts +79 -0
- package/src/radio-button/index.tsx +3 -0
- package/src/radio-button/radio-button.tsx +73 -0
- package/src/radio-button/radio-group.tsx +40 -0
- package/src/radio-button/style-presets.ts +140 -0
- package/src/radio-button/types.ts +47 -0
- package/src/screen-reader-only/index.ts +1 -0
- package/src/screen-reader-only/screen-reader-only.tsx +26 -0
- package/src/scroll/context.ts +7 -0
- package/src/scroll/defaults.ts +32 -0
- package/src/scroll/index.ts +3 -0
- package/src/scroll/scroll-snap-alignment.tsx +16 -0
- package/src/scroll/scroll.tsx +195 -0
- package/src/scroll/style-presets.ts +14 -0
- package/src/scroll/styled.ts +198 -0
- package/src/scroll/types.ts +21 -0
- package/src/scroll/utils.ts +1 -0
- package/src/select/defaults.ts +162 -0
- package/src/select/index.ts +3 -0
- package/src/select/select-button.tsx +224 -0
- package/src/select/select-option.tsx +18 -0
- package/src/select/select-panel.tsx +184 -0
- package/src/select/select.tsx +344 -0
- package/src/select/style-presets.ts +11 -0
- package/src/select/styled.tsx +189 -0
- package/src/select/types.ts +78 -0
- package/src/select/use-virtualized-list.tsx +125 -0
- package/src/select/utils.ts +34 -0
- package/src/selection-list/defaults.ts +15 -0
- package/src/selection-list/index.ts +3 -0
- package/src/selection-list/selection-list-option.tsx +81 -0
- package/src/selection-list/selection-list.tsx +62 -0
- package/src/selection-list/styled.tsx +33 -0
- package/src/selection-list/types.ts +34 -0
- package/src/selection-list/utils.ts +40 -0
- package/src/share-bar/defaults.ts +11 -0
- package/src/share-bar/index.ts +1 -0
- package/src/share-bar/share-bar.tsx +105 -0
- package/src/slider/defaults.ts +30 -0
- package/src/slider/index.ts +3 -0
- package/src/slider/slider.tsx +265 -0
- package/src/slider/stateful-slider.tsx +17 -0
- package/src/slider/style-presets.ts +74 -0
- package/src/slider/styled.ts +259 -0
- package/src/slider/thumb-label-wrapper.tsx +43 -0
- package/src/slider/types.ts +84 -0
- package/src/slider/utils.tsx +52 -0
- package/src/stack/index.ts +2 -0
- package/src/stack/stack.tsx +182 -0
- package/src/stack/styled.ts +286 -0
- package/src/stack/types.ts +76 -0
- package/src/stack-child/index.ts +2 -0
- package/src/stack-child/stack-child.tsx +7 -0
- package/src/stack-child/types.ts +8 -0
- package/src/standfirst/defaults.ts +11 -0
- package/src/standfirst/index.ts +1 -0
- package/src/standfirst/standfirst.tsx +30 -0
- package/src/standfirst/types.ts +14 -0
- package/src/stories/form.stories.tsx +259 -0
- package/src/stories/slices.stories.tsx +271 -0
- package/src/storybook-pages/style-presets.ts +12 -0
- package/src/storybook-pages/welcome.stories.tsx +32 -0
- package/src/storybook-pages/welcome.tsx +108 -0
- package/src/structured-list/defaults.ts +18 -0
- package/src/structured-list/index.ts +3 -0
- package/src/structured-list/structured-list-icon.tsx +50 -0
- package/src/structured-list/structured-list-item.tsx +218 -0
- package/src/structured-list/structured-list.tsx +56 -0
- package/src/structured-list/style-presets.ts +15 -0
- package/src/structured-list/styled.tsx +64 -0
- package/src/structured-list/types.ts +48 -0
- package/src/switch/defaults.ts +88 -0
- package/src/switch/index.tsx +2 -0
- package/src/switch/style-presets.ts +44 -0
- package/src/switch/styled.tsx +89 -0
- package/src/switch/switch.tsx +80 -0
- package/src/switch/types.ts +53 -0
- package/src/tabs/defaults.ts +52 -0
- package/src/tabs/index.tsx +2 -0
- package/src/tabs/style-presets.ts +61 -0
- package/src/tabs/styled.tsx +202 -0
- package/src/tabs/tab-button.tsx +64 -0
- package/src/tabs/tab-panel.tsx +46 -0
- package/src/tabs/tabs.tsx +393 -0
- package/src/tabs/types.ts +92 -0
- package/src/tabs/utils.ts +185 -0
- package/src/tag/defaults.ts +34 -0
- package/src/tag/index.ts +2 -0
- package/src/tag/style-presets.ts +42 -0
- package/src/tag/tag.tsx +68 -0
- package/src/tag/types.ts +8 -0
- package/src/tealium/index.ts +1 -0
- package/src/tealium/tealium.tsx +62 -0
- package/src/text-area/defaults.ts +34 -0
- package/src/text-area/index.tsx +2 -0
- package/src/text-area/styled.tsx +64 -0
- package/src/text-area/text-area.tsx +78 -0
- package/src/text-area/types.ts +22 -0
- package/src/text-block/index.ts +2 -0
- package/src/text-block/text-block.tsx +26 -0
- package/src/text-block/types.ts +12 -0
- package/src/text-field/defaults.ts +55 -0
- package/src/text-field/index.ts +2 -0
- package/src/text-field/styled.tsx +33 -0
- package/src/text-field/text-field.tsx +123 -0
- package/src/text-field/types.ts +47 -0
- package/src/text-input/defaults.ts +91 -0
- package/src/text-input/index.ts +2 -0
- package/src/text-input/style-presets.ts +59 -0
- package/src/text-input/styled.tsx +160 -0
- package/src/text-input/text-input.tsx +219 -0
- package/src/text-input/types.ts +49 -0
- package/src/theme/compiler/index.ts +32 -0
- package/src/theme/compiler/ink-style-preset-generator.ts +21 -0
- package/src/theme/compiler/types.ts +5 -0
- package/src/theme/component-defaults.ts +1 -0
- package/src/theme/creator.ts +128 -0
- package/src/theme/css-variables.tsx +108 -0
- package/src/theme/emotion.tsx +50 -0
- package/src/theme/foundations/borders.ts +16 -0
- package/src/theme/foundations/breakpoints.ts +7 -0
- package/src/theme/foundations/colors.ts +206 -0
- package/src/theme/foundations/fonts.ts +96 -0
- package/src/theme/foundations/index.ts +9 -0
- package/src/theme/foundations/motions.ts +13 -0
- package/src/theme/foundations/outlines.ts +10 -0
- package/src/theme/foundations/overlays.ts +49 -0
- package/src/theme/foundations/shadows.ts +8 -0
- package/src/theme/foundations/sizing.ts +23 -0
- package/src/theme/index.ts +6 -0
- package/src/theme/newskit-dark.ts +104 -0
- package/src/theme/newskit-light.ts +5 -0
- package/src/theme/presets/index.ts +5 -0
- package/src/theme/presets/space-presets.ts +46 -0
- package/src/theme/presets/style-presets.ts +188 -0
- package/src/theme/presets/transition-presets.ts +326 -0
- package/src/theme/presets/types.ts +138 -0
- package/src/theme/presets/typography-presets.ts +347 -0
- package/src/theme/types.ts +53 -0
- package/src/theme-checker/helper.tsx +167 -0
- package/src/theme-checker/index.ts +1 -0
- package/src/theme-checker/scenarios.tsx +1597 -0
- package/src/theme-checker/styled.tsx +61 -0
- package/src/theme-checker/theme-checker.tsx +77 -0
- package/src/theme-checker/themes/market-watch-theme/borders.json +3 -0
- package/src/theme-checker/themes/market-watch-theme/colors.json +250 -0
- package/src/theme-checker/themes/market-watch-theme/fonts.json +58 -0
- package/src/theme-checker/themes/market-watch-theme/market-watch-theme.ts +23 -0
- package/src/theme-checker/themes/market-watch-theme/overlays.json +14 -0
- package/src/theme-checker/themes/market-watch-theme/shadows.json +8 -0
- package/src/theme-checker/themes/market-watch-theme/typography-presets.json +372 -0
- package/src/theme-checker/themes/storybook-newskit-dark/colors.json +72 -0
- package/src/theme-checker/themes/storybook-newskit-dark/storybook-newskit-dark-theme.ts +9 -0
- package/src/theme-checker/themes/storybook-newskit-light/colors.json +178 -0
- package/src/theme-checker/themes/storybook-newskit-light/storybook-newskit-light-theme.ts +9 -0
- package/src/theme-checker/themes/sun-theme/sun-theme.ts +7 -0
- package/src/theme-checker/themes/tnl-theme/borders.json +3 -0
- package/src/theme-checker/themes/tnl-theme/colors.json +162 -0
- package/src/theme-checker/themes/tnl-theme/fonts.json +71 -0
- package/src/theme-checker/themes/tnl-theme/overlays.json +14 -0
- package/src/theme-checker/themes/tnl-theme/shadows.json +8 -0
- package/src/theme-checker/themes/tnl-theme/tnl-theme.ts +23 -0
- package/src/theme-checker/themes/tnl-theme/typography-presets.json +370 -0
- package/src/theme-checker/themes/virgin-theme/borders.json +3 -0
- package/src/theme-checker/themes/virgin-theme/colors.json +180 -0
- package/src/theme-checker/themes/virgin-theme/fonts.json +43 -0
- package/src/theme-checker/themes/virgin-theme/overlays.json +31 -0
- package/src/theme-checker/themes/virgin-theme/shadows.json +9 -0
- package/src/theme-checker/themes/virgin-theme/typography-presets.json +338 -0
- package/src/theme-checker/themes/virgin-theme/virgin-theme.ts +22 -0
- package/src/theme-checker/themes/wsj-theme/borders.json +3 -0
- package/src/theme-checker/themes/wsj-theme/colors.json +250 -0
- package/src/theme-checker/themes/wsj-theme/fonts.json +85 -0
- package/src/theme-checker/themes/wsj-theme/overlays.json +14 -0
- package/src/theme-checker/themes/wsj-theme/shadows.json +8 -0
- package/src/theme-checker/themes/wsj-theme/typography-presets.json +393 -0
- package/src/theme-checker/themes/wsj-theme/wsj-theme.ts +23 -0
- package/src/title-bar/defaults.ts +20 -0
- package/src/title-bar/index.ts +2 -0
- package/src/title-bar/style-presets.ts +9 -0
- package/src/title-bar/styled.tsx +14 -0
- package/src/title-bar/title-bar.tsx +80 -0
- package/src/title-bar/types.ts +24 -0
- package/src/toast/defaults.ts +34 -0
- package/src/toast/index.ts +8 -0
- package/src/toast/style-presets.ts +39 -0
- package/src/toast/styled.tsx +165 -0
- package/src/toast/toast-provider.tsx +109 -0
- package/src/toast/toast.tsx +101 -0
- package/src/toast/types.ts +68 -0
- package/src/toast/utils.ts +20 -0
- package/src/tooltip/defaults.ts +23 -0
- package/src/tooltip/index.ts +2 -0
- package/src/tooltip/style-presets.ts +16 -0
- package/src/tooltip/tooltip.tsx +87 -0
- package/src/tooltip/types.ts +15 -0
- package/src/tsconfig.spec.json +22 -0
- package/src/typography/heading/defaults.ts +39 -0
- package/src/typography/heading/heading.tsx +80 -0
- package/src/typography/heading/index.ts +1 -0
- package/src/typography/index.tsx +2 -0
- package/src/typography/paragraph/defaults.ts +24 -0
- package/src/typography/paragraph/index.ts +1 -0
- package/src/typography/paragraph/paragraph.tsx +143 -0
- package/src/unordered-list/defaults.ts +14 -0
- package/src/unordered-list/index.ts +2 -0
- package/src/unordered-list/styled.ts +44 -0
- package/src/unordered-list/types.ts +22 -0
- package/src/unordered-list/unordered-list.tsx +109 -0
- package/src/utils/__mocks__/component.tsx +41 -0
- package/src/utils/__mocks__/render-scripts.tsx +12 -0
- package/src/utils/__mocks__/windows.ts +3 -0
- package/src/utils/a11y.ts +23 -0
- package/src/utils/array.ts +9 -0
- package/src/utils/audio-tests.tsx +82 -0
- package/src/utils/calculate-string-percentage.ts +4 -0
- package/src/utils/check-breakpoint-prop.ts +10 -0
- package/src/utils/component.ts +65 -0
- package/src/utils/compose-event-handlers.ts +8 -0
- package/src/utils/deep-merge.ts +47 -0
- package/src/utils/default-focus-visible.ts +7 -0
- package/src/utils/device-helpers.ts +27 -0
- package/src/utils/filter-object.ts +35 -0
- package/src/utils/focus-visible.ts +11 -0
- package/src/utils/font-sizing.ts +39 -0
- package/src/utils/get-aspect-ratio.ts +57 -0
- package/src/utils/get-ssr-id.ts +28 -0
- package/src/utils/get-token.ts +72 -0
- package/src/utils/get-transition-class-name.ts +22 -0
- package/src/utils/get-transition-duration.ts +154 -0
- package/src/utils/get.ts +3 -0
- package/src/utils/guards.ts +20 -0
- package/src/utils/has-own-property.ts +9 -0
- package/src/utils/hooks/index.ts +9 -0
- package/src/utils/hooks/use-controlled.ts +26 -0
- package/src/utils/hooks/use-has-mounted.ts +13 -0
- package/src/utils/hooks/use-intersection.ts +110 -0
- package/src/utils/hooks/use-isomorphic-layout-effect.ts +5 -0
- package/src/utils/hooks/use-keypress.ts +164 -0
- package/src/utils/hooks/use-lock-body-scroll.ts +26 -0
- package/src/utils/hooks/use-media-query/context.tsx +103 -0
- package/src/utils/hooks/use-media-query/index.tsx +3 -0
- package/src/utils/hooks/use-media-query/types.tsx +8 -0
- package/src/utils/hooks/use-media-query/use-media-query-object.tsx +62 -0
- package/src/utils/hooks/use-media-query/use-media-query.tsx +25 -0
- package/src/utils/hooks/use-media-query/utils.tsx +58 -0
- package/src/utils/hooks/use-react-keys.ts +14 -0
- package/src/utils/hooks/use-resize-observer.ts +48 -0
- package/src/utils/index.ts +15 -0
- package/src/utils/inline-tags.ts +60 -0
- package/src/utils/inverse-focus-visible.ts +7 -0
- package/src/utils/logical-properties.ts +206 -0
- package/src/utils/merge-breakpoint-object.ts +16 -0
- package/src/utils/overrides.tsx +34 -0
- package/src/utils/react-children-utilities.ts +72 -0
- package/src/utils/recurse-unknown.ts +101 -0
- package/src/utils/render-scripts.tsx +93 -0
- package/src/utils/responsive-helpers.ts +53 -0
- package/src/utils/style/base.ts +187 -0
- package/src/utils/style/emotion.ts +13 -0
- package/src/utils/style/error-logger.ts +2 -0
- package/src/utils/style/get-defaults.ts +135 -0
- package/src/utils/style/getters.ts +342 -0
- package/src/utils/style/helpers/getter-helper.ts +112 -0
- package/src/utils/style/index.ts +7 -0
- package/src/utils/style/style-preset.ts +294 -0
- package/src/utils/style/transition-preset.ts +282 -0
- package/src/utils/style/types.ts +9 -0
- package/src/utils/style/utils.ts +258 -0
- package/src/utils/style-types.ts +5 -0
- package/src/utils/text-crop.ts +79 -0
- package/src/utils/to-kebab-case.ts +11 -0
- package/src/utils/types.ts +7 -0
- package/src/utils/uniq.ts +1 -0
- package/src/utils/value-in-range.ts +4 -0
- package/src/utils/with-default-props.tsx +53 -0
- package/src/utils/with-own-theme.tsx +101 -0
- package/src/version-number.json +3 -0
- package/src/video-player/defaults.ts +111 -0
- package/src/video-player/index.ts +2 -0
- package/src/video-player/style-presets.ts +84 -0
- package/src/video-player/styled.tsx +232 -0
- package/src/video-player/types.ts +103 -0
- package/src/video-player/video-player.tsx +65 -0
- package/src/volume-control/defaults.ts +20 -0
- package/src/volume-control/index.ts +2 -0
- package/src/volume-control/style-presets.ts +35 -0
- package/src/volume-control/types.ts +19 -0
- package/src/volume-control/utils.ts +42 -0
- package/src/volume-control/volume-control.tsx +176 -0
- package/src/with-enhancers/styled.tsx +76 -0
- package/src/with-enhancers/types.ts +33 -0
- package/src/with-enhancers/with-enhancers.tsx +74 -0
- package/static/1200x800-lg-placeholder-image.png +0 -0
- package/static/1500x968-xl-placeholder-image.png +0 -0
- package/static/1x1-placeholder.png +0 -0
- package/static/300x300-xs-placeholder-image.png +0 -0
- package/static/600x400-sm-placeholder-image.png +0 -0
- package/static/800x600-md-placeholder-image.png +0 -0
- package/static/fallback-300x-placeholder-image.png +0 -0
- package/static/fallback-placeholder-image.png +0 -0
- package/static/min-width-600px-placeholder-image.png +0 -0
- package/static/min-width-800px-placeholder-image.png +0 -0
- package/static/placeholder-16x9.png +0 -0
- package/static/placeholder-1x1.png +0 -0
- package/static/placeholder-2x3.png +0 -0
- package/static/placeholder-3x2.png +0 -0
- package/static/placeholder-4x5.png +0 -0
- package/static/placeholder-5x4.png +0 -0
- package/static/placeholders-lazy-load/placeholder-01.png +0 -0
- package/static/placeholders-lazy-load/placeholder-02.png +0 -0
- package/static/placeholders-lazy-load/placeholder-03.png +0 -0
- package/static/placeholders-lazy-load/placeholder-04.png +0 -0
- package/static/placeholders-lazy-load/placeholder-05.png +0 -0
- package/static/placeholders-lazy-load/placeholder-06.png +0 -0
- package/static/placeholders-lazy-load/placeholder-07.png +0 -0
- package/static/placeholders-lazy-load/placeholder-08.png +0 -0
- package/static/placeholders-lazy-load/placeholder-09.png +0 -0
- package/static/placeholders-lazy-load/placeholder-10.png +0 -0
- package/static/welcome-banner.svg +34 -0
- package/terraform/dns/dev.tfvars +13 -0
- package/terraform/dns/prod.tfvars +7 -0
- package/terraform/dns/provider.tf +21 -0
- package/terraform/dns/route53.tf +31 -0
- package/terraform/dns/staging.tfvars +13 -0
- package/terraform/dns/variables.tf +29 -0
- package/terraform/ecr/ecr.tf +34 -0
- package/terraform/ecr/iam_policy.tf +66 -0
- package/terraform/ecr/iam_role.tf +25 -0
- package/terraform/ecr/provider.tf +21 -0
- package/terraform/ecr/terraform.tfvars +2 -0
- package/terraform/ecr/variables.tf +9 -0
- package/terraform/s3/README.md +98 -0
- package/terraform/s3/dev-newskit/dev.tfvars +3 -0
- package/terraform/s3/dev-newskit/outputs.tf +21 -0
- package/terraform/s3/dev-newskit/provider.tf +31 -0
- package/terraform/s3/dev-newskit/remote-state/main.tf +43 -0
- package/terraform/s3/dev-newskit/s3.tf +54 -0
- package/terraform/s3/dev-newskit/variables.tf +21 -0
- package/terraform/s3/dev.tfvars +2 -0
- package/terraform/s3/prod-newskit/outputs.tf +21 -0
- package/terraform/s3/prod-newskit/prod.tfvars +3 -0
- package/terraform/s3/prod-newskit/provider.tf +31 -0
- package/terraform/s3/prod-newskit/remote-state/main.tf +43 -0
- package/terraform/s3/prod-newskit/s3.tf +54 -0
- package/terraform/s3/prod-newskit/staging.tfvars +3 -0
- package/terraform/s3/prod-newskit/variables.tf +18 -0
- package/terraform/s3/provider.tf +21 -0
- package/terraform/s3/s3.tf +56 -0
- package/terraform/s3/variables.tf +9 -0
- package/tsconfig.common.json +31 -0
- package/tsconfig.eslint.json +19 -0
- package/tsconfig.json +16 -0
- package/tsconfig.storybook.json +7 -0
- package/webpack.e2e.config.js +75 -0
- package/block/block.d.ts +0 -5
- package/block/block.d.ts.map +0 -1
- package/block/block.js +0 -138
- package/block/block.js.map +0 -1
- package/block/index.d.ts +0 -3
- package/block/index.d.ts.map +0 -1
- package/block/index.js +0 -7
- package/block/index.js.map +0 -1
- package/block/style-builder.d.ts +0 -16
- package/block/style-builder.d.ts.map +0 -1
- package/block/style-builder.js +0 -39
- package/block/style-builder.js.map +0 -1
- package/block/types.d.ts +0 -32
- package/block/types.d.ts.map +0 -1
- package/block/types.js +0 -3
- package/block/types.js.map +0 -1
- package/button/button.d.ts +0 -4
- package/button/button.d.ts.map +0 -1
- package/button/button.js +0 -10
- package/button/button.js.map +0 -1
- package/button/index.d.ts +0 -2
- package/button/index.d.ts.map +0 -1
- package/button/index.js +0 -7
- package/button/index.js.map +0 -1
- package/button/types.d.ts +0 -6
- package/button/types.d.ts.map +0 -1
- package/button/types.js +0 -3
- package/button/types.js.map +0 -1
- package/esm/block/block.d.ts +0 -5
- package/esm/block/block.d.ts.map +0 -1
- package/esm/block/block.js +0 -136
- package/esm/block/block.js.map +0 -1
- package/esm/block/index.d.ts +0 -3
- package/esm/block/index.d.ts.map +0 -1
- package/esm/block/index.js +0 -2
- package/esm/block/index.js.map +0 -1
- package/esm/block/style-builder.d.ts +0 -16
- package/esm/block/style-builder.d.ts.map +0 -1
- package/esm/block/style-builder.js +0 -37
- package/esm/block/style-builder.js.map +0 -1
- package/esm/block/types.d.ts +0 -32
- package/esm/block/types.d.ts.map +0 -1
- package/esm/block/types.js +0 -1
- package/esm/block/types.js.map +0 -1
- package/esm/button/button.d.ts +0 -4
- package/esm/button/button.d.ts.map +0 -1
- package/esm/button/button.js +0 -8
- package/esm/button/button.js.map +0 -1
- package/esm/button/index.d.ts +0 -2
- package/esm/button/index.d.ts.map +0 -1
- package/esm/button/index.js +0 -2
- package/esm/button/index.js.map +0 -1
- package/esm/button/types.d.ts +0 -6
- package/esm/button/types.d.ts.map +0 -1
- package/esm/button/types.js +0 -1
- package/esm/button/types.js.map +0 -1
- package/esm/icons/index.d.ts +0 -4
- package/esm/icons/index.d.ts.map +0 -1
- package/esm/icons/index.js +0 -3
- package/esm/icons/index.js.map +0 -1
- package/esm/icons/menu-icon.d.ts +0 -4
- package/esm/icons/menu-icon.d.ts.map +0 -1
- package/esm/icons/menu-icon.js +0 -18
- package/esm/icons/menu-icon.js.map +0 -1
- package/esm/icons/svg.d.ts +0 -9
- package/esm/icons/svg.d.ts.map +0 -1
- package/esm/icons/svg.js +0 -8
- package/esm/icons/svg.js.map +0 -1
- package/esm/icons/types.d.ts +0 -6
- package/esm/icons/types.d.ts.map +0 -1
- package/esm/icons/types.js +0 -1
- package/esm/icons/types.js.map +0 -1
- package/esm/index.d.ts +0 -10
- package/esm/index.d.ts.map +0 -1
- package/esm/index.js +0 -10
- package/esm/index.js.map +0 -1
- package/esm/link/index.d.ts +0 -2
- package/esm/link/index.d.ts.map +0 -1
- package/esm/link/index.js +0 -2
- package/esm/link/index.js.map +0 -1
- package/esm/link/link.d.ts +0 -4
- package/esm/link/link.d.ts.map +0 -1
- package/esm/link/link.js +0 -15
- package/esm/link/link.js.map +0 -1
- package/esm/link/types.d.ts +0 -11
- package/esm/link/types.d.ts.map +0 -1
- package/esm/link/types.js +0 -1
- package/esm/link/types.js.map +0 -1
- package/esm/tag/__test__/tag.scenario.d.ts +0 -4
- package/esm/tag/__test__/tag.scenario.d.ts.map +0 -1
- package/esm/tag/__test__/tag.scenario.js +0 -22
- package/esm/tag/__test__/tag.scenario.js.map +0 -1
- package/esm/tag/__test__/tag.test.d.ts +0 -2
- package/esm/tag/__test__/tag.test.d.ts.map +0 -1
- package/esm/tag/__test__/tag.test.js +0 -36
- package/esm/tag/__test__/tag.test.js.map +0 -1
- package/esm/tag/index.d.ts +0 -4
- package/esm/tag/index.d.ts.map +0 -1
- package/esm/tag/index.js +0 -3
- package/esm/tag/index.js.map +0 -1
- package/esm/tag/tag.d.ts +0 -4
- package/esm/tag/tag.d.ts.map +0 -1
- package/esm/tag/tag.js +0 -62
- package/esm/tag/tag.js.map +0 -1
- package/esm/tag/types.d.ts +0 -9
- package/esm/tag/types.d.ts.map +0 -1
- package/esm/tag/types.js +0 -1
- package/esm/tag/types.js.map +0 -1
- package/esm/tag/utils.d.ts +0 -6
- package/esm/tag/utils.d.ts.map +0 -1
- package/esm/tag/utils.js +0 -7
- package/esm/tag/utils.js.map +0 -1
- package/esm/tag-list/__test__/tag-list.scenario.d.ts +0 -4
- package/esm/tag-list/__test__/tag-list.scenario.d.ts.map +0 -1
- package/esm/tag-list/__test__/tag-list.scenario.js +0 -53
- package/esm/tag-list/__test__/tag-list.scenario.js.map +0 -1
- package/esm/tag-list/__test__/tag-list.test.d.ts +0 -2
- package/esm/tag-list/__test__/tag-list.test.d.ts.map +0 -1
- package/esm/tag-list/__test__/tag-list.test.js +0 -31
- package/esm/tag-list/__test__/tag-list.test.js.map +0 -1
- package/esm/tag-list/index.d.ts +0 -3
- package/esm/tag-list/index.d.ts.map +0 -1
- package/esm/tag-list/index.js +0 -2
- package/esm/tag-list/index.js.map +0 -1
- package/esm/tag-list/tag-list.d.ts +0 -4
- package/esm/tag-list/tag-list.d.ts.map +0 -1
- package/esm/tag-list/tag-list.js +0 -19
- package/esm/tag-list/tag-list.js.map +0 -1
- package/esm/tag-list/types.d.ts +0 -9
- package/esm/tag-list/types.d.ts.map +0 -1
- package/esm/tag-list/types.js +0 -1
- package/esm/tag-list/types.js.map +0 -1
- package/esm/themes/creator.d.ts +0 -35
- package/esm/themes/creator.d.ts.map +0 -1
- package/esm/themes/creator.js +0 -47
- package/esm/themes/creator.js.map +0 -1
- package/esm/themes/dark/dark-theme-primitives.d.ts +0 -2
- package/esm/themes/dark/dark-theme-primitives.d.ts.map +0 -1
- package/esm/themes/dark/dark-theme-primitives.js +0 -2
- package/esm/themes/dark/dark-theme-primitives.js.map +0 -1
- package/esm/themes/dark/dark-theme.d.ts +0 -2
- package/esm/themes/dark/dark-theme.d.ts.map +0 -1
- package/esm/themes/dark/dark-theme.js +0 -6
- package/esm/themes/dark/dark-theme.js.map +0 -1
- package/esm/themes/dark/index.d.ts +0 -2
- package/esm/themes/dark/index.d.ts.map +0 -1
- package/esm/themes/dark/index.js +0 -2
- package/esm/themes/dark/index.js.map +0 -1
- package/esm/themes/index.d.ts +0 -16
- package/esm/themes/index.d.ts.map +0 -1
- package/esm/themes/index.js +0 -10
- package/esm/themes/index.js.map +0 -1
- package/esm/themes/light/index.d.ts +0 -2
- package/esm/themes/light/index.d.ts.map +0 -1
- package/esm/themes/light/index.js +0 -2
- package/esm/themes/light/index.js.map +0 -1
- package/esm/themes/light/light-theme-primitives.d.ts +0 -56
- package/esm/themes/light/light-theme-primitives.d.ts.map +0 -1
- package/esm/themes/light/light-theme-primitives.js +0 -55
- package/esm/themes/light/light-theme-primitives.js.map +0 -1
- package/esm/themes/light/light-theme.d.ts +0 -2
- package/esm/themes/light/light-theme.d.ts.map +0 -1
- package/esm/themes/light/light-theme.js +0 -3
- package/esm/themes/light/light-theme.js.map +0 -1
- package/esm/themes/mappers/colors.d.ts +0 -127
- package/esm/themes/mappers/colors.d.ts.map +0 -1
- package/esm/themes/mappers/colors.js +0 -15
- package/esm/themes/mappers/colors.js.map +0 -1
- package/esm/themes/mappers/typography.d.ts +0 -134
- package/esm/themes/mappers/typography.d.ts.map +0 -1
- package/esm/themes/mappers/typography.js +0 -87
- package/esm/themes/mappers/typography.js.map +0 -1
- package/esm/themes/primitives/animation.d.ts +0 -9
- package/esm/themes/primitives/animation.d.ts.map +0 -1
- package/esm/themes/primitives/animation.js +0 -7
- package/esm/themes/primitives/animation.js.map +0 -1
- package/esm/themes/primitives/border-radius.d.ts +0 -29
- package/esm/themes/primitives/border-radius.d.ts.map +0 -1
- package/esm/themes/primitives/border-radius.js +0 -27
- package/esm/themes/primitives/border-radius.js.map +0 -1
- package/esm/themes/primitives/borders.d.ts +0 -8
- package/esm/themes/primitives/borders.d.ts.map +0 -1
- package/esm/themes/primitives/borders.js +0 -6
- package/esm/themes/primitives/borders.js.map +0 -1
- package/esm/themes/primitives/breakpoints.d.ts +0 -8
- package/esm/themes/primitives/breakpoints.d.ts.map +0 -1
- package/esm/themes/primitives/breakpoints.js +0 -6
- package/esm/themes/primitives/breakpoints.js.map +0 -1
- package/esm/themes/primitives/fonts.d.ts +0 -39
- package/esm/themes/primitives/fonts.d.ts.map +0 -1
- package/esm/themes/primitives/fonts.js +0 -38
- package/esm/themes/primitives/fonts.js.map +0 -1
- package/esm/themes/primitives/sizing.d.ts +0 -21
- package/esm/themes/primitives/sizing.d.ts.map +0 -1
- package/esm/themes/primitives/sizing.js +0 -19
- package/esm/themes/primitives/sizing.js.map +0 -1
- package/esm/themes/the-sun/index.d.ts +0 -2
- package/esm/themes/the-sun/index.d.ts.map +0 -1
- package/esm/themes/the-sun/index.js +0 -3
- package/esm/themes/the-sun/index.js.map +0 -1
- package/esm/themes/the-times/index.d.ts +0 -2
- package/esm/themes/the-times/index.d.ts.map +0 -1
- package/esm/themes/the-times/index.js +0 -3
- package/esm/themes/the-times/index.js.map +0 -1
- package/esm/typography/index.d.ts +0 -24
- package/esm/typography/index.d.ts.map +0 -1
- package/esm/typography/index.js +0 -22
- package/esm/typography/index.js.map +0 -1
- package/esm/utils/component.d.ts +0 -2
- package/esm/utils/component.d.ts.map +0 -1
- package/esm/utils/component.js +0 -5
- package/esm/utils/component.js.map +0 -1
- package/esm/utils/deep-merge.d.ts +0 -3
- package/esm/utils/deep-merge.d.ts.map +0 -1
- package/esm/utils/deep-merge.js +0 -27
- package/esm/utils/deep-merge.js.map +0 -1
- package/esm/utils/get-bui-id.d.ts +0 -2
- package/esm/utils/get-bui-id.d.ts.map +0 -1
- package/esm/utils/get-bui-id.js +0 -28
- package/esm/utils/get-bui-id.js.map +0 -1
- package/esm/utils/responsive-helpers.d.ts +0 -14
- package/esm/utils/responsive-helpers.d.ts.map +0 -1
- package/esm/utils/responsive-helpers.js +0 -19
- package/esm/utils/responsive-helpers.js.map +0 -1
- package/esm/utils/style.d.ts +0 -21
- package/esm/utils/style.d.ts.map +0 -1
- package/esm/utils/style.js +0 -22
- package/esm/utils/style.js.map +0 -1
- package/esm/utils/utils.d.ts +0 -2
- package/esm/utils/utils.d.ts.map +0 -1
- package/esm/utils/utils.js +0 -2
- package/esm/utils/utils.js.map +0 -1
- package/icons/index.d.ts +0 -4
- package/icons/index.d.ts.map +0 -1
- package/icons/index.js +0 -7
- package/icons/index.js.map +0 -1
- package/icons/menu-icon.d.ts +0 -4
- package/icons/menu-icon.d.ts.map +0 -1
- package/icons/menu-icon.js +0 -23
- package/icons/menu-icon.js.map +0 -1
- package/icons/svg.d.ts +0 -9
- package/icons/svg.d.ts.map +0 -1
- package/icons/svg.js +0 -10
- package/icons/svg.js.map +0 -1
- package/icons/types.d.ts +0 -6
- package/icons/types.d.ts.map +0 -1
- package/icons/types.js +0 -3
- package/icons/types.js.map +0 -1
- package/index.d.ts +0 -10
- package/index.d.ts.map +0 -1
- package/index.js +0 -15
- package/index.js.map +0 -1
- package/link/index.d.ts +0 -2
- package/link/index.d.ts.map +0 -1
- package/link/index.js +0 -7
- package/link/index.js.map +0 -1
- package/link/link.d.ts +0 -4
- package/link/link.d.ts.map +0 -1
- package/link/link.js +0 -17
- package/link/link.js.map +0 -1
- package/link/types.d.ts +0 -11
- package/link/types.d.ts.map +0 -1
- package/link/types.js +0 -3
- package/link/types.js.map +0 -1
- package/tag/__test__/tag.scenario.d.ts +0 -4
- package/tag/__test__/tag.scenario.d.ts.map +0 -1
- package/tag/__test__/tag.scenario.js +0 -31
- package/tag/__test__/tag.scenario.js.map +0 -1
- package/tag/__test__/tag.test.d.ts +0 -2
- package/tag/__test__/tag.test.d.ts.map +0 -1
- package/tag/__test__/tag.test.js +0 -38
- package/tag/__test__/tag.test.js.map +0 -1
- package/tag/index.d.ts +0 -4
- package/tag/index.d.ts.map +0 -1
- package/tag/index.js +0 -9
- package/tag/index.js.map +0 -1
- package/tag/tag.d.ts +0 -4
- package/tag/tag.d.ts.map +0 -1
- package/tag/tag.js +0 -67
- package/tag/tag.js.map +0 -1
- package/tag/types.d.ts +0 -9
- package/tag/types.d.ts.map +0 -1
- package/tag/types.js +0 -3
- package/tag/types.js.map +0 -1
- package/tag/utils.d.ts +0 -6
- package/tag/utils.d.ts.map +0 -1
- package/tag/utils.js +0 -9
- package/tag/utils.js.map +0 -1
- package/tag-list/__test__/tag-list.scenario.d.ts +0 -4
- package/tag-list/__test__/tag-list.scenario.d.ts.map +0 -1
- package/tag-list/__test__/tag-list.scenario.js +0 -62
- package/tag-list/__test__/tag-list.scenario.js.map +0 -1
- package/tag-list/__test__/tag-list.test.d.ts +0 -2
- package/tag-list/__test__/tag-list.test.d.ts.map +0 -1
- package/tag-list/__test__/tag-list.test.js +0 -33
- package/tag-list/__test__/tag-list.test.js.map +0 -1
- package/tag-list/index.d.ts +0 -3
- package/tag-list/index.d.ts.map +0 -1
- package/tag-list/index.js +0 -7
- package/tag-list/index.js.map +0 -1
- package/tag-list/tag-list.d.ts +0 -4
- package/tag-list/tag-list.d.ts.map +0 -1
- package/tag-list/tag-list.js +0 -24
- package/tag-list/tag-list.js.map +0 -1
- package/tag-list/types.d.ts +0 -9
- package/tag-list/types.d.ts.map +0 -1
- package/tag-list/types.js +0 -3
- package/tag-list/types.js.map +0 -1
- package/themes/creator.d.ts +0 -35
- package/themes/creator.d.ts.map +0 -1
- package/themes/creator.js +0 -49
- package/themes/creator.js.map +0 -1
- package/themes/dark/dark-theme-primitives.d.ts +0 -2
- package/themes/dark/dark-theme-primitives.d.ts.map +0 -1
- package/themes/dark/dark-theme-primitives.js +0 -5
- package/themes/dark/dark-theme-primitives.js.map +0 -1
- package/themes/dark/dark-theme.d.ts +0 -2
- package/themes/dark/dark-theme.d.ts.map +0 -1
- package/themes/dark/dark-theme.js +0 -8
- package/themes/dark/dark-theme.js.map +0 -1
- package/themes/dark/index.d.ts +0 -2
- package/themes/dark/index.d.ts.map +0 -1
- package/themes/dark/index.js +0 -7
- package/themes/dark/index.js.map +0 -1
- package/themes/index.d.ts +0 -16
- package/themes/index.d.ts.map +0 -1
- package/themes/index.js +0 -24
- package/themes/index.js.map +0 -1
- package/themes/light/index.d.ts +0 -2
- package/themes/light/index.d.ts.map +0 -1
- package/themes/light/index.js +0 -7
- package/themes/light/index.js.map +0 -1
- package/themes/light/light-theme-primitives.d.ts +0 -56
- package/themes/light/light-theme-primitives.d.ts.map +0 -1
- package/themes/light/light-theme-primitives.js +0 -57
- package/themes/light/light-theme-primitives.js.map +0 -1
- package/themes/light/light-theme.d.ts +0 -2
- package/themes/light/light-theme.d.ts.map +0 -1
- package/themes/light/light-theme.js +0 -5
- package/themes/light/light-theme.js.map +0 -1
- package/themes/mappers/colors.d.ts +0 -127
- package/themes/mappers/colors.d.ts.map +0 -1
- package/themes/mappers/colors.js +0 -17
- package/themes/mappers/colors.js.map +0 -1
- package/themes/mappers/typography.d.ts +0 -134
- package/themes/mappers/typography.d.ts.map +0 -1
- package/themes/mappers/typography.js +0 -89
- package/themes/mappers/typography.js.map +0 -1
- package/themes/primitives/animation.d.ts +0 -9
- package/themes/primitives/animation.d.ts.map +0 -1
- package/themes/primitives/animation.js +0 -9
- package/themes/primitives/animation.js.map +0 -1
- package/themes/primitives/border-radius.d.ts +0 -29
- package/themes/primitives/border-radius.d.ts.map +0 -1
- package/themes/primitives/border-radius.js +0 -29
- package/themes/primitives/border-radius.js.map +0 -1
- package/themes/primitives/borders.d.ts +0 -8
- package/themes/primitives/borders.d.ts.map +0 -1
- package/themes/primitives/borders.js +0 -8
- package/themes/primitives/borders.js.map +0 -1
- package/themes/primitives/breakpoints.d.ts +0 -8
- package/themes/primitives/breakpoints.d.ts.map +0 -1
- package/themes/primitives/breakpoints.js +0 -8
- package/themes/primitives/breakpoints.js.map +0 -1
- package/themes/primitives/fonts.d.ts +0 -39
- package/themes/primitives/fonts.d.ts.map +0 -1
- package/themes/primitives/fonts.js +0 -40
- package/themes/primitives/fonts.js.map +0 -1
- package/themes/primitives/sizing.d.ts +0 -21
- package/themes/primitives/sizing.d.ts.map +0 -1
- package/themes/primitives/sizing.js +0 -21
- package/themes/primitives/sizing.js.map +0 -1
- package/themes/the-sun/index.d.ts +0 -2
- package/themes/the-sun/index.d.ts.map +0 -1
- package/themes/the-sun/index.js +0 -5
- package/themes/the-sun/index.js.map +0 -1
- package/themes/the-times/index.d.ts +0 -2
- package/themes/the-times/index.d.ts.map +0 -1
- package/themes/the-times/index.js +0 -5
- package/themes/the-times/index.js.map +0 -1
- package/typography/index.d.ts +0 -24
- package/typography/index.d.ts.map +0 -1
- package/typography/index.js +0 -24
- package/typography/index.js.map +0 -1
- package/utils/component.d.ts +0 -2
- package/utils/component.d.ts.map +0 -1
- package/utils/component.js +0 -7
- package/utils/component.js.map +0 -1
- package/utils/deep-merge.d.ts +0 -3
- package/utils/deep-merge.d.ts.map +0 -1
- package/utils/deep-merge.js +0 -30
- package/utils/deep-merge.js.map +0 -1
- package/utils/get-bui-id.d.ts +0 -2
- package/utils/get-bui-id.d.ts.map +0 -1
- package/utils/get-bui-id.js +0 -31
- package/utils/get-bui-id.js.map +0 -1
- package/utils/responsive-helpers.d.ts +0 -14
- package/utils/responsive-helpers.d.ts.map +0 -1
- package/utils/responsive-helpers.js +0 -21
- package/utils/responsive-helpers.js.map +0 -1
- package/utils/style.d.ts +0 -21
- package/utils/style.d.ts.map +0 -1
- package/utils/style.js +0 -29
- package/utils/style.js.map +0 -1
- package/utils/utils.d.ts +0 -2
- package/utils/utils.d.ts.map +0 -1
- package/utils/utils.js +0 -4
- package/utils/utils.js.map +0 -1
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
<svg
|
|
2
|
+
id="nksvg"
|
|
3
|
+
style="width: 100%; height: 100%"
|
|
4
|
+
width="1600"
|
|
5
|
+
height="900"
|
|
6
|
+
viewBox="0 0 1600 900"
|
|
7
|
+
fill="none"
|
|
8
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
9
|
+
class="css-0"
|
|
10
|
+
>
|
|
11
|
+
<rect
|
|
12
|
+
style="fill: var(--color-illustrationBackground010)"
|
|
13
|
+
width="1600"
|
|
14
|
+
height="900"
|
|
15
|
+
rx="8"
|
|
16
|
+
></rect>
|
|
17
|
+
<rect
|
|
18
|
+
style="fill: var(--color-illustrationPalette040)"
|
|
19
|
+
x="502.994"
|
|
20
|
+
y="727.906"
|
|
21
|
+
width="38.5134"
|
|
22
|
+
height="38.5134"
|
|
23
|
+
rx="19.2567"
|
|
24
|
+
></rect>
|
|
25
|
+
<path
|
|
26
|
+
style="fill: var(--color-white)"
|
|
27
|
+
d="M519.707 742.193V739.47H524.793V754.855H521.754V742.193H519.707Z"
|
|
28
|
+
></path>
|
|
29
|
+
<path
|
|
30
|
+
style="fill: var(--color-illustrationPalette040)"
|
|
31
|
+
fill-rule="evenodd"
|
|
32
|
+
clip-rule="evenodd"
|
|
33
|
+
d="M521.213 731.29L521.213 578.288L523.047 578.288L523.047 731.29L521.213 731.29Z"
|
|
34
|
+
></path>
|
|
35
|
+
<path
|
|
36
|
+
style="fill: var(--color-illustrationPalette040)"
|
|
37
|
+
fill-rule="evenodd"
|
|
38
|
+
clip-rule="evenodd"
|
|
39
|
+
d="M648.914 580.257C653.472 580.257 657.167 576.562 657.167 572.004L657.167 567.419L655.333 567.419L655.333 572.004C655.333 575.549 652.459 578.423 648.914 578.423L395.586 578.423C392.041 578.423 389.167 575.549 389.167 572.004L389.167 567.419L387.333 567.419L387.333 572.004C387.333 576.562 391.028 580.257 395.586 580.257L648.914 580.257Z"
|
|
40
|
+
></path>
|
|
41
|
+
<rect
|
|
42
|
+
style="fill: var(--color-illustrationPalette040)"
|
|
43
|
+
x="144.333"
|
|
44
|
+
y="520.151"
|
|
45
|
+
width="38.5134"
|
|
46
|
+
height="38.5134"
|
|
47
|
+
rx="19.2567"
|
|
48
|
+
></rect>
|
|
49
|
+
<path
|
|
50
|
+
style="fill: var(--color-white)"
|
|
51
|
+
d="M158.566 535.894C158.637 534.487 159.129 533.404 160.044 532.644C160.972 531.87 162.189 531.483 163.695 531.483C164.722 531.483 165.601 531.666 166.333 532.032C167.064 532.384 167.613 532.869 167.979 533.488C168.359 534.093 168.549 534.782 168.549 535.556C168.549 536.443 168.317 537.195 167.852 537.815C167.402 538.42 166.86 538.828 166.227 539.039V539.123C167.043 539.376 167.676 539.826 168.127 540.474C168.591 541.121 168.823 541.951 168.823 542.964C168.823 543.808 168.626 544.561 168.232 545.222C167.852 545.883 167.283 546.404 166.523 546.784C165.777 547.15 164.877 547.333 163.821 547.333C162.231 547.333 160.937 546.932 159.938 546.13C158.939 545.328 158.412 544.146 158.355 542.584H161.226C161.254 543.274 161.486 543.829 161.922 544.251C162.372 544.659 162.984 544.863 163.758 544.863C164.476 544.863 165.024 544.666 165.404 544.273C165.798 543.864 165.995 543.344 165.995 542.711C165.995 541.867 165.728 541.262 165.193 540.896C164.659 540.53 163.828 540.347 162.703 540.347H162.091V537.92H162.703C164.701 537.92 165.7 537.252 165.7 535.915C165.7 535.31 165.517 534.839 165.151 534.501C164.799 534.163 164.286 533.995 163.61 533.995C162.949 533.995 162.435 534.178 162.07 534.543C161.718 534.895 161.514 535.345 161.458 535.894H158.566Z"
|
|
52
|
+
></path>
|
|
53
|
+
<path
|
|
54
|
+
style="fill: var(--color-illustrationPalette040)"
|
|
55
|
+
fill-rule="evenodd"
|
|
56
|
+
clip-rule="evenodd"
|
|
57
|
+
d="M182.846 538.491H358.412V540.325H182.846V538.491Z"
|
|
58
|
+
></path>
|
|
59
|
+
<path
|
|
60
|
+
style="fill: var(--color-illustrationPalette040)"
|
|
61
|
+
fill-rule="evenodd"
|
|
62
|
+
clip-rule="evenodd"
|
|
63
|
+
d="M357.495 538.908C357.495 535.916 359.92 533.491 362.912 533.491H370.333V535.325H362.912C360.933 535.325 359.329 536.929 359.329 538.908C359.329 540.887 360.933 542.491 362.912 542.491H370.333V544.325H362.912C359.92 544.325 357.495 541.9 357.495 538.908Z"
|
|
64
|
+
></path>
|
|
65
|
+
<path
|
|
66
|
+
style="fill: var(--color-illustrationInterface020)"
|
|
67
|
+
d="M388 347C388 340.372 393.372 335 400 335H1178C1184.63 335 1190 340.372 1190 347V531C1190 537.627 1184.63 543 1178 543H400C393.372 543 388 537.627 388 531V347Z"
|
|
68
|
+
></path>
|
|
69
|
+
<path
|
|
70
|
+
style="fill: var(--color-illustrationHighlight010)"
|
|
71
|
+
d="M494.796 413.474V420.611H483.048V457.561H474.205V420.611H462.457V413.474H494.796Z"
|
|
72
|
+
></path>
|
|
73
|
+
<path
|
|
74
|
+
style="fill: var(--color-illustrationHighlight010)"
|
|
75
|
+
d="M498.974 439.939C498.974 436.402 499.669 433.265 501.058 430.528C502.49 427.791 504.406 425.685 506.806 424.212C509.248 422.738 511.964 422.001 514.954 422.001C517.564 422.001 519.838 422.527 521.775 423.58C523.754 424.633 525.333 425.959 526.512 427.559V422.569H535.418V457.561H526.512V452.445C525.375 454.087 523.796 455.456 521.775 456.55C519.796 457.603 517.501 458.13 514.891 458.13C511.943 458.13 509.248 457.372 506.806 455.856C504.406 454.34 502.49 452.213 501.058 449.476C499.669 446.697 498.974 443.518 498.974 439.939ZM526.512 440.065C526.512 437.918 526.091 436.086 525.249 434.57C524.407 433.012 523.27 431.833 521.838 431.033C520.407 430.191 518.87 429.77 517.228 429.77C515.585 429.77 514.069 430.17 512.68 430.97C511.29 431.77 510.153 432.949 509.269 434.507C508.427 436.023 508.006 437.833 508.006 439.939C508.006 442.044 508.427 443.897 509.269 445.497C510.153 447.055 511.29 448.255 512.68 449.097C514.112 449.94 515.627 450.361 517.228 450.361C518.87 450.361 520.407 449.961 521.838 449.161C523.27 448.318 524.407 447.139 525.249 445.623C526.091 444.065 526.512 442.213 526.512 440.065Z"
|
|
76
|
+
></path>
|
|
77
|
+
<path
|
|
78
|
+
style="fill: var(--color-illustrationHighlight010)"
|
|
79
|
+
d="M552.897 427.685C554.034 426.001 555.592 424.633 557.571 423.58C559.592 422.527 561.887 422.001 564.456 422.001C567.446 422.001 570.14 422.738 572.541 424.212C574.983 425.685 576.899 427.791 578.288 430.528C579.72 433.223 580.436 436.36 580.436 439.939C580.436 443.518 579.72 446.697 578.288 449.476C576.899 452.213 574.983 454.34 572.541 455.856C570.14 457.372 567.446 458.13 564.456 458.13C561.845 458.13 559.55 457.624 557.571 456.614C555.634 455.561 554.076 454.213 552.897 452.571V457.561H544.055V410.821H552.897V427.685ZM571.404 439.939C571.404 437.833 570.962 436.023 570.077 434.507C569.235 432.949 568.098 431.77 566.667 430.97C565.277 430.17 563.761 429.77 562.119 429.77C560.519 429.77 559.003 430.191 557.571 431.033C556.182 431.833 555.045 433.012 554.161 434.57C553.318 436.128 552.897 437.96 552.897 440.065C552.897 442.171 553.318 444.002 554.161 445.56C555.045 447.118 556.182 448.318 557.571 449.161C559.003 449.961 560.519 450.361 562.119 450.361C563.761 450.361 565.277 449.94 566.667 449.097C568.098 448.255 569.235 447.055 570.077 445.497C570.962 443.939 571.404 442.086 571.404 439.939Z"
|
|
80
|
+
></path>
|
|
81
|
+
<path
|
|
82
|
+
style="fill: var(--color-illustrationAnatomyBorder010)"
|
|
83
|
+
fill-rule="evenodd"
|
|
84
|
+
clip-rule="evenodd"
|
|
85
|
+
d="M654.974 520.091L654.464 358.566L655.856 358.564L656.367 520.089L654.974 520.091Z"
|
|
86
|
+
></path>
|
|
87
|
+
<path
|
|
88
|
+
style="fill: var(--color-illustrationAnatomySubtle)"
|
|
89
|
+
d="M760.952 413.664V419.538H749.267V457.561H742.067V419.538H730.319V413.664H760.952Z"
|
|
90
|
+
></path>
|
|
91
|
+
<path
|
|
92
|
+
style="fill: var(--color-illustrationAnatomySubtle)"
|
|
93
|
+
d="M765.845 440.002C765.845 436.507 766.56 433.412 767.992 430.717C769.466 428.022 771.445 425.938 773.929 424.464C776.456 422.948 779.235 422.19 782.267 422.19C785.004 422.19 787.383 422.738 789.404 423.833C791.467 424.885 793.109 426.212 794.331 427.812V422.759H801.594V457.561H794.331V452.382C793.109 454.024 791.446 455.392 789.341 456.487C787.235 457.582 784.835 458.13 782.14 458.13C779.151 458.13 776.414 457.372 773.929 455.856C771.445 454.298 769.466 452.15 767.992 449.413C766.56 446.634 765.845 443.497 765.845 440.002ZM794.331 440.128C794.331 437.728 793.825 435.644 792.815 433.875C791.846 432.107 790.562 430.759 788.962 429.833C787.362 428.907 785.635 428.443 783.783 428.443C781.93 428.443 780.203 428.907 778.603 429.833C777.003 430.717 775.698 432.044 774.687 433.812C773.719 435.539 773.234 437.602 773.234 440.002C773.234 442.402 773.719 444.508 774.687 446.318C775.698 448.129 777.003 449.518 778.603 450.487C780.245 451.413 781.972 451.876 783.783 451.876C785.635 451.876 787.362 451.413 788.962 450.487C790.562 449.561 791.846 448.213 792.815 446.445C793.825 444.634 794.331 442.529 794.331 440.128Z"
|
|
94
|
+
></path>
|
|
95
|
+
<path
|
|
96
|
+
style="fill: var(--color-illustrationAnatomySubtle)"
|
|
97
|
+
d="M818.252 427.938C819.473 426.254 821.137 424.885 823.242 423.833C825.389 422.738 827.769 422.19 830.379 422.19C833.453 422.19 836.232 422.927 838.717 424.401C841.201 425.875 843.159 427.98 844.591 430.717C846.022 433.412 846.738 436.507 846.738 440.002C846.738 443.497 846.022 446.634 844.591 449.413C843.159 452.15 841.18 454.298 838.653 455.856C836.169 457.372 833.411 458.13 830.379 458.13C827.684 458.13 825.284 457.603 823.179 456.55C821.115 455.498 819.473 454.15 818.252 452.508V457.561H811.052V410.821H818.252V427.938ZM839.411 440.002C839.411 437.602 838.906 435.539 837.896 433.812C836.927 432.044 835.622 430.717 833.979 429.833C832.379 428.907 830.653 428.443 828.8 428.443C826.99 428.443 825.263 428.907 823.621 429.833C822.021 430.759 820.715 432.107 819.705 433.875C818.736 435.644 818.252 437.728 818.252 440.128C818.252 442.529 818.736 444.634 819.705 446.445C820.715 448.213 822.021 449.561 823.621 450.487C825.263 451.413 826.99 451.876 828.8 451.876C830.653 451.876 832.379 451.413 833.979 450.487C835.622 449.518 836.927 448.129 837.896 446.318C838.906 444.508 839.411 442.402 839.411 440.002Z"
|
|
98
|
+
></path>
|
|
99
|
+
<path
|
|
100
|
+
style="fill: var(--color-illustrationAnatomyBorder010)"
|
|
101
|
+
fill-rule="evenodd"
|
|
102
|
+
clip-rule="evenodd"
|
|
103
|
+
d="M922.394 520.091L921.884 358.566L923.276 358.564L923.787 520.089L922.394 520.091Z"
|
|
104
|
+
></path>
|
|
105
|
+
<path
|
|
106
|
+
style="fill: var(--color-illustrationAnatomySubtle)"
|
|
107
|
+
d="M1028.37 413.664V419.538H1016.69V457.561H1009.49V419.538H997.739V413.664H1028.37Z"
|
|
108
|
+
></path>
|
|
109
|
+
<path
|
|
110
|
+
style="fill: var(--color-illustrationAnatomySubtle)"
|
|
111
|
+
d="M1033.26 440.002C1033.26 436.507 1033.98 433.412 1035.41 430.717C1036.89 428.022 1038.87 425.938 1041.35 424.464C1043.88 422.948 1046.66 422.19 1049.69 422.19C1052.42 422.19 1054.8 422.738 1056.82 423.833C1058.89 424.885 1060.53 426.212 1061.75 427.812V422.759H1069.01V457.561H1061.75V452.382C1060.53 454.024 1058.87 455.392 1056.76 456.487C1054.66 457.582 1052.26 458.13 1049.56 458.13C1046.57 458.13 1043.83 457.372 1041.35 455.856C1038.87 454.298 1036.89 452.15 1035.41 449.413C1033.98 446.634 1033.26 443.497 1033.26 440.002ZM1061.75 440.128C1061.75 437.728 1061.25 435.644 1060.24 433.875C1059.27 432.107 1057.98 430.759 1056.38 429.833C1054.78 428.907 1053.06 428.443 1051.2 428.443C1049.35 428.443 1047.62 428.907 1046.02 429.833C1044.42 430.717 1043.12 432.044 1042.11 433.812C1041.14 435.539 1040.65 437.602 1040.65 440.002C1040.65 442.402 1041.14 444.508 1042.11 446.318C1043.12 448.129 1044.42 449.518 1046.02 450.487C1047.67 451.413 1049.39 451.876 1051.2 451.876C1053.06 451.876 1054.78 451.413 1056.38 450.487C1057.98 449.561 1059.27 448.213 1060.24 446.445C1061.25 444.634 1061.75 442.529 1061.75 440.128Z"
|
|
112
|
+
></path>
|
|
113
|
+
<path
|
|
114
|
+
style="fill: var(--color-illustrationAnatomySubtle)"
|
|
115
|
+
d="M1085.67 427.938C1086.89 426.254 1088.56 424.885 1090.66 423.833C1092.81 422.738 1095.19 422.19 1097.8 422.19C1100.87 422.19 1103.65 422.927 1106.14 424.401C1108.62 425.875 1110.58 427.98 1112.01 430.717C1113.44 433.412 1114.16 436.507 1114.16 440.002C1114.16 443.497 1113.44 446.634 1112.01 449.413C1110.58 452.15 1108.6 454.298 1106.07 455.856C1103.59 457.372 1100.83 458.13 1097.8 458.13C1095.1 458.13 1092.7 457.603 1090.6 456.55C1088.54 455.498 1086.89 454.15 1085.67 452.508V457.561H1078.47V410.821H1085.67V427.938ZM1106.83 440.002C1106.83 437.602 1106.33 435.539 1105.32 433.812C1104.35 432.044 1103.04 430.717 1101.4 429.833C1099.8 428.907 1098.07 428.443 1096.22 428.443C1094.41 428.443 1092.68 428.907 1091.04 429.833C1089.44 430.759 1088.14 432.107 1087.13 433.875C1086.16 435.644 1085.67 437.728 1085.67 440.128C1085.67 442.529 1086.16 444.634 1087.13 446.445C1088.14 448.213 1089.44 449.561 1091.04 450.487C1092.68 451.413 1094.41 451.876 1096.22 451.876C1098.07 451.876 1099.8 451.413 1101.4 450.487C1103.04 449.518 1104.35 448.129 1105.32 446.318C1106.33 444.508 1106.83 442.402 1106.83 440.002Z"
|
|
116
|
+
></path>
|
|
117
|
+
<path
|
|
118
|
+
style="fill: var(--color-illustrationHighlight010)"
|
|
119
|
+
d="M389 533H656V542H398C393.029 542 389 537.97 389 533V533Z"
|
|
120
|
+
></path>
|
|
121
|
+
<path
|
|
122
|
+
style="fill: var(--color-illustrationInterface030)"
|
|
123
|
+
d="M656 533H923V543H656V533Z"
|
|
124
|
+
></path>
|
|
125
|
+
<path
|
|
126
|
+
style="fill: var(--color-illustrationInterface030)"
|
|
127
|
+
d="M923 533H1188.5V533C1188.5 538.523 1184.02 543 1178.5 543H923V533Z"
|
|
128
|
+
></path>
|
|
129
|
+
<path
|
|
130
|
+
style="fill: var(--color-illustrationAnatomyBorder010)"
|
|
131
|
+
fill-rule="evenodd"
|
|
132
|
+
clip-rule="evenodd"
|
|
133
|
+
d="M1178 336.4H400C394.145 336.4 389.4 341.146 389.4 347V531C389.4 536.854 394.145 541.6 400 541.6H1178C1183.85 541.6 1188.6 536.854 1188.6 531V347C1188.6 341.146 1183.85 336.4 1178 336.4ZM400 335C393.372 335 388 340.372 388 347V531C388 537.627 393.372 543 400 543H1178C1184.63 543 1190 537.627 1190 531V347C1190 340.372 1184.63 335 1178 335H400Z"
|
|
134
|
+
></path>
|
|
135
|
+
<rect
|
|
136
|
+
style="fill: var(--color-illustrationPalette040)"
|
|
137
|
+
x="904.253"
|
|
138
|
+
y="728.219"
|
|
139
|
+
width="38.5134"
|
|
140
|
+
height="38.5134"
|
|
141
|
+
rx="19.2567"
|
|
142
|
+
></rect>
|
|
143
|
+
<path
|
|
144
|
+
style="fill: var(--color-white)"
|
|
145
|
+
d="M917.41 752.077V749.755L924.312 739.878H927.752V749.502H929.609V752.077H927.752V755.073H924.797V752.077H917.41ZM924.987 743.044L920.661 749.502H924.987V743.044Z"
|
|
146
|
+
></path>
|
|
147
|
+
<path
|
|
148
|
+
style="fill: var(--color-illustrationPalette040)"
|
|
149
|
+
fill-rule="evenodd"
|
|
150
|
+
clip-rule="evenodd"
|
|
151
|
+
d="M922.853 729.136L922.853 522.487L924.687 522.487L924.687 729.136L922.853 729.136Z"
|
|
152
|
+
></path>
|
|
153
|
+
<path
|
|
154
|
+
style="fill: var(--color-illustrationPalette040)"
|
|
155
|
+
d="M929.012 517.902C929.012 520.941 926.548 523.404 923.51 523.404C920.471 523.404 918.008 520.941 918.008 517.902C918.008 514.864 920.471 512.4 923.51 512.4C926.548 512.4 929.012 514.864 929.012 517.902Z"
|
|
156
|
+
></path>
|
|
157
|
+
<rect
|
|
158
|
+
style="fill: var(--color-illustrationPalette040)"
|
|
159
|
+
x="1128.91"
|
|
160
|
+
y="728.219"
|
|
161
|
+
width="38.5134"
|
|
162
|
+
height="38.5134"
|
|
163
|
+
rx="19.2567"
|
|
164
|
+
></rect>
|
|
165
|
+
<path
|
|
166
|
+
style="fill: var(--color-white)"
|
|
167
|
+
d="M1152.57 742.358H1145.73V745.967C1146.03 745.601 1146.45 745.306 1147 745.08C1147.55 744.841 1148.13 744.722 1148.75 744.722C1149.88 744.722 1150.8 744.968 1151.52 745.46C1152.23 745.953 1152.75 746.586 1153.08 747.36C1153.4 748.12 1153.56 748.936 1153.56 749.808C1153.56 751.426 1153.1 752.727 1152.17 753.712C1151.26 754.697 1149.95 755.19 1148.24 755.19C1146.64 755.19 1145.36 754.789 1144.4 753.987C1143.45 753.185 1142.91 752.136 1142.78 750.842H1145.65C1145.78 751.405 1146.06 751.855 1146.49 752.193C1146.94 752.53 1147.51 752.699 1148.2 752.699C1149.03 752.699 1149.66 752.439 1150.08 751.918C1150.5 751.398 1150.71 750.708 1150.71 749.85C1150.71 748.978 1150.5 748.317 1150.06 747.866C1149.64 747.402 1149.01 747.17 1148.18 747.17C1147.59 747.17 1147.1 747.318 1146.7 747.613C1146.31 747.909 1146.03 748.302 1145.86 748.795H1143.03V739.762H1152.57V742.358Z"
|
|
168
|
+
></path>
|
|
169
|
+
<path
|
|
170
|
+
style="fill: var(--color-illustrationPalette040)"
|
|
171
|
+
fill-rule="evenodd"
|
|
172
|
+
clip-rule="evenodd"
|
|
173
|
+
d="M1147.51 729.136L1147.51 522.487L1149.35 522.487L1149.35 729.136L1147.51 729.136Z"
|
|
174
|
+
></path>
|
|
175
|
+
<path
|
|
176
|
+
style="fill: var(--color-illustrationPalette040)"
|
|
177
|
+
d="M1153.67 517.902C1153.67 520.941 1151.21 523.404 1148.17 523.404C1145.13 523.404 1142.67 520.941 1142.67 517.902C1142.67 514.864 1145.13 512.4 1148.17 512.4C1151.21 512.4 1153.67 514.864 1153.67 517.902Z"
|
|
178
|
+
></path>
|
|
179
|
+
<rect
|
|
180
|
+
style="fill: var(--color-illustrationPalette040)"
|
|
181
|
+
x="769.993"
|
|
182
|
+
y="112.595"
|
|
183
|
+
width="38.5134"
|
|
184
|
+
height="38.5134"
|
|
185
|
+
rx="19.2567"
|
|
186
|
+
></rect>
|
|
187
|
+
<path
|
|
188
|
+
style="fill: var(--color-white)"
|
|
189
|
+
d="M785.145 136.484C786.496 135.359 787.572 134.423 788.374 133.677C789.176 132.917 789.844 132.13 790.379 131.313C790.914 130.497 791.181 129.695 791.181 128.908C791.181 128.19 791.012 127.627 790.674 127.219C790.337 126.811 789.816 126.607 789.113 126.607C788.409 126.607 787.868 126.846 787.488 127.325C787.108 127.789 786.911 128.429 786.897 129.245H784.026C784.083 127.557 784.582 126.277 785.525 125.404C786.482 124.532 787.692 124.096 789.155 124.096C790.759 124.096 791.99 124.525 792.848 125.383C793.706 126.227 794.136 127.346 794.136 128.739C794.136 129.836 793.84 130.884 793.249 131.883C792.658 132.882 791.983 133.755 791.223 134.5C790.463 135.232 789.471 136.118 788.247 137.159H794.473V139.608H784.048V137.413L785.145 136.484Z"
|
|
190
|
+
></path>
|
|
191
|
+
<path
|
|
192
|
+
style="fill: var(--color-illustrationPalette040)"
|
|
193
|
+
fill-rule="evenodd"
|
|
194
|
+
clip-rule="evenodd"
|
|
195
|
+
d="M788.056 300.712L788.056 147.71L789.89 147.71L789.89 300.712L788.056 300.712Z"
|
|
196
|
+
></path>
|
|
197
|
+
<path
|
|
198
|
+
style="fill: var(--color-illustrationPalette040)"
|
|
199
|
+
fill-rule="evenodd"
|
|
200
|
+
clip-rule="evenodd"
|
|
201
|
+
d="M1181.92 298.757C1186.47 298.757 1190.17 302.452 1190.17 307.01L1190.17 311.595L1188.33 311.595L1188.33 307.01C1188.33 303.465 1185.46 300.591 1181.92 300.591L395.587 300.591C392.042 300.591 389.168 303.465 389.168 307.01L389.168 311.595L387.334 311.595L387.334 307.01C387.334 302.452 391.029 298.757 395.587 298.757L1181.92 298.757Z"
|
|
202
|
+
></path>
|
|
203
|
+
</svg>
|
package/site/public/static/illustrations/components/tabs/tabs-behaviours-animation-illustration.svg
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
<svg id="nksvg" style="width: 100%; height: 100%" width="1491" height="839" viewBox="0 0 1491 839" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-0">
|
|
2
|
+
<path style="fill: var(--color-illustrationBackground010)" d="M0.015625 4.00001C0.015625 1.79087 1.80649 0 4.01562 0H1486.74C1488.94 0 1490.74 1.79086 1490.74 4V834.004C1490.74 836.213 1488.94 838.004 1486.74 838.004H4.01565C1.80651 838.004 0.015625 836.213 0.015625 834.004V4.00001Z"></path>
|
|
3
|
+
<g>
|
|
4
|
+
<g clip-path="url(#nk-284)">
|
|
5
|
+
<rect style="fill: var(--color-illustrationInterface020)" x="304" y="288.04" width="885.499" height="244.335" rx="8"></rect>
|
|
6
|
+
<g clip-path="url(#nk-285)">
|
|
7
|
+
<rect style="fill: var(--color-illustrationInterface010)" width="292.698" height="236.931" transform="translate(304 288.04)"></rect>
|
|
8
|
+
<path style="fill: var(--color-illustrationHighlight010)" d="M425.07 385.66V392.354H414.053V427.005H405.76V392.354H394.743V385.66H425.07ZM428.988 410.479C428.988 407.162 429.64 404.22 430.943 401.653C432.286 399.087 434.082 397.112 436.333 395.73C438.624 394.348 441.171 393.657 443.974 393.657C446.423 393.657 448.555 394.15 450.371 395.138C452.227 396.125 453.708 397.369 454.814 398.869V394.19H463.166V427.005H454.814V422.207C453.748 423.747 452.267 425.03 450.371 426.057C448.515 427.044 446.363 427.538 443.915 427.538C441.151 427.538 438.624 426.827 436.333 425.406C434.082 423.984 432.286 421.99 430.943 419.423C429.64 416.817 428.988 413.835 428.988 410.479ZM454.814 410.597C454.814 408.584 454.419 406.866 453.629 405.444C452.839 403.983 451.773 402.877 450.431 402.127C449.088 401.337 447.647 400.942 446.107 400.942C444.567 400.942 443.145 401.318 441.842 402.068C440.539 402.818 439.473 403.924 438.643 405.385C437.854 406.807 437.459 408.505 437.459 410.479C437.459 412.453 437.854 414.191 438.643 415.691C439.473 417.153 440.539 418.278 441.842 419.068C443.184 419.857 444.606 420.252 446.107 420.252C447.647 420.252 449.088 419.877 450.431 419.127C451.773 418.337 452.839 417.231 453.629 415.81C454.419 414.349 454.814 412.611 454.814 410.597ZM479.557 398.988C480.624 397.408 482.085 396.125 483.941 395.138C485.836 394.15 487.988 393.657 490.397 393.657C493.201 393.657 495.728 394.348 497.979 395.73C500.269 397.112 502.066 399.087 503.369 401.653C504.712 404.181 505.383 407.122 505.383 410.479C505.383 413.835 504.712 416.817 503.369 419.423C502.066 421.99 500.269 423.984 497.979 425.406C495.728 426.827 493.201 427.538 490.397 427.538C487.949 427.538 485.797 427.064 483.941 426.116C482.124 425.129 480.663 423.866 479.557 422.326V427.005H471.265V383.173H479.557V398.988ZM496.913 410.479C496.913 408.505 496.498 406.807 495.669 405.385C494.879 403.924 493.813 402.818 492.47 402.068C491.167 401.318 489.745 400.942 488.205 400.942C486.705 400.942 485.283 401.337 483.941 402.127C482.637 402.877 481.571 403.983 480.742 405.444C479.952 406.905 479.557 408.623 479.557 410.597C479.557 412.572 479.952 414.29 480.742 415.751C481.571 417.212 482.637 418.337 483.941 419.127C485.283 419.877 486.705 420.252 488.205 420.252C489.745 420.252 491.167 419.857 492.47 419.068C493.813 418.278 494.879 417.153 495.669 415.691C496.498 414.23 496.913 412.493 496.913 410.479Z"></path>
|
|
9
|
+
<rect style="fill: var(--color-illustrationBorder010)" width="3.70204" height="244.335" transform="translate(596.699 288.04)"></rect>
|
|
10
|
+
<rect style="fill: var(--color-illustrationInterface010)" width="292.698" height="236.931" transform="translate(600.402 288.04)"></rect>
|
|
11
|
+
<path style="fill: var(--color-illustrationSubtle010)" d="M721.473 385.66V392.354H710.455V427.005H702.163V392.354H691.145V385.66H721.473ZM725.391 410.479C725.391 407.162 726.042 404.22 727.345 401.653C728.688 399.087 730.485 397.112 732.736 395.73C735.026 394.348 737.573 393.657 740.377 393.657C742.825 393.657 744.957 394.15 746.774 395.138C748.63 396.125 750.111 397.369 751.216 398.869V394.19H759.568V427.005H751.216V422.207C750.15 423.747 748.669 425.03 746.774 426.057C744.918 427.044 742.766 427.538 740.317 427.538C737.553 427.538 735.026 426.827 732.736 425.406C730.485 423.984 728.688 421.99 727.345 419.423C726.042 416.817 725.391 413.835 725.391 410.479ZM751.216 410.597C751.216 408.584 750.821 406.866 750.032 405.444C749.242 403.983 748.176 402.877 746.833 402.127C745.49 401.337 744.049 400.942 742.509 400.942C740.969 400.942 739.547 401.318 738.244 402.068C736.941 402.818 735.875 403.924 735.046 405.385C734.256 406.807 733.861 408.505 733.861 410.479C733.861 412.453 734.256 414.191 735.046 415.691C735.875 417.153 736.941 418.278 738.244 419.068C739.587 419.857 741.008 420.252 742.509 420.252C744.049 420.252 745.49 419.877 746.833 419.127C748.176 418.337 749.242 417.231 750.032 415.81C750.821 414.349 751.216 412.611 751.216 410.597ZM775.96 398.988C777.026 397.408 778.487 396.125 780.343 395.138C782.238 394.15 784.39 393.657 786.799 393.657C789.603 393.657 792.13 394.348 794.381 395.73C796.671 397.112 798.468 399.087 799.771 401.653C801.114 404.181 801.785 407.122 801.785 410.479C801.785 413.835 801.114 416.817 799.771 419.423C798.468 421.99 796.671 423.984 794.381 425.406C792.13 426.827 789.603 427.538 786.799 427.538C784.351 427.538 782.199 427.064 780.343 426.116C778.526 425.129 777.065 423.866 775.96 422.326V427.005H767.667V383.173H775.96V398.988ZM793.315 410.479C793.315 408.505 792.9 406.807 792.071 405.385C791.281 403.924 790.215 402.818 788.872 402.068C787.569 401.318 786.148 400.942 784.608 400.942C783.107 400.942 781.686 401.337 780.343 402.127C779.04 402.877 777.974 403.983 777.144 405.444C776.355 406.905 775.96 408.623 775.96 410.597C775.96 412.572 776.355 414.29 777.144 415.751C777.974 417.212 779.04 418.337 780.343 419.127C781.686 419.877 783.107 420.252 784.608 420.252C786.148 420.252 787.569 419.857 788.872 419.068C790.215 418.278 791.281 417.153 792.071 415.691C792.9 414.23 793.315 412.493 793.315 410.479Z"></path>
|
|
12
|
+
<g clip-path="url(#nk-286)">
|
|
13
|
+
<rect style="fill: var(--color-transparent)" x="600.402" y="524.97" width="293.465" height="7.40409"></rect>
|
|
14
|
+
</g>
|
|
15
|
+
<rect style="fill: var(--color-illustrationBorder010)" width="3.70204" height="244.335" transform="translate(893.098 288.04)"></rect>
|
|
16
|
+
<rect style="fill: var(--color-illustrationInterface010)" width="292.698" height="236.931" transform="translate(896.801 288.04)"></rect>
|
|
17
|
+
<path style="fill: var(--color-illustrationSubtle010)" d="M1017.87 385.66V392.354H1006.85V427.005H998.561V392.354H987.544V385.66H1017.87ZM1021.79 410.479C1021.79 407.162 1022.44 404.22 1023.74 401.653C1025.09 399.087 1026.88 397.112 1029.13 395.73C1031.42 394.348 1033.97 393.657 1036.78 393.657C1039.22 393.657 1041.36 394.15 1043.17 395.138C1045.03 396.125 1046.51 397.369 1047.61 398.869V394.19H1055.97V427.005H1047.61V422.207C1046.55 423.747 1045.07 425.03 1043.17 426.057C1041.32 427.044 1039.16 427.538 1036.72 427.538C1033.95 427.538 1031.42 426.827 1029.13 425.406C1026.88 423.984 1025.09 421.99 1023.74 419.423C1022.44 416.817 1021.79 413.835 1021.79 410.479ZM1047.61 410.597C1047.61 408.584 1047.22 406.866 1046.43 405.444C1045.64 403.983 1044.57 402.877 1043.23 402.127C1041.89 401.337 1040.45 400.942 1038.91 400.942C1037.37 400.942 1035.95 401.318 1034.64 402.068C1033.34 402.818 1032.27 403.924 1031.44 405.385C1030.65 406.807 1030.26 408.505 1030.26 410.479C1030.26 412.453 1030.65 414.191 1031.44 415.691C1032.27 417.153 1033.34 418.278 1034.64 419.068C1035.99 419.857 1037.41 420.252 1038.91 420.252C1040.45 420.252 1041.89 419.877 1043.23 419.127C1044.57 418.337 1045.64 417.231 1046.43 415.81C1047.22 414.349 1047.61 412.611 1047.61 410.597ZM1072.36 398.988C1073.42 397.408 1074.89 396.125 1076.74 395.138C1078.64 394.15 1080.79 393.657 1083.2 393.657C1086 393.657 1088.53 394.348 1090.78 395.73C1093.07 397.112 1094.87 399.087 1096.17 401.653C1097.51 404.181 1098.18 407.122 1098.18 410.479C1098.18 413.835 1097.51 416.817 1096.17 419.423C1094.87 421.99 1093.07 423.984 1090.78 425.406C1088.53 426.827 1086 427.538 1083.2 427.538C1080.75 427.538 1078.6 427.064 1076.74 426.116C1074.92 425.129 1073.46 423.866 1072.36 422.326V427.005H1064.07V383.173H1072.36V398.988ZM1089.71 410.479C1089.71 408.505 1089.3 406.807 1088.47 405.385C1087.68 403.924 1086.61 402.818 1085.27 402.068C1083.97 401.318 1082.55 400.942 1081.01 400.942C1079.51 400.942 1078.08 401.337 1076.74 402.127C1075.44 402.877 1074.37 403.983 1073.54 405.444C1072.75 406.905 1072.36 408.623 1072.36 410.597C1072.36 412.572 1072.75 414.29 1073.54 415.751C1074.37 417.212 1075.44 418.337 1076.74 419.127C1078.08 419.877 1079.51 420.252 1081.01 420.252C1082.55 420.252 1083.97 419.857 1085.27 419.068C1086.61 418.278 1087.68 417.153 1088.47 415.691C1089.3 414.23 1089.71 412.493 1089.71 410.479Z"></path>
|
|
18
|
+
<g clip-path="url(#clip3)">
|
|
19
|
+
<rect style="fill: var(--color-transparent)" x="896.801" y="524.97" width="293.465" height="7.40409"></rect>
|
|
20
|
+
</g>
|
|
21
|
+
</g>
|
|
22
|
+
</g>
|
|
23
|
+
</g>
|
|
24
|
+
<rect style="fill: var(--color-illustrationHighlight010)" x="893" y="525" width="294" height="7" rx="3.5"></rect>
|
|
25
|
+
<g>
|
|
26
|
+
<path style="fill: var(--color-white)" fill-rule="evenodd" clip-rule="evenodd" d="M370.308 532.143L367.419 527.728C365.446 524.714 361.244 523.614 358.029 525.267L358.778 524.882C357.98 525.292 357.598 526.314 357.926 527.164L361.926 537.512C362.56 539.153 364.179 541.473 365.521 542.638C365.521 542.638 373.567 549.298 373.567 551.795V554.956H386.603H390.168H393.121H396.38V551.795C396.38 549.298 401.297 541.433 401.297 541.433C402.203 539.905 402.957 537.212 402.957 535.424V522.274C402.898 519.363 400.423 517.004 397.37 517.004C395.842 517.004 394.605 518.184 394.605 519.64V520.693C394.605 517.782 392.13 515.423 389.077 515.423C387.549 515.423 386.312 516.602 386.312 518.059V519.112C386.312 516.201 383.837 513.841 380.784 513.841C379.256 513.841 378.019 515.021 378.019 516.477V517.53C378.019 517.063 377.969 516.691 377.872 516.396L377.029 502.817C376.915 500.98 375.367 499.554 373.567 499.554C371.755 499.554 370.308 501.013 370.308 502.812V515.848V532.143Z"></path>
|
|
27
|
+
<path style="fill: var(--color-black)" fill-rule="evenodd" clip-rule="evenodd" d="M358.802 524.928C361.389 523.981 364.415 524.637 366.398 526.51C366.781 526.872 367.125 527.279 367.419 527.729L370.308 532.143V502.812C370.308 501.013 371.755 499.554 373.567 499.554C375.367 499.554 376.915 500.98 377.029 502.817L377.872 516.396C377.881 516.423 377.889 516.45 377.897 516.477C377.978 516.758 378.019 517.105 378.019 517.531V516.477C378.019 516.447 378.019 516.417 378.021 516.387C378.021 516.374 378.022 516.36 378.022 516.347C378.094 514.951 379.302 513.841 380.784 513.841C381.074 513.841 381.358 513.863 381.636 513.904C382.29 514 382.907 514.206 383.465 514.501C384.854 515.237 385.876 516.527 386.202 518.059C386.274 518.399 386.312 518.751 386.312 519.112V518.059C386.312 516.602 387.549 515.423 389.077 515.423C389.2 515.423 389.321 515.426 389.442 515.434C390.278 515.486 391.064 515.715 391.758 516.083C393.147 516.818 394.169 518.109 394.495 519.64C394.567 519.98 394.605 520.333 394.605 520.693V519.64C394.605 518.184 395.842 517.004 397.37 517.004C397.493 517.004 397.614 517.008 397.735 517.015C400.618 517.195 402.9 519.48 402.957 522.275V535.424C402.957 537.212 402.202 539.905 401.297 541.434C401.297 541.434 396.38 549.298 396.38 551.795V554.956H373.567V551.795C373.567 549.298 365.521 542.638 365.521 542.638C364.179 541.473 362.56 539.153 361.926 537.512L357.926 527.164C357.707 526.597 357.805 525.953 358.131 525.465C358.242 525.299 358.38 525.151 358.542 525.03C358.628 524.994 358.715 524.96 358.802 524.928ZM358.029 525.267C358.197 525.18 358.368 525.101 358.542 525.03C358.616 524.974 358.695 524.925 358.778 524.882L358.029 525.267ZM356.27 521.845C354.176 523.356 353.345 526.159 354.279 528.574L358.278 538.922C359.14 541.151 361.128 544.003 362.957 545.591L362.992 545.621L363.027 545.65L363.028 545.651L363.042 545.663L363.1 545.711C363.152 545.755 363.232 545.822 363.334 545.909C363.54 546.084 363.837 546.339 364.196 546.655C364.917 547.288 365.865 548.148 366.803 549.069C367.758 550.008 368.62 550.932 369.216 551.703C369.422 551.968 369.564 552.175 369.657 552.325V558.867H400.291V551.862C400.291 551.878 400.292 551.887 400.294 551.887C400.307 551.889 400.379 551.521 400.749 550.648C401.142 549.721 401.692 548.625 402.28 547.535C402.862 546.457 403.448 545.445 403.892 544.698C404.112 544.326 404.296 544.024 404.423 543.816C404.486 543.713 404.535 543.633 404.568 543.58L404.604 543.522L404.613 543.507L404.638 543.467L404.662 543.426C405.345 542.273 405.875 540.869 406.235 539.571C406.594 538.276 406.868 536.787 406.868 535.424V522.235L406.867 522.195C406.762 517.03 402.424 513.093 397.37 513.093C396.542 513.093 395.733 513.247 394.98 513.531C393.339 512.257 391.268 511.512 389.077 511.512C388.249 511.512 387.44 511.665 386.687 511.95C385.198 510.794 383.355 510.073 381.39 509.95L380.932 502.574C380.689 498.662 377.419 495.643 373.567 495.643C369.586 495.643 366.398 498.862 366.398 502.812V521.796C363.518 520.362 360.054 520.158 357.005 521.433M369.789 552.568C369.788 552.567 369.781 552.553 369.771 552.526C369.785 552.555 369.79 552.568 369.789 552.568ZM356.27 521.845L356.241 521.789L356.99 521.404"></path>
|
|
28
|
+
</g>
|
|
29
|
+
<path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M1066 575C1066 582.732 1059.73 589 1052 589C1045.12 589 1039.4 584.039 1038.22 577.5H644V584.777C644 587.154 641.511 588.711 639.373 587.672L620.813 578.658C618.426 577.499 618.388 574.113 620.748 572.9L639.307 563.361C641.45 562.259 644 563.814 644 566.223V572.5H1038.22C1039.4 565.961 1045.12 561 1052 561C1059.73 561 1066 567.268 1066 575Z"></path>
|
|
30
|
+
<defs>
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
<clipPath id="nk-284">
|
|
34
|
+
<rect style="fill: var(--color-white)" x="304" y="288.04" width="885.499" height="244.335" rx="8"></rect>
|
|
35
|
+
</clipPath>
|
|
36
|
+
<clipPath id="nk-285">
|
|
37
|
+
<rect style="fill: var(--color-white)" width="885.499" height="244.335" transform="translate(304 288.04)"></rect>
|
|
38
|
+
</clipPath>
|
|
39
|
+
<clipPath id="nk-286">
|
|
40
|
+
<rect style="fill: var(--color-white)" width="292.698" height="7.40409" transform="translate(600.402 524.97)"></rect>
|
|
41
|
+
</clipPath>
|
|
42
|
+
<clipPath id="nk-287">
|
|
43
|
+
<rect style="fill: var(--color-white)" width="292.698" height="7.40409" transform="translate(896.801 524.97)"></rect>
|
|
44
|
+
</clipPath>
|
|
45
|
+
</defs>
|
|
46
|
+
</svg>
|
package/site/public/static/illustrations/components/tabs/tabs-behaviours-label-wrap-illustration.svg
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
<svg id="nksvg" style="width: 100%; height: 100%" width="1492" height="839" viewBox="0 0 1492 839" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-0">
|
|
2
|
+
<path style="fill: var(--color-illustrationBackground010)" d="M0 8.42707C0 3.77292 3.77293 0 8.42708 0H1483.17C1487.82 0 1491.59 3.77293 1491.59 8.42708V830.068C1491.59 834.722 1487.82 838.495 1483.17 838.495H8.42712C3.77297 838.495 0 834.722 0 830.068V8.42707Z"></path>
|
|
3
|
+
<g>
|
|
4
|
+
<g clip-path="url(#clip0)">
|
|
5
|
+
<g clip-path="url(#clip1)">
|
|
6
|
+
<rect style="fill: var(--color-illustrationInterface010)" width="284.113" height="209.832" transform="translate(595.543 194.104)"></rect>
|
|
7
|
+
<path style="fill: var(--color-illustrationHighlight010)" d="M682.904 250.1L675.104 278.02H668.504L663.264 258.14L657.784 278.02L651.224 278.06L643.704 250.1H649.704L654.624 271.78L660.304 250.1H666.544L671.904 271.66L676.864 250.1H682.904ZM692.161 259.3C692.881 258.126 693.814 257.206 694.961 256.54C696.134 255.873 697.467 255.54 698.961 255.54V261.42H697.481C695.721 261.42 694.387 261.833 693.481 262.66C692.601 263.486 692.161 264.926 692.161 266.98V278.02H686.561V255.86H692.161V259.3ZM701.293 266.86C701.293 264.62 701.733 262.633 702.613 260.9C703.519 259.166 704.733 257.833 706.253 256.9C707.799 255.966 709.519 255.5 711.413 255.5C713.066 255.5 714.506 255.833 715.733 256.5C716.986 257.166 717.986 258.006 718.733 259.02V255.86H724.373V278.02H718.733V274.78C718.013 275.82 717.013 276.686 715.733 277.38C714.479 278.046 713.026 278.38 711.373 278.38C709.506 278.38 707.799 277.9 706.253 276.94C704.733 275.98 703.519 274.633 702.613 272.9C701.733 271.14 701.293 269.126 701.293 266.86ZM718.733 266.94C718.733 265.58 718.466 264.42 717.933 263.46C717.399 262.473 716.679 261.726 715.773 261.22C714.866 260.686 713.893 260.42 712.853 260.42C711.813 260.42 710.853 260.673 709.973 261.18C709.093 261.686 708.373 262.433 707.813 263.42C707.279 264.38 707.013 265.526 707.013 266.86C707.013 268.193 707.279 269.366 707.813 270.38C708.373 271.366 709.093 272.126 709.973 272.66C710.879 273.193 711.839 273.46 712.853 273.46C713.893 273.46 714.866 273.206 715.773 272.7C716.679 272.166 717.399 271.42 717.933 270.46C718.466 269.473 718.733 268.3 718.733 266.94ZM735.442 259.06C736.162 258.046 737.149 257.206 738.402 256.54C739.682 255.846 741.135 255.5 742.762 255.5C744.655 255.5 746.362 255.966 747.882 256.9C749.429 257.833 750.642 259.166 751.522 260.9C752.429 262.606 752.882 264.593 752.882 266.86C752.882 269.126 752.429 271.14 751.522 272.9C750.642 274.633 749.429 275.98 747.882 276.94C746.362 277.9 744.655 278.38 742.762 278.38C741.135 278.38 739.695 278.046 738.442 277.38C737.215 276.713 736.215 275.873 735.442 274.86V288.58H729.842V255.86H735.442V259.06ZM747.162 266.86C747.162 265.526 746.882 264.38 746.322 263.42C745.789 262.433 745.069 261.686 744.162 261.18C743.282 260.673 742.322 260.42 741.282 260.42C740.269 260.42 739.309 260.686 738.402 261.22C737.522 261.726 736.802 262.473 736.242 263.46C735.709 264.446 735.442 265.606 735.442 266.94C735.442 268.273 735.709 269.433 736.242 270.42C736.802 271.406 737.522 272.166 738.402 272.7C739.309 273.206 740.269 273.46 741.282 273.46C742.322 273.46 743.282 273.193 744.162 272.66C745.069 272.126 745.789 271.366 746.322 270.38C746.882 269.393 747.162 268.22 747.162 266.86ZM762.551 259.06C763.271 258.046 764.258 257.206 765.511 256.54C766.791 255.846 768.245 255.5 769.871 255.5C771.765 255.5 773.471 255.966 774.991 256.9C776.538 257.833 777.751 259.166 778.631 260.9C779.538 262.606 779.991 264.593 779.991 266.86C779.991 269.126 779.538 271.14 778.631 272.9C777.751 274.633 776.538 275.98 774.991 276.94C773.471 277.9 771.765 278.38 769.871 278.38C768.245 278.38 766.805 278.046 765.551 277.38C764.325 276.713 763.325 275.873 762.551 274.86V288.58H756.951V255.86H762.551V259.06ZM774.271 266.86C774.271 265.526 773.991 264.38 773.431 263.42C772.898 262.433 772.178 261.686 771.271 261.18C770.391 260.673 769.431 260.42 768.391 260.42C767.378 260.42 766.418 260.686 765.511 261.22C764.631 261.726 763.911 262.473 763.351 263.46C762.818 264.446 762.551 265.606 762.551 266.94C762.551 268.273 762.818 269.433 763.351 270.42C763.911 271.406 764.631 272.166 765.511 272.7C766.418 273.206 767.378 273.46 768.391 273.46C769.431 273.46 770.391 273.193 771.271 272.66C772.178 272.126 772.898 271.366 773.431 270.38C773.991 269.393 774.271 268.22 774.271 266.86ZM804.661 266.46C804.661 267.26 804.607 267.98 804.501 268.62H788.301C788.434 270.22 788.994 271.473 789.981 272.38C790.967 273.286 792.181 273.74 793.621 273.74C795.701 273.74 797.181 272.846 798.061 271.06H804.101C803.461 273.193 802.234 274.953 800.421 276.34C798.607 277.7 796.381 278.38 793.741 278.38C791.607 278.38 789.687 277.913 787.981 276.98C786.301 276.02 784.981 274.673 784.021 272.94C783.087 271.206 782.621 269.206 782.621 266.94C782.621 264.646 783.087 262.633 784.021 260.9C784.954 259.166 786.261 257.833 787.941 256.9C789.621 255.966 791.554 255.5 793.741 255.5C795.847 255.5 797.727 255.953 799.381 256.86C801.061 257.766 802.354 259.06 803.261 260.74C804.194 262.393 804.661 264.3 804.661 266.46ZM798.861 264.86C798.834 263.42 798.314 262.273 797.301 261.42C796.287 260.54 795.047 260.1 793.581 260.1C792.194 260.1 791.021 260.526 790.061 261.38C789.127 262.206 788.554 263.366 788.341 264.86H798.861ZM807.308 266.86C807.308 264.62 807.748 262.633 808.628 260.9C809.535 259.166 810.762 257.833 812.308 256.9C813.855 255.966 815.575 255.5 817.468 255.5C818.908 255.5 820.282 255.82 821.588 256.46C822.895 257.073 823.935 257.9 824.708 258.94V248.42H830.388V278.02H824.708V274.74C824.015 275.833 823.042 276.713 821.788 277.38C820.535 278.046 819.082 278.38 817.428 278.38C815.562 278.38 813.855 277.9 812.308 276.94C810.762 275.98 809.535 274.633 808.628 272.9C807.748 271.14 807.308 269.126 807.308 266.86ZM824.748 266.94C824.748 265.58 824.482 264.42 823.948 263.46C823.415 262.473 822.695 261.726 821.788 261.22C820.882 260.686 819.908 260.42 818.868 260.42C817.828 260.42 816.868 260.673 815.988 261.18C815.108 261.686 814.388 262.433 813.828 263.42C813.295 264.38 813.028 265.526 813.028 266.86C813.028 268.193 813.295 269.366 813.828 270.38C814.388 271.366 815.108 272.126 815.988 272.66C816.895 273.193 817.855 273.46 818.868 273.46C819.908 273.46 820.882 273.206 821.788 272.7C822.695 272.166 823.415 271.42 823.948 270.46C824.482 269.473 824.748 268.3 824.748 266.94ZM661.948 330.46V341.18C661.948 341.926 662.121 342.473 662.468 342.82C662.841 343.14 663.455 343.3 664.308 343.3H666.908V348.02H663.388C658.668 348.02 656.308 345.726 656.308 341.14V330.46H653.668V325.86H656.308V320.38H661.948V325.86H666.908V330.46H661.948ZM669.496 336.86C669.496 334.62 669.936 332.633 670.816 330.9C671.722 329.166 672.936 327.833 674.456 326.9C676.002 325.966 677.722 325.5 679.616 325.5C681.269 325.5 682.709 325.833 683.936 326.5C685.189 327.166 686.189 328.006 686.936 329.02V325.86H692.576V348.02H686.936V344.78C686.216 345.82 685.216 346.686 683.936 347.38C682.682 348.046 681.229 348.38 679.576 348.38C677.709 348.38 676.002 347.9 674.456 346.94C672.936 345.98 671.722 344.633 670.816 342.9C669.936 341.14 669.496 339.126 669.496 336.86ZM686.936 336.94C686.936 335.58 686.669 334.42 686.136 333.46C685.602 332.473 684.882 331.726 683.976 331.22C683.069 330.686 682.096 330.42 681.056 330.42C680.016 330.42 679.056 330.673 678.176 331.18C677.296 331.686 676.576 332.433 676.016 333.42C675.482 334.38 675.216 335.526 675.216 336.86C675.216 338.193 675.482 339.366 676.016 340.38C676.576 341.366 677.296 342.126 678.176 342.66C679.082 343.193 680.042 343.46 681.056 343.46C682.096 343.46 683.069 343.206 683.976 342.7C684.882 342.166 685.602 341.42 686.136 340.46C686.669 339.473 686.936 338.3 686.936 336.94ZM703.645 329.1C704.365 328.033 705.352 327.166 706.605 326.5C707.885 325.833 709.338 325.5 710.965 325.5C712.858 325.5 714.565 325.966 716.085 326.9C717.632 327.833 718.845 329.166 719.725 330.9C720.632 332.606 721.085 334.593 721.085 336.86C721.085 339.126 720.632 341.14 719.725 342.9C718.845 344.633 717.632 345.98 716.085 346.94C714.565 347.9 712.858 348.38 710.965 348.38C709.312 348.38 707.858 348.06 706.605 347.42C705.378 346.753 704.392 345.9 703.645 344.86V348.02H698.045V318.42H703.645V329.1ZM715.365 336.86C715.365 335.526 715.085 334.38 714.525 333.42C713.992 332.433 713.272 331.686 712.365 331.18C711.485 330.673 710.525 330.42 709.485 330.42C708.472 330.42 707.512 330.686 706.605 331.22C705.725 331.726 705.005 332.473 704.445 333.46C703.912 334.446 703.645 335.606 703.645 336.94C703.645 338.273 703.912 339.433 704.445 340.42C705.005 341.406 705.725 342.166 706.605 342.7C707.512 343.206 708.472 343.46 709.485 343.46C710.525 343.46 711.485 343.193 712.365 342.66C713.272 342.126 713.992 341.366 714.525 340.38C715.085 339.393 715.365 338.22 715.365 336.86ZM740.286 318.42V348.02H734.686V318.42H740.286ZM744.379 336.86C744.379 334.62 744.819 332.633 745.699 330.9C746.605 329.166 747.819 327.833 749.339 326.9C750.885 325.966 752.605 325.5 754.499 325.5C756.152 325.5 757.592 325.833 758.819 326.5C760.072 327.166 761.072 328.006 761.819 329.02V325.86H767.459V348.02H761.819V344.78C761.099 345.82 760.099 346.686 758.819 347.38C757.565 348.046 756.112 348.38 754.459 348.38C752.592 348.38 750.885 347.9 749.339 346.94C747.819 345.98 746.605 344.633 745.699 342.9C744.819 341.14 744.379 339.126 744.379 336.86ZM761.819 336.94C761.819 335.58 761.552 334.42 761.019 333.46C760.485 332.473 759.765 331.726 758.859 331.22C757.952 330.686 756.979 330.42 755.939 330.42C754.899 330.42 753.939 330.673 753.059 331.18C752.179 331.686 751.459 332.433 750.899 333.42C750.365 334.38 750.099 335.526 750.099 336.86C750.099 338.193 750.365 339.366 750.899 340.38C751.459 341.366 752.179 342.126 753.059 342.66C753.965 343.193 754.925 343.46 755.939 343.46C756.979 343.46 757.952 343.206 758.859 342.7C759.765 342.166 760.485 341.42 761.019 340.46C761.552 339.473 761.819 338.3 761.819 336.94ZM778.528 329.1C779.248 328.033 780.235 327.166 781.488 326.5C782.768 325.833 784.221 325.5 785.848 325.5C787.741 325.5 789.448 325.966 790.968 326.9C792.515 327.833 793.728 329.166 794.608 330.9C795.515 332.606 795.968 334.593 795.968 336.86C795.968 339.126 795.515 341.14 794.608 342.9C793.728 344.633 792.515 345.98 790.968 346.94C789.448 347.9 787.741 348.38 785.848 348.38C784.195 348.38 782.741 348.06 781.488 347.42C780.261 346.753 779.275 345.9 778.528 344.86V348.02H772.928V318.42H778.528V329.1ZM790.248 336.86C790.248 335.526 789.968 334.38 789.408 333.42C788.875 332.433 788.155 331.686 787.248 331.18C786.368 330.673 785.408 330.42 784.368 330.42C783.355 330.42 782.395 330.686 781.488 331.22C780.608 331.726 779.888 332.473 779.328 333.46C778.795 334.446 778.528 335.606 778.528 336.94C778.528 338.273 778.795 339.433 779.328 340.42C779.888 341.406 780.608 342.166 781.488 342.7C782.395 343.206 783.355 343.46 784.368 343.46C785.408 343.46 786.368 343.193 787.248 342.66C788.155 342.126 788.875 341.366 789.408 340.38C789.968 339.393 790.248 338.22 790.248 336.86ZM820.637 336.46C820.637 337.26 820.584 337.98 820.477 338.62H804.277C804.411 340.22 804.971 341.473 805.957 342.38C806.944 343.286 808.157 343.74 809.597 343.74C811.677 343.74 813.157 342.846 814.037 341.06H820.077C819.437 343.193 818.211 344.953 816.397 346.34C814.584 347.7 812.357 348.38 809.717 348.38C807.584 348.38 805.664 347.913 803.957 346.98C802.277 346.02 800.957 344.673 799.997 342.94C799.064 341.206 798.597 339.206 798.597 336.94C798.597 334.646 799.064 332.633 799.997 330.9C800.931 329.166 802.237 327.833 803.917 326.9C805.597 325.966 807.531 325.5 809.717 325.5C811.824 325.5 813.704 325.953 815.357 326.86C817.037 327.766 818.331 329.06 819.237 330.74C820.171 332.393 820.637 334.3 820.637 336.46ZM814.837 334.86C814.811 333.42 814.291 332.273 813.277 331.42C812.264 330.54 811.024 330.1 809.557 330.1C808.171 330.1 806.997 330.526 806.037 331.38C805.104 332.206 804.531 333.366 804.317 334.86H814.837ZM830.325 318.42V348.02H824.725V318.42H830.325Z"></path>
|
|
8
|
+
<rect style="fill: var(--color-transparent)" x="833.098" y="264.104" width="0.00290968" height="69.8323"></rect>
|
|
9
|
+
<g clip-path="url(#clip2)">
|
|
10
|
+
<rect style="fill: var(--color-illustrationHighlight010)" x="879.656" y="403.936" width="210.11" height="5.81936" transform="rotate(-90 879.656 403.936)"></rect>
|
|
11
|
+
</g>
|
|
12
|
+
<rect style="fill: var(--color-illustrationBorder010)" width="290" height="3" transform="translate(595.543 403.936)"></rect>
|
|
13
|
+
<rect style="fill: var(--color-illustrationInterface010)" width="284.113" height="139.665" transform="translate(595.543 406.846)"></rect>
|
|
14
|
+
<path style="fill: var(--color-illustrationSubtle010)" d="M745.053 462.258V466.778H737.613V490.178H732.013V466.778H724.573V462.258H745.053ZM747.699 479.018C747.699 476.778 748.139 474.791 749.019 473.058C749.926 471.324 751.139 469.991 752.659 469.058C754.206 468.124 755.926 467.658 757.819 467.658C759.472 467.658 760.912 467.991 762.139 468.658C763.392 469.324 764.392 470.164 765.139 471.178V468.018H770.779V490.178H765.139V486.938C764.419 487.978 763.419 488.844 762.139 489.538C760.886 490.204 759.432 490.538 757.779 490.538C755.912 490.538 754.206 490.058 752.659 489.098C751.139 488.138 749.926 486.791 749.019 485.058C748.139 483.298 747.699 481.284 747.699 479.018ZM765.139 479.098C765.139 477.738 764.872 476.578 764.339 475.618C763.806 474.631 763.086 473.884 762.179 473.378C761.272 472.844 760.299 472.578 759.259 472.578C758.219 472.578 757.259 472.831 756.379 473.338C755.499 473.844 754.779 474.591 754.219 475.578C753.686 476.538 753.419 477.684 753.419 479.018C753.419 480.351 753.686 481.524 754.219 482.538C754.779 483.524 755.499 484.284 756.379 484.818C757.286 485.351 758.246 485.618 759.259 485.618C760.299 485.618 761.272 485.364 762.179 484.858C763.086 484.324 763.806 483.578 764.339 482.618C764.872 481.631 765.139 480.458 765.139 479.098ZM781.848 471.258C782.568 470.191 783.555 469.324 784.808 468.658C786.088 467.991 787.542 467.658 789.168 467.658C791.062 467.658 792.768 468.124 794.288 469.058C795.835 469.991 797.048 471.324 797.928 473.058C798.835 474.764 799.288 476.751 799.288 479.018C799.288 481.284 798.835 483.298 797.928 485.058C797.048 486.791 795.835 488.138 794.288 489.098C792.768 490.058 791.062 490.538 789.168 490.538C787.515 490.538 786.062 490.218 784.808 489.578C783.582 488.911 782.595 488.058 781.848 487.018V490.178H776.248V460.578H781.848V471.258ZM793.568 479.018C793.568 477.684 793.288 476.538 792.728 475.578C792.195 474.591 791.475 473.844 790.568 473.338C789.688 472.831 788.728 472.578 787.688 472.578C786.675 472.578 785.715 472.844 784.808 473.378C783.928 473.884 783.208 474.631 782.648 475.618C782.115 476.604 781.848 477.764 781.848 479.098C781.848 480.431 782.115 481.591 782.648 482.578C783.208 483.564 783.928 484.324 784.808 484.858C785.715 485.364 786.675 485.618 787.688 485.618C788.728 485.618 789.688 485.351 790.568 484.818C791.475 484.284 792.195 483.524 792.728 482.538C793.288 481.551 793.568 480.378 793.568 479.018ZM814.009 483.858C816.569 481.724 818.609 479.951 820.129 478.538C821.649 477.098 822.916 475.604 823.929 474.058C824.942 472.511 825.449 470.991 825.449 469.498C825.449 468.138 825.129 467.071 824.489 466.298C823.849 465.524 822.862 465.138 821.529 465.138C820.196 465.138 819.169 465.591 818.449 466.498C817.729 467.378 817.356 468.591 817.329 470.138H811.889C811.996 466.938 812.942 464.511 814.729 462.858C816.542 461.204 818.836 460.378 821.609 460.378C824.649 460.378 826.982 461.191 828.609 462.818C830.236 464.418 831.049 466.538 831.049 469.178C831.049 471.258 830.489 473.244 829.369 475.138C828.249 477.031 826.969 478.684 825.529 480.098C824.089 481.484 822.209 483.164 819.889 485.138H831.689V489.778H811.929V485.618L814.009 483.858Z"></path>
|
|
15
|
+
<rect style="fill: var(--color-transparent)" x="833.098" y="441.762" width="0.00290968" height="69.8323"></rect>
|
|
16
|
+
<g clip-path="url(#clip3)">
|
|
17
|
+
<rect style="fill: var(--color-illustrationInterface030)" width="139.665" height="5.81936" transform="translate(879.656 546.51) rotate(-90)"></rect>
|
|
18
|
+
<rect style="fill: var(--color-transparent)" x="879.656" y="546.51" width="140.11" height="5.81936" transform="rotate(-90 879.656 546.51)"></rect>
|
|
19
|
+
</g>
|
|
20
|
+
<rect style="fill: var(--color-illustrationBorder010)" width="290" height="3" transform="translate(595.543 546.51)"></rect>
|
|
21
|
+
<rect style="fill: var(--color-illustrationInterface010)" width="284.113" height="139.665" transform="translate(595.543 549.42)"></rect>
|
|
22
|
+
<path style="fill: var(--color-illustrationSubtle010)" d="M744.076 604.832V609.352H736.636V632.752H731.036V609.352H723.596V604.832H744.076ZM746.722 621.592C746.722 619.352 747.162 617.365 748.042 615.632C748.949 613.899 750.162 612.565 751.682 611.632C753.229 610.699 754.949 610.232 756.842 610.232C758.496 610.232 759.936 610.565 761.162 611.232C762.416 611.899 763.416 612.739 764.162 613.752V610.592H769.802V632.752H764.162V629.512C763.442 630.552 762.442 631.419 761.162 632.112C759.909 632.779 758.456 633.112 756.802 633.112C754.936 633.112 753.229 632.632 751.682 631.672C750.162 630.712 748.949 629.365 748.042 627.632C747.162 625.872 746.722 623.859 746.722 621.592ZM764.162 621.672C764.162 620.312 763.896 619.152 763.362 618.192C762.829 617.205 762.109 616.459 761.202 615.952C760.296 615.419 759.322 615.152 758.282 615.152C757.242 615.152 756.282 615.405 755.402 615.912C754.522 616.419 753.802 617.165 753.242 618.152C752.709 619.112 752.442 620.259 752.442 621.592C752.442 622.925 752.709 624.099 753.242 625.112C753.802 626.099 754.522 626.859 755.402 627.392C756.309 627.925 757.269 628.192 758.282 628.192C759.322 628.192 760.296 627.939 761.202 627.432C762.109 626.899 762.829 626.152 763.362 625.192C763.896 624.205 764.162 623.032 764.162 621.672ZM780.872 613.832C781.592 612.765 782.578 611.899 783.832 611.232C785.112 610.565 786.565 610.232 788.192 610.232C790.085 610.232 791.792 610.699 793.312 611.632C794.858 612.565 796.072 613.899 796.952 615.632C797.858 617.339 798.312 619.325 798.312 621.592C798.312 623.859 797.858 625.872 796.952 627.632C796.072 629.365 794.858 630.712 793.312 631.672C791.792 632.632 790.085 633.112 788.192 633.112C786.538 633.112 785.085 632.792 783.832 632.152C782.605 631.485 781.618 630.632 780.872 629.592V632.752H775.272V603.152H780.872V613.832ZM792.592 621.592C792.592 620.259 792.312 619.112 791.752 618.152C791.218 617.165 790.498 616.419 789.592 615.912C788.712 615.405 787.752 615.152 786.712 615.152C785.698 615.152 784.738 615.419 783.832 615.952C782.952 616.459 782.232 617.205 781.672 618.192C781.138 619.179 780.872 620.339 780.872 621.672C780.872 623.005 781.138 624.165 781.672 625.152C782.232 626.139 782.952 626.899 783.832 627.432C784.738 627.939 785.698 628.192 786.712 628.192C787.752 628.192 788.712 627.925 789.592 627.392C790.498 626.859 791.218 626.099 791.752 625.112C792.312 624.125 792.592 622.952 792.592 621.592ZM811.352 611.272C811.486 608.605 812.419 606.552 814.152 605.112C815.912 603.645 818.219 602.912 821.072 602.912C823.019 602.912 824.686 603.259 826.072 603.952C827.459 604.619 828.499 605.539 829.192 606.712C829.912 607.859 830.272 609.165 830.272 610.632C830.272 612.312 829.832 613.739 828.952 614.912C828.099 616.059 827.072 616.832 825.872 617.232V617.392C827.419 617.872 828.619 618.725 829.472 619.952C830.352 621.179 830.792 622.752 830.792 624.672C830.792 626.272 830.419 627.699 829.672 628.952C828.952 630.205 827.872 631.192 826.432 631.912C825.019 632.605 823.312 632.952 821.312 632.952C818.299 632.952 815.846 632.192 813.952 630.672C812.059 629.152 811.059 626.912 810.952 623.952H816.392C816.446 625.259 816.886 626.312 817.712 627.112C818.566 627.885 819.726 628.272 821.192 628.272C822.552 628.272 823.592 627.899 824.312 627.152C825.059 626.379 825.432 625.392 825.432 624.192C825.432 622.592 824.926 621.445 823.912 620.752C822.899 620.059 821.326 619.712 819.192 619.712H818.032V615.112H819.192C822.979 615.112 824.872 613.845 824.872 611.312C824.872 610.165 824.526 609.272 823.832 608.632C823.166 607.992 822.192 607.672 820.912 607.672C819.659 607.672 818.686 608.019 817.992 608.712C817.326 609.379 816.939 610.232 816.832 611.272H811.352Z"></path>
|
|
23
|
+
<rect style="fill: var(--color-transparent)" x="833.098" y="584.336" width="0.00290968" height="69.8323"></rect>
|
|
24
|
+
<g clip-path="url(#clip4)">
|
|
25
|
+
<rect style="fill: var(--color-illustrationInterface030)" width="139.665" height="5.81936" transform="translate(879.656 689.084) rotate(-90)"></rect>
|
|
26
|
+
<rect style="fill: var(--color-transparent)" x="879.656" y="689.084" width="140.11" height="5.81936" transform="rotate(-90 879.656 689.084)"></rect>
|
|
27
|
+
</g>
|
|
28
|
+
</g>
|
|
29
|
+
</g>
|
|
30
|
+
</g>
|
|
31
|
+
<path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M597.777 107.235V149.37H594.867V107.235H597.777Z"></path>
|
|
32
|
+
<path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M896.135 130.512H594.867V127.603H896.135V130.512Z"></path>
|
|
33
|
+
<path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M896.972 107.235V149.37H894.062V107.235H896.972Z"></path>
|
|
34
|
+
<defs>
|
|
35
|
+
|
|
36
|
+
<clipPath id="nk-290">
|
|
37
|
+
<rect style="fill: var(--color-white)" x="595.543" y="194.104" width="289.932" height="494.981" rx="8"></rect>
|
|
38
|
+
</clipPath>
|
|
39
|
+
<clipPath id="nk-291">
|
|
40
|
+
<rect style="fill: var(--color-white)" width="289.932" height="494.981" transform="translate(595.543 194.104)"></rect>
|
|
41
|
+
</clipPath>
|
|
42
|
+
<clipPath id="nk-292">
|
|
43
|
+
<rect style="fill: var(--color-white)" width="209.832" height="5.81936" transform="translate(879.656 403.936) rotate(-90)"></rect>
|
|
44
|
+
</clipPath>
|
|
45
|
+
<clipPath id="nk-293">
|
|
46
|
+
<rect style="fill: var(--color-white)" width="139.665" height="5.81936" transform="translate(879.656 546.51) rotate(-90)"></rect>
|
|
47
|
+
</clipPath>
|
|
48
|
+
<clipPath id="nk-294">
|
|
49
|
+
<rect style="fill: var(--color-white)" width="139.665" height="5.81936" transform="translate(879.656 689.084) rotate(-90)"></rect>
|
|
50
|
+
</clipPath>
|
|
51
|
+
</defs>
|
|
52
|
+
</svg>
|
package/site/public/static/illustrations/components/tabs/tabs-behaviours-selected-illustration.svg
ADDED
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
<svg id="nksvg" style="width: 100%; height: 100%" width="1491" height="839" viewBox="0 0 1491 839" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-0">
|
|
2
|
+
<path style="fill: var(--color-illustrationBackground010)" d="M0.015625 4.50196C0.015625 2.29282 1.80649 0.501953 4.01562 0.501953H1486.74C1488.94 0.501953 1490.74 2.29281 1490.74 4.50195V834.506C1490.74 836.715 1488.94 838.506 1486.74 838.506H4.01565C1.80651 838.506 0.015625 836.715 0.015625 834.506V4.50196Z"></path>
|
|
3
|
+
<g>
|
|
4
|
+
<g clip-path="url(#clip0)">
|
|
5
|
+
<rect style="fill: var(--color-illustrationInterface030)" x="304" y="289.04" width="885.499" height="244.335" rx="8"></rect>
|
|
6
|
+
<g clip-path="url(#clip1)">
|
|
7
|
+
<rect style="fill: var(--color-illustrationInterface010)" width="292.698" height="236.931" transform="translate(304 289.04)"></rect>
|
|
8
|
+
<path style="fill: var(--color-illustrationHighlight010)" d="M425.07 386.661V393.354H414.053V428.005H405.76V393.354H394.743V386.661H425.07ZM428.988 411.479C428.988 408.162 429.64 405.221 430.943 402.654C432.286 400.087 434.082 398.113 436.333 396.731C438.624 395.348 441.171 394.657 443.974 394.657C446.423 394.657 448.555 395.151 450.371 396.138C452.227 397.125 453.708 398.369 454.814 399.87V395.19H463.166V428.005H454.814V423.208C453.748 424.748 452.267 426.031 450.371 427.058C448.515 428.045 446.363 428.538 443.915 428.538C441.151 428.538 438.624 427.828 436.333 426.406C434.082 424.985 432.286 422.99 430.943 420.424C429.64 417.817 428.988 414.836 428.988 411.479ZM454.814 411.598C454.814 409.584 454.419 407.866 453.629 406.445C452.839 404.984 451.773 403.878 450.431 403.128C449.088 402.338 447.647 401.943 446.107 401.943C444.567 401.943 443.145 402.318 441.842 403.068C440.539 403.819 439.473 404.924 438.643 406.385C437.854 407.807 437.459 409.505 437.459 411.479C437.459 413.454 437.854 415.191 438.643 416.692C439.473 418.153 440.539 419.278 441.842 420.068C443.184 420.858 444.606 421.253 446.107 421.253C447.647 421.253 449.088 420.878 450.431 420.127C451.773 419.338 452.839 418.232 453.629 416.81C454.419 415.349 454.814 413.612 454.814 411.598ZM479.557 399.988C480.624 398.409 482.085 397.125 483.941 396.138C485.836 395.151 487.988 394.657 490.397 394.657C493.201 394.657 495.728 395.348 497.979 396.731C500.269 398.113 502.066 400.087 503.369 402.654C504.712 405.181 505.383 408.123 505.383 411.479C505.383 414.836 504.712 417.817 503.369 420.424C502.066 422.99 500.269 424.985 497.979 426.406C495.728 427.828 493.201 428.538 490.397 428.538C487.949 428.538 485.797 428.065 483.941 427.117C482.124 426.13 480.663 424.866 479.557 423.326V428.005H471.265V384.173H479.557V399.988ZM496.913 411.479C496.913 409.505 496.498 407.807 495.669 406.385C494.879 404.924 493.813 403.819 492.47 403.068C491.167 402.318 489.745 401.943 488.205 401.943C486.705 401.943 485.283 402.338 483.941 403.128C482.637 403.878 481.571 404.984 480.742 406.445C479.952 407.906 479.557 409.623 479.557 411.598C479.557 413.572 479.952 415.29 480.742 416.751C481.571 418.212 482.637 419.338 483.941 420.127C485.283 420.878 486.705 421.253 488.205 421.253C489.745 421.253 491.167 420.858 492.47 420.068C493.813 419.278 494.879 418.153 495.669 416.692C496.498 415.231 496.913 413.493 496.913 411.479Z"></path>
|
|
9
|
+
<g clip-path="url(#clip2)">
|
|
10
|
+
<rect style="fill: var(--color-illustrationHighlight010)" x="304" y="525.97" width="293.465" height="7.40409"></rect>
|
|
11
|
+
</g>
|
|
12
|
+
<rect style="fill: var(--color-illustrationBorder010)" width="3.70204" height="244.335" transform="translate(596.699 289.04)"></rect>
|
|
13
|
+
<rect style="fill: var(--color-illustrationInterface010)" width="292.698" height="236.931" transform="translate(600.402 289.04)"></rect>
|
|
14
|
+
<path style="fill: var(--color-illustrationSubtle010)" d="M721.473 386.661V393.354H710.455V428.005H702.163V393.354H691.145V386.661H721.473ZM725.391 411.479C725.391 408.162 726.042 405.221 727.345 402.654C728.688 400.087 730.485 398.113 732.736 396.731C735.026 395.348 737.573 394.657 740.377 394.657C742.825 394.657 744.957 395.151 746.774 396.138C748.63 397.125 750.111 398.369 751.216 399.87V395.19H759.568V428.005H751.216V423.208C750.15 424.748 748.669 426.031 746.774 427.058C744.918 428.045 742.766 428.538 740.317 428.538C737.553 428.538 735.026 427.828 732.736 426.406C730.485 424.985 728.688 422.99 727.345 420.424C726.042 417.817 725.391 414.836 725.391 411.479ZM751.216 411.598C751.216 409.584 750.821 407.866 750.032 406.445C749.242 404.984 748.176 403.878 746.833 403.128C745.49 402.338 744.049 401.943 742.509 401.943C740.969 401.943 739.547 402.318 738.244 403.068C736.941 403.819 735.875 404.924 735.046 406.385C734.256 407.807 733.861 409.505 733.861 411.479C733.861 413.454 734.256 415.191 735.046 416.692C735.875 418.153 736.941 419.278 738.244 420.068C739.587 420.858 741.008 421.253 742.509 421.253C744.049 421.253 745.49 420.878 746.833 420.127C748.176 419.338 749.242 418.232 750.032 416.81C750.821 415.349 751.216 413.612 751.216 411.598ZM775.96 399.988C777.026 398.409 778.487 397.125 780.343 396.138C782.238 395.151 784.39 394.657 786.799 394.657C789.603 394.657 792.13 395.348 794.381 396.731C796.671 398.113 798.468 400.087 799.771 402.654C801.114 405.181 801.785 408.123 801.785 411.479C801.785 414.836 801.114 417.817 799.771 420.424C798.468 422.99 796.671 424.985 794.381 426.406C792.13 427.828 789.603 428.538 786.799 428.538C784.351 428.538 782.199 428.065 780.343 427.117C778.526 426.13 777.065 424.866 775.96 423.326V428.005H767.667V384.173H775.96V399.988ZM793.315 411.479C793.315 409.505 792.9 407.807 792.071 406.385C791.281 404.924 790.215 403.819 788.872 403.068C787.569 402.318 786.148 401.943 784.608 401.943C783.107 401.943 781.686 402.338 780.343 403.128C779.04 403.878 777.974 404.984 777.144 406.445C776.355 407.906 775.96 409.623 775.96 411.598C775.96 413.572 776.355 415.29 777.144 416.751C777.974 418.212 779.04 419.338 780.343 420.127C781.686 420.878 783.107 421.253 784.608 421.253C786.148 421.253 787.569 420.858 788.872 420.068C790.215 419.278 791.281 418.153 792.071 416.692C792.9 415.231 793.315 413.493 793.315 411.479Z"></path>
|
|
15
|
+
<g clip-path="url(#clip3)">
|
|
16
|
+
<rect style="fill: var(--color-transparent)" x="600.402" y="525.97" width="293.465" height="7.40409"></rect>
|
|
17
|
+
</g>
|
|
18
|
+
<rect style="fill: var(--color-illustrationBorder010)" width="3.70204" height="244.335" transform="translate(893.098 289.04)"></rect>
|
|
19
|
+
<rect style="fill: var(--color-illustrationInterface010)" width="292.698" height="236.931" transform="translate(896.801 289.04)"></rect>
|
|
20
|
+
<path style="fill: var(--color-illustrationSubtle010)" d="M1017.87 386.661V393.354H1006.85V428.005H998.561V393.354H987.544V386.661H1017.87ZM1021.79 411.479C1021.79 408.162 1022.44 405.221 1023.74 402.654C1025.09 400.087 1026.88 398.113 1029.13 396.731C1031.42 395.348 1033.97 394.657 1036.78 394.657C1039.22 394.657 1041.36 395.151 1043.17 396.138C1045.03 397.125 1046.51 398.369 1047.61 399.87V395.19H1055.97V428.005H1047.61V423.208C1046.55 424.748 1045.07 426.031 1043.17 427.058C1041.32 428.045 1039.16 428.538 1036.72 428.538C1033.95 428.538 1031.42 427.828 1029.13 426.406C1026.88 424.985 1025.09 422.99 1023.74 420.424C1022.44 417.817 1021.79 414.836 1021.79 411.479ZM1047.61 411.598C1047.61 409.584 1047.22 407.866 1046.43 406.445C1045.64 404.984 1044.57 403.878 1043.23 403.128C1041.89 402.338 1040.45 401.943 1038.91 401.943C1037.37 401.943 1035.95 402.318 1034.64 403.068C1033.34 403.819 1032.27 404.924 1031.44 406.385C1030.65 407.807 1030.26 409.505 1030.26 411.479C1030.26 413.454 1030.65 415.191 1031.44 416.692C1032.27 418.153 1033.34 419.278 1034.64 420.068C1035.99 420.858 1037.41 421.253 1038.91 421.253C1040.45 421.253 1041.89 420.878 1043.23 420.127C1044.57 419.338 1045.64 418.232 1046.43 416.81C1047.22 415.349 1047.61 413.612 1047.61 411.598ZM1072.36 399.988C1073.42 398.409 1074.89 397.125 1076.74 396.138C1078.64 395.151 1080.79 394.657 1083.2 394.657C1086 394.657 1088.53 395.348 1090.78 396.731C1093.07 398.113 1094.87 400.087 1096.17 402.654C1097.51 405.181 1098.18 408.123 1098.18 411.479C1098.18 414.836 1097.51 417.817 1096.17 420.424C1094.87 422.99 1093.07 424.985 1090.78 426.406C1088.53 427.828 1086 428.538 1083.2 428.538C1080.75 428.538 1078.6 428.065 1076.74 427.117C1074.92 426.13 1073.46 424.866 1072.36 423.326V428.005H1064.07V384.173H1072.36V399.988ZM1089.71 411.479C1089.71 409.505 1089.3 407.807 1088.47 406.385C1087.68 404.924 1086.61 403.819 1085.27 403.068C1083.97 402.318 1082.55 401.943 1081.01 401.943C1079.51 401.943 1078.08 402.338 1076.74 403.128C1075.44 403.878 1074.37 404.984 1073.54 406.445C1072.75 407.906 1072.36 409.623 1072.36 411.598C1072.36 413.572 1072.75 415.29 1073.54 416.751C1074.37 418.212 1075.44 419.338 1076.74 420.127C1078.08 420.878 1079.51 421.253 1081.01 421.253C1082.55 421.253 1083.97 420.858 1085.27 420.068C1086.61 419.278 1087.68 418.153 1088.47 416.692C1089.3 415.231 1089.71 413.493 1089.71 411.479Z"></path>
|
|
21
|
+
<g clip-path="url(#clip4)">
|
|
22
|
+
<rect style="fill: var(--color-transparent)" x="896.801" y="525.97" width="293.465" height="7.40409"></rect>
|
|
23
|
+
</g>
|
|
24
|
+
</g>
|
|
25
|
+
</g>
|
|
26
|
+
</g>
|
|
27
|
+
<g>
|
|
28
|
+
<path style="fill: var(--color-white)" fill-rule="evenodd" clip-rule="evenodd" d="M534.308 533.143L531.419 528.728C529.446 525.714 525.244 524.614 522.029 526.267L522.778 525.882C521.98 526.292 521.598 527.314 521.926 528.164L525.926 538.512C526.56 540.153 528.179 542.473 529.521 543.638C529.521 543.638 537.567 550.298 537.567 552.795V555.956H550.603H554.168H557.121H560.38V552.795C560.38 550.298 565.297 542.433 565.297 542.433C566.203 540.905 566.957 538.212 566.957 536.424V523.274C566.898 520.363 564.423 518.004 561.37 518.004C559.842 518.004 558.605 519.184 558.605 520.64V521.693C558.605 518.782 556.13 516.423 553.077 516.423C551.549 516.423 550.312 517.602 550.312 519.059V520.112C550.312 517.201 547.837 514.841 544.784 514.841C543.256 514.841 542.019 516.021 542.019 517.477V518.53C542.019 518.063 541.969 517.691 541.872 517.396L541.029 503.817C540.915 501.98 539.367 500.554 537.567 500.554C535.755 500.554 534.308 502.013 534.308 503.812V516.848V533.143Z"></path>
|
|
29
|
+
<path style="fill: var(--color-black)" fill-rule="evenodd" clip-rule="evenodd" d="M522.802 525.928C525.389 524.981 528.415 525.637 530.398 527.51C530.781 527.872 531.125 528.279 531.419 528.729L534.308 533.143V503.812C534.308 502.013 535.755 500.554 537.567 500.554C539.367 500.554 540.915 501.98 541.029 503.817L541.872 517.396C541.881 517.423 541.889 517.45 541.897 517.477C541.978 517.758 542.019 518.105 542.019 518.531V517.477C542.019 517.447 542.019 517.417 542.021 517.387C542.021 517.374 542.022 517.36 542.022 517.347C542.094 515.951 543.302 514.841 544.784 514.841C545.074 514.841 545.358 514.863 545.636 514.904C546.29 515 546.907 515.206 547.465 515.501C548.854 516.237 549.876 517.527 550.202 519.059C550.274 519.399 550.312 519.751 550.312 520.112V519.059C550.312 517.602 551.549 516.423 553.077 516.423C553.2 516.423 553.321 516.426 553.442 516.434C554.278 516.486 555.064 516.715 555.758 517.083C557.147 517.818 558.169 519.109 558.495 520.64C558.567 520.98 558.605 521.333 558.605 521.693V520.64C558.605 519.184 559.842 518.004 561.37 518.004C561.493 518.004 561.614 518.008 561.735 518.015C564.618 518.195 566.9 520.48 566.957 523.275V536.424C566.957 538.212 566.202 540.905 565.297 542.434C565.297 542.434 560.38 550.298 560.38 552.795V555.956H537.567V552.795C537.567 550.298 529.521 543.638 529.521 543.638C528.179 542.473 526.56 540.153 525.926 538.512L521.926 528.164C521.707 527.597 521.805 526.953 522.131 526.465C522.242 526.299 522.38 526.151 522.542 526.03C522.628 525.994 522.715 525.96 522.802 525.928ZM522.029 526.267C522.197 526.18 522.368 526.101 522.542 526.03C522.616 525.974 522.695 525.925 522.778 525.882L522.029 526.267ZM520.27 522.845C518.176 524.356 517.345 527.159 518.279 529.574L522.278 539.922C523.14 542.151 525.128 545.003 526.957 546.591L526.992 546.621L527.027 546.65L527.028 546.651L527.042 546.663L527.1 546.711C527.152 546.755 527.232 546.822 527.334 546.909C527.54 547.084 527.837 547.339 528.196 547.655C528.917 548.288 529.865 549.148 530.803 550.069C531.758 551.008 532.62 551.932 533.216 552.703C533.422 552.968 533.564 553.175 533.657 553.325V559.867H564.291V552.862C564.291 552.878 564.292 552.887 564.294 552.887C564.307 552.889 564.379 552.521 564.749 551.648C565.142 550.721 565.692 549.625 566.28 548.535C566.862 547.457 567.448 546.445 567.892 545.698C568.112 545.326 568.296 545.024 568.423 544.816C568.486 544.713 568.535 544.633 568.568 544.58L568.604 544.522L568.613 544.507L568.638 544.467L568.662 544.426C569.345 543.273 569.875 541.869 570.235 540.571C570.594 539.276 570.868 537.787 570.868 536.424V523.235L570.867 523.195C570.762 518.03 566.424 514.093 561.37 514.093C560.542 514.093 559.733 514.247 558.98 514.531C557.339 513.257 555.268 512.512 553.077 512.512C552.249 512.512 551.44 512.665 550.687 512.95C549.198 511.794 547.355 511.073 545.39 510.95L544.932 503.574C544.689 499.662 541.419 496.643 537.567 496.643C533.586 496.643 530.398 499.862 530.398 503.812V522.796C527.518 521.362 524.054 521.158 521.005 522.433M533.789 553.568C533.788 553.567 533.781 553.553 533.771 553.526C533.785 553.555 533.79 553.568 533.789 553.568ZM520.27 522.845L520.241 522.789L520.99 522.404"></path>
|
|
30
|
+
</g>
|
|
31
|
+
<defs>
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
<clipPath id="nk-296">
|
|
35
|
+
<rect style="fill: var(--color-white)" x="304" y="289.04" width="885.499" height="244.335" rx="8"></rect>
|
|
36
|
+
</clipPath>
|
|
37
|
+
<clipPath id="nk-297">
|
|
38
|
+
<rect style="fill: var(--color-white)" width="885.499" height="244.335" transform="translate(304 289.04)"></rect>
|
|
39
|
+
</clipPath>
|
|
40
|
+
<clipPath id="nk-298">
|
|
41
|
+
<rect style="fill: var(--color-white)" width="292.698" height="7.40409" transform="translate(304 525.97)"></rect>
|
|
42
|
+
</clipPath>
|
|
43
|
+
<clipPath id="nk-299">
|
|
44
|
+
<rect style="fill: var(--color-white)" width="292.698" height="7.40409" transform="translate(600.402 525.97)"></rect>
|
|
45
|
+
</clipPath>
|
|
46
|
+
<clipPath id="nk-300">
|
|
47
|
+
<rect style="fill: var(--color-white)" width="292.698" height="7.40409" transform="translate(896.801 525.97)"></rect>
|
|
48
|
+
</clipPath>
|
|
49
|
+
</defs>
|
|
50
|
+
</svg>
|