- [Icon] Add
control-repo
,hardware
, andmodule
icons (by @sean-mckenna in #296)
- [design-assets] Removed
design-assets
package - See Figma for the most up-to-date design assets
- [Tooltip] Fix issue with server-side rendering (by @caseywilliams in #293)
- [Security] Upgrade dependencies
- [Docs] Update CONTRIBUTING.md
- [CodeEditor] Removed react-code-editor package, so no new releases will be made to the current published version based on react-ace-editor.
- [Copy] Add Copy component (by @nkanderson in #270)
- [Input] Add
trailingButtonIcon
,trailingButtonText
, andtrailingButtonProps
props for show/hide functionality, deprecatetrailingIcon
(by @eputnam in #282) - [Form] Use
forwardRef
in Form (by @caseywilliams in #283) - [Sidebar] Add
containerElement
prop to Sidebar.Item (by @vine77 in #279) - [SidePanel] Allow node type in SidePanel title prop (by @vine77 in #264)
- [DataGrid] Add data-grid loading state (by @jilliankeenan in #273)
- [TooltipHoverArea] Change default
anchor
from "right" to "top" (by @nmuldavin in #258) - [TooltipHoverArea] Fix tooltip positioning (by @nmuldavin in #258)
- [Toolbar] Add Toolbar
type
variant ("primary", "secondary"), update toolbar tabs style (by @nmuldavin in #257) - [Form] Fix Form updating of initialValues (by @nmuldavin in #258)
- [Checkbox] Allow node labels in checkbox (which supports inline links within checkbox labels) (by @nmuldavin in #256)
5.20.3 (2020-05-14)
- [Icon] Add bullet icon
- [Code] Add new type block to Code
- First release of CodeEditor as @puppet/react-code-editor 0.1.0
5.20.1 (2020-05-08)
- [Logo] Add Relay logo
5.20.0 (2020-04-21)
- Move react and react-dom from dependencies to peerDependencies (by @jilliankeenan in #242)
5.19.6 (2020-04-16)
- [Alert] Fix icon for info Alert, an issue introduced in 5.0.0-beta.3 (by @vine77 in #243)
- [Badge] Remove outer margin from Badge component while retaining margin between adjacent Badge components (by @vine77 in #241)
- Remove all auth layouts. Replace with single Authentication layout
- Add PageLayout component, upstreamed from project nebula
5.19.4 (2020-04-05)
- [Button] Hide inner focus outline on firefox
- [Icon] Add "alarm", "copy", and "hook" icons (by @vine77 in #238)
- [Tabs] Fix for wide tab panels pushing container too wide (by @vine77 in #238)
5.19.3 (2020-03-24)
- [Icon] Add "alarm", "copy", and "hook" icons (by @vine77 in #238)
- [Tabs] Fix for wide tab panels pushing container too wide (by @vine77 in #238)
5.19.2 (2020-03-23)
- [Toolbar] Add
height
prop to Toolbar (by @vine77 in #237) - [Docs] Add glossary of components by category (by sprokusk in #236)
5.19.1 (2020-03-18)
- [Docs] Add instructions for setting up fonts in different environments (by sprokusk in #233)
- [SidePanel, Toolbar] Add
border
prop to Toolbar and Sidebar (by @vine77 in #235) - Upgrade dependencies (by @vine77 in b91310b)
5.19.0 (2020-03-13)
- [Toolbar] Add Toolbar component (by @vine77 in #229)
- [SidePanel] Add SidePanel component (by @vine77 in #229)
- [Columns] Add Columns component (by @vine77 in #229)
- [Icon] Add "error" icon (by @jilliankeenan in #228)
5.18.0 (2020-03-05)
5.17.0 (2020-03-02)
- [Icon] Add "download" and "star" icons to the Icon component (by @nkanderson in #226)
- [ConfirmationModal] Add
confirmButtonLoading
prop to ConfirmationModal (by @VitaC123 in #223)
5.16.0 (2020-02-24)
- [sass-variables] Add breakpoint variables and media query mixins for use in responsive layouts (by @caseywilliams in #218)
- [RadioButton] Add new Radiobutton component (by @jilliankeenan in #215)
- [Checkbox] Fix color of checked icon for error state (by @jilliankeenan in #215)
- [Docs] Update contributing docs (by @vine77 in #222)
- [Docs] Update icon docs with how to add new icons (by @vine77 in #221) and art/examples in the Iconography guide (by @Sigler in #220)
5.15.2 (2020-02-12)
- Add Apache 2.0 open source license (by @caseywilliams in #213)
- [Button] Darken the default text color in the transparent Button (by @vine77 in #214)
5.15.1 (2020-01-30)
- [Select, ActionSelect, ButtonSelect] Add custom icon support to dropdowns (by @rhyza in #209)
- [Tabs] Exclude multikey shortcuts from tab keyboard navigation (by @rhyza in #210)
- [Select] Fix to omit "Cancel" button when
applyImmediately
is true (by @rhyza in #208)
5.15.0 (2020-01-29)
- [Select, ButtonSelect] Add "Cancel" button to multiselect dropdowns (by @rhyza in #205)
- [Link] Add "secondary" option for
type
prop inLink
component (by @vine77 in #200) - [Content] Add
as
prop toContent
component (by @vine77 in #200) - [Table] Add
hideOverflow
prop to columns inTable
component (by @rhyza in #207) - Increase padding of
code
inContent
(by @vine77 in #200) - Style docs homepage with header background image (by @vine77 in #200)
- Style docs with fonts and react-components Content, Heading, and Button components (by @vine77 in #200)
5.14.0 (2020-01-27)
- [ActionSelect, ButtonSelect] Add
width
prop to ActionSelect and ButtonSelect (by @rhyza in #201) - [Form] Add boolean
validateOnLoad
prop to Form.Field (by @sprokusk in #202) - [Breadcrumb] Fix Breadcrumb accessibility and focusability (by @rhyza in #199)
- [Modal] Fix padding for modal actions, an issue introduced in version 5.11.1 (by @vine77 in #204)
5.13.1 (2020-01-22)
- [sass-variables] Add
$puppet-common-font-path
variable (to allow importing react-components' ui.scss and thus sass-variables without requiring resolve-url-loader configured in webpack) (by @scotje in #196)
5.13.0 (2020-01-15)
- [Form] Support nested data structures in Form (by @nmuldavin in #193)
- [Alert] Create Alert.Error subcomponent for automatic error message formatting (by @nmuldavin in #193)
5.12.0 (2020-01-13)
- [Select] Add
multiselect
type toSelect
component (by @jilliankeenan in #192) - [Form] Expose
inline
,inlineLabelWidth
andlabelType
on both components for flexible form variants (by @sprokusk in #194)
5.11.1 (2019-12-30)
- [Select] Allow truthy string in addition to boolean
open
prop inSelect
component (by @vine77) - [Card] Fix filtering of Card title and actions in production builds (by @vine77)
- [Docs] Update ButtonSelect documentation (by @vine77)
- [Docs] Update Colors documentation and add link to the color definitions in _palettes.scss (by @vine77)
5.11.0 (2019-12-13)
- [Sidebar] Add
profileIcon
prop to Sidebar.Footer for custom profile icons or images (by @jilliankeenan) - [Sidebar] Make
version
prop optional in Sidebar.Footer (by @jilliankeenan) - [Sidebar] Fix padding on
Sidebar.Header
when it has anas
prop (by @vine77) - [ButtonSelect] Show selected items in multiselect button (by @vine77)
- [Card] Decrease font-size in Card.Title from h3 to h4 (24px to 18px) (by @vine77)
- [Card] Move Card.Actions 4px closer to the top and left in Card (by @vine77)
- [Docs] Add example of using a custom SVG in the Icon component (by @rhyza)
- [Docs] Update Sidebar documentation (by @vine77)
- Update CODEOWNERS file to use GitHub team instead of usernames (by @vine77)
5.10.0 (2019-11-22)
- [Code] Add Code component #176 (by @melcherry98)
- [sass-variables] Add Inconsolata monospace font #176 (by @melcherry98)
- [Content] Add more styles to HTML in Content component #177 (by @sprokusk)
5.9.20 (2019-11-20)
- [Sidebar] Add
badge
prop to Sidebar.Item for full control over badges (instead ofcount
, which just controls badge content) - [Table] Add
bordered
prop to Table (for rounded outer border and shadow) - [Alert] Hide empty Alert.Message
5.9.19 (2019-11-15)
- [Modal] Affix Modal.Actions to footer
- [Modal] Make Modal's close button always fixed to upper-right
- [Modal] Add border between footer and content if overflowing
- [Card] Don't require user to wrap Card title and actions in header component
5.9.18 (2019-11-12)
- [Button] Fix spacing issues with
innerFocus
icon buttons - [Icon] Fix 'double-left' icon to match 'double-right' icon
5.9.17 (2019-11-08)
- Upgrade to React 16.11.0
5.9.16 (2019-11-07)
- [Card] Add Card.Header subcomponent
- [Alert] Allow any content (instead of just strings) in Alert component
- Fix Card content
- Allow menu list for selects to expand to their intrinsic width for Select, ActionSelect, and ButtonSelect
- Place Card.Title and Card.Action in flexbox header to fix a potential overlap of a long title with actions
- Fix
Input
width from overextending its container - Update package-lock.json files
- Upgrade lerna to 3.18.3 so lockfiles get updated on lerna commands
- Add boolean
innerFocus
prop to Button component - Prevent caret icon from overlapping text in Select component
- Add docs for rendering a Button as a hyperlink
- Fix bug where Select caret icon click didn't trigger dropdown
- Increase click target size for a Link that is the only direct descendant in a table cell
- Fix
npm start
in packages/react-components - Fix
npm run format
- Fix
fillRule
capitalization in "hourglass" icon
- Add "hourglass" icon
- Fix keyboard navigation bug in ButtonSelect introduced by version 5.9.5.
- Add
ariaLabel
as optional prop toSidebar.Header
component - Use
aria-current
instead ofaria-selected
for selected Card components - Add focus style to Sidebar footer
- Fix scrolling in tabs on Firefox
- Add height and width attributes Icon SVGs
- Update Alert font weight and color
- Fix Alert wrapping
- Remove console warning by replacing deprecated use of componentWillReceiveProps with componentDidUpdate
- Internal: use PropTypes.elementType over custom renderableElement type
- Docs Updates
- Add minus-circle icon
- Allow PropTypes.node in Tab title
- Add icons for "terminal", "top", and "bottom"
- Allow siblings of
Tabs.Tab
inTabs
component - Add onBlur prop to Select Component
- Clean up icon SVG tags
- Add "import" and "export" icons
- Add
indeterminate
prop to the Checkbox component - Expand Alert functionality with Alert.Message and Alert.Actions components
- Update README.md
- Add export-csv icon
- NOTICE: Packages are now being published to npm instead of Artifactory, so
.npmrc
files with lines ending in/npm__local/
should replace those instances with/npm/
(which combines Artifactory with an npm mirror) or remove them if Artifactory is no longer needed. For your per-user~/.npmrc
file, it's okay to have this line (without/npm__local/
), but we recommend removing it entirely so that each project can have its own.npmrc
file to manage dependencies per-project:@puppet:registry=https://artifactory.delivery.puppetlabs.net/artifactory/api/npm/npm/
- Import core-js as single dependency without @babel/preset-env's useBuiltIns option to add compatibility with Gatsby.
- Add
open
prop to the Select component - Stop propagation in Select component for key up, key down, and enter events
- Update docs for Table and Tabs
- Add autocomplete type for Select
- Fix shrug and lock icons
- Add project nebula logo
- Add invite, shrug, and lock icons
- Update some component documentation
- Add corejs as top-level dependency
- Add contract and spaceship icons
- Add Card.Action component for a single action
- Don't disable cancel button when entire form is disabled
- Small styling bug fix in dropdown
- Add ConfirmationModal component
- Truncate text in sidebar footer details
- Support navigation links in sidebar footer
- Release stable branch
- Breaking change Remove tag component
- Update typography and styling for Text, Tab, Sidebar, Badge, Alert and Card components
- Remove extraneous font imports
- Add type prop to Tab so an individual tab can have
type="secondary"
for a gray tab and panel background - Remove border-right from Sidebar
- Bug Fix: Allow submission of forms with manually provided field-level errors
- Upgrade Styleguidist to v9
- Update Card selected hover state to be the same as card selected state
- Stop propagation for ActionSelect and ActionMenuList buttons
- Add SubmitType prop to Form
- Fix conflicting aria-disabled attribute in Button
- Add accessible Modal
- Breaking change Modal actions are now left-aligned
- Breaking change Remove ConfirmationModal
- Breaking change Remove
title
prop from Modal in favor of Modal.Title subcomponent - Breaking change Remove
actions
prop from Modal in favor of Modal.Actions subcomponent - Breaking change Remove
size
prop from Modal. Default is now 480px, users can override by passing a custom className - Breaking change Remove
unbindShortcut
,bindShortcut
,margin
,height
,size
,sidebar
,sidebarPosition
,actionsCTA
,modalClassName
,actionsPosition
, andtitle
props from Modal - List core-js as direct dependency (needed by way of @babel/polyfill)
- Use webpack-node-externals to reduce bundle size
- ActionMenu can accept a number as an action id
- Update Card styling to include focus state
- Update Card documentation
- Breaking change Remove Card.Header subcomponent
- Breaking change Remove Card.Section subcomponent
- Add Card.Title subcomponent
- Breaking Change Rename Card.ActionsMenu -> Card.ActionSelect
- Remove Filters and related components from react-components documentation, add note about deficiencies
- Breaking Change Remove ButtonGroup component
- Breaking Change Rename ActionMenu -> ActionSelect
- Breaking Change Remove many scss variables from palettes and common
- Breaking Change $puppet-common-spacing-base is now 4px, updated for clarity of intent
- Stop propagation of key events from active select menus
- Upgrade dependencies
- Fix all console errors in styleguidist
- Remove unnecessary styleguidist wrapper components
- Add margins and max height to modal component
- Introduce breadcrumb component
- Breaking change Remove TooltipStickyArea component
- Breaking change Remove sticky and onClose options from tooltip
- Tooltip no longer uses react-portal
- Add "integration" icon
- Breaking change Temporarily remove Accordion component
- Breaking change Rename Heading's boolean
smallTitle
prop tolabel
- Bug fix: use overflow: auto in menus
- Bug fix: correctly diff active id in tabs
- Breaking change Remove isActive, growl & dismissAfter props and all growl functionality from Alert
- Breaking change Use Alert children, not message prop, for inner content
- Breaking change Replace 'error' with 'danger' as one accepted value for type prop for Alert
- Add elevated prop to Alert
- Add IconButton as an auxiliary component for Alert
- Abstract color schemes for success, danger, warning & info states
- Breaking change Remove Dropdown component
- Breaking change Remove Popover component
- Breaking change Remove Menu component
- Implement new ButtonSelect component
- Implement new ActionMenu component
- Breaking change Remove autoOpen, clearable, disablePortal, newOption, onNewOption, newOptionLabel, noResultsLabel, popoverClassName, valueless, and typeahead props from
Select
- Add actionLabel prop to select
- Tab targets can now be rendered as custom elements in order to enable routable tabs
- Button can now forward ref to a prop with an alternate name
- id is no longer a required prop of Tabs
- Breaking change Rename
activeTab
prop onTabs
toinitialTab
- Breaking change Manual tab activation is now controlled at the Tabs.Tab component level with the
active
prop - Breaking change "type" prop on Badge renamed "weight"
- Breaking change "pill" badge type is now a boolean
- Breaking change "color" prop on badge renamed "type"
- Breaking change Remove palette prop on Badge
- Add Remediate logo
- Update form icons, spacing and font colors to match design system
- Align disabled input opacity across components
- Style checkbox, switch, and FormField
- Breaking change Remove List component
- Breaking change Table column definition spec updated to match a subset of React-Virtaluzed's column definition spec. This is to standardize this basic table API with the API currently used in Puppet Remediate. We will evolve this basic spec as needed going forward.
- Breaking Change Remove striped prop. Table is no longer stripey
- Breaking Change Remove
selectable
prop. The basic table is no longer selectable - Breaking Change Remove onChange and onSelectChange. No longer needed as the table is not interactive.
- Breaking Change
getRowKey
method replaced withrowKey
prop. By default it will look for rowData.id - Breaking Change Remove
ColumnSelect
andColumnInput
public components - Table style updates
- Greatly improved table documentation
- Style link focus state
- Introduce size prop to link element
- Re-implement tabs component
- Breaking change Remove tabs component
- Breaking change Remove grid component
- Breaking change Remove header component
- Breaking change Remove slider component
- Breaking change Remove breadcrumb component
- Improve Text component documentation
- Bug fix: Allow form children with no props
- Allow any node for Card.Header title
- Enable installing react-components as a git URL dependency to reference forks, branches, or commits, e.g.
npm install vine77/react-components#5.0-development
- Add compatibility with React Router to the
Sidebar
- Remove text underline for
<Button as="a">
- Add React app for http://designsystem.puppetlabs.net
- Bug fix: Symmetrize shallowDiff helper so that shallowDiff({}, { key: 'value' }) returns true
- Breaking Change Remove SplitButton
- Breaking Change require that
clickable
prop be present inTag
for main body to be clickable - Style update in Tag
- Introduce fallback custom logo option
- Upgrade webpack to avoid vulnerability
- Design fix: remove text decoration in sidebar links
- Button updates
- Breaking change remove
size
prop - Add
weight
prop - Breaking change remove props:
secondary
,transparent
,floating
,simple
,badge
,block
,round
,square
,dropdown
,error
, andmessage
- Introduce string
type
prop for main visual variant switching - Breaking change replace
processing
prop withloading
to maintain consistency with design docs - Breaking change: prexisting
type
prop has been renamedbuttonType
- Breaking change: Remove
label
prop, text is now only passed in as children - Update Button documentation
- **Breaking change
- Adapt to Button API changes in consuming components
- Update Loading component to set size with css
- Breaking change Remove support for small form fields
- Breaking change remove
- Exporting the new Logo component
- Updates to Sidebar
- breaking change Change the API for the
Sidebar
to make it more composable. This now includesSidebar.Header
,Sidebar.Navigation
,Sidebar.Footer
,Sidebar.Section
, andSidebar.Item
. - breaking change Remove nested navigation items
- breaking change Remove
toggleable
from the list of props. The expectation now is that the minimized sidebar would be applied via a user setting - Refactor to make accessible
- breaking change Change the API for the
- Overflow fix for the Alert component
- Update icon set and icon scaling
- Add loading state to select
- Fix input container width
- Bug fix: create index file for public scss variables
- Add badges to styleguide indicating component approval state
- Design bug fix: Place form-level error alert between fields and action instead of below all
- Add optional "custom action" to Select w/ onNewOption and newOptionLabel props.
- Upgrade react dependency to 16.8
- Breaking Change Remove DatePicker component and subdependencies (moved to insights-ui)
- Refactor scss: create components subdirectory and 'public' directory containing stable scss variables and mixins
- Bug fix in FormField: make isEmpty check generalizable to non-strings
- Bug fix: Update multiselect docs to use type="multiselect"
- Create new "Logo" component encapsulating logo design patterns
- Style Input component to spec
- Fix bug that prevented validating checkbox form fields in forms
- Update Form.Field component:
- breaking change
size
prop is now restricted tomedium
andsmall
- breaking change remove
tooltip
prop option - breaking change remove
elementProps
prop, replace by spreading all additional props to inner input element. - Create standardized FormField interface
- Clean up internal code substantially based on standardized input interface
- Create extensive documentation for the use and intent of
Form.Field
- breaking change
- Update Input component:
- breaking change Restrict to
medium
andsmall
sizes - Remove unnecessary internal event handling
- Pass
className
and inlinestyle
to top level wrapper div - Spread all props down to internal input
- breaking change: Remove
.focus()
and.blur
methods in favor of aninputRef
prop that allows users direct access to the inner dom element. - breaking change Remove
multiline
boolean prop in favor of<Input type="multiline" />
. This clarifies the API and will make the component easier to use viaForm.Field
. - Fix visual bugs in icon inputs
- breaking change replace boolean
icon
prop with stringicon
prop so that an arbitrary icon can be used inside the input field. - Add
trailingIcon
prop, for a trailing icon - Breaking change onChange handler now reports back the new input value, parsed based on input type, rather than the original event. This change is to standardize the Form.Field interface.
- breaking change deprecate boolean
autoComplete
prop in favor of the ability to passautoComplete = 'off'
to the inner element via spread-props. - Clean up internal implementation significantly.
- Update input documentation
- breaking change Restrict to
- Update checkbox component:
- Remove unnecessary internal state management
- Spread all props to internal element
- Introduce label element to input, styled appropriately and positioned to the right of the element
- Accessibility fix: Use native disabled and required tags on inner input element.
- Update checkbox documentation
- breaking change name and label are now required props
- breaking change checkbox now takes its value from
value
prop rather thanchecked
prop. This is to align with FormField interface
- Update Switch component:
- Spread all props to internal element
- Accessibility fix: Don't use
label
element for internal rendering - Update documentation
- Remove unnecessary internal state management
- Spread all props to internal element
- Introduce label element to input, styled appropriately and positioned to the right of the element
- Accessibility fix: Use native disabled and required tags on inner input element.
- Update checkbox documentation
- breaking change name and label are now required props
- breaking change checkbox now takes its value from
value
prop rather thanchecked
prop. This is to align with FormField interface - breaking change
onChange
callback now reports new value, rather than original event. This is to align with the FormField interface.
- Update
Select
component:- breaking change
name
prop is now required - breaking change replace
onSelect
prop withonChange
prop. This is to standardize FormField interface, the methods function identically. - breaking change replace
selected
prop withvalue
prop. This is to standardize FormField interface. - breaking change Select now only accepts
medium
andsmall
as size options. - ** breaking change** Remove new option functionality including unused
onPendingDeleteChange
,onNewOption
, andnewOptionLabel
props. - breaking change remove unused `valueless prop
- breaking change
- breaking change: Remove
Toggle
component - Misc changes to account for form field changes:
- Update Card.ActionsSearch to use formsize small
- Internal updates in FilterForm to account for FormField differences
- Remove unnecessary option parsing from
ColumnSelect
component (Select does its own selection parsing) - Tweak
Text
component so thatmedium
size is default rather thannull
. This aligns with how size is used inFormFields
and produces no breaking chnages because the default is still the same.
- Always reveal view all reports link for My Reports
- Add color palettes to styleguidist
- Add the ability to pass a classname to sidebar
- Adding a two tone optoin to the code icon
- Include the clicked date range option as a param in Datepicker callback
- Bug fix: correct propTypes on Checkbox required prop
Sidebar component:
- Add badge for number of custom reports
- Fix the logo to the top of page and contain scroll to main content
- Always enable open/close on sections with sub items
- Call out “view all reports…”
- Increase # of visible reports
- Fix karet not rendering bug
- Sort reports by last updated
- Fix bug whereby changing report name loses active state
- Fix bug whereby navigating from “view all reports…” page loses active state
Filters component:
- Filters component should show form, not “Add” button, if no filters exist
- Filters component should not render cancel button if no filters exist
Accordion component:
- Let accordion render a badge next to section title
Tag Component
- Update base styles
- Bester silo nested click events
- Improve markdown in styleguide
Timeseries
- Remove icon
Fix regressions in three areas:
- Datagrid search (broken)
- Series limits and Groups limits (broken)
- Active/hover states for component cards (got lost in styleguide updates)
- Fix for the management of children using react-hot-loader
- Updated readme
- Allow non string/number columns in tables
- Updates to sketch library
- Guide for updating components to 5.0
- Deprecating the Saving, Toggle, Stencil, Slidein, Progress, BlankSlate, and Pagenav components
-
- breaking change: Completely remove
Panel
component
- breaking change: Completely remove
- Adds
elevation
prop controlling box-shadow elevation - breaking change Removes
style
prop, so thatstyle
can be used to pass the card inline-styles - Adds
secondary
card (controlled by newtype
prop) - Adds
as
prop for dynamic element rendering - breaking change Adds
selectable
prop. Previously, a card was considered selectable if it was passed anonClick
handler. This separates the handler from the boolean rendering logic. - breaking change removes
width
andheight
props. Users can now specify explicit widths and heights via inline styles:<Card style={{ width: 40, height: 60 }} />
- Pass through all extra props to the inner element
- Substantially update Card documentation in styleguidist
- Upgrade dev dependencies
- Update tooltip position on hover over the target element
- Add
secondary
boolean prop to SplitButton to use the secondary background color - Update Sketchfiles
- Set default apply apply label
- Add ability for consumers of
Table
to specify how row key props are generated - Fix child component type checking in Form
- Fix regression to filter form submit button and selects
- Adding two tone icons
- Fix Loaders in the styleguide
- Small updates to toggle component
- Always uppercase badge text
- Form now accepts disabled prop, that disables all fields and buttons
- Adding an applyLabel prop to the dropdown menu for i18n support
- Forms now accept children other than FormField and FormSection
- Updated styleguidist docs for Accordion and List to accurately reflect use of subcomponents
- Add deprecation HOC
- Add deprecated propType helper
- Change internal className for Loading component
- Update
Button
styles to accommodate multi-line text - Add "nowrap" prop to
Button
for previous behavior - Add "flat"
Card
type for styles without shadow - Add Sass variables for vertical and horizontal
Grid
gutter - Adjust
Form
padding for better spacing of fieldset sections - Standardizing how we export cards and fixing the styleguide
- Add
className
prop toGrid.Row
- Add styleguide HTML
- Updating panels so that they are clickable
- Allow MenuItem consumer to provide href
- Add purple palette
- Add 'allowUnchangedSubmit' option to Form component
- Add stoplight colors to Text component
- Export Breadcrumb component
- Update to default line height
- Adding the ability to supply a label for the button in blank slates
- Moves requiredFields from top level on
Form
to individualFormFields
- Form now accepts
block
as an option foractionsPosition
- Form component now automatically disables submit button until the user has changed at least one form field
- Fixed bug allowing number ids to be passed in as
selected
prop in dropdown
- Fixing regression in select component
- Commiting design file as a test
- Including webpack bundle analyzer
- Trivial: replace sidebar bottom margin with bottom padding for firefox bug fix
- Form component now accepts "requiredFields" prop for automatic validation
- ConfirmationModal and Modal can take a background prop
- Invalid inputs for Select will reveal "No results found"
- Invalid inputs for Select (excluding multi-Selects) will be reset when exited
- Fixed regressions introduced by new button shadows and previous accordion updates.
- New props for badge component - palette and level.
- New profile and impact icons.
- Support various input types in the Form.Field component
- Updates to the design
- New type prop for panels
- Add Link component
- Add badge component
- New icons: rocket, diamond, target, build, deploy
- Allow GridColumn to take a className
- Remove obsolete Grid collapse style
- Updates to sidebar to include logo and dark theme
- Added a new alert component
- Cleaning up the sidebar animations and UX
- Various small design updates
- Update modal styles, in particular confirmation modal styles
- Internationalize modal strings
- Improve accessibility of buttons
- Fix oneOfType warnings
- Support both left and right actions placements for forms/modals
- Updates to dropdown styling
- Cleaning up the CSS
- Prevent default form submission
- Add support for synchronizing width of dropdown menu and target
- Tighten active states and reduce code following major sidebar revisions
- More visual updates to match the design system
- Improve the sidebar, fewer levels of nesting, crisper design
- Better hover states for pagenav
- Add Text component encapsulating body Typography
- Update pagenav styling implementation
- Remove some global typography scss
- Fix font name spelling mistake
- New heading component
- Updated color palette
- New font stack include Calibre and Open Sans
- Updated CSS to better match the design system
- Adding props to the filter component to allow custom operators and to improve i18n capabilities
- Update linting dependencies and adding prettier
- Remove stray module.exports for babel 7 compatibility
- Form component now accepts cancelLabel prop for internationalization
- Bug fix: stop event propagation from menu item click
- Form component now keeps track of client validation errors in addition to those passed in
- Fix to borders on Menus
- Visual and functional updates to sidebar component
- Floating action buttons can have icons other than the plus
- Add secondary and bold props to Tag and revise default styles
- Add mouseenter and mouseleave props to Card
- Add clipboard icon
- More styling options for Grid component
- Content component can now take a className prop
- Update tiny Tag size
- Adding a Grid component
- Adding a Pagenav component
- Adding to the list of code owners
- Cleaning up Panels
- Position accordion header action icon with flex rather than absolute positioning
- Upgrade babel, use babel-preset-env for latest transpiling
- Add browserslist
- Use babel-preset-env for automatic polyfills
- Update look and feel of the header and sidebar component
- Improve Header and Sidebar styles for responsive layouts
- Upgraded to React 16
- Internal updates to support internationalization
- Adding sizes to icons
- Updating the look and feel of modals
- Add Breadcrumbs component
- Add Sidebar component
- Add Header component
- Rename library to @puppet/react-components
- Replace scss variable prefix with $puppet-
- First pass using Puppet styling
- Add CONTRIBUTING.md
- Remove the default minification in webpack 4 for this module
- Fix react warnings found in styleguide
- Publishing to artifactory via Continous Deployment
- Renamed to @puppet/insights-ui-components and deployed to artifactory
- Upgraded to webpack 4
- Preparing for react 16 upgrade by pulling in the prop types dependency
- Internal dependency upgrades
- Ensure Selects preserve multi-selected state when applicable
- Update Confirmation Modal to accept a title
- Allow Checkboxes to set state with received props
- Bug fix for showing hover-state list item action buttons
- Updates to the
BlankSlate
component to be more versatile
- Performance improvements for popovers
- Bug fix for how we handle popovers
- Select-item/Tag refactoring to unify app styles
- Properly hide dropdown icon when button is processing
- Default background color on accordions
- Disable autocomplete for Select inputs
- Add new Icon for reflect-app
- Bug fix in how we handle on change validation
- Improvements to form validation
- Bug fix for how we handle selected items in dropdowns
- Small updates to tag and slidein designs
- Fix an issue causing Dropdown selected states to not be applied
- Update the select component that allows us to pass a selected string or array
- Design tweeks to the accordion and menu headers
- Fix an issue in IE causing Checkboxes to not have borders
- Animations for Popovers and other elements
- Updating Popover positioning
- Significant cleanup and improvements to spacing in Forms
- Support for actions in menus
- Icon cleanup
- Scroll with keyboard shortcuts in Select
- Select styling
- List styling
- Allow us to specify borders on popover children instead of the popover itself
- Export
FiltersForm
standalone - New icons for Studio
- Updating sizing for various components
- Keyboard shortcuts for Selects
- Remove old
Filter
component
- Introduce a Checkbox component
- Introduce a Slider component
- Introduce a Filters component
- Introduce a Form component
- Updates to ListItems
- Add multiselect capabilities to Select
- Add typeahead to Select
- Add clearable option to Select
- Update Button font and styling
- Update component type icons
- Begin on updating size naming conventions to be consistent with design system
- Fix a bug preventing inputs from functioning in some cases.
- Adding actions to dropdowns and dropdown menus
- Cleaning up the button component and updating the design of the split button to match our new design system
- Fix a CSS issue causing Accordions to not be full height in IE
- Fix a bug where pointer-events weren't being applied to tooltips
- Input can now be put in multiline mode
- Fix a bug causing hidden tooltips to sometimes break other elements
- Improved tooltips include the ability to close sticky ones
- Better browser support for Select component
- Bug fixes around positioning tooltips
- Bug fixes for Select component
- Introduce a Select component, replacing react-select
- Add Clone and Info icons
- Various updates to our Accordion component
- Add resets to anchor tags
- Provide numbers with units for proper icon sizing
- Fix an issue causing Icons to be mispositioned within Buttons
- Support for specifying margins and anchor in Dropdown component
- Support for dynamic heights in StencilGrid
- New icons
- Simple input with icon
- Adding a new prop to button that causes it to act like a dropdown
- Fixing bug in icon sizing
- Remove the reset of svg heights/widths to initial and instead explicitly set on each svg
- Bar stencils should be the same as bars
- DatePicker learns how to respect timezones
- Add Tooltip component.
- Add a code icon.
- Add SplitButton component.
- Implement
componentWillReceiveProps
for Dropdown component.
- Add filter icon
- Make Tab panels clickable