brand
React components and Primitives for GitHub marketing websites
File Explorer
Download Latest Version (.zip)- add-inline-code.md
- brand-functional-token-maps-export.md
- calm-component-text-sizes.md
- config.json
- connect-gridlines-to-page-edges.md
- fix-esm-functional-size-tokens.md
- funny-snakes-march.md
- react-brand-functional-token-maps-export.md
- README.md
- remove-card-skew-effect.md
- route-agents-to-primer-brand.md
- devcontainer.json
- BUG-REPORT.yml
- bundle_size.yml
- check_for_changeset.yml
- ci.yml
- codeql.yml
- deploy_docs.yml
- deploy_docs_preview.yml
- deploy_docs_preview_forks.yml
- figma_connect_publish.yml
- integration_test_astro.yml
- integration_test_nextjs.yml
- integration_test_remix.yml
- release.yml
- release_candidate_checklist.yml
- ui_test_accessibility.yml
- ui_test_diff_comment.yml
- ui_test_primitives_diff.yml
- update_visual_snapshots.yml
- visual_test_storybook.yml
- copilot-instructions.md
- pull_request_template.md
- release_template.md
- security.md
- settings.json
- page.tsx
- route.ts
- android-chrome-192x192.png
- android-chrome-512x512.png
- apple-touch-icon.png
- favicon-16x16.png
- favicon-32x32.png
- favicon.ico
- layout.tsx
- index.mdx
- react.tsx
- index.mdx
- react.tsx
- index.mdx
- react.mdx
- react.tsx
- index.mdx
- react.tsx
- anatomy.png
- do-overflow.png
- dont-overflow.png
- variants.png
- index.mdx
- react.mdx
- react.tsx
- anatomy.png
- do-align.png
- do-bg.png
- do-leading-visual-color.png
- do-leading-visual.png
- do-length.png
- do-position.png
- do-use-sparingly.png
- dont-align.png
- dont-alignment.png
- dont-bg.png
- dont-leading-visual-color.png
- dont-leading-visual.png
- dont-length.png
- dont-position.png
- dont-stack.png
- index.mdx
- react.mdx
- react.tsx
- button_header.png
- index.mdx
- react.mdx
- react.tsx
- index.mdx
- react.mdx
- react.tsx
- cardstackedmaxdo.png
- cardstackedmaxdont.png
- index.mdx
- react.mdx
- react.tsx
- index.mdx
- react.tsx
- index.mdx
- react.mdx
- react.tsx
- index.mdx
- react.mdx
- index.mdx
- react.tsx
- index.mdx
- react.mdx
- react.tsx
- anatomy.png
- do-position.png
- do-use-disclaimer.png
- do-use-return-urls.png
- dont-use-disclaimer.png
- dont-use-return-urls.png
- index.mdx
- react.mdx
- react.tsx
- index.mdx
- react.mdx
- react.tsx
- index.mdx
- react.tsx
- index.mdx
- react.tsx
- index.mdx
- react.mdx
- react.tsx
- index.mdx
- index.mdx
- react.mdx
- react.tsx
- index.mdx
- react.mdx
- react.tsx
- index.mdx
- index.mdx
- react.tsx
- index.mdx
- index.mdx
- react.tsx
- index.mdx
- react.mdx
- index.mdx
- do-stack-images.png
- dont-stack-images.png
- index.mdx
- react.mdx
- react.tsx
- index.mdx
- react.tsx
- index.mdx
- do-link.png
- do-visuals-size.png
- dont-link.png
- dont-visuals-size.png
- index.mdx
- react.mdx
- react.tsx
- index.mdx
- react.tsx
- index.mdx
- anatomy.png
- index.mdx
- react.mdx
- react.tsx
- index.mdx
- react.mdx
- index.mdx
- index.mdx
- react.tsx
- index.mdx
- react.tsx
- index.mdx
- react.tsx
- index.mdx
- index.mdx
- react.mdx
- react.tsx
- index.mdx
- react.tsx
- index.mdx
- index.mdx
- react.tsx
- index.mdx
- react.tsx
- index.mdx
- react.mdx
- index.mdx
- index.mdx
- index.mdx
- react.mdx
- react.tsx
- anatomy.png
- index.mdx
- react.mdx
- react.tsx
- index.mdx
- react.tsx
- index.mdx
- react.mdx
- react.tsx
- anatomy.png
- index.mdx
- react.mdx
- react.tsx
- index.mdx
- react.tsx
- index.mdx
- react.tsx
- index.mdx
- react.tsx
- index.mdx
- esm.mdx
- index.mdx
- animation.mdx
- index.mdx
- mcp.mdx
- theming.mdx
- index.mdx
- react.mdx
- react.tsx
- index.mdx
- react.mdx
- react.tsx
- index.mdx
- react.mdx
- react.tsx
- index.mdx
- color.mdx
- color.tsx
- index.mdx
- index.mdx
- react.mdx
- react.tsx
- index.mdx
- react.mdx
- react.tsx
- index.mdx
- index.mdx
- index.module.css
- index.tsx
- action-menu-thumbnail-dark.png
- action-menu-thumbnail.png
- anchor-nav-thumbnail-dark.png
- anchor-nav-thumbnail.png
- avatar-thumbnail-dark.png
- avatar-thumbnail.png
- bento-thumbnail-dark.png
- bento-thumbnail.png
- breadcrumbs-thumbnail-dark.png
- breadcrumbs-thumbnail.png
- breakout-banner-thumbnail-dark.png
- breakout-banner-thumbnail.png
- button-group-thumbnail-dark.png
- button-group-thumbnail.png
- button-thumbnail-dark.png
- button-thumbnail.png
- card-thumbnail-dark.png
- card-thumbnail.png
- comparison-table-thumbnail-dark.png
- comparison-table-thumbnail.png
- cta-banner-thumbnail-dark.png
- cta-banner-thumbnail.png
- cta-form-thumbnail-dark.png
- cta-form-thumbnail.png
- eyebrow-banner-thumbnail-dark.png
- eyebrow-banner-thumbnail.png
- faq-thumbnail-dark.png
- faq-thumbnail.png
- footnotes-thumbnail-dark.png
- footnotes-thumbnail.png
- hero-thumbnail-dark.png
- hero-thumbnail.png
- icon-thumbnail-dark.png
- icon-thumbnail.png
- ide-thumbnail-dark.png
- ide-thumbnail.png
- image-thumbnail-dark.png
- image-thumbnail.png
- label-thumbnail-dark.png
- label-thumbnail.png
- logo-suite-thumbnail-dark.png
- logo-suite-thumbnail.png
- minimal-footer-thumbnail-dark.png
- minimal-footer-thumbnail.png
- minimal-video-player-thumbnail-dark.png
- minimal-video-player-thumbnail.png
- ordered-list-thumbnail-dark.png
- ordered-list-thumbnail.png
- pagination-thumbnail-dark.png
- pagination-thumbnail.png
- pillar-thumbnail-dark.png
- pillar-thumbnail.png
- pricing-options-thumbnail-dark.png
- pricing-options-thumbnail.png
- prose-thumbnail-dark.png
- prose-thumbnail.png
- river-accordion-thumbnail-dark.png
- river-accordion-thumbnail.png
- river-thumbnail-dark.png
- river-thumbnail.png
- section-intro-stacked-thumbnail-dark.png
- section-intro-stacked-thumbnail.png
- section-intro-thumbnail-dark.png
- section-intro-thumbnail.png
- section-thumbnail-dark.png
- section-thumbnail.png
- statistic-thumbnail-dark.png
- statistic-thumbnail.png
- sub-nav-thumbnail-dark.png
- sub-nav-thumbnail.png
- subdomain-nav-bar-thumbnail-dark.png
- subdomain-nav-bar-thumbnail.png
- tabs-thumbnail-dark.png
- tabs-thumbnail.png
- testimonial-thumbnail-dark.png
- testimonial-thumbnail.png
- timeline-thumbnail-dark.png
- timeline-thumbnail.png
- tooltip-thumbnail-dark.png
- tooltip-thumbnail.png
- unordered-list-thumbnail-dark.png
- unordered-list-thumbnail.png
- video-player-thumbnail-dark.png
- video-player-thumbnail.png
- avatar-mona.png
- example-poster.png
- placeholder-1.png
- placeholder-2.png
- placeholder-3.png
- placeholder.png
- example-poster.png
- example.mp4
- example.mp4
- example.vtt
- og-image.png
- build
- ColorScales.js
- ColorScales.module.css
- ColorThemeContext.js
- ColorThemePicker.js
- Pre.tsx
- mona-home.png
- placeholder.png
- global.css
- .env
- .gitignore
- .prettierignore
- CHANGELOG.md
- eslint.config.mjs
- mdx-components.js
- next-env.d.ts
- next.config.ts
- package.json
- tsconfig.json
- types.d.ts
- i18n.js
- main.js
- manager.js
- preview.jsx
- preview.module.css
- build-storybook
- validate-translation-keys.ts
- mona-recipes.png
- constants.ts
- theme.js
- Accordion.json
- ActionMenu.json
- Card.json
- FlexSuiteDetails.json
- FlexSuiteOverview.json
- FlexSuiteSecurityCategory.json
- InlineCode.json
- NavList.json
- Prose.json
- RiverBreakoutTabs.json
- SectionIntroStacked.json
- Accordion.json
- ActionMenu.json
- Card.json
- FlexSuiteDetails.json
- FlexSuiteOverview.json
- FlexSuiteSecurityCategory.json
- InlineCode.json
- NavList.json
- Prose.json
- RiverBreakoutTabs.json
- SectionIntroStacked.json
- Accordion.json
- ActionMenu.json
- Card.json
- FlexSuiteDetails.json
- FlexSuiteOverview.json
- FlexSuiteSecurityCategory.json
- InlineCode.json
- NavList.json
- Prose.json
- RiverBreakoutTabs.json
- SectionIntroStacked.json
- Accordion.json
- ActionMenu.json
- Card.json
- FlexSuiteDetails.json
- FlexSuiteOverview.json
- FlexSuiteSecurityCategory.json
- InlineCode.json
- NavList.json
- Prose.json
- RiverBreakoutTabs.json
- SectionIntroStacked.json
- Accordion.json
- ActionMenu.json
- Card.json
- FlexSuiteDetails.json
- FlexSuiteOverview.json
- FlexSuiteSecurityCategory.json
- InlineCode.json
- NavList.json
- Prose.json
- RiverBreakoutTabs.json
- SectionIntroStacked.json
- Accordion.json
- ActionMenu.json
- Card.json
- FlexSuiteDetails.json
- FlexSuiteOverview.json
- FlexSuiteSecurityCategory.json
- InlineCode.json
- NavList.json
- Prose.json
- RiverBreakoutTabs.json
- SectionIntroStacked.json
- 1.mp4
- 2.mp4
- 3.mp4
- 4.mp4
- 5.mp4
- avatar-mona.png
- example-poster.png
- example.mp4
- example.vtt
- .gitignore
- .prettierignore
- babel.config.json
- CHANGELOG.md
- eslint.config.mjs
- package.json
- tsconfig.json
- adr-002-conversion-to-monorepo.md
- adr-template.md
- build.ts
- .gitignore
- CHANGELOG.md
- package.json
- README.md
- tsconfig.json
- build-tokens.js
- ci-check-diff.ts
- style-dictionary.js
- isColorValue.js
- isColorValue.test.js
- isSizeValue.js
- isSizeValue.test.js
- color-mode-attributes.js
- color-mode-attributes.test.js
- json-one-dimensional.js
- json-one-dimensional.test.js
- responsive-media-query.js
- typescript-module-declarations-v2.js
- dark.json
- light.json
- size.json
- typography.json
- base.json
- global.json
- colors.js
- colors.js
- colors.js
- base.json
- colors.js
- colors.js
- colors.js
- base.json
- colors.json
- colors.js
- comparison-table.json
- colors.js
- colors.js
- colors.js
- eyebrow-banner.json
- base.json
- colors.json
- faq.json
- colors.json
- base.json
- colors.js
- colors.json
- grid.json
- base.json
- colors.json
- base.json
- colors.js
- base.json
- colors.json
- base.json
- colors.json
- colors.json
- colors.json
- base.json
- colors.json
- colors.json
- colors.js
- colors.json
- pricing-options.json
- base.json
- colors.js
- base.json
- river.json
- colors.js
- section.json
- base.json
- base.json
- colors.js
- colors.js
- base.json
- colors.json
- base.json
- colors.json
- colors.json
- colors.js
- base.json
- colors.json
- colors.json
- colors.json
- base.json
- colors.js
- border.json
- breakpoints.json
- size-coarse.json
- size-fine.json
- size.json
- viewport.json
- typography-responsive.json
- colorToModeObject.js
- namePathToKebabCasePrefix.js
- .gitignore
- .prettierignore
- CHANGELOG.md
- eslint.config.mjs
- package.json
- tsconfig.json
- astro.config.mjs
- index.astro
- index.esm.ts
- index.umd.ts
- KitchenSink.tsx
- page.tsx
- check-size-tokens.cy.ts
- page.tsx
- _index.tsx
- root.tsx
- vite.config.ts
- check-warnings.cy.ts
- axe-clean.spec.ts
- playwright.generate-tests.ts
- run-visual-tests
- update-visual-snapshots
- .gitignore
- .prettierignore
- CHANGELOG.md
- cypress.config.js
- eslint.config.mjs
- package.json
- playwright.config.js
- tsconfig.json
- CHANGELOG.md
- fonts.css
- Hubot-Sans.woff2
- MonaSansMonoVF-wght.woff2
- MonaSansVF-wdth-wght-opsz.woff2
- package.json
- page-design.md
- generate-catalog.mjs
- smoke.mjs
- detect-asset-generator.test.ts
- detect-asset-generator.ts
- detect-framework.test.ts
- detect-framework.ts
- docs-source.ts
- resolve-assets.test.ts
- resolve-assets.ts
- resolve-brand-project.test.ts
- resolve-brand-project.ts
- resolve-install.ts
- update-agents-md.test.ts
- update-agents-md.ts
- load.ts
- types.ts
- rules.test.ts
- rules.ts
- types.ts
- catalog.ts
- index.ts
- primer-brand-asset.test.ts
- primer-brand-asset.ts
- index.ts
- primer-brand-component.test.ts
- primer-brand-component.ts
- index.ts
- primer-brand-docs.ts
- index.ts
- primer-brand-examples.test.ts
- primer-brand-examples.ts
- index.ts
- primer-brand-page-design.test.ts
- primer-brand-page-design.ts
- index.ts
- primer-brand-review.test.ts
- primer-brand-review.ts
- index.ts
- primer-brand-setup.test.ts
- primer-brand-setup.ts
- index.ts
- primer-brand-tokens.test.ts
- primer-brand-tokens.ts
- format.ts
- register.ts
- types.ts
- text.ts
- index.ts
- logger.ts
- server.ts
- .gitignore
- .prettierignore
- CHANGELOG.md
- eslint.config.mjs
- jest.config.mjs
- package.json
- README.md
- tsconfig.eslint.json
- tsconfig.json
- bundle-docs.mjs
- postbuild
- verify-docs-bundle.mjs
- Visual-Comparison-Accordion-Accordion-Always-Exactly-One-Panel-Open-1-darwin.png
- Visual-Comparison-Accordion-Accordion-Composition-1-darwin.png
- Visual-Comparison-Accordion-Accordion-Default-1-darwin.png
- Visual-Comparison-Accordion-Accordion-Disable-animation-1-darwin.png
- Visual-Comparison-Accordion-Accordion-Exclusive-Using-Name-Attribute-1-darwin.png
- Visual-Comparison-Accordion-Accordion-Exclusive-Without-Using-Name-Attribute-1-darwin.png
- Visual-Comparison-Accordion-Accordion-Toggle-Colors-1-darwin.png
- Visual-Comparison-Accordion-Accordion-Variant-Emphasis-1-darwin.png
- Visual-Comparison-Accordion-Accordion-Variant-Emphasis-with-nested-accordions-1-darwin.png
- Accordion.features.stories.tsx
- Accordion.module.css
- Accordion.module.css.d.ts
- Accordion.stories.tsx
- Accordion.test.tsx
- Accordion.tsx
- Accordion.visual.spec.ts
- index.ts
- Visual-Comparison-ActionMenu-ActionMenu-Anchored-Positioning-Overrides-1-darwin.png
- Visual-Comparison-ActionMenu-ActionMenu-Default-1-darwin.png
- Visual-Comparison-ActionMenu-ActionMenu-Default-Mode-All-Variants-1-darwin.png
- Visual-Comparison-ActionMenu-ActionMenu-Default-Mode-Leading-Visual-1-darwin.png
- Visual-Comparison-ActionMenu-ActionMenu-Disabled-Menu-1-darwin.png
- Visual-Comparison-ActionMenu-ActionMenu-In-Stack-1-darwin.png
- Visual-Comparison-ActionMenu-ActionMenu-Longer-Button-Text-1-darwin.png
- Visual-Comparison-ActionMenu-ActionMenu-Longer-Lists-1-darwin.png
- Visual-Comparison-ActionMenu-ActionMenu-Single-Selection-1-darwin.png
- Visual-Comparison-ActionMenu-ActionMenu-Sizes-1-darwin.png
- Visual-Comparison-ActionMenu-ActionMenu-Split-Button-Mode-1-darwin.png
- Visual-Comparison-ActionMenu-ActionMenu-Split-Button-Mode-All-Variants-1-darwin.png
- Visual-Comparison-ActionMenu-ActionMenu-Split-Button-Mode-Disabled-1-darwin.png
- Visual-Comparison-ActionMenu-ActionMenu-Split-Button-Mode-In-Hero-1-darwin.png
- ActionMenu.features.stories.tsx
- ActionMenu.module.css
- ActionMenu.module.css.d.ts
- ActionMenu.stories.module.css
- ActionMenu.stories.module.css.d.ts
- ActionMenu.stories.tsx
- ActionMenu.test.tsx
- ActionMenu.tsx
- ActionMenu.visual.spec.ts
- index.ts
- Visual-Comparison-AnchorNav-AnchorNav-Custom-Background-1-darwin.png
- Visual-Comparison-AnchorNav-AnchorNav-Default-1-darwin.png
- Visual-Comparison-AnchorNav-AnchorNav-Fewer-anchor-links-1-darwin.png
- Visual-Comparison-AnchorNav-AnchorNav-Hide-until-sticky-1-darwin.png
- Visual-Comparison-AnchorNav-AnchorNav-Longer-labels-1-darwin.png
- Visual-Comparison-AnchorNav-AnchorNav-Playground-1-darwin.png
- Visual-Comparison-AnchorNav-AnchorNav-Shorter-labels-1-darwin.png
- Visual-Comparison-AnchorNav-AnchorNav-With-larger-CTAs-1-darwin.png
- Visual-Comparison-AnchorNav-AnchorNav-With-optional-primary-CTA-1-darwin.png
- Visual-Comparison-AnchorNav-Mobile-viewport-t-59933--AnchorNav-Narrow-view-menu-open-mobile-1-darwin.png
- Visual-Comparison-AnchorNav-Mobile-viewport-t-b1790-AnchorNav-Narrow-view-menu-closed-mobile-1-darwin.png
- Visual-Comparison-AnchorNav-Tablet-viewport-t-60453-nchorNav-Regular-view-menu-closed-tablet-1-darwin.png
- Visual-Comparison-AnchorNav-Tablet-viewport-t-c7556--AnchorNav-Regular-view-menu-open-tablet-1-darwin.png
- AnchorNav.features.stories.tsx
- AnchorNav.module.css
- AnchorNav.module.css.d.ts
- AnchorNav.stories.tsx
- AnchorNav.test.tsx
- AnchorNav.tsx
- AnchorNav.visual.spec.ts
- index.ts
- useExpandedMenu.ts
- Animate.test.tsx
- Animate.tsx
- index.ts
- Visual-Comparison-animation-animation-Animation-On-Press-1-darwin.png
- AnimationProvider.tsx
- index.ts
- Visual-Comparison-TextRevealAnimation-TextRevealAnimation-Animation-On-Scroll-1-darwin.png
- Visual-Comparison-TextRevealAnimation-TextRevealAnimation-Playground-1-darwin.png
- Visual-Comparison-TextRevealAnimation-TextRevealAnimation-With-Hero-1-darwin.png
- Visual-Comparison-TextRevealAnimation-TextRevealAnimation-With-Large-Testimonial-1-darwin.png
- index.ts
- TextRevealAnimation.examples.stories.tsx
- TextRevealAnimation.features.stories.tsx
- TextRevealAnimation.module.css
- TextRevealAnimation.module.css.d.ts
- TextRevealAnimation.stories.tsx
- TextRevealAnimation.tsx
- TextRevealAnimation.visual.spec.ts
- useTextRevealAnimationLines.ts
- Animation.features.stories.tsx
- Animation.module.css
- Animation.module.css.d.ts
- Animation.stories.module.css
- Animation.stories.module.css.d.ts
- Animation.stories.tsx
- animation.visual.spec.ts
- index.ts
- useAnimation.test.ts
- useAnimation.ts
- Visual-Comparison-Avatar-Avatar-Default-1-darwin.png
- Visual-Comparison-Avatar-Avatar-Playground-1-darwin.png
- Visual-Comparison-Avatar-Avatar-Responsive-Sizes-1-darwin.png
- Visual-Comparison-Avatar-Avatar-Shapes-1-darwin.png
- Visual-Comparison-Avatar-Avatar-Sizes-1-darwin.png
- Avatar.features.stories.tsx
- Avatar.module.css
- Avatar.module.css.d.ts
- Avatar.stories.tsx
- Avatar.test.tsx
- Avatar.tsx
- Avatar.visual.spec.ts
- index.ts
- Visual-Comparison-Bento-Bento-Content-Padding-Condensed-1-darwin.png
- Visual-Comparison-Bento-Bento-Content-Padding-Normal-1-darwin.png
- Visual-Comparison-Bento-Bento-Content-Padding-Spacious-1-darwin.png
- Visual-Comparison-Bento-Bento-Dark-Mode-Item-1-darwin.png
- Visual-Comparison-Bento-Bento-Default-1-darwin.png
- Visual-Comparison-Bento-Bento-Flow-Column-1-darwin.png
- Visual-Comparison-Bento-Bento-Flow-Column-Visual-First-1-darwin.png
- Visual-Comparison-Bento-Bento-Flow-Row-Visual-First-1-darwin.png
- Visual-Comparison-Bento-Bento-Heading-With-Emphasized-Text-1-darwin.png
- Visual-Comparison-Bento-Bento-Horizontal-Align-Center-1-darwin.png
- Visual-Comparison-Bento-Bento-Horizontal-Align-Start-1-darwin.png
- Visual-Comparison-Bento-Bento-Image-Gallery-1-darwin.png
- Visual-Comparison-Bento-Bento-Layout-Example-1-1-darwin.png
- Visual-Comparison-Bento-Bento-Layout-Example-2-1-darwin.png
- Visual-Comparison-Bento-Bento-Mixed-1-darwin.png
- Visual-Comparison-Bento-Bento-Mixed-2-1-darwin.png
- Visual-Comparison-Bento-Bento-Mixed-3-1-darwin.png
- Visual-Comparison-Bento-Bento-No-Content-1-darwin.png
- Visual-Comparison-Bento-Bento-No-Visual-1-darwin.png
- Visual-Comparison-Bento-Bento-Order-Reversed-1-darwin.png
- Visual-Comparison-Bento-Bento-Responsive-Flow-1-darwin.png
- Visual-Comparison-Bento-Bento-Responsive-Horizontal-Align-1-darwin.png
- Visual-Comparison-Bento-Bento-Responsive-Vertical-Align-1-darwin.png
- Visual-Comparison-Bento-Bento-Vertical-Align-Center-1-darwin.png
- Visual-Comparison-Bento-Bento-Vertical-Align-End-1-darwin.png
- Visual-Comparison-Bento-Bento-Vertical-Align-Start-1-darwin.png
- Visual-Comparison-Bento-Bento-Visual-As-Background-1-darwin.png
- Visual-Comparison-Bento-Bento-Visual-Padding-Condensed-1-darwin.png
- Visual-Comparison-Bento-Bento-Visual-Padding-Normal-1-darwin.png
- Visual-Comparison-Bento-Bento-Visual-Padding-Spacious-1-darwin.png
- Visual-Comparison-Bento-Bento-Visual-Position-Bottom-1-darwin.png
- Visual-Comparison-Bento-Bento-With-Label-1-darwin.png
- Bento.features.stories.module.css
- Bento.features.stories.module.css.d.ts
- Bento.features.stories.tsx
- Bento.module.css
- Bento.module.css.d.ts
- Bento.stories.tsx
- Bento.test.tsx
- Bento.tsx
- Bento.visual.spec.ts
- BentoItem.features.stories.tsx
- index.ts
- Visual-Comparison-Box-Box-Animation-1-darwin.png
- Visual-Comparison-Box-Box-Background-Colors-1-darwin.png
- Visual-Comparison-Box-Box-Border-Color-1-darwin.png
- Visual-Comparison-Box-Box-Border-Radius-1-darwin.png
- Visual-Comparison-Box-Box-Border-Width-1-darwin.png
- Visual-Comparison-Box-Box-Default-1-darwin.png
- Visual-Comparison-Box-Box-Directional-Border-Width-1-darwin.png
- Visual-Comparison-Box-Box-Directional-Margin-Block-end-bottom-1-darwin.png
- Visual-Comparison-Box-Box-Directional-Margin-Block-start-top-1-darwin.png
- Visual-Comparison-Box-Box-Directional-Margin-Inline-end-right-1-darwin.png
- Visual-Comparison-Box-Box-Directional-Margin-Inline-start-left-1-darwin.png
- Visual-Comparison-Box-Box-Directional-Padding-Block-end-bottom-1-darwin.png
- Visual-Comparison-Box-Box-Directional-Padding-Block-start-top-1-darwin.png
- Visual-Comparison-Box-Box-Directional-Padding-Inline-end-right-1-darwin.png
- Visual-Comparison-Box-Box-Directional-Padding-Inline-start-left-1-darwin.png
- Visual-Comparison-Box-Box-Margin-1-darwin.png
- Visual-Comparison-Box-Box-Padding-1-darwin.png
- Box.features.module.css
- Box.features.module.css.d.ts
- Box.features.stories.tsx
- Box.module.css
- Box.module.css.d.ts
- Box.stories.tsx
- Box.test.tsx
- Box.tsx
- Box.visual.spec.ts
- index.ts
- Visual-Comparison-Breadcrumbs-Breadcrumbs-Accent-variant-1-darwin.png
- Visual-Comparison-Breadcrumbs-Breadcrumbs-Default-1-darwin.png
- Visual-Comparison-Breadcrumbs-Breadcrumbs-Long-Links-1-darwin.png
- Visual-Comparison-Breadcrumbs-Breadcrumbs-Playground-1-darwin.png
- Visual-Comparison-Breadcrumbs-Mobile-viewport-989be-t-Breadcrumbs-Long-links-narrow-viewport-1-darwin.png
- Breadcrumbs.features.stories.tsx
- Breadcrumbs.module.css
- Breadcrumbs.module.css.d.ts
- Breadcrumbs.stories.tsx
- Breadcrumbs.test.tsx
- Breadcrumbs.tsx
- Breadcrumbs.visual.spec.ts
- index.ts
- Visual-Comparison-BreakoutBanner-BreakoutBanner-Aligned-Center-1-darwin.png
- Visual-Comparison-BreakoutBanner-BreakoutBanner-Custom-Background-Colors-1-darwin.png
- Visual-Comparison-BreakoutBanner-BreakoutBanner-Default-1-darwin.png
- Visual-Comparison-BreakoutBanner-BreakoutBanner-Leading-Media-1-darwin.png
- Visual-Comparison-BreakoutBanner-BreakoutBanner-Optional-Description-1-darwin.png
- Visual-Comparison-BreakoutBanner-BreakoutBanner-Playground-1-darwin.png
- Visual-Comparison-BreakoutBanner-BreakoutBanner-Responsive-Background-Image-1-darwin.png
- Visual-Comparison-BreakoutBanner-BreakoutBanner-Responsive-Background-Image-Dark-1-darwin.png
- Visual-Comparison-BreakoutBanner-BreakoutBanner-Vertically-Stacked-Links-1-darwin.png
- BreakoutBanner.features.stories.tsx
- BreakoutBanner.module.css
- BreakoutBanner.module.css.d.ts
- BreakoutBanner.stories.tsx
- BreakoutBanner.test.tsx
- BreakoutBanner.tsx
- BreakoutBanner.visual.spec.ts
- index.ts
- Visual-Comparison-Button-Button-Accent-1-darwin.png
- Visual-Comparison-Button-Button-Accent-Disabled-1-darwin.png
- Visual-Comparison-Button-Button-Block-1-darwin.png
- Visual-Comparison-Button-Button-Default-1-darwin.png
- Visual-Comparison-Button-Button-Deprecated-arrows-1-darwin.png
- Visual-Comparison-Button-Button-Large-1-darwin.png
- Visual-Comparison-Button-Button-Leading-and-trailing-visual-native-1-darwin.png
- Visual-Comparison-Button-Button-Leading-visual-native-1-darwin.png
- Visual-Comparison-Button-Button-Playground-1-darwin.png
- Visual-Comparison-Button-Button-Polymorphism-1-darwin.png
- Visual-Comparison-Button-Button-Primary-1-darwin.png
- Visual-Comparison-Button-Button-Primary-button-with-hover-interaction-1-darwin.png
- Visual-Comparison-Button-Button-Primary-Disabled-1-darwin.png
- Visual-Comparison-Button-Button-Primary-Focus-1-darwin.png
- Visual-Comparison-Button-Button-Primary-Focus-w-non-standard-background-1-darwin.png
- Visual-Comparison-Button-Button-Primary-w-aria-disabled-1-darwin.png
- Visual-Comparison-Button-Button-Secondary-1-darwin.png
- Visual-Comparison-Button-Button-Secondary-button-with-hover-interaction-1-darwin.png
- Visual-Comparison-Button-Button-Secondary-Disabled-1-darwin.png
- Visual-Comparison-Button-Button-Small-1-darwin.png
- Visual-Comparison-Button-Button-Subtle-1-darwin.png
- Visual-Comparison-Button-Button-Subtle-button-with-hover-interaction-1-darwin.png
- Visual-Comparison-Button-Button-Subtle-Disabled-1-darwin.png
- Visual-Comparison-Button-Button-Trailing-visual-native-1-darwin.png
- Visual-Comparison-Button-Button-With-an-Octicon-1-darwin.png
- Visual-Comparison-Button-Button-With-an-Octicon-large-1-darwin.png
- Visual-Comparison-Button-Button-With-Longer-Text-1-darwin.png
- Visual-Comparison-Button-Button-With-optional-arrows-1-darwin.png
- Visual-Comparison-Button-Button-With-visuals-and-disabled-1-darwin.png
- Button.features.stories.tsx
- Button.module.css
- Button.module.css.d.ts
- Button.stories.tsx
- Button.test.tsx
- Button.tsx
- Button.visual.spec.ts
- index.ts
- Visual-Comparison-ButtonGroup-ButtonGroup-Large-Button-Group-1-darwin.png
- Visual-Comparison-ButtonGroup-ButtonGroup-Link-Button-Group-1-darwin.png
- Visual-Comparison-ButtonGroup-ButtonGroup-Playground-1-darwin.png
- Visual-Comparison-ButtonGroup-ButtonGroup-Single-Button-Group-1-darwin.png
- Visual-Comparison-ButtonGroup-ButtonGroup-With-Action-Menu-1-darwin.png
- Visual-Comparison-ButtonGroup-ButtonGroup-With-Conditional-Child-1-darwin.png
- Visual-Comparison-ButtonGroup-ButtonGroup-With-Variant-Overrides-1-darwin.png
- ButtonGroup.module.css
- ButtonGroup.module.css.d.ts
- ButtonGroup.stories.tsx
- ButtonGroup.test.tsx
- ButtonGroup.tsx
- ButtonGroup.visual.spec.ts
- index.ts
- Visual-Comparison-Card-Card-Align-center-1-darwin.png
- Visual-Comparison-Card-Card-Arrow-CTA-with-long-label-1-darwin.png
- Visual-Comparison-Card-Card-Arrow-CTA-with-long-label-focus-and-animation-disabled-1-darwin.png
- Visual-Comparison-Card-Card-Arrow-CTA-with-long-label-hover-1-darwin.png
- Visual-Comparison-Card-Card-Background-color-1-darwin.png
- Visual-Comparison-Card-Card-Border-1-darwin.png
- Visual-Comparison-Card-Card-Case-studies-1-darwin.png
- Visual-Comparison-Card-Card-CTA-Text-1-darwin.png
- Visual-Comparison-Card-Card-Default-1-darwin.png
- Visual-Comparison-Card-Card-Editorial-1-darwin.png
- Visual-Comparison-Card-Card-Full-Width-1-darwin.png
- Visual-Comparison-Card-Card-Icon-1-darwin.png
- Visual-Comparison-Card-Card-Icon-And-Label-1-darwin.png
- Visual-Comparison-Card-Card-Icon-And-Label-With-Fragment-1-darwin.png
- Visual-Comparison-Card-Card-Icon-Colors-1-darwin.png
- Visual-Comparison-Card-Card-Icon-native-1-darwin.png
- Visual-Comparison-Card-Card-Image-1-darwin.png
- Visual-Comparison-Card-Card-Image-And-Label-1-darwin.png
- Visual-Comparison-Card-Card-Image-No-Padding-No-Borders-1-darwin.png
- Visual-Comparison-Card-Card-Image-No-Padding-With-Borders-1-darwin.png
- Visual-Comparison-Card-Card-Image-Using-Picture-Element-1-darwin.png
- Visual-Comparison-Card-Card-Label-1-darwin.png
- Visual-Comparison-Card-Card-Label-accent-text-1-darwin.png
- Visual-Comparison-Card-Card-Leading-visual-arrow-CTA-1-darwin.png
- Visual-Comparison-Card-Card-Minimal-1-darwin.png
- Visual-Comparison-Card-Card-Minimal-Dark-1-darwin.png
- Visual-Comparison-Card-Card-Native-Borders-1-darwin.png
- Visual-Comparison-Card-Card-Playground-1-darwin.png
- Visual-Comparison-Card-Card-Related-content-1-darwin.png
- Visual-Comparison-Card-Card-Stacked-1-darwin.png
- Visual-Comparison-Card-Card-Torchlight-Variant-1-darwin.png
- Visual-Comparison-Card-Card-With-block-end-tokens-1-darwin.png
- Visual-Comparison-Card-Card-With-Inline-Code-Element-1-darwin.png
- Visual-Comparison-Card-Card-With-inline-code-element-non-standard-size-overrides-1-darwin.png
- Visual-Comparison-Card-Card-With-Native-Code-Element-1-darwin.png
- Visual-Comparison-Card-Card-With-tokens-1-darwin.png
- Visual-Comparison-Card-Mobile-viewport-test-f-556b6-ng-narrow-Card-Image-no-padding-narrow-1-darwin.png
- Card.features.stories.tsx
- Card.module.css
- Card.module.css.d.ts
- Card.stories.shared.module.css
- Card.stories.shared.module.css.d.ts
- Card.stories.tsx
- Card.test.tsx
- Card.tsx
- Card.visual.spec.ts
- Cards.example.stories.tsx
- index.ts
- Visual-Comparison-ComparisonTable-ComparisonTable-Minimal-1-darwin.png
- Visual-Comparison-ComparisonTable-ComparisonTable-Playground-1-darwin.png
- Visual-Comparison-ComparisonTable-Mobile-view-44488-mobile-ComparisonTable-Playground-mobile-1-darwin.png
- ComparisonTable.module.css
- ComparisonTable.module.css.d.ts
- ComparisonTable.stories.tsx
- ComparisonTable.tsx
- ComparisonTable.visual.spec.ts
- index.ts
- shared.module.css
- shared.module.css.d.ts
- reset.css
- reset.css.d.ts
- stylesheets.ts
- utilities.css
- utilities.css.d.ts
- Visual-Comparison-CTABanner-CTABanner-Aligned-Start-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-Custom-Background-Colors-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-Custom-Shadow-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-Default-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-Playground-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-Responsive-Background-Image-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-Responsive-Background-Image-Dark-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-Variants-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-With-Accent-Button-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-With-Action-Menu-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-With-Border-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-With-Duotone-Text-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-With-Grid-Lines-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-With-Image-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-With-Inline-Code-Element-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-With-Leading-Component-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-With-Link-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-With-Logo-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-With-Media-Components-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-With-Native-Code-Element-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-With-No-Shadow-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-With-Octovisual-Leading-Component-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-With-Primary-Button-1-darwin.png
- Visual-Comparison-CTABanner-CTABanner-With-Trailing-Component-1-darwin.png
- Visual-Comparison-CTABanner-Mobile-viewport-t-f0961-ort-CTABanner-With-Image-At-Mobile-Viewport-1-darwin.png
- Visual-Comparison-CTABanner-Tablet-viewport-t-6f756-ort-CTABanner-With-Image-At-Tablet-Viewport-1-darwin.png
- CTABanner.features.stories.tsx
- CTABanner.module.css
- CTABanner.module.css.d.ts
- CTABanner.stories.tsx
- CTABanner.test.tsx
- CTABanner.tsx
- CTABanner.visual.spec.ts
- index.ts
- Visual-Comparison-CTAForm-CTAForm-Default-1-darwin.png
- Visual-Comparison-CTAForm-CTAForm-Playground-1-darwin.png
- Visual-Comparison-CTAForm-CTAForm-With-No-Confirm-1-darwin.png
- CTAForm.features.stories.tsx
- CTAForm.module.css
- CTAForm.module.css.d.ts
- CTAForm.stories.tsx
- CTAForm.test.tsx
- CTAForm.tsx
- CTAForm.visual.spec.ts
- index.ts
- Visual-Comparison-ExpandableArrow-ExpandableArrow-Default-1-darwin.png
- Visual-Comparison-ExpandableArrow-ExpandableArrow-Expand-On-Hover-1-darwin.png
- Visual-Comparison-ExpandableArrow-ExpandableArrow-Expanded-1-darwin.png
- ExpandableArrow.module.css
- ExpandableArrow.module.css.d.ts
- ExpandableArrow.stories.tsx
- ExpandableArrow.tsx
- ExpandableArrow.visual.spec.ts
- index.ts
- Visual-Comparison-EyebrowBanner-EyebrowBanner-Default-1-darwin.png
- Visual-Comparison-EyebrowBanner-EyebrowBanner-Icons-1-darwin.png
- Visual-Comparison-EyebrowBanner-EyebrowBanner-Icons-Dark-1-darwin.png
- Visual-Comparison-EyebrowBanner-EyebrowBanner-Labels-1-darwin.png
- Visual-Comparison-EyebrowBanner-EyebrowBanner-Labels-Dark-1-darwin.png
- Visual-Comparison-EyebrowBanner-EyebrowBanner-On-Custom-Background-Dark-1-darwin.png
- Visual-Comparison-EyebrowBanner-EyebrowBanner-On-Custom-Background-Light-1-darwin.png
- Visual-Comparison-EyebrowBanner-EyebrowBanner-Playground-1-darwin.png
- Visual-Comparison-EyebrowBanner-EyebrowBanner-Variations-1-darwin.png
- EyebrowBanner.features.stories.tsx
- EyebrowBanner.module.css
- EyebrowBanner.module.css.d.ts
- EyebrowBanner.stories.tsx
- EyebrowBanner.test.tsx
- EyebrowBanner.tsx
- EyebrowBanner.visual.spec.ts
- index.ts
- Visual-Comparison-EyebrowText-EyebrowText-Accent-1-darwin.png
- Visual-Comparison-EyebrowText-EyebrowText-Default-1-darwin.png
- Visual-Comparison-EyebrowText-EyebrowText-Playground-1-darwin.png
- EyebrowText.module.css
- EyebrowText.module.css.d.ts
- EyebrowText.stories.tsx
- EyebrowText.test.tsx
- EyebrowText.tsx
- EyebrowText.visual.spec.ts
- index.ts
- Visual-Comparison-FAQ-FAQ-All-Closed-1-darwin.png
- Visual-Comparison-FAQ-FAQ-All-Open-1-darwin.png
- Visual-Comparison-FAQ-FAQ-Default-1-darwin.png
- Visual-Comparison-FAQ-FAQ-Dynamic-Data-Example-1-darwin.png
- Visual-Comparison-FAQ-FAQ-Gridline-Variant-1-darwin.png
- Visual-Comparison-FAQ-FAQ-Groups-1-darwin.png
- Visual-Comparison-FAQ-FAQ-Groups-gridline-1-darwin.png
- Visual-Comparison-FAQ-FAQ-Heading-Left-Aligned-1-darwin.png
- Visual-Comparison-FAQ-FAQ-Reversed-Toggles-1-darwin.png
- Visual-Comparison-FAQ-FAQ-With-Prose-1-darwin.png
- Visual-Comparison-FAQ-FAQ-With-Subheadings-1-darwin.png
- Visual-Comparison-FAQ-Mobile-viewport-test-fo-8d50b-iew-mobile-FAQ-Group-narrow-view-mobile-1-darwin.png
- Visual-Comparison-FAQ-Mobile-viewport-test-fo-a3bb6-e-FAQ-Group-narrow-view-mobile-gridline-1-darwin.png
- FAQ.features.stories.tsx
- FAQ.module.css
- FAQ.module.css.d.ts
- FAQ.stories.tsx
- FAQ.test.tsx
- FAQ.tsx
- FAQ.visual.spec.ts
- FAQGroup.module.css
- FAQGroup.module.css.d.ts
- FAQGroup.test.tsx
- FAQGroup.tsx
- index.ts
- 1.png
- 2.png
- 3.png
- 4.png
- 5.png
- 6.png
- ci-cd.png
- code-window.png
- copilot-badge.png
- globe.png
- gradient-bg.png
- green-gradient-bg.png
- mercado.png
- mixed-2-gradient-bg.png
- purple-gradient-bg.png
- ring-down.png
- terminal.png
- testing.png
- timer.png
- azure.png
- pinterest.png
- shopify.png
- twilio.png
- uber.png
- vercel.png
- xcode.png
- avatar-mona.png
- background-copilot-mask-section-dark.svg
- background-copilot-section-dark.webp
- background-dark-collaboration.webp
- background-light-collaboration.webp
- background-light-enterprise-shape-1.png
- background-light-enterprise-shape-2.png
- background-light-enterprise-shape-3.png
- background-light-enterprise-shape-4.png
- background-light-enterprise-shape-5.png
- background-light-enterprise-shape-6.png
- background-light-enterprise-shape-7.png
- background-lozenge-ai.png
- background-poster-ai.png
- background-stars.png
- brand-divider-copilot-wide.png
- brand-divider-security-wide.png
- ci-cd-render-ui.png
- copilot-mascot-head-peeking.png
- copilot-vscode-agent-mode-1.png
- copilot-vscode-agent-mode-2.png
- copilot-vscode-agent-mode-3-cropped.png
- copilot-vscode-agent-mode-3-dark.png
- copilot-vscode-agent-mode-3.png
- dark-horizontal-banner-alt-2.png
- dark-horizontal-banner-alt.png
- dark-horizontal-banner.png
- dark-vertical-banner-alt-2.png
- dark-vertical-banner-alt.png
- dark-vertical-banner.png
- dither-bg-landscape-green.png
- dither-bg-landscape-purple.png
- enterprise-ai.webp
- enterprise-devops.webp
- enterprise-platform.webp
- enterprise-stack.png
- example-poster.png
- eyebrow-banner-light-bg.png
- eyebrow.png
- ide-river-bg-dark.png
- ide-river-bg-light-1.png
- ide-river-bg-light-2.png
- light-horizontal-banner.png
- light-vertical-banner.png
- placeholder-1.png
- placeholder-2.png
- placeholder-3.png
- placeholder.png
- security-banner-wide.png
- testimonial-bg-1-dark.png
- testimonial-bg-1.png
- testimonial-bg-2-dark.png
- testimonial-bg-2.png
- AzureLogo.tsx
- JetBrainsLogo.tsx
- MicrosoftCopilotLogo.tsx
- MicrosoftLogo.tsx
- NeoVimLogo.tsx
- VisualStudioCodeLogo.tsx
- VisualStudioLogo.tsx
- copilot-agent-mode-hero.mp4
- Visual-Comparison-Footnotes-Footnotes-Citations-With-Link-1-darwin.png
- Visual-Comparison-Footnotes-Footnotes-Default-1-darwin.png
- Visual-Comparison-Footnotes-Footnotes-Disclaimer-Variant-1-darwin.png
- Visual-Comparison-Footnotes-Footnotes-Playground-1-darwin.png
- Visual-Comparison-Footnotes-Footnotes-Rivers-With-Citations-1-darwin.png
- Footnotes.examples.stories.tsx
- Footnotes.features.stories.tsx
- Footnotes.module.css
- Footnotes.module.css.d.ts
- Footnotes.stories.tsx
- Footnotes.test.tsx
- Footnotes.tsx
- Footnotes.visual.spec.ts
- index.ts
- Visual-Comparison-Checkbox-Checkbox-Checkbox---Playground-1-darwin.png
- Visual-Comparison-Checkbox-Checkbox-Checkbox---Ref-Callback-1-darwin.png
- Visual-Comparison-Checkbox-Checkbox-Checkbox---Variants-1-darwin.png
- Checkbox.module.css
- Checkbox.module.css.d.ts
- Checkbox.stories.tsx
- Checkbox.test.tsx
- Checkbox.tsx
- Checkbox.visual.spec.ts
- index.ts
- Visual-Comparison-CheckboxGroup-CheckboxGroup-Inline-1-darwin.png
- Visual-Comparison-CheckboxGroup-CheckboxGroup-Playground-1-darwin.png
- CheckboxGroup.examples.stories.tsx
- CheckboxGroup.stories.tsx
- CheckboxGroup.test.tsx
- CheckboxGroup.tsx
- CheckboxGroup.visual.spec.ts
- index.ts
- ControlGroup.module.css
- ControlGroup.module.css.d.ts
- ControlGroup.tsx
- index.ts
- Visual-Comparison-FormControl-FormControl-w-Checkbox---Playground-1-darwin.png
- Visual-Comparison-FormControl-FormControl-w-Checkbox-with-Error-Validation---Playground-1-darwin.png
- Visual-Comparison-FormControl-FormControl-w-Error-Validation---Playground-1-darwin.png
- Visual-Comparison-FormControl-FormControl-w-Radio---Playground-1-darwin.png
- Visual-Comparison-FormControl-FormControl-w-Select---Playground-1-darwin.png
- Visual-Comparison-FormControl-FormControl-w-Success-Validation---Playground-1-darwin.png
- Visual-Comparison-FormControl-FormControl-w-Textarea---Playground-1-darwin.png
- Visual-Comparison-FormControl-FormControl-w-TextInput---Playground-1-darwin.png
- FormControl.module.css
- FormControl.module.css.d.ts
- FormControl.stories.tsx
- FormControl.test.tsx
- FormControl.tsx
- FormControl.visual.spec.ts
- index.ts
- Visual-Comparison-forms-forms-GitHub-Enterprise-sign-up-form-1-darwin.png
- Visual-Comparison-Radio-Radio-Default-1-darwin.png
- Visual-Comparison-Radio-Radio-Inactive-1-darwin.png
- Visual-Comparison-Radio-Radio-On-Custom-Background-Color-1-darwin.png
- Visual-Comparison-Radio-Radio-w-labels-1-darwin.png
- index.ts
- Radio.features.stories.tsx
- Radio.module.css
- Radio.module.css.d.ts
- Radio.stories.tsx
- Radio.test.tsx
- Radio.tsx
- Radio.visual.spec.ts
- Visual-Comparison-RadioGroup-RadioGroup-Inline-1-darwin.png
- Visual-Comparison-RadioGroup-RadioGroup-Playground-1-darwin.png
- index.ts
- RadioGroup.examples.stories.tsx
- RadioGroup.stories.tsx
- RadioGroup.test.tsx
- RadioGroup.tsx
- RadioGroup.visual.spec.ts
- Visual-Comparison-Select-Select-Default-1-darwin.png
- Visual-Comparison-Select-Select-Disabled-1-darwin.png
- Visual-Comparison-Select-Select-Full-Width-1-darwin.png
- Visual-Comparison-Select-Select-Full-Width-Focussed-1-darwin.png
- Visual-Comparison-Select-Select-Large-1-darwin.png
- Visual-Comparison-Select-Select-Large-Full-Width-1-darwin.png
- Visual-Comparison-Select-Select-Playground-1-darwin.png
- Visual-Comparison-Select-Select-Validation-Error-1-darwin.png
- Visual-Comparison-Select-Select-Validation-Success-1-darwin.png
- index.ts
- Select.features.stories.tsx
- Select.module.css
- Select.module.css.d.ts
- Select.stories.tsx
- Select.tsx
- Select.visual.spec.ts
- Visual-Comparison-Textarea-Textarea-Default-1-darwin.png
- Visual-Comparison-Textarea-Textarea-Full-Width-1-darwin.png
- Visual-Comparison-Textarea-Textarea-Inactive-1-darwin.png
- Visual-Comparison-Textarea-Textarea-Validation-1-darwin.png
- Visual-Comparison-Textarea-Textarea-w-labels-1-darwin.png
- index.ts
- Textarea.features.stories.tsx
- Textarea.module.css
- Textarea.module.css.d.ts
- Textarea.stories.module.css
- Textarea.stories.module.css.d.ts
- Textarea.stories.tsx
- Textarea.test.tsx
- Textarea.tsx
- Textarea.visual.spec.ts
- Visual-Comparison-TextInput-TextInput-TextInput---Playground-1-darwin.png
- index.ts
- TextInput.module.css
- TextInput.module.css.d.ts
- TextInput.stories.tsx
- TextInput.test.tsx
- TextInput.tsx
- TextInput.visual.spec.ts
- form-types.ts
- form.stories.tsx
- forms.visual.spec.ts
- index.ts
- FrostedGlassVFX.module.css
- FrostedGlassVFX.module.css.d.ts
- FrostedGlassVFX.tsx
- index.ts
- Visual-Comparison-Grid-Grid-Asymmetry-1-darwin.png
- Visual-Comparison-Grid-Grid-Centering-1-darwin.png
- Visual-Comparison-Grid-Grid-Default-1-darwin.png
- Visual-Comparison-Grid-Grid-Disable-Gutters-1-darwin.png
- Visual-Comparison-Grid-Grid-Nesting-1-darwin.png
- Visual-Comparison-Grid-Grid-Playground-1-darwin.png
- Visual-Comparison-Grid-Grid-Ratio-40-60-1-darwin.png
- Visual-Comparison-Grid-Grid-Ratio-50-50-1-darwin.png
- Visual-Comparison-Grid-Grid-Ratio-60-40-1-darwin.png
- Visual-Comparison-Grid-Grid-Responsive-1-darwin.png
- Visual-Comparison-Grid-Grid-Responsive-Min-Width-1-darwin.png
- Grid.features.stories.tsx
- Grid.module.css
- Grid.module.css.d.ts
- Grid.stories.module.css
- Grid.stories.module.css.d.ts
- Grid.stories.tsx
- Grid.test.tsx
- Grid.tsx
- Grid.visual.spec.ts
- index.ts
- Visual-Comparison-Heading-Heading-Default-1-darwin.png
- Visual-Comparison-Heading-Heading-Disabled-Text-Wrap-1-darwin.png
- Visual-Comparison-Heading-Heading-Hubot-Sans-1-darwin.png
- Visual-Comparison-Heading-Heading-Levels-1-darwin.png
- Visual-Comparison-Heading-Heading-Mona-Sans-1-darwin.png
- Visual-Comparison-Heading-Heading-Override-Letter-Spacing-1-darwin.png
- Visual-Comparison-Heading-Heading-Override-Size-1-darwin.png
- Visual-Comparison-Heading-Heading-Override-Stretch-1-darwin.png
- Visual-Comparison-Heading-Heading-Override-Stretch-Responsive-1-darwin.png
- Visual-Comparison-Heading-Heading-Override-Weight-1-darwin.png
- Visual-Comparison-Heading-Heading-Override-Weight-Responsive-1-darwin.png
- Visual-Comparison-Heading-Heading-Playground-1-darwin.png
- Visual-Comparison-Heading-Heading-Scale-sizes-1-darwin.png
- Heading.module.css
- Heading.module.css.d.ts
- Heading.stories.module.css
- Heading.stories.module.css.d.ts
- Heading.stories.tsx
- Heading.test.tsx
- Heading.tsx
- Heading.visual.spec.ts
- index.ts
- Visual-Comparison-Hero-Hero-Centered-1-darwin.png
- Visual-Comparison-Hero-Hero-Codespaces-1-darwin.png
- Visual-Comparison-Hero-Hero-Custom-background-block-end-image-1-darwin.png
- Visual-Comparison-Hero-Hero-Custom-background-block-end-video-1-darwin.png
- Visual-Comparison-Hero-Hero-Custom-background-inline-end-padded-image-1-darwin.png
- Visual-Comparison-Hero-Hero-Custom-background-inline-end-padded-video-1-darwin.png
- Visual-Comparison-Hero-Hero-Default-1-darwin.png
- Visual-Comparison-Hero-Hero-Expressive-variant-1-darwin.png
- Visual-Comparison-Hero-Hero-Expressive-variant-Block-end-padded-image-1-darwin.png
- Visual-Comparison-Hero-Hero-Expressive-variant-Image-without-padding-1-darwin.png
- Visual-Comparison-Hero-Hero-Expressive-variant-with-ignored-center-align-1-darwin.png
- Visual-Comparison-Hero-Hero-Expressive-variant-With-trailing-component-1-darwin.png
- Visual-Comparison-Hero-Hero-Eyebrow-1-darwin.png
- Visual-Comparison-Hero-Hero-Eyebrow-Centered-1-darwin.png
- Visual-Comparison-Hero-Hero-GitHub-Copilot---expressive-gridline-1-darwin.png
- Visual-Comparison-Hero-Hero-Gridline-default-variant-1-darwin.png
- Visual-Comparison-Hero-Hero-Gridline-default-variant-Block-end-padded-image-1-darwin.png
- Visual-Comparison-Hero-Hero-Gridline-default-variant-Block-end-padded-YouTube-video-1-darwin.png
- Visual-Comparison-Hero-Hero-Gridline-default-variant-Block-end-YouTube-video-1-darwin.png
- Visual-Comparison-Hero-Hero-Gridline-default-variant-Block-end-YouTube-video-poster-1-darwin.png
- Visual-Comparison-Hero-Hero-Gridline-default-variant-Centered-1-darwin.png
- Visual-Comparison-Hero-Hero-Gridline-default-variant-Image-without-padding-1-darwin.png
- Visual-Comparison-Hero-Hero-Gridline-default-variant-Inline-end-image-1-darwin.png
- Visual-Comparison-Hero-Hero-Gridline-default-variant-Inline-end-YouTube-video-1-darwin.png
- Visual-Comparison-Hero-Hero-Gridline-default-variant-Inline-start-image-1-darwin.png
- Visual-Comparison-Hero-Hero-Gridline-default-variant-Inline-start-padded-image-1-darwin.png
- Visual-Comparison-Hero-Hero-Gridline-default-variant-YouTube-video-without-padding-1-darwin.png
- Visual-Comparison-Hero-Hero-Hero-with-cards-1-darwin.png
- Visual-Comparison-Hero-Hero-Image-carousel-1-darwin.png
- Visual-Comparison-Hero-Hero-Image-centered-bottom-1-darwin.png
- Visual-Comparison-Hero-Hero-Image-left-bottom-1-darwin.png
- Visual-Comparison-Hero-Hero-Image-right-1-darwin.png
- Visual-Comparison-Hero-Hero-Inline-Code-In-Heading-And-Description-1-darwin.png
- Visual-Comparison-Hero-Hero-Inline-end-padded-image-1-darwin.png
- Visual-Comparison-Hero-Hero-Picture-left-bottom-1-darwin.png
- Visual-Comparison-Hero-Hero-VideoPlayer-bottom-1-darwin.png
- Visual-Comparison-Hero-Hero-VideoPlayer-right-1-darwin.png
- Visual-Comparison-Hero-Hero-With-a-custom-input-1-darwin.png
- Visual-Comparison-Hero-Hero-With-Accent-Button-1-darwin.png
- Visual-Comparison-Hero-Hero-With-Action-Menu-1-darwin.png
- Visual-Comparison-Hero-Hero-With-Animated-Label-1-darwin.png
- Visual-Comparison-Hero-Hero-With-Custom-Classnames-1-darwin.png
- Visual-Comparison-Hero-Hero-With-Custom-Heading-And-Description-Sizes-1-darwin.png
- Visual-Comparison-Hero-Hero-With-custom-icon-and-variant-1-darwin.png
- Visual-Comparison-Hero-Hero-With-Increased-Contrast-Description-1-darwin.png
- Visual-Comparison-Hero-Hero-With-Increased-Contrast-Label-1-darwin.png
- Visual-Comparison-Hero-Hero-With-InlineCode-1-darwin.png
- Visual-Comparison-Hero-Hero-With-Legacy-Primary-And-Secondary-Actions-1-darwin.png
- Visual-Comparison-Hero-Hero-With-Media-Trailing-Component-1-darwin.png
- Visual-Comparison-Hero-Hero-With-Primary-Button-1-darwin.png
- Visual-Comparison-Hero-Hero-With-Secondary-Action-1-darwin.png
- Visual-Comparison-Hero-Hero-With-Trailing-Component-1-darwin.png
- Visual-Comparison-Hero-Hero-Without-Description-1-darwin.png
- Visual-Comparison-Hero-Mobile-viewport-test-f-108f9-t-narrow-Hero-Expressive-variant-narrow-1-darwin.png
- Visual-Comparison-Hero-Mobile-viewport-test-for-Narrow-View-Centered-Hero-Narrow-View-Centered-1-darwin.png
- Visual-Comparison-Hero-Mobile-viewport-test-for-Narrow-View-Hero-Narrow-View-1-darwin.png
- HeroButtonGroup.tsx
- HeroDescription.tsx
- HeroEyebrow.tsx
- HeroHeading.tsx
- HeroImage.tsx
- HeroLabel.tsx
- HeroPrimaryAction.tsx
- HeroSecondaryAction.tsx
- HeroVideo.tsx
- index.ts
- Hero.examples.stories.tsx
- Hero.features.stories.tsx
- Hero.figma.tsx
- Hero.gridline.stories.tsx
- Hero.images-videos.stories.tsx
- Hero.module.css
- Hero.module.css.d.ts
- Hero.stories.module.css
- Hero.stories.module.css.d.ts
- Hero.stories.tsx
- Hero.test.tsx
- Hero.tsx
- Hero.visual.spec.ts
- HeroContext.ts
- index.ts
- useAnchoredPosition.ts
- useCursorAnimation.ts
- useFocusTrap.ssr.test.tsx
- useFocusTrap.test.tsx
- useFocusTrap.ts
- useId.ts
- useIsomorphicLayoutEffect.ts
- useKeyboardEscape.ts
- useOnClickOutside.ts
- useReducedMotion.ts
- useRef.ts
- useResizeObserver.ts
- useTabs.test.tsx
- useTabs.ts
- useWindowSize.ts
- Visual-Comparison-Icon-Icon-Accepts-JSX-1-darwin.png
- Visual-Comparison-Icon-Icon-Colors-1-darwin.png
- Visual-Comparison-Icon-Icon-Playground-1-darwin.png
- Visual-Comparison-Icon-Icon-Sizes-1-darwin.png
- Visual-Comparison-Icon-Icon-With-Background-1-darwin.png
- Icon.features.stories.tsx
- Icon.module.css
- Icon.module.css.d.ts
- Icon.stories.tsx
- Icon.test.tsx
- Icon.tsx
- Icon.visual.spec.ts
- index.ts
- content.ts
- Visual-Comparison-IDE-IDE-Default-1-darwin.png
- Visual-Comparison-IDE-IDE-Playground-1-darwin.png
- IDE.features.stories.tsx
- IDE.module.css
- IDE.module.css.d.ts
- IDE.stories.hljs.theme.css
- IDE.stories.hljs.theme.css.d.ts
- IDE.stories.module.css
- IDE.stories.module.css.d.ts
- IDE.stories.tsx
- IDE.test.tsx
- IDE.tsx
- IDE.visual.spec.ts
- index.ts
- Visual-Comparison-Image-Image-Border-Radius-Options-1-darwin.png
- Visual-Comparison-Image-Image-Custom-Class-1-darwin.png
- Visual-Comparison-Image-Image-Custom-Class-On-Picture-1-darwin.png
- Visual-Comparison-Image-Image-Custom-Class-With-Aspect-Ratio-1-darwin.png
- Visual-Comparison-Image-Image-Custom-Image-Aspect-Ratio-1-darwin.png
- Visual-Comparison-Image-Image-Custom-Image-Height-1-darwin.png
- Visual-Comparison-Image-Image-Custom-Image-Width-1-darwin.png
- Visual-Comparison-Image-Image-Custom-Image-Width-And-Height-1-darwin.png
- Visual-Comparison-Image-Image-Custom-Picture-Aspect-Ratio-1-darwin.png
- Visual-Comparison-Image-Image-Default-1-darwin.png
- Visual-Comparison-Image-Image-Playground-1-darwin.png
- Image.features.stories.tsx
- Image.module.css
- Image.module.css.d.ts
- Image.stories.module.css
- Image.stories.module.css.d.ts
- Image.stories.tsx
- Image.test.tsx
- Image.tsx
- Image.visual.spec.ts
- index.ts
- Visual-Comparison-InlineCode-InlineCode-Background-Colors-1-darwin.png
- Visual-Comparison-InlineCode-InlineCode-Color-Modes-1-darwin.png
- Visual-Comparison-InlineCode-InlineCode-Default-1-darwin.png
- Visual-Comparison-InlineCode-InlineCode-Heading-Scale-1-darwin.png
- Visual-Comparison-InlineCode-InlineCode-In-Body-Text-1-darwin.png
- Visual-Comparison-InlineCode-InlineCode-In-Heading-1-darwin.png
- Visual-Comparison-InlineCode-InlineCode-Playground-1-darwin.png
- Visual-Comparison-InlineCode-InlineCode-Text-Scale-1-darwin.png
- Visual-Comparison-InlineCode-InlineCode-Typographic-Inheritance-1-darwin.png
- Visual-Comparison-InlineCode-InlineCode-Uppercase-1-darwin.png
- Visual-Comparison-InlineCode-InlineCode-Wrapped-1-darwin.png
- index.ts
- InlineCode.features.stories.tsx
- InlineCode.module.css
- InlineCode.module.css.d.ts
- InlineCode.stories.tsx
- InlineCode.test.tsx
- InlineCode.tsx
- InlineCode.visual.spec.ts
- Visual-Comparison-InlineLink-InlineLink-Default-1-darwin.png
- Visual-Comparison-InlineLink-InlineLink-Example-1-darwin.png
- Visual-Comparison-InlineLink-InlineLink-Size-Inheritence-1-darwin.png
- index.ts
- InlineLink.module.css
- InlineLink.module.css.d.ts
- InlineLink.stories.tsx
- InlineLink.tsx
- InlineLink.visual.spec.ts
- Visual-Comparison-Label-Label-Color-1-darwin.png
- Visual-Comparison-Label-Label-Default-1-darwin.png
- Visual-Comparison-Label-Label-Leading-visual-native-1-darwin.png
- Visual-Comparison-Label-Label-Playground-1-darwin.png
- Visual-Comparison-Label-Label-Sizes-1-darwin.png
- Visual-Comparison-Label-Label-With-an-Octicon-1-darwin.png
- Visual-Comparison-Label-Label-With-an-Octicon-and-color-1-darwin.png
- Visual-Comparison-Label-Label-With-an-Octicon-large-1-darwin.png
- Visual-Comparison-Label-Label-With-Reflow-1-darwin.png
- index.ts
- Label.features.stories.tsx
- Label.module.css
- Label.module.css.d.ts
- Label.stories.tsx
- Label.test.tsx
- Label.tsx
- Label.visual.spec.ts
- Visual-Comparison-Link-Link-Accent-1-darwin.png
- Visual-Comparison-Link-Link-Arrow-Start-1-darwin.png
- Visual-Comparison-Link-Link-Default-1-darwin.png
- Visual-Comparison-Link-Link-External-Link-1-darwin.png
- Visual-Comparison-Link-Link-No-Arrow-1-darwin.png
- Visual-Comparison-Link-Link-Sizes-1-darwin.png
- index.ts
- Link.features.stories.tsx
- Link.module.css
- Link.module.css.d.ts
- Link.stories.tsx
- Link.tsx
- Link.visual.spec.ts
- index.ts
- ListItem.module.css
- ListItem.module.css.d.ts
- ListItem.tsx
- Visual-Comparison-OrderedList-OrderedList-Default-1-darwin.png
- Visual-Comparison-OrderedList-OrderedList-Playground-1-darwin.png
- index.ts
- OrderedList.module.css
- OrderedList.module.css.d.ts
- OrderedList.stories.tsx
- OrderedList.test.tsx
- OrderedList.tsx
- OrderedList.visual.spec.ts
- Visual-Comparison-UnorderedList-UnorderedList-Check-List-1-darwin.png
- Visual-Comparison-UnorderedList-UnorderedList-Custom-Color-1-darwin.png
- Visual-Comparison-UnorderedList-UnorderedList-Custom-Icon-1-darwin.png
- Visual-Comparison-UnorderedList-UnorderedList-Default-1-darwin.png
- Visual-Comparison-UnorderedList-UnorderedList-Playground-1-darwin.png
- Visual-Comparison-UnorderedList-UnorderedList-Text-Variant-1-darwin.png
- Visual-Comparison-UnorderedList-UnorderedList-X-List-1-darwin.png
- index.ts
- UnorderedList.features.stories.tsx
- UnorderedList.stories.tsx
- UnorderedList.test.tsx
- UnorderedList.tsx
- UnorderedList.visual.spec.ts
- index.ts
- list-shared.module.css
- list-shared.module.css.d.ts
- listContext.ts
- Visual-Comparison-LogoSuite-LogoSuite-Align-Center-1-darwin.png
- Visual-Comparison-LogoSuite-LogoSuite-Align-Justify-1-darwin.png
- Visual-Comparison-LogoSuite-LogoSuite-Align-Start-1-darwin.png
- Visual-Comparison-LogoSuite-LogoSuite-Condensed-Gap-1-darwin.png
- Visual-Comparison-LogoSuite-LogoSuite-Default-Variant-1-darwin.png
- Visual-Comparison-LogoSuite-LogoSuite-Emphasis-Variant-1-darwin.png
- Visual-Comparison-LogoSuite-LogoSuite-Grid-Line-Expressive-1-darwin.png
- Visual-Comparison-LogoSuite-LogoSuite-GridLine-expressive-kitchen-sink-1-darwin.png
- Visual-Comparison-LogoSuite-LogoSuite-Heading-Level-1-darwin.png
- Visual-Comparison-LogoSuite-LogoSuite-Idle-Marquee-Speed-1-darwin.png
- Visual-Comparison-LogoSuite-LogoSuite-Muted-Variant-1-darwin.png
- Visual-Comparison-LogoSuite-LogoSuite-Playground-1-darwin.png
- Visual-Comparison-LogoSuite-LogoSuite-Takeover-Button-1-darwin.png
- Visual-Comparison-LogoSuite-LogoSuite-Visible-Heading-1-darwin.png
- Visual-Comparison-LogoSuite-LogoSuite-Visible-Heading-With-Description-1-darwin.png
- Visual-Comparison-LogoSuite-LogoSuite-With-Links-1-darwin.png
- Visual-Comparison-LogoSuite-LogoSuite-With-Raster-Logos-1-darwin.png
- Visual-Comparison-LogoSuite-LogoSuite-Without-Divider-1-darwin.png
- index.ts
- Logosuite.examples.stories.tsx
- LogoSuite.features.stories.tsx
- LogoSuite.figma.tsx
- LogoSuite.fixtures.tsx
- LogoSuite.module.css
- LogoSuite.module.css.d.ts
- LogoSuite.stories.tsx
- LogoSuite.test.tsx
- LogoSuite.tsx
- LogoSuite.visual.spec.ts
- Visual-Comparison-MediaPlaylist-MediaPlaylist-Custom-item-heading-content-w-Prose-1-darwin.png
- Visual-Comparison-MediaPlaylist-MediaPlaylist-Default-1-darwin.png
- Visual-Comparison-MediaPlaylist-MediaPlaylist-Large-playlist-1-darwin.png
- Visual-Comparison-MediaPlaylist-MediaPlaylist-Long-video-names-1-darwin.png
- Visual-Comparison-MediaPlaylist-MediaPlaylist-One-item-1-darwin.png
- Visual-Comparison-MediaPlaylist-MediaPlaylist-Without-thumbnails-1-darwin.png
- Visual-Comparison-MediaPlaylist-Mobile-viewpo-0fbef-w-MediaPlaylist-One-item-playlist-narrow-1-darwin.png
- Visual-Comparison-MediaPlaylist-Mobile-viewpo-e65bf-rrow-MediaPlaylist-Large-playlist-narrow-1-darwin.png
- index.ts
- MediaPlaylist.features.stories.tsx
- MediaPlaylist.module.css
- MediaPlaylist.module.css.d.ts
- MediaPlaylist.stories.module.css
- MediaPlaylist.stories.module.css.d.ts
- MediaPlaylist.stories.tsx
- MediaPlaylist.test.tsx
- MediaPlaylist.tsx
- MediaPlaylist.visual.spec.ts
- useMediaPlaylist.ts
- Visual-Comparison-MinimalFooter-MinimalFooter-Dark-Theme-1-darwin.png
- Visual-Comparison-MinimalFooter-MinimalFooter-Default-1-darwin.png
- Visual-Comparison-MinimalFooter-MinimalFooter-Filtered-Social-Links-1-darwin.png
- Visual-Comparison-MinimalFooter-MinimalFooter-Maximum-Links-5-1-darwin.png
- Visual-Comparison-MinimalFooter-MinimalFooter-Mixed-Buttons-And-Links-1-darwin.png
- Visual-Comparison-MinimalFooter-MinimalFooter-Multiple-Footnotes-1-darwin.png
- Visual-Comparison-MinimalFooter-MinimalFooter-No-Social-Links-1-darwin.png
- Visual-Comparison-MinimalFooter-MinimalFooter-Playground-1-darwin.png
- Visual-Comparison-MinimalFooter-MinimalFooter-Reversed-Social-Links-1-darwin.png
- Visual-Comparison-MinimalFooter-Mobile-viewpo-08774-rt-MinimalFooter-Default-Narrow-viewport-1-darwin.png
- index.ts
- MinimalFooter.features.stories.tsx
- MinimalFooter.module.css
- MinimalFooter.module.css.d.ts
- MinimalFooter.stories.tsx
- MinimalFooter.test.tsx
- MinimalFooter.tsx
- MinimalFooter.visual.spec.ts
- Visual-Comparison-MinimalVideoPlayer-MinimalVideoPlayer-Paused-1-darwin.png
- Visual-Comparison-MinimalVideoPlayer-Mobile-viewport-test-for-Narrow-MinimalVideoPlayer-Narrow-1-darwin.png
- index.ts
- MinimalVideoPlayer.features.stories.tsx
- MinimalVideoPlayer.module.css
- MinimalVideoPlayer.module.css.d.ts
- MinimalVideoPlayer.stories.tsx
- MinimalVideoPlayer.test.tsx
- MinimalVideoPlayer.tsx
- MinimalVideoPlayer.visual.spec.ts
- useMinimalVideoPlayback.ts
- Visual-Comparison-MonaSans-MonaSans-Playground-1-darwin.png
- index.ts
- MonaSans.module.css
- MonaSans.module.css.d.ts
- MonaSans.stories.tsx
- MonaSans.tsx
- MonaSans.visual.spec.ts
- Visual-Comparison-NavList-NavList-Collapsed-Current-Descendant-1-darwin.png
- Visual-Comparison-NavList-NavList-Dark-mode-1-darwin.png
- Visual-Comparison-NavList-NavList-Default-1-darwin.png
- Visual-Comparison-NavList-NavList-Five-groups-1-darwin.png
- Visual-Comparison-NavList-NavList-Grouped-Nested-Levels-1-darwin.png
- Visual-Comparison-NavList-NavList-Groups-1-darwin.png
- Visual-Comparison-NavList-NavList-Long-labels-1-darwin.png
- Visual-Comparison-NavList-NavList-Multiple-Levels-1-darwin.png
- Visual-Comparison-NavList-NavList-Nested-Disclosure-1-darwin.png
- Visual-Comparison-NavList-NavList-One-Hundred-Links-1-darwin.png
- Visual-Comparison-NavList-NavList-Playground-1-darwin.png
- Visual-Comparison-NavList-NavList-With-Visuals-1-darwin.png
- index.ts
- NavList.features.stories.tsx
- NavList.module.css
- NavList.module.css.d.ts
- NavList.stories.module.css
- NavList.stories.module.css.d.ts
- NavList.stories.tsx
- NavList.test.tsx
- NavList.tsx
- NavList.visual.spec.ts
- Visual-Comparison-Pagination-Mobile-viewport--b3b55-ation-Narrow-Page-Numbers-Hidden-By-Default-1-darwin.png
- Visual-Comparison-Pagination-Pagination-Custom-Attribute-Forwarding-1-darwin.png
- Visual-Comparison-Pagination-Pagination-Custom-Labels-1-darwin.png
- Visual-Comparison-Pagination-Pagination-Default-1-darwin.png
- Visual-Comparison-Pagination-Pagination-Hide-Page-Numbers-1-darwin.png
- Visual-Comparison-Pagination-Pagination-Higher-Surrounding-Page-Count-1-darwin.png
- Visual-Comparison-Pagination-Pagination-Larger-Page-Count-Margin-1-darwin.png
- Visual-Comparison-Pagination-Pagination-Page-Handlers-1-darwin.png
- Visual-Comparison-Pagination-Pagination-Playground-1-darwin.png
- index.ts
- model.ts
- Pagination.features.stories.tsx
- Pagination.module.css
- Pagination.module.css.d.ts
- Pagination.stories.tsx
- Pagination.test.tsx
- Pagination.tsx
- Pagination.visual.spec.ts
- Visual-Comparison-Pillar-Pillar-Default-1-darwin.png
- Visual-Comparison-Pillar-Pillar-Frosted-Glass-Effect-1-darwin.png
- Visual-Comparison-Pillar-Pillar-Full-Width-1-darwin.png
- Visual-Comparison-Pillar-Pillar-Gridline-1-darwin.png
- Visual-Comparison-Pillar-Pillar-Icon-native-1-darwin.png
- Visual-Comparison-Pillar-Pillar-Inline-Code-Stacked-1-darwin.png
- Visual-Comparison-Pillar-Pillar-Link-1-darwin.png
- Visual-Comparison-Pillar-Pillar-Playground-1-darwin.png
- Visual-Comparison-Pillar-Pillar-Stacked-1-darwin.png
- Visual-Comparison-Pillar-Pillar-Stacked-Centered-1-darwin.png
- Visual-Comparison-Pillar-Pillar-Stacked-With-Link-1-darwin.png
- Visual-Comparison-Pillar-Pillar-With-Border-1-darwin.png
- Visual-Comparison-Pillar-Pillar-With-Icon-1-darwin.png
- Visual-Comparison-Pillar-Pillar-With-Icon-Colors-1-darwin.png
- Visual-Comparison-Pillar-Pillar-With-Image-1-darwin.png
- Visual-Comparison-Pillar-Pillar-With-InlineCode-1-darwin.png
- index.ts
- Pillar.examples.stories.tsx
- Pillar.features.stories.tsx
- Pillar.module.css
- Pillar.module.css.d.ts
- Pillar.stories.module.css
- Pillar.stories.module.css.d.ts
- Pillar.stories.tsx
- Pillar.test.tsx
- Pillar.tsx
- Pillar.visual.spec.ts
- Visual-Comparison-PricingOptions-Mobile-viewp-04d56-re-list-on-all-viewports-except-wide-narrow-1-darwin.png
- Visual-Comparison-PricingOptions-Mobile-viewp-6e07a-anded-Narrow-PricingOptions-Expanded-Narrow-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-Actions-Message-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-Actions-Message-With-Actions-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-Cards-Gradient-Variant-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-Cards-Variant-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-Center-Aligned-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-Collapsed-Features-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-Collapsed-Features-No-Dividers-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-Copilot-Business-Plans-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-Copilot-Individual-Plans-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-Default-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-Default-Gradient-Variant-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-Four-Options-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-Hide-feature-list-on-all-viewports-except-wide-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-Leading-Component-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-One-Option-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-Three-Options-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-Two-Options-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-With-Custom-Feature-List-Heading-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-With-Custom-Feature-List-Item-Leading-Visual-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-With-Feature-Sets-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-With-Grid-Lines-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-With-Included-And-Excluded-Features-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-With-Info-Tooltips-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-With-Menu-Action-1-darwin.png
- Visual-Comparison-PricingOptions-PricingOptions-Without-Features-1-darwin.png
- Visual-Comparison-PricingOptions-Tablet-viewp-1e24c-anded-Tablet-PricingOptions-Expanded-Tablet-1-darwin.png
- index.ts
- PricingOptions.examples.stories.tsx
- PricingOptions.features.stories.tsx
- PricingOptions.figma.tsx
- PricingOptions.module.css
- PricingOptions.module.css.d.ts
- PricingOptions.stories.tsx
- PricingOptions.test.tsx
- PricingOptions.tsx
- PricingOptions.visual.spec.ts
- Visual-Comparison-Prose-Mobile-viewport-test--29eaf-se-With-a-vertically-stacked-table-narrow-1-darwin.png
- Visual-Comparison-Prose-Mobile-viewport-test--4b10a--Prose-With-a-mixed-data-set-table-narrow-1-darwin.png
- Visual-Comparison-Prose-Mobile-viewport-test--89a99--table-narrow-Prose-With-a-table-narrow-1-darwin.png
- Visual-Comparison-Prose-Mobile-viewport-test--ac684-ile-Prose-Narrow-view-full-width-mobile-1-darwin.png
- Visual-Comparison-Prose-Prose-Default-1-darwin.png
- Visual-Comparison-Prose-Prose-Full-Width-1-darwin.png
- Visual-Comparison-Prose-Prose-Playground-1-darwin.png
- Visual-Comparison-Prose-Prose-Unordered-List-1-darwin.png
- Visual-Comparison-Prose-Prose-With-a-mixed-data-set-table-1-darwin.png
- Visual-Comparison-Prose-Prose-With-a-table-default-1-darwin.png
- Visual-Comparison-Prose-Prose-With-a-table-editorial-variant-1-darwin.png
- Visual-Comparison-Prose-Prose-With-a-vertically-stacked-table-1-darwin.png
- Visual-Comparison-Prose-Tablet-viewport-test--1534f-et-Prose-Regular-view-full-width-tablet-1-darwin.png
- index.ts
- Prose.features.stories.tsx
- Prose.module.css
- Prose.module.css.d.ts
- Prose.stories.tsx
- Prose.test.tsx
- Prose.tsx
- Prose.visual.spec.ts
- river-footsteps-chat-mobile.png
- river-footsteps-chat.png
- river-footsteps-review-mobile.png
- river-footsteps-review.png
- river-footsteps-workflow-mobile.png
- river-footsteps-workflow.png
- Visual-Comparison-FlexSuiteSecurityCategory-FlexSuiteSecurityCategory-Security-1-darwin.png
- FlexSuiteSecurityCategory.content.ts
- FlexSuiteSecurityCategory.stories.tsx
- FlexSuiteSecurityCategory.tsx
- FlexSuiteSecurityCategory.visual.spec.ts
- index.ts
- Visual-Comparison-FlexSuiteAIDetailsPlaylist-FlexSuiteAIDetailsPlaylist-AI-1-darwin.png
- FlexSuiteAIDetailsPlaylist.content.ts
- FlexSuiteAIDetailsPlaylist.stories.tsx
- FlexSuiteAIDetailsPlaylist.tsx
- FlexSuiteAIDetailsPlaylist.visual.spec.ts
- index.ts
- Visual-Comparison-Overview-Overview-AI-1-darwin.png
- FlexSuiteAIOverview.content.ts
- FlexSuiteAIOverview.module.css
- FlexSuiteAIOverview.module.css.d.ts
- FlexSuiteAIOverview.stories.tsx
- FlexSuiteAIOverview.tsx
- FlexSuiteOverview.content.ts
- index.ts
- Overview.visual.spec.ts
- Visual-Comparison-River-River-50-50-image-ratio-1-darwin.png
- Visual-Comparison-River-River-60-40-image-ratio-1-darwin.png
- Visual-Comparison-River-River-Alternating-Layout-1-darwin.png
- Visual-Comparison-River-River-Alternative-Heading-Level-1-darwin.png
- Visual-Comparison-River-River-Alternative-Heading-Size-1-darwin.png
- Visual-Comparison-River-River-Center-1-darwin.png
- Visual-Comparison-River-River-Content-align-block-end-1-darwin.png
- Visual-Comparison-River-River-Copilot-1-darwin.png
- Visual-Comparison-River-River-Custom-background-end-1-darwin.png
- Visual-Comparison-River-River-Custom-background-start-1-darwin.png
- Visual-Comparison-River-River-Custom-background-start-video-1-darwin.png
- Visual-Comparison-River-River-Custom-media-content-1-darwin.png
- Visual-Comparison-River-River-Custom-trailing-content-1-darwin.png
- Visual-Comparison-River-River-Custom-trailing-content-w-divider-1-darwin.png
- Visual-Comparison-River-River-Default-1-darwin.png
- Visual-Comparison-River-River-Duo-Tone-1-darwin.png
- Visual-Comparison-River-River-GridLine-variant-1-darwin.png
- Visual-Comparison-River-River-GridLine-variant-60-40-1-darwin.png
- Visual-Comparison-River-River-GridLine-variant-60-40-centered-1-darwin.png
- Visual-Comparison-River-River-GridLine-variant-60-40-default-background-1-darwin.png
- Visual-Comparison-River-River-GridLine-variant-60-40-default-background-centered-1-darwin.png
- Visual-Comparison-River-River-GridLine-variant-60-40-default-background-end-1-darwin.png
- Visual-Comparison-River-River-GridLine-variant-60-40-end-1-darwin.png
- Visual-Comparison-River-River-GridLine-variant-60-40-with-background-1-darwin.png
- Visual-Comparison-River-River-GridLine-variant-60-40-with-background-centered-1-darwin.png
- Visual-Comparison-River-River-GridLine-variant-60-40-with-background-end-1-darwin.png
- Visual-Comparison-River-River-GridLine-variant-centered-1-darwin.png
- Visual-Comparison-River-River-GridLine-variant-content-align-block-end-1-darwin.png
- Visual-Comparison-River-River-GridLine-variant-default-background-1-darwin.png
- Visual-Comparison-River-River-GridLine-variant-default-background-centered-1-darwin.png
- Visual-Comparison-River-River-GridLine-variant-default-background-end-1-darwin.png
- Visual-Comparison-River-River-GridLine-variant-end-1-darwin.png
- Visual-Comparison-River-River-GridLine-variant-with-background-1-darwin.png
- Visual-Comparison-River-River-GridLine-variant-with-background-centered-1-darwin.png
- Visual-Comparison-River-River-GridLine-variant-with-background-end-1-darwin.png
- Visual-Comparison-River-River-GridLine-variant-with-EyebrowText-1-darwin.png
- Visual-Comparison-River-River-GridLine-variant-with-Label-1-darwin.png
- Visual-Comparison-River-River-GridLine-visual-padding-All-1-darwin.png
- Visual-Comparison-River-River-GridLine-visual-padding-None-1-darwin.png
- Visual-Comparison-River-River-GridLine-visual-position-Block-end-1-darwin.png
- Visual-Comparison-River-River-GridLine-visual-position-Block-end-inline-end-1-darwin.png
- Visual-Comparison-River-River-GridLine-visual-position-Block-end-inline-start-1-darwin.png
- Visual-Comparison-River-River-GridLine-visual-position-Center-1-darwin.png
- Visual-Comparison-River-River-Larger-Placeholder-Image-1-darwin.png
- Visual-Comparison-River-River-Left-1-darwin.png
- Visual-Comparison-River-River-No-Rounded-Visual-Corners-1-darwin.png
- Visual-Comparison-River-River-Right-1-darwin.png
- Visual-Comparison-River-River-With-Inline-Code-Element-1-darwin.png
- Visual-Comparison-River-River-With-inline-code-element-non-standard-size-overrides-1-darwin.png
- Visual-Comparison-River-River-With-Inline-Code-Gridline-1-darwin.png
- Visual-Comparison-River-River-With-Label-1-darwin.png
- Visual-Comparison-River-River-With-Native-Code-Element-1-darwin.png
- Visual-Comparison-River-Tablet-viewport-test--9b218-nt-tablet-River-GridLine-variant-tablet-1-darwin.png
- index.ts
- River.examples.stories.tsx
- River.features.stories.tsx
- River.gridline.stories.tsx
- River.stories.module.css
- River.stories.module.css.d.ts
- River.stories.tsx
- River.test.tsx
- River.tsx
- River.visual.spec.ts
- Visual-Comparison-RiverAccordion-RiverAccordion-Align-End-1-darwin.png
- Visual-Comparison-RiverAccordion-RiverAccordion-Align-Start-1-darwin.png
- Visual-Comparison-RiverAccordion-RiverAccordion-Default-1-darwin.png
- Visual-Comparison-RiverAccordion-RiverAccordion-Gridline-variant-1-darwin.png
- Visual-Comparison-RiverAccordion-RiverAccordion-Gridline-variant-end-1-darwin.png
- Visual-Comparison-RiverAccordion-Tablet-viewp-b7c58-e-tablet-RiverAccordion-Gridline-tablet-1-darwin.png
- index.ts
- RiverAccordion.features.stories.tsx
- RiverAccordion.gridline.stories.tsx
- RiverAccordion.module.css
- RiverAccordion.module.css.d.ts
- RiverAccordion.stories.tsx
- RiverAccordion.test.tsx
- RiverAccordion.tsx
- RiverAccordion.visual.spec.ts
- Visual-Comparison-RiverBreakout-RiverBreakout-Default-1-darwin.png
- Visual-Comparison-RiverBreakout-RiverBreakout-GridLine-variant-1-darwin.png
- Visual-Comparison-RiverBreakout-RiverBreakout-GridLine-variant-cards-trailing-component-1-darwin.png
- Visual-Comparison-RiverBreakout-RiverBreakout-GridLine-variant-statistics-trailing-component-1-darwin.png
- Visual-Comparison-RiverBreakout-RiverBreakout-GridLine-variant-testimonial-trailing-component-1-darwin.png
- Visual-Comparison-RiverBreakout-RiverBreakout-Highlighted-Portion-1-darwin.png
- Visual-Comparison-RiverBreakout-RiverBreakout-Without-Trailing-Component-1-darwin.png
- index.ts
- RiverBreakout.features.stories.tsx
- RiverBreakout.stories.tsx
- RiverBreakout.test.tsx
- RiverBreakout.tsx
- RiverBreakout.visual.spec.ts
- Visual-Comparison-RiverBreakoutTabs-Mobile-vi-1dfbf--viewport-RiverBreakoutTabs-Narrow-viewport-1-darwin.png
- Visual-Comparison-RiverBreakoutTabs-RiverBreakoutTabs-Controlled-Mode-1-darwin.png
- Visual-Comparison-RiverBreakoutTabs-RiverBreakoutTabs-Default-1-darwin.png
- Visual-Comparison-RiverBreakoutTabs-RiverBreakoutTabs-Full-bleed-background-visual-1-darwin.png
- Visual-Comparison-RiverBreakoutTabs-RiverBreakoutTabs-Two-Items-1-darwin.png
- Visual-Comparison-RiverBreakoutTabs-RiverBreakoutTabs-Uncontrolled-Mode-1-darwin.png
- Visual-Comparison-RiverBreakoutTabs-RiverBreakoutTabs-With-Background-Visual-1-darwin.png
- Visual-Comparison-RiverBreakoutTabs-RiverBreakoutTabs-With-images-1-darwin.png
- Visual-Comparison-RiverBreakoutTabs-RiverBreakoutTabs-With-rivers-1-darwin.png
- Visual-Comparison-RiverBreakoutTabs-RiverBreakoutTabs-With-videos-1-darwin.png
- Visual-Comparison-RiverBreakoutTabs-RiverBreakoutTabs-Without-Action-Links-1-darwin.png
- Visual-Comparison-RiverBreakoutTabs-Tablet-vi-0855d--viewport-RiverBreakoutTabs-Tablet-viewport-1-darwin.png
- index.ts
- RiverBreakoutTabs.examples.stories.tsx
- RiverBreakoutTabs.features.stories.tsx
- RiverBreakoutTabs.module.css
- RiverBreakoutTabs.module.css.d.ts
- RiverBreakoutTabs.stories.tsx
- RiverBreakoutTabs.test.tsx
- RiverBreakoutTabs.tsx
- RiverBreakoutTabs.visual.spec.ts
- Visual-Comparison-RiverStoryScroll-Mobile-vie-7b6c3--RiverStoryScroll-Enterprise-Example-Narrow-1-darwin.png
- Visual-Comparison-RiverStoryScroll-Mobile-vie-be16f-led-Narrow-RiverStoryScroll-Disabled-Narrow-1-darwin.png
- Visual-Comparison-RiverStoryScroll-Mobile-vie-fb8ff-arrow-RiverStoryScroll-With-Timeline-Narrow-1-darwin.png
- Visual-Comparison-RiverStoryScroll-RiverStoryScroll-Default-1-darwin.png
- Visual-Comparison-RiverStoryScroll-RiverStoryScroll-Disabled-1-darwin.png
- Visual-Comparison-RiverStoryScroll-RiverStoryScroll-Enterprise-Example-1-darwin.png
- Visual-Comparison-RiverStoryScroll-RiverStoryScroll-With-Timeline-1-darwin.png
- index.tsx
- RiverStoryScroll.features.stories.tsx
- RiverStoryScroll.module.css
- RiverStoryScroll.module.css.d.ts
- RiverStoryScroll.stories.tsx
- RiverStoryScroll.test.tsx
- RiverStoryScroll.tsx
- RiverStoryScroll.visual.spec.ts
- RiverStoryScrollProvider.tsx
- RiverStoryScrollResponder.tsx
- RiverStoryScrollTracker.tsx
- index.ts
- river-shared.module.css
- river-shared.module.css.d.ts
- River.figma.tsx
- Visual-Comparison-Section-Section-Background-Color-1-darwin.png
- Visual-Comparison-Section-Section-Background-Image-1-darwin.png
- Visual-Comparison-Section-Section-Custom-Background-Color-1-darwin.png
- Visual-Comparison-Section-Section-Default-1-darwin.png
- Visual-Comparison-Section-Section-Default-Padding-1-darwin.png
- Visual-Comparison-Section-Section-Independent-Padding-1-darwin.png
- Visual-Comparison-Section-Section-Multiple-Background-Images-1-darwin.png
- Visual-Comparison-Section-Section-Padding-Variants-1-darwin.png
- Visual-Comparison-Section-Section-Playground-1-darwin.png
- Visual-Comparison-Section-Section-Responsive-Background-Color-1-darwin.png
- Visual-Comparison-Section-Section-Responsive-Padding-1-darwin.png
- Visual-Comparison-Section-Section-Rounded-1-darwin.png
- Visual-Comparison-Section-Section-With-Full-Width-Container-1-darwin.png
- index.ts
- Section.features.module.css
- Section.features.module.css.d.ts
- Section.features.stories.tsx
- Section.module.css
- Section.module.css.d.ts
- Section.stories.tsx
- Section.test.tsx
- Section.tsx
- Section.visual.spec.ts
- Visual-Comparison-SectionIntro-SectionIntro-Aligned-Center-1-darwin.png
- Visual-Comparison-SectionIntro-SectionIntro-Default-1-darwin.png
- Visual-Comparison-SectionIntro-SectionIntro-Full-Width-1-darwin.png
- Visual-Comparison-SectionIntro-SectionIntro-Heading-Only-1-darwin.png
- Visual-Comparison-SectionIntro-SectionIntro-Leading-Component-1-darwin.png
- Visual-Comparison-SectionIntro-SectionIntro-Leading-Media-1-darwin.png
- Visual-Comparison-SectionIntro-SectionIntro-Playground-1-darwin.png
- Visual-Comparison-SectionIntro-SectionIntro-With-Action-1-darwin.png
- Visual-Comparison-SectionIntro-SectionIntro-With-Animated-Label-1-darwin.png
- Visual-Comparison-SectionIntro-SectionIntro-With-Description-1-darwin.png
- Visual-Comparison-SectionIntro-SectionIntro-With-Emphasized-Text-1-darwin.png
- Visual-Comparison-SectionIntro-SectionIntro-With-Increased-Contrast-Label-1-darwin.png
- Visual-Comparison-SectionIntro-SectionIntro-With-Inline-Code-1-darwin.png
- Visual-Comparison-SectionIntro-SectionIntro-With-Label-1-darwin.png
- Visual-Comparison-SectionIntro-SectionIntro-With-Secondary-Action-1-darwin.png
- index.ts
- SectionIntro.features.stories.tsx
- SectionIntro.module.css
- SectionIntro.module.css.d.ts
- SectionIntro.stories.tsx
- SectionIntro.test.tsx
- SectionIntro.tsx
- SectionIntro.visual.spec.ts
- Visual-Comparison-SectionIntroStacked-Mobile--364c3-roStacked-Narrow-view-menu-closed-mobile-1-darwin.png
- Visual-Comparison-SectionIntroStacked-SectionIntroStacked-Default-1-darwin.png
- Visual-Comparison-SectionIntroStacked-SectionIntroStacked-Gridline-1-darwin.png
- Visual-Comparison-SectionIntroStacked-SectionIntroStacked-In-Grid-1-darwin.png
- Visual-Comparison-SectionIntroStacked-SectionIntroStacked-Playground-1-darwin.png
- Visual-Comparison-SectionIntroStacked-SectionIntroStacked-With-Emphasized-Text-1-darwin.png
- Visual-Comparison-SectionIntroStacked-Tablet--ea9c3-blet-SectionIntroStacked-Gridline-tablet-1-darwin.png
- index.ts
- SectionIntroStacked.features.stories.tsx
- SectionIntroStacked.module.css
- SectionIntroStacked.module.css.d.ts
- SectionIntroStacked.stories.tsx
- SectionIntroStacked.test.tsx
- SectionIntroStacked.tsx
- SectionIntroStacked.visual.spec.ts
- Visual-Comparison-Stack-Stack-Playground-1-darwin.png
- Visual-Comparison-Stack-Stack-Responsive-1-darwin.png
- Visual-Comparison-Stack-Stack-Responsive-Base-Scale-1-darwin.png
- index.ts
- Stack.module.css
- Stack.module.css.d.ts
- Stack.stories.tsx
- Stack.test.tsx
- Stack.tsx
- Stack.visual.spec.ts
- Visual-Comparison-Statistic-Statistic-Accent-Description-1-darwin.png
- Visual-Comparison-Statistic-Statistic-Boxed-Variant-1-darwin.png
- Visual-Comparison-Statistic-Statistic-Custom-Footnote-1-darwin.png
- Visual-Comparison-Statistic-Statistic-Custom-Heading-Size-1-darwin.png
- Visual-Comparison-Statistic-Statistic-Custom-Intro-1-darwin.png
- Visual-Comparison-Statistic-Statistic-Default-1-darwin.png
- Visual-Comparison-Statistic-Statistic-Gridline-1-darwin.png
- Visual-Comparison-Statistic-Statistic-Media-Components-1-darwin.png
- Visual-Comparison-Statistic-Statistic-No-Description-1-darwin.png
- Visual-Comparison-Statistic-Statistic-Padding-1-darwin.png
- Visual-Comparison-Statistic-Statistic-Playground-1-darwin.png
- Visual-Comparison-Statistic-Statistic-Sizes-1-darwin.png
- Visual-Comparison-Statistic-Statistic-Social-Proof-1-darwin.png
- Visual-Comparison-Statistic-Statistic-With-Footnote-1-darwin.png
- index.ts
- Statistic.examples.stories.tsx
- Statistic.features.stories.tsx
- Statistic.module.css
- Statistic.module.css.d.ts
- Statistic.stories.shared.module.css
- Statistic.stories.shared.module.css.d.ts
- Statistic.stories.tsx
- Statistic.test.tsx
- Statistic.tsx
- Statistic.visual.spec.ts
- Visual-Comparison-SubdomainNavBar-Mobile-view-16bce-le-No-Links-SubdomainNavBar-Mobile-No-Links-1-darwin.png
- Visual-Comparison-SubdomainNavBar-Mobile-view-2fbdc-bdomainNavBar-Mobile-Search-Results-Visible-1-darwin.png
- Visual-Comparison-SubdomainNavBar-Mobile-view-499c4-ubdomainNavBar-Reversed-Button-Order-Narrow-1-darwin.png
- Visual-Comparison-SubdomainNavBar-Mobile-view-8d921-for-Mobile-View-SubdomainNavBar-Mobile-View-1-darwin.png
- Visual-Comparison-SubdomainNavBar-Mobile-view-98fdb-SubdomainNavBar-Mobile-Menu-Open-Many-Items-1-darwin.png
- Visual-Comparison-SubdomainNavBar-Mobile-view-e88bc--Menu-Open-SubdomainNavBar-Mobile-Menu-Open-1-darwin.png
- Visual-Comparison-SubdomainNavBar-SubdomainNavBar-Conditional-Rendering-1-darwin.png
- Visual-Comparison-SubdomainNavBar-SubdomainNavBar-External-Link-1-darwin.png
- Visual-Comparison-SubdomainNavBar-SubdomainNavBar-Full-Width-1-darwin.png
- Visual-Comparison-SubdomainNavBar-SubdomainNavBar-Longer-Title-1-darwin.png
- Visual-Comparison-SubdomainNavBar-SubdomainNavBar-No-overflow-menu-1-link-1-darwin.png
- Visual-Comparison-SubdomainNavBar-SubdomainNavBar-No-Search-1-darwin.png
- Visual-Comparison-SubdomainNavBar-SubdomainNavBar-No-Title-1-darwin.png
- Visual-Comparison-SubdomainNavBar-SubdomainNavBar-Playground-1-darwin.png
- Visual-Comparison-SubdomainNavBar-SubdomainNavBar-Reversed-Button-Order-1-darwin.png
- Visual-Comparison-SubdomainNavBar-SubdomainNavBar-Search-Open-1-darwin.png
- Visual-Comparison-SubdomainNavBar-SubdomainNavBar-Search-Results-Visible-1-darwin.png
- Visual-Comparison-SubdomainNavBar-SubdomainNavBar-Skip-To-Main-Tag-1-darwin.png
- Visual-Comparison-SubdomainNavBar-SubdomainNavBar-Skip-To-Main-Tag-With-Id-1-darwin.png
- index.ts
- NavigationVisbilityObserver.tsx
- SubdomainNavBar.module.css
- SubdomainNavBar.module.css.d.ts
- SubdomainNavBar.stories.tsx
- SubdomainNavBar.test.tsx
- SubdomainNavBar.tsx
- SubdomainNavBar.visual.spec.ts
- useVisibilityObserver.ts
- Visual-Comparison-SubNav-Mobile-viewport-test-0855d-ing-Narrow-SubNav-Active-Sub-Heading-Narrow-1-darwin.png
- Visual-Comparison-SubNav-Mobile-viewport-test-0f54f--Narrow-Open-SubNav-Sub-Heading-Narrow-Open-1-darwin.png
- Visual-Comparison-SubNav-Mobile-viewport-test-6184a--SubNav-Narrow-Anchor-Nav-Variant-Menu-Open-1-darwin.png
- Visual-Comparison-SubNav-Mobile-viewport-test-70ea6-rent-Page-Narrow-SubNav-Current-Page-Narrow-1-darwin.png
- Visual-Comparison-SubNav-Mobile-viewport-test-7134f--Open-SubNav-Active-Sub-Heading-Narrow-Open-1-darwin.png
- Visual-Comparison-SubNav-Mobile-viewport-test-a9895-w-SubNav-With-no-aria-current-set-narrow-1-darwin.png
- Visual-Comparison-SubNav-Mobile-viewport-test-d89c8-av-Variant-SubNav-Narrow-Anchor-Nav-Variant-1-darwin.png
- Visual-Comparison-SubNav-Mobile-viewport-test-e0f45-en-SubNav-Narrow-Dropdown-Variant-Menu-Open-1-darwin.png
- Visual-Comparison-SubNav-Mobile-viewport-test-ec549-down-Variant-SubNav-Narrow-Dropdown-Variant-1-darwin.png
- Visual-Comparison-SubNav-Mobile-viewport-test-for-Full-Width-Narrow-SubNav-Full-Width-Narrow-1-darwin.png
- Visual-Comparison-SubNav-Mobile-viewport-test-for-Sub-Heading-Narrow-SubNav-Sub-Heading-Narrow-1-darwin.png
- Visual-Comparison-SubNav-SubNav-Active-Sub-Heading-1-darwin.png
- Visual-Comparison-SubNav-SubNav-Anchor-Nav-Default-Link-Variant-1-darwin.png
- Visual-Comparison-SubNav-SubNav-Default-1-darwin.png
- Visual-Comparison-SubNav-SubNav-Delayed-active-link-layout-shift-test-1-darwin.png
- Visual-Comparison-SubNav-SubNav-Dropdown-Variant-1-darwin.png
- Visual-Comparison-SubNav-SubNav-Forwarded-Refs-1-darwin.png
- Visual-Comparison-SubNav-SubNav-Full-Width-1-darwin.png
- Visual-Comparison-SubNav-SubNav-Keyboard-Navigation-1-darwin.png
- Visual-Comparison-SubNav-SubNav-Longer-Heading-1-darwin.png
- Visual-Comparison-SubNav-SubNav-Sub-Heading-1-darwin.png
- Visual-Comparison-SubNav-SubNav-With-no-aria-current-set-1-darwin.png
- Visual-Comparison-SubNav-SubNav-With-Shadow-1-darwin.png
- index.ts
- SubNav.features.stories.tsx
- SubNav.module.css
- SubNav.module.css.d.ts
- SubNav.stories.tsx
- SubNav.test.tsx
- SubNav.tsx
- SubNav.visual.spec.ts
- useContainsFocus.ts
- Visual-Comparison-Tabs-Mobile-viewport-test-f-0e433-ariant-Narrow-Tabs-Underline-Variant-Narrow-1-darwin.png
- Visual-Comparison-Tabs-Mobile-viewport-test-f-1d4c9-t-Variant-Narrow-Tabs-Accent-Variant-Narrow-1-darwin.png
- Visual-Comparison-Tabs-Mobile-viewport-test-f-df76f--Variant-Narrow-Tabs-Default-Variant-Narrow-1-darwin.png
- Visual-Comparison-Tabs-Tabs-Accent-Variant-1-darwin.png
- Visual-Comparison-Tabs-Tabs-Custom-Active-Tab-1-darwin.png
- Visual-Comparison-Tabs-Tabs-Custom-Panels-1-darwin.png
- Visual-Comparison-Tabs-Tabs-Default-1-darwin.png
- Visual-Comparison-Tabs-Tabs-Optional-Panel-Animation-1-darwin.png
- Visual-Comparison-Tabs-Tabs-Playground-1-darwin.png
- Visual-Comparison-Tabs-Tabs-Start-Align-1-darwin.png
- Visual-Comparison-Tabs-Tabs-Underline-Variant-1-darwin.png
- Visual-Comparison-Tabs-Tabs-With-Custom-Panels-1-darwin.png
- Visual-Comparison-Tabs-Tabs-With-Pricing-Options-1-darwin.png
- index.ts
- Tabs.examples.stories.tsx
- Tabs.features.stories.tsx
- Tabs.module.css
- Tabs.module.css.d.ts
- Tabs.stories.tsx
- Tabs.test.tsx
- Tabs.tsx
- Tabs.visual.spec.ts
- data.ts
- match-media-mock.ts
- popover-polyfill.ts
- setupTests.ts
- Visual-Comparison-Testimonial-Mobile-viewport-35ca3-essive-Mobile-Testimonial-Expressive-Mobile-1-darwin.png
- Visual-Comparison-Testimonial-Tablet-viewport-4c3d3-essive-Tablet-Testimonial-Expressive-Tablet-1-darwin.png
- Visual-Comparison-Testimonial-Testimonial-Avatar-1-darwin.png
- Visual-Comparison-Testimonial-Testimonial-Colored-Quote-Mark-1-darwin.png
- Visual-Comparison-Testimonial-Testimonial-Duo-1-darwin.png
- Visual-Comparison-Testimonial-Testimonial-Expressive-1-darwin.png
- Visual-Comparison-Testimonial-Testimonial-Expressive-Dark-1-darwin.png
- Visual-Comparison-Testimonial-Testimonial-Expressive-With-Background-1-darwin.png
- Visual-Comparison-Testimonial-Testimonial-Large-1-darwin.png
- Visual-Comparison-Testimonial-Testimonial-Large-Highlighted-Portion-1-darwin.png
- Visual-Comparison-Testimonial-Testimonial-Playground-1-darwin.png
- Visual-Comparison-Testimonial-Testimonial-Trio-1-darwin.png
- Visual-Comparison-Testimonial-Testimonial-Variants-1-darwin.png
- Visual-Comparison-Testimonial-Testimonial-Variants-Without-Border-1-darwin.png
- Visual-Comparison-Testimonial-Testimonial-With-Frosted-Glass-1-darwin.png
- Visual-Comparison-Testimonial-Testimonial-With-Frosted-Glass-Dark-1-darwin.png
- index.ts
- Testimonial.examples.stories.tsx
- Testimonial.features.stories.tsx
- Testimonial.module.css
- Testimonial.module.css.d.ts
- Testimonial.stories.module.css
- Testimonial.stories.module.css.d.ts
- Testimonial.stories.tsx
- Testimonial.test.tsx
- Testimonial.tsx
- Testimonial.visual.spec.ts
- Visual-Comparison-Text-Text-Alignment-1-darwin.png
- Visual-Comparison-Text-Text-Anti-Aliasing-Off-1-darwin.png
- Visual-Comparison-Text-Text-Composition-1-darwin.png
- Visual-Comparison-Text-Text-Default-1-darwin.png
- Visual-Comparison-Text-Text-Hubot-Sans-1-darwin.png
- Visual-Comparison-Text-Text-Mona-Sans-1-darwin.png
- Visual-Comparison-Text-Text-Monospace-1-darwin.png
- Visual-Comparison-Text-Text-Override-Weight-1-darwin.png
- Visual-Comparison-Text-Text-Override-Weight-Responsive-1-darwin.png
- Visual-Comparison-Text-Text-Playground-1-darwin.png
- Visual-Comparison-Text-Text-Scale-1-darwin.png
- index.ts
- Text.module.css
- Text.module.css.d.ts
- Text.stories.module.css
- Text.stories.module.css.d.ts
- Text.stories.tsx
- Text.test.tsx
- Text.tsx
- Text.visual.spec.ts
- Visual-Comparison-TextCursorAnimation-TextCursorAnimation-Animated-3s-delay-1-darwin.png
- Visual-Comparison-TextCursorAnimation-TextCursorAnimation-Animated-default-delay-1-darwin.png
- Visual-Comparison-TextCursorAnimation-TextCursorAnimation-Animation-explicitly-disabled-1-darwin.png
- Visual-Comparison-TextCursorAnimation-TextCursorAnimation-Default-1-darwin.png
- Visual-Comparison-TextCursorAnimation-TextCursorAnimation-Playground-1-darwin.png
- index.ts
- TextCursorAnimation.features.stories.tsx
- TextCursorAnimation.module.css
- TextCursorAnimation.module.css.d.ts
- TextCursorAnimation.stories.tsx
- TextCursorAnimation.test.tsx
- TextCursorAnimation.tsx
- TextCursorAnimation.visual.spec.ts
- Visual-Comparison-ThemeProvider-ThemeProvider-Default-1-darwin.png
- Visual-Comparison-ThemeProvider-ThemeProvider-Nested-1-darwin.png
- index.ts
- ThemeProvider.stories.css.d.ts
- ThemeProvider.stories.module.css
- ThemeProvider.stories.module.css.d.ts
- ThemeProvider.stories.tsx
- ThemeProvider.test.tsx
- ThemeProvider.tsx
- ThemeProvider.visual.spec.ts
- useTheme.test.ts
- useTheme.ts
- Visual-Comparison-Tiles-Tiles-Compact-Layout-1-darwin.png
- Visual-Comparison-Tiles-Tiles-Default-1-darwin.png
- Visual-Comparison-Tiles-Tiles-Default-Variant-1-darwin.png
- Visual-Comparison-Tiles-Tiles-Gridlines-Underfilled-Rows-1-darwin.png
- Visual-Comparison-Tiles-Tiles-Gridlines-Variant-1-darwin.png
- Visual-Comparison-Tiles-Tiles-Multiple-Rows-1-darwin.png
- Visual-Comparison-Tiles-Tiles-Playground-1-darwin.png
- Visual-Comparison-Tiles-Tiles-Static-Items-1-darwin.png
- index.ts
- Tiles.features.stories.tsx
- Tiles.fixtures.tsx
- Tiles.module.css
- Tiles.module.css.d.ts
- Tiles.stories.tsx
- Tiles.test.tsx
- Tiles.tsx
- Tiles.visual.spec.ts
- Visual-Comparison-Timeline-Timeline-Default-1-darwin.png
- Visual-Comparison-Timeline-Timeline-With-Emphasis-1-darwin.png
- Visual-Comparison-Timeline-Timeline-With-Links-1-darwin.png
- Visual-Comparison-Timeline-Timeline-With-Longer-Text-1-darwin.png
- Visual-Comparison-Timeline-Timeline-With-Shorter-Text-1-darwin.png
- index.ts
- Timeline.features.stories.tsx
- Timeline.module.css
- Timeline.module.css.d.ts
- Timeline.stories.tsx
- Timeline.test.tsx
- Timeline.tsx
- Timeline.visual.spec.ts
- Visual-Comparison-Token-Mobile-viewport-test--9c02b-viewport-Token-Long-text-narrow-viewport-1-darwin.png
- Visual-Comparison-Token-Token-Default-1-darwin.png
- Visual-Comparison-Token-Token-Focused-interactive-token-1-darwin.png
- Visual-Comparison-Token-Token-Interactive-Variants-1-darwin.png
- Visual-Comparison-Token-Token-Playground-1-darwin.png
- Visual-Comparison-Token-Token-Polymorphic-Link-1-darwin.png
- Visual-Comparison-Token-Token-Variants-1-darwin.png
- Visual-Comparison-Token-Token-With-Avatar-Leading-Visual-1-darwin.png
- Visual-Comparison-Token-Token-With-Leading-Visual-1-darwin.png
- index.ts
- Token.features.stories.tsx
- Token.module.css
- Token.module.css.d.ts
- Token.stories.tsx
- Token.test.tsx
- Token.tsx
- Token.visual.spec.ts
- Visual-Comparison-Tooltip-Tooltip-All-Directions-1-darwin.png
- Visual-Comparison-Tooltip-Tooltip-Anchor-Has-Margin-1-darwin.png
- Visual-Comparison-Tooltip-Tooltip-Calculated-Direction-1-darwin.png
- Visual-Comparison-Tooltip-Tooltip-Default-1-darwin.png
- Visual-Comparison-Tooltip-Tooltip-Label-Type-1-darwin.png
- Visual-Comparison-Tooltip-Tooltip-Multiline-Text-1-darwin.png
- Visual-Comparison-Tooltip-Tooltip-Playground-1-darwin.png
- index.ts
- Tooltip.features.stories.tsx
- Tooltip.module.css
- Tooltip.module.css.d.ts
- Tooltip.stories.tsx
- Tooltip.test.tsx
- Tooltip.tsx
- Tooltip.visual.spec.ts
- getTextContent.ts
- isFragmentElement.ts
- Captions.module.css
- Captions.module.css.d.ts
- Captions.tsx
- index.ts
- CCButton.tsx
- index.ts
- ControlsBar.tsx
- index.ts
- FullScreenButton.tsx
- index.ts
- IconControl.tsx
- index.ts
- index.ts
- MuteButton.tsx
- index.ts
- PauseIcon.tsx
- index.ts
- PlayIcon.tsx
- index.ts
- PlayPauseButton.tsx
- index.ts
- Range.test.tsx
- Range.tsx
- index.ts
- SeekControl.tsx
- index.ts
- VideoTooltip.tsx
- index.ts
- VolumeControl.module.css
- VolumeControl.module.css.d.ts
- VolumeControl.tsx
- index.ts
- index.ts
- useIsElementFullScreen.ts
- useVideo.tsx
- useVideoKeypressHandlers.ts
- useVideoResizeObserver.ts
- Visual-Comparison-VideoPlayer-VideoPlayer-Controlled-Programmatically-1-darwin.png
- Visual-Comparison-VideoPlayer-VideoPlayer-Custom-Play-Icon-1-darwin.png
- Visual-Comparison-VideoPlayer-VideoPlayer-Default-1-darwin.png
- Visual-Comparison-VideoPlayer-VideoPlayer-Minimal-1-darwin.png
- Visual-Comparison-VideoPlayer-VideoPlayer-Playground-1-darwin.png
- Visual-Comparison-VideoPlayer-VideoPlayer-Tooltip-Visible-On-Focus-1-darwin.png
- Visual-Comparison-VideoPlayer-VideoPlayer-With-Poster-1-darwin.png
- Visual-Comparison-VideoPlayer-VideoPlayer-With-Some-Hidden-Controls-1-darwin.png
- Visual-Comparison-VideoPlayer-VideoPlayer-With-Visually-Hidden-Title-1-darwin.png
- Visual-Comparison-VideoPlayer-VideoPlayer-Without-Branding-1-darwin.png
- index.ts
- VideoPlayer.features.stories.tsx
- VideoPlayer.module.css
- VideoPlayer.module.css.d.ts
- VideoPlayer.stories.module.css
- VideoPlayer.stories.module.css.d.ts
- VideoPlayer.stories.tsx
- VideoPlayer.test.tsx
- VideoPlayer.tsx
- VideoPlayer.visual.spec.ts
- component-helpers.tsx
- constants.tsx
- findElementInChildren.ts
- global.d.ts
- index.esm.ts
- index.ts
- react-jsx.d.ts
- .gitignore
- .prettierignore
- CHANGELOG.md
- eslint.config.mjs
- figma.config.json
- jest.config.js
- package.json
- postcss.config.js
- README.md
- tsconfig.build.json
- tsconfig.esm.json
- tsconfig.json
- tsconfig.test.json
- tsconfig.umd.json
- vite.esm.config.ts
- webpack.config.js
- no-english-text.js
- bundle-size-report.js
- get-coverage.ts
- prepare-canary
- prepare-release-candidate
- CHANGELOG.md
- package.json
- .gitignore
- .nvmrc
- .prettierrc.js
- .size-limit.js
- CODE_OF_CONDUCT.md
- CODEOWNERS
- CONTRIBUTING.md
- eslint.config.mjs
- LICENSE
- package-lock.json
- package.json
- README.md
- RELEASING.md
# Installation Guide
1. Get the code
git clone https://github.com/primer/brand
Downloads the entire project code from GitHub to your computer.
cd brand
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
npm install @primer/react-brand
Downloads and installs the libraries listed in package.json.
<img alt="" src="https://img.shields.io/npm/v/@primer/react-brand.svg">
Type this command into your terminal and run it.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)
