5.0.1

Changelog for [5.0.1] (2021-04-08)

Summary

• Bugfix - Add missing peerDependency: #1205

Details

• Bugfix - Add missing peerDependency: #1205

  In the 5.0.0 release, we missed to add the dependency for vue-inline-svg to the
  peerDependencies.

  #1205

5.0.0

Changelog for [5.0.0] (2021-04-08)

Summary

• Change - Use peerDependencies instead of dependencies: #1202
• Enhancement - Export translations: #1201

Details

• Change - Use peerDependencies instead of dependencies: #1202

  In the past we used dependencies in package.json which can blow up the bundle size a lot. Expect
  this, it is also possible that the same package with 2 versions is part of the bundle.

  From now on dependencies that are required to use ODS are added to the peerDependencies section
  in package.json. Then the consuming application has to add the dependency on it's own and can
  decide which minor or bugfix version to use.

  #1202

• Enhancement - Export translations: #1201

  Some ODS components depend on translations and they correctly get pulled from Transifex into
  l10n/translations.json, yet we never exported them for other projects to use. Now, they get
  copied into the dist folder and can be imported and used alongside the styles and components.

  #1201

4.3.0

Changelog for [4.3.0] (2021-04-07)

Summary

• Bugfix - Embed svg images: #1198
• Enhancement - Create oc-select component: #1197

Details

• Bugfix - Embed svg images: #1198

  We've changed the way how svg images get loaded in oc-icon. Before this, svg images where
  transformed to data urls by webpack. Now, we use require to inline them, which prevents the
  browser from doing a XMLHttpRequest that can lead to problems with the
  content-security-police.

  #1198

• Enhancement - Create oc-select component: #1197

  We've created a new component called oc-select. This component is based on
  vue-select and can be used to selecting values in a dropdown.

  #1197

4.2.1

Changelog for [4.2.1] (2021-04-01)

Summary

• Bugfix - Use primary text color for the dropzone: #1192
• Bugfix - Progressbar background color: #1192

Details

• Bugfix - Use primary text color for the dropzone: #1192

  We've changed the color of the dropzone hint message to the oc-color so that the text is
  visible even when brand and background colors are both dark.

  #1192

• Bugfix - Progressbar background color: #1192

  The progressbar background color wasn't theme-able and therefore inherited uikit-styles
  that provided undesired results on dark backgrounds. It now uses the text-muted color for the
  background.

  #1192

4.2.0

Changelog for [4.2.0] (2021-03-31)

Summary

• Bugfix - Input border variable: #1187
• Enhancement - Use oc-color for breadcrumbs: #1189
• Enhancement - Add oc-text-lead class: #1189
• Enhancement - Unify input colors: #1190

Details

• Bugfix - Input border variable: #1187

  The custom CSS prop for input-border had a duplicate and wrong dash and was therefore not
  rendered correctly.

  #1187

• Enhancement - Use oc-color for breadcrumbs: #1189

  We've changed the colour of breadcrumbs to use the oc-color instead of the brand color.

  #1189

• Enhancement - Add oc-text-lead class: #1189

  We've added a utility class called oc-text-lead which is increasing the font size of the
  text.

  #1189

• Enhancement - Unify input colors: #1190

  OcAutocomplete, OcTextInput, OcTextarea and OcSearchBar had all slightly
  different ways of using variables to defined border- and text-colors. This change introduces
  two dedicated color varaibles for text inside input fields (for theme-ability) and unifies
  their usage. It also moves the styles for these components from a stylesheet each into a
  <style> tag in each Vue component.

  #1190

4.1.2

Changelog for [4.1.2] (2021-03-31)

Summary

• Bugfix - Breadcrumb font size: #1185
• Bugfix - Links in oc-avatar-group: #1184
• Bugfix - Modal title variation: #1185
• Bugfix - Muted text uikit class: #1185
• Bugfix - No underline on button hover: #1185

Details

• Bugfix - Breadcrumb font size: #1185

  The lead class in breadcrumbs didn't resize the font to match <h1> tags. This fix brings
  back the old behavior.

  #1185

• Bugfix - Links in oc-avatar-group: #1184

  The oc-avatar-group was showing all link, ignoring the maxDisplayed property. We fixed
  that by properly cutting off the items used for rendering avatars.

  #1184

• Bugfix - Modal title variation: #1185

  The modal variation was only reflected in the title color in the danger variation. Now, the
  title colors gets correctly adapted to any of the 5 possible variations

  #1185

• Bugfix - Muted text uikit class: #1185

  The uk-text-muted was overwritten to correctly use CI colors.

  #1185

• Bugfix - No underline on button hover: #1185

  When hovering <button>s we don't want to display an underline to differentiate them
  properly from <a>s and <router-link>s.

  #1185

4.1.1

Changelog for [4.1.1] (2021-03-30)

Summary

• Bugfix - OcTextInput Coloring: #1182

Details

• Bugfix - OcTextInput Coloring: #1182

  The OcTextInput input validation didn't correctly change to the danger or warning color
  variations (discovered this when checking the modals in web). This change fixes it,
  correctly changing colors when the validation gets triggered.

  #1182

4.1.0

Changelog for [4.1.0] (2021-03-26)

Summary

• Enhancement - Add messages to autocomplete component: #1174
• Enhancement - Datepicker input style: #1176
• Enhancement - Turn placeholders in OcModal into descriptionMessages: #1172

Details

• Enhancement - Add messages to autocomplete component: #1174

  The component supports 3 kinds of messages: description, warning and error. The description
  message will basically replace the informative text which was displayed via placeholder.
  While it's still possible to use a placeholder if you need it, we encourage you to not use it
  anymore. A label is always required, a description message can be added if more context is
  needed.

  #1174

• Enhancement - Datepicker input style: #1176

  The input style of the datepicker now matches with the ones we use in other components (like text
  input e.g.).

  #1176

• Enhancement - Turn placeholders in OcModal into descriptionMessages: #1172

  We have dropped the support for placeholders in the <oc-text-input> component. As this
  component is used inside OcModal, this change also drops placeholder support and adds the
  possibilty to instead make use of a descriptionMessage (which is only being display if no
  inputError is present).

  #1172

4.0.0

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

3.2.2

Changelog for [3.2.2] (2021-03-22)

Summary

• Bugfix - Remove leading comma from link avatar group tooltip: #1165

Details

• Bugfix - Remove leading comma from link avatar group tooltip: #1165

  We fixed a bug in the oc-avatar-group component, which showed a leading ", " in its tooltip in
  case it was only about links.

  #1165