Released: Oct 13, 2025

v7.0.0 での更新項目

機能

• Design Updates:
  • Introduced a new theming system that allows setting the theme for the entire page, its parts, or selected elements using data attributes.
• Charts
  • Added dark-mode handling with new customizable properties.
• Onboarding
  • Added static setting for backdrop.
• Popconfirm
  • Added new cancelBtnClasses and confirmBtnClasses props that allow customizing the button styles.
• Progress
  • Added Progress Circular examples available by adding circular prop to the component.
• Datepicker:
  • Added aria-label attribute that can be customized by the toggleBtnLabel prop.
• DateTimepicker:
  • Added aria-label attribute that can be customized by the toggleBtnLabel prop.
• Select:
  • Added clearButtonLabel prop for customizing aria-label for clear button.
• Timepicker:
  • Added aria-label attribute that can be customized by the toggleBtnLabel prop.
  • Added aria-label attributes to clear, cancel and ok buttons.
• Updated mdb-vue-ui-kit in plugins.
• Dependencies update for main UI kit package and plugins.
• Breaking Changes:
  • Older theming styles are no longer supported, use new color modes instead.
  • Cards - Property bg adds text-bg-${props.bg} class instead of bg-${props.bg}.
  • Footer - Changed default bg prop value from light to body-tertiary.
  • Popconfirm - Changed cancel button color from flat to secondary.
  • Datatables - Removed dark property.
  • Navbar - Removed dark and light properties.
  • Stepper - Removed bg-light class from mobile step footer and header.
  • Table editor - Removed dark property.

不具合の修正

• Calendar
  • Fixed showing tooltips and add/edit modals on mobile devices.
• Datatable
  • Fixed issue with providing falsy values in advanced data structures.
• Datepicker :
  • Fixed input and modal readonly behaviour and added aria attributes to disabled and readonly states for better accessibility.
  • Fixed toggle icon position on Firefox.
• DateTimepicker:
  • Fixed input and modal readonly behaviour and added aria attributes to disabled and readonly states for better accessibility.
  • Fixed layout issue where the Clear button overlapped the last row of days in certain months.
  • Fixed toggle icon position on Firefox.
• Drag and drop
  • Fixed issue with addItem method that caused last sortable item not dragging properly at the first drag attempt.
• Dropdowns - Fixed cursor styling for items wrapped in router-link ("to" prop).
• eCommerce gallery - fixed zoom effect issues.
• Input Mask - fixed issue with pasting values to the input.
• Multi Range Slider - fixed issue with range sliders when both handles were at the same position.
• Onboarding - fixed scroll behavior for container examples.
• Sidenav - Fixed uncollapsing parent items on lower levels based on page url.
• Select:
  • Fixed accessibility attributes.
  • Fixed invalid and valid input styling when focused.
• Stepper - Fixed stepper content animations for content including inputs.
• Table editor - Disabled pagination select when adding or editing a row.
• Timepicker:
  • Added aria-label attribute that can be customized by the toggleBtnLabel prop.
  • Added aria-label attributes to clear, cancel and ok buttons.
  • Fixed toggle icon position on Firefox.