- [feature] add possibility to pass onCopy to Copiable component
- [feature] support onOpenChange handler for contextMenu
- [feature] upgrade @mapbox/mbx-assembly to 1.6.0
- [feature] upgrade to react 18
- [feature] add customizable select UI component #218
- [feature] add additional style props to control-range for tighter styling control #217
- [fix] replace calls to getWindow with a simpler check #216
- [feature] add
margin
prop toModal
(compensates for new fixed header in Mapbox docs) #214
- [bug]
MinimumDurationLoader
mounts the underlying components twice ifminDuration
is reached beforeisLoaded
is set totrue
.
- [fix] Incorrect directory was published to npm as 2.6.0
- [feature] Add optional children prop to control-file #212
- [fix] Improve contrast of tooltips #208
- [feature] Add Context menu component
- [chore] Upgraded radix-ui packages
- [feature] add
tooltipTextSize
option to copy-button. - [fix] rename
themeTooltip
option totooltipColoring
to match convention.
- [bug] Fix layout bug introduced in copy-button changes where wrapper was given
inline-block
- [feature] add optional
children
andthemeTooltip
props to copy-button. #205 - [bug] Modify
propType
fordisplayValue
fromstring
tonode
.
- [feature] Support JSX from
displayLabel
prop in control-file component
- [fix] Incorrect directory was published to npm as 2.1.3
- [fix] Fixes a crash when attempting server-side rendering with the
CopyButton
component. #203
- [fix] Add
events-none
to outer container andevents-all
to inner container to resolve activities around the Toast component.
- [fix] Remove
children
prop from Toast component.
- [feature] Add Toast component.
- [fix] Support
disabled
option in modal actions. #199
- [fix] added new styling for ControlToggleGroup component that is consistent with actual usage.
- [breaking] props changes to
src/components/control-range
value
is now accepts an array of numbers
- [feature]
src/components/control-range
now supports multi range with an additionalthemeControlRangeActive
for providing classnames to the active member of the range track. - [fix]
gap
prop insrc/components/icon-text
which was not in use. - [breaking] Removed
isSupported
check insrc/components/copy-button
- [breaking] props changes to
src/components/copy-button
- Dropped
textEl
- Dropped
- [breaking] props changes to
src/components/control-file
- Dropped
label
- Dropped
themeLabel
- Dropped
aside
- Renamed
initialDisplayValue
todisplayValue
- Dropped 'themeControlFileClear'
- Dropped
- [breaking] Removed clear implementation in
src/components/control-file
. Just a button element that triggers is implemented. - [breaking] Deletes
src/components/popover-trigger
- [breaking] Rewrites
src/components/popover
as a functional component. π¨ Prop changes:- Dropped
getAnchorElement
. Popover now behaves like Tooltip where the Popover is wrapped around the anchor, and acontent
prop provides the popover contents. - Added
content
- Dropped
receiveFocus
- Dropped
trapFocus
- Dropped
ignoreClickWithinElement
- Dropped
getContainingElement
- Dropped
onElement
- Dropped
zindex
- Dropped
observeSize
- Dropped
containWithinViewport
- Dropped
- [breaking] Deletes
src/components/tab-list
- tab-list component was not used anywhere according to our audit and radix does not have support for such mobile functionality (such as displaying a popover for the rest of the tabs that do not fit on mobile)
- [breaking] Deletes
src/components/underline-tabs
- underline-tabs can be replaced with tabs component, except the new tabs component cannot handle links. In order to take full advantage of Radix out of the box functionality related to key bindings we need to let radix generate the buttons for tabs.
- new tabs component also supports adding the tab content which will be rendered automatically when the tab changes
- [feature] Creates new component
src/components/tabs
and usesTabs
from Radix. - [breaking] Removed the following components that have been underutilized/no longer worth maintaining: Badge, ControlCard, ControlLegend, GoLink, Heading, and NewTabLink.
- [breaking] Rewrites
src/components/modal
as a functional component.and usesDialogPrimitive
from Radix. π¨ Prop changes:- Dropped
alert
- Dropped
focusTrapPaused
which isn't exposed as an option from Radix
- Dropped
- [breaking] Rewrites
src/components/buttton
as a functional component. π¨ Prop changes:- Dropped
component
which accepted a component or a string equally a DOM value. - Renamed
discouraging
totertiary
- Dropped
- [breaking] Rewrites
src/components/tooltip
as a functional component.and usesTooltipPrimitive
from Radix. π¨ Prop changes:- Dropped
triggerprops
. This is no longer needed for Radix and will need to be considered when porting tooltips using the older version. - Dropped
respondsToClick
which triggers a tooltip on Click. Radix doesn't support it as it believes a tooltip shouldn't have this native behavior and I think we can get away without it - encouraging consumers to use a popup instead. - Dropped
alignment
has valuesstart
andend
and droppedtop
,bottom
,left
,right
. - Dropped
block
I'm not seeing strong usage of this property and I believe its a tradeoff we can make - Dropped
testId
Passing custom data attributes to the Radix tooltip isn't supported. There are other good ways to test the presence of tooltip contents like:screen.getByRole('tooltip')
or by wrapping a child prop in a data test attribute.
- Dropped
- [breaking] Rewrites
src/components/control-switch
as a functional component.and usesswtich
from Radix. π¨ Prop changes:- Dropped
optional
: Additional text like "optional" should be applied by the consumer using the label prop. - Dropped
initialValue
andvalidator
which were previously provided by the form component.
- Dropped
- [breaking] Rewrites
src/components/icon
as a functional component and usesaccessible-icon
from Radix as an internal primitive. - [breaking] Rewrites
src/components/control-wrapper
as a functional component. - [feature] Introduces TypeScript to the source code and converts:
src/docs/*
src/components/utils/*
src/components/icon/*
src/components/control-wrapper/*
- [feature] Adds React Testing Library to newly ported components
- [internal] Drop
src/test-cases-app
from the development workflow of this project.
- [feature] Added rules for password validation: password must have one uppercase, one lowercase, one special char, one digit, and at least 8 chars long.
-
[feature] Remove unsafe lifecycle methods that cause React 16+ warnings.
-
π¨ [breaking change] Drop support for React 15.
-
π¨ [breaking change] Remove ControlDate component.
-
π¨ [breaking change] Remove
validateStartDateBeforeEndDate
. -
π¨ [breaking change] Remove
onContentRender
property from MinimumDurationLoader. -
π¨ [breaking change] Remove
errorTooltipTheme
anderrorTooltipBackgroundColor
properties from the ControlText component. These props can be specified inpopoverProps
instead asbackgroundColor
andthemePopover
. -
[fix] Watch PopoverPosition DOM children for size changes to reposition.
-
[fix] Don't show PopoverTrigger (showBecauseClick) if clicked element is inside the container.
-
[chore] Remove need for
xtend
dependency.
- [feature] Add new error popover style, improve warning popover style
- [feature] Trap events in modals by default
- [fix] Fix coloring values for popover
- [fix] rename unsafe lifecycle methods to eliminate warnings under React 16
- [feature] Update dependencies and add browserslist.
- [breaking] Migrate to Assembly 1+
- [feature] Add
inline
prop toIconText
component. - [fix] Only render "More +" in
TabList
when needed.
- [fix] Initialize
Clipboard
in CopyButton after it is destroyed so it can be copied again.
- [feature] Allow ControlText
value
to accept a number or a string. - [fix] Destroy
Clipboard
after copy in CopyButton to prevent exaggerated scroll length in scrolled code snippets.
- [feature] Add
aria-label
to all components, test cases, and examples with buttons.
- [fix] Allow TabList label to accept a node.
- [feature] Allow the CopyButton and Copiable components to pass through the
focusTrapPaused
prop.
- [feature] Update
react-aria-modal
to v4. - [feature] Allow the modal component to pass through the
focusTrapPaused
prop.
- [fix] Evaluate parentNode before removeChild in page-loading-indicator component.
- [feature] Add
zIndex
option to Popover component.
- [fix] fix issue that prevented popovers from recognizing the hasPointer prop.
- [feature] Add Badge component.
- π¨ [breaking change] Remove PageHeader component.
- π¨ [breaking change] Remove FooterLegalStrip component.
- [feature] Add
zIndex
option to Popover component. - [fix] Update build script for Babel 7 to fix broken v0.4.0 publication.
- [feature] Add PageHeader component.
- [feature] Add FooterLegalStrip component.
- [feature] Add ControlAlert component.
- [feature] Add ControlCard component.
- [feature] Add GoLink component.
- [feature] Add NewTabLink component.
- ChevronousText
- π¨ [breaking change] Remove
themeIcon
prop. - [feature] Add
iconSize
prop. - [feature] Add
beforeIcon
prop.
- π¨ [breaking change] Remove
- Icon
- [feature] Allow
size
prop to be a number or string .
- [feature] Allow
- [fix] Put
ControlFile
's icon and text on the same line.
- [fix] Fix the release. Don't use 0.3.0: use 0.3.1.
- Copiable
- [fix] Fix layout for server-side rendering.
- π¨ [breaking change] Remove IconButton component.
- [feature] Add Heading component.
- [feature] Add Button component.
- [feature] Add IconText component.
- [feature] Add UnderlineTabs component.
- Popover
- π¨ [breaking change] Remove
themePopover
,backgroundColor
, andaccessibleTitle
props. - π¨ [breaking change] Rename
contentElementAttributes
prop topassthroughProps
, to match incoming convention. - [feature] Add
coloring
andpadding
. - [chore] Update
focus-trap
andtabbable
dependencies.
- π¨ [breaking change] Remove
- PopoverTrigger
- π¨ [breaking change] Rename
triggerProps
prop topassthroughTriggerProps
. - π¨ [breaking change] Replace
display
prop withblock
. - [fix] If the trigger responds to focus but not click, and you focus the trigger first and then click, that click closes the popover instead of leaving it open even after you move the mouse away.
- [fix] If you use
disable
to disable a trigger with an open popover, the popover will hide.
- π¨ [breaking change] Rename
- CopyButton
- π¨ [breaking change] Arbitrary props will not be passed through to the button.
- π¨ [breaking change] Remove
iconButtonProps
andfeedbackTime
props. - [feature] Add
block
,className
, andpassthroughProps
props. - [feature] Add
CopyButton.copyIsSupported()
static function. - [feature] Improve appearance of copy instructions popover.
- [fix] Works in modals.
- Copiable
- π¨ [breaking change] Remove
themeWrapper
,themeCopyButtonContainer
,themeCopyButton
,themeText
, andthemeTooltip
props. - [feature] Add
truncate
prop.
- π¨ [breaking change] Remove
- Tooltip
- π¨ [breaking change] Remove
backgroundColor
andthemeTooltip
props. - π¨ [breaking change] Replace
display
prop withblock
. - [feature] Add
coloring
,padding
, andmaxWidth
props. - [feature] Children of Tooltip no longer need to be functions! If you provide a standard DOM element (e.g.
<button>
,<div>
,<span>
) or a Button component, things will just work. You can still use a function if your trigger is a custom component.
- π¨ [breaking change] Remove
- Modal
- π¨ [breaking change] Remove
underlayStyle
,underlayProps
,themeUnderlay
,themeModal
, andthemeButtonClose
props. - π¨ [breaking change] Rename
title
toaccessibleTitle
. - [feature] Add
padding
,alert
,primaryAction
,secondaryAction
, andtertiaryAction
props. - [fix] Modals taller than the viewport will now show padding above them: the browser will not longer automatically scroll down to the top of the modal.
- [fix] Update
react-aria-modal
to get some bug fixes and focus-management improvements.
- π¨ [breaking change] Remove
- Icon
- π¨ [breaking change] Remove
themeIcon
prop. - π¨ [breaking change] Arbitrary props will not be passed through to the
<svg>
. UsepassthroughProps
. - [feature] Add
passthroughProps
prop. - [feature] Add
size
prop. - [fix] If
inline: true
, the corresponding style adjustment will be performed after updates as well as mounting.
- π¨ [breaking change] Remove
- Add TabList component.
- Start this log.