- Export all existing Icons components
- Migration to TypeScript
- Add: Ability to fire function onOpen for DropdownMenu
- Add: Ability to fire function onOpen for Select
- Add: Ability to fire function onOpen for Button with isSplit
- fix: button documentation uses new MessageFilled icon
- Update cached icon data
- Update BDS icons: MessageRoundFilled, MessageRoundOutline, Retweet, and ShareArrow
- Update BDS icons
- Update Avatar component to include Youtube icon
- Update BDS icons
- Fix warning for mastodon in Avatar
- Update BDS icons
- Fix: Warning for SidebarListItem
- Fix: Notice not dismissable if disabling animation
- Add default type definitions for
@bufferapp/ui
package
- Add icon: Caption
- Add icon: Music
- Add icon: Play
- Add icon: Share Arrow
- Add icon: Star Outline
- Add icon: Volume Off
- Add icon: Volume On
- Update Mastodon color
- Add Mastodon Color
- Add mastodon in Avatar
- Add new icons
- Add Youtube Color
- Add icon: Text Align Right
- Add icon: Mastodon
- Fix custom width on Modal
- Fix NavBarChavron alignment
- Add 'medium' as a size option for the Icons
- Add 'textToLeft' prop to Select component to align text to the left
- Fixed disabled styles for Buttons
- Add icon: Thread
- Add icon: AltText
- Add icon: Retweet
- Add icon: Feed
- Add new styles for SidebarListItem
- Add type 'alert' for Notice
- Add type 'tip' for Notice
- Fixed paddings for Notice
- Add icon: Text Align Left
- Add icon: Text Align Center
- Add icon: Text Bold
- Add icon: Text Italic
- Add icon: Text Underline
- sorry i published a minor version by mistake! *
- updates SP Avatar
- updates proptypes for SidebarListItem
- Add icon: GooglePhotos
- Support icon for Input
- Add icon: Behance
- Add icon: Substack
- Add icon: Medium
- Add icon: Pinned
- Fix: add flex-shrink to Icon style
- Fix: Remove PaywallTag Icon
- Fix: Remove references to old icons
- Fix: Change to Gbp Icon and adding StartPage icon
- Fix: DropDownMenu scrollbar always shown incorrectly
- No changes
- No changes
- Fix: Adding googlebusiness to propTypes.network in Avatar.jsx
- Fix: Gmb icon to Gbp change in Avatar.jsx
- Breaking: Gmb icon was renamed to Gbp
- Bringing back PaywallTag icon
- Adds GBP support for SidebarListItem
- Adds Gmb (GoogleBusinessProfile) icon
- Adds startPage as network option in Avatar
- Updated styles for close icon in Modal
- Changed divider line color in split button to
gray
for secondary button andblueLighter
for primary.
- Changed background color of primary default button in loading state to
blueDarker
- respec size argument on split Button
- remove extra div wrapping Tooltip
- Added iconEnd option to Select item to align icon to the end
- Added PaywallTag icon
- Added Drafts Icon
- Added Phone Icon
- Modified Tiktok Icon
- Changed tooltip component to only render if
label
orcustomLabel
prop is provided
- NonDismissibleModal has different z-index than SimpleModal
- SidebarListItem: Added TikTok
- Add the ability to pass a tooltip as part of a Select item. It will display a tooltip instead of a title on hover.
- Notice component: add new
disableAnimation
prop - fix: updated AnimationWrapper component to use
prefers-reduced-motion
- fixed: SimpleModal is dismissed on ESC keypress
- Deprecated: AppShell (no longer used from here, see bufferapp/appshell)
- Deprecated: type="link" on Buttons (use Link component instead)
- Deprecated: 'wide' prop on Modal (use 'width' instead)
Other changes:
- fixed: added all components to
documentation/markdown/UI.md
- updated tests
- updated
CONTRIBUTING.md
- Add icon: Calendar Add
- Add icon: Instagram Grid
- Add icon: Sparkles
- Add icon: Subtract
- Add NonDismissibleModal
- Add icon: Drag Indicator
- Update icon: Add Media
- Update icon: Button Link
- Update icon: Heading
- Update icon: Image
- Update icon: Subheading
- ProgressBar: add className prop
- ProgressBar: improve styling
- Add icon: Import
- Add icon: Social Icons
- Add icon: Video
- fix publishing script
- fix beta publishing script
- Add icon: Caret Down
- Add icon: Caret Left
- Add icon: Caret Right
- Add icon: Caret Up
- Add icon: Giphy
- Add icon: Image
- Add icon: Mail
- Add icon: Stats
- Update icon's index
- Code linting
- Code linting
- Add icon: Bandcamp
- Add icon: Discord
- Add icon: Dribbble
- Add icon: Github
- Add icon: Paypal
- Add icon: Soundcloud
- Add icon: Telegram
- Add icon: Google Drive
- Add icon: OneDrive
- Add icon: Dropbox
- Add icon: Unsplash
- Remove npm in favour of yarn
- use hyphen instead of a forward slash in namespacing
- remove displayNames from babel config
- Styled-Components: Fixed SC_ATTR to have the docs site working again
- Select: Set
hideOnSearch
property to true on items to hide them during search
- Search: Revert
resetOnBlur
prop toclearSearchOnBlur
as renaming an existing prop is technically a breaking change
- Styled-Components: Added namespacing on the Babel build process to prevent style collisions on micro frontends setups.
- Styled-Components: Added SC_ATTR in the production build process to prevent style collisions on micro frontends setups.
- Styled-Components: moved styled-components from devDependencies to dependencies in package.json
- Styled-Components: Added displayName on the Babel build process to prevent style collisions on micro frontends setups.
- Select: Bug that doesn't allow clicking on filtered options because Search will always clear on blur
- Select: Does not filter menu options when 'clearSearchOnBlur' is false and menu is re-opened with saved search value
- Select: Clear Search input value on blur using 'clearSearchOnBlur' prop ie when the Select menu is closed
- Search: Reset search value on focus with 'resetOnFocus' prop
- Select Component: Search field onBlur prevents getDerivedStateFromProps from running
- Select Component: Set selectedItems to items prop in getDerivedStateFromProps
- Select example with a Select All option
- Add icon: Save
- Add icon: Apple Music
- Add icon: Hamburger
- Add icon: Patreon
- Add icon: SMS
- Add icon: Snapchat
- Add icon: Spotify
- Add icon: TikTok
- Add icon: Twitch
- displays Icons in grid for easier scrolling ✨
- New tag property for MenuItem in DropDownMenu component
- Add icon: Appearance
- Add icon: Layout
- Adjust Notice width.
- Add icon: AddMedia
- Add icon: ButtonLink
- Add icon: Heading
- Add icon: Subheading
- Fix DropDownMenu Menu hover for Tag
- Fix SimpleModal focus on mount
- Add icon: Star
- Fix :hover text color for Tag component
- Add new Tag component
- Added Canva, Pin and Title Icon
- Added Add Icon example
- Fix Segmented Control component padding
- Create new Segment control component
- add new colors
- Add title to icons, for better accessibility.
- Add new 'Building' icon.
- Adjust styles to improve acessibility and consistency in inputs and textareas.
- Add className to SidebarListItem.
- Changed the
color
prop to acolors
prop onitems
passed into theDropDownMenu
component. (#292)
- add z-index to the simple modal close button
- Make the
loading
prop for theButton
transient (#284)
- Move some
dependencies
intodevDependencies
(https://github.com/bufferapp/ui/commit/df5d8e7c250a0533792452b3501dce0a77a61efe)
- Add optional
color
prop toitems
passed into theDropDownMenu
component.
- fix icon script
- generate new icons: Coupon, Card and Spam
- remove padding in Simple Modal
- fix Switch propType for id: change from bool to string
- Add new simple modal. The other modal will be updated to use this scaffolding in the future
- Add new 'Giveaway' icon.
- Removes guides and pattern reference content. This has now been moved to our internal Design Wiki in Notion.
- Merges #271 (@hijuliancode) to fix border bug in disabled
Button
- fixes the publish script reference from 'master' to 'main'
- Extends Carousel to navigate to the right only and optionally hide indicator buttons
- Adds States component
- Adds a disabled menu option for the dropdown menu items.
- Improves order of search results returned from select input.
- Adds black to the list of colors.
- Fixes Banner component bug in Publish.
- Adds shopify icon to Avatar component.
- Adds optional type to the Modal action button.
- Adds fontWeight prop to Link: accepts fontWeightMedium (500) and fontWeightBold (700).
- Adds validation that Modal component actions and secondary actions have a label and callback present.
- Adds new icons - Audience, Day, Frequency and Post
- Adds a 'danger' style variation for the Button component to convey destructive actions.
- Added deprecation notice for
AppShell
(use https://github.com/bufferapp/app-shell instead).
- Accept minor versions of React 16
- Fixed color contrast in Input and Text Area errors.
- Copy changes in org switcher.
- Update SocialButton Instagram copy
- Added new icons Home and Channels
- Upgraded to
styled-components@5
✨
- Create new Notice component.
- Scroll in PopupMenu, when used inside the AppShell Navbar.
- Create new Switch component.
- Update styles for
New!
label.
- Updates light and dark social channel colors to match current designs.
- Sets the
SocialButton
component background color to use dark variations to meet contrast standards for accessibility. - Applies a drop shadow on hover for the
SocialButton
component.
- Adds light and dark colors for Shopify.
- Add default Tooltip message when no social network found for an organization in the orgSwitcher.
- Fix styles when only one social network is displayed in the Tooltip in the orgSwitcher.
- Fix: add support for
'linkedin'
network type in org switcher popout.
- Add icons: Add, Organic, PercentageDown, PercentageUp, Promoted
- Remove unused
onClick
prop fromNavBarMenu
.
- Allow
PropType.node
forSidebarListItem
's'badges
.
- Hotfix: ensure AppShell/NavBar updates when new
orgSwitcher
prop passed in.
- Add org switcher support to AppShell / NavBar
- Add support for impersonation
- Add new icons
- Remove Reply and add Engage
- Remove lodash
- Allow select to reset even if searching is interrupted
- add flexibility for height and width in custom icons for Select
- Improve accessibility of buttons, split buttons and select elements
- add id and required props for Input component to match the htmlFor from label for a11y
- add a hidden skip to main content link in the navbar
- add flex-shrink in select for when text overflows
- aligns items in select
- adds modal and carousel animations
- allow clicks on Links inside of modal
- Allow NavBar to re-render if the contents of "products" prop changes.
- Fix tests.
- Adds 'featureFlips' parameter in AppShell.
- moves the close button on the modal closer
- darkens the modal overlay background
- moves close button closer to the modal content
- focuses the modal after open so that ESC works right away
- removes buttons and nav in the carousel if there's only 1 item
- adds click anywhere outside the modal to close for modals with closeButton
- adds opacity option to tooltip
- Fixed AppShell bug, not clicking on help items
- Extends Modal component with width, noBackground and closeButton props
- Fixed AppShell after 5.30.0 fix to close popup when selecting an item in the menu
- Fixed toggle for Select component when Select uses Custom Button.
- New icons - Carousel, InstagramComment, InstagramLike, Movie
- Carousel component.
- Link component.
- Deprecation warning for Link Button.
- red, blueLighter, green and redLight color codes.
- pinkLighter, blueLight and redDark to the list of colors.
- possibility to add color prop blue and grayDark to Text.
- Calendar icon
- renames customHTML to customLabel for tooltips
- optional customHTML for tooltips
- Flash icon.
- Fixed the icon generation script (
npm run gen:icons
).
- badge proptype is now a string.
- badgeIcon and fallbackUrl prop to the SidebarListItem component.
- badge proptype is now a string.
- Added
maxLength
&onKeyUp
props to the Input component - Added a position absolute for the Tooltip component, updated @reach/Tooltip version to 0.6.2
- Now passing isOpen state to customButton in Selects to use in outside apps
- Fixed the icon generation script (
npm run gen:icons
) to work with some of the SVGs we're getting back from the Figma API.
- Added the result of generating latest Icons/* based on changes to the Figma.
- Added a position absolute for the Tooltip component, updated @reach/Tooltip version to 0.6.2
- Added the ability to display the icon at the end of buttons, using iconEnd attribute
- Switches around the margin and padding in Select Item so it works across browsers
- Adds selected and disabled as fields to check for rerendering the Select dropdown
- This version was a result of attempting to publish 5.13.0 multiple times due to an error in the terminal. Each attempt successfully published and incremented the version.
- This version was a result of attempting to publish 5.13.0 multiple times due to an error in the terminal. Each attempt successfully published and incremented the version.
- This version was a result of attempting to publish 5.13.0 multiple times due to an error in the terminal. Each attempt successfully published and incremented the version.
- This version was a result of attempting to publish 5.13.0 multiple times due to an error in the terminal. Each attempt successfully published and incremented the version.
- Added DollarIcon from Figma
- Fix
ref
forwarding for Input. (The prop names weren't matching.)
- Fix
prefix
position on Input component that also has a label.
- Added
prefix
prop to Input component.
- Adding Loader component
- Adding OpenNewIcon from figma
- Adding support for a Custom child Select to Button with dropdown.
- Adding
extraLarge
size prop to Icon, to handle 32x32 icons.
- Allow conditional rendering of the Modal component's primary action (button) if an action prop is provided.
- Adding dismissible prop to modal, to handle autoclosing on primary action.
- Social Button component.
- Progress Bar component.
- Upgrade styled-components from 3.4.10 to 4.3.2
- Color prop white, gray and red to all Text Components, except span and help.
- Possibility to add any color string to the label.