├── .depcheckrc.json ├── .editorconfig ├── .eslintignore ├── .eslintrc.js ├── .gitignore ├── .prettierignore ├── .prettierrc.js ├── .travis.yml ├── .vscode └── settings.json ├── CONTRIBUTING.md ├── LICENSE ├── PULL_REQUEST_TEMPLATE.md ├── README.md ├── jest.config.js ├── package.json ├── public ├── images │ ├── background.png │ ├── illustration.png │ ├── illustration2.png │ ├── loader.svg │ ├── loading-gray.svg │ ├── logo.png │ ├── reply-cross-sell-01.png │ ├── reply-cross-sell-02.png │ └── reply-cross-sell-03.png └── index.html ├── scripts ├── build.js ├── config │ ├── cachedIconData.json │ ├── env.js │ ├── paths.js │ ├── webpack.config.dev.js │ ├── webpack.config.prod.js │ └── webpackDevServer.config.js ├── copyBuildFiles.js ├── generateComponentData.js ├── generateIconComponents.js ├── new-component-template │ ├── README.md │ └── src │ │ ├── components │ │ ├── ComponentNamePlaceholder │ │ │ ├── ComponentNamePlaceholder.jsx │ │ │ ├── ComponentNamePlaceholder.spec.js │ │ │ ├── index.js │ │ │ └── style.js │ │ └── index.js │ │ └── documentation │ │ └── examples │ │ └── ComponentNamePlaceholder │ │ └── ComponentNamePlaceholder.jsx ├── newComponent.js ├── publish.sh ├── publishBeta.sh ├── start.js └── sync.sh ├── src ├── components │ ├── AnimationWrapper │ │ ├── AnimationWrapper.spec.ts │ │ ├── AnimationWrapper.tsx │ │ ├── __snapshots__ │ │ │ └── AnimationWrapper.spec.ts.snap │ │ ├── hook.ts │ │ └── index.ts │ ├── Avatar │ │ ├── Avatar.spec.ts │ │ ├── Avatar.tsx │ │ ├── __snapshots__ │ │ │ └── Avatar.spec.ts.snap │ │ ├── index.ts │ │ └── style.ts │ ├── Banner │ │ ├── Banner.spec.ts │ │ ├── Banner.tsx │ │ ├── __snapshots__ │ │ │ └── Banner.spec.ts.snap │ │ ├── index.ts │ │ └── style.ts │ ├── Button │ │ ├── Button.spec.tsx │ │ ├── Button.tsx │ │ ├── __snapshots__ │ │ │ └── Button.spec.tsx.snap │ │ ├── index.ts │ │ └── style.ts │ ├── Carousel │ │ ├── Carousel.spec.ts │ │ ├── Carousel.tsx │ │ ├── CarouselItems.tsx │ │ ├── __snapshots__ │ │ │ └── Carousel.spec.ts.snap │ │ └── index.ts │ ├── CrossSell │ │ ├── CrossSell.spec.ts │ │ ├── CrossSell.tsx │ │ ├── __snapshots__ │ │ │ └── CrossSell.spec.ts.snap │ │ ├── index.ts │ │ └── style.ts │ ├── DropdownMenu │ │ ├── ButtonItem │ │ │ └── ButtonItem.tsx │ │ ├── DropdownMenu.spec.ts │ │ ├── DropdownMenu.test.tsx │ │ ├── DropdownMenu.tsx │ │ ├── PopupMenu │ │ │ ├── PopupMenu.tsx │ │ │ └── style.ts │ │ ├── TooltipLabel │ │ │ └── TooltipLabel.tsx │ │ ├── __snapshots__ │ │ │ └── DropdownMenu.spec.ts.snap │ │ ├── index.ts │ │ ├── keyCode.ts │ │ └── style.ts │ ├── GlobalStyles.ts │ ├── Icon │ │ ├── Icon.tsx │ │ ├── Icons │ │ │ ├── Add.tsx │ │ │ ├── AddMedia.tsx │ │ │ ├── AltTag.tsx │ │ │ ├── Analyze.tsx │ │ │ ├── Appearance.tsx │ │ │ ├── AppleMusic.tsx │ │ │ ├── ArrowDown.tsx │ │ │ ├── ArrowLeft.tsx │ │ │ ├── ArrowRight.tsx │ │ │ ├── ArrowUp.tsx │ │ │ ├── Attach.tsx │ │ │ ├── Audience.tsx │ │ │ ├── Bandcamp.tsx │ │ │ ├── Behance.tsx │ │ │ ├── Bell.tsx │ │ │ ├── BookmarkFilled.tsx │ │ │ ├── BookmarkOutline.tsx │ │ │ ├── Buffer.tsx │ │ │ ├── Building.tsx │ │ │ ├── ButtonLink.tsx │ │ │ ├── Calendar.tsx │ │ │ ├── CalendarAdd.tsx │ │ │ ├── Camera.tsx │ │ │ ├── Canva.tsx │ │ │ ├── Caption.tsx │ │ │ ├── Card.tsx │ │ │ ├── CaretDown.tsx │ │ │ ├── CaretLeft.tsx │ │ │ ├── CaretRight.tsx │ │ │ ├── CaretUp.tsx │ │ │ ├── Carousel.tsx │ │ │ ├── Channels.tsx │ │ │ ├── ChartLine.tsx │ │ │ ├── Checkmark.tsx │ │ │ ├── ChevronDown.tsx │ │ │ ├── ChevronUp.tsx │ │ │ ├── Clock.tsx │ │ │ ├── Clubhouse.tsx │ │ │ ├── CommentRoundFilled.tsx │ │ │ ├── CommentRoundOutline.tsx │ │ │ ├── CommentSquareOutline.tsx │ │ │ ├── Compare.tsx │ │ │ ├── Copy.tsx │ │ │ ├── Coupon.tsx │ │ │ ├── Cross.tsx │ │ │ ├── Day.tsx │ │ │ ├── Direct.tsx │ │ │ ├── Discord.tsx │ │ │ ├── Dollar.tsx │ │ │ ├── Drafts.tsx │ │ │ ├── DragIndicator.tsx │ │ │ ├── Dribbble.tsx │ │ │ ├── Dropbox.tsx │ │ │ ├── Email.tsx │ │ │ ├── Emoji.tsx │ │ │ ├── Facebook.tsx │ │ │ ├── Feed.tsx │ │ │ ├── Flag.tsx │ │ │ ├── Flash.tsx │ │ │ ├── Folder.tsx │ │ │ ├── Folders.tsx │ │ │ ├── Frequency.tsx │ │ │ ├── Gbp.tsx │ │ │ ├── Gear.tsx │ │ │ ├── Giphy.tsx │ │ │ ├── Github.tsx │ │ │ ├── Giveaway.tsx │ │ │ ├── Gmb.tsx │ │ │ ├── Google.tsx │ │ │ ├── GoogleDrive.tsx │ │ │ ├── GooglePhotos.tsx │ │ │ ├── GooglePlus.tsx │ │ │ ├── Hamburger.tsx │ │ │ ├── Hashtag.tsx │ │ │ ├── Heading.tsx │ │ │ ├── HeartFilled.tsx │ │ │ ├── HeartOutline.tsx │ │ │ ├── Help.tsx │ │ │ ├── Hide.tsx │ │ │ ├── Home.tsx │ │ │ ├── Hotkeys.tsx │ │ │ ├── Image.tsx │ │ │ ├── Import.tsx │ │ │ ├── Inbox.tsx │ │ │ ├── Info.tsx │ │ │ ├── Instagram.tsx │ │ │ ├── InstagramComment.tsx │ │ │ ├── InstagramDm.tsx │ │ │ ├── InstagramGrid.tsx │ │ │ ├── InstagramLike.tsx │ │ │ ├── Layout.tsx │ │ │ ├── Link.tsx │ │ │ ├── LinkedIn.tsx │ │ │ ├── List.tsx │ │ │ ├── Load.tsx │ │ │ ├── Location.tsx │ │ │ ├── LocationPin.tsx │ │ │ ├── Locked.tsx │ │ │ ├── MagicWand.tsx │ │ │ ├── Mail.tsx │ │ │ ├── Mastodon.tsx │ │ │ ├── Medium.tsx │ │ │ ├── Message.tsx │ │ │ ├── MessageFilled.tsx │ │ │ ├── MessageOutline.tsx │ │ │ ├── MessageRoundFilled.tsx │ │ │ ├── MessageRoundOutline.tsx │ │ │ ├── MessageSquareFilled.tsx │ │ │ ├── MessageSquareOutline.tsx │ │ │ ├── Messenger.tsx │ │ │ ├── More.tsx │ │ │ ├── Movie.tsx │ │ │ ├── Music.tsx │ │ │ ├── Negative.tsx │ │ │ ├── Onedrive.tsx │ │ │ ├── OpenNew.tsx │ │ │ ├── Order.tsx │ │ │ ├── Organic.tsx │ │ │ ├── Patreon.tsx │ │ │ ├── Pause.tsx │ │ │ ├── Paypal.tsx │ │ │ ├── Pencil.tsx │ │ │ ├── People.tsx │ │ │ ├── PercentageDown.tsx │ │ │ ├── PercentageUp.tsx │ │ │ ├── Person.tsx │ │ │ ├── Phone.tsx │ │ │ ├── Pin.tsx │ │ │ ├── Pinned.tsx │ │ │ ├── Pinterest.tsx │ │ │ ├── Placeholder.tsx │ │ │ ├── Play.tsx │ │ │ ├── PlayRound.tsx │ │ │ ├── Plus.tsx │ │ │ ├── Post.tsx │ │ │ ├── Promoted.tsx │ │ │ ├── Publish.tsx │ │ │ ├── QrCode.tsx │ │ │ ├── Question.tsx │ │ │ ├── Reel.tsx │ │ │ ├── Refresh.tsx │ │ │ ├── Reply.tsx │ │ │ ├── Return.tsx │ │ │ ├── Retweet.tsx │ │ │ ├── Save.tsx │ │ │ ├── Search.tsx │ │ │ ├── Share.tsx │ │ │ ├── ShareArrow.tsx │ │ │ ├── ShareArrowFilled.tsx │ │ │ ├── ShareArrowOutline.tsx │ │ │ ├── Shopify.tsx │ │ │ ├── Short.tsx │ │ │ ├── Sidebar.tsx │ │ │ ├── Sms.tsx │ │ │ ├── Snapchat.tsx │ │ │ ├── SocialIcons.tsx │ │ │ ├── Soundcloud.tsx │ │ │ ├── Spam.tsx │ │ │ ├── Sparkles.tsx │ │ │ ├── Spotify.tsx │ │ │ ├── Star.tsx │ │ │ ├── StarOutline.tsx │ │ │ ├── StartPage.tsx │ │ │ ├── Stats.tsx │ │ │ ├── Story.tsx │ │ │ ├── Subheading.tsx │ │ │ ├── Substack.tsx │ │ │ ├── Subtract.tsx │ │ │ ├── Swap.tsx │ │ │ ├── Tag.tsx │ │ │ ├── Telegram.tsx │ │ │ ├── TextAlignCenter.tsx │ │ │ ├── TextAlignLeft.tsx │ │ │ ├── TextAlignRight.tsx │ │ │ ├── TextBold.tsx │ │ │ ├── TextExpand.tsx │ │ │ ├── TextItalic.tsx │ │ │ ├── TextRephrase.tsx │ │ │ ├── TextSummarize.tsx │ │ │ ├── TextUnderline.tsx │ │ │ ├── Thread.tsx │ │ │ ├── Thumbsup.tsx │ │ │ ├── ThumbsupFilled.tsx │ │ │ ├── ThumbsupOutline.tsx │ │ │ ├── Tiktok.tsx │ │ │ ├── Title.tsx │ │ │ ├── Trash.tsx │ │ │ ├── Twitch.tsx │ │ │ ├── Twitter.tsx │ │ │ ├── Unknown.tsx │ │ │ ├── Unlocked.tsx │ │ │ ├── Unsplash.tsx │ │ │ ├── Video.tsx │ │ │ ├── View.tsx │ │ │ ├── VolumeOff.tsx │ │ │ ├── VolumeOn.tsx │ │ │ ├── Warning.tsx │ │ │ ├── Website.tsx │ │ │ ├── Whatsapp.tsx │ │ │ ├── World.tsx │ │ │ └── Youtube.tsx │ │ ├── index.ts │ │ ├── style.ts │ │ └── utils │ │ │ └── createIconComponent.ts │ ├── Input │ │ ├── Input.spec.ts │ │ ├── Input.tsx │ │ ├── InputWithRef.tsx │ │ ├── __snapshots__ │ │ │ └── Input.spec.ts.snap │ │ ├── index.ts │ │ └── style.ts │ ├── Link │ │ ├── Link.spec.ts │ │ ├── Link.tsx │ │ ├── __snapshots__ │ │ │ └── Link.spec.ts.snap │ │ ├── index.ts │ │ └── style.ts │ ├── Loader │ │ ├── Loader.spec.ts │ │ ├── Loader.tsx │ │ ├── __snapshots__ │ │ │ └── Loader.spec.ts.snap │ │ ├── index.ts │ │ └── style.ts │ ├── Modal │ │ ├── Modal.spec.tsx │ │ ├── Modal.test.ts │ │ ├── Modal.tsx │ │ ├── __snapshots__ │ │ │ └── Modal.spec.tsx.snap │ │ ├── index.ts │ │ └── style.ts │ ├── NavBar │ │ ├── BufferLogo.tsx │ │ ├── NavBar.spec.ts │ │ ├── NavBar.tsx │ │ ├── NavBarMenu │ │ │ ├── NavBarMenu.spec.ts │ │ │ ├── NavBarMenu.tsx │ │ │ ├── __snapshots__ │ │ │ │ └── NavBarMenu.spec.ts.snap │ │ │ └── style.ts │ │ ├── NavBarProducts │ │ │ └── NavBarProducts.tsx │ │ ├── __snapshots__ │ │ │ └── NavBar.spec.ts.snap │ │ └── index.ts │ ├── NonDismissibleModal │ │ ├── NonDismissibleModal.spec.tsx │ │ ├── NonDismissibleModal.tsx │ │ ├── __snapshots__ │ │ │ └── NonDismissibleModal.spec.tsx.snap │ │ └── index.ts │ ├── Notice │ │ ├── Notice.spec.ts │ │ ├── Notice.tsx │ │ ├── __snapshots__ │ │ │ └── Notice.spec.ts.snap │ │ └── index.ts │ ├── Notification │ │ ├── Notification.spec.ts │ │ ├── Notification.tsx │ │ ├── __snapshots__ │ │ │ └── Notification.spec.ts.snap │ │ ├── index.ts │ │ └── style.ts │ ├── ProgressBar │ │ ├── ProgressBar.spec.ts │ │ ├── ProgressBar.tsx │ │ ├── __snapshots__ │ │ │ └── ProgressBar.spec.ts.snap │ │ ├── index.ts │ │ └── style.ts │ ├── Search │ │ ├── Search.spec.ts │ │ ├── Search.test.tsx │ │ ├── Search.tsx │ │ ├── __snapshots__ │ │ │ └── Search.spec.ts.snap │ │ ├── index.ts │ │ └── style.ts │ ├── SegmentedControl │ │ ├── Option │ │ │ ├── Option.spec.ts │ │ │ ├── Option.tsx │ │ │ ├── __snapshots__ │ │ │ │ └── Option.spec.ts.snap │ │ │ ├── index.ts │ │ │ └── style.ts │ │ ├── SegmentedControl.spec.ts │ │ ├── SegmentedControl.tsx │ │ ├── __snapshots__ │ │ │ └── SegmentedControl.spec.ts.snap │ │ ├── index.ts │ │ └── style.ts │ ├── Select │ │ ├── Select.spec.ts │ │ ├── Select.test.tsx │ │ ├── Select.tsx │ │ ├── SelectItem │ │ │ ├── SelectItem.tsx │ │ │ └── style.ts │ │ ├── __snapshots__ │ │ │ └── Select.spec.ts.snap │ │ ├── index.ts │ │ └── style.ts │ ├── SidebarHeader │ │ ├── SidebarHeader.spec.ts │ │ ├── SidebarHeader.tsx │ │ ├── __snapshots__ │ │ │ └── SidebarHeader.spec.ts.snap │ │ ├── index.ts │ │ └── style.ts │ ├── SidebarListItem │ │ ├── SidebarListItem.spec.ts │ │ ├── SidebarListItem.tsx │ │ ├── __snapshots__ │ │ │ └── SidebarListItem.spec.ts.snap │ │ ├── index.ts │ │ └── style.ts │ ├── SimpleModal │ │ ├── SimpleModal.spec.ts │ │ ├── SimpleModal.tsx │ │ ├── __snapshots__ │ │ │ └── SimpleModal.spec.ts.snap │ │ ├── index.ts │ │ └── style.ts │ ├── SocialButton │ │ ├── SocialButton.spec.tsx │ │ ├── SocialButton.tsx │ │ ├── __snapshots__ │ │ │ └── SocialButton.spec.tsx.snap │ │ ├── index.ts │ │ └── style.ts │ ├── States │ │ ├── States.spec.ts │ │ ├── States.tsx │ │ ├── __snapshots__ │ │ │ └── States.spec.ts.snap │ │ └── index.ts │ ├── Switch │ │ ├── Switch.spec.ts │ │ ├── Switch.tsx │ │ ├── __snapshots__ │ │ │ └── Switch.spec.ts.snap │ │ ├── index.ts │ │ └── style.ts │ ├── Tag │ │ ├── Tag.spec.ts │ │ ├── Tag.tsx │ │ ├── __snapshots__ │ │ │ └── Tag.spec.ts.snap │ │ ├── index.ts │ │ └── style.ts │ ├── Text │ │ ├── Text.spec.ts │ │ ├── Text.tsx │ │ ├── __snapshots__ │ │ │ └── Text.spec.ts.snap │ │ ├── index.ts │ │ └── style.ts │ ├── TextArea │ │ ├── TextArea.spec.ts │ │ ├── TextArea.tsx │ │ ├── __snapshots__ │ │ │ └── TextArea.spec.ts.snap │ │ ├── index.ts │ │ └── style.ts │ ├── Tooltip │ │ ├── Tooltip.spec.ts │ │ ├── Tooltip.tsx │ │ ├── __snapshots__ │ │ │ └── Tooltip.spec.ts.snap │ │ ├── index.ts │ │ └── style.ts │ ├── constants │ │ └── index.ts │ ├── index.ts │ ├── style │ │ ├── animations.ts │ │ ├── borders.ts │ │ ├── colors.ts │ │ └── fonts.ts │ └── util │ │ └── deprecated-warning.ts ├── documentation │ ├── App.tsx │ ├── app │ │ ├── AppContainer.tsx │ │ ├── Home.tsx │ │ └── layout │ │ │ ├── content │ │ │ ├── Component.tsx │ │ │ ├── Markdown.tsx │ │ │ └── components │ │ │ │ ├── CodeExample.tsx │ │ │ │ ├── ColorCopy.tsx │ │ │ │ ├── Example.tsx │ │ │ │ ├── Heading.tsx │ │ │ │ ├── InfoCard.tsx │ │ │ │ ├── LinkCard.tsx │ │ │ │ ├── LinkItem.tsx │ │ │ │ └── Props.tsx │ │ │ ├── navbar │ │ │ └── NavBar.tsx │ │ │ └── sidebar │ │ │ └── Sidebar.tsx │ ├── config │ │ ├── componentData.json │ │ └── documentsData.json │ ├── examples │ │ ├── AnimationWrapper │ │ │ ├── AnimationWrapper.tsx │ │ │ └── AnimationWrapperHook.tsx │ │ ├── Avatar │ │ │ ├── Fallback │ │ │ │ └── AvatarWithFallbackImage.tsx │ │ │ ├── Size │ │ │ │ ├── Large.tsx │ │ │ │ ├── Medium.tsx │ │ │ │ └── Small.tsx │ │ │ └── Type │ │ │ │ └── AvatarSocial.tsx │ │ ├── Banner │ │ │ ├── Banner.tsx │ │ │ ├── BannerOrange.tsx │ │ │ └── BannerWithHtml.tsx │ │ ├── Button │ │ │ ├── Size │ │ │ │ ├── SizeFullWidth.tsx │ │ │ │ ├── SizeLarge.tsx │ │ │ │ ├── SizeMedium.tsx │ │ │ │ └── SizeSmall.tsx │ │ │ ├── State │ │ │ │ ├── StateDisabled.tsx │ │ │ │ └── StateLoading.tsx │ │ │ └── Type │ │ │ │ ├── TypeDanger.tsx │ │ │ │ ├── TypeIcon.tsx │ │ │ │ ├── TypeIconEnd.tsx │ │ │ │ ├── TypeOrange.tsx │ │ │ │ ├── TypePrimary.tsx │ │ │ │ ├── TypePrimaryIcon.tsx │ │ │ │ ├── TypePrimaryIconEnd.tsx │ │ │ │ ├── TypeSecondary.tsx │ │ │ │ ├── TypeSecondaryIcon.tsx │ │ │ │ ├── TypeSplit.tsx │ │ │ │ ├── TypeSplitButtonWithCustomSelect.tsx │ │ │ │ ├── TypeSplitIsOpen.tsx │ │ │ │ ├── TypeSplitSmall.tsx │ │ │ │ ├── TypeSplitWithEndIcon.tsx │ │ │ │ └── TypeText.tsx │ │ ├── Carousel │ │ │ ├── Carousel-no-indicators.tsx │ │ │ ├── Carousel-one-direction.tsx │ │ │ ├── Carousel.tsx │ │ │ └── one-slide.tsx │ │ ├── CrossSell │ │ │ └── CrossSell.tsx │ │ ├── DropdownMenu │ │ │ ├── DropdownMenu.tsx │ │ │ └── DropdownMenuWithOnOpenEvent.tsx │ │ ├── Icon │ │ │ ├── Add.tsx │ │ │ ├── AddMedia.tsx │ │ │ ├── AltTag.tsx │ │ │ ├── Analyze.tsx │ │ │ ├── Appearance.tsx │ │ │ ├── AppleMusic.tsx │ │ │ ├── ArrowDown.tsx │ │ │ ├── ArrowLeft.tsx │ │ │ ├── ArrowRight.tsx │ │ │ ├── ArrowUp.tsx │ │ │ ├── Attach.tsx │ │ │ ├── Audience.tsx │ │ │ ├── Bandcamp.tsx │ │ │ ├── Behance.tsx │ │ │ ├── Bell.tsx │ │ │ ├── BookmarkFilled.tsx │ │ │ ├── BookmarkOutline.tsx │ │ │ ├── Buffer.tsx │ │ │ ├── Building.tsx │ │ │ ├── ButtonLink.tsx │ │ │ ├── Calendar.tsx │ │ │ ├── CalendarAdd.tsx │ │ │ ├── Camera.tsx │ │ │ ├── Canva.tsx │ │ │ ├── Caption.tsx │ │ │ ├── Card.tsx │ │ │ ├── CaretDown.tsx │ │ │ ├── CaretLeft.tsx │ │ │ ├── CaretRight.tsx │ │ │ ├── CaretUp.tsx │ │ │ ├── Carousel.tsx │ │ │ ├── Channels.tsx │ │ │ ├── ChartLine.tsx │ │ │ ├── Checkmark.tsx │ │ │ ├── ChevronDown.tsx │ │ │ ├── ChevronUp.tsx │ │ │ ├── Clock.tsx │ │ │ ├── Clubhouse.tsx │ │ │ ├── CommentRoundFilled.tsx │ │ │ ├── CommentRoundOutline.tsx │ │ │ ├── CommentSquareOutline.tsx │ │ │ ├── Compare.tsx │ │ │ ├── Copy.tsx │ │ │ ├── Coupon.tsx │ │ │ ├── Cross.tsx │ │ │ ├── Day.tsx │ │ │ ├── Direct.tsx │ │ │ ├── Discord.tsx │ │ │ ├── Dollar.tsx │ │ │ ├── Drafts.tsx │ │ │ ├── DragIndicator.tsx │ │ │ ├── Dribbble.tsx │ │ │ ├── Dropbox.tsx │ │ │ ├── Email.tsx │ │ │ ├── Emoji.tsx │ │ │ ├── Facebook.tsx │ │ │ ├── Feed.tsx │ │ │ ├── Flag.tsx │ │ │ ├── Flash.tsx │ │ │ ├── Folder.tsx │ │ │ ├── Folders.tsx │ │ │ ├── Frequency.tsx │ │ │ ├── Gbp.tsx │ │ │ ├── Gear.tsx │ │ │ ├── Giphy.tsx │ │ │ ├── Github.tsx │ │ │ ├── Giveaway.tsx │ │ │ ├── Gmb.tsx │ │ │ ├── Google.tsx │ │ │ ├── GoogleDrive.tsx │ │ │ ├── GooglePhotos.tsx │ │ │ ├── GooglePlus.tsx │ │ │ ├── Hamburger.tsx │ │ │ ├── Hashtag.tsx │ │ │ ├── Heading.tsx │ │ │ ├── HeartFilled.tsx │ │ │ ├── HeartOutline.tsx │ │ │ ├── Help.tsx │ │ │ ├── Hide.tsx │ │ │ ├── Home.tsx │ │ │ ├── Hotkeys.tsx │ │ │ ├── Image.tsx │ │ │ ├── Import.tsx │ │ │ ├── Inbox.tsx │ │ │ ├── Info.tsx │ │ │ ├── Instagram.tsx │ │ │ ├── InstagramComment.tsx │ │ │ ├── InstagramDm.tsx │ │ │ ├── InstagramGrid.tsx │ │ │ ├── InstagramLike.tsx │ │ │ ├── Layout.tsx │ │ │ ├── Link.tsx │ │ │ ├── LinkedIn.tsx │ │ │ ├── List.tsx │ │ │ ├── Load.tsx │ │ │ ├── Location.tsx │ │ │ ├── LocationPin.tsx │ │ │ ├── Locked.tsx │ │ │ ├── MagicWand.tsx │ │ │ ├── Mail.tsx │ │ │ ├── Mastodon.tsx │ │ │ ├── Medium.tsx │ │ │ ├── Message.tsx │ │ │ ├── MessageFilled.tsx │ │ │ ├── MessageOutline.tsx │ │ │ ├── MessageRoundFilled.tsx │ │ │ ├── MessageRoundOutline.tsx │ │ │ ├── MessageSquareFilled.tsx │ │ │ ├── MessageSquareOutline.tsx │ │ │ ├── Messenger.tsx │ │ │ ├── More.tsx │ │ │ ├── Movie.tsx │ │ │ ├── Music.tsx │ │ │ ├── Negative.tsx │ │ │ ├── Onedrive.tsx │ │ │ ├── OpenNew.tsx │ │ │ ├── Order.tsx │ │ │ ├── Organic.tsx │ │ │ ├── Patreon.tsx │ │ │ ├── Pause.tsx │ │ │ ├── Paypal.tsx │ │ │ ├── Pencil.tsx │ │ │ ├── People.tsx │ │ │ ├── PercentageDown.tsx │ │ │ ├── PercentageUp.tsx │ │ │ ├── Person.tsx │ │ │ ├── Phone.tsx │ │ │ ├── Pin.tsx │ │ │ ├── Pinned.tsx │ │ │ ├── Pinterest.tsx │ │ │ ├── Placeholder.tsx │ │ │ ├── Play.tsx │ │ │ ├── PlayRound.tsx │ │ │ ├── Plus.tsx │ │ │ ├── Post.tsx │ │ │ ├── Promoted.tsx │ │ │ ├── Publish.tsx │ │ │ ├── QrCode.tsx │ │ │ ├── Question.tsx │ │ │ ├── Reel.tsx │ │ │ ├── Refresh.tsx │ │ │ ├── Reply.tsx │ │ │ ├── Return.tsx │ │ │ ├── Retweet.tsx │ │ │ ├── Save.tsx │ │ │ ├── Search.tsx │ │ │ ├── Share.tsx │ │ │ ├── ShareArrow.tsx │ │ │ ├── ShareArrowFilled.tsx │ │ │ ├── ShareArrowOutline.tsx │ │ │ ├── Shopify.tsx │ │ │ ├── Short.tsx │ │ │ ├── Sidebar.tsx │ │ │ ├── SizeExtraLarge.tsx │ │ │ ├── SizeLarge.tsx │ │ │ ├── SizeMedium.tsx │ │ │ ├── SizeSmall.tsx │ │ │ ├── Sms.tsx │ │ │ ├── Snapchat.tsx │ │ │ ├── SocialIcons.tsx │ │ │ ├── Soundcloud.tsx │ │ │ ├── Spam.tsx │ │ │ ├── Sparkles.tsx │ │ │ ├── Spotify.tsx │ │ │ ├── Star.tsx │ │ │ ├── StarOutline.tsx │ │ │ ├── StartPage.tsx │ │ │ ├── Stats.tsx │ │ │ ├── Story.tsx │ │ │ ├── Subheading.tsx │ │ │ ├── Substack.tsx │ │ │ ├── Subtract.tsx │ │ │ ├── Swap.tsx │ │ │ ├── Tag.tsx │ │ │ ├── Telegram.tsx │ │ │ ├── TextAlignCenter.tsx │ │ │ ├── TextAlignLeft.tsx │ │ │ ├── TextAlignRight.tsx │ │ │ ├── TextBold.tsx │ │ │ ├── TextExpand.tsx │ │ │ ├── TextItalic.tsx │ │ │ ├── TextRephrase.tsx │ │ │ ├── TextSummarize.tsx │ │ │ ├── TextUnderline.tsx │ │ │ ├── Thread.tsx │ │ │ ├── Thumbsup.tsx │ │ │ ├── ThumbsupFilled.tsx │ │ │ ├── ThumbsupOutline.tsx │ │ │ ├── Tiktok.tsx │ │ │ ├── Title.tsx │ │ │ ├── Trash.tsx │ │ │ ├── Twitch.tsx │ │ │ ├── Twitter.tsx │ │ │ ├── Unknown.tsx │ │ │ ├── Unlocked.tsx │ │ │ ├── Unsplash.tsx │ │ │ ├── Video.tsx │ │ │ ├── View.tsx │ │ │ ├── VolumeOff.tsx │ │ │ ├── VolumeOn.tsx │ │ │ ├── Warning.tsx │ │ │ ├── Website.tsx │ │ │ ├── Whatsapp.tsx │ │ │ ├── World.tsx │ │ │ └── Youtube.tsx │ │ ├── Input │ │ │ ├── option │ │ │ │ ├── Default.tsx │ │ │ │ ├── WithExposedRef.tsx │ │ │ │ ├── WithHelp.tsx │ │ │ │ ├── WithIcon.tsx │ │ │ │ ├── WithLabel.tsx │ │ │ │ ├── WithOnBlur.tsx │ │ │ │ ├── WithPrefix.tsx │ │ │ │ └── WithValue.tsx │ │ │ ├── size │ │ │ │ ├── Regular.tsx │ │ │ │ ├── Small.tsx │ │ │ │ └── Tall.tsx │ │ │ └── state │ │ │ │ ├── Disabled.tsx │ │ │ │ ├── WithError.tsx │ │ │ │ └── WithErrorAndHelp.tsx │ │ ├── Link │ │ │ ├── BoldLink.tsx │ │ │ └── DefaultLink.tsx │ │ ├── Loader │ │ │ └── Loader.tsx │ │ ├── Modal │ │ │ ├── basic-modal.tsx │ │ │ ├── focus_reset.tsx │ │ │ ├── form-modal.tsx │ │ │ ├── with-background.tsx │ │ │ └── with-carousel.tsx │ │ ├── NonDismissibleModal │ │ │ └── NonDismissibleModal.tsx │ │ ├── Notice │ │ │ ├── Notice.tsx │ │ │ ├── NoticeDanger.tsx │ │ │ ├── NoticeDismissable.tsx │ │ │ ├── NoticeDismissableNoAnimation.tsx │ │ │ ├── NoticeLongText.tsx │ │ │ ├── NoticeTip.tsx │ │ │ └── NoticeWarning.tsx │ │ ├── Notification │ │ │ ├── Notification.tsx │ │ │ └── NotificationAction.tsx │ │ ├── ProgressBar │ │ │ └── DefaultProgressBar.tsx │ │ ├── SegmentedControl │ │ │ ├── Interactive │ │ │ │ └── IconPosition.tsx │ │ │ ├── Size │ │ │ │ ├── SizeLarge.tsx │ │ │ │ ├── SizeNormal.tsx │ │ │ │ └── SizeSmall.tsx │ │ │ ├── State │ │ │ │ ├── StateCustomDefault.tsx │ │ │ │ ├── StateCustomTooltip.tsx │ │ │ │ └── StateOptionDisabled.tsx │ │ │ └── Type │ │ │ │ ├── TypeIconOnly.tsx │ │ │ │ ├── TypeTextAndIcon.tsx │ │ │ │ └── TypeTextOnly.tsx │ │ ├── Select │ │ │ ├── BasicSelect.tsx │ │ │ ├── DisabledSelect.tsx │ │ │ ├── SelectIconOnly.tsx │ │ │ ├── SelectWithCustomItem.tsx │ │ │ ├── SelectWithIcon.tsx │ │ │ ├── SelectWithInputSearch.tsx │ │ │ ├── SelectWithItemTextToLeft.tsx │ │ │ ├── SelectWithItemTooltip.tsx │ │ │ ├── SelectWithItemsWithNoSelectedState.tsx │ │ │ ├── SelectWithMenu.tsx │ │ │ ├── SelectWithMenuAndCustomItem.tsx │ │ │ ├── SelectWithMultiSelect.tsx │ │ │ ├── SelectWithOnOpen.tsx │ │ │ ├── SelectWithSearch.tsx │ │ │ ├── SelectWithSelectAll.tsx │ │ │ ├── SelectWithoutCapitalize.tsx │ │ │ ├── SplitButtonBottom.tsx │ │ │ ├── SplitButtonDisabled.tsx │ │ │ └── SplitButtonTop.tsx │ │ ├── SidebarHeader │ │ │ └── Header.tsx │ │ ├── SidebarListItem │ │ │ ├── SidebarListItem.tsx │ │ │ ├── SidebarListItemSelected.tsx │ │ │ ├── SidebarListItemWithCustomBadge.tsx │ │ │ ├── SidebarListItemWithCustomComponent.tsx │ │ │ ├── SidebarListItemWithIcon.tsx │ │ │ ├── SidebarListItemWithUser.tsx │ │ │ └── SidebarListItemWithUserSelected.tsx │ │ ├── SimpleModal │ │ │ └── SimpleModal.tsx │ │ ├── SocialButton │ │ │ ├── FacebookSocialButton.tsx │ │ │ ├── InstagramSocialButton.tsx │ │ │ ├── LinkedinSocialButton.tsx │ │ │ ├── PinterestSocialButton.tsx │ │ │ └── TwitterSocialButton.tsx │ │ ├── States │ │ │ ├── StatesLarge.tsx │ │ │ ├── StatesLargeWithMedia.tsx │ │ │ ├── StatesLargeWithTwoButtons.tsx │ │ │ ├── StatesLargeWithoutButtons.tsx │ │ │ ├── StatesSmall.tsx │ │ │ ├── StatesSmallWithMedia.tsx │ │ │ ├── StatesSmallWithTwoButtons.tsx │ │ │ └── StatesSmallWithoutButtons.tsx │ │ ├── Switch │ │ │ ├── SwitchDisabled.tsx │ │ │ ├── SwitchOff.tsx │ │ │ └── SwitchOn.tsx │ │ ├── Tag │ │ │ ├── CountTag.tsx │ │ │ ├── IconTag.tsx │ │ │ └── TextTag.tsx │ │ ├── Text │ │ │ ├── basic │ │ │ │ ├── Paragraph.tsx │ │ │ │ └── Span.tsx │ │ │ ├── heading │ │ │ │ ├── H1.tsx │ │ │ │ ├── H2.tsx │ │ │ │ └── H3.tsx │ │ │ └── label │ │ │ │ ├── Help.tsx │ │ │ │ ├── HelpWithError.tsx │ │ │ │ ├── Label.tsx │ │ │ │ └── LabelColored.tsx │ │ ├── TextArea │ │ │ ├── TextArea.tsx │ │ │ ├── TextAreaDisabled.tsx │ │ │ ├── TextAreaFullHeight.tsx │ │ │ └── TextAreaWithError.tsx │ │ └── Tooltip │ │ │ ├── option │ │ │ ├── customOpacity.tsx │ │ │ ├── multiline.tsx │ │ │ ├── withCustomLabel.tsx │ │ │ └── withHotkey.tsx │ │ │ ├── position │ │ │ ├── bottom.tsx │ │ │ ├── left.tsx │ │ │ ├── right.tsx │ │ │ ├── top.tsx │ │ │ └── withVerticalAlign.tsx │ │ │ └── visibility │ │ │ ├── notVisible.tsx │ │ │ └── visible.tsx │ ├── markdown │ │ ├── GettingStarted │ │ │ ├── CHANGELOG.md │ │ │ ├── ComponentStatus.md │ │ │ ├── Contributing.md │ │ │ ├── GettingStarted.md │ │ │ └── NewComponentChecklist.md │ │ ├── Guides │ │ │ └── Guides.md │ │ └── UI.md │ └── version.ts ├── globals.d.ts ├── index.css └── index.tsx ├── tsconfig.json ├── types └── index.d.ts └── yarn.lock /.depcheckrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "ignores": [ 3 | "babel-core", 4 | "babel-jest", 5 | "babel-plugin-module-resolver", 6 | "identity-obj-proxy", 7 | "raw-loader", 8 | "sass-loader", 9 | "sort-package-json", 10 | "webpack-bundle-analyzer", 11 | "@bufferapp/ui" 12 | ], 13 | "ignore-patterns": ["dist", "built", "temp", "coverage", "lib-commonjs", "lib"] 14 | } 15 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | # Tab indentation for HTML files 2 | [*.html] 3 | indent_style = space 4 | indent_size = 2 5 | 6 | # Tab indentation for JS files 7 | [*.js] 8 | indent_style = space 9 | indent_size = 2 10 | 11 | # Tab indentation for JS files 12 | [*.ts] 13 | indent_style = space 14 | indent_size = 2 15 | 16 | # Tab indentation for JSON files 17 | [*.json] 18 | indent_style = space 19 | indent_size = 2 20 | 21 | # Tab indentation for JSX files 22 | [*.jsx] 23 | indent_style = space 24 | indent_size = 2 25 | 26 | # Tab indentation for JSX files 27 | [*.tsx] 28 | indent_style = space 29 | indent_size = 2 30 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | build/ 2 | node_modules/ 3 | config/ 4 | coverage/ 5 | lib/ 6 | dist/ 7 | types/ 8 | # Generated component data 9 | /src/documentation/config/componentData.json 10 | /src/documentation/config/documentsData.json 11 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | 25 | # built component library 26 | /lib 27 | /dist 28 | /built 29 | 30 | # built docs 31 | /docs 32 | 33 | # Webstorm 34 | .idea 35 | 36 | # secrets (figma access token, etc.) 37 | .env 38 | 39 | -------------------------------------------------------------------------------- /.prettierrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | trailingComma: 'all', 3 | tabWidth: 2, 4 | semi: false, 5 | singleQuote: true, 6 | bracketSpacing: true, 7 | useTabs: false, 8 | } 9 | -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | 3 | node_js: 4 | - "16" 5 | 6 | cache: yarn 7 | 8 | notifications: 9 | email: false 10 | 11 | install: 12 | - yarn 13 | 14 | before_script: 15 | - curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter 16 | - chmod +x ./cc-test-reporter 17 | - ./cc-test-reporter before-build 18 | 19 | after_success: 20 | - ./cc-test-reporter after-build --exit-code $TRAVIS_TEST_RESULT 21 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "files.associations": { 3 | "*.md": "mdx" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /public/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bufferapp/ui/05aba391f701d6507b79587a9986fe7b7b32a8c0/public/images/background.png -------------------------------------------------------------------------------- /public/images/illustration.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bufferapp/ui/05aba391f701d6507b79587a9986fe7b7b32a8c0/public/images/illustration.png -------------------------------------------------------------------------------- /public/images/illustration2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bufferapp/ui/05aba391f701d6507b79587a9986fe7b7b32a8c0/public/images/illustration2.png -------------------------------------------------------------------------------- /public/images/loader.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /public/images/loading-gray.svg: -------------------------------------------------------------------------------- 1 | 3 | 4 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /public/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bufferapp/ui/05aba391f701d6507b79587a9986fe7b7b32a8c0/public/images/logo.png -------------------------------------------------------------------------------- /public/images/reply-cross-sell-01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bufferapp/ui/05aba391f701d6507b79587a9986fe7b7b32a8c0/public/images/reply-cross-sell-01.png -------------------------------------------------------------------------------- /public/images/reply-cross-sell-02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bufferapp/ui/05aba391f701d6507b79587a9986fe7b7b32a8c0/public/images/reply-cross-sell-02.png -------------------------------------------------------------------------------- /public/images/reply-cross-sell-03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bufferapp/ui/05aba391f701d6507b79587a9986fe7b7b32a8c0/public/images/reply-cross-sell-03.png -------------------------------------------------------------------------------- /scripts/new-component-template/README.md: -------------------------------------------------------------------------------- 1 | # New Component Template 2 | 3 | This directory is used by the the `new-component` package.json script to bootstrap work on a new component. 4 | 5 | ## Usage 6 | 7 | ```bash 8 | $ yarn component:new 9 | ``` 10 | 11 | ## Changing the template 12 | 13 | The component template files are in `new-component-template/` and will be copied into the root of this package after running the `component:new` script. If the file already exists then the new content is appended. Feel free to make any tweaks or additions there. Any instances of `ComponentNamePlaceholder` in the template files, directory names, or in the source code will be replaced with the name the user chooses. 14 | -------------------------------------------------------------------------------- /scripts/new-component-template/src/components/ComponentNamePlaceholder/ComponentNamePlaceholder.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | import PropTypes from 'prop-types' 4 | import styled from 'styled-components' 5 | import * as Styles from './style' 6 | 7 | const ComponentNamePlaceholderStyled = styled.div` 8 | ${Styles.base} 9 | ` 10 | 11 | const ComponentNamePlaceholder = ({ children }) => ( 12 | {children} 13 | ) 14 | 15 | ComponentNamePlaceholder.propTypes = { 16 | children: PropTypes.node.isRequired, 17 | } 18 | 19 | export default ComponentNamePlaceholder 20 | -------------------------------------------------------------------------------- /scripts/new-component-template/src/components/ComponentNamePlaceholder/ComponentNamePlaceholder.spec.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | import snap from 'jest-auto-snapshots' 3 | import 'jest-styled-components' 4 | 5 | import ComponentNamePlaceholder from './ComponentNamePlaceholder' 6 | 7 | snap(ComponentNamePlaceholder, './ComponentNamePlaceholder.tsx') 8 | -------------------------------------------------------------------------------- /scripts/new-component-template/src/components/ComponentNamePlaceholder/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './ComponentNamePlaceholder' 2 | -------------------------------------------------------------------------------- /scripts/new-component-template/src/components/ComponentNamePlaceholder/style.js: -------------------------------------------------------------------------------- 1 | import { css } from 'styled-components' 2 | 3 | export const base = css` 4 | color: red; 5 | ` 6 | -------------------------------------------------------------------------------- /scripts/new-component-template/src/components/index.js: -------------------------------------------------------------------------------- 1 | export { default as ComponentNamePlaceholder } from './ComponentNamePlaceholder' 2 | -------------------------------------------------------------------------------- /scripts/new-component-template/src/documentation/examples/ComponentNamePlaceholder/ComponentNamePlaceholder.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ComponentNamePlaceholder from '@bufferapp/ui/ComponentNamePlaceholder' 3 | 4 | /** ComponentNamePlaceholder Example */ 5 | export default function ExampleComponentNamePlaceholder() { 6 | return Hello, world! 7 | } 8 | -------------------------------------------------------------------------------- /scripts/publish.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | RED='\033[0;31m' 4 | BLUE='\033[0;34m' 5 | NC='\033[0m' # No Color 6 | 7 | if [ -z $1 ] 8 | then 9 | echo -e $RED"Publish error:" $NC "plesase provide a newversion string [ major | minor | patch ]" 10 | exit 1 11 | fi 12 | 13 | newVersion=$1 14 | echo -e $BLUE"Publishing a new" $newVersion "version"$NC 15 | 16 | git checkout main && \ 17 | yarn version --$newVersion && \ 18 | yarn build:lib && \ 19 | cd ./dist && \ 20 | yarn publish && \ 21 | cd ../ &&\ 22 | git push --follow-tags &&\ 23 | yarn deploy:docs 24 | -------------------------------------------------------------------------------- /scripts/publishBeta.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | RED='\033[0;31m' 4 | BLUE='\033[0;34m' 5 | NC='\033[0m' # No Color 6 | 7 | #if [ -z $1 ] 8 | # then 9 | # echo -e $RED"Publish error:" $NC "plesase provide the current package.json version" 10 | # exit 1 11 | #fi 12 | 13 | version=$(jq -r .version package.json) 14 | version=$(echo "$version" | sed 's/-beta.*//') 15 | 16 | revision=$(git rev-parse --short HEAD) 17 | betaVersion="$version-beta.$revision" 18 | 19 | echo -e $BLUE"Publishing a new" ${betaVersion} "version"$NC 20 | 21 | yarn version --new-version $betaVersion --no-git-tag-version && \ 22 | yarn run build:lib && \ 23 | cd ./dist && \ 24 | yarn publish --tag=beta 25 | -------------------------------------------------------------------------------- /scripts/sync.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | RED='\033[0;31m' 4 | BLUE='\033[0;34m' 5 | NC='\033[0m' # No Color 6 | 7 | if [ -z $1 ] 8 | then 9 | echo -e $RED"Sync error:" $NC "please provide a destination folder" 10 | exit 1 11 | fi 12 | 13 | yarn build:lib &&\ 14 | # remove spec and test files 15 | rm ./dist/*/*.test.* &&\ 16 | rm ./dist/*/*.spec.* &&\ 17 | rsync -r ./dist/ $1 18 | -------------------------------------------------------------------------------- /src/components/AnimationWrapper/AnimationWrapper.spec.ts: -------------------------------------------------------------------------------- 1 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 2 | import snap from 'jest-auto-snapshots' 3 | import 'jest-styled-components' 4 | 5 | import AnimationWrapper from './AnimationWrapper' 6 | 7 | snap(AnimationWrapper, './AnimationWrapper.tsx') 8 | -------------------------------------------------------------------------------- /src/components/AnimationWrapper/hook.ts: -------------------------------------------------------------------------------- 1 | import { useState } from 'react' 2 | import AnimationWrapper from './AnimationWrapper' 3 | 4 | // @ts-expect-error TS(7006) FIXME: Parameter 'props' implicitly has an 'any' type. 5 | function useAnimation(props) { 6 | const [dismissing, setDismissing] = useState(false) 7 | const animationProps = { ...props, dismissing } 8 | 9 | return { 10 | AnimationWrapper, 11 | animationProps, 12 | dismiss: () => setDismissing(true), 13 | } 14 | } 15 | 16 | export default useAnimation 17 | -------------------------------------------------------------------------------- /src/components/AnimationWrapper/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './AnimationWrapper' 2 | export { default as useAnimation } from './hook' 3 | -------------------------------------------------------------------------------- /src/components/Avatar/Avatar.spec.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 3 | import snap from 'jest-auto-snapshots' 4 | import 'jest-styled-components' 5 | 6 | import Avatar from './Avatar' 7 | 8 | snap(Avatar, './Avatar.tsx') 9 | -------------------------------------------------------------------------------- /src/components/Avatar/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './Avatar' 2 | -------------------------------------------------------------------------------- /src/components/Banner/Banner.spec.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 3 | import snap from 'jest-auto-snapshots' 4 | import 'jest-styled-components' 5 | 6 | import Banner from './Banner' 7 | 8 | snap(Banner, './Banner.tsx') 9 | -------------------------------------------------------------------------------- /src/components/Banner/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './Banner' 2 | -------------------------------------------------------------------------------- /src/components/Button/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './Button' 2 | -------------------------------------------------------------------------------- /src/components/Carousel/Carousel.spec.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 3 | import snap from 'jest-auto-snapshots' 4 | import 'jest-styled-components' 5 | 6 | import Carousel from './Carousel' 7 | 8 | snap(Carousel, './Carousel.tsx') 9 | -------------------------------------------------------------------------------- /src/components/Carousel/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './Carousel' 2 | -------------------------------------------------------------------------------- /src/components/CrossSell/CrossSell.spec.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 3 | import snap from 'jest-auto-snapshots' 4 | import 'jest-styled-components' 5 | 6 | import CrossSell from './CrossSell' 7 | 8 | snap(CrossSell, './CrossSell.tsx') 9 | -------------------------------------------------------------------------------- /src/components/CrossSell/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './CrossSell' 2 | -------------------------------------------------------------------------------- /src/components/DropdownMenu/DropdownMenu.spec.ts: -------------------------------------------------------------------------------- 1 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 2 | import snap from 'jest-auto-snapshots' 3 | import DropdownMenu from './DropdownMenu' 4 | 5 | snap(DropdownMenu, './DropdownMenu.tsx') 6 | -------------------------------------------------------------------------------- /src/components/DropdownMenu/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './DropdownMenu' 2 | -------------------------------------------------------------------------------- /src/components/DropdownMenu/keyCode.ts: -------------------------------------------------------------------------------- 1 | export const keyCode = Object.freeze({ 2 | TAB: 9, 3 | RETURN: 13, 4 | ESC: 27, 5 | SPACE: 32, 6 | PAGEUP: 33, 7 | PAGEDOWN: 34, 8 | END: 35, 9 | HOME: 36, 10 | LEFT: 37, 11 | UP: 38, 12 | RIGHT: 39, 13 | DOWN: 40, 14 | }) 15 | -------------------------------------------------------------------------------- /src/components/GlobalStyles.ts: -------------------------------------------------------------------------------- 1 | import { createGlobalStyle } from 'styled-components' 2 | 3 | const GlobalStyles = createGlobalStyle` 4 | html, 5 | body { 6 | font-family: "Roboto"; 7 | -webkit-font-smoothing: antialiased; 8 | -moz-osx-font-smoothing: grayscale; 9 | 10 | width: 100%; 11 | height: 100%; 12 | overflow: auto; 13 | } 14 | 15 | *, 16 | *::before, 17 | *::after { 18 | box-sizing: border-box; 19 | margin: 0; 20 | padding: 0; 21 | } 22 | 23 | #root { 24 | width: 100%; 25 | height: 100%; 26 | } 27 | ` 28 | 29 | export default GlobalStyles 30 | -------------------------------------------------------------------------------- /src/components/Icon/Icons/Add.tsx: -------------------------------------------------------------------------------- 1 | /** WARNING 2 | * This file is automatically generated by the `yarn gen:icons` command. 3 | * ALL changes will be overwritten. 4 | */ 5 | import React from 'react' 6 | import createIconComponent from '../utils/createIconComponent' 7 | 8 | const AddIcon = createIconComponent({ 9 | content: ( 10 | 11 | 12 | 13 | ), 14 | }) 15 | // @ts-expect-error TS(2339) FIXME: Property 'displayName' does not exist on type '(pr... Remove this comment to see the full error message 16 | AddIcon.displayName = 'AddIcon' 17 | 18 | export default AddIcon 19 | -------------------------------------------------------------------------------- /src/components/Icon/Icons/ArrowLeft.tsx: -------------------------------------------------------------------------------- 1 | /** WARNING 2 | * This file is automatically generated by the `yarn gen:icons` command. 3 | * ALL changes will be overwritten. 4 | */ 5 | import React from 'react' 6 | import createIconComponent from '../utils/createIconComponent' 7 | 8 | const ArrowLeftIcon = createIconComponent({ 9 | content: ( 10 | 11 | 12 | 13 | ), 14 | }) 15 | // @ts-expect-error TS(2339) FIXME: Property 'displayName' does not exist on type '(pr... Remove this comment to see the full error message 16 | ArrowLeftIcon.displayName = 'ArrowLeftIcon' 17 | 18 | export default ArrowLeftIcon 19 | -------------------------------------------------------------------------------- /src/components/Icon/Icons/Checkmark.tsx: -------------------------------------------------------------------------------- 1 | /** WARNING 2 | * This file is automatically generated by the `yarn gen:icons` command. 3 | * ALL changes will be overwritten. 4 | */ 5 | import React from 'react' 6 | import createIconComponent from '../utils/createIconComponent' 7 | 8 | const CheckmarkIcon = createIconComponent({ 9 | content: ( 10 | 11 | 12 | 13 | ), 14 | }) 15 | // @ts-expect-error TS(2339) FIXME: Property 'displayName' does not exist on type '(pr... Remove this comment to see the full error message 16 | CheckmarkIcon.displayName = 'CheckmarkIcon' 17 | 18 | export default CheckmarkIcon 19 | -------------------------------------------------------------------------------- /src/components/Icon/Icons/CommentRoundFilled.tsx: -------------------------------------------------------------------------------- 1 | /** WARNING 2 | * This file is automatically generated by the `yarn gen:icons` command. 3 | * ALL changes will be overwritten. 4 | */ 5 | import React from 'react' 6 | import createIconComponent from '../utils/createIconComponent' 7 | 8 | const CommentRoundFilledIcon = createIconComponent({ 9 | content: ( 10 | 11 | 12 | 13 | ), 14 | }) 15 | // @ts-expect-error TS(2339) FIXME: Property 'displayName' does not exist on type '(pr... Remove this comment to see the full error message 16 | CommentRoundFilledIcon.displayName = 'CommentRoundFilledIcon' 17 | 18 | export default CommentRoundFilledIcon 19 | -------------------------------------------------------------------------------- /src/components/Icon/Icons/Compare.tsx: -------------------------------------------------------------------------------- 1 | /** WARNING 2 | * This file is automatically generated by the `yarn gen:icons` command. 3 | * ALL changes will be overwritten. 4 | */ 5 | import React from 'react' 6 | import createIconComponent from '../utils/createIconComponent' 7 | 8 | const CompareIcon = createIconComponent({ 9 | content: ( 10 | 11 | 12 | 13 | ), 14 | }) 15 | // @ts-expect-error TS(2339) FIXME: Property 'displayName' does not exist on type '(pr... Remove this comment to see the full error message 16 | CompareIcon.displayName = 'CompareIcon' 17 | 18 | export default CompareIcon 19 | -------------------------------------------------------------------------------- /src/components/Icon/Icons/Flag.tsx: -------------------------------------------------------------------------------- 1 | /** WARNING 2 | * This file is automatically generated by the `yarn gen:icons` command. 3 | * ALL changes will be overwritten. 4 | */ 5 | import React from 'react' 6 | import createIconComponent from '../utils/createIconComponent' 7 | 8 | const FlagIcon = createIconComponent({ 9 | content: ( 10 | 11 | 12 | 13 | ), 14 | }) 15 | // @ts-expect-error TS(2339) FIXME: Property 'displayName' does not exist on type '(pr... Remove this comment to see the full error message 16 | FlagIcon.displayName = 'FlagIcon' 17 | 18 | export default FlagIcon 19 | -------------------------------------------------------------------------------- /src/components/Icon/Icons/GooglePhotos.tsx: -------------------------------------------------------------------------------- 1 | /** WARNING 2 | * This file is automatically generated by the `yarn gen:icons` command. 3 | * ALL changes will be overwritten. 4 | */ 5 | import React from 'react' 6 | import createIconComponent from '../utils/createIconComponent' 7 | 8 | const GooglePhotosIcon = createIconComponent({ 9 | content: ( 10 | 11 | 12 | 13 | ), 14 | }) 15 | // @ts-expect-error TS(2339) FIXME: Property 'displayName' does not exist on type '(pr... Remove this comment to see the full error message 16 | GooglePhotosIcon.displayName = 'GooglePhotosIcon' 17 | 18 | export default GooglePhotosIcon 19 | -------------------------------------------------------------------------------- /src/components/Icon/Icons/Heading.tsx: -------------------------------------------------------------------------------- 1 | /** WARNING 2 | * This file is automatically generated by the `yarn gen:icons` command. 3 | * ALL changes will be overwritten. 4 | */ 5 | import React from 'react' 6 | import createIconComponent from '../utils/createIconComponent' 7 | 8 | const HeadingIcon = createIconComponent({ 9 | content: ( 10 | 11 | 12 | 13 | ), 14 | }) 15 | // @ts-expect-error TS(2339) FIXME: Property 'displayName' does not exist on type '(pr... Remove this comment to see the full error message 16 | HeadingIcon.displayName = 'HeadingIcon' 17 | 18 | export default HeadingIcon 19 | -------------------------------------------------------------------------------- /src/components/Icon/Icons/InstagramComment.tsx: -------------------------------------------------------------------------------- 1 | /** WARNING 2 | * This file is automatically generated by the `yarn gen:icons` command. 3 | * ALL changes will be overwritten. 4 | */ 5 | import React from 'react' 6 | import createIconComponent from '../utils/createIconComponent' 7 | 8 | const InstagramCommentIcon = createIconComponent({ 9 | content: ( 10 | 11 | 12 | 13 | ), 14 | }) 15 | // @ts-expect-error TS(2339) FIXME: Property 'displayName' does not exist on type '(pr... Remove this comment to see the full error message 16 | InstagramCommentIcon.displayName = 'InstagramCommentIcon' 17 | 18 | export default InstagramCommentIcon 19 | -------------------------------------------------------------------------------- /src/components/Icon/Icons/Message.tsx: -------------------------------------------------------------------------------- 1 | /** WARNING 2 | * This file is automatically generated by the `yarn gen:icons` command. 3 | * ALL changes will be overwritten. 4 | */ 5 | import React from 'react' 6 | import createIconComponent from '../utils/createIconComponent' 7 | 8 | const MessageIcon = createIconComponent({ 9 | content: ( 10 | 11 | 12 | 13 | ), 14 | }) 15 | // @ts-expect-error TS(2339) FIXME: Property 'displayName' does not exist on type '(pr... Remove this comment to see the full error message 16 | MessageIcon.displayName = 'MessageIcon' 17 | 18 | export default MessageIcon 19 | -------------------------------------------------------------------------------- /src/components/Icon/Icons/More.tsx: -------------------------------------------------------------------------------- 1 | /** WARNING 2 | * This file is automatically generated by the `yarn gen:icons` command. 3 | * ALL changes will be overwritten. 4 | */ 5 | import React from 'react' 6 | import createIconComponent from '../utils/createIconComponent' 7 | 8 | const MoreIcon = createIconComponent({ 9 | content: ( 10 | 11 | 12 | 13 | ), 14 | }) 15 | // @ts-expect-error TS(2339) FIXME: Property 'displayName' does not exist on type '(pr... Remove this comment to see the full error message 16 | MoreIcon.displayName = 'MoreIcon' 17 | 18 | export default MoreIcon 19 | -------------------------------------------------------------------------------- /src/components/Icon/Icons/Negative.tsx: -------------------------------------------------------------------------------- 1 | /** WARNING 2 | * This file is automatically generated by the `yarn gen:icons` command. 3 | * ALL changes will be overwritten. 4 | */ 5 | import React from 'react' 6 | import createIconComponent from '../utils/createIconComponent' 7 | 8 | const NegativeIcon = createIconComponent({ 9 | content: ( 10 | 11 | 12 | 13 | ), 14 | }) 15 | // @ts-expect-error TS(2339) FIXME: Property 'displayName' does not exist on type '(pr... Remove this comment to see the full error message 16 | NegativeIcon.displayName = 'NegativeIcon' 17 | 18 | export default NegativeIcon 19 | -------------------------------------------------------------------------------- /src/components/Icon/Icons/Patreon.tsx: -------------------------------------------------------------------------------- 1 | /** WARNING 2 | * This file is automatically generated by the `yarn gen:icons` command. 3 | * ALL changes will be overwritten. 4 | */ 5 | import React from 'react' 6 | import createIconComponent from '../utils/createIconComponent' 7 | 8 | const PatreonIcon = createIconComponent({ 9 | content: ( 10 | 11 | 12 | 13 | ), 14 | }) 15 | // @ts-expect-error TS(2339) FIXME: Property 'displayName' does not exist on type '(pr... Remove this comment to see the full error message 16 | PatreonIcon.displayName = 'PatreonIcon' 17 | 18 | export default PatreonIcon 19 | -------------------------------------------------------------------------------- /src/components/Icon/Icons/Placeholder.tsx: -------------------------------------------------------------------------------- 1 | /** WARNING 2 | * This file is automatically generated by the `yarn gen:icons` command. 3 | * ALL changes will be overwritten. 4 | */ 5 | import React from 'react' 6 | import createIconComponent from '../utils/createIconComponent' 7 | 8 | const PlaceholderIcon = createIconComponent({ 9 | content: ( 10 | 11 | 12 | 13 | ), 14 | }) 15 | // @ts-expect-error TS(2339) FIXME: Property 'displayName' does not exist on type '(pr... Remove this comment to see the full error message 16 | PlaceholderIcon.displayName = 'PlaceholderIcon' 17 | 18 | export default PlaceholderIcon 19 | -------------------------------------------------------------------------------- /src/components/Icon/Icons/Play.tsx: -------------------------------------------------------------------------------- 1 | /** WARNING 2 | * This file is automatically generated by the `yarn gen:icons` command. 3 | * ALL changes will be overwritten. 4 | */ 5 | import React from 'react' 6 | import createIconComponent from '../utils/createIconComponent' 7 | 8 | const PlayIcon = createIconComponent({ 9 | content: ( 10 | 11 | 12 | 13 | ), 14 | }) 15 | // @ts-expect-error TS(2339) FIXME: Property 'displayName' does not exist on type '(pr... Remove this comment to see the full error message 16 | PlayIcon.displayName = 'PlayIcon' 17 | 18 | export default PlayIcon 19 | -------------------------------------------------------------------------------- /src/components/Icon/Icons/Substack.tsx: -------------------------------------------------------------------------------- 1 | /** WARNING 2 | * This file is automatically generated by the `yarn gen:icons` command. 3 | * ALL changes will be overwritten. 4 | */ 5 | import React from 'react' 6 | import createIconComponent from '../utils/createIconComponent' 7 | 8 | const SubstackIcon = createIconComponent({ 9 | content: ( 10 | 11 | 12 | 13 | ), 14 | }) 15 | // @ts-expect-error TS(2339) FIXME: Property 'displayName' does not exist on type '(pr... Remove this comment to see the full error message 16 | SubstackIcon.displayName = 'SubstackIcon' 17 | 18 | export default SubstackIcon 19 | -------------------------------------------------------------------------------- /src/components/Icon/Icons/Subtract.tsx: -------------------------------------------------------------------------------- 1 | /** WARNING 2 | * This file is automatically generated by the `yarn gen:icons` command. 3 | * ALL changes will be overwritten. 4 | */ 5 | import React from 'react' 6 | import createIconComponent from '../utils/createIconComponent' 7 | 8 | const SubtractIcon = createIconComponent({ 9 | content: ( 10 | 11 | 12 | 13 | ), 14 | }) 15 | // @ts-expect-error TS(2339) FIXME: Property 'displayName' does not exist on type '(pr... Remove this comment to see the full error message 16 | SubtractIcon.displayName = 'SubtractIcon' 17 | 18 | export default SubtractIcon 19 | -------------------------------------------------------------------------------- /src/components/Icon/Icons/TextItalic.tsx: -------------------------------------------------------------------------------- 1 | /** WARNING 2 | * This file is automatically generated by the `yarn gen:icons` command. 3 | * ALL changes will be overwritten. 4 | */ 5 | import React from 'react' 6 | import createIconComponent from '../utils/createIconComponent' 7 | 8 | const TextItalicIcon = createIconComponent({ 9 | content: ( 10 | 11 | 12 | 13 | ), 14 | }) 15 | // @ts-expect-error TS(2339) FIXME: Property 'displayName' does not exist on type '(pr... Remove this comment to see the full error message 16 | TextItalicIcon.displayName = 'TextItalicIcon' 17 | 18 | export default TextItalicIcon 19 | -------------------------------------------------------------------------------- /src/components/Icon/Icons/Unsplash.tsx: -------------------------------------------------------------------------------- 1 | /** WARNING 2 | * This file is automatically generated by the `yarn gen:icons` command. 3 | * ALL changes will be overwritten. 4 | */ 5 | import React from 'react' 6 | import createIconComponent from '../utils/createIconComponent' 7 | 8 | const UnsplashIcon = createIconComponent({ 9 | content: ( 10 | 11 | 12 | 13 | ), 14 | }) 15 | // @ts-expect-error TS(2339) FIXME: Property 'displayName' does not exist on type '(pr... Remove this comment to see the full error message 16 | UnsplashIcon.displayName = 'UnsplashIcon' 17 | 18 | export default UnsplashIcon 19 | -------------------------------------------------------------------------------- /src/components/Icon/style.ts: -------------------------------------------------------------------------------- 1 | import { css } from 'styled-components' 2 | 3 | export const base = css` 4 | display: inline-block; 5 | fill: currentcolor; 6 | flex-shrink: 0; 7 | ` 8 | 9 | export const small = css` 10 | width: 8px; 11 | height: 8px; 12 | ` 13 | 14 | export const smedium = css` 15 | width: 12px; 16 | height: 12px; 17 | ` 18 | 19 | export const medium = css` 20 | width: 16px; 21 | height: 16px; 22 | ` 23 | 24 | export const large = css` 25 | width: 22px; 26 | height: 22px; 27 | ` 28 | 29 | export const extraLarge = css` 30 | width: 32px; 31 | height: 32px; 32 | ` 33 | -------------------------------------------------------------------------------- /src/components/Icon/utils/createIconComponent.ts: -------------------------------------------------------------------------------- 1 | import { createElement } from 'react' 2 | import Icon from '../Icon' 3 | 4 | const createIconComponent = 5 | // @ts-expect-error TS(7031) FIXME: Binding element 'content' implicitly has an 'any' ... Remove this comment to see the full error message 6 | ({ content }) => (props: any) => 7 | createElement( 8 | Icon, 9 | { 10 | ...props, 11 | viewBox: '0 0 16 16', 12 | }, 13 | content, 14 | ) 15 | 16 | export default createIconComponent 17 | -------------------------------------------------------------------------------- /src/components/Input/Input.spec.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 3 | import snap from 'jest-auto-snapshots' 4 | import 'jest-styled-components' 5 | 6 | import Input from './Input' 7 | 8 | snap(Input, './Input.tsx') 9 | -------------------------------------------------------------------------------- /src/components/Input/InputWithRef.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import Input from './Input' 3 | 4 | // This is a bit ugly but we need it otherwise automatic snapshots tests will fail 5 | export default React.forwardRef((props, ref) => ( 6 | // @ts-expect-error TS(2769) FIXME: No overload matches this call. 7 | 8 | )) 9 | -------------------------------------------------------------------------------- /src/components/Input/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './InputWithRef' 2 | -------------------------------------------------------------------------------- /src/components/Link/Link.spec.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 3 | import snap from 'jest-auto-snapshots' 4 | import 'jest-styled-components' 5 | 6 | import Link from './Link' 7 | 8 | snap(Link, './Link.tsx') 9 | -------------------------------------------------------------------------------- /src/components/Link/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './Link' 2 | -------------------------------------------------------------------------------- /src/components/Link/style.ts: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components' 2 | import { blue, blueDark } from '../style/colors' 3 | import { fontFamily, fontSize, lineHeight } from '../style/fonts' 4 | 5 | export const LinkStyled = styled.a` 6 | font-family: ${fontFamily}; 7 | font-size: ${fontSize}; 8 | font-weight: ${(props): string => props. 9 | // @ts-expect-error TS(2339) FIXME: Property 'fontWeight' does not exist on type 'Them... Remove this comment to see the full error message 10 | fontWeight}; 11 | line-height: ${lineHeight}; 12 | cursor: pointer; 13 | text-decoration: none; 14 | color: ${blue}; 15 | :hover { 16 | color: ${blueDark}; 17 | } 18 | ` 19 | -------------------------------------------------------------------------------- /src/components/Loader/Loader.spec.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 3 | import snap from 'jest-auto-snapshots' 4 | import 'jest-styled-components' 5 | 6 | import Loader from './Loader' 7 | 8 | snap(Loader, './Loader.tsx') 9 | -------------------------------------------------------------------------------- /src/components/Loader/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './Loader' 2 | -------------------------------------------------------------------------------- /src/components/Modal/Modal.spec.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 3 | import snap from 'jest-auto-snapshots' 4 | import 'jest-styled-components' 5 | 6 | import Modal from './Modal' 7 | 8 | snap(Modal, './Modal.tsx') 9 | -------------------------------------------------------------------------------- /src/components/Modal/Modal.test.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | import { hasDismissedCookie } from './Modal' 3 | 4 | describe('Modal hasDismissedCookie', () => { 5 | it('return true if has dismissed cookie', () => { 6 | const cookie = hasDismissedCookie('foo=dismissed', 'foo') 7 | expect(cookie).toBe(true) 8 | }) 9 | it('return false if no cookie match', () => { 10 | const cookie = hasDismissedCookie('bar=dismissed', 'foo') 11 | expect(cookie).toBe(false) 12 | }) 13 | }) 14 | -------------------------------------------------------------------------------- /src/components/Modal/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './Modal' 2 | -------------------------------------------------------------------------------- /src/components/NavBar/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './NavBar' 2 | export { default as NavBarMenu } from './NavBarMenu/NavBarMenu' 3 | -------------------------------------------------------------------------------- /src/components/NonDismissibleModal/NonDismissibleModal.spec.tsx: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 3 | import snap from 'jest-auto-snapshots' 4 | import 'jest-styled-components' 5 | 6 | import NonDismissibleModal from './NonDismissibleModal' 7 | 8 | snap(NonDismissibleModal, './NonDismissibleModal.tsx') 9 | -------------------------------------------------------------------------------- /src/components/NonDismissibleModal/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './NonDismissibleModal' 2 | -------------------------------------------------------------------------------- /src/components/Notice/Notice.spec.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 3 | import snap from 'jest-auto-snapshots' 4 | import 'jest-styled-components' 5 | 6 | import Notice from './Notice' 7 | 8 | snap(Notice, './Notice.tsx') 9 | -------------------------------------------------------------------------------- /src/components/Notice/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './Notice' 2 | -------------------------------------------------------------------------------- /src/components/Notification/Notification.spec.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 3 | import snap from 'jest-auto-snapshots' 4 | import 'jest-styled-components' 5 | 6 | import Notification from './Notification' 7 | 8 | snap(Notification, './Notification.tsx') 9 | -------------------------------------------------------------------------------- /src/components/Notification/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './Notification' 2 | -------------------------------------------------------------------------------- /src/components/ProgressBar/ProgressBar.spec.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 3 | import snap from 'jest-auto-snapshots' 4 | import 'jest-styled-components' 5 | 6 | import ProgressBar from './ProgressBar' 7 | 8 | snap(ProgressBar, './ProgressBar.tsx') 9 | -------------------------------------------------------------------------------- /src/components/ProgressBar/__snapshots__/ProgressBar.spec.ts.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`jest-auto-snapshots > ProgressBar Matches snapshot when passed all props 1`] = ` 4 | 7 | 10 | 11 | `; 12 | 13 | exports[`jest-auto-snapshots > ProgressBar Matches snapshot when passed only required props 1`] = ` 14 | 15 | 18 | 19 | `; 20 | -------------------------------------------------------------------------------- /src/components/ProgressBar/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './ProgressBar' 2 | -------------------------------------------------------------------------------- /src/components/Search/Search.spec.ts: -------------------------------------------------------------------------------- 1 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 2 | import snap from 'jest-auto-snapshots' 3 | import Search from './Search' 4 | 5 | snap(Search, './Search.tsx') 6 | -------------------------------------------------------------------------------- /src/components/Search/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './Search' 2 | -------------------------------------------------------------------------------- /src/components/Search/style.ts: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components' 2 | 3 | export const SearchWrapper = styled.div` 4 | height: auto; 5 | width: 100%; 6 | margin-left: 8px; 7 | ` 8 | 9 | export const SearchInput = styled.input` 10 | && { 11 | border: 0; 12 | border-radius: 4px; 13 | box-shadow: none; 14 | width: 100%; 15 | box-sizing: border-box; 16 | resize: none; 17 | font-size: 14px; 18 | height: ${(props): string => (props.height === 'small' ? '28px' : '48px')}; 19 | padding-left: 0px; 20 | &:focus { 21 | outline: none; 22 | } 23 | } 24 | ` 25 | -------------------------------------------------------------------------------- /src/components/SegmentedControl/Option/Option.spec.ts: -------------------------------------------------------------------------------- 1 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 2 | import snap from 'jest-auto-snapshots' 3 | import Option from './Option' 4 | 5 | snap(Option, './Option.tsx') 6 | -------------------------------------------------------------------------------- /src/components/SegmentedControl/Option/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './Option' 2 | -------------------------------------------------------------------------------- /src/components/SegmentedControl/SegmentedControl.spec.ts: -------------------------------------------------------------------------------- 1 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 2 | import snap from 'jest-auto-snapshots' 3 | import SegmentedControl from './SegmentedControl' 4 | 5 | snap(SegmentedControl, './SegmentedControl.tsx') 6 | -------------------------------------------------------------------------------- /src/components/SegmentedControl/__snapshots__/SegmentedControl.spec.ts.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`jest-auto-snapshots > SegmentedControl Matches snapshot when passed only required props 1`] = ` 4 | 7 | 8 | 9 | `; 10 | -------------------------------------------------------------------------------- /src/components/SegmentedControl/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './SegmentedControl' 2 | -------------------------------------------------------------------------------- /src/components/SegmentedControl/style.ts: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components' 2 | import { gray, white } from '../style/colors' 3 | import { borderRadius } from '../style/borders' 4 | 5 | export const Container = styled.div` 6 | display: flex; 7 | border: 1px solid ${gray}; 8 | border-radius: ${borderRadius}; 9 | padding: 3px; 10 | background-color: ${white}; 11 | ` 12 | -------------------------------------------------------------------------------- /src/components/Select/Select.spec.ts: -------------------------------------------------------------------------------- 1 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 2 | import snap from 'jest-auto-snapshots' 3 | import Select from './Select' 4 | 5 | snap(Select, './Select.tsx') 6 | -------------------------------------------------------------------------------- /src/components/Select/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './Select' 2 | -------------------------------------------------------------------------------- /src/components/SidebarHeader/SidebarHeader.spec.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 3 | import snap from 'jest-auto-snapshots' 4 | import 'jest-styled-components' 5 | 6 | import SidebarHeader from './SidebarHeader' 7 | 8 | snap(SidebarHeader, './SidebarHeader.tsx') 9 | -------------------------------------------------------------------------------- /src/components/SidebarHeader/SidebarHeader.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | 3 | import PropTypes from 'prop-types' 4 | import { TitleContainer } from './style' 5 | import Text from '../Text/Text' 6 | 7 | // @ts-expect-error TS(7031) FIXME: Binding element 'title' implicitly has an 'any' ty... Remove this comment to see the full error message 8 | const SidebarHeader = ({ title }) => ( 9 | 10 | {title} 11 | 12 | ) 13 | 14 | SidebarHeader.propTypes = { 15 | title: PropTypes.string.isRequired, 16 | } 17 | 18 | export default SidebarHeader 19 | -------------------------------------------------------------------------------- /src/components/SidebarHeader/__snapshots__/SidebarHeader.spec.ts.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`jest-auto-snapshots > SidebarHeader Matches snapshot when passed only required props 1`] = ` 4 | 5 | 10 | jest-auto-snapshots String Fixture 11 | 12 | 13 | `; 14 | -------------------------------------------------------------------------------- /src/components/SidebarHeader/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './SidebarHeader' 2 | -------------------------------------------------------------------------------- /src/components/SidebarHeader/style.ts: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components' 2 | import { grayLight } from '../style/colors' 3 | 4 | export const TitleContainer = styled.div` 5 | display: flex; 6 | align-items: center; 7 | justify-content: space-between; 8 | padding-right: 8px; 9 | padding-bottom: 8px; 10 | border-bottom: 1px solid ${grayLight}; 11 | ` 12 | -------------------------------------------------------------------------------- /src/components/SidebarListItem/SidebarListItem.spec.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 3 | import snap from 'jest-auto-snapshots' 4 | import 'jest-styled-components' 5 | 6 | import SidebarListItem from './SidebarListItem' 7 | 8 | snap(SidebarListItem, './SidebarListItem.tsx') 9 | -------------------------------------------------------------------------------- /src/components/SidebarListItem/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './SidebarListItem' 2 | -------------------------------------------------------------------------------- /src/components/SimpleModal/SimpleModal.spec.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 3 | import snap from 'jest-auto-snapshots' 4 | import 'jest-styled-components' 5 | 6 | import SimpleModal from './SimpleModal' 7 | 8 | snap(SimpleModal, './SimpleModal.tsx') 9 | -------------------------------------------------------------------------------- /src/components/SimpleModal/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './SimpleModal' 2 | -------------------------------------------------------------------------------- /src/components/SocialButton/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './SocialButton' 2 | -------------------------------------------------------------------------------- /src/components/States/States.spec.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 3 | import snap from 'jest-auto-snapshots' 4 | import 'jest-styled-components' 5 | 6 | import States from './States' 7 | 8 | snap(States, './States.tsx') 9 | -------------------------------------------------------------------------------- /src/components/States/__snapshots__/States.spec.ts.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`jest-auto-snapshots > States Matches snapshot when passed all props 1`] = ` 4 | 7 | 8 | 9 | 10 | 11 | `; 12 | 13 | exports[`jest-auto-snapshots > States Matches snapshot when passed only required props 1`] = ` 14 | 17 | 18 | 19 | 20 | 21 | `; 22 | -------------------------------------------------------------------------------- /src/components/States/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './States' 2 | -------------------------------------------------------------------------------- /src/components/Switch/Switch.spec.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 3 | import snap from 'jest-auto-snapshots' 4 | import 'jest-styled-components' 5 | 6 | import Switch from './Switch' 7 | 8 | snap(Switch, './Switch.tsx') 9 | -------------------------------------------------------------------------------- /src/components/Switch/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './Switch' 2 | -------------------------------------------------------------------------------- /src/components/Tag/Tag.spec.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 3 | import snap from 'jest-auto-snapshots' 4 | import 'jest-styled-components' 5 | 6 | import Tag from './Tag' 7 | 8 | snap(Tag, './Tag.tsx') 9 | -------------------------------------------------------------------------------- /src/components/Tag/__snapshots__/Tag.spec.ts.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`jest-auto-snapshots > Tag Matches snapshot when passed all props 1`] = ` 4 | 8 | 9 | 10 | `; 11 | 12 | exports[`jest-auto-snapshots > Tag Matches snapshot when passed only required props 1`] = ` 13 | 17 | 18 | 19 | `; 20 | -------------------------------------------------------------------------------- /src/components/Tag/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './Tag' 2 | -------------------------------------------------------------------------------- /src/components/Text/Text.spec.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 3 | import snap from 'jest-auto-snapshots' 4 | import 'jest-styled-components' 5 | 6 | import Text from './Text' 7 | 8 | snap(Text, './Text.tsx') 9 | -------------------------------------------------------------------------------- /src/components/Text/__snapshots__/Text.spec.ts.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`jest-auto-snapshots > Text Matches snapshot when boolean prop "hasError" is set to: "false" 1`] = ` 4 | 5 | 6 | 7 | `; 8 | 9 | exports[`jest-auto-snapshots > Text Matches snapshot when passed all props 1`] = ` 10 | 11 | 12 | 13 | `; 14 | -------------------------------------------------------------------------------- /src/components/Text/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './Text' 2 | -------------------------------------------------------------------------------- /src/components/TextArea/TextArea.spec.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 3 | import snap from 'jest-auto-snapshots' 4 | import 'jest-styled-components' 5 | 6 | import TextArea from './TextArea' 7 | 8 | snap(TextArea, './TextArea.tsx') 9 | -------------------------------------------------------------------------------- /src/components/TextArea/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './TextArea' 2 | -------------------------------------------------------------------------------- /src/components/Tooltip/Tooltip.spec.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-filename-extension */ 2 | // @ts-expect-error TS(7016) FIXME: Could not find a declaration file for module 'jest... Remove this comment to see the full error message 3 | import snap from 'jest-auto-snapshots' 4 | import 'jest-styled-components' 5 | 6 | import Tooltip from './Tooltip' 7 | 8 | snap(Tooltip, './Tooltip.tsx') 9 | -------------------------------------------------------------------------------- /src/components/Tooltip/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from './Tooltip' 2 | -------------------------------------------------------------------------------- /src/components/constants/index.ts: -------------------------------------------------------------------------------- 1 | export const socialNetworks = [ 2 | 'facebook', 3 | 'twitter', 4 | 'instagram', 5 | 'linkedin', 6 | 'google', 7 | ] 8 | -------------------------------------------------------------------------------- /src/components/style/borders.ts: -------------------------------------------------------------------------------- 1 | export const borderRadius = '4px' 2 | -------------------------------------------------------------------------------- /src/components/style/fonts.ts: -------------------------------------------------------------------------------- 1 | export const fontFamily = '"Roboto", sans-serif' 2 | 3 | export const fontSizeSmall = '12px' 4 | export const fontSize = '14px' 5 | 6 | export const fontWeightThin = 100 7 | export const fontWeightExtraLight = 200 8 | export const fontWeightLight = 300 9 | export const fontWeight = 400 // Normal 10 | export const fontWeightMedium = 500 11 | export const fontWeightSemiBold = 600 12 | export const fontWeightBold = 700 13 | 14 | export const lineHeight = '16px' 15 | export const lineHeightSmall = '14px' 16 | -------------------------------------------------------------------------------- /src/documentation/App.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { hot } from 'react-hot-loader' 3 | import { Redirect, Route, Switch } from 'react-router-dom' 4 | import DocumentationPages from './app/AppContainer' 5 | 6 | const App = () => ( 7 | 8 | } 12 | /> 13 | 19 | 20 | ) 21 | 22 | export default hot(module)(App) 23 | -------------------------------------------------------------------------------- /src/documentation/examples/Avatar/Fallback/AvatarWithFallbackImage.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Avatar' or its c... Remove this comment to see the full error message 3 | import Avatar from '@bufferapp/ui/Avatar' 4 | 5 | /** With Fallback Icon */ 6 | export default function ExampleAvatar() { 7 | return ( 8 | 16 | ) 17 | } 18 | -------------------------------------------------------------------------------- /src/documentation/examples/Avatar/Size/Large.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Avatar' or its c... Remove this comment to see the full error message 3 | import Avatar from '@bufferapp/ui/Avatar' 4 | 5 | /** Large */ 6 | export default function ExampleAvatar() { 7 | return ( 8 | 13 | ) 14 | } 15 | -------------------------------------------------------------------------------- /src/documentation/examples/Avatar/Size/Medium.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Avatar' or its c... Remove this comment to see the full error message 3 | import Avatar from '@bufferapp/ui/Avatar' 4 | 5 | /** Medium */ 6 | export default function ExampleAvatar() { 7 | return ( 8 | 13 | ) 14 | } 15 | -------------------------------------------------------------------------------- /src/documentation/examples/Avatar/Size/Small.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Avatar' or its c... Remove this comment to see the full error message 3 | import Avatar from '@bufferapp/ui/Avatar' 4 | 5 | /** Small */ 6 | export default function ExampleAvatar() { 7 | return ( 8 | 13 | ) 14 | } 15 | -------------------------------------------------------------------------------- /src/documentation/examples/Avatar/Type/AvatarSocial.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Avatar' or its c... Remove this comment to see the full error message 3 | import Avatar from '@bufferapp/ui/Avatar' 4 | 5 | /** With Social Network Icon */ 6 | export default function ExampleAvatar() { 7 | return ( 8 | 15 | ) 16 | } 17 | -------------------------------------------------------------------------------- /src/documentation/examples/Banner/Banner.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Banner' or its c... Remove this comment to see the full error message 3 | import Banner from '@bufferapp/ui/Banner' 4 | 5 | /** Banner Example */ 6 | export default function ExampleBanner() { 7 | const bannerButton = { 8 | label: 'Add Billing Details', 9 | action: () => { 10 | console.info('yaaas') 11 | }, 12 | } 13 | return ( 14 | 18 | ) 19 | } 20 | -------------------------------------------------------------------------------- /src/documentation/examples/Banner/BannerOrange.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Banner' or its c... Remove this comment to see the full error message 3 | import Banner from '@bufferapp/ui/Banner' 4 | 5 | /** Banner Orange */ 6 | export default function ExampleBanner() { 7 | const bannerButton = { 8 | label: 'Add Billing Details', 9 | action: () => { 10 | console.info('yaaas') 11 | }, 12 | } 13 | return ( 14 | 19 | ) 20 | } 21 | -------------------------------------------------------------------------------- /src/documentation/examples/Banner/BannerWithHtml.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Banner' or its c... Remove this comment to see the full error message 3 | import Banner from '@bufferapp/ui/Banner' 4 | 5 | /** Orange banner with customHTML */ 6 | export default function ExampleBanner() { 7 | return ( 8 | You're on the Business trial. Complete your billing details to make the transition smooth.", 13 | }} 14 | /* eslint-disable-next-line */ 15 | onCloseBanner={() => console.log('Banner closed!')} 16 | /> 17 | ) 18 | } 19 | -------------------------------------------------------------------------------- /src/documentation/examples/Button/Size/SizeFullWidth.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Button' or its c... Remove this comment to see the full error message 3 | import Button from '@bufferapp/ui/Button' 4 | 5 | /** Full Width */ 6 | export default function ExampleSizeFullWidth() { 7 | return {}} label="Click Me" fullWidth /> 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Button/Size/SizeLarge.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Button' or its c... Remove this comment to see the full error message 3 | import Button from '@bufferapp/ui/Button' 4 | 5 | /** Large */ 6 | export default function ExampleSizeLarge() { 7 | return ( 8 | {}} label="Click Me" /> 9 | ) 10 | } 11 | -------------------------------------------------------------------------------- /src/documentation/examples/Button/Size/SizeMedium.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Button' or its c... Remove this comment to see the full error message 3 | import Button from '@bufferapp/ui/Button' 4 | 5 | /** Normal */ 6 | export default function ExampleSizeNormal() { 7 | return {}} label="Click Me" /> 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Button/Size/SizeSmall.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Button' or its c... Remove this comment to see the full error message 3 | import Button from '@bufferapp/ui/Button' 4 | 5 | /** Small */ 6 | export default function ExampleSizeSmall() { 7 | return ( 8 | {}} label="Click Me" /> 9 | ) 10 | } 11 | -------------------------------------------------------------------------------- /src/documentation/examples/Button/State/StateLoading.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Button' or its c... Remove this comment to see the full error message 3 | import Button from '@bufferapp/ui/Button' 4 | 5 | /** Loading */ 6 | export default function ExamplePrimaryLoading() { 7 | return {}} label="Click Me" /> 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Button/Type/TypeDanger.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Button' or its c... Remove this comment to see the full error message 3 | import Button from '@bufferapp/ui/Button' 4 | 5 | /** Danger */ 6 | export default function ExampleTypeDanger() { 7 | return {}} label="Click Me" /> 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Button/Type/TypeIcon.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Button' or its c... Remove this comment to see the full error message 3 | import Button from '@bufferapp/ui/Button' 4 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon' or its cor... Remove this comment to see the full error message 5 | import { Folder } from '@bufferapp/ui/Icon' 6 | 7 | /** Secondary Icon */ 8 | export default function ExampleButton() { 9 | return ( 10 | } 13 | hasIconOnly 14 | onClick={() => {}} 15 | label="Click Me" 16 | /> 17 | ) 18 | } 19 | -------------------------------------------------------------------------------- /src/documentation/examples/Button/Type/TypeIconEnd.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Button' or its c... Remove this comment to see the full error message 3 | import Button from '@bufferapp/ui/Button' 4 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon' or its cor... Remove this comment to see the full error message 5 | import { Folder } from '@bufferapp/ui/Icon' 6 | 7 | /** Secondary with Icon at End */ 8 | export default function ExampleButton() { 9 | return ( 10 | } 13 | iconEnd 14 | onClick={() => {}} 15 | label="Click Me" 16 | /> 17 | ) 18 | } 19 | -------------------------------------------------------------------------------- /src/documentation/examples/Button/Type/TypeOrange.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Button' or its c... Remove this comment to see the full error message 3 | import Button from '@bufferapp/ui/Button' 4 | 5 | /** Orange */ 6 | export default function ExampleTypeOrange() { 7 | return {}} label="Click Me" /> 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Button/Type/TypePrimary.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Button' or its c... Remove this comment to see the full error message 3 | import Button from '@bufferapp/ui/Button' 4 | 5 | /** Primary */ 6 | export default function ExampleTypePrimary() { 7 | return {}} label="Click Me" /> 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Button/Type/TypePrimaryIcon.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Button' or its c... Remove this comment to see the full error message 3 | import Button from '@bufferapp/ui/Button' 4 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon' or its cor... Remove this comment to see the full error message 5 | import { MessageFilled } from '@bufferapp/ui/Icon' 6 | 7 | /** Primary with Icon */ 8 | export default function ExampleButton() { 9 | return ( 10 | } 13 | onClick={() => {}} 14 | label="Click Me" 15 | /> 16 | ) 17 | } 18 | -------------------------------------------------------------------------------- /src/documentation/examples/Button/Type/TypeSecondary.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Button' or its c... Remove this comment to see the full error message 3 | import Button from '@bufferapp/ui/Button' 4 | 5 | /** Secondary */ 6 | export default function ExampleTypeSecondary() { 7 | return {}} label="Click Me" /> 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Button/Type/TypeSecondaryIcon.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Button' or its c... Remove this comment to see the full error message 3 | import Button from '@bufferapp/ui/Button' 4 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon' or its cor... Remove this comment to see the full error message 5 | import { Folder } from '@bufferapp/ui/Icon' 6 | 7 | /** Secondary with Icon */ 8 | export default function ExampleButton() { 9 | return ( 10 | } 13 | onClick={() => {}} 14 | label="Click Me" 15 | /> 16 | ) 17 | } 18 | -------------------------------------------------------------------------------- /src/documentation/examples/Button/Type/TypeSplit.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Button' or its c... Remove this comment to see the full error message 3 | import Button from '@bufferapp/ui/Button' 4 | 5 | /** Split Button */ 6 | export default function ExampleSplitButton() { 7 | return ( 8 | true} 10 | onClick={() => true} 11 | type="primary" 12 | isSplit 13 | items={[ 14 | { id: '1', title: 'Reply + Pending' }, 15 | { id: '2', title: 'Reply + Close + Assign To Me' }, 16 | ]} 17 | label="Click Me" 18 | /> 19 | ) 20 | } 21 | -------------------------------------------------------------------------------- /src/documentation/examples/Button/Type/TypeSplitSmall.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Button' or its c... Remove this comment to see the full error message 3 | import Button from '@bufferapp/ui/Button' 4 | 5 | /** Split Button (small) */ 6 | export default function ExampleSplitButtonSmall() { 7 | return ( 8 | true} 10 | onClick={() => true} 11 | size="small" 12 | type="primary" 13 | isSplit 14 | items={[ 15 | { id: '1', title: 'Reply + Pending' }, 16 | { id: '2', title: 'Reply + Close + Assign To Me' }, 17 | ]} 18 | label="Click Me" 19 | /> 20 | ) 21 | } 22 | -------------------------------------------------------------------------------- /src/documentation/examples/Button/Type/TypeText.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Button' or its c... Remove this comment to see the full error message 3 | import Button from '@bufferapp/ui/Button' 4 | 5 | /** Text */ 6 | export default function ExampleTypeText() { 7 | return {}} label="Click Me" /> 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Carousel/one-slide.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Carousel' or its... Remove this comment to see the full error message 3 | import Carousel from '@bufferapp/ui/Carousel' 4 | 5 | /** Carousel with One Slide Example */ 6 | export default function ExampleCarousel() { 7 | return ( 8 | 9 | 14 | 15 | ) 16 | } 17 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Add.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Add' ... Remove this comment to see the full error message 3 | import AddIcon from '@bufferapp/ui/Icon/Icons/Add' 4 | 5 | /** Add */ 6 | export default function AddIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/AddMedia.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/AddMe... Remove this comment to see the full error message 3 | import AddMediaIcon from '@bufferapp/ui/Icon/Icons/AddMedia' 4 | 5 | /** AddMedia */ 6 | export default function AddMediaIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/AltTag.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/AltTa... Remove this comment to see the full error message 3 | import AltTagIcon from '@bufferapp/ui/Icon/Icons/AltTag' 4 | 5 | /** AltTag */ 6 | export default function AltTagIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Analyze.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Analy... Remove this comment to see the full error message 3 | import AnalyzeIcon from '@bufferapp/ui/Icon/Icons/Analyze' 4 | 5 | /** Analyze */ 6 | export default function AnalyzeIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Appearance.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Appea... Remove this comment to see the full error message 3 | import AppearanceIcon from '@bufferapp/ui/Icon/Icons/Appearance' 4 | 5 | /** Appearance */ 6 | export default function AppearanceIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/AppleMusic.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Apple... Remove this comment to see the full error message 3 | import AppleMusicIcon from '@bufferapp/ui/Icon/Icons/AppleMusic' 4 | 5 | /** AppleMusic */ 6 | export default function AppleMusicIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/ArrowDown.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Arrow... Remove this comment to see the full error message 3 | import ArrowDownIcon from '@bufferapp/ui/Icon/Icons/ArrowDown' 4 | 5 | /** ArrowDown */ 6 | export default function ArrowDownIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/ArrowLeft.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Arrow... Remove this comment to see the full error message 3 | import ArrowLeftIcon from '@bufferapp/ui/Icon/Icons/ArrowLeft' 4 | 5 | /** ArrowLeft */ 6 | export default function ArrowLeftIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/ArrowRight.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Arrow... Remove this comment to see the full error message 3 | import ArrowRightIcon from '@bufferapp/ui/Icon/Icons/ArrowRight' 4 | 5 | /** ArrowRight */ 6 | export default function ArrowRightIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/ArrowUp.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Arrow... Remove this comment to see the full error message 3 | import ArrowUpIcon from '@bufferapp/ui/Icon/Icons/ArrowUp' 4 | 5 | /** ArrowUp */ 6 | export default function ArrowUpIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Attach.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Attac... Remove this comment to see the full error message 3 | import AttachIcon from '@bufferapp/ui/Icon/Icons/Attach' 4 | 5 | /** Attach */ 6 | export default function AttachIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Audience.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Audie... Remove this comment to see the full error message 3 | import AudienceIcon from '@bufferapp/ui/Icon/Icons/Audience' 4 | 5 | /** Audience */ 6 | export default function AudienceIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Bandcamp.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Bandc... Remove this comment to see the full error message 3 | import BandcampIcon from '@bufferapp/ui/Icon/Icons/Bandcamp' 4 | 5 | /** Bandcamp */ 6 | export default function BandcampIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Behance.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Behan... Remove this comment to see the full error message 3 | import BehanceIcon from '@bufferapp/ui/Icon/Icons/Behance' 4 | 5 | /** Behance */ 6 | export default function BehanceIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Bell.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Bell'... Remove this comment to see the full error message 3 | import BellIcon from '@bufferapp/ui/Icon/Icons/Bell' 4 | 5 | /** Bell */ 6 | export default function BellIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/BookmarkFilled.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Bookm... Remove this comment to see the full error message 3 | import BookmarkFilledIcon from '@bufferapp/ui/Icon/Icons/BookmarkFilled' 4 | 5 | /** BookmarkFilled */ 6 | export default function BookmarkFilledIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/BookmarkOutline.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Bookm... Remove this comment to see the full error message 3 | import BookmarkOutlineIcon from '@bufferapp/ui/Icon/Icons/BookmarkOutline' 4 | 5 | /** BookmarkOutline */ 6 | export default function BookmarkOutlineIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Buffer.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Buffe... Remove this comment to see the full error message 3 | import BufferIcon from '@bufferapp/ui/Icon/Icons/Buffer' 4 | 5 | /** Buffer */ 6 | export default function BufferIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Building.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Build... Remove this comment to see the full error message 3 | import BuildingIcon from '@bufferapp/ui/Icon/Icons/Building' 4 | 5 | /** Building */ 6 | export default function BuildingIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/ButtonLink.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Butto... Remove this comment to see the full error message 3 | import ButtonLinkIcon from '@bufferapp/ui/Icon/Icons/ButtonLink' 4 | 5 | /** ButtonLink */ 6 | export default function ButtonLinkIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Calendar.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Calen... Remove this comment to see the full error message 3 | import CalendarIcon from '@bufferapp/ui/Icon/Icons/Calendar' 4 | 5 | /** Calendar */ 6 | export default function CalendarIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/CalendarAdd.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Calen... Remove this comment to see the full error message 3 | import CalendarAddIcon from '@bufferapp/ui/Icon/Icons/CalendarAdd' 4 | 5 | /** CalendarAdd */ 6 | export default function CalendarAddIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Camera.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Camer... Remove this comment to see the full error message 3 | import CameraIcon from '@bufferapp/ui/Icon/Icons/Camera' 4 | 5 | /** Camera */ 6 | export default function CameraIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Canva.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Canva... Remove this comment to see the full error message 3 | import CanvaIcon from '@bufferapp/ui/Icon/Icons/Canva' 4 | 5 | /** Canva */ 6 | export default function CanvaIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Caption.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Capti... Remove this comment to see the full error message 3 | import CaptionIcon from '@bufferapp/ui/Icon/Icons/Caption' 4 | 5 | /** Caption */ 6 | export default function CaptionIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Card.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Card'... Remove this comment to see the full error message 3 | import CardIcon from '@bufferapp/ui/Icon/Icons/Card' 4 | 5 | /** Card */ 6 | export default function CardIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/CaretDown.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Caret... Remove this comment to see the full error message 3 | import CaretDownIcon from '@bufferapp/ui/Icon/Icons/CaretDown' 4 | 5 | /** CaretDown */ 6 | export default function CaretDownIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/CaretLeft.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Caret... Remove this comment to see the full error message 3 | import CaretLeftIcon from '@bufferapp/ui/Icon/Icons/CaretLeft' 4 | 5 | /** CaretLeft */ 6 | export default function CaretLeftIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/CaretRight.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Caret... Remove this comment to see the full error message 3 | import CaretRightIcon from '@bufferapp/ui/Icon/Icons/CaretRight' 4 | 5 | /** CaretRight */ 6 | export default function CaretRightIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/CaretUp.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Caret... Remove this comment to see the full error message 3 | import CaretUpIcon from '@bufferapp/ui/Icon/Icons/CaretUp' 4 | 5 | /** CaretUp */ 6 | export default function CaretUpIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Carousel.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Carou... Remove this comment to see the full error message 3 | import CarouselIcon from '@bufferapp/ui/Icon/Icons/Carousel' 4 | 5 | /** Carousel */ 6 | export default function CarouselIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Channels.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Chann... Remove this comment to see the full error message 3 | import ChannelsIcon from '@bufferapp/ui/Icon/Icons/Channels' 4 | 5 | /** Channels */ 6 | export default function ChannelsIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/ChartLine.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Chart... Remove this comment to see the full error message 3 | import ChartLineIcon from '@bufferapp/ui/Icon/Icons/ChartLine' 4 | 5 | /** ChartLine */ 6 | export default function ChartLineIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Checkmark.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Check... Remove this comment to see the full error message 3 | import CheckmarkIcon from '@bufferapp/ui/Icon/Icons/Checkmark' 4 | 5 | /** Checkmark */ 6 | export default function CheckmarkIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/ChevronDown.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Chevr... Remove this comment to see the full error message 3 | import ChevronDownIcon from '@bufferapp/ui/Icon/Icons/ChevronDown' 4 | 5 | /** ChevronDown */ 6 | export default function ChevronDownIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/ChevronUp.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Chevr... Remove this comment to see the full error message 3 | import ChevronUpIcon from '@bufferapp/ui/Icon/Icons/ChevronUp' 4 | 5 | /** ChevronUp */ 6 | export default function ChevronUpIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Clock.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Clock... Remove this comment to see the full error message 3 | import ClockIcon from '@bufferapp/ui/Icon/Icons/Clock' 4 | 5 | /** Clock */ 6 | export default function ClockIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Clubhouse.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Clubh... Remove this comment to see the full error message 3 | import ClubhouseIcon from '@bufferapp/ui/Icon/Icons/Clubhouse' 4 | 5 | /** Clubhouse */ 6 | export default function ClubhouseIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/CommentRoundFilled.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Comme... Remove this comment to see the full error message 3 | import CommentRoundFilledIcon from '@bufferapp/ui/Icon/Icons/CommentRoundFilled' 4 | 5 | /** CommentRoundFilled */ 6 | export default function CommentRoundFilledIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/CommentRoundOutline.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Comme... Remove this comment to see the full error message 3 | import CommentRoundOutlineIcon from '@bufferapp/ui/Icon/Icons/CommentRoundOutline' 4 | 5 | /** CommentRoundOutline */ 6 | export default function CommentRoundOutlineIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/CommentSquareOutline.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Comme... Remove this comment to see the full error message 3 | import CommentSquareOutlineIcon from '@bufferapp/ui/Icon/Icons/CommentSquareOutline' 4 | 5 | /** CommentSquareOutline */ 6 | export default function CommentSquareOutlineIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Compare.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Compa... Remove this comment to see the full error message 3 | import CompareIcon from '@bufferapp/ui/Icon/Icons/Compare' 4 | 5 | /** Compare */ 6 | export default function CompareIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Copy.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Copy'... Remove this comment to see the full error message 3 | import CopyIcon from '@bufferapp/ui/Icon/Icons/Copy' 4 | 5 | /** Copy */ 6 | export default function CopyIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Coupon.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Coupo... Remove this comment to see the full error message 3 | import CouponIcon from '@bufferapp/ui/Icon/Icons/Coupon' 4 | 5 | /** Coupon */ 6 | export default function CouponIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Cross.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Cross... Remove this comment to see the full error message 3 | import CrossIcon from '@bufferapp/ui/Icon/Icons/Cross' 4 | 5 | /** Cross */ 6 | export default function CrossIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Day.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Day' ... Remove this comment to see the full error message 3 | import DayIcon from '@bufferapp/ui/Icon/Icons/Day' 4 | 5 | /** Day */ 6 | export default function DayIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Direct.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Direc... Remove this comment to see the full error message 3 | import DirectIcon from '@bufferapp/ui/Icon/Icons/Direct' 4 | 5 | /** Direct */ 6 | export default function DirectIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Discord.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Disco... Remove this comment to see the full error message 3 | import DiscordIcon from '@bufferapp/ui/Icon/Icons/Discord' 4 | 5 | /** Discord */ 6 | export default function DiscordIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Dollar.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Dolla... Remove this comment to see the full error message 3 | import DollarIcon from '@bufferapp/ui/Icon/Icons/Dollar' 4 | 5 | /** Dollar */ 6 | export default function DollarIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Drafts.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Draft... Remove this comment to see the full error message 3 | import DraftsIcon from '@bufferapp/ui/Icon/Icons/Drafts' 4 | 5 | /** Drafts */ 6 | export default function DraftsIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/DragIndicator.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/DragI... Remove this comment to see the full error message 3 | import DragIndicatorIcon from '@bufferapp/ui/Icon/Icons/DragIndicator' 4 | 5 | /** DragIndicator */ 6 | export default function DragIndicatorIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Dribbble.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Dribb... Remove this comment to see the full error message 3 | import DribbbleIcon from '@bufferapp/ui/Icon/Icons/Dribbble' 4 | 5 | /** Dribbble */ 6 | export default function DribbbleIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Dropbox.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Dropb... Remove this comment to see the full error message 3 | import DropboxIcon from '@bufferapp/ui/Icon/Icons/Dropbox' 4 | 5 | /** Dropbox */ 6 | export default function DropboxIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Email.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Email... Remove this comment to see the full error message 3 | import EmailIcon from '@bufferapp/ui/Icon/Icons/Email' 4 | 5 | /** Email */ 6 | export default function EmailIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Emoji.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Emoji... Remove this comment to see the full error message 3 | import EmojiIcon from '@bufferapp/ui/Icon/Icons/Emoji' 4 | 5 | /** Emoji */ 6 | export default function EmojiIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Facebook.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Faceb... Remove this comment to see the full error message 3 | import FacebookIcon from '@bufferapp/ui/Icon/Icons/Facebook' 4 | 5 | /** Facebook */ 6 | export default function FacebookIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Feed.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Feed'... Remove this comment to see the full error message 3 | import FeedIcon from '@bufferapp/ui/Icon/Icons/Feed' 4 | 5 | /** Feed */ 6 | export default function FeedIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Flag.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Flag'... Remove this comment to see the full error message 3 | import FlagIcon from '@bufferapp/ui/Icon/Icons/Flag' 4 | 5 | /** Flag */ 6 | export default function FlagIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Flash.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Flash... Remove this comment to see the full error message 3 | import FlashIcon from '@bufferapp/ui/Icon/Icons/Flash' 4 | 5 | /** Flash */ 6 | export default function FlashIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Folder.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Folde... Remove this comment to see the full error message 3 | import FolderIcon from '@bufferapp/ui/Icon/Icons/Folder' 4 | 5 | /** Folder */ 6 | export default function FolderIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Folders.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Folde... Remove this comment to see the full error message 3 | import FoldersIcon from '@bufferapp/ui/Icon/Icons/Folders' 4 | 5 | /** Folders */ 6 | export default function FoldersIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Frequency.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Frequ... Remove this comment to see the full error message 3 | import FrequencyIcon from '@bufferapp/ui/Icon/Icons/Frequency' 4 | 5 | /** Frequency */ 6 | export default function FrequencyIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Gbp.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Gbp' ... Remove this comment to see the full error message 3 | import GbpIcon from '@bufferapp/ui/Icon/Icons/Gbp' 4 | 5 | /** Gbp */ 6 | export default function GbpIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Gear.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Gear'... Remove this comment to see the full error message 3 | import GearIcon from '@bufferapp/ui/Icon/Icons/Gear' 4 | 5 | /** Gear */ 6 | export default function GearIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Giphy.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Giphy... Remove this comment to see the full error message 3 | import GiphyIcon from '@bufferapp/ui/Icon/Icons/Giphy' 4 | 5 | /** Giphy */ 6 | export default function GiphyIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Github.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Githu... Remove this comment to see the full error message 3 | import GithubIcon from '@bufferapp/ui/Icon/Icons/Github' 4 | 5 | /** Github */ 6 | export default function GithubIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Giveaway.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Givea... Remove this comment to see the full error message 3 | import GiveawayIcon from '@bufferapp/ui/Icon/Icons/Giveaway' 4 | 5 | /** Giveaway */ 6 | export default function GiveawayIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Gmb.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Gmb' ... Remove this comment to see the full error message 3 | import GmbIcon from '@bufferapp/ui/Icon/Icons/Gmb' 4 | 5 | /** Gmb */ 6 | export default function GmbIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Google.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Googl... Remove this comment to see the full error message 3 | import GoogleIcon from '@bufferapp/ui/Icon/Icons/Google' 4 | 5 | /** Google */ 6 | export default function GoogleIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/GoogleDrive.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Googl... Remove this comment to see the full error message 3 | import GoogleDriveIcon from '@bufferapp/ui/Icon/Icons/GoogleDrive' 4 | 5 | /** GoogleDrive */ 6 | export default function GoogleDriveIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/GooglePhotos.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Googl... Remove this comment to see the full error message 3 | import GooglePhotosIcon from '@bufferapp/ui/Icon/Icons/GooglePhotos' 4 | 5 | /** GooglePhotos */ 6 | export default function GooglePhotosIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/GooglePlus.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Googl... Remove this comment to see the full error message 3 | import GooglePlusIcon from '@bufferapp/ui/Icon/Icons/GooglePlus' 4 | 5 | /** GooglePlus */ 6 | export default function GooglePlusIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Hamburger.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Hambu... Remove this comment to see the full error message 3 | import HamburgerIcon from '@bufferapp/ui/Icon/Icons/Hamburger' 4 | 5 | /** Hamburger */ 6 | export default function HamburgerIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Hashtag.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Hasht... Remove this comment to see the full error message 3 | import HashtagIcon from '@bufferapp/ui/Icon/Icons/Hashtag' 4 | 5 | /** Hashtag */ 6 | export default function HashtagIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Heading.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Headi... Remove this comment to see the full error message 3 | import HeadingIcon from '@bufferapp/ui/Icon/Icons/Heading' 4 | 5 | /** Heading */ 6 | export default function HeadingIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/HeartFilled.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Heart... Remove this comment to see the full error message 3 | import HeartFilledIcon from '@bufferapp/ui/Icon/Icons/HeartFilled' 4 | 5 | /** HeartFilled */ 6 | export default function HeartFilledIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/HeartOutline.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Heart... Remove this comment to see the full error message 3 | import HeartOutlineIcon from '@bufferapp/ui/Icon/Icons/HeartOutline' 4 | 5 | /** HeartOutline */ 6 | export default function HeartOutlineIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Help.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Help'... Remove this comment to see the full error message 3 | import HelpIcon from '@bufferapp/ui/Icon/Icons/Help' 4 | 5 | /** Help */ 6 | export default function HelpIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Hide.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Hide'... Remove this comment to see the full error message 3 | import HideIcon from '@bufferapp/ui/Icon/Icons/Hide' 4 | 5 | /** Hide */ 6 | export default function HideIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Home.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Home'... Remove this comment to see the full error message 3 | import HomeIcon from '@bufferapp/ui/Icon/Icons/Home' 4 | 5 | /** Home */ 6 | export default function HomeIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Hotkeys.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Hotke... Remove this comment to see the full error message 3 | import HotkeysIcon from '@bufferapp/ui/Icon/Icons/Hotkeys' 4 | 5 | /** Hotkeys */ 6 | export default function HotkeysIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Image.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Image... Remove this comment to see the full error message 3 | import ImageIcon from '@bufferapp/ui/Icon/Icons/Image' 4 | 5 | /** Image */ 6 | export default function ImageIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Import.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Impor... Remove this comment to see the full error message 3 | import ImportIcon from '@bufferapp/ui/Icon/Icons/Import' 4 | 5 | /** Import */ 6 | export default function ImportIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Inbox.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Inbox... Remove this comment to see the full error message 3 | import InboxIcon from '@bufferapp/ui/Icon/Icons/Inbox' 4 | 5 | /** Inbox */ 6 | export default function InboxIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Info.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Info'... Remove this comment to see the full error message 3 | import InfoIcon from '@bufferapp/ui/Icon/Icons/Info' 4 | 5 | /** Info */ 6 | export default function InfoIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Instagram.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Insta... Remove this comment to see the full error message 3 | import InstagramIcon from '@bufferapp/ui/Icon/Icons/Instagram' 4 | 5 | /** Instagram */ 6 | export default function InstagramIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/InstagramComment.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Insta... Remove this comment to see the full error message 3 | import InstagramCommentIcon from '@bufferapp/ui/Icon/Icons/InstagramComment' 4 | 5 | /** InstagramComment */ 6 | export default function InstagramCommentIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/InstagramDm.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Insta... Remove this comment to see the full error message 3 | import InstagramDmIcon from '@bufferapp/ui/Icon/Icons/InstagramDm' 4 | 5 | /** InstagramDm */ 6 | export default function InstagramDmIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/InstagramGrid.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Insta... Remove this comment to see the full error message 3 | import InstagramGridIcon from '@bufferapp/ui/Icon/Icons/InstagramGrid' 4 | 5 | /** InstagramGrid */ 6 | export default function InstagramGridIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/InstagramLike.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Insta... Remove this comment to see the full error message 3 | import InstagramLikeIcon from '@bufferapp/ui/Icon/Icons/InstagramLike' 4 | 5 | /** InstagramLike */ 6 | export default function InstagramLikeIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Layout.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Layou... Remove this comment to see the full error message 3 | import LayoutIcon from '@bufferapp/ui/Icon/Icons/Layout' 4 | 5 | /** Layout */ 6 | export default function LayoutIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Link.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Link'... Remove this comment to see the full error message 3 | import LinkIcon from '@bufferapp/ui/Icon/Icons/Link' 4 | 5 | /** Link */ 6 | export default function LinkIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/LinkedIn.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Linke... Remove this comment to see the full error message 3 | import LinkedInIcon from '@bufferapp/ui/Icon/Icons/LinkedIn' 4 | 5 | /** LinkedIn */ 6 | export default function LinkedInIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/List.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/List'... Remove this comment to see the full error message 3 | import ListIcon from '@bufferapp/ui/Icon/Icons/List' 4 | 5 | /** List */ 6 | export default function ListIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Load.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Load'... Remove this comment to see the full error message 3 | import LoadIcon from '@bufferapp/ui/Icon/Icons/Load' 4 | 5 | /** Load */ 6 | export default function LoadIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Location.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Locat... Remove this comment to see the full error message 3 | import LocationIcon from '@bufferapp/ui/Icon/Icons/Location' 4 | 5 | /** Location */ 6 | export default function LocationIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/LocationPin.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Locat... Remove this comment to see the full error message 3 | import LocationPinIcon from '@bufferapp/ui/Icon/Icons/LocationPin' 4 | 5 | /** LocationPin */ 6 | export default function LocationPinIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Locked.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Locke... Remove this comment to see the full error message 3 | import LockedIcon from '@bufferapp/ui/Icon/Icons/Locked' 4 | 5 | /** Locked */ 6 | export default function LockedIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/MagicWand.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Magic... Remove this comment to see the full error message 3 | import MagicWandIcon from '@bufferapp/ui/Icon/Icons/MagicWand' 4 | 5 | /** MagicWand */ 6 | export default function MagicWandIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Mail.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Mail'... Remove this comment to see the full error message 3 | import MailIcon from '@bufferapp/ui/Icon/Icons/Mail' 4 | 5 | /** Mail */ 6 | export default function MailIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Mastodon.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Masto... Remove this comment to see the full error message 3 | import MastodonIcon from '@bufferapp/ui/Icon/Icons/Mastodon' 4 | 5 | /** Mastodon */ 6 | export default function MastodonIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Medium.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Mediu... Remove this comment to see the full error message 3 | import MediumIcon from '@bufferapp/ui/Icon/Icons/Medium' 4 | 5 | /** Medium */ 6 | export default function MediumIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Message.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Messa... Remove this comment to see the full error message 3 | import MessageIcon from '@bufferapp/ui/Icon/Icons/Message' 4 | 5 | /** Message */ 6 | export default function MessageIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/MessageFilled.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Messa... Remove this comment to see the full error message 3 | import MessageFilledIcon from '@bufferapp/ui/Icon/Icons/MessageFilled' 4 | 5 | /** MessageFilled */ 6 | export default function MessageFilledIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/MessageOutline.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Messa... Remove this comment to see the full error message 3 | import MessageOutlineIcon from '@bufferapp/ui/Icon/Icons/MessageOutline' 4 | 5 | /** MessageOutline */ 6 | export default function MessageOutlineIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/MessageRoundFilled.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Messa... Remove this comment to see the full error message 3 | import MessageRoundFilledIcon from '@bufferapp/ui/Icon/Icons/MessageRoundFilled' 4 | 5 | /** MessageRoundFilled */ 6 | export default function MessageRoundFilledIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/MessageRoundOutline.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Messa... Remove this comment to see the full error message 3 | import MessageRoundOutlineIcon from '@bufferapp/ui/Icon/Icons/MessageRoundOutline' 4 | 5 | /** MessageRoundOutline */ 6 | export default function MessageRoundOutlineIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/MessageSquareFilled.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Messa... Remove this comment to see the full error message 3 | import MessageSquareFilledIcon from '@bufferapp/ui/Icon/Icons/MessageSquareFilled' 4 | 5 | /** MessageSquareFilled */ 6 | export default function MessageSquareFilledIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/MessageSquareOutline.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Messa... Remove this comment to see the full error message 3 | import MessageSquareOutlineIcon from '@bufferapp/ui/Icon/Icons/MessageSquareOutline' 4 | 5 | /** MessageSquareOutline */ 6 | export default function MessageSquareOutlineIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Messenger.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Messe... Remove this comment to see the full error message 3 | import MessengerIcon from '@bufferapp/ui/Icon/Icons/Messenger' 4 | 5 | /** Messenger */ 6 | export default function MessengerIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/More.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/More'... Remove this comment to see the full error message 3 | import MoreIcon from '@bufferapp/ui/Icon/Icons/More' 4 | 5 | /** More */ 6 | export default function MoreIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Movie.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Movie... Remove this comment to see the full error message 3 | import MovieIcon from '@bufferapp/ui/Icon/Icons/Movie' 4 | 5 | /** Movie */ 6 | export default function MovieIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Music.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Music... Remove this comment to see the full error message 3 | import MusicIcon from '@bufferapp/ui/Icon/Icons/Music' 4 | 5 | /** Music */ 6 | export default function MusicIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Negative.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Negat... Remove this comment to see the full error message 3 | import NegativeIcon from '@bufferapp/ui/Icon/Icons/Negative' 4 | 5 | /** Negative */ 6 | export default function NegativeIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Onedrive.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Onedr... Remove this comment to see the full error message 3 | import OnedriveIcon from '@bufferapp/ui/Icon/Icons/Onedrive' 4 | 5 | /** Onedrive */ 6 | export default function OnedriveIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/OpenNew.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/OpenN... Remove this comment to see the full error message 3 | import OpenNewIcon from '@bufferapp/ui/Icon/Icons/OpenNew' 4 | 5 | /** OpenNew */ 6 | export default function OpenNewIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Order.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Order... Remove this comment to see the full error message 3 | import OrderIcon from '@bufferapp/ui/Icon/Icons/Order' 4 | 5 | /** Order */ 6 | export default function OrderIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Organic.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Organ... Remove this comment to see the full error message 3 | import OrganicIcon from '@bufferapp/ui/Icon/Icons/Organic' 4 | 5 | /** Organic */ 6 | export default function OrganicIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Patreon.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Patre... Remove this comment to see the full error message 3 | import PatreonIcon from '@bufferapp/ui/Icon/Icons/Patreon' 4 | 5 | /** Patreon */ 6 | export default function PatreonIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Pause.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Pause... Remove this comment to see the full error message 3 | import PauseIcon from '@bufferapp/ui/Icon/Icons/Pause' 4 | 5 | /** Pause */ 6 | export default function PauseIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Paypal.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Paypa... Remove this comment to see the full error message 3 | import PaypalIcon from '@bufferapp/ui/Icon/Icons/Paypal' 4 | 5 | /** Paypal */ 6 | export default function PaypalIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Pencil.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Penci... Remove this comment to see the full error message 3 | import PencilIcon from '@bufferapp/ui/Icon/Icons/Pencil' 4 | 5 | /** Pencil */ 6 | export default function PencilIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/People.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Peopl... Remove this comment to see the full error message 3 | import PeopleIcon from '@bufferapp/ui/Icon/Icons/People' 4 | 5 | /** People */ 6 | export default function PeopleIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/PercentageDown.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Perce... Remove this comment to see the full error message 3 | import PercentageDownIcon from '@bufferapp/ui/Icon/Icons/PercentageDown' 4 | 5 | /** PercentageDown */ 6 | export default function PercentageDownIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/PercentageUp.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Perce... Remove this comment to see the full error message 3 | import PercentageUpIcon from '@bufferapp/ui/Icon/Icons/PercentageUp' 4 | 5 | /** PercentageUp */ 6 | export default function PercentageUpIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Person.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Perso... Remove this comment to see the full error message 3 | import PersonIcon from '@bufferapp/ui/Icon/Icons/Person' 4 | 5 | /** Person */ 6 | export default function PersonIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Phone.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Phone... Remove this comment to see the full error message 3 | import PhoneIcon from '@bufferapp/ui/Icon/Icons/Phone' 4 | 5 | /** Phone */ 6 | export default function PhoneIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Pin.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Pin' ... Remove this comment to see the full error message 3 | import PinIcon from '@bufferapp/ui/Icon/Icons/Pin' 4 | 5 | /** Pin */ 6 | export default function PinIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Pinned.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Pinne... Remove this comment to see the full error message 3 | import PinnedIcon from '@bufferapp/ui/Icon/Icons/Pinned' 4 | 5 | /** Pinned */ 6 | export default function PinnedIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Pinterest.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Pinte... Remove this comment to see the full error message 3 | import PinterestIcon from '@bufferapp/ui/Icon/Icons/Pinterest' 4 | 5 | /** Pinterest */ 6 | export default function PinterestIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Placeholder.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Place... Remove this comment to see the full error message 3 | import PlaceholderIcon from '@bufferapp/ui/Icon/Icons/Placeholder' 4 | 5 | /** Placeholder */ 6 | export default function PlaceholderIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Play.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Play'... Remove this comment to see the full error message 3 | import PlayIcon from '@bufferapp/ui/Icon/Icons/Play' 4 | 5 | /** Play */ 6 | export default function PlayIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/PlayRound.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/PlayR... Remove this comment to see the full error message 3 | import PlayRoundIcon from '@bufferapp/ui/Icon/Icons/PlayRound' 4 | 5 | /** PlayRound */ 6 | export default function PlayRoundIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Plus.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Plus'... Remove this comment to see the full error message 3 | import PlusIcon from '@bufferapp/ui/Icon/Icons/Plus' 4 | 5 | /** Plus */ 6 | export default function PlusIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Post.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Post'... Remove this comment to see the full error message 3 | import PostIcon from '@bufferapp/ui/Icon/Icons/Post' 4 | 5 | /** Post */ 6 | export default function PostIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Promoted.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Promo... Remove this comment to see the full error message 3 | import PromotedIcon from '@bufferapp/ui/Icon/Icons/Promoted' 4 | 5 | /** Promoted */ 6 | export default function PromotedIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Publish.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Publi... Remove this comment to see the full error message 3 | import PublishIcon from '@bufferapp/ui/Icon/Icons/Publish' 4 | 5 | /** Publish */ 6 | export default function PublishIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/QrCode.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/QrCod... Remove this comment to see the full error message 3 | import QrCodeIcon from '@bufferapp/ui/Icon/Icons/QrCode' 4 | 5 | /** QrCode */ 6 | export default function QrCodeIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Question.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Quest... Remove this comment to see the full error message 3 | import QuestionIcon from '@bufferapp/ui/Icon/Icons/Question' 4 | 5 | /** Question */ 6 | export default function QuestionIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Reel.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Reel'... Remove this comment to see the full error message 3 | import ReelIcon from '@bufferapp/ui/Icon/Icons/Reel' 4 | 5 | /** Reel */ 6 | export default function ReelIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Refresh.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Refre... Remove this comment to see the full error message 3 | import RefreshIcon from '@bufferapp/ui/Icon/Icons/Refresh' 4 | 5 | /** Refresh */ 6 | export default function RefreshIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Reply.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Reply... Remove this comment to see the full error message 3 | import ReplyIcon from '@bufferapp/ui/Icon/Icons/Reply' 4 | 5 | /** Reply */ 6 | export default function ReplyIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Return.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Retur... Remove this comment to see the full error message 3 | import ReturnIcon from '@bufferapp/ui/Icon/Icons/Return' 4 | 5 | /** Return */ 6 | export default function ReturnIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Retweet.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Retwe... Remove this comment to see the full error message 3 | import RetweetIcon from '@bufferapp/ui/Icon/Icons/Retweet' 4 | 5 | /** Retweet */ 6 | export default function RetweetIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Save.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Save'... Remove this comment to see the full error message 3 | import SaveIcon from '@bufferapp/ui/Icon/Icons/Save' 4 | 5 | /** Save */ 6 | export default function SaveIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Search.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Searc... Remove this comment to see the full error message 3 | import SearchIcon from '@bufferapp/ui/Icon/Icons/Search' 4 | 5 | /** Search */ 6 | export default function SearchIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Share.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Share... Remove this comment to see the full error message 3 | import ShareIcon from '@bufferapp/ui/Icon/Icons/Share' 4 | 5 | /** Share */ 6 | export default function ShareIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/ShareArrow.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Share... Remove this comment to see the full error message 3 | import ShareArrowIcon from '@bufferapp/ui/Icon/Icons/ShareArrow' 4 | 5 | /** ShareArrow */ 6 | export default function ShareArrowIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/ShareArrowFilled.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Share... Remove this comment to see the full error message 3 | import ShareArrowFilledIcon from '@bufferapp/ui/Icon/Icons/ShareArrowFilled' 4 | 5 | /** ShareArrowFilled */ 6 | export default function ShareArrowFilledIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/ShareArrowOutline.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Share... Remove this comment to see the full error message 3 | import ShareArrowOutlineIcon from '@bufferapp/ui/Icon/Icons/ShareArrowOutline' 4 | 5 | /** ShareArrowOutline */ 6 | export default function ShareArrowOutlineIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Shopify.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Shopi... Remove this comment to see the full error message 3 | import ShopifyIcon from '@bufferapp/ui/Icon/Icons/Shopify' 4 | 5 | /** Shopify */ 6 | export default function ShopifyIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Short.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Short... Remove this comment to see the full error message 3 | import ShortIcon from '@bufferapp/ui/Icon/Icons/Short' 4 | 5 | /** Short */ 6 | export default function ShortIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Sidebar.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Sideb... Remove this comment to see the full error message 3 | import SidebarIcon from '@bufferapp/ui/Icon/Icons/Sidebar' 4 | 5 | /** Sidebar */ 6 | export default function SidebarIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/SizeExtraLarge.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Locke... Remove this comment to see the full error message 3 | import LockIcon from '@bufferapp/ui/Icon/Icons/Locked' 4 | 5 | /** Size: extra large icon */ 6 | export default function ExtraLargeIcon() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/SizeLarge.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Locke... Remove this comment to see the full error message 3 | import LockIcon from '@bufferapp/ui/Icon/Icons/Locked' 4 | 5 | /** Size: large icon */ 6 | export default function LargeIcon() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/SizeMedium.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Locke... Remove this comment to see the full error message 3 | import LockIcon from '@bufferapp/ui/Icon/Icons/Locked' 4 | 5 | /** Size: medium icon */ 6 | export default function MediumIcon() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/SizeSmall.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Locke... Remove this comment to see the full error message 3 | import LockIcon from '@bufferapp/ui/Icon/Icons/Locked' 4 | 5 | /** Size: small icon */ 6 | export default function SmallIcon() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Sms.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Sms' ... Remove this comment to see the full error message 3 | import SmsIcon from '@bufferapp/ui/Icon/Icons/Sms' 4 | 5 | /** Sms */ 6 | export default function SmsIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Snapchat.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Snapc... Remove this comment to see the full error message 3 | import SnapchatIcon from '@bufferapp/ui/Icon/Icons/Snapchat' 4 | 5 | /** Snapchat */ 6 | export default function SnapchatIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/SocialIcons.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Socia... Remove this comment to see the full error message 3 | import SocialIconsIcon from '@bufferapp/ui/Icon/Icons/SocialIcons' 4 | 5 | /** SocialIcons */ 6 | export default function SocialIconsIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Soundcloud.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Sound... Remove this comment to see the full error message 3 | import SoundcloudIcon from '@bufferapp/ui/Icon/Icons/Soundcloud' 4 | 5 | /** Soundcloud */ 6 | export default function SoundcloudIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Spam.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Spam'... Remove this comment to see the full error message 3 | import SpamIcon from '@bufferapp/ui/Icon/Icons/Spam' 4 | 5 | /** Spam */ 6 | export default function SpamIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Sparkles.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Spark... Remove this comment to see the full error message 3 | import SparklesIcon from '@bufferapp/ui/Icon/Icons/Sparkles' 4 | 5 | /** Sparkles */ 6 | export default function SparklesIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Spotify.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Spoti... Remove this comment to see the full error message 3 | import SpotifyIcon from '@bufferapp/ui/Icon/Icons/Spotify' 4 | 5 | /** Spotify */ 6 | export default function SpotifyIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Star.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Star'... Remove this comment to see the full error message 3 | import StarIcon from '@bufferapp/ui/Icon/Icons/Star' 4 | 5 | /** Star */ 6 | export default function StarIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/StarOutline.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/StarO... Remove this comment to see the full error message 3 | import StarOutlineIcon from '@bufferapp/ui/Icon/Icons/StarOutline' 4 | 5 | /** StarOutline */ 6 | export default function StarOutlineIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/StartPage.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Start... Remove this comment to see the full error message 3 | import StartPageIcon from '@bufferapp/ui/Icon/Icons/StartPage' 4 | 5 | /** StartPage */ 6 | export default function StartPageIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Stats.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Stats... Remove this comment to see the full error message 3 | import StatsIcon from '@bufferapp/ui/Icon/Icons/Stats' 4 | 5 | /** Stats */ 6 | export default function StatsIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Story.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Story... Remove this comment to see the full error message 3 | import StoryIcon from '@bufferapp/ui/Icon/Icons/Story' 4 | 5 | /** Story */ 6 | export default function StoryIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Subheading.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Subhe... Remove this comment to see the full error message 3 | import SubheadingIcon from '@bufferapp/ui/Icon/Icons/Subheading' 4 | 5 | /** Subheading */ 6 | export default function SubheadingIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Substack.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Subst... Remove this comment to see the full error message 3 | import SubstackIcon from '@bufferapp/ui/Icon/Icons/Substack' 4 | 5 | /** Substack */ 6 | export default function SubstackIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Subtract.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Subtr... Remove this comment to see the full error message 3 | import SubtractIcon from '@bufferapp/ui/Icon/Icons/Subtract' 4 | 5 | /** Subtract */ 6 | export default function SubtractIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Swap.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Swap'... Remove this comment to see the full error message 3 | import SwapIcon from '@bufferapp/ui/Icon/Icons/Swap' 4 | 5 | /** Swap */ 6 | export default function SwapIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Tag.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Tag' ... Remove this comment to see the full error message 3 | import TagIcon from '@bufferapp/ui/Icon/Icons/Tag' 4 | 5 | /** Tag */ 6 | export default function TagIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Telegram.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Teleg... Remove this comment to see the full error message 3 | import TelegramIcon from '@bufferapp/ui/Icon/Icons/Telegram' 4 | 5 | /** Telegram */ 6 | export default function TelegramIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/TextAlignCenter.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/TextA... Remove this comment to see the full error message 3 | import TextAlignCenterIcon from '@bufferapp/ui/Icon/Icons/TextAlignCenter' 4 | 5 | /** TextAlignCenter */ 6 | export default function TextAlignCenterIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/TextAlignLeft.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/TextA... Remove this comment to see the full error message 3 | import TextAlignLeftIcon from '@bufferapp/ui/Icon/Icons/TextAlignLeft' 4 | 5 | /** TextAlignLeft */ 6 | export default function TextAlignLeftIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/TextAlignRight.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/TextA... Remove this comment to see the full error message 3 | import TextAlignRightIcon from '@bufferapp/ui/Icon/Icons/TextAlignRight' 4 | 5 | /** TextAlignRight */ 6 | export default function TextAlignRightIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/TextBold.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/TextB... Remove this comment to see the full error message 3 | import TextBoldIcon from '@bufferapp/ui/Icon/Icons/TextBold' 4 | 5 | /** TextBold */ 6 | export default function TextBoldIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/TextExpand.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/TextE... Remove this comment to see the full error message 3 | import TextExpandIcon from '@bufferapp/ui/Icon/Icons/TextExpand' 4 | 5 | /** TextExpand */ 6 | export default function TextExpandIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/TextItalic.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/TextI... Remove this comment to see the full error message 3 | import TextItalicIcon from '@bufferapp/ui/Icon/Icons/TextItalic' 4 | 5 | /** TextItalic */ 6 | export default function TextItalicIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/TextRephrase.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/TextR... Remove this comment to see the full error message 3 | import TextRephraseIcon from '@bufferapp/ui/Icon/Icons/TextRephrase' 4 | 5 | /** TextRephrase */ 6 | export default function TextRephraseIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/TextSummarize.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/TextS... Remove this comment to see the full error message 3 | import TextSummarizeIcon from '@bufferapp/ui/Icon/Icons/TextSummarize' 4 | 5 | /** TextSummarize */ 6 | export default function TextSummarizeIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/TextUnderline.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/TextU... Remove this comment to see the full error message 3 | import TextUnderlineIcon from '@bufferapp/ui/Icon/Icons/TextUnderline' 4 | 5 | /** TextUnderline */ 6 | export default function TextUnderlineIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Thread.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Threa... Remove this comment to see the full error message 3 | import ThreadIcon from '@bufferapp/ui/Icon/Icons/Thread' 4 | 5 | /** Thread */ 6 | export default function ThreadIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Thumbsup.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Thumb... Remove this comment to see the full error message 3 | import ThumbsupIcon from '@bufferapp/ui/Icon/Icons/Thumbsup' 4 | 5 | /** Thumbsup */ 6 | export default function ThumbsupIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/ThumbsupFilled.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Thumb... Remove this comment to see the full error message 3 | import ThumbsupFilledIcon from '@bufferapp/ui/Icon/Icons/ThumbsupFilled' 4 | 5 | /** ThumbsupFilled */ 6 | export default function ThumbsupFilledIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/ThumbsupOutline.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Thumb... Remove this comment to see the full error message 3 | import ThumbsupOutlineIcon from '@bufferapp/ui/Icon/Icons/ThumbsupOutline' 4 | 5 | /** ThumbsupOutline */ 6 | export default function ThumbsupOutlineIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Tiktok.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Tikto... Remove this comment to see the full error message 3 | import TiktokIcon from '@bufferapp/ui/Icon/Icons/Tiktok' 4 | 5 | /** Tiktok */ 6 | export default function TiktokIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Title.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Title... Remove this comment to see the full error message 3 | import TitleIcon from '@bufferapp/ui/Icon/Icons/Title' 4 | 5 | /** Title */ 6 | export default function TitleIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Trash.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Trash... Remove this comment to see the full error message 3 | import TrashIcon from '@bufferapp/ui/Icon/Icons/Trash' 4 | 5 | /** Trash */ 6 | export default function TrashIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Twitch.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Twitc... Remove this comment to see the full error message 3 | import TwitchIcon from '@bufferapp/ui/Icon/Icons/Twitch' 4 | 5 | /** Twitch */ 6 | export default function TwitchIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Twitter.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Twitt... Remove this comment to see the full error message 3 | import TwitterIcon from '@bufferapp/ui/Icon/Icons/Twitter' 4 | 5 | /** Twitter */ 6 | export default function TwitterIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Unknown.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Unkno... Remove this comment to see the full error message 3 | import UnknownIcon from '@bufferapp/ui/Icon/Icons/Unknown' 4 | 5 | /** Unknown */ 6 | export default function UnknownIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Unlocked.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Unloc... Remove this comment to see the full error message 3 | import UnlockedIcon from '@bufferapp/ui/Icon/Icons/Unlocked' 4 | 5 | /** Unlocked */ 6 | export default function UnlockedIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Unsplash.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Unspl... Remove this comment to see the full error message 3 | import UnsplashIcon from '@bufferapp/ui/Icon/Icons/Unsplash' 4 | 5 | /** Unsplash */ 6 | export default function UnsplashIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Video.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Video... Remove this comment to see the full error message 3 | import VideoIcon from '@bufferapp/ui/Icon/Icons/Video' 4 | 5 | /** Video */ 6 | export default function VideoIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/View.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/View'... Remove this comment to see the full error message 3 | import ViewIcon from '@bufferapp/ui/Icon/Icons/View' 4 | 5 | /** View */ 6 | export default function ViewIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/VolumeOff.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Volum... Remove this comment to see the full error message 3 | import VolumeOffIcon from '@bufferapp/ui/Icon/Icons/VolumeOff' 4 | 5 | /** VolumeOff */ 6 | export default function VolumeOffIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/VolumeOn.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Volum... Remove this comment to see the full error message 3 | import VolumeOnIcon from '@bufferapp/ui/Icon/Icons/VolumeOn' 4 | 5 | /** VolumeOn */ 6 | export default function VolumeOnIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Warning.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Warni... Remove this comment to see the full error message 3 | import WarningIcon from '@bufferapp/ui/Icon/Icons/Warning' 4 | 5 | /** Warning */ 6 | export default function WarningIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Website.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Websi... Remove this comment to see the full error message 3 | import WebsiteIcon from '@bufferapp/ui/Icon/Icons/Website' 4 | 5 | /** Website */ 6 | export default function WebsiteIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Whatsapp.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Whats... Remove this comment to see the full error message 3 | import WhatsappIcon from '@bufferapp/ui/Icon/Icons/Whatsapp' 4 | 5 | /** Whatsapp */ 6 | export default function WhatsappIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/World.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/World... Remove this comment to see the full error message 3 | import WorldIcon from '@bufferapp/ui/Icon/Icons/World' 4 | 5 | /** World */ 6 | export default function WorldIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Icon/Youtube.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Youtu... Remove this comment to see the full error message 3 | import YoutubeIcon from '@bufferapp/ui/Icon/Icons/Youtube' 4 | 5 | /** Youtube */ 6 | export default function YoutubeIconExample() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Input/option/Default.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Input' or its co... Remove this comment to see the full error message 3 | import Input from '@bufferapp/ui/Input' 4 | 5 | /** Input */ 6 | export default function ExampleInput() { 7 | return ( 8 | {}} 11 | name="foo" 12 | placeholder="placeholder text" 13 | /> 14 | ) 15 | } 16 | -------------------------------------------------------------------------------- /src/documentation/examples/Input/option/WithExposedRef.tsx: -------------------------------------------------------------------------------- 1 | import React, { useRef } from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Input' or its co... Remove this comment to see the full error message 3 | import Input from '@bufferapp/ui/Input' 4 | 5 | /** Input with exposed ref */ 6 | export default function ExampleInput() { 7 | const inputRef = useRef(null) 8 | return ( 9 | 10 | {}} name="foo" ref={inputRef} /> 11 | {/* @ts-expect-error TS(2531) FIXME: Object is possibly 'null'. */} 12 | inputRef.current.focus()}> 13 | Focus input 14 | 15 | 16 | ) 17 | } 18 | -------------------------------------------------------------------------------- /src/documentation/examples/Input/option/WithHelp.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Input' or its co... Remove this comment to see the full error message 3 | import Input from '@bufferapp/ui/Input' 4 | 5 | /** Input with help text */ 6 | export default function ExampleInput() { 7 | return ( 8 | {}} 10 | name="foo" 11 | help="this is an help text" 12 | placeholder="placeholder text" 13 | /> 14 | ) 15 | } 16 | -------------------------------------------------------------------------------- /src/documentation/examples/Input/option/WithIcon.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Input' or its co... Remove this comment to see the full error message 3 | import Input from '@bufferapp/ui/Input' 4 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Searc... Remove this comment to see the full error message 5 | import SearchIcon from '@bufferapp/ui/Icon/Icons/Search' 6 | 7 | /** Input with icon */ 8 | export default function ExampleInput() { 9 | return ( 10 | {}} 12 | name="foo" 13 | placeholder="Search channels" 14 | icon={} 15 | /> 16 | ) 17 | } 18 | -------------------------------------------------------------------------------- /src/documentation/examples/Input/option/WithLabel.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Input' or its co... Remove this comment to see the full error message 3 | import Input from '@bufferapp/ui/Input' 4 | 5 | /** Input with label text */ 6 | export default function ExampleInput() { 7 | return ( 8 | {}} 10 | name="foo" 11 | label="this is a label text" 12 | placeholder="placeholder text" 13 | /> 14 | ) 15 | } 16 | -------------------------------------------------------------------------------- /src/documentation/examples/Input/option/WithOnBlur.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Input' or its co... Remove this comment to see the full error message 3 | import Input from '@bufferapp/ui/Input' 4 | 5 | /** Input with onBlur option */ 6 | export default function ExampleInput() { 7 | return ( 8 | {}} 11 | onBlur={() => {}} 12 | name="foo" 13 | placeholder="placeholder text" 14 | /> 15 | ) 16 | } 17 | -------------------------------------------------------------------------------- /src/documentation/examples/Input/option/WithPrefix.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Input' or its co... Remove this comment to see the full error message 3 | import Input from '@bufferapp/ui/Input' 4 | 5 | /** Input with prefix text */ 6 | export default function ExampleInput() { 7 | return ( 8 | {}} 10 | name="foo" 11 | label="What is your Twitter handle?" 12 | prefix={{ text: '@', paddingLeft: '25px' }} 13 | /> 14 | ) 15 | } 16 | -------------------------------------------------------------------------------- /src/documentation/examples/Input/option/WithValue.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Input' or its co... Remove this comment to see the full error message 3 | import Input from '@bufferapp/ui/Input' 4 | 5 | /** Input with value */ 6 | export default function ExampleInput() { 7 | return ( 8 | {}} 10 | name="foo" 11 | placeholder="placeholder text" 12 | value="This is an input with a value" 13 | /> 14 | ) 15 | } 16 | -------------------------------------------------------------------------------- /src/documentation/examples/Input/size/Regular.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Input' or its co... Remove this comment to see the full error message 3 | import Input from '@bufferapp/ui/Input' 4 | 5 | /** Regular input */ 6 | export default function ExampleInput() { 7 | return ( 8 | {}} 11 | name="foo" 12 | placeholder="placeholder text" 13 | /> 14 | ) 15 | } 16 | -------------------------------------------------------------------------------- /src/documentation/examples/Input/size/Small.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Input' or its co... Remove this comment to see the full error message 3 | import Input from '@bufferapp/ui/Input' 4 | 5 | /** Small input */ 6 | export default function ExampleInput() { 7 | return ( 8 | {}} 11 | name="foo" 12 | placeholder="placeholder text" 13 | size="small" 14 | /> 15 | ) 16 | } 17 | -------------------------------------------------------------------------------- /src/documentation/examples/Input/size/Tall.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Input' or its co... Remove this comment to see the full error message 3 | import Input from '@bufferapp/ui/Input' 4 | 5 | /** Tall input */ 6 | export default function ExampleInput() { 7 | return ( 8 | {}} 11 | name="foo" 12 | placeholder="placeholder text" 13 | size="tall" 14 | /> 15 | ) 16 | } 17 | -------------------------------------------------------------------------------- /src/documentation/examples/Input/state/Disabled.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Input' or its co... Remove this comment to see the full error message 3 | import Input from '@bufferapp/ui/Input' 4 | 5 | /** Input disabled */ 6 | export default function ExampleInput() { 7 | return ( 8 | {}} 11 | name="foo" 12 | placeholder="a disabled text input" 13 | disabled 14 | /> 15 | ) 16 | } 17 | -------------------------------------------------------------------------------- /src/documentation/examples/Input/state/WithError.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Input' or its co... Remove this comment to see the full error message 3 | import Input from '@bufferapp/ui/Input' 4 | 5 | /** Input with error */ 6 | export default function ExampleInput() { 7 | return ( 8 | {}} 11 | name="foo" 12 | placeholder="placeholder text" 13 | hasError 14 | value="this is an input with an error" 15 | /> 16 | ) 17 | } 18 | -------------------------------------------------------------------------------- /src/documentation/examples/Input/state/WithErrorAndHelp.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Input' or its co... Remove this comment to see the full error message 3 | import Input from '@bufferapp/ui/Input' 4 | 5 | /** Input with error and help text */ 6 | export default function ExampleInput() { 7 | return ( 8 | {}} 10 | name="foo" 11 | placeholder="placeholder text" 12 | help="help text" 13 | hasError 14 | value="this is an input with an error" 15 | /> 16 | ) 17 | } 18 | -------------------------------------------------------------------------------- /src/documentation/examples/Link/BoldLink.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Link' or its cor... Remove this comment to see the full error message 3 | import Link from '@bufferapp/ui/Link' 4 | 5 | /** Link with bolder weight */ 6 | export default function ExampleLink() { 7 | return ( 8 | 9 | This is a link 10 | 11 | ) 12 | } 13 | -------------------------------------------------------------------------------- /src/documentation/examples/Link/DefaultLink.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Link' or its cor... Remove this comment to see the full error message 3 | import Link from '@bufferapp/ui/Link' 4 | 5 | /** Link */ 6 | export default function ExampleLink() { 7 | return ( 8 | 9 | This is a link 10 | 11 | ) 12 | } 13 | -------------------------------------------------------------------------------- /src/documentation/examples/Loader/Loader.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Loader' or its c... Remove this comment to see the full error message 3 | import Loader from '@bufferapp/ui/Loader' 4 | 5 | /** Loader Example */ 6 | export default function ExampleLoader() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Notice/Notice.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Notice' or its c... Remove this comment to see the full error message 3 | import Notice from '@bufferapp/ui/Notice' 4 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Text' or its cor... Remove this comment to see the full error message 5 | import Text from '@bufferapp/ui/Text' 6 | 7 | /** Notice Example */ 8 | export default function ExampleNotice() { 9 | return ( 10 | 11 | 12 | We're actively working on improving this feature and would love 13 | your feedback! 14 | 15 | 16 | ) 17 | } 18 | -------------------------------------------------------------------------------- /src/documentation/examples/Notification/Notification.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Notification' or... Remove this comment to see the full error message 3 | import Notification from '@bufferapp/ui/Notification' 4 | 5 | /** Notification with text */ 6 | export default function ExampleNotification() { 7 | return ( 8 | // the wrapping div is only for documentation example purposes 9 | 10 | 11 | 12 | ) 13 | } 14 | -------------------------------------------------------------------------------- /src/documentation/examples/ProgressBar/DefaultProgressBar.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/ProgressBar' or ... Remove this comment to see the full error message 3 | import ProgressBar from '@bufferapp/ui/ProgressBar' 4 | 5 | /** Progress Bar */ 6 | export default function ExampleProgressBar() { 7 | return ( 8 | 9 | 10 | 11 | ) 12 | } 13 | -------------------------------------------------------------------------------- /src/documentation/examples/Select/SelectWithItemTooltip.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Select' or its c... Remove this comment to see the full error message 3 | import Select from '@bufferapp/ui/Select' 4 | 5 | /** With Item Tooltip */ 6 | export default function ExampleSelect() { 7 | return ( 8 | true} 10 | label="Click me" 11 | type="primary" 12 | items={[ 13 | { id: '1', title: 'With tooltip', tooltip: 'Item with tooltip' }, 14 | { id: '2', title: 'Without tooltip' }, 15 | ]} 16 | position="right" 17 | hideSearch 18 | /> 19 | ) 20 | } 21 | -------------------------------------------------------------------------------- /src/documentation/examples/Select/SelectWithMultiSelect.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Select' or its c... Remove this comment to see the full error message 3 | import Select from '@bufferapp/ui/Select' 4 | 5 | /** Multi-Select */ 6 | export default function ExampleSelect() { 7 | return ( 8 | console.info('Main select clicked')} 10 | label="Click Me" 11 | multiSelect 12 | items={[ 13 | { id: '1', title: 'Open', selected: true }, 14 | { id: '2', title: 'Pending' }, 15 | { id: '3', title: 'Closed' }, 16 | ]} 17 | hideSearch 18 | /> 19 | ) 20 | } 21 | -------------------------------------------------------------------------------- /src/documentation/examples/Select/SplitButtonDisabled.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Button' or its c... Remove this comment to see the full error message 3 | import Button from '@bufferapp/ui/Button' 4 | 5 | /** Split Button Disabled */ 6 | export default function ExampleSplitButtonDisabled() { 7 | return ( 8 | true} 10 | onClick={() => true} 11 | label="Reply + Close" 12 | type="primary" 13 | disabled 14 | isSplit 15 | items={[ 16 | { id: '1', title: 'Reply + Pending' }, 17 | { id: '2', title: 'Reply + Close + Assign To Me' }, 18 | ]} 19 | /> 20 | ) 21 | } 22 | -------------------------------------------------------------------------------- /src/documentation/examples/SidebarHeader/Header.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/SidebarHeader' o... Remove this comment to see the full error message 3 | import SidebarHeader from '@bufferapp/ui/SidebarHeader' 4 | 5 | /** SidebarHeader Example */ 6 | export default function ExampleHeader() { 7 | return 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/SocialButton/FacebookSocialButton.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/SocialButton' or... Remove this comment to see the full error message 3 | import SocialButton from '@bufferapp/ui/SocialButton' 4 | 5 | /** Facebook Social Button */ 6 | export default function ExampleSocialButton() { 7 | return ( 8 | 9 | {}} /> 10 | 11 | ) 12 | } 13 | -------------------------------------------------------------------------------- /src/documentation/examples/SocialButton/InstagramSocialButton.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/SocialButton' or... Remove this comment to see the full error message 3 | import SocialButton from '@bufferapp/ui/SocialButton' 4 | 5 | /** Instagram Social Button */ 6 | export default function ExampleSocialButton() { 7 | return ( 8 | 9 | {}} /> 10 | 11 | ) 12 | } 13 | -------------------------------------------------------------------------------- /src/documentation/examples/SocialButton/LinkedinSocialButton.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/SocialButton' or... Remove this comment to see the full error message 3 | import SocialButton from '@bufferapp/ui/SocialButton' 4 | 5 | /** Linkedin Social Button */ 6 | export default function ExampleSocialButton() { 7 | return ( 8 | 9 | {}} /> 10 | 11 | ) 12 | } 13 | -------------------------------------------------------------------------------- /src/documentation/examples/SocialButton/PinterestSocialButton.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/SocialButton' or... Remove this comment to see the full error message 3 | import SocialButton from '@bufferapp/ui/SocialButton' 4 | 5 | /** Pinterest Social Button */ 6 | export default function ExampleSocialButton() { 7 | return ( 8 | 9 | {}} /> 10 | 11 | ) 12 | } 13 | -------------------------------------------------------------------------------- /src/documentation/examples/SocialButton/TwitterSocialButton.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/SocialButton' or... Remove this comment to see the full error message 3 | import SocialButton from '@bufferapp/ui/SocialButton' 4 | 5 | /** Twitter Social Button */ 6 | export default function ExampleSocialButton() { 7 | return ( 8 | 9 | {}} /> 10 | 11 | ) 12 | } 13 | -------------------------------------------------------------------------------- /src/documentation/examples/Switch/SwitchDisabled.tsx: -------------------------------------------------------------------------------- 1 | import React, { useState } from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Switch' or its c... Remove this comment to see the full error message 3 | import Switch from '@bufferapp/ui/Switch' 4 | 5 | /** Switch Disabled */ 6 | export default function ExampleSwitchDisabled() { 7 | const [value, setValue] = useState(false) 8 | 9 | return ( 10 | 11 | setValue(!value)} 15 | label="Notifications" 16 | id="switch-disabled" 17 | /> 18 | 19 | ) 20 | } 21 | -------------------------------------------------------------------------------- /src/documentation/examples/Switch/SwitchOff.tsx: -------------------------------------------------------------------------------- 1 | import React, { useState } from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Switch' or its c... Remove this comment to see the full error message 3 | import Switch from '@bufferapp/ui/Switch' 4 | 5 | /** Switch Off */ 6 | export default function ExampleSwitchOff() { 7 | const [value, setValue] = useState(false) 8 | 9 | return ( 10 | 11 | setValue(!value)} 15 | label="Notifications" 16 | id="switch-off" 17 | /> 18 | 19 | ) 20 | } 21 | -------------------------------------------------------------------------------- /src/documentation/examples/Switch/SwitchOn.tsx: -------------------------------------------------------------------------------- 1 | import React, { useState } from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Switch' or its c... Remove this comment to see the full error message 3 | import Switch from '@bufferapp/ui/Switch' 4 | 5 | /** Switch On */ 6 | export default function ExampleSwitchOn() { 7 | const [value, setValue] = useState(true) 8 | 9 | return ( 10 | 11 | setValue(!value)} 15 | label={value ? 'On' : 'Off'} 16 | id="switch-on" 17 | /> 18 | 19 | ) 20 | } 21 | -------------------------------------------------------------------------------- /src/documentation/examples/Tag/CountTag.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Tag' or its corr... Remove this comment to see the full error message 3 | import Tag from '@bufferapp/ui/Tag' 4 | 5 | /** Tag with number */ 6 | export default function BasicTag() { 7 | return ( 8 | 9 | 10 10 | 11 | ) 12 | } 13 | -------------------------------------------------------------------------------- /src/documentation/examples/Tag/IconTag.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Tag' or its corr... Remove this comment to see the full error message 3 | import Tag from '@bufferapp/ui/Tag' 4 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Icon/Icons/Flash... Remove this comment to see the full error message 5 | import FlashIcon from '@bufferapp/ui/Icon/Icons/Flash' 6 | 7 | /** Tag with icon */ 8 | export default function IconTag() { 9 | return ( 10 | 11 | 12 | 13 | ) 14 | } 15 | -------------------------------------------------------------------------------- /src/documentation/examples/Tag/TextTag.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Tag' or its corr... Remove this comment to see the full error message 3 | import Tag from '@bufferapp/ui/Tag' 4 | 5 | /** Tag with text */ 6 | export default function TextTag() { 7 | return New 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Text/basic/Paragraph.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Text' or its cor... Remove this comment to see the full error message 3 | import Text from '@bufferapp/ui/Text' 4 | 5 | /** Paragraph */ 6 | export default function ExampleText() { 7 | return This is a paragraph 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Text/basic/Span.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Text' or its cor... Remove this comment to see the full error message 3 | import Text from '@bufferapp/ui/Text' 4 | 5 | /** Span (default) */ 6 | export default function ExampleText() { 7 | return This is a span 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Text/heading/H1.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Text' or its cor... Remove this comment to see the full error message 3 | import Text from '@bufferapp/ui/Text' 4 | 5 | /** H1 Heading */ 6 | export default function ExampleText() { 7 | return This is a H1 Heading 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Text/heading/H2.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Text' or its cor... Remove this comment to see the full error message 3 | import Text from '@bufferapp/ui/Text' 4 | 5 | /** H2 Heading */ 6 | export default function ExampleText() { 7 | return This is a H2 Heading 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Text/heading/H3.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Text' or its cor... Remove this comment to see the full error message 3 | import Text from '@bufferapp/ui/Text' 4 | 5 | /** H3 Heading */ 6 | export default function ExampleText() { 7 | return This is a H3 Heading 8 | } 9 | -------------------------------------------------------------------------------- /src/documentation/examples/Text/label/Help.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Text' or its cor... Remove this comment to see the full error message 3 | import Text from '@bufferapp/ui/Text' 4 | 5 | /** Help */ 6 | export default function ExampleText() { 7 | return ( 8 | 9 | This is a help Label 10 | 11 | ) 12 | } 13 | -------------------------------------------------------------------------------- /src/documentation/examples/Text/label/HelpWithError.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Text' or its cor... Remove this comment to see the full error message 3 | import Text from '@bufferapp/ui/Text' 4 | 5 | /** Help with error */ 6 | export default function ExampleText() { 7 | return ( 8 | 9 | This is a help with error Label 10 | 11 | ) 12 | } 13 | -------------------------------------------------------------------------------- /src/documentation/examples/Text/label/Label.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Text' or its cor... Remove this comment to see the full error message 3 | import Text from '@bufferapp/ui/Text' 4 | 5 | /** Label */ 6 | export default function ExampleText() { 7 | return ( 8 | 9 | This is a Label 10 | 11 | ) 12 | } 13 | -------------------------------------------------------------------------------- /src/documentation/examples/Text/label/LabelColored.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Text' or its cor... Remove this comment to see the full error message 3 | import Text from '@bufferapp/ui/Text' 4 | 5 | /** Label (color) */ 6 | export default function ExampleText() { 7 | return ( 8 | 9 | This is a colored Label 10 | 11 | ) 12 | } 13 | -------------------------------------------------------------------------------- /src/documentation/examples/TextArea/TextArea.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/TextArea' or its... Remove this comment to see the full error message 3 | import TextArea from '@bufferapp/ui/TextArea' 4 | 5 | /** TextArea Example */ 6 | export default function ExampleTextArea() { 7 | return ( 8 | {}} 12 | id="example1" 13 | /> 14 | ) 15 | } 16 | -------------------------------------------------------------------------------- /src/documentation/examples/TextArea/TextAreaDisabled.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/TextArea' or its... Remove this comment to see the full error message 3 | import TextArea from '@bufferapp/ui/TextArea' 4 | 5 | /** TextArea Disabled Example */ 6 | export default function ExampleTextArea() { 7 | return ( 8 | {}} 12 | value="hello, world!" 13 | disabled 14 | id="example2" 15 | /> 16 | ) 17 | } 18 | -------------------------------------------------------------------------------- /src/documentation/examples/TextArea/TextAreaWithError.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/TextArea' or its... Remove this comment to see the full error message 3 | import TextArea from '@bufferapp/ui/TextArea' 4 | 5 | /** TextArea With Error Example */ 6 | export default function ExampleTextArea() { 7 | return ( 8 | {}} 12 | hasError 13 | help="nope" 14 | id="example3" 15 | value="this is a textarea with an error" 16 | /> 17 | ) 18 | } 19 | -------------------------------------------------------------------------------- /src/documentation/examples/Tooltip/position/bottom.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Tooltip' or its ... Remove this comment to see the full error message 3 | import Tooltip from '@bufferapp/ui/Tooltip' 4 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Button' or its c... Remove this comment to see the full error message 5 | import Button from '@bufferapp/ui/Button' 6 | 7 | /** Bottom Aligned */ 8 | export default function ExampleTooltip() { 9 | return ( 10 | 11 | {}} label="Click Me" fullWidth /> 12 | 13 | ) 14 | } 15 | -------------------------------------------------------------------------------- /src/documentation/examples/Tooltip/position/left.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Tooltip' or its ... Remove this comment to see the full error message 3 | import Tooltip from '@bufferapp/ui/Tooltip' 4 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Button' or its c... Remove this comment to see the full error message 5 | import Button from '@bufferapp/ui/Button' 6 | 7 | /** Left Aligned */ 8 | export default function ExampleTooltip() { 9 | return ( 10 | 11 | {}} label="Click Me" fullWidth /> 12 | 13 | ) 14 | } 15 | -------------------------------------------------------------------------------- /src/documentation/examples/Tooltip/position/right.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Tooltip' or its ... Remove this comment to see the full error message 3 | import Tooltip from '@bufferapp/ui/Tooltip' 4 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Button' or its c... Remove this comment to see the full error message 5 | import Button from '@bufferapp/ui/Button' 6 | 7 | /** Right Aligned */ 8 | export default function ExampleTooltip() { 9 | return ( 10 | 11 | {}} label="Click Me" fullWidth /> 12 | 13 | ) 14 | } 15 | -------------------------------------------------------------------------------- /src/documentation/examples/Tooltip/position/top.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Tooltip' or its ... Remove this comment to see the full error message 3 | import Tooltip from '@bufferapp/ui/Tooltip' 4 | // @ts-expect-error TS(2307) FIXME: Cannot find module '@bufferapp/ui/Button' or its c... Remove this comment to see the full error message 5 | import Button from '@bufferapp/ui/Button' 6 | 7 | /** Top Aligned */ 8 | export default function ExampleTooltip() { 9 | return ( 10 | 11 | {}} label="Click Me" fullWidth /> 12 | 13 | ) 14 | } 15 | -------------------------------------------------------------------------------- /src/documentation/markdown/GettingStarted/ComponentStatus.md: -------------------------------------------------------------------------------- 1 | # Component Status 2 | 3 | 4 | This page is in progress 5 | 6 | -------------------------------------------------------------------------------- /src/documentation/markdown/GettingStarted/Contributing.md: -------------------------------------------------------------------------------- 1 | # Contributing 2 | 3 | 4 | This page is in progress 5 | 6 | -------------------------------------------------------------------------------- /src/documentation/markdown/GettingStarted/GettingStarted.md: -------------------------------------------------------------------------------- 1 | # Getting Started 2 | 3 | ## Overview 4 | 5 | Our Buffer Design System documentation is broken down into a few core sections: 6 | 7 | ## Patterns 8 | 9 | Patterns help to define common collections of components or interface elements, like layouts, navigation or product sidebars which may be comprised of many smaller components. 10 | 11 | [Patterns](Patterns/navigation) 12 | 13 | ## Guides 14 | 15 | Our guides provide the thinking and context for our design system. These will help us extend and design new components and patterns we've yet to build while ensuring a consistent experience. 16 | 17 | [Guides](Guides/principles) 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /src/documentation/markdown/GettingStarted/NewComponentChecklist.md: -------------------------------------------------------------------------------- 1 | # New component checklist 2 | 3 | 4 | This page is in progress 5 | 6 | -------------------------------------------------------------------------------- /src/documentation/markdown/Guides/Guides.md: -------------------------------------------------------------------------------- 1 | # Guides 2 | 3 | 4 | ## Heads up! Guides have been moved to our internal Design Wiki in Notion. 5 | 6 | -------------------------------------------------------------------------------- /src/documentation/version.ts: -------------------------------------------------------------------------------- 1 | export const LIB_VERSION = '8.5.0-beta.a864afad' 2 | -------------------------------------------------------------------------------- /src/globals.d.ts: -------------------------------------------------------------------------------- 1 | declare module '*.md' 2 | -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | padding: 0; 4 | font-family: 'Roboto', sans-serif; 5 | -webkit-font-smoothing: antialiased; 6 | -moz-osx-font-smoothing: grayscale; 7 | overflow: hidden; 8 | } 9 | 10 | code { 11 | font-family: 'Fira Code', source-code-pro, Menlo, Monaco, Consolas, 12 | 'Courier New', monospace; 13 | font-size: 14px; 14 | } 15 | -------------------------------------------------------------------------------- /src/index.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ReactDOM from 'react-dom' 3 | import './index.css' 4 | import 'highlight.js/styles/ocean.css' 5 | import { HashRouter as Router } from 'react-router-dom' 6 | import App from './documentation/App' 7 | 8 | ReactDOM.render( 9 | 10 | 11 | , 12 | document.getElementById('root'), 13 | ) 14 | --------------------------------------------------------------------------------