Changelog

Version 0.9.0-next.31 for Svelte Kit ^1.0.1

Version 0.8.0-next

Added

  • RadioGroups have a segmented style
  • Dark mode

Version 0.7.9

Added

  • SubmitForm util function
  • TableCells can set their own width
  • Added a hide function for inputs in a form
  • Added a tooltip option for tags
  • Gradient backgrounds for overlays
  • fetchData docs

Fixed

  • Loading utils will check for ID
  • Sidebar will no longer show undefined if there is no group
  • Text in TableCell can now be aligned left
  • Sidebar subtitle indenting when no back button is present
  • Make sure text is left aligned on select
  • Mobile options for tables
  • Better gradients on overlays

Version 0.7.9

Fixed

  • Nested Sidebar line was appearing on non-nested sidebars
  • fixed alignment on non-compact style sidebars

Version 0.7.6

Fixed

  • Add delay to sidebar navigation

Version 0.7.6

Fixed

  • Sidebar and Header reactivity

Version 0.7.1

Added

  • onselect method for a Select element

Version 0.7.0

Added

  • Ability to reverse column order on mobile
  • FileForm component
  • ImageForm can accept extensions
  • Input components have a disabled state now
  • Tag before color is changed from primary to primary-light
  • Checkbox, Switch, and Radio components have a background property to make them look in line with other form elements.
  • Roomy and compact styles for Tables.
  • Added options to include checkboxes on table rows and utility functions to manipulate them.
  • Add callback option to FileForm
  • FileForm input will clear value after promise completes
  • The dropdown component can now be hidden with the hidden property
  • The dropdown component line breaks are now set as a boolean
  • Ability to hide a sidebar section with the hidden property - perhaps for role based account access
  • Added search functionality to the IconButton component
  • SegmentedController supports href
  • New sort function and sort functionality for TableHeaders

Fixed

  • IconButton shows active state screen
  • Header text is now smaller on mobile devices
  • Header has a search property with a default of false
  • ListItem and ListItemTimeline support wrapping long elements
  • Error component back button was not doing anything
  • CardHeader styles for fixed to fix positions of buttons with a long caption.
  • Support for error message on FileForm
  • The svelte goto function no longer needs to be passed in via the configStore
  • Focus states for non-text inputs
  • Buttons now become disabled when they are loading


Version 0.6.1

Fixed

  • Removed obnoxious scroll bars on windows


Version 0.6.1

Fixed

  • validateInputs will no longer fail validation for empty inputs without the required property


Version 0.6.0

Added

  • SegmentedController now has a more compact line style

Fixed

  • Header element showing Sidebar toggle on mobile when component was not mounted
  • Header subtitle was always indented
  • Sidebar can now set an href and onclick property


Version 0.5.8

Added

  • multiple_by prop Added for number inputs


Version 0.5.7

Fixed

  • SegmentedController export


Version 0.5.6

Fixed

  • Removed Node 14 requirement


Version 0.5.5

Added

  • When a TableRow component has an href and also includes an IconButton component, the loading state will show on the icon. Otherwise it will default inline with the text.

Fixed

  • Radio and Checkbox components had minor css fixes for alignment
  • Switch component does not have a random margin on the bottom
  • Custom TableRow components that use a slot can still use the align property


Version 0.5.4

Fixed

  • Header burger button now displays on mobile
  • Sidebar will stay open and show loading state until navigation ends


Version 0.5.1

Added

  • Header can now slot through dynamic content for the subtitle / breadcrumb area


Version 0.5.0

Added

  • Support for IconButton to have colors
  • Support for IconButton to remove shadows on mobile screens

Fixed

  • Back button will show in Header subtitle is used on a nested route
  • Add caption as an alias to subtitle of the Header element
  • Fixed Toast width on mobile screens
  • Fixed Header alignment on mobile
  • Fixed screen thrashing from using dropdown components


Version 0.4.6

Fixed

  • Modal height expressed in vh instead of rem


Version 0.4.5

