1.0.0-beta.58

Please refer to CHANGELOG.md for details.

What's Changed

• Set up vue structure to publish Vue components by @nihwang in #1
• DANG-146: Add radio component by @bethqiang in #2
• DANG-155: Add Storybook (+ global CSS + Card story) by @bethqiang in #3
• DANG-167: Add radio button component to Storybook by @bethqiang in #4
• DANG-168: Add PR template & linting by @bethqiang in #6
• DX updates by @mercedesb in #7
• Add and configure unit testing by @mercedesb in #8
• Configure a11y addon and normalize.css by @mercedesb in #10
• Add and configure font awesome by @mercedesb in #11
• Radio button improvements: Separate out click callback, make class more readable by @bethqiang in #9
• DANG-180: Add CircleCI checks by @bethqiang in #14
• DANG-180, pt 2: Add FontAwesome token & change workflow name by @bethqiang in #15
• Dang 179/tailwind by @mercedesb in #16
• remove tw- prefix and use standard tailwind names by @mercedesb in #17
• Dang 143/pagination by @mercedesb in #13
• Creates checkbox component by @juanfriss in #5
• update tailwind colors according to new agreed on conventions by @mercedesb in #21
• Add missing specs and additional details to docs by @mercedesb in #23
• Dang 123/Main vertical navigation by @mercedesb in #19
• Dang 128/switch component by @mercedesb in #22
• DANG-124: Subnavigation by @bethqiang in #24
• Update main nav contrast, format switch group name by @bethqiang in #26
• Dang 133/tooltip by @mercedesb in #25
• Dang 113/breadcrumb by @mercedesb in #27
• Consistent icons by @mercedesb in #28
• Dang 117/buttons by @mercedesb in #29
• alert component and styles for 4 types by @mercedesb in #30
• textarea component for paragraphs of text by @mercedesb in #31
• Dang 189/upgrade vue 3 by @mercedesb in #32
• DANG-122: Top navbar/header by @juanfriss in #20
• DANG-186/story-names by @mercedesb in #35
• DANG-192/reusable-shadows by @mercedesb in #36
• Dang 126/dropdown by @mercedesb in #34
• DANG-194/adds button to collapse or expand main nav by @juanfriss in #37
• Dang 132/badge by @mercedesb in #33
• Consistent variants by @mercedesb in #40
• Lob tailwind plugin by @mercedesb in #41
• DANG-114: Text Input by @bethqiang in #43
• Test coverage by @mercedesb in #42
• Dang 119/datepicker by @mercedesb in #39
• DANG-114, part 2: Styling tweaks to text input after dropping it in by @bethqiang in #44
• Dang 149/Stepper by @juanfriss in #38
• Code clean up by @mercedesb in #46
• Text components by @joshua-maros in #47
• Support additional text-like inputs by @joshua-maros in #49
• Make Dropdown size consistent with TextInput by @joshua-maros in #51
• Header tweaks by @joshua-maros in #50
• Version bump by @joshua-maros in #52
• Dang 119/datepicker pt 2 by @mercedesb in #45
• Dang 193/consistent input states by @mercedesb in #48
• Main navigation tweaks by @joshua-maros in #55
• Fix accessibility violation by @joshua-maros in #56
• Style cleanup by @mercedesb in #61
• I forgot to increment the version... by @mercedesb in #62
• find way to handle document click without ref to bound element, stopPropagation instead by @mercedesb in #58
• vue-doc-gen was creating warnings because of missing default exports by @mercedesb in #57
• DANG-135/Filter content by @mercedesb in #59
• Icons by @mercedesb in #64
• Creates generic modal component by @juanfriss in #54
• DANG-136 Table component by @mariusrepede-lob in #63
• Fixes focus on text inputs by @juanfriss in #68
• Html in checkbox labels by @mercedesb in #70
• Add margins to text components. by @joshua-maros in #67
• Moar cleanup by @mercedesb in #66
• Adds success&error button variants by @juanfriss in #65
• upgrade storybook by @mercedesb in #71
• Deploy Storybook to Netlify by @bethqiang in #73
• Housekeeping - deprecation warnings, text input consistency, render functions for typography by @mercedesb in #72
• DANG-213: Smart link component by @bethqiang in #75
• fix localization bug bc vue-i18n doesnt like arrays by @mercedesb in #76
• fix some small style bugs by @mercedesb in #77
• Adds padding to better fit designs by @juanfriss in #78
• Creates megamenu subtitle component by @juanfriss in #79
• Megamenu subtitle by @juanfriss in #80
• Renames table to lobTable by @juanfriss in #74
• Adds right prop to megamenu, for megamenus placed far right in the top navbar by @juanfriss in #81
• Fixes collapsed prop by @juanfriss in #82
• Changes megamenu breakpoint by @juanfriss in #83
• DANG-224: fix breadcrumb showing duplicate item when nested route by @mercedesb in #84
• Dang 267/datepicker bug by @mercedesb in #86
• Changes mainnav's breakpoint from md to xl, to match megamenu's and topNav's breakpoints by @juanfriss in #85
• Change mainnav breakpoint by @juanfriss in #87
• Dang 134/search bar by @akotha7 in #60
• Adds lobLink export by @juanfriss in #88
• Fixes hover on primary button by @juanfriss in #89
• update tailwind-plugin-lob to latest by @mercedesb in #90
• Update Codeowners by @akotha7 in #91
• add link variant for button by @mercedesb in #92
• add missing export, fix exact-active-class, clean up docs by @mercedesb in #93
• Fix typos by @akotha7 in #95
• More housekeeping by @mercedesb in #94
• Remove default textinput by @juanfriss in #96
• useCapture on window click events to correctly dispatch events for nested components by @mercedesb in #97
• search and text input styling by @akotha7 in #98
• Search refactor by @akotha7 in #99
• DANG-280: File upload button by @bethqiang in #100
• DANG-280, pt2: FileUpload tweaks by @bethqiang in #101
• Shallow equality check when opts are objs by @mercedesb in #102
• Mb more housekeeping by @mercedesb in #103
• disable date if its out of range of min and max by @mercedesb in #104
• Add slot to radio button by @bethqiang in #105
• Small radio adjustments: Change label to flex, make inner circle smaller by @bethqiang in #106
• Tweaks to tooltip and filter content by @mercedesb in #107
• Adds border to all buttons for consistent heights by @juanfriss in #108
• Dropdown updates by @mercedesb in #109
• Radio accepts booleans by @mercedesb in #111
• Adds 'alert' variant to LobButton. by @ahmedeltowi01 in #110
• Styling for search table by @akotha7 in #112
• Styling consistency and documentation fix by @akotha7 in #113
• fixed checkbox spacing by @sanatauqir92 in #114
• DANG-282: LobLabel component by @Mrtly in #115
• DANG-301: Clicking placeholder in dropdown throws an error by @mercedesb in #117
• DANG-299: rename modelValue prop to visible by @mercedesb in #118
• Documentation updates by @mercedesb in #116
• DANG 308: remove extra shadow from MegaMenu dropdown by @Mrtly in #119
• adding myself(sana) as codeowner by @sanatauqir92 in #120
• DANG-306: Button shows cursor-not-allowed when disabled by @Mrtly in #121
• fix copy button size in TextInput by @Mrtly in #122
• Adds alert-button variant to link. by @ahmedeltowi01 in #123
• allow FilterContent to bubble event based on bound element by @mercedesb in #124
• Refactor props + update docs by @akotha7 in #125
• Stepper export by @sanatauqir92 in #127
• Search Results Dropdown Typo by @akotha7 in #129
• Fix radio button focus/click causing view to jump by @bethqiang in #128
• Date input and switch item refactor by @mercedesb in #126
• Refactor table header for nesting by @akotha7 in #130
• Input focus by @mercedesb in #131
• DANG-318: Fix Dropbox z-index bug using un-existing class z-100. by @ahmedeltowi01 in #132
• add time type to text input by @mercedesb in #133
• always title case breadcrumb text by @mercedesb in #134
• DateInput will also accept null so that it can be blank for filters by @Mrtly in #135
• Adds a width prop to modals by @juanfriss in #136
• Revert "DateInput will also accept null so that it can be blank for f… by @Mrtly in #137
• add list and map icons to icon library by @mercedesb in #139
• update stepper component to support complex use case by @mercedesb in #138
• allow date to be null in date inputs by @mercedesb in #140
• render table row and header with provided attrs by @mercedesb in #142
• pass size prop from date input to text input by @mercedesb in #141
• add loading indicator by @mercedesb in #143
• set active option on updated in lifecycle too (not just created) by @mercedesb in #145
• Create ToggleButton component by @mercedesb in #144
• fix borders on non-white background with backgroundColor prop by @mercedesb in #146
• check for template type instead of nested children for rendering rows and headers by @mercedesb in #147
• File upload updates by @mercedesb in #148
• Dang 365 alert button border by @ahmedeltowi01 in #150
• DANG-426: Multiselect component, part 1 (mouse functionality) by @bethqiang in #149
• Add class prop to Subnav, SubnavItem improvements by @bethqiang in #153
• Dang 429/breadcrumb bugs by @mercedesb in #152
• Make text-area full width/height so it stretches with the Text-… by @ahmedeltowi01 in #151
• fix bug setting main nav child active for children routes by @mercedesb in #154
• dont titleize breadcrumb display name and no underline main nav by @mercedesb in #155
• Fix multiselect options by @juanfriss in #156
• Adds ability to select text on click & emit copy event by @ahmedeltowi01 in #157
• Switch group style by @mercedesb in #159
• DANG-338: Make modal scrollable by @bethqiang in #160
• DANG-338: Make modal scrollable, part 2 by @bethqiang in #161
• Dang 445/tootlip icon in label by @dysnomian in #162
• Dang 492/dropdown padding (tiny PR) by @Mrtly in #163
• add Number to modelValue prop types, as this input is also used as ty… by @Mrtly in #164
• DANG-355, DANG-446: Nav updates by @mercedesb in #166
• Allow a full colspan option on TableRow by @ahmedeltowi01 in #165
• Add option to add classes to loading indicator by @bethqiang in #167
• remove underline from the Dropdown by @Mrtly in #168
• DANG-460: Stepper component - vertical alignment issue by @ahmedeltowi01 in #171
• fixed click away bug and updated version by @pthulen in #170
• Dang 459 text links color by @shannamurry in #169
• dang-604 - editions tab bug by @shannamurry in #173
• Dang 450 badge hover fix by @shannamurry in #174
• add '?' in SubnavigationItem computed value, fixes undefined error showing in dashboard by @Mrtly in #175
• feat: bold support for main nav item by @brainrepo in #176
• remove border from disabled primary button by @Mrtly in #177
• Dang 544 Modal close behavior by @shannamurry in #180
• feat: allow to pass class to ul element, useful for enable scrollbars by @brainrepo in #179
• Top Nav focus rings by @shannamurry in #181
• made improvements to topnav keyboard navigation by @shannamurry in #183
• fixed link not navigating to new page on enter by @shannamurry in #185
• fix: sr-only should stay alone by @brainrepo in #178
• bump up the version by @brainrepo in #186
• Fixes difference in label proportions on form inputs due to tooltips by @shannamurry in #184
• update version to .152 by @shannamurry in #187
• DANG-739 make RadioButton label look the same as the Checkbox label, as per lob figma design by @Mrtly in #189
• fix selected dot in radiobutton (missed in previous commit) by @Mrtly in #190
• need main navigation to emit a collapsed event by @shannamurry in #191
• version bump by @shannamurry in #192
• dang-826 / add target prop to MegaMenuItem so we can pass blank where needed by @Mrtly in #194
• Dang 690/create address modal tooltips by @shannamurry in #193
• when radiobutton disabled or readonly, show the value dot as grey by @Mrtly in #195
• Dang 432/adds 'Copied' Tooltip to TextInput to show when copying with the Copy Button (withCopyButton prop) by @Mrtly in #196
• fix the position of copied tooltip when srOnlyLabel by @Mrtly in #197
• Dang 455/settings subnav responsiveness by @shannamurry in #198
• Subnav responsiveness quickfix by @shannamurry in #199
• dang-837/add to LobLink target prop (default _self) & rel noopener noreferrer when _blank by @Mrtly in #200
• dang-841/dropdown and modal bug by @shannamurry in #201
• Dang 751/collapsed nav by @shannamurry in #202
• Dang 751/collapsed nav refactor by @shannamurry in #203
• close search on item click by @sanatauqir92 in #205
• ProgressBar by @Mrtly in #204
• export progressbar by @Mrtly in #207
• Accordion component by @pthulen in #206
• Align SwitchGroup's legend with other form input labels by @imnikkilee in #208
• added accordion props by @pthulen in #209
• dang-941 Update LobLink docs to include that it will add noopener/noreferrer if target is blank by @Mrtly in #210
• Node package versions to be >=14.16.1 by @akotha7 in #211
• DANG-996 update vue/cli to 4.5.16 by @Mrtly in #214
• DANG-1002/Fixes Array Test by @juanfriss in #215
• Add tertiary and disabled props to LobLink by @imnikkilee in #213
• DANG-994: migrate to GitHub actions by @erin-doyle in #216
• add CSS to SwitchItem disabled state to make it more clear to the user by @bethqiang in #217
• dang-1058/fix: remove display:none from tooltip content container to fix glitch by @Mrtly in #218
• DANG-1066: Removed CircleCi config now that we're not using CircleCi anymore by @erin-doyle in #222
• Update card borders by @dysnomian in #221
• DANG-988: Migrated from vue-cli to vite and jest to vitest by @erin-doyle in #226
• Dang-1020 Breadcrumb typography by @shannamurry in #220
• Dang 1031/Restyle of Switch component by @Mrtly in #219
• Tooltip should be hidden when not hovered (revert #218) by @Mrtly in #225
• Fix package breaking in version 0.0.179 by @erin-doyle in #227
• Still working on fixing the issue with Vue being bundled in the package by @erin-doyle in #228
• Change tooltip colors, etc by @dysnomian in #229
• Fix css export by @erin-doyle in #230
• Key hotfix by @shannamurry in #231
• version bump by @shannamurry in #233
• update tailwind, postcss, tw plugin, & configs by @Mrtly in #236
• Dang-1032 / StepperVertical by @Mrtly in #237
• dang-993-1024/NewButton by @Mrtly in #234
• add the new component to exports - oops by @Mrtly in #239
• fix: Verticalstepper fix font-bold for active.& hover & change outline to ring by @Mrtly in #241
• newbutton updates: fixed height, letter-spacing, focus-visible, small size by @Mrtly in #240
• Dang 1033/alert restyle by @pthulen in #235
• Fix alert style nits by @Mrtly in #244
• fixes in Link and in Icons svgs so that we can merge Alerts in dashboard by @Mrtly in #246
• fix: give Icons currentColor instead of fixed color by @Mrtly in #247
• Megabuttons, part 1: Megatext by @dysnomian in #245
• Megabuttons Part 2: Small Text by @dysnomian in #248
• Dang 1186 transfer primary & secondary button styles onto Link (will be added to add-newbuttons-and-links branch on dashboard for full review) by @Mrtly in #243
• Revert "Dang 1186 transfer primary & secondary button styles onto Link (will be added to add-newbuttons-and-links branch on dashboard for full review)" by @bethqiang in #252
• final nits on Alert, font and padding changes as advised by Adam by @Mrtly in #251
• Megabuttons Part 3: Megabuttons with Images by @dysnomian in #249
• Megabuttons design revisions by @dysnomian in #253
• Dang 1186/1023 - NewLink component (with the new button styles primary & secondary) by @Mrtly in #254
• NewLink nit: set inheritAttrs to false at component level this will stop attrs duplicating by @Mrtly in #255
• Fix for failing Datepicker test by @erin-doyle in #256
• fix: change newlink wrapper to be inline-block so it sits better in text by @Mrtly in #257
• Dang 1089/dropdown refresh (Design review: await approval after making updates) by @shannamurry in #242
• Update tw plugin & nit fix MainNavigation by @Mrtly in #258
• version 1.0.0-beta.2 by @Mrtly in #263
• DANG-1239/Make RadioGroup work with MegaButtons by @bethqiang in #264
• No w full on link by @Mrtly in #265
• Added a Changelog by @erin-doyle in #266
• fix: change hover to primary-900 for NewLink & NewButton styled as link (accessibility improvement) by @Mrtly in #267
• Dang 1254/upload file with new secondary button style by @Mrtly in #268
• 1252/fix duplicate icons, restore old Warning Icon, rename Error icon to AlertCircle as per design by @Mrtly in #269
• fix colors story as we put them back in theme by @Mrtly in #270
• Dang 1213/restyle progress bar by @Mrtly in #261
• CODEOWNERS and vitest updates by @erin-doyle in #271
• Dang 1090/text input restyle - Ready for final review by @shannamurry in #260
• Update dropdown size by @shannamurry in #273
• fixes for input components by @shannamurry in #274
• last minute fixes to inputs by @shannamurry in #277
• dang-1209 / add success/error states to Dropdown by @Mrtly in #278
• DANG-1276/Update Textarea styles to match TextInput by @bethqiang in #279
• Dang 1091/radio button refresh - ready for review by @shannamurry in #272
• DANG-1295 / add the new error color (update the tailwind plugin) - passes its tests but the preview fails? by @Mrtly in #281
• dang-1095 Icons Refresh (design approved) by @Mrtly in #276
• Fix: add missed icons SkipToLeft SkipToRight by @Mrtly in #282
• Dang 1258/drop in calendar component by @shannamurry in #280
• DANG-1297/fixes text input error state background color by @shannamurry in #283
• Fix buttons warning colors - new branch to fix the preview by @Mrtly in #286
• Removes MegaButtons' right margin by @juanfriss in #287
• fix: change the export name of the ToolTip icon to ToolTipIcon by @Mrtly in #288
• DANG-1280: dropdown hover/selector bug by @siddharthpant92 in #289
• DANG-1322 / Icons stroke 2 by @Mrtly in #290
• DANG-1289 fix megabutton text color by @BrownMY in #291
• DANG 1290 removed vertical centering by @BrownMY in #292
• DANG-1271 / update StepperVertical by @Mrtly in #293
• DANG-1339/megabutton update (make them a little less mega) by @bethqiang in #294
• add missing prop to steppervertical test by @Mrtly in #295
• dang-1367 / update Button styles by @Mrtly in #296
• Dang1367/Update button styles - other buttons nits by @Mrtly in #297
• fix: maintain text-gray-500 on hover for NewLink secondary-button variant by @Mrtly in #301
• DANG-1339/megabutton update pt2 by @bethqiang in #298
• UI updates with product team by @shannamurry in #299
• fix: active background color in newlink (button style) by @Mrtly in #302
• updates TextInput hover & focus style by @Mrtly in #300
• DANG-1341/radio button margin fixes by @shannamurry in #303
• DANG-1410: Updated vite and vitest to latest by @erin-doyle in #304
• DANG-1393 / fix the Colors story so that all colors display by @Mrtly in #305
• Dang 975/accordion color by @Mrtly in #307
• Dang 1393/fix font size story, add component classes story, remove typography stories by @Mrtly in #306
• Dang 1392/modal update by @Mrtly in #308
• DANG-756/active-route-bug-fix by @juanfriss in #309
• Restores error status to radio buttons by @juanfriss in #310
• Dang 1429/red/text-error asterisk for all required input fields by @Mrtly in #312
• update tailwind-plugin version by @shannamurry in #313
• Dang 1423/phase-out old components Button, Link, Typography (breaking changes) by @Mrtly in #315
• Megabutton responsiveness by @shannamurry in #316
• Updated package-lock.json to pick up the latest version of esbuild by @erin-doyle in #317
• Dang 1435/Modal aria labels & esc key (breaking changes : Modal props) by @Mrtly in #311
• update Modal story by @Mrtly in #318
• DANG-1440/update vite to v3, vitest, and c8 by @bethqiang in #319
• Dang 1455/add open/close:list & hover:option emits to Dropdown by @Mrtly in #320
• Dang 1448/Dropzone component by @Mrtly in #321
• dang-1448/ fix: add fileFor prop to Dropzone, update fileSizeError by @Mrtly in #323
• Dang 1228/add subtle button styles to lobbutton & loblink by @Mrtly in #322
• Fix the size of the Radiobutton dot for when checked and disabled by @Mrtly in #324
• Dang 1471/update tooltip component by @BrownMY in #325
• DANG-1477 / add twoTone props and styles by @shannamurry in #326
• Dang 1477/more megabutton adjustments by @shannamurry in #327
• Dang 1478/custom envelope selection in step 3 modal updates by @shannamurry in #328
• Add git tagging and creation of a release upon publish by @erin-doyle in #329
• DANG-1559: Added build settings for Amplify by @erin-doyle in #330
• Moved the publish job to its own workflow by @erin-doyle in #331
• removed top padding on modal description if nopadding prop is true by @BrownMY in #332
• DANG-1559: Made some tweaks to the GitHub Action workflows and Amplif… by @erin-doyle in #333
• DANG-1572 / add relative wrapper to MegaButton by @Mrtly in #334
• DANG-1559: Fix publish workflow not properly accessing environment va… by @erin-doyle in #335
• Update megabuttons for full width top images by @shannamurry in #336

New Contributors

• @nihwang made their first contribution in #1
• @bethqiang made their first contribution in #2
• @mercedesb made their first contribution in #7
• @juanfriss made their first contribution in #5
• @joshua-maros made their first contribution in #47
• @mariusrepede-lob made their first contribution in #63
• @akotha7 made their first contribution in #60
• @ahmedeltowi01 made their first contribution in #110
• @sanatauqir92 made their first contribution in #114
• @dysnomian made their first contribution in #162
• @pthulen made their first contribution in #170
• @shannamurry made their first contribution in #169
• @brainrepo made their first contribution in #176
• @imnikkilee made their first contribution in #208
• @erin-doyle made their first contribution in #216
• @siddharthpant92 made their first contribution in #289

Full Changelog: https://github.com/lob/ui-components/commits/1.0.0-beta.58