- Dependency upgrades
- Code cleanup
- Storybook upgrade
- Vite upgrade
jest-domupgrade
- Vite upgrade
- Dev dependency upgrades
- Fix bug with the AdvancedSearchbar component and return group title.
- Type
Textareacomponent and normalize props
- Release AdvancedSearchBar component that displays the search results in multiple groups.
- Slot
helperaddedRadioButtonas alternative tohelperText
- Fixes typing of
-attributeprops to allowdata-attributes onRadioButtonandRadioButtonGroup
- Bug fixes and improvements of the
RadioButtoncomponent - Added
RadioButtonGroupcomponent to replaceRadioGroup - Deprecates
RadioGroup
- Removes
RadioButtonLargecomponent
- Adds
classproperty toMenuItemtype
- Improve
Overlayinterface - Add
Minusicon - Add
Integrationsicon
- Improve
Overlayflexibility - Add
Filtericon
- Fix attribute handling for conditionally clickable components
- Update
Cardcomponent - Add
Chipcomponent
- Add
TemplateModeSwitchicon
- Add PrimeVue
tooltipdirective to plugin installation
- Removes
Tooltipcomponent - Adds a dependency on PrimeVue plugin installation prior to
ui-componentplugin installation
- Make
Modals scrollable when overflow
- Improve
Skeletonloading withinTilecomponent
- Add
Skeletonloading toTileandPaginationcomponents
Modalimprovements
- Change clickbox for
Paneltoggle
- Add
Repeatto theIconcomponent
-
Add
Skeletoncomponent -
Add
IconButtontext variant -
Add placeholder props for
KeyValueInputfields
- Add
Panelcomponent
- Add
KeyValueInputcomponent
- Add
EnvelopeSearchandImageSearchicons, andCUSTOM_ENVELOPEandHTML_TEMPLATEsemantic icon entries.
- Improve
Gridresponsiveness
- Remove require
onClickprop from<IconButton />
- Add
Gridloadingstate
- Change
Paginationcomponent interface and implementation
Paginationinterface and functionality has changed
- Refactor components to utilize the utility component
ConditionalClickWrapperfor normalized click functionality
- Add
GridandGridItemcomponents - Generalize clickable functionality
DataTableimprovements- No need for a
clickableprop - Alignment of sort icons in header cells
- No need for a
- Add
QRCodeto theIconcomponent
- Add new icons for the
IconcomponentBuildingClipboardCommentNotesFileInfoFileShareFolderInfoNotesPenTag
- Export
Tilecomponent for use
- Add
Tilecomponent - Add
TileGroupcomponent
- Change the way borders are applied to
DataTables
- Add new icons for the
IconcomponentNavArrowLeft
- Add new icons for the
IconcomponentBorderOutCalendarCalendarAltClockFourClockSevenClockTenDollarSignDoubleSidedArrowEnvelopesPaintRollerResizeSendTruck
- Add
emptyslot toDataTable
- Fixes the
DataTableerror rendering
- Fixes the
IconButtontest ID
- Add new icons for the
IconcomponentUnverifiedVerified
- Adds the
DataTablecomponent
- Adjust the margin on the menu's divider if the menu has a footer.
- Add disabled styles for the items of the
Menucomponent.
- Add new icons for the
IconcomponentDetailsPrevious
- Use the correct classes for box shadow in
OverlayandMenucomponent.
- Fix click event emission in
IconButton
- Fix sizing issues in
EllipsisandEllipsisVertical
- Add new icons for the
IconcomponentEllipsisEllipsisVertical
- Makes common types available for import
- Adds the icons:
ErrorProcessing
- Add
disabledprop to<DateInput />component
- Add
<Menu />component - Add
<Overlay />component
- Fix: Unable to paste hex code into
<ColorPicker />hex input.
- Type
<Table />components
- Add hover styles to
<Steps /> - Fix clickbox on the
<TextInput />
- Revert
<TextInput />changes
- Fix
<TextInput />ref
- Fix helper text styles on
<TextInput />
- Type
<TextInput />component - Fix clickbox on the
<TextInput />
- Add
<Steps />component - Adds the icons:
BackCampaignAutomatedCampaignOneTimeNextSuccess
- Add
<IconButton />component
- Adds the icons:
PlanBusinessPlanDeveloperPlanEnterprisePlanGrowthPlanGrowthPlusPlanStartup
- Removes the icons:
RocketShopUserChatBubble
- Add
<ColorPicker />component
- Make
PrimeVuean external dependency
- Upgrades
Vueto latestv3.4release.
- Adds guardrails for the
RadioButtonLargecomponents input events.
- Refactor the
Badgecomponent's interface and implementation - Update styles of the
Alertcomponent
- The
Badgeinterface has changed and does not contain as many variants in favor of utilizingvariantandcolor - Removes some
Badgevariants - The
Badgecomponent is no longer available globally, it must be imported directly
- Adds an alternative to props for the Modal component through the use of slots
- Adds
BankAccountto Icons and theIconcomponent
- Change the border color for
secondary-buttonlinks
- Change the border color for
secondarybuttons
- Begin adding type definitions
- Made the components
<Icon />and<Modal />directly importable
<Icon />and<Modal />are no longer available as global components and must be imported directly
FloatingActionButtonwill now center on parent component rather than viewport
- export
FloatingActionButtoncomponent
- Add
FloatingActionButtoncomponent
- Adds
CircleInfoto theIconcomponent
- Adds
IconColoroptions to theModalcomponent oferrorinfoneutralsuccessupgradewarning
- Fix
v-modelonNumberInput
- Fix
maxFractionDigitsprop onNumber Input
- Removes the
CurrencyInputcomponent - Add the
NumberInputcomponent
- Update linting to understand Vue globals
- Style the close button in
Modals - Add new icons for the
IconcomponentCircleCheckCircleCloseCircleExclamationClose
- Downgrade Vue to 3.2.32
- Implement new
Modalcomponent
- The
Modalcomponent has been moved toLegacyModaldue to the newModalutilizingv-model
- Fix
LobTables with nested slots
- Fix
Iconcomponent registration
- Upgrade Vue
- Upgrade Typescript
- Install PrimeVue
- Add
Iconcomponent
- Upgrade Storybook
- Fix text color for
Linkupgrade-buttonvariant.
- Adds link variant
upgrade-button.
- Adds button variant
Upgrade. - Adds a
Lightningicon.
- Adds a
CircleEmptyicon.
- Removing beta tag since this is no longer in beta
- Adds a
showDollarSignprop to theCurrencyInputcomponent so we can hide it at will
- Fixes import of
UserCircleicon
- Adds icons:
ExitFileAltGiftLayerGroupOpenBookUserCircle
- Updates icons:
SignalUser
- Adds a
refreshvariant toAlert
- Updates the
MegaButtoncomponent to accept custom widths
- More icon styling tweaks
- Icon sizing style updates
- Add
AppWindowsIcon - Add
CloudDataIcon - Add
CreditCardIcon - Add
LocationPinIcon - Add
NavArrowLeftIcon - Add
PieChartSliceIcon - Add
UsersIcon - Update
ChevronandChevronsIcons
Some style updates for Modal and Badge:
- Modal: allow removing the section separators/dividers
- Modal: allow a subheading
- Badge: create a new variant for a new gradient
Adds the external link icon
Style changes for Input and Label
SubnavigationItem bug fix
Add an option to pass stringToMatch prop to SubnavigationItem, this can be used to pass a string that is turned into a regex pattern
Updates the prop definitions for TopNavDropdown so that title is no longer a required prop.
Adds the User and Bell icons to the icons library, with a props interface matching the other icons
Adds the icon variant to the nav dropdown.
Adds the PuzzlePiece icon to the icons library, with a props interface matching the other icons.
Update this binding of currency formatter and input to function as expected in a NodeJS v14 environment.
Explicitly bind this context of currency formatter to its parent object.
Adds the CurrencyInput component.
Adds the Tree, Car and Fire icon to the icons library, with a props interface matching the other icons.
Adds a Coin icon to the icons library, with a props interface matching the other icons.
Make Megabutton image rounded at top to prevent border overlap
Make RadioGroup full width
Fix click event not emitting on RadioButtonLarge
Add conditional rendering to confirm modal in Dropzone and Dropdown
Fix component initialization order
Fixes incorrect prop names in Dropdown
Adds an optional confirm change modal to Dropdown
Adds an optional confirm deletion modal to Dropzone
Adds uploading as a valid value the prop status can have for the Dropzone component.
Reduce focus dashed outline widths to 1px
Subnavigation design updates
Dropdown design updates
size prop and small variant removed from Dropdown
TextInput and Textarea design updates
Textarea new (optional) features: character counter and max characters
size prop and small variant removed from TextInput
Checkbox and MegaButton design updates
RadioButton and RadioButtonLarge design updates
changes the LoadingIndicator background color to transparent
Restores the Badge background color
Updates the Alert component design and adds new optional features: headline, close button, and link
- the
linkColorfunctionality in the Alert content is deprecated
Remove min width class from Table
Fix broken dynamic class in Table
Prevents Table component from having x-overflow
Adds the TopNavDropdown component that replaces the MegaMenu component
- the
MegaMenucomponent is removed from the library
Updates the styles of the Badge component
- removes the
shapeprop andsquareshape, the Badge will be rounded by default - removes
flintandturquoisecolors (addsdefaultandsecondaryvariants)
Updates the styles of the Switch component
Updates the styles of Button and Link components to only show the outline for keyboard navigation
Updates the styles of Button and Link components
ButtonandLinknow have 4 sizes defined by thesizeprop (thesmallprop is removed)Buttonvariant 'subtle' is removed and replaced by 'quiet' and 'ghost' variants
Remove Icon titles, add aria-label for accessibility where MainNavigationIcon uses Icons
Update the styles of the MainNavigation component
- The icon is passed to a
MainNavigationItemthrough the#iconslot, using the Icon components (or any svg) - The icon Tooltip is part of the
MainNavigationItemcomponent
Refactor the Label component to place the Tooltip outside the label
Add iconClass prop to MegaMenuItem & MainNavigationItem to adjust the icons size
Icons design refresh
Updates the styles of the LoadingIndicator spinner
Updates the styles of the Label component
No changes
Remove background color from SearchBar when focused
Do not show clear button in SearchBar unless there is a search term
Updates the Color Palette with the new Gray color. Updates the Main Navigation text color to gray-800.
Updates the styles of disabled Button and button-style Link
Adds darker gray border color to components: TextInput, TextArea, Dropdown, RadioButtonLarge & secondary Button
Adds the new Colors Palette
Adds the new Typography classes
Adds new invalid event listener to the TextInput component
Adds new font 'Messina', used as font-family class font-messina
Removes old font 'Larsseit'
Remove strikethrough line from disabled MegaButton
Add reduced image opacity to disabled MegaButton
Adds error and errorMessage props to DateInput
Adds disableWeekends and disableHolidays props to DateInput and DatePicker
Adds full-height prop to RadioButtonLarge
Adds full-width prop to RadioButtonLarge
Adds gradient variant to Badge
Adds ariaDisabled prop to MegaButton
Fixes MegaButton not showing as selected when using prop topFullImage
Adds a topFullImage prop to MegaButton
Removes twoToned and lowerImage props
Adds a relative class wrapper to the MegaButton to avoid unwanted behavior because of absolute positioning
Additional changes to noPadding prop for Modal
Added noPadding prop to Modal
Made header prop optional in Modal
Added lowerImage prop to MegaButton
Added twoTone prop to MegaButton
- Update the background color of the
ToolTipfromprimary-700togray-900to match the new design system.
Fix the size of the Radiobutton dot for the case of the radio button being checked and disabled
- Add new 'subtle' variant style to LobButton & LobLink
- add
fileForprop to theDropzonecomponent to update the 'fileSizeError' text
- New
Dropzonecomponent
Add open:list, close:list, hover:option emits to the Dropdown component
Updated ARIA labels for the Modal.
Add header String prop, remove header slot.
Add closeButtonAriaLabel prop as the aria-label for the Close (X) button.
Add ESC key listener for closing the Modal.
The closeButtonAriaLabel and header props in the Modal are required.
Added responsiveness to text and margins of MegaButton
Removes Typography component. Instead of Typography wrapper components, we now use Tailwind Component Classes
Renames components:
NewButton->Button, exported asLobButtonNewLink->Link, exported asLobLink
Removes old Button & Link components
Updated tailwind-plugin-lob version to 0.0.42
Adds text-error (red) color to the asterisk for all reaquired input fields
Restores error state for RadioButton and RadioButtonLarge
Changes the MainNavigationChildItem component's logic for its active state to the following: when its to prop starts with the current route, instead of when it includes it. This way, a component with to = /logs won't be active when the current route is something like /settings/logs.
Made the close (X) icon of the Modal larger, added background color on hover
Changed the color of Accordion component for better contrast/accessibility
Corrected margins on RadioButton
Updates the styling of the TextInput & TextArea components
Removes the disabled prop from the Label component
Maintain the gradient background on primary-button variant of NewLink when active
Updates RadioButton and RadioButtonLarge hover and selected states.
Update to Dropdown to make chevron icon darker, remove focus ring, and hover box-shadow.
Makes the max height of the MegaButton image larger.
Maintain the text color on hover for the secondary-button variant on NewLink
Updates FileUpload button text color and the 'Copy' button styling in TextInput.
Updates NewButton & NewLink styling.
Updates MegaButton styling to make them slightly less mega.
Updates the StepperVertical component The component now:
- uses the
activeStepIndexprop to determine and highlight the current step. - requires the
stepsto be an array of Objects each containing adisplayName(and uses the displayName for rendering the step name)
Removes the items-center in MegaButton, so that when used in a group, the headers in each button are vertically aligned with one another.
Updates the MegaButton text color to match the updates to the Design System.
Update all Icons with 2px stroke, for better accessibility.
Fixes a bug where the dropdown hover action is selecting and setting an option
Renames the export of the new ToolTip icon to ToolTipIcon.
Removes external right margin of MegaButton component.
Fixes the warning background color of NewButton and NewLink components.
Fixes error background color of TextInput component.
Added Calendar component:
Added Calendar component:
Adds 2 Icons missed in the refresh: SkipToLeft, SkipToRight.
Icons refresh: Add new designs for existing and used Icons, remove unused Icons. New Icons added: InfoFilled, Text, & ToolTipIcon.
Update the Tailwind plugin to introduce the new error color #D75A5A.
The previous error color is still available as coral-900 (#943832).
Style refresh to Radio Button component: Added Radio Button Large component:
Style additions to the Textarea component:
- Width takes up the entire width of the container (no longer need to pass in
input-class: "w-full") - Height set via Tailwind class
- Changes made to match text input: larger corner rounding, focus & "has something in it" states
Style additions to the Dropdown component:
- Background color added to the error (red) state
- Success prop added to add green border for success state
- Fixes styling of readonly state and background color (white - was previously transparent) of TextInput component.
- Clear button is now an optional prop on TextInput component.
- Fixed clear button on text input causing form submission. Also updated typography on small dropdown variant (font weight and font size).
- Changed the height of small dropdown components to 32px
- Restyle of TextInput component
- Restyle of TextInput component
- Restyle of ProgressBar component
- Renamed Error Icon to AlertCircle which is how it is named in the design system docs
- To reduce duplication, updated the Warning icon to be a triangle instead of the 'i' already being used by the Info icon
- Updated the conditions in Alert component, to show the icon AlertCircle for the error and warning variants
- Update FileUpload component to the new button style.
- The
sizeprop on FileUpload is now a Boolean propsmall
- Change the @hover text color to be primary-900 on NewLink & NewButton styled as a link so that the color difference is more obvious (from the default primary-500 text color)
- Styling adjustments to the NewLink and MainNavigationChildItem components to allow the MainNavigation to display focus rings correctly
- Updated the RadioGroup component to work with both RadioButton and MegaButton components as children
- Added the MegaButton to the exported components (prior to this version the MegaButton would not have been accessible)
- Styling adjustments to the MainNavigation component concerning the focus ring
- Restyle of Dropdown component
- list-height prop previously expected a value from the available list of [https://tailwindcss.com/docs/height](Tailwind CSS heights). Now the value expected should be an actual number value with units (i.e. '20rem', '256px').
- any
classprop that was previous defined on aDropdowncomponent needs to be moved to an enclosing<div></div>as theDropdownno longer has a built-in wrapper with which to pass theclassprop down to. You need to provide your own wrapper now.
- Changed NewLink wrapper to be inline-block so it sits better in text
- Subnavigation after NewLink changes broke styling
- Set inheritAttrs to false at component level this will stop the role="link" and data-testIds etc from duplicating in tests
- Added new NewLink component (with the new button styles primary & secondary)
- Added images support to the Megabutton component
- New prop
imageSourceadded allowing for the display of an image in a Megabutton
- New prop
- NewLink is being added to provide a backwards compatible migration path to updating the LobLink. LobLink instances can be updated to use NewLink at this time. At some point in the near future we will be renaming NewLink to LobLink. If your application uses LobLink you can choose to migrate to NewLink now and change its name later, or wait until NewLink is renamed to LobLink which may require some props changes at that time.
- NewLink
variantprop values are now [link,primary-button,secondary-button] - The
sizeprop on LobLink is now a Boolean propsmallon NewLink
- Styling adjustments to Alert (font and padding changes)
- Revert changes made in version 0.0.192
- Transfer Primary and Secondary Button styles onto Link
- Added new Megabutton component
- Added small text support to the Megabutton:
- New prop
textadded allowing for the display of smaller text under the label in a Megabutton
- New prop
- Gave Icons
currentColorinstead of fixed color - Added text size 14 to the Alert
- Temp fix in Link so that we can merge Alerts in dashboard-vue
- Fix Icons that are used in Alert
- Added !important for the MainNavigation text color
- Small styling adjustments to Alert to keep text and link together and Icon not to shrink
- Restyle of Alert component
- Updated Icons (Checkmark, Error, Info, Warning) used by restyled Alert component
- Added new props to Link component (to support the use of Links inside Alerts):
- New prop
bold, whentruewill display the Link with a bold font weight - New prop
inheritTextColor, whentruewill display the Link in the color as defined by its parent
- New prop
- Using a Link inside of an Alert component requires a specific approach to style the Link with the correct color.
See the section
Example of using this component with a linkin the Alert documentation for details. - Previously when using an Icon inside an Alert, the Icon had to be provided within a
<slot>, now the Icon is built into the Alert and is defined by thevariantprop value.
- Added new prop to NewButton:
- new prop
small, whentruewill display a smaller version of the button
- new prop
- Styling adjustments to NewButton component
- Styling adjustments to the VerticalStepper component
- Added new NewButton component
- Added new StepperVertical component
- NewButton is being added to provide a backwards compatible migration path to updating the LobButton. LobButton instances can be updated to use NewButton at this time. At some point in the near future we will be renaming NewButton to LobButton. If your application uses LobButton you can choose to migrate to NewButton now and change its name later, or wait until NewButton is renamed to LobButton which may require some props changes at that time.
- NewButton
variantprop values are now [primary,secondary,link,none] (if something wastertiaryit should now besecondary) - The
sizeprop on LobButton is now a Boolean propsmallon NewButton