Fixed

  • Removed dev logs from Header
  • IconButton dropdown does not open an empty list with a href
  • IconButton dropdown closes when clicking on the button again
  • Modal height and width is now set by the user
  • Modal does not show error states when being closed
  • ListItem slots now have their width at 100%


Version 0.4.4

Fixed

  • [Hotfix] ImageForm export


Version 0.4.3

Added

  • ImageForm component was added

Fixed

  • Breadcrumbs can now we overwritten
  • PageWrapper is is now fixed for mobile styles
  • Typeahead can be escapes with the esc key


Version 0.4.2

Added

  • Dropdown is now it’s own component used by Select, typeahead, and IconButton
  • Dropdown has the option to customize an img at the start and an icon at the end

Fixed

  • This also fixed issues with the typeahead not working with mouse clicks
  • Error component not navigating correctly


Version 0.4.1

Added

  • Time inputs

Fixed

  • JSDoc comments on url utils
  • Removed console logs from examples
  • arrowRight will now show hover state when table has an href or onclick function
  • Fixed loading indicators on Sidebar and IconButton as result of Svelte kit naming updates
  • Sidebar will now show the active indicator on the highest matched path.


Version 0.4.0

Fixed

  • Update uses of svelte kit page into url and params to make is compatible with latest ## Version


Version 0.3.3

Fixed

  • Removed logging stripe token when token is created successfully using the getFormData utility function


Version 0.3.2

Added

  • Form element now have an option for hidden input types
  • Table mobile style options

Fixed

  • Sidebar components will automatically highlight the active section when page is refreshed
  • TableRow will how the pointer cursor if there is an onclick function attached to it
  • Tag with the small property have had their margins adjusted
  • Mobile padding for Cards


Version 0.3.1

Fixed

  • Form now only play locally
  • Removed debugging logs


Version 0.3.0

Fixed

  • Form transitions were turned down because they were jarring
  • Select now lets you select null or "" as an option

Added

  • FormGroup was built. Instead of a second component, you can just pass in the width you want for your input and the kit will handle everything for you.


Version 0.2.2

Fixed

  • Textarea margins
  • ListItem and ListItemTimeline padding

Added

  • Divider component finally exported


Version 0.2.1

Fixed

Fixed stripe dependency issue



Version 0.2.0

Breaking

  • getFormData and validateInputs are now promises.

Added

  • Form now supports conditional inputs using the hidden_if and hidden_unless properties Stripe Elements is now built it. You pass in your own pubic key to the input, and it will collect the credit card information for you and create a stripe card token after calling getFormData


Version 0.1.9

Fixed

  • IconButton element now currently dispatched the id to the click event. You can use event.currentTarget.id to get the ID to show and hide the loading states
  • IconButton that has dropdown options will hide the list once one of the options is selected


Version 0.1.8

Added

  • ListItemTimeline can now have the active icon changed by providing the name of a color variable


Version 0.1.7

Added

  • ListItems now support the option to include a Tag by passing a tag property with the details about your Tag. Tags can be used without a label unlike text, because they are often more descriptive in their meaning.


Version 0.1.6

Fixed

  • TableCell nested tags are now aligned in line.
  • TableCell nested tags now hijack the align property. Align right or end will move the tag to the right of any text that was Added.
  • TableCell nested tags now have a margin between text depending on what side they are on.


Version 0.1.5

Fixed

  • TableCell nested tags are now properly supported. Nested table cells are currently experimental and not included in the docs. It allows to make complex table cells with many lines and adding small tags before and/or after the text on each line.


Version 0.1.4

Added

  • Switch, Radio, and Checkbox now support not indented styles.


Version 0.1.3

Added

  • Modal message will now render inline html characters.


Version 0.1.2

Fixed

  • IconButton now displays a custom button is an svg is passed to it


Version 0.1.12

Fixed

  • tel and phone inputs are not working with Form components


Version 0.1.11

Added

  • tel or phone inputs are working.


Version 0.1.10

Fixed

  • ListItem and ListItemTimeline has their bottom margins fixed the the next is now nicely centered


Version 0.1.1

Added

  • Export the merge function that is used for getFormData

