- [Components] Add optional
isRequired
anddisplayRequiredOrOptionalText
props to Accordion component.
- [Icons] Fix DarkCirclesGlyph
- [Icons] Add DarkCirclesGlyph for Agency
- [Icons] Fix GlycerinGlyph
- [Icons] Add EyeClosedGlyph
- [Icons] Add CaffeineGlyph for Agency
- [Icons] Add GlycerinGlyph for Agency
- [Components] Add optional
disableHover
to Tooltip component.
- Remove all references to 'Avant Garde'/avantgarde font
- Replace all uses of larssiet font with Skintype Text Medium or Skintype Display (as appropriate)
- Update to use explicit ESM and CJS exports
- Added spironolactone glyph (#1847)
- [Components] Update Chip element to have additional level: info.
- [Dependencies] Fix invalid peer-dependency constraints
- [Dependencies] Update
react
to 18.2.0 and adjust peer-dependencies to allowreact
17 or 18. - [Dependencies] Update Storybook related packages to 6.5.13.
- [Dependencies] Update
@react-aria/dialog
to 3.4.1. - [Dependencies] Update
@react-aria/focus
to 3.10.0. - [Components] BREAKING Remove usage of PropTypes.
- [Components] Update
border-radius
ofImage
styled component insideOptionButton
.
- [Accessibility] Add
ariaLabel
optional parameter for Dropdown component.
- [Components] Add
border
and updateborder-radius
ofOptionButton
. Addalt
tag toOptionButton
.
- [Accessibility] Fixed an issue with Dropdown's desktop implementation where keyboard navigation was not functional.
- [Components] Update
width
andmargin
onOptionButton
- [Colors] Update
secondaryTint4
color
- [Components] Add
image
andtextContainerHeight
props to theOptionButton
component
- [Accessibility] Add @react-aria/dialog package to modals for additional screenreader functionality and makes
onClick
prop required forDialogModal
for accessibility (1706)
- [Components] Add
onClose
prop to callout component for making the component dismissable (1721)
- [Accessibility] Add screen reader indicator for invalid input (1621)
- [Accessibility] Add aria-checked to OptionButton (1593)
- [TypeScript] Add onClick SyntheticEvent argument to AnchorLinkButtonProps interface (1584)
- [Themes] Add Tertiary Theme type conditions to icon and functional style rendering (#1578)
- [Themes] Add Tertiary Theme for MPO Views (#1565)
- [Icons] Add CleanserMoisturizerDuoGlyph(#1518)
- [Dependencies] Set new
peerDependency
requirements for@emotion/react
and@emotion/styled
for minor version updates (#1480)
- [Components] Add
onDropdownContainerFocus
prop to theDropdown
component (#1374)
- [Tabs] Update the
tabItems
prop type definition foras const
compatibility (#1340) - [Dependencies] Update
@babel
dependencies from7.16.5
to7.16.7
(#1332)
- [Components] Update
addEventListener
logic inOffClickWrapper
for React 17 compatibility; UpdateDialogModal
andImmersiveModal
ref handling inuseEffect
for React 17 compatibility (#1328) - [Tabs] Update
TabType
type definition to be Generic (#1329)
- [Dependencies] Peg specific version of
@emotion/react
- [Dependencies] BREAKING Update React 16 to 17 (#553)
- [Dependencies] Update compatible
@emotion
versions (#1282) - [Dependencies] Update
@svgr/cli
from v5 to v6, remove@svgr/rollup
, update config (#1307)
- [Components] Update default button color to theme primary for Global Styles (#1308)
- [AnchorLinkButton] Remove text-decoration-skip-ink style (#1246)
- [Icons] Update KojicAcidGlyph (#1214)
- [Icons] Update AzelaicAcidGlyph (#1214)
- [Carousel] Add aria-label to Arrow component (#1211)
- [AnchorLinkButton] Allow all valid HTMLButtonProps as props (#1200)
- [Icons] Add MakeupGlyph (#1199)
- [Icons] Add CleanseGlyph, HydrateGlyph, and ProtectGlyph (#1175)
- [ImmersiveModal] Enhance keyboard navigation + controls (#1159)
- [Icons] Add CleanserGlyphSecondary (#1152)
- [Dropdown] Add optional id prop for improved form accessibility (#1126)
- [Peer Dependencies] Update
@emotion/react
to11.4.1
(#1113)
- [Icons] Add
<MelasmaGlyph />
for secondary theme (#1080)
- [Internal] BREAKING CHANGE Build transpiles with
browserslist
configuration, so some older browsers (e.g. Edge 15-17) are no longer be supported (#946)
- [Internal] Moved built files from
dist
tolib
. This is neccessary for TypeScript to properly resolve paths likeradiance-ui/lib/constants
, because TypeScript is unable to parse conditional exports (#1057)
- [Components] Added new
ResetStyles
andBrandStyles
components to inject global styles. These replace theutils/injectGlobalStyles/style
exports that were used for the same purpose. (#1051)) - [Internal] BREAKING CHANGE It's no longer possible to import files directly. You must use the documented entrypoints instead. This is only a breaking change if you were using undocumented imports (#1049)
- [Internal] BREAKING CHANGE It's no longer possible to import the un-bundled Babel output from
lib
. Importingradiance-ui/lib/*
import specifiers will now import native ESM modules produced by Rollup (#1049) - [Bundling] BREAKING CHANGE A UMD bundle is no longer provided. In the majority of cases the CJS and ESM formats should be preferred. If necessary you can re-bundle one of the other formats to UMD (#1041)
- [Bundling] The Common JS builds now includes all public entrypoints and the modules are no longer bundled into a single file (#1049)
- [Bundling] The ESM build now includes all public entrypoints (#1049)
- [Dependencies] The
@babel/runtime
package is now required separately instead of the helpers being bundled. This should reduce bundle size in most cases (#1049) - [Dependencies] Bump react-transition-group from 4.4.1 to 4.4.2 (#997)
- [Dependencies] Bump @react-aria/focus from 3.3.0 to 3.4.0 (#1024)
- [Dependencies] BREAKING CHANGE Upgrade Emotion from 10 to 11 (#910)
- [TypeScript] Update Component type definitions to prevent
prop-types
errors in consumer applications (#983) - [DialogModal] Update
onCloseIconClick
type definition (#984) - [Babel] [Emotion] Set
autoLabel: 'always'
to maintain previous Emotion 10 behavior (fixing size regression) (#1001) - [Tooltip] Refactor hover/click style application logic to remove
<Global />
style (deceasing bundle size) (#1002) - [Container] Move
styled
definition used solely for TypeScript type in./types.ts
file to remove it from bundle output (#1003)
- [Components] BREAKING CHANGE Update
borderRadius
prop in<Accordion />
and<OptionButton />
to be theme key rather than values (#930)
- [Components] BREAKING CHANGE Update
style
export pattern, breaking existingradiance-ui/lib/shared-components/**/style
imports in userland (#903) - [Components] Add
OptionButton.NotClickable
presentation component (#905)
- [Bugfix] Handle
false
icon props for logic like<OptionButton icon={Icon && <Icon />} />
(#900) - [Typography] Add
Body Bold
style and component (Typography.Bold
) (#884)
- [TypeScript] Update library exports to export TypeScript types (#894)
- [Components] BREAKING CHANGE Update
<Callout />
API, removingcolor
prop and adding newerror
type (#878) - [Components] BREAKING CHANGE Update
<Chip />
API, add Low Contrast variations, and removesecondary
type, and makeprimary
type default (#883) - [Components] BREAKING CHANGE Update
<Indicator />
API, removebackgroundColor
prop, addtype
presets (#885)
- [Icons] Add Secondary Logo (#879)
- [Modals] Change overlay color in
DialogModal
andImmersiveModal
(#846)
- [Modals] BREAKING CHANGE: Remove custom styling to
DialogModal
andImmersiveModal
paragraph tags in modals body, added as subcomponent as an alternative (#833)
- [Icons] Add KojiAcidGlyph (#818)
- [Icons] Add DesonideGlyph, MetronidazoleGlyph and TranexamicAcidGlyph (#815)
- [Components] Add media query to DialogModal for smaller devices (#779)
- [Icons] Add SunMoonGlyph and SunMoonGlyphSecondary (#801)
- [Icons] Add DexpanthenolGlyphSecondary, GreenTeaGlyphSecondary, KojicAcidGlyphSecondary, ResveratrolGlyphSecondary (#800)
- [Dependencies] Remove errantly added @storybook packages from dependencies (#799)
- [Theme] BREAKING CHANGE: Require
theme
argument toTYPOGRAPHY_STYLE.link
(#778) - [Components] Add AnchorLinkButton (#778)
- [Components] Add
'success'
Callout type (#780) - [Bugfix] Correct never-ending while loop in Alert (#797)
- [Internal] Add Chromatic support for Secondary Theme (#797)
- [Icons] Add BreakGlyph, CycleGlyph, CycleGlyphSecondary, FormulaChangeGlyph, HydrocortisoneGlyph, HydrocortisoneGlyphSecondary, HydroquinoneGlyph, LightbulbGlyph, MoonGlyph, MoonGlyphSecondary (#777)
- [Icons] Fix CalendarIconSecondary (#772)
- Add
backgroundColor
prop toDialogModal
component #767
- [Theming] Export
applyPrimaryThemeVerticalOffset
to be used in consumer apps
- [Theming] Create the util function
applyPrimaryThemeVerticalOffset
apply it toChip
andIndicator
component #720
- Update
background-color
theme ofAvatarImage
fromsecondary
tosecondaryTint1
(#734)
- Add
backgroundColor
prop to Indicator and change componentborder-radius
to50%
(#718)
- [Theming] Set Secondary Theme
line-height
value across usage to1.4
(#704) - [Theming] Set Secondary Theme heading elements (Display/h1, Heading/h2, Title/h3)
font-weight
to400
(#704)
- [Icons] Fix TruckIconSecondary (#681)
- [Internal] Add Bundlewatch to replace .size-snapshot.json to track size regressions (#667)
- [Internal] Remove extra
emotion
css functions to reduce bundle sie (#666) - [Internal] Replace
Enzyme
andReact Test Renderer
withReact Testing Library
(#609)
- [Theming] Change primary button styles for secondary theme (#651)
- [Theming] Modify AcneGlyphSecondary (#652)
- [Theming] Adds theming logic for border radius. Changed Container type message border radius from 16px to 8px (#642)
- [Icons] BREAKING CHANGE: Renames a number of icon components:
Arrow
-->ArrowIcon
TimeAlwaysGlyph
-->ClockAlwaysGlyph
TimeMostOfTheTimeGlyph
-->ClockMostOfTheTimeGlyph
TimeSometimesGlyph
-->ClockSometimesGlyph
TimeNeverGlyph
-->ClockNeverGlyph
CalendarAlwaysGlyph
-->TimeAlwaysGlyph
CalendarMostOfTheTimeGlyph
-->TimeMostOfTheTimeGlyph
CalendarSometimesGlyph
-->TimeSometimesGlyph
CalendarNeverGlyph
-->TimeNeverGlyph
MildAcneEmoji
-->MildIrritationEmoji
MildAcneSelectedEmoji
-->MildIrritationSelectedEmoji
NoticeableAcneEmoji
-->NoticeableIrritationEmoji
NoticeableAcneSelectedEmoji
-->NoticeableIrritationSelectedEmoji
SevereAcneEmoji
-->SevereIrritationEmoji
SevereAcneSelectedEmoji
-->SevereIrritationSelectedEmoji
- [Icons] BREAKING CHANGE Removes
height
andwidth
default values of16
, default values now supplied bysvg
files according to type (16x16
forIcons
,20x20
forNavIcons
, and48x48
for both Emoji and Glyphs) - [Icons] Adds secondary icons for non-Logo icons.
- [Theming] BREAKING Adds theming logic to box shadows and remove it from constants (#610)
- [Fonts/Typography] BREAKING Remove FONTS and TYPOGRAPHY_CONSTANTS from constants (access via theme now) (#614)
- [Hotfix] v14.0.0 re-release for CJS build correction
- [Theming] Adds theming logic to typography display, heading and title (#589)
- [Colors] Complete refactor and cleanup of colors usage (#584)
- BREAKING:
COLORS
cannot be imported as a constant anymore. Colors must be accessed via the theme object
- BREAKING:
- [Tab] Update Secondary inactive Tab color (#588)
- [Theming] Update Secondary button font-size and font-weight (#585)
- [Theming] Update Secondary Colors and Fonts (#524)
- [Theming] Updates generation of Icons to be theme-aware (#529)
- [Field] Update Secondary placeholder color (#582)
- [Icon] Remove hard-coded Arrow Icon fill color (#580)
- [Internal] Streamlines multiple
babel.config.js
files into one (#551) - [Internal] Updates multiple dependencies
- [Theming] Add TYPOGRAPHY constants to theme object (#520)
- [PropTypes] Fix ImmersiveModal title prop typing (#518)
- [Bugfix] Removes manual focus handling for ImmersiveModal, fixing scroll behavior when two or more focusable footer items are present (#517)
- [Theming] Adds FONTS constants to theme objects (#509)
- [Theming] Adds
'transparent'
as valid property of COLORS object (#512)
- [Theming] Adds theming functionality to components (#466)
- BREAKING: All component usage must be wrapped with an
emotion-theming
<ThemeProvider>
, as component internals require access to a provided theme object.- See da0fd4c for how our https://radiance-ui.curology.com/ storybook site is configured
- See #505 for wrapping test utilites with theme context.
- BREAKING: All component usage must be wrapped with an
- [Internal] Refactor Dropdown, refactor variables names and standarize code across components
- [Internal] Convert Carousel, DialogModal, OffClickWrapper to functional components
- [Internal] Convert class to functional components
- [Typescript] Make Button onClick prop required
- [Hotfix] Fix VerificationMessages animation and ImmersiveModal exitlogic fix
- [Internal] TypeScript conversion: Typography, Tooltip, Tabs, Transition, SelectorButton/Checkbox/RadioButton
- [Internal] TypeScript conversion: VerificationMessages, Field
- [API] BREAKING: Removes
BOX_SHADOWS.focusSecondary
. Please replace usage with withBOX_SHADOWS.focus
. (#400) - [API] New focus states
BOX_SHADOWS.focus
andBOX_SHADOWS.focusInner
. (#390) - [Styling] Added new focus states to Alert, Banner, DialogModal, Field, ImmersiveModal, OptionButton, SelectorButton, TextButton, and Toggle components. (#390, #394, #397, #400)
- [Styling] Add
focus-visible
polyfill to enable keyboard-only focus states. (#390) - [Internal] Updated a number of underlying dependencies and related configuration.
- [Styling] Update
BOX_SHADOWS.clickable
andBOX_SHADOWS.clickableHover
values. (#338) - [API] Adds programmable (4px default) border-radius to Accordion, Dropdown, and OptionButton components (#338, #371, #374)
- [API] Export Tooltip Arrow icon as stand-alone icon. (#386)
v11.1.0 to v12.0.0 comparison view
- Adds new positioning of arrows to the Carousel component. It is denoted as a prop with the name 'bottomRightAlignedArrows'.
This update is potentially breaking. Applications that use different versions of emotion than those used in radiance-ui
can result in unexpected behavior when adding styling to already-styled components. This update adds explicit peerDependencies
to account for this.
- [Internal] TypeScript conversion: Indicator, Chip, LoadingSpinner, OffClickWrapper (#313)
- Fixes some accessibility information on the Dropdown component (#307)
- Adds a disabled prop to the Checkbox component (#303)
- [Internal] TypeScript conversion: Callout and Carousel (#300)
- Removes id from the
LoadingSpinner
(#282) - Traps keyboard focus in
DialogModal
when modal is open (#283) - Adds focus box shadow to
TextButton
(#284) - Adds keyboard control to
Accordion
(#285)
- Adds missing
aria-disabled
prop to Dropdown options (#276)
- Fixes some invalid accessibility information in the Dropdown component, and updates the Option Button documentation (#275)
- Fixes accessibility issues with Option Button, Button, and Dropdown Components (#261)
- [Internal] TypeScript conversion: Buttons (#252)
- Add
optionsContainerMaxHeight
prop to theDropdown
component (#256)
- [Internal] Suppress Deprecation notice triggered by PropTypes (#249)
- [Internal] TypeScript conversion: Alert, Avatar, Banner (#248)
- Update various glyphs and icons (#250)
- Support effective tree shaking of the shared-components directory (#246)
- Changed radio button icon to a dot instead of a checkmark (#244)
- [Feature] DialogModal redesign (#240)
- Deprecate SPACING constant (#241)
- [Feature] ImmersiveModal redesign (#237)
- [Feature]
truncateText
prop rename (#233)
- Adds
sideEffects: false
topackage.json
for tree-shaking oflib
directory.
- [Feature]
preventTextTruncating
prop rename (#231)
- [Feature]
truncateText
prop for Alerts (#229)
- [Bug] Fix svgr build (#221)
- [Internal] Convert Project to Typescript
- [Internal] Convert Project to Typescript: Refactor TS files
- [Internal] Convert Project to Typescript: update TSC declaration build config
- [Internal] Convert Project to Typescript: update TS babel plugin
- [Internal] Convert Project to Typescript: transpile TS files with Babel for Rollup build
- [Internal] Convert Project to Typescript Updated (#148)
- Added CheckPlusIcon and CheckMinusIcon (#220)
- Update Button components to accept buttonColor as a prop
- (#218)
- Design system updates to glyphs (#218)
- Design system updates to emojis and glyphs (#217)
- Design system updates to emojis and glyphs (#215)
- Added 2 glyphs, updated CheckBadgeGlyph (#214)
- [Bug] Fix Indicator display mechanism (#213)
- [Bug] Fix tooltip display prop (#212)
- [Bug] Fix SVG class selector to avoid leaking styles to nested SVG (#208)
- Update Alerts and Banners styles
- Replace BulkErrors component for VerificationMessages (accepts success and error messages)
- Update Field component to use new VerificationMessages components and update styles
- (#208)
- Update Buttons, Chip and Tooltip components (#204)
- Added Callout and Indicator new components (#202)
- [Internal] Convert Project to Typescript (#148)
- [Feature] Publish Generated Types declarations
- Updated border width on OptionButton (#197)
- Updated border width on Buttons / Checkboxes / Radios (#195)
- Updated size of ChevronIcon within Accordion component (#196)
- Added deprecation warnings for outdated icons / emojis / glyphs and removed from storybook (#194)
- Added Logos and NavIcons (#192)
- Design system updates to emojis (#172)
- Testing mask removal in SVGs to resolve fill-issue (#186)
- [Internal] Another re-release. Testing release steps.
- No code changes. Re-tagging of 4.2.11 - failed NPM release
- [Internal] Update devDependency
eslint-plugin-curology
. (#179) - [Internal] Update devDependencies
babel-jest
,enzyme
,enzyme-adapter-react-16
,jest
, andjest-emotion
. (#173) - [Internal] Update React Storybook to
5.3.9
(#174)- Replace
@storybook/addon-storysource/loader
with@storybook/source-loader
- Rename
.storybook/addons.js
to.storybook/manager.js
- Rename
.storybook/config.js
to.storybook/preview.js
- Replace
- [Internal] Add
@svgr/cli
as devDependency, update scripts. (#178)
- [Patch] Point Storybook font assets to new bucket (#151)
- [Patch] serialize-javascript Vulnerability Fix (#150)
- [Patch] Sequence onExit callback after setState in Alert component (#149)
- Add id prop on modal to target scrolling context (#147)
- Allow node proptype for
subtext
inOptionButton
(#143)
- [Chore] Update LinkButton "as" prop typing (#144)
- Re-release
- [Bug] Fix
Accordion
to mount expanded whenisOpen
prop is initially set totrue
. (#142) - [Bug] Fix default value handling on mobile dropdown. (#141)
- [Patch] Update
tertiary
color constant. (#138)
- Added rest props to Immersive Modal. (#137)
- [Internal] Downgrade
@emotion
packages to10.0.10
or nearest lesser version due to unidentified@emotion/core 10.0.14
regression. (#136)
- [Security] Update
lodash-es
andlodash
(#134) (#135) - [Style Fix] Prevent Option Button component width compression (#133)
- [Refactor] Update
storybook
+ Accordion component story (#132) - [Internal] Expand
jest
configuration (#131) - [Internal] Update
lint-staged
configuration (#130) - [Feature] Add Button component full width prop (#129)
- Re-releasing due to botched release
- Update deprecation notice warnings (PR #127)
- BREAKING: Remove Alert component text prop code (PR #126)
- Update Button and RoundButton loading prop usage (PR #125)
- Update emotion dependency usage (PR #124)
- Add Apercu Mono font in monoFont declaration (PR #123)
- Update box-shadow color (PR #122)
- Update Storybook 4 to 5 (PR #121)
- Added prop to Accordion (PR #117)
- Add CircleCI (replacing Codeship) (PR #114)
- Added InstagramIcon to icon library (PR #108)
- Update Alert component to take in
content
prop to render (PR #106)
- Added deprecation warning, only for dev environments (PR #105)
- Added calendar icon (PR #104)
- Exclude external dependencies from build (PR #103)
- Added SmileIcon and DropIcon (PR #102)
- Added SPACER constants (PR #101)
- Added RoundButton action type and refactor to use it in ImmersiveModal, Modal and Carousel (PR #99)
- Added OptionButton subtext prop (PR #98)
- Added OffClickWrapper documentation (PR #96)
- Modal Component - fix global styles (PR #95)
- Added Box Shadows Example (PR #94)
- New Toggle component (PR #92)
- New Avatar component (PR #93)
- Field SVG error icon fixes (PR #91)
- Option Button - add margin bottom (PR #90)
- Add Option Button component (PR #89)
- Add Progress Bar component (PR #88)
- Add Bulk Errors component (PR #86)
- Add Transition components (PR #87)
- Add Field component (PR #82)
- Add Tabs component (PR #85)
- Adjust and Refactor Colors (PR #84))
- Refactor Loading Spinner HTML (PR #80))
- Add noticeable-acne-emoji (PR #64))
- Add Carousel component (PR #79)
- Add Tooltip component (PR #77)
- Add rest to Alert component (PR #76)
- Add Textbutton component (PR #75)
- Update modal padding (PR #74)
- Add LinkButton component (PR #71)
- Added clarifications to storybook on icon display behavior.
- Added icon support and multiple sizes to selector button components. (PR #70)
- Add Dropdown component. (PR #61)
- Add new Banner component. (PR #49)
- Modified ImmersiveModal to take width param (PR #66)
- Added new Glyphs
- fix body style for emotion 10 : (PR #54)
- Add new Treatment page glyphs. (PR #60)
- Fix icons for Emotion 10 and a few other upgrade items. (PR #51)
- Add LoadingSpinner component (PR #53)
- Add clipboard icon (PR #48)
- Bug fix for Gatsby compatibility (PR #46)
- Updated to Emotion 10. (PR #41)
- Added
Modal
andImmersiveModal
to component library. (PR #39)
- Fixing a console warning about
tabindex
. Changed totabIndex
(PR #37)
- Added
textColor
prop to Button and RoundButton (PR #36) - Bug fix in dot notation of Accordion subcomponents (PR #36)
- Added Accordion to component library (PR #32)
- Hotfix Radio Button styling (PR #31)
- Add
<RadioButton />
component + story (PR #26) - Fixes an issue with
<Alert />
where it was calling exit multiple times (PR #25)
- Fix bundle to handle components with icons (PR #24)
- Same code as v1.0.9. Forgot to pull down before building the bundles...
- Deprecate
Icon
component since it never worked in the first place. - (PR #13) Introduce new inline icon with SVGR.
- Add all icons, emojis, and glyphs to new inline icon set.
- Change main bundle to cjs format. But also add a UMD specific bundle separately.
- Update depedencies in
package.json