Skip to content
This repository has been archived by the owner on Jan 3, 2024. It is now read-only.

4.0.0
Compare
Choose a tag to compare
@pascalwengerter pascalwengerter released this 25 Mar 10:44
v4.0.0
22856b8

Changelog for [4.0.0] (2021-03-25)

Summary

  • Bugfix - Increase the datepicker z-index: #1147
  • Change - Add label to the autocomplete component: #1156
  • Change - Add properties to make icons and images a11y-compliant: #1161
  • Change - Remove URL prop from icons: #1082
  • Change - Refactor variations & color palette: #1140
  • Enhancement - Add focus border to accordion items: #1158
  • Enhancement - Add label and messages to datepicker: #1149
  • Enhancement - Add label and messages to textarea: #1144
  • Enhancement - Make alert component a11y-compliant: #1166
  • Enhancement - Add aria label to the home icon within the breadcrumb: #1152
  • Enhancement - Add aria properties to checkbox: #1145
  • Enhancement - Element nesting: #1155
  • Enhancement - Add aria properties to radio input: #1148
  • Enhancement - Remove the OcTextInput component from the OcSearchBar component: #1151
  • Enhancement - Make searchbar component a11y-compliant: #1164
  • Enhancement - Implement labels and descriptions for text input fields: #1141
  • Enhancement - Initialize the design system with themable colors: #1168

Details

  • Bugfix - Increase the datepicker z-index: #1147

    The z-index of the datepicker modal was set to 1, which is a pretty small value for a modal window.
    As a result the date picker modal has been displayed behind the code example in the design
    system.

    #1147

  • Change - Add label to the autocomplete component: #1156

    Adding the label "from the outside" is not a11y compliant as you cannot get the id of the actual
    input element which therefore cannot be referenced. This change also removes all the
    unnecessary prefixes which were used in the component.

    owncloud/web#4329
    #1156

  • Change - Add properties to make icons and images a11y-compliant: #1161

    #1161

  • Change - Remove URL prop from icons: #1082

    We've removed the URL prop from icons which was replacing the internal icons with an image
    loading the icon from arbitrary URLs. As of now, only internal icons can be used in the oc-icon
    component.

    #1082

  • Change - Refactor variations & color palette: #1140

    We have updated the ownCloud Design System colors, removing duplicates, introducing CI
    colors and explicitly adding colors that formerly were calculated or came from uikit.

    We have also unified the usage of "variations" that are used to give visual clues about
    different usages of the same components. Icons, buttons, modals and notifications (and
    perhaps others) can now have the variations passive, primary, success, danger, warning.

    While doing that, we also replaced the SASS variables in src/ with custom CSS properties
    which are overwrite-able at runtime, so theming the ODS is possible now (at least from a colors
    perspective, font sizes and spacing will eventually follow).

    #1140
    #1169

  • Enhancement - Add focus border to accordion items: #1158

    #1158

  • Enhancement - Add label and messages to datepicker: #1149

    This also implies all the necessary accessibility changes.

    #1149

  • Enhancement - Add label and messages to textarea: #1144

    This also implies all the necessary accessibility changes.

    #1144

  • Enhancement - Make alert component a11y-compliant: #1166

    It is now possible to reach and submit the "close"-button of an alert via keyboard. This change
    also removes the "uk-close" icon as it is not a11y-compliant.

    #1166

  • Enhancement - Add aria label to the home icon within the breadcrumb: #1152

    owncloud/web#4329
    #1152

  • Enhancement - Add aria properties to checkbox: #1145

    This also implies all the necessary accessibility changes.

    #1145

  • Enhancement - Element nesting: #1155

    Fix the nesting for some html elements to make them w3c compliant.

    #1155

  • Enhancement - Add aria properties to radio input: #1148

    This also implies all the necessary accessibility changes.

    #1148

  • Enhancement - Remove the OcTextInput component from the OcSearchBar component: #1151

    Also replace the loading spinner with the OcSpinner component in the course of this.

    #1151

  • Enhancement - Make searchbar component a11y-compliant: #1164

    It is now possible to reach and submit the "clear"-button within the search bar via keyboard.
    After a search query has been cleared, the input will be focused again. This change also removes
    the "uk-close" icon as it is not a11y-compliant.

    #1160
    #1164

  • Enhancement - Implement labels and descriptions for text input fields: #1141

    This also implies all the required accessibility changes.

    #1141

  • Enhancement - Initialize the design system with themable colors: #1168

    By passing suitable plugin options, you can overwrite the CSS color variables within the ODS to
    adjust it to your likings. The default color values are generated from within the design system
    and act as a fallback if no (or not all) options are passed when initializing the design system
    plugin.

    #1168

Assets 2
Loading