Fixed

  • Button styling when showing loading state


Version 0.1.0

Added

  • Modals now support an image
  • CardHeader will no longer default to having a border
  • Buttons will now default to being wide
  • The svelte kit goto function is now Added into the configStore and used throughout the app
  • Grid and GridItem components are now available


Version 0.0.9

Added

  • Overlay component which is being used inside Error lets you add an overlay over the whole screen
  • Error component was added that can be imported into __error.svelte and will take care of the whole page
  • added an example for a Table on a separate page to show nested routes.
  • IconButton has a new_page option open an href in a new page
  • IconButton dropdown options new have a new_page property to open the href in a new page.
  • Spinner component
  • ability to overwrite automated Breadcrumbs and add your own.

Fixed

  • When using getFormData, nested keys in the data would get overwritten. This has been fixed. Row layout now supports a style tag
  • fixed a bug where pagination would continue to persist if a filter was applied
  • fixed a bug where pagination would not reset to the first page after a filter was applies
  • fixed a bug where pagination would persist when there was only one page of content
  • fixed a bug where keyboard navigation on a select dropdown would tab onto a line break
  • fixed a bug where loading indicators would not show on the Sidebar if no icon was present
  • fixed a bug where the showing the loading icon on a ListItem was not possible because the event was dispatching the wrong id
  • fixed a bug where loading states on sidebar would persist on pagination and vise versa
  • fixed a bug where a loading indicator would display on the sidebar when clicking on the back button.
  • When clicking on an href inside of a TableCell, a loading indicator will now be displayed.


Version 0.0.8

  • showToast function was not actually exported in the main bubbles-ui package.


Version 0.0.7

  • More Header styling updates


Version 0.0.6

Fixed

  • the Header breadcrumbs layout


Version 0.0.5



Fixed the package export to npm

Version 0.0.4

Fixed

  • a bug with IconButton where transparent=false prop would not work when the button had an href property


Version 0.0.3

Added

Pagination component SegmentedController documentation

Fixed

  • Updated components to share similar styles and properties. This may still have to change as some props don’t follow the same convention
  • Updated IconButton default icons padding on Checkbox, Switch, and Radio when not in a Form element
  • Updated colors options for Button, Tag, Toast components
  • Lots of little bug fixes


Version 0.0.25

Fixed

  • Bumped svelte to ## Version 3.44.2 and kit to ## Version 1.0.0-next.201


Version 0.0.25

Fixed

addQueryParam no longer breaks when options are not passed to it



Version 0.0.24

Fixed

addQueryParam no longer breaks when options are not passed to it



Version 0.0.23

Fixed

getQueryParam uses the page store from the load function to work with server size requests



Version 0.0.22

Added

getQueryParam will get all of the query params on the client.



Version 0.0.21

Added

setQueryParam will remove the key from the url if passed "" null or undefined

Fixed

Pagination arrows would disappear on the last page Show the current page on pagination Pagination would stay on page 1 if query param was not in the url Removed default images from Error because they are not included in the build anyway



Version 0.0.20

Added

Header component will now set the page title for you so you don’t have to add it on each page

Fixed

addQueryParam export



Version 0.0.2

Bug Fixes



Version 0.0.15

Fixed Breadcrumbs from ignoring the labels that were passed in



Version 0.0.15

Fixed

Breadcrumbs would report undefined



Version 0.0.14

Fixed

Component exports



Version 0.0.13

Fixed

Component exports



Version 0.0.12

Fixed

Component exports



Version 0.0.11

Fixed

Sidebar loading icons and spacing



Version 0.0.10

Added

Examples for Settings and Auth Spinner now takes in a style prop

Fixed

Sidebar loading indicators would not show if the url was included in the href_aliases array instead of href Sidebar loading spinners were not displaying correctly Sidebar icon and labels had wrong spacing on their margins IconButton was not correctly processing the $navigating svelte store property Show loading animation when navigating with Breadcrumbs Update how active sidebars are calculated



Version 0.0.1

Init commit. There are lots of bugs but it’s usable enough for a quick project