Skip to content

v4.0.0
Compare
Choose a tag to compare
@lucafoscili lucafoscili released this 17 Nov 11:27
· 4200 commits to develop since this release
v4.0.0
ef969e0
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

New features

  • CSS variables added many CSS variables to many components to improve customization.
  • kup-accordion: new prop (ripple).
  • kup-box: cells can display their icon.
  • kup-button: support to display a spinner as a slot, with the new showSpinner prop.
  • kup-calendar: handled locales (only those supported by KupDates).
  • kup-data-table, kup-box: new CSS class link for cells.
  • kup-lazy: new CSS classes (kup-left-aligned,kup-right-aligned).
  • kup-tab-bar: new prop (ripple).
  • kup-tooltip: new prop (customStyle).
  • kup-tooltip: new layout (5).
  • kup-tree: new prop (ripple).
  • f-image: new icons (chart_bar.svg).
  • KupDates: new KupManager class used to handle locales and format dates.
  • KupManager: added global shortcut kupManager.
  • KupManager: kup-manager-stringfinder event emitted when a string was found on the last element clicked.
  • KupManager: new method setLibraryLocalization to simultaneously set KupDates and KupLanguage locales.
  • KupTheme: new themes (obsidian, sapphire).
  • KupTheme: new variables (--kup-drawer-color).

Removed components

  • kup-bpmn
  • kup-crud
  • kup-echart
  • kup-form
  • kup-modal
  • kup-search

Removed features

  • kup-drawer: removed support for title and subtitle slots.

Refactoring

  • kup-accordion: completely rewritten to allow the usage of slots.
  • kup-color-picker, kup-combobox: added hover effect.
  • kup-drawer: closes on pointerDown instead of onClick (when in slider mode).
  • kup-nav-bar: slots handled in both left and right sections. Removed static elements like menu button, title and image.
  • moment: for dates formatting and checks, moment has been replaced with the lighter Dayjs.
  • f-button: now it scales with font size.
  • f-components: improved event handling - events added during the render hook instead of adding them in the didRender hook.
  • f-components: stylesheets removed from global style and added to each component using them (greatly reduces dist package' size).
  • KupTheme: removed state classes (kup-danger, kup-success, etc.), handled by every component separately.
  • KupTheme: removed variables (--kup-field-background-color), handled by the component itself.

Bug fixes

  • kup-box: links weren't styled properly.
  • kup-box, kup-data-table: URL cells dispayed URL even when a different value was present.
  • kup-calendar: resize didn't work as intended when the calendar's container's width changed after the resizing of the browser.
  • kup-calendar: event click payload contained wrong details.
  • kup-chart: fixed multi-series, multi-axis and timeline charts.
  • kup-color-picker: text field is read-only (value must be changed inside the dropdown picker).
  • kup-combobox: isSelect prop didn't prevent input typing in the text field.
  • kup-drawer: fixed CSS transition.
  • kup-dropdown-button: when raised and disbaled, the dropdown half kept its box shadow.
  • kup-rating: renamed click event to kup-rating-click.
  • kup-text-field: label's color wasn't set.
  • kup-tree: dropdown icon on hover wasn't colored with --kup-hover-color.
  • kup-tree: when asAccordion, fixed invalid selector for icons background color.
Assets 2
Loading