- Updates to Proclaim's theme
Menu.Item
: Stop showing hover background when disabled
- Change
DatePicker
to parse date onblur
instead ofdebounce
- Added
gap
Styled System props. - Added logical spacing props for Styled System.
- Fixed modal footer buttons when Delete button is primary.
- Added new
Modal.FooterButton
component for use as children ofModal.FooterButtons
.- Deprecated
Modal.FooterButtons
'scommitButton
,cancelButton
, anddeleteButton
props.
- Deprecated
- Updated popperjs/core dependency version to 2.11.2.
- Started using @babel/plugin-transform-runtime and webpack's usedExports in builds.
- Add gray background for disabled
Select
components.
- Added
DatePicker.Footer
to theDatePicker
module.
- Fix PropTypes for
Modal
.
- Added
reactSelectFunctions
totext-inputs
export.
- Added
allowBackgroundScrolling
feature toModal
andShareDialog
.
- Fix crash in Safari with number inputs #494
- Republish
- Fix
ParameterSentence.Select
by using correct underlying component.
- Reverted new default value of
Select
'sisClearable
prop introduced in 6.5.1.
- Removed focus trap functionality from
Modal
.
- Fixed
Modal
crashing related to focus-trap.
- Added a v5 -> v6 update codemod and target
next
dist-tag - Added
role="dialog"
to modal - Modals now pull
aria-labeledby
andaria-describedby
from thetitle
andsubtitle
props ofModalHeader
respectively - Modals now prevent background elements from being focused
- Added
delay
prop toTooltip
- Made
Select
components clearable by default and fixed clearing functionality to be more intuitive. - Fixed a style conflict between FLCOM global styles and several
Button
variants when used as<a>
elements.
- Added
disabled
prop to Select components. - Added
hideCaret
prop toMenu.Toggle
, deprecatinghideCarrot
. - Adjusted
Menu.Toggle
to direct appropriate style props to its container. - Changed
NumberInput
to focus the input box on step button click (merged in fromv5
branch). - Added an
onStep
callback prop toNumberInput
(merged in fromv5
branch).
- Add
Menu.ItemTextContainer
to control the layout of text in the Menu (Aliased toListbox.OptionTextContainer
)
- Add
ButtonSelect
, aMultiButton
implementation, to replaceSegmentedButtonGroup
- Deprecate
SegmentedButtonGroup
- Fix radio button shrinking when radio label runs long and wraps.
- Fixed checkboxes shrinking when long label text wraps.
- Added
Box
styled-system props toHelpBox
.
- Fixed shift+home key handling in Select components.
- Added extra options to
DatePicker
- Add v6 upgrade notes for
Button
andSelect
- Allow passing a container to
InferredInput
- Fix /text-input import entrypoint.
- Fixed padding for AvatarOption components (merged in from v5 branch)
- Added
ImageWell
component. - Default to
selectOnFocus
inNumberInput
components.
- Removed all deprecated components, including
Grid
,ProductDrawer
,GroupSelector
, and all Bootstrap components. - Removed the /v6 entrypoint. All components that had been available at the /v6 entrypoint are now exported from the main entrypoint.
- Removed the
inline
variant forInput
components.
- Added input value parameter to
onStep
callback prop inNumberInput
.
- Added an
onStep
callback prop toNumberInput
.
- Added
MultiButton
andButtonSelect
components.
- Fixed radio button shrinking.
- Added
Box
styled-system props toHelpBox
(there were no versions 5.74.1 to 5.74.4)
- Changed
NumberInput
to focus the input box on step button click.
- Fixed bug with v6
Accordion.Panel
padding props.
- Added extra options to DatePicker (added in 6.2.0)
- Fixed shift+home key handling in Select components.
- Fixed padding for AvatarOption components.
- Added a missing alias for
Dropdown.Menu
, which has been replaced in v6 byMenu.Dropdown
.
- Added
showCheckboxes
option toSelect
components, used by theAvatarOption
component to supportRecordLookup
components from FaithlifeEquipment. - Added v6
Listbox
component with Styled-System props. - Added v6
Menu
component with Styled-System props. This replaces the v5Dropdown
component. - Added v6
ParameterSentence
components with Styled-System props.
- Fix
Accordion
proptype that was causing a warning.
- Improved
Modal
overflow handling even further by relying ondisplay:grid
andminHeight:0
instead ofheight:100%
. - Improved support for various padding props on
Modal.Content
components.
- Added v6
Accordion
component with Styled-System props. - Added v6
DatePickerInput
component with Styled-System props. - Added v6
HelpBox
component with Styled-System props. - Added v6
Input
component with Styled-System props. - Added v6
LoadingSpinner
component with Styled-System props. - Added new sub-component syntax for
Tab
andSequencedTab
components: e.g:Tab.List
,Tab.Panel
, etc. - Updated
DatePeriodPicker
callback to return information about the selected date period. - Added warning for duplicate date period display names in
DatePeriodPicker
. - Fixed focus-away handler in
DatePicker
interfering with min- and max- dates. - Fixed
Modal
components not correctly scrolling overflow content on Safari.
- Added v6
Checkbox
component with Styled-System props. - Added v6
Radio
component with Styled-System props. - Added v6
SimpleToast
component with Styled-System props. - Added v6
Slider
component with Styled-System props. - Added
UpgradeGuide.md
with documentation about upgrading to v6. - Updated
Tooltip
to use v6Popover
under the hood. - Fixed an issue where the default
size
prop would overrideheight
orwidth
props on v6Button
components. - Fixed
SegmentedButtonGroup
wrapping on smaller viewports.
- Prevent overflow in
DatePickerInput
on mobile viewports. - Remove overflow:hidden from
ModalContent
, use maxHeight to constrain modals with scrolling content. - Prevent React warning about
loading
prop onButton
components.
- Add focus style to
Checkbox
- Add
loading
prop to v6Button
- Update padding on
Modal.Content
to keep vertical padding fixed while content scrolls. - Use
medium
buttons inModal.FooterButtons
on mobile,small
on desktop.
- Add
avatarComponents
helper export forSelect
components.
- Add
Dropdown
v6 component.
- Update
Accordion
with smaller hit targets on desktop, add hover state.
- Update
Slider
visuals to use round indicators for minimum values and slightly thinner stop marks. - Update
DatePickerInput
to select text on focus.
- Use Styled-System for handling the
resize
prop.
- Expose
resize
prop on theInput
component, applicable for textareas.
- Render
Popover
menu contents in aThemedBox
to ensure theme defaults propagate to popover contents.
- Render
Select
menu contents in aThemedBox
to ensure theme defaults propagate to menu contents.
- Center paging buttons in
DatePicker
- Add configuration components to
DatePickerInput
- Add height prop to
ParameterInput
- Match
Input
placeholder to spec
- Update
Input
border and icon color to spec
- Pass through props in
DatePickerInput
(id, aria, etc.)
- Reduce spacing between elements in Accordion.Header to match spec.
- Use baseline text alignment in Accordion.Header to match spec.
- Use faithlife-react-popper fork to avoid a crash experienced by FaithlifeMedia when using a popover with SSR.
- Add more icons.
- Improve
Checkbox
default styles and accept style props.
- Fix
Helpbox
overriding the path color of every svg in every button.
- Fix
SegmentedButtonGroup
corner radius on children when a wrapping element is used around childButton
s.
- Add optional prop to always show buttons on
NumberInput
components.
- Fix overflow in ParameterSelect
- Removed unused
theme
prop fromListbox
andParameterSentence
components. - Fixed errors when
Dropdown
components were missing atheme
prop. - Update
DatePickerInput
to use newPopovers
.
- Improve
Slider
label placement.
- Fix ThemedBox scrollbar styling.
- Add better support for swapping out the main theme.
- Fix
Popover
usage inSlider
- Fix disabled checkbox styling.
- Fix boolean logic for the previous fix.
- Prevent auto-focusing fully-controlled popovers that don't supply
onFocusAway
handlers.
- Restore wrapping div in
PopoverManager
to avoid undesired breaking change.
- Add
placeholder
prop toFilterInput
components. - Add v6
Popover
component based on Popper v2.
- Tab panels now accept render functions as children, allowing panels to be lazy loaded.
- Add min and max dates to
DatePicker
.
- Fix some color definitions for
Checkbox
.
- Improve theming support in dropdowns and checkboxes.
- Improve theming support in popovers, segmented button groups, selects, and dropdowns.
- Fix tablist variant styles, restoring space between tabs.
- Fix radio button scaling with an SVG.
- Migrate several components toward contextual theme-based colors to support dark mode. (
Paragraph
,Text
,Accordion
,Input
) - Add
minorTransparent
variation toButton
v6.
- Remove hack checking for styled system theme in legacy
Button
.
- Fix icons export.
- Remove uses of
ThemeProvider
inRadio
,Checkbox
, andMenuCheckbox
components, allowing use of the styled-system theme in children of those components.
- Fix
DatePicker
andDatePeriodPicker
popover bug. #324
- Fix
Select
clipping text when certain CSS resets were used.
- Add
page
variant to tabs as alternative to standardmodal
variant.
- Restore
Slider
thumb alignment to how it was before unintended changes in v5.46.1.
- Fix icons export.
- Export an icon set.
- Add deprecation notice to
Grid
component.@faithlife/equipment-grid
is now available from the FaithlifeEquipment repo.
- Adjust minimal accordion header style.
- Remove padding top from minimal accordion panels.
- Close
DatePickerInput
after a date is selected. - Right align
NumberInput
s. - Update
DropZone
borders.
- Port
LoadingSpinner
to styled system, avoiding unnecessary styled components creations.
- Create fewer elements in
Slider
.
- Add
mountOnEnter
andunmountOnExit
props toAccordion
. - Memoize
Input
andNumberInput
.
- Allow use with
styled-components@^5
.
- Fix crash when using
AsyncSelect
andAsyncCreatableSelect
.
- Fix hook dependencies in useFocusAwayHandler.
- Add support for
textStyle
prop toUtilityButton
. - Forward event object to
MenuItem
onClick
callback.
- Hide browser-specific validation styling on
Input
.
- Fix
NumberInput
not properly respectingdisabled
attribute.
- Export
reactSelectComponents
for real.
- Expose
reactSelectComponents
fromReactSelect
to help with the creation of customOption
andInput
components.
- Temporarily downgrade react-select back to version 2, until we are able to address problems with ReactJS.NET server-side rendering.
- Upgrade react-select to version 3, improving SSR support for select components.
- Fix rendering bugs in
Slider
causing the right edge to be clipped under certain circumstances. - Fix popover arrow styling.
- Fix bug where
step
prop was not forwarded byNumberInput
.
- Add
NumberInput
component with styled step buttons.
- Adjust button padding to ensure icon-only buttons remain square.
- Make
UtilityButton
inheritfont-family
.
PopoverReference
andTooltip
can now accept function children. The function is passed a props object with aref
object and event handlers. These props must be spread onto the element to attach thePopoverReference
orTooltip
to, allowing consumers to avoid the extra wrapping DOM element that is used by default.- Fix scaling of icon SVGs within
Button
components. v6Buttons
no longer scale svgs at all; it is up to the consumer to choose a properly sized icon. LegacyButtons
now use18px
sizing for small and medium sizes instead of16px
, to conform with design standards. - Fix bug preventing
Switch
components from rendering properly when the host environment globally setsbox-sizing: border-box
on:after
pseudo-elements.
- Add complex filter support to simple and paginated grid
- Fix
hasInteractableElement
prop not correctly blocking rowClick
- Correct home/end key handling logic in text input components.
- Fix
Input
proptypes to allow responsivevariant
.
- Add deprecation notices to the
FilePicker
,GroupSelector
, andProductDrawer
components. - These components are now available from individual packages in the FaithlifeEquipment repo.
- Stop auto-focusing
GroupSelector
when using the showInPlace option. - Minor code cleanup in
Input
andDropdown
components. - Add
Home
andEnd
key support toSelect
components.
- Add
message
andactions
props to theModal.Header
component.
- Fix
selectOnFocus
.
- Accept styled system props in more Accordion components.
- Add
selectOnFocus
prop toInput
.
- Improve
Slider
performance. - Fix bug where
Slider
handle would not render when value did not exactly match a stop.
- Fix bug causing accordion header subtitles to be clipped.
- Update grid drag icon to spec
- Fix custom editor components in grid not being found
- Fix accordion header alignment.
- Increase Switch transition animation speed.
- Hide browser's default focus outline on active buttons (we handle this state with a shadow).
- Add Switch component.
- Vertically center accordion header custom indicators.
- Fix focus styling on Accordion section header buttons.
- Fix
Slider
propType warnings from props that shouldn't have been spread.
- Add localization override for
drawerToggleText
toProductDrawer
. - Fix styled-components
attr
deprecation warnings.
- Allow
ListBoxMenu
to accept children other thanListBoxItem
.
- Fix error in
SequencedTab
use of styled-system props.
- Update
Slider
component to accept styled-system props.
- Fix infinite
TabPanel
render bug. - Fix errors with certain
LegacyModal
children.
- Add
tabletRightOffset
styleOverride toProductDrawer
.
- Add checkbox support to all grids.
- Disable right click context menu for shared grids.
- Add drag and drop to
SimpleGrid
andTreeGrid
. - Add ref handles for checkbox selection.
- Add in grid editing.
- Add context prop to all grids.
- Enable autoSizing when no maxRows is specified for all grids.
- Fix icon size on
small
FilterInput
components.
- Update all grid components to correctly handle
isLarge/SmallViewportOnly
andhide
props together correctly.
- Update
AmberContent
andTab
components to accept styled-system props.
- Use v6
Modal
in ShareDialog component. - Update GroupSelector to always show the Create button.
- Use LegacyButton in a few more internal components. Fixes a regression in 5.28.0.
- Use LegacyButton in a few internal components. Fixes a regression in 5.28.0.
- Update GroupSelector styles.
- Add
v6
entry point to published files.
- Add
v6
entry point with new APIs. - Add v6
Modal
component. - Add v6
Button
component. - Add v6
SegmentedButtonGroup
component. - Update input placeholder color.
- Resize columns in PaginatedGrid on page change to account for scrollbars.
- Add
useTheme
hook.
- Add additional
styleOverrides
toProductDrawer
. - Fix icon fill in
HelpBox
.
- Update grid styles to fix style issues in chms grids
- Update
react-select
component to v2.4.4
- Allow empty values in date picker input.
- Add bottom border to
Accordion
. - Allow falsy value to be set in
Input
. - Don't lazy load product drawer dropdown.
- Add
UtilityButton
component. - Add row masonry components.
- Fix accordion header color.
- Fix blur handler in
ProductDrawer
.
- Add
@faithlife/styled-ui/grid
as an entry point
- Fix element rendered by
Heading
.
- Add
Heading
component for convenient application of heading text styles. - Set default text color on
Text
andParagraph
.
- Specify a unique name for
ProductDrawer
's webpack JSONP function.
- Export
Grid
components as separate entry point
- Add documentation on horizontal stacks
- Make
ModalContainer
padding consistent - Update
InferTooltip
content - Add Grid Components:
SimpleGrid
,PaginatedGrid
,TreeGrid
- Fix input border color.
- Use correct chevron icons for accordion.
- Remove accidental bottom margin from ModalHeader, added in 5.18.0.
- Add
FilterInput
component. - Accept styled system props in
PopoverManager
.
- Add
minimal
variation toAccordion
. - Support
pinned
prop onAccordion.Item
to disable expand/collapse interaction - Support
hideArrow
prop onAccordion.Item
.
- Add support for inputBorderColor style override on DatePickerInput.
- Add support for pointerEvents styled-system prop.
- Fix bug allowing hover colors to be inheritted by
AnchorButton
.
- Port
SimpleModal
to styled-system. - Port
Popover
to styled-system. - Port
Accordion
to styled-system. - Intentional style change: gradients and uppercasing have been removed from
AccordionHeader
components. - Button colors updated for active, focused, disabled state.
- Port
Button
to styled-system. - Port
Modal
to styled-system. - Update
Input
border color. - Fix height of autocomplete inputs to match
Input
.
- Add
ThemeProvider
to support local theme overrides.
- Export
ModalContent
component, accept styled-system props.
- Accept styled-system props in
Input
component. - Adjust sizing of
CheckBox
to a default of 16x16. - Export
DefaultThemeProvider
. - Deprecate
Input inline
. - Simplify
Collapse
, and accept styled-system props.
- Add new styled-system based layout and text primitives
Box
,Stack
,Paragraph
,Text
. - Add theme.
- Add FilePicker component
- Add support for
mixed
state toCheckBox
DatePicker
no longer updates the selected date if the input is invalid
- Fix width prop not being passed through in
ParameterSelect
- Fix
SimpleToast
covering elements when not being shown - Fix
ParameterInputBox
cutting off dangling letters in safari
- Add more specificity to
ParameterInputBox
styles to beat global styles
- Simplify
ParameterInputBox
to only use inputs
- Fix
ParameterInputBox
styling on safari mobile - Add ref to
ParameterInputBox
- Removed padding from checkboxes and radios that was previously added to increase tap target size on mobile.
GroupPicker
now accepts a z-index to use for its modal.
GroupPicker
now allows non-admin users to select groups.- Update chevron icons.
- Add
SequencedTab
andSequencedTabList
components - Add
textarea
variation toInput
- Add disabled props to
Checkbox
andRadio
- Update
Modal
Popover
Helpbox
andButton
to spec - Hide tooltips on mobile
- Fix keyboard navigation on
Dropdown
andListbox
components - Add overflow style override to
Popover
- Update dependencies.
- Update
HelpBox
styling and expand API to allow for more customization. - Log deprecation warnings to the console when using Bootstrap components.
- Fix
Modal
footer button alignment. - Fix keyboard navigation in
Dropdown
. - Fix crash in
Accordion
when usingnull
content.
- Fix spacing of custom indicators on Accordion components.
- Update default Accordion.Panel padding.
- Support more
styleOverrides
inPopover
. - Add unstyled
PopoverBase
. - Add
content
prop toTooltip
; thetext
prop is now deprecated. - Reset font-family to
inherit
in dropdowns, buttons, inputs, and others.
- Increase z-index of select menu portal to restore expected behavior inside modals.
- Adds padding
styleOverride
toAccordian
- Adjust default tab order of
Modal
footer buttons. - Allow tabindex to be specified on
Modal
footer buttons. - Render
Select
popups attached to the body to avoid layout issues.
- Fix window resizing issue on
Accordion
component
- Add
Accordion
component
- Add
Listbox
component - Add
ParameterSentence
,ParameterSelect
, andParameterInputBox
component - Fix disabled states for button
- Fix focus and display issues with
Popover
component
- Fix bug with minor
Button
styles not showing up - Fix classnames not being applied to base button component in
Button
- Add
Dropdown
component. - Adjust shared shadow styling.
- Add
Tabs
component.
- Add
eventsEnabled
andpositionFixed
props to Popover component, corresponding to the props of the same name in the underlying Popper component.
- Fix text overflow in
GroupSelector
search results.
- Allow
Select
components styles to be overridden.
- Added
ProductDrawer
component.
- Peer dependency updated: React 16.8 is now required, which comes with support for Hooks.
- Peer dependency updated: Styled Components v4 is now required, which has support for forwarding refs with the React 16.3 API. There is no more need for
innerRef
. - Important: Button sizes have been adjusted to match current design specs.
- Important: Input "large" size has been adjusted to match the "large" button size.
- New component:
Slider
- New component:
SimpleToast
- Added a
zIndex
style override for thePopover
component. - Added placement options and styleOverrides for the
DatePickerInput
component. - Fixed an overflow bug for churches with long names in the
GroupSelector
component. - Fixed
Checkbox
text alignment when the text wraps.
- Fixed a false prop-types warning with GroupSelector.
- Specified
line-height: 1
onAnchorButton
to match the setting onButton
added in v4.2.0
- Important: If you were using the brand new
Input
controls, the height ofsmall
,medium
, andlarge
has been adjusted to matchButton
variations. Please make sure your UI still renders properly! - New component:
InferredSelect
, which uses the newreact-select
control. #93 #95 - New component:
DatePeriodPicker
#91 - Deprecated:
InferredTypeahead
is now deprecated in favor ofInferredSelect
, please migrate your code (chms should be the only tool using this) - Fix group creation for in place group selector #94
- Use new tooltip in inferred controls commit
- Prevent popover arrow from interfering with mouse events #92
- Added
container
prop toModal
andSimpleModal
components - Added
zIndex
style override forModal
andSimpleModal
, which is applied to theModalBackdrop
- New component: Date Picker #71
- New component: Popover #68
- Deprecated: The
GroupSelectorModal
named export is deprecated in favor ofLargeGroupSelector
, which resolves to the same component - Group selector can now be placed inline, and is exported as
LargeGroupSelector
. #80 - Modals can now be rendered with no title border #78
- Fixed a flex issue with buttons #70
- Fixed a z-index issue with Modal, which now attaches as a child to
body
. If you were counting on Modal inheriting styles from its parent div, please re-apply the styles you want to the modal contents! #83 #76 - Fixed overflow issues with Modal #72
- Removed deprecated
TextInput
control. Commit
- Fixed a production-only crash with clipboard.js by importing a minified version
- Moved group-selector and share-dialog into separate bundles to avoid server-rendering problems
- Added ARIA attributes to checkboxes and radios #67
- Fixed server-render errors with scrollbar changes #73
- Fixed modals with really long content overflowing the screen size #72
- Improve keyboard accessibility of Button (there is now a focus ring that appears)
- New component: styled radio button #64
- Improved close logic in Modal #63
- Improved scrollbar presentation in group selector #62
- Exported some more typeahead components (Menu, MenuItem) #56
- Updated docs #60
- Fixed missing Token export in typeahead control #53
- Added
withoutFooter
prop so modals can be rendered without footers #49 - Fixed some CSS reset issues in
SimpleModal
, used by GroupSelector #51
- Fixed overflow bug with buttons that are narrower than their content
- Fixed empty file byte count
- Fixed a bug with the new variation cache
- Aligned text in stretched buttons with icons
- Added support for justifying content in buttons
- Button ref now forwards to the
HTMLButtonElement
- Renamed
renderIcon
toicon
.
- Fix propType warnings
- Add transparent border to
minorTransparent
button variation
- New components: FilesSection, DropZone, AnchorButton
- New variations:
primaryTransparent
andminorTransparent
on Button - SVGs can now be added to buttons with the
renderIcon
prop - Fixed some margin issues with the close icon in Modal
- Button default font size is now 16px
Thanks Ian Fisk, Todd White, and Robert Bolender for contributing to this release!
- Add support for focus via
innerRef
prop on InferredText and InferredTypeahead
- Fixed blurry popover component on Windows. Thanks Robert Bolender (#28)
- Fixed box-sizing issues on LoadingSpinner and HelpBox components
- Fixed a focus border issue with checkboxes
- Fixed an alignment issue with bootstrap custom inputs. Thanks Jeremy Einfeld (#24)
- Fixed some alignment issues with checkboxes
- Re-publish of 2.0.2, which had a broken build artifact
- Changed medium button font size to 16px
- Fixed a flex issue in Helpbox. Thanks Seth Copeland (#22)
- Added some more helpbox color variations. Thanks Ian Fisk (#21)
- Breaking: After review with the UX team, there are several bootstrap components that are no longer included in this library, because they won't be used in any of our specs.
- Removed: Alert, Navbar*, Nav*, Breadcrumb*, Badge, Card*, Carousel*, Progress, Modal*, Tooltip, Table, ListGroup*, InputGroup*, Media, Tab*, Jumbotron, Pagination*, Collapse
- Fixed some spacing issues around elements caused by inherited styles
- Add triangle icon to typeahead. (#20)
- Added 'Collapse' accordion component
- Removed fixed 16px height on check-box (#17)
- Display children inside check-box component (#19)
- Fixed another bug when exporting AsyncTypeahead
- Fixed exporting async typeahead control
- Fixed a style issue if text-input was not already wrapped in a bootstrap element
- Fixed a few oversights in Help Box control
- check-box now supports different button types (needed for react-jsonschema-form)
- Added blue Help Box control
- Deprecated custom TextInput controls. They will be dropped on the next major release. It's technically a breaking change, but nobody was using these. If you really need them back, import them from '@faithlife/styled-ui/dist/deprecated.js'
- Updated Button margins
- Reduced bundle size of ag-grid style bundle
- Reduce main JS bundle size by excluding unused module exports
- Breaking: The main component stylesheet is now in
main.css
. Reference this instead ofstyles.css
! - New: Styles and demo components for ag-grid
- Themed bootstrap controls, including
Typeahead
andInferredText
- Initial alpha release of
Button
,Checkbox
, andTextInput
controls