Brixi UI: After Dark (v0.10)

⚠ Breaking Changes ⚠

The v0.10.0 release contains backwards-incompatible changes. Since this library has not yet released a version 1.0.0, these changes have been released under a new minor version (as recommended by npm). You should either be pinning the exact version of this library in your package.json file or be using a version range syntax that only accepts patch upgrades such as ~0.10.0 see the documentation about semver for more information.

Added

• automatic dark theme (@media rules)
• Click to copy functionality on read only text inputs & textareas
• [dull] button variants

Fixed

• Unified disabled states across all form inputs types (input, select, textarea, etc)

Removed

• info colour

v0.8.0 - v0.8.6

⚠ Breaking Changes ⚠

The v0.8.0 release contains backwards-incompatible changes. Since this library has not yet released a version 1.0.0, these changes have been released under a new minor version (as recommended by npm). You should either be pinning the exact version of this library in your package.json file or be using a version range syntax that only accepts patch upgrades such as ~0.8.0 see the documentation about semver for more information.

Added

• Toast component
• Click to close toast
• Alerts controller (previously Notifications)
• Button colour: white
• Soundscape pause function
• Soundscape resume function

Changed

This update contains a major change to the Notifications (now Alerts) controller. The NotifyJS library has renamed "toast" to "notifications" and has added dedicated "toast" support.

• Updated to latest NotifyJS version
  • new Toast support
  • new code splitting (internal change)

Fixed

• Several callback is not of type function bugs:
  • modals
  • textarea
  • select
  • inputs (all types)
• Soundscape controller playback issues
• Soundscape would start playback of disabled sounds if loaded twice

Removed

• Notifications controller (renamed to Alerts)

v0.7.0

Added

• Context Menus
• -round flag to Skeleton -button elements
• pos class
  • pos.positionElement()
  • pos.positionElementToElement()

Refactored

• Overflow Menus are now standalone
• Multi Select uses new position class
• Split Button uses new Overflow Menu

Fixed

• modals z-index
• form modal returns
  • form data
  • form
  • modal element

v0.6

⚠ Breaking Changes ⚠

This release contains backwards-incompatible changes. Since this library has not yet released a version 1.0.0, these changes have been released under a new minor version (as recommended by npm). You should either be pinning the exact version of this library in your package.json file or be using a version range syntax that only accepts patch upgrades such as ~0.6.0 see the documentation about semver for more information.

✨ Added

• form component
• custom sound management support
• range slider minIcon
• range slider icon can be clicked to toggle value between min and max
• switched to Audio Context API
• chips
  • suggestion chips
  • input chips
  • assist chips
  • filter chips
• new lit-html based modal maker controller

🐛 Fixed

• checkbox, radio, and lightswitch accessibility
• new input callbacks
  • click
  • blur
  • focus
• audio files use deferred loading (must call load() to trigger)

♻ Changed

• button group shape and divider lines
• steps appearance
• lightswitch redesign
• form input overhaul
  • inputs
  • textarea
  • select
  • multiselect
  • checkbox
  • radio
  • lightswitch
• slight status badge redesign
• slight overflow menu tweaks
• slight alert tweaks
• cleaned up switch button appearance & overflow menu

💣 Removed

• dropped @codewithkyle/modal-maker dependency

v0.5

⚠ Breaking Changes ⚠

This release contains backwards-incompatible changes. Since this library has not yet released a version 1.0.0, these changes have been released under a new minor version (as recommended by npm). You should either be pinning the exact version of this library in your package.json file or be using a version range syntax that only accepts patch upgrades such as ~0.5.0 see the documentation about semver for more information.

✨ Added

• color input
• breadcrumb trails component
• button group component
• split button component
• text limit counter to Textarea input
• tab component
  • tabs can be sorted
  • tabs can be removed
  • tabs can be added
• new dashed button outline style

🐛 Fixed

• snackbar border colour
• toast border colour
• status badge layout
• input, textarea, and select box shadows
• range slider
  • fixed slider track CSS issues
  • added -moz- support
• toggle button component state change bug

♻ Changed

• improved grey button colour (lighter)
• upgrade to lit-html v2

v0.4.0

⚠ Breaking Changes ⚠

This release contains backwards-incompatible changes. Since this library has not yet released a version 1.0.0, these changes have been released under a new minor version (as recommended by npm). You should either be pinning the exact version of this library in your package.json file or be using a version range syntax that only accepts patch upgrades such as ~0.4.0 see the documentation about semver for more information.

✨ Added

• download button
• progress toast
• installation guide
• new "info" colour
• example brixi.config.js file
• ability to disable/enable SFX by type
• new env features
  • global loading states using startLoading() and stopLoading() methods
  • checkConnection() method checks if the provided connection is greater than or equal to the devices current connection
  • automatic browser detection sets a html[browser="xxx"] attribute
  • public cpu property
  • public memory property
  • public dataSaver property
  • public browser property
  • public connection` property

🐛 Fixed

• select input's getValue() and callback() values
• button padding
• button line height
• increased button icon only icon size
• lightened grey text icon only button colour
• status badge font size
• status badge font colours
• switched to custom ~brixi/* import paths
• touch SFX playback issues

♻ Changed

• darkened skeleton frames
• switched to peer dependencies
• improved render paths