owncloud-design-system/CHANGELOG.md

ownCloud Design System is based on VueDesign Systems and is used to design ownCloud UI components

# Changelog for [unreleased] (UNRELEASED)

The following sections list the changes in ownCloud Design System unreleased.

[unreleased]: https://github.com/owncloud/owncloud-design-system/compare/v13.1.0...master

## Summary

* Bugfix - Omit special characters in user avatar initials: [#2070](https://github.com/owncloud/owncloud-design-system/issues/2070)
* Bugfix - Avatar link icon: [#2269](https://github.com/owncloud/owncloud-design-system/pull/2269)
* Bugfix - Firefox drag & drop move of folders not possible: [#7495](https://github.com/owncloud/web/issues/7495)
* Bugfix - Lazy loading render performance: [#2260](https://github.com/owncloud/owncloud-design-system/pull/2260)
* Bugfix - Modal input message overlays with buttons: [#2343](https://github.com/owncloud/owncloud-design-system/pull/2343)
* Bugfix - Remove width shrinking of the ocAvatarItem: [#2241](https://github.com/owncloud/owncloud-design-system/issues/2241)
* Bugfix - Remove click event on OcIcon: [#2216](https://github.com/owncloud/owncloud-design-system/pull/2216)
* Bugfix - Translate contextual helpers: [#2334](https://github.com/owncloud/owncloud-design-system/pull/2334)
* Change - Redesign contextual helper: [#2271](https://github.com/owncloud/owncloud-design-system/pull/2271)
* Change - Remove OcAlert component: [#2210](https://github.com/owncloud/owncloud-design-system/pull/2210)
* Change - Remove transition animations: [#2210](https://github.com/owncloud/owncloud-design-system/pull/2210)
* Change - Revamp animations: [#2210](https://github.com/owncloud/owncloud-design-system/pull/2210)
* Change - OcTable emit event data on row click: [#2218](https://github.com/owncloud/owncloud-design-system/pull/2218)
* Enhancement - Give OcModal the option to use OcContextualHelper: [#2325](https://github.com/owncloud/owncloud-design-system/pull/2325)
* Enhancement - Add nestedd drop functionality: [#2238](https://github.com/owncloud/owncloud-design-system/issues/2238)
* Enhancement - Add OcInfoDrop: [#2286](https://github.com/owncloud/owncloud-design-system/pull/2286)
* Enhancement - Add rounded prop to OcTag: [#2284](https://github.com/owncloud/owncloud-design-system/pull/2284)
* Enhancement - Adjust avatar font weight from bold to normal: [#2275](https://github.com/owncloud/owncloud-design-system/pull/2275)
* Enhancement - Align breadcrumb context menu with regular context menu: [#2296](https://github.com/owncloud/owncloud-design-system/pull/2296)
* Enhancement - Adjust breadcrumb spacing: [#7676](https://github.com/owncloud/web/issues/7676)
* Enhancement - Button text align left: [#7619](https://github.com/owncloud/web/issues/7619)
* Enhancement - OcCheckbox add outline: [#2218](https://github.com/owncloud/owncloud-design-system/pull/2218)
* Enhancement - Add offset property to the drop component: [#7335](https://github.com/owncloud/web/issues/7335)
* Enhancement - Input background color: [#7353](https://github.com/owncloud/web/issues/7353)
* Enhancement - Make UI smaller: [#2270](https://github.com/owncloud/owncloud-design-system/pull/2270)
* Enhancement - Oc-card style: [#2306](https://github.com/owncloud/owncloud-design-system/pull/2306)
* Enhancement - OcSelect dark mode improvements: [#2262](https://github.com/owncloud/owncloud-design-system/pull/2262)
* Enhancement - Progress bar indeterminate state: [#2200](https://github.com/owncloud/owncloud-design-system/pull/2200)
* Enhancement - Redesign notifications: [#2210](https://github.com/owncloud/owncloud-design-system/pull/2210)
* Enhancement - Remove border on buttons: [#7353](https://github.com/owncloud/web/issues/7353)
* Enhancement - "Chancel"-button and -handler in OcSearchBar: [#7617](https://github.com/owncloud/web/issues/7617)
* Enhancement - Use Inter font: [#2270](https://github.com/owncloud/owncloud-design-system/pull/2270)

## Details

* Bugfix - Omit special characters in user avatar initials: [#2070](https://github.com/owncloud/owncloud-design-system/issues/2070)

   We now make sure that user avatars without a picture (i.e. rendering user initials) only show
   unicode letters and numbers.

   https://github.com/owncloud/owncloud-design-system/issues/2070
   https://github.com/owncloud/owncloud-design-system/pull/2267


* Bugfix - Avatar link icon: [#2269](https://github.com/owncloud/owncloud-design-system/pull/2269)

   We've updated the avatar link icon to the current icon used in Web.

   https://github.com/owncloud/web/issues/7345
   https://github.com/owncloud/owncloud-design-system/pull/2269


* Bugfix - Firefox drag & drop move of folders not possible: [#7495](https://github.com/owncloud/web/issues/7495)

   We've fixed a bug in firefox which caused drag & drop move to redirect the page.

   https://github.com/owncloud/web/issues/7495
   https://github.com/owncloud/owncloud-design-system/pull/2302


* Bugfix - Lazy loading render performance: [#2260](https://github.com/owncloud/owncloud-design-system/pull/2260)

   The render performance of the lazy loading option in tables (OcTable, OcTableSimple) has been
   improved by removing the debounce option and by moving the lazy loading visualization from the
   OcTd to the OcTr component. For lazy loading, the colspan property has to be provided now.

   https://github.com/owncloud/web/issues/7038
   https://github.com/owncloud/owncloud-design-system/pull/2260
   https://github.com/owncloud/owncloud-design-system/pull/2266


* Bugfix - Modal input message overlays with buttons: [#2343](https://github.com/owncloud/owncloud-design-system/pull/2343)

   We've fixed a bug where the modal input message eventually overlays with the confirm and cancel
   buttons.

   https://github.com/owncloud/web/issues/7807
   https://github.com/owncloud/owncloud-design-system/pull/2343


* Bugfix - Remove width shrinking of the ocAvatarItem: [#2241](https://github.com/owncloud/owncloud-design-system/issues/2241)

   We fixed an issue that the width of ocAvatarItem is shrinking in the sidebar of web by longer
   group names

   https://github.com/owncloud/owncloud-design-system/issues/2241
   https://github.com/owncloud/owncloud-design-system/pull/2242


* Bugfix - Remove click event on OcIcon: [#2216](https://github.com/owncloud/owncloud-design-system/pull/2216)

   We have removed an unnecessary default click handler on the OcIcon component, expecting it to
   increase performance of the UI.

   https://github.com/owncloud/owncloud-design-system/pull/2216


* Bugfix - Translate contextual helpers: [#2334](https://github.com/owncloud/owncloud-design-system/pull/2334)

   We've fixed a bug where contextual helpers were not translated.

   https://github.com/owncloud/web/issues/7716
   https://github.com/owncloud/owncloud-design-system/pull/2334


* Change - Redesign contextual helper: [#2271](https://github.com/owncloud/owncloud-design-system/pull/2271)

   We've redesigned the contextual helper, which accepts now a title property and is able to
   display a description list.

   https://github.com/owncloud/web/issues/7331
   https://github.com/owncloud/owncloud-design-system/pull/2271
   https://github.com/owncloud/owncloud-design-system/pull/2273


* Change - Remove OcAlert component: [#2210](https://github.com/owncloud/owncloud-design-system/pull/2210)

   https://github.com/owncloud/owncloud-design-system/pull/2210


* Change - Remove transition animations: [#2210](https://github.com/owncloud/owncloud-design-system/pull/2210)

   https://github.com/owncloud/owncloud-design-system/pull/2210


* Change - Revamp animations: [#2210](https://github.com/owncloud/owncloud-design-system/pull/2210)

   We have removed the old animation classes and will subsequently add new ones, respecting the
   `prefers-reduced-motion` browser setting.

   https://github.com/owncloud/owncloud-design-system/pull/2210


* Change - OcTable emit event data on row click: [#2218](https://github.com/owncloud/owncloud-design-system/pull/2218)

   We've extended the emit data on row click to now also include the event data

   https://github.com/owncloud/web/issues/6029
   https://github.com/owncloud/owncloud-design-system/pull/2218


* Enhancement - Give OcModal the option to use OcContextualHelper: [#2325](https://github.com/owncloud/owncloud-design-system/pull/2325)

   We've added the option for OcModal to use OcContextualHelper

   https://github.com/owncloud/web/issues/6892
   https://github.com/owncloud/owncloud-design-system/pull/2325


* Enhancement - Add nestedd drop functionality: [#2238](https://github.com/owncloud/owncloud-design-system/issues/2238)

   We've added the property "isNested" to ocDrop that prevents the parent drop from hiding by not
   firing hideAll() in the child drop

   https://github.com/owncloud/owncloud-design-system/issues/2238
   https://github.com/owncloud/owncloud-design-system/pull/2239


* Enhancement - Add OcInfoDrop: [#2286](https://github.com/owncloud/owncloud-design-system/pull/2286)

   We've added the new component OcInfoDrop, which will be consumed by the OcContextualHelper
   component.

   https://github.com/owncloud/owncloud-design-system/pull/2286


* Enhancement - Add rounded prop to OcTag: [#2284](https://github.com/owncloud/owncloud-design-system/pull/2284)

   We've added a rounded property to the OcTag component

   https://github.com/owncloud/owncloud-design-system/pull/2284


* Enhancement - Adjust avatar font weight from bold to normal: [#2275](https://github.com/owncloud/owncloud-design-system/pull/2275)

   https://github.com/owncloud/owncloud-design-system/pull/2275


* Enhancement - Align breadcrumb context menu with regular context menu: [#2296](https://github.com/owncloud/owncloud-design-system/pull/2296)

   We've aligned the breadcrumb context menu visually to match with the regular context menu in
   the files table.

   https://github.com/owncloud/web/issues/7493
   https://github.com/owncloud/owncloud-design-system/pull/2296


* Enhancement - Adjust breadcrumb spacing: [#7676](https://github.com/owncloud/web/issues/7676)

   We've adjusted some spacing in the breadcrumbs to improve the overall look.

   https://github.com/owncloud/web/issues/7676
   https://github.com/owncloud/web/issues/7525
   https://github.com/owncloud/owncloud-design-system/pull/2329


* Enhancement - Button text align left: [#7619](https://github.com/owncloud/web/issues/7619)

   We've changed the text alignment of buttons to left.

   https://github.com/owncloud/web/issues/7619
   https://github.com/owncloud/owncloud-design-system/pull/2323


* Enhancement - OcCheckbox add outline: [#2218](https://github.com/owncloud/owncloud-design-system/pull/2218)

   We've added an optional outline to be able to highlight the checkbox

   https://github.com/owncloud/web/issues/6029
   https://github.com/owncloud/owncloud-design-system/pull/2218


* Enhancement - Add offset property to the drop component: [#7335](https://github.com/owncloud/web/issues/7335)

   We've added an offset property to the drop component to define a custom offset. Also, the max
   width of drop menus was increased to 400px.

   https://github.com/owncloud/web/issues/7335
   https://github.com/owncloud/owncloud-design-system/pull/2276


* Enhancement - Input background color: [#7353](https://github.com/owncloud/web/issues/7353)

   The background color for input fields has been adjusted to better match with the overall
   design.

   https://github.com/owncloud/web/issues/7353
   https://github.com/owncloud/web/issues/7373
   https://github.com/owncloud/owncloud-design-system/pull/2345
   https://github.com/owncloud/owncloud-design-system/pull/2352


* Enhancement - Make UI smaller: [#2270](https://github.com/owncloud/owncloud-design-system/pull/2270)

   We've adjusted several values to make the UI appear less big.

   https://github.com/owncloud/owncloud-design-system/pull/2270


* Enhancement - Oc-card style: [#2306](https://github.com/owncloud/owncloud-design-system/pull/2306)

   We've enhanced the oc-card style classes, to fit better in the corporate design

   https://github.com/owncloud/web/issues/7537
   https://github.com/owncloud/owncloud-design-system/pull/2306
   https://github.com/owncloud/owncloud-design-system/pull/2321


* Enhancement - OcSelect dark mode improvements: [#2262](https://github.com/owncloud/owncloud-design-system/pull/2262)

   We've improved the visual appearance of the OcSelect component in dark mode, now the selected
   items have an adjusted color and are easier to read.

   https://github.com/owncloud/web/issues/7269
   https://github.com/owncloud/owncloud-design-system/pull/2262


* Enhancement - Progress bar indeterminate state: [#2200](https://github.com/owncloud/owncloud-design-system/pull/2200)

   We've added an indeterminate state to the progress bar.

   https://github.com/owncloud/web/issues/7105
   https://github.com/owncloud/owncloud-design-system/pull/2200


* Enhancement - Redesign notifications: [#2210](https://github.com/owncloud/owncloud-design-system/pull/2210)

   We have redesigned the notifications component to fit the overal new look of the web frontend,
   e.g. adding shadow and rounded corners. It can now also be rendered "unpositioned" instead of
   having it always stick to the top of the screen.

   https://github.com/owncloud/web/issues/7082
   https://github.com/owncloud/owncloud-design-system/pull/2210
   https://github.com/owncloud/owncloud-design-system/pull/2216


* Enhancement - Remove border on buttons: [#7353](https://github.com/owncloud/web/issues/7353)

   The outer border for buttons has been removed. Outline buttons now have an inner outline
   instead.

   https://github.com/owncloud/web/issues/7353
   https://github.com/owncloud/web/issues/7373
   https://github.com/owncloud/owncloud-design-system/pull/2345
   https://github.com/owncloud/owncloud-design-system/pull/2352
   https://github.com/owncloud/owncloud-design-system/pull/2354


* Enhancement - "Chancel"-button and -handler in OcSearchBar: [#7617](https://github.com/owncloud/web/issues/7617)

   We've added to possibility to have a "cancel"-button and -handler in the `OcSearchBar`
   component.

   https://github.com/owncloud/web/issues/7617
   https://github.com/owncloud/owncloud-design-system/pull/2328


* Enhancement - Use Inter font: [#2270](https://github.com/owncloud/owncloud-design-system/pull/2270)

   We've switched the default font from Roboto to Inter.

   https://github.com/owncloud/owncloud-design-system/pull/2270
   https://github.com/owncloud/owncloud-design-system/pull/2299

# Changelog for [13.1.0] (2022-06-07)

The following sections list the changes in ownCloud Design System 13.1.0.

[13.1.0]: https://github.com/owncloud/owncloud-design-system/compare/v13.0.0...v13.1.0

## Summary

* Bugfix - Disabled textarea color contrast in darkmode: [#2055](https://github.com/owncloud/owncloud-design-system/pull/2055)
* Bugfix - Fix event handler for submit-via-enter in OcModal input: [#2159](https://github.com/owncloud/owncloud-design-system/pull/2159)
* Bugfix - OcTextInput: Fix event handlers in loops: [#2054](https://github.com/owncloud/owncloud-design-system/pull/2054)
* Bugfix - Text color of buttons and avatars in hovered table rows: [#2139](https://github.com/owncloud/owncloud-design-system/pull/2139)
* Bugfix - Add word breaking in tooltips: [#2137](https://github.com/owncloud/owncloud-design-system/pull/2137)
* Enhancement - Add OcContextualHelper: [#6590](https://github.com/owncloud/web/issues/6590)
* Enhancement - Add ROOT file icon: [#2158](https://github.com/owncloud/owncloud-design-system/pull/2158)
* Enhancement - Add selection range for OcModal and OcTextInput: [#6729](https://github.com/owncloud/web/issues/6729)
* Enhancement - Export package members: [#2048](https://github.com/owncloud/owncloud-design-system/pull/2048)
* Enhancement - Hover in ocDrop menues: [#2069](https://github.com/owncloud/owncloud-design-system/pull/2069)
* Enhancement - OcModal add checkbox and secondary button: [#6994](https://github.com/owncloud/web/pull/6994)
* Enhancement - OcModal input type: [#2077](https://github.com/owncloud/owncloud-design-system/pull/2077)
* Enhancement - Make OcResource inline-flex: [#2041](https://github.com/owncloud/owncloud-design-system/pull/2041)
* Enhancement - Add `isFileExtensionDisplayed` property: [#2087](https://github.com/owncloud/owncloud-design-system/pull/2087)
* Enhancement - Redesign OcGhostElement: [#2049](https://github.com/owncloud/owncloud-design-system/pull/2049)
* Enhancement - Replace deprecated String.prototype.substr(): [#2059](https://github.com/owncloud/owncloud-design-system/pull/2059)
* Enhancement - Add HTML title to the resourceName component: [#2164](https://github.com/owncloud/owncloud-design-system/pull/2164)
* Enhancement - Add option to not truncate the resource name: [#2157](https://github.com/owncloud/owncloud-design-system/pull/2157)

## Details

* Bugfix - Disabled textarea color contrast in darkmode: [#2055](https://github.com/owncloud/owncloud-design-system/pull/2055)

   We fixed an issue that made text on disabled textarea fields unreadable since it was the same
   color as the background.

   https://github.com/owncloud/owncloud-design-system/issues/2053
   https://github.com/owncloud/owncloud-design-system/pull/2055


* Bugfix - Fix event handler for submit-via-enter in OcModal input: [#2159](https://github.com/owncloud/owncloud-design-system/pull/2159)

   We fixed a small difference between clicking the confirm button and hitting the enter key when
   using an OcModal with an input field, which lead to unexpected behaviour.

   https://github.com/owncloud/owncloud-design-system/pull/2159
   https://github.com/owncloud/web/pull/6961#pullrequestreview-979854434


* Bugfix - OcTextInput: Fix event handlers in loops: [#2054](https://github.com/owncloud/owncloud-design-system/pull/2054)

   We pass all event handlers specified on `OcTextInput` to the underlying `input` element
   except for `input`, `change` and `focus` event handlers. We fixed an issue in this exclusion
   code that made `change`, `input` and `focus` handlers be re-registered on rerenders,
   particularly in loop rerenders, so they were called multiple times for a single event.

   https://github.com/owncloud/owncloud-design-system/pull/2054


* Bugfix - Text color of buttons and avatars in hovered table rows: [#2139](https://github.com/owncloud/owncloud-design-system/pull/2139)

   We fixed an issue that made text of buttons and avatars inside hovered rows bad readable for
   light mode.

   https://github.com/owncloud/owncloud-design-system/issues/2138
   https://github.com/owncloud/owncloud-design-system/pull/2139


* Bugfix - Add word breaking in tooltips: [#2137](https://github.com/owncloud/owncloud-design-system/pull/2137)

   We've added word wrapping to the tippy tooltips so they handle very long paths properly.

   https://github.com/owncloud/owncloud-design-system/pull/2137


* Enhancement - Add OcContextualHelper: [#6590](https://github.com/owncloud/web/issues/6590)

   We've added a contextual helper component to provide more information based on the context

   https://github.com/owncloud/web/issues/6590
   https://github.com/owncloud/owncloud-design-system/pull/2064


* Enhancement - Add ROOT file icon: [#2158](https://github.com/owncloud/owncloud-design-system/pull/2158)

   We've added an icon for files of ROOT type. ROOT is a software suite designed for data analysis in
   particle physics, astronomy and other sciences.

   https://github.com/owncloud/owncloud-design-system/pull/2158


* Enhancement - Add selection range for OcModal and OcTextInput: [#6729](https://github.com/owncloud/web/issues/6729)

   We've added the possibility to set a selection range for the initial focus selection in OcModal
   and OcTextinput.

   https://github.com/owncloud/web/issues/6729
   https://github.com/owncloud/owncloud-design-system/pull/2061


* Enhancement - Export package members: [#2048](https://github.com/owncloud/owncloud-design-system/pull/2048)

   Add exports for `composables`, `utils`, `components`, `directives`, `helpers` and
   `mixins`. Start using them via `import { composables, utils, ... } from
   'owncloud-design-system'`.

   https://github.com/owncloud/owncloud-design-system/pull/2048


* Enhancement - Hover in ocDrop menues: [#2069](https://github.com/owncloud/owncloud-design-system/pull/2069)

   We've added the "oc-menu-item-hover" class for <li> elements inside ocDrop, to add the hover
   effect on buttons and links.

   https://github.com/owncloud/owncloud-design-system/pull/2069


* Enhancement - OcModal add checkbox and secondary button: [#6994](https://github.com/owncloud/web/pull/6994)

   We've added an optional checkbox and secondary button to the OcModal

   https://github.com/owncloud/web/issues/6996
   https://github.com/owncloud/web/pull/6994


* Enhancement - OcModal input type: [#2077](https://github.com/owncloud/owncloud-design-system/pull/2077)

   We've added an option to set the input type for input fields in the OcModal component.

   https://github.com/owncloud/owncloud-design-system/pull/2077


* Enhancement - Make OcResource inline-flex: [#2041](https://github.com/owncloud/owncloud-design-system/pull/2041)

   We've changed OcResource's display CSS attribute to inline-flex to prevent a line break

   https://github.com/owncloud/owncloud-design-system/pull/2041


* Enhancement - Add `isFileExtensionDisplayed` property: [#2087](https://github.com/owncloud/owncloud-design-system/pull/2087)

   We've added the `isFileExtensionDisplayed` property to the `OcResource` and
   `OcResourceName` components, to determine whether the file extension should be displayed or
   not.

   https://github.com/owncloud/web/issues/6730
   https://github.com/owncloud/owncloud-design-system/pull/2087


* Enhancement - Redesign OcGhostElement: [#2049](https://github.com/owncloud/owncloud-design-system/pull/2049)

   We've redesigned OcGhostElement to use OcResourceIcon and to display a better preview of the
   items that have been dragged

   https://github.com/owncloud/owncloud-design-system/pull/2049


* Enhancement - Replace deprecated String.prototype.substr(): [#2059](https://github.com/owncloud/owncloud-design-system/pull/2059)

   We've replaced all occurrences of the deprecated String.prototype.substr() function with
   String.prototype.slice() which works similarly but isn't deprecated.

   https://github.com/owncloud/owncloud-design-system/pull/2059


* Enhancement - Add HTML title to the resourceName component: [#2164](https://github.com/owncloud/owncloud-design-system/pull/2164)

   We've added the HTML title attribute to the resourceName component in case no tooltip is being
   displayed.

   https://github.com/owncloud/owncloud-design-system/pull/2164


* Enhancement - Add option to not truncate the resource name: [#2157](https://github.com/owncloud/owncloud-design-system/pull/2157)

   We've added a new property to the resourceName component that indicates whether a resource
   name should be truncated or not.

   https://github.com/owncloud/owncloud-design-system/pull/2157

# Changelog for [13.0.0] (2022-03-23)

The following sections list the changes in ownCloud Design System 13.0.0.

[13.0.0]: https://github.com/owncloud/owncloud-design-system/compare/v12.2.2...v13.0.0

## Summary

* Bugfix - Disabled OcSelect background: [#2008](https://github.com/owncloud/owncloud-design-system/pull/2008)
* Bugfix - Icons/Thumbnails were only visible for clickable resources: [#2007](https://github.com/owncloud/owncloud-design-system/pull/2007)
* Bugfix - OcSelect transparent background: [#2036](https://github.com/owncloud/owncloud-design-system/pull/2036)
* Change - Default type of OcButton: [#2009](https://github.com/owncloud/owncloud-design-system/pull/2009)
* Change - Remove OcStatusIndicators from OcResource: [#2014](https://github.com/owncloud/owncloud-design-system/pull/2014)
* Enhancement - Configurable OcResource parentfolder name: [#2029](https://github.com/owncloud/owncloud-design-system/pull/2029)
* Enhancement - Icons for drawio, ifc and odg resource types: [#2005](https://github.com/owncloud/owncloud-design-system/pull/2005)
* Enhancement - Polish OcSwitch: [#2018](https://github.com/owncloud/owncloud-design-system/pull/2018)
* Enhancement - Make filled primary OcButton use gradient background: [#2036](https://github.com/owncloud/owncloud-design-system/pull/2036)
* Enhancement - Redesign OcStatusIndicators: [#2014](https://github.com/owncloud/owncloud-design-system/pull/2014)
* Enhancement - Underline OcResourceName: [#2019](https://github.com/owncloud/owncloud-design-system/pull/2019)
* Enhancement - Apply size property to oc-tag: [#2011](https://github.com/owncloud/owncloud-design-system/pull/2011)

## Details

* Bugfix - Disabled OcSelect background: [#2008](https://github.com/owncloud/owncloud-design-system/pull/2008)

   We've fixed a bug that prevented the background of disabled OcSelect components from using
   theming colors.

   https://github.com/owncloud/owncloud-design-system/pull/2008


* Bugfix - Icons/Thumbnails were only visible for clickable resources: [#2007](https://github.com/owncloud/owncloud-design-system/pull/2007)

   We fixed that only clickable resources had icons/thumbnails in `OcResource`. It was fixed by
   introducing an `OcResourceLink` component that reduces code complexity and duplication
   when linking resources.

   https://github.com/owncloud/owncloud-design-system/pull/2007


* Bugfix - OcSelect transparent background: [#2036](https://github.com/owncloud/owncloud-design-system/pull/2036)

   We fixed a non-transparent background in the OcSelect button, leading to visual glitches.

   https://github.com/owncloud/owncloud-design-system/issues/2030
   https://github.com/owncloud/owncloud-design-system/pull/2036


* Change - Default type of OcButton: [#2009](https://github.com/owncloud/owncloud-design-system/pull/2009)

   We've changed the default type of buttons rendered by `OcButton` to `button`. Browsers
   otherwise assume they are of type `submit` which leads to very unexpected behavior in forms,
   especially as we use `OcButton` in a lot of (not so obvious) places for a11y reasons.

   https://github.com/owncloud/owncloud-design-system/pull/2009


* Change - Remove OcStatusIndicators from OcResource: [#2014](https://github.com/owncloud/owncloud-design-system/pull/2014)

   We've removed OcStatusIndicators from OcResource since it will be moved in a separate column

   https://github.com/owncloud/web/issues/5976
   https://github.com/owncloud/owncloud-design-system/pull/2014
   https://github.com/owncloud/web/pull/6552


* Enhancement - Configurable OcResource parentfolder name: [#2029](https://github.com/owncloud/owncloud-design-system/pull/2029)

   We've added a `parent-folder-name-default` property to the OcResource component. Before,
   an empty parent resulted in a hardcoded "All files and folders" which becomes misleading with
   the introduction of spaces in oCIS.

   https://github.com/owncloud/owncloud-design-system/pull/2029


* Enhancement - Icons for drawio, ifc and odg resource types: [#2005](https://github.com/owncloud/owncloud-design-system/pull/2005)

   We've added resource type extension mapping and icons for the drawio, ifc, ipynb and odg file
   extensions.

   https://github.com/owncloud/web/issues/6416
   https://github.com/owncloud/owncloud-design-system/pull/2005


* Enhancement - Polish OcSwitch: [#2018](https://github.com/owncloud/owncloud-design-system/pull/2018)

   We've adjusted the OcSwitch to fit the redesign

   https://github.com/owncloud/web/issues/6492
   https://github.com/owncloud/owncloud-design-system/pull/2018


* Enhancement - Make filled primary OcButton use gradient background: [#2036](https://github.com/owncloud/owncloud-design-system/pull/2036)

   We've updated the OcButton to use the gradient background color when used in its `filled`
   appearance.

   https://github.com/owncloud/owncloud-design-system/issues/1952
   https://github.com/owncloud/owncloud-design-system/pull/2036
   https://github.com/owncloud/owncloud-design-system/pull/2038


* Enhancement - Redesign OcStatusIndicators: [#2014](https://github.com/owncloud/owncloud-design-system/pull/2014)

   We've redesigned the share/status indicators to fit the new design in web.

   https://github.com/owncloud/web/issues/5976
   https://github.com/owncloud/owncloud-design-system/pull/2014
   https://github.com/owncloud/web/pull/6552


* Enhancement - Underline OcResourceName: [#2019](https://github.com/owncloud/owncloud-design-system/pull/2019)

   We've added an underline on hover effect to OcResourceName

   https://github.com/owncloud/web/issues/6492
   https://github.com/owncloud/owncloud-design-system/pull/2019


* Enhancement - Apply size property to oc-tag: [#2011](https://github.com/owncloud/owncloud-design-system/pull/2011)

   We've added a size property to oc-tag

   https://github.com/owncloud/owncloud-design-system/pull/2011

# Changelog for [12.2.2] (2022-03-03)

The following sections list the changes in ownCloud Design System 12.2.2.

[12.2.2]: https://github.com/owncloud/owncloud-design-system/compare/v12.2.1...v12.2.2

## Summary

* Bugfix - Initial focus in OcModal: [#2001](https://github.com/owncloud/owncloud-design-system/pull/2001)
* Bugfix - Hidden overflow on OcModal: [#2000](https://github.com/owncloud/owncloud-design-system/pull/2000)

## Details

* Bugfix - Initial focus in OcModal: [#2001](https://github.com/owncloud/owncloud-design-system/pull/2001)

   We've fixed a bug that was introduced in the last version, where the initial focus element
   provided via the focusTrapInitial property was broken.

   https://github.com/owncloud/owncloud-design-system/pull/2001


* Bugfix - Hidden overflow on OcModal: [#2000](https://github.com/owncloud/owncloud-design-system/pull/2000)

   We've fixed a bug that prevented overflow within the OcModal to e.g. use dropdowns inside the
   modal body.

   https://github.com/owncloud/owncloud-design-system/pull/2000

# Changelog for [12.2.1] (2022-03-02)

The following sections list the changes in ownCloud Design System 12.2.1.

[12.2.1]: https://github.com/owncloud/owncloud-design-system/compare/v12.2.0...v12.2.1

## Summary

* Bugfix - OcTable Sort: [#1996](https://github.com/owncloud/owncloud-design-system/pull/1996)
* Bugfix - Icon & background color for mobile OcBreadcrumb: [#1980](https://github.com/owncloud/owncloud-design-system/issues/1980)
* Bugfix - Initial focus in OcModal: [#1995](https://github.com/owncloud/owncloud-design-system/pull/1995)

## Details

* Bugfix - OcTable Sort: [#1996](https://github.com/owncloud/owncloud-design-system/pull/1996)

   We've fixed a visual bug that caused the field sort arrow to be always visible.

   https://github.com/owncloud/owncloud-design-system/pull/1996


* Bugfix - Icon & background color for mobile OcBreadcrumb: [#1980](https://github.com/owncloud/owncloud-design-system/issues/1980)

   The icon in the mobile OcBreadcrumb drop was missing, also the background color made reading
   the content impossible. This has been adressed.

   https://github.com/owncloud/owncloud-design-system/issues/1980
   https://github.com/owncloud/owncloud-design-system/pull/1994


* Bugfix - Initial focus in OcModal: [#1995](https://github.com/owncloud/owncloud-design-system/pull/1995)

   We've fixed a bug that was introduced in the last version, where the initial focus of modals with
   text fields was broken.

   https://github.com/owncloud/owncloud-design-system/pull/1995

# Changelog for [12.2.0] (2022-02-28)

The following sections list the changes in ownCloud Design System 12.2.0.

[12.2.0]: https://github.com/owncloud/owncloud-design-system/compare/v12.1.0...v12.2.0

## Summary

* Enhancement - Apply outstanding background color to oc-card: [#1974](https://github.com/owncloud/owncloud-design-system/pull/1974)
* Enhancement - Extend modal focus-trap functionality: [#1987](https://github.com/owncloud/owncloud-design-system/pull/1987)
* Enhancement - Redesign OcBreadcrumb: [#6218](https://github.com/owncloud/web/issues/6218)
* Enhancement - Redesign files table related components: [#1958](https://github.com/owncloud/owncloud-design-system/pull/1958)

## Details

* Enhancement - Apply outstanding background color to oc-card: [#1974](https://github.com/owncloud/owncloud-design-system/pull/1974)

   We've adjusted he background color to oc-card to have an outstanding look

   https://github.com/owncloud/owncloud-design-system/pull/1974


* Enhancement - Extend modal focus-trap functionality: [#1987](https://github.com/owncloud/owncloud-design-system/pull/1987)

   We've added the option to define which child element should be focused initially.

   https://github.com/owncloud/owncloud-design-system/pull/1987


* Enhancement - Redesign OcBreadcrumb: [#6218](https://github.com/owncloud/web/issues/6218)

   We've adjustet the look of the OcBreadcrumb to fit the Redesign

   https://github.com/owncloud/web/issues/6218
   https://github.com/owncloud/owncloud-design-system/pull/1975
   https://github.com/owncloud/owncloud-design-system/pull/1982


* Enhancement - Redesign files table related components: [#1958](https://github.com/owncloud/owncloud-design-system/pull/1958)

   We've adjusted OcTable, OcResource, OcDrop and OcCheckbox to fit the redesign.

   https://github.com/owncloud/web/issues/6207
   https://github.com/owncloud/owncloud-design-system/pull/1958
   https://github.com/owncloud/owncloud-design-system/pull/1978
   https://github.com/owncloud/owncloud-design-system/pull/1988

# Changelog for [12.1.0] (2022-02-10)

The following sections list the changes in ownCloud Design System 12.1.0.

[12.1.0]: https://github.com/owncloud/owncloud-design-system/compare/v12.0.0...v12.1.0

## Summary

* Bugfix - Background-primary-gradient border: [#6383](https://github.com/owncloud/web/issues/6383)
* Enhancement - Redesign OcModal: [#1953](https://github.com/owncloud/owncloud-design-system/pull/1953)

## Details

* Bugfix - Background-primary-gradient border: [#6383](https://github.com/owncloud/web/issues/6383)

   The `.oc-background-primary-gradient` class was setting the CSS border property instead of
   only the border-color, hereby removing any border-width the target tag might already carry.
   This lead to some very small differences when rendering buttons and has been resolved now.

   https://github.com/owncloud/web/issues/6383
   https://github.com/owncloud/owncloud-design-system/pull/1945


* Enhancement - Redesign OcModal: [#1953](https://github.com/owncloud/owncloud-design-system/pull/1953)

   We have redesigned the OcModal to suit better to dark mode UIs, to have a nicer background
   overlay, to always have a primary confirm button and fixed some icon bugs in its code examples.

   https://github.com/owncloud/owncloud-design-system/pull/1953

# Changelog for [12.0.0] (2022-02-07)

The following sections list the changes in ownCloud Design System 12.0.0.

[12.0.0]: https://github.com/owncloud/owncloud-design-system/compare/v11.3.1...v12.0.0

## Summary

* Bugfix - Missing OcDrop shadow: [#1926](https://github.com/owncloud/owncloud-design-system/pull/1926)
* Bugfix - OcNotification positioning: [#1658](https://github.com/owncloud/owncloud-design-system/pull/1658)
* Bugfix - Rename GhostElement: [#1845](https://github.com/owncloud/owncloud-design-system/pull/1845)
* Bugfix - OcTooltip isn't reactive: [#1863](https://github.com/owncloud/owncloud-design-system/pull/1863)
* Change - Drop Internet Explorer support: [#1909](https://github.com/owncloud/owncloud-design-system/pull/1909)
* Change - Do not sort in OcTable: [#1825](https://github.com/owncloud/owncloud-design-system/pull/1825)
* Change - Pass folderLink to OcResource component: [#1913](https://github.com/owncloud/owncloud-design-system/pull/1913)
* Change - Remove OcAppSideBar component: [#1810](https://github.com/owncloud/owncloud-design-system/pull/1810)
* Change - Remove OcAppBar component: [#1810](https://github.com/owncloud/owncloud-design-system/pull/1810)
* Change - Remove implicit ODS registration: [#1848](https://github.com/owncloud/owncloud-design-system/pull/1848)
* Change - Remove oc-table-files from ods: [#1817](https://github.com/owncloud/owncloud-design-system/pull/1817)
* Change - Remove OcGrid options: [#1658](https://github.com/owncloud/owncloud-design-system/pull/1658)
* Change - Move OcSidebarNav and OcSidebarNavItem to web: [#6036](https://github.com/owncloud/web/issues/6036)
* Change - Remove UiKit: [#1658](https://github.com/owncloud/owncloud-design-system/pull/1658)
* Change - Remove unused props for unstyled components: [#1795](https://github.com/owncloud/owncloud-design-system/pull/1795)
* Change - Use remixicons for redesign: [#1826](https://github.com/owncloud/owncloud-design-system/pull/1826)
* Enhancement - Make Vue-Composition-API available: [#1848](https://github.com/owncloud/owncloud-design-system/pull/1848)
* Enhancement - Export mappings of types, icons and colors of resources: [#1920](https://github.com/owncloud/owncloud-design-system/pull/1920)
* Enhancement - Fix OcAvatar line-height: [#1810](https://github.com/owncloud/owncloud-design-system/pull/1810)
* Enhancement - Add option to render table cells lazy: [#1848](https://github.com/owncloud/owncloud-design-system/pull/1848)
* Enhancement - Make OcDrop rounded: [#1881](https://github.com/owncloud/owncloud-design-system/pull/1881)
* Enhancement - Change background color of OcDrop: [#1919](https://github.com/owncloud/owncloud-design-system/pull/1919)
* Enhancement - Improve OcList: [#1881](https://github.com/owncloud/owncloud-design-system/pull/1881)
* Enhancement - Show path / parent folder to distinguish files: [#5953](https://github.com/owncloud/web/issues/5953)
* Enhancement - Redesign Filetype icons: [#6278](https://github.com/owncloud/web/issues/6278)
* Enhancement - Adjust OcSearchBar to new design: [#1810](https://github.com/owncloud/owncloud-design-system/pull/1810/)
* Enhancement - Sizes: [#1858](https://github.com/owncloud/owncloud-design-system/pull/1858)
* Enhancement - Add svg icon for spaces: [#1846](https://github.com/owncloud/owncloud-design-system/pull/1846)
* Enhancement - OcTable header alignment: [#1922](https://github.com/owncloud/owncloud-design-system/pull/1922)
* Enhancement - Use Roboto font: [#1876](https://github.com/owncloud/owncloud-design-system/pull/1876)

## Details

* Bugfix - Missing OcDrop shadow: [#1926](https://github.com/owncloud/owncloud-design-system/pull/1926)

   In certain situations, other DOM elements made the OcDrop shadow invisible. This has been
   resolved.

   https://github.com/owncloud/owncloud-design-system/pull/1926
   https://github.com/owncloud/owncloud-design-system/pull/1931


* Bugfix - OcNotification positioning: [#1658](https://github.com/owncloud/owncloud-design-system/pull/1658)

   We have taken care of the positioning in the OcNotification component, which didn't work as
   expected. Notifications can now be displayed on the left or right side or centered.

   https://github.com/owncloud/owncloud-design-system/pull/1658


* Bugfix - Rename GhostElement: [#1845](https://github.com/owncloud/owncloud-design-system/pull/1845)

   We've renamed the GhostElement component to OcGhostElement to follow the atomic design
   principles.

   https://github.com/owncloud/owncloud-design-system/pull/1845


* Bugfix - OcTooltip isn't reactive: [#1863](https://github.com/owncloud/owncloud-design-system/pull/1863)

   We've fixed an issue with the OcTooltip when the tooltip gets hidden by reactivity and then
   reactivated with some value.

   https://github.com/owncloud/owncloud-design-system/pull/1863


* Change - Drop Internet Explorer support: [#1909](https://github.com/owncloud/owncloud-design-system/pull/1909)

   Since it's nearing its end-of-life, we've dropped polyfills for IE in favor of a smaller bundle
   size.

   https://github.com/owncloud/owncloud-design-system/pull/1909


* Change - Do not sort in OcTable: [#1825](https://github.com/owncloud/owncloud-design-system/pull/1825)

   We removed sorting from OcTable and added a `sort` event instead, which can be used to sort the
   data externally. This is crucial for server side sorting and handling pagination correctly.

   https://github.com/owncloud/web/issues/5687
   https://github.com/owncloud/owncloud-design-system/pull/1825
   https://github.com/owncloud/owncloud-design-system/pull/1839
   https://github.com/owncloud/web/pull/6136


* Change - Pass folderLink to OcResource component: [#1913](https://github.com/owncloud/owncloud-design-system/pull/1913)

   For more flexibility, the folderLink needs to be passed to the OcResource component

   https://github.com/owncloud/owncloud-design-system/pull/1913


* Change - Remove OcAppSideBar component: [#1810](https://github.com/owncloud/owncloud-design-system/pull/1810)

   We have removed the OcAppSideBar component since it's not actively used anywhere.

   https://github.com/owncloud/owncloud-design-system/pull/1810


* Change - Remove OcAppBar component: [#1810](https://github.com/owncloud/owncloud-design-system/pull/1810)

   We have removed the OcAppBar component since it's not actively used anywhere and broken.

   https://github.com/owncloud/owncloud-design-system/pull/1810


* Change - Remove implicit ODS registration: [#1848](https://github.com/owncloud/owncloud-design-system/pull/1848)

   Remove implicit registration of ODS, from now on applications using ODS must register it
   explicit via `Vue.use`.

   https://github.com/owncloud/owncloud-design-system/pull/1848


* Change - Remove oc-table-files from ods: [#1817](https://github.com/owncloud/owncloud-design-system/pull/1817)

   Ods oc-table-files always contained concrete web-app-files logic, to make development more
   agile and keep things close oc-table-files was removed from ODS and relocated to live in
   web-app-files from now on.

   https://github.com/owncloud/owncloud-design-system/pull/1817
   https://github.com/owncloud/web/pull/6106


* Change - Remove OcGrid options: [#1658](https://github.com/owncloud/owncloud-design-system/pull/1658)

   We have removed the `match` and `childWidth` option in the OcGrid component since they were
   unused and relied heavily on the removed UiKit library.

   https://github.com/owncloud/owncloud-design-system/pull/1658


* Change - Move OcSidebarNav and OcSidebarNavItem to web: [#6036](https://github.com/owncloud/web/issues/6036)

   We've moved OcSidebarNav and OcSidebarNavItem to web and renamed it to SidebarNav and
   SidebarNavItem.

   https://github.com/owncloud/web/issues/6036
   https://github.com/owncloud/owncloud-design-system/pull/1810


* Change - Remove UiKit: [#1658](https://github.com/owncloud/owncloud-design-system/pull/1658)

   We have removed the UiKit library this design system originally was built on. The necessary
   style rules for the design system itself and our web repository have been internalized, and
   everything else got dropped to greatly reduce bundle size and build times.

   Please note that with this change, we have also dropped and/or refactored a lot of CSS classes
   and correlated styling.

   https://github.com/owncloud/owncloud-design-system/issues/538
   https://github.com/owncloud/owncloud-design-system/pull/1658
   https://github.com/owncloud/owncloud-design-system/pull/1882


* Change - Remove unused props for unstyled components: [#1795](https://github.com/owncloud/owncloud-design-system/pull/1795)

   We removed the `stopClassProgragation` property in two components, which resulted in
   unstyled components before but was unused.

   https://github.com/owncloud/owncloud-design-system/pull/1795


* Change - Use remixicons for redesign: [#1826](https://github.com/owncloud/owncloud-design-system/pull/1826)

   We've switched the iconset to remixicons to fit the new design.

   https://github.com/owncloud/web/issues/6100
   https://github.com/owncloud/owncloud-design-system/pull/1826
   https://github.com/owncloud/owncloud-design-system/pull/1853


* Enhancement - Make Vue-Composition-API available: [#1848](https://github.com/owncloud/owncloud-design-system/pull/1848)

   To support upcoming Vue composition-api we`ve added the compatibility layer from the
   creators. From now on all features described here
   `https://github.com/vuejs/composition-api` can be used.

   https://github.com/owncloud/owncloud-design-system/pull/1848


* Enhancement - Export mappings of types, icons and colors of resources: [#1920](https://github.com/owncloud/owncloud-design-system/pull/1920)

   The bundled design system now contains two json files that map file extensions to their
   dedicated resource icon and the corresponding color token.

   https://github.com/owncloud/owncloud-design-system/pull/1920


* Enhancement - Fix OcAvatar line-height: [#1810](https://github.com/owncloud/owncloud-design-system/pull/1810)

   We've fixed an visual bug that caused the OcAvatar to be positioned 1px too high

   https://github.com/owncloud/owncloud-design-system/pull/1810


* Enhancement - Add option to render table cells lazy: [#1848](https://github.com/owncloud/owncloud-design-system/pull/1848)

   In cases where an instance of `OcTable` has many child rows and cells, it can be a bottleneck to
   render all of them immediately. With this in mind we've added the lazy option to the table fields
   object where the consuming app can decide how lazy rendering should behave.

   By default lazy cell rendering is disabled, to enable it add a lazy object to the field.

   Following options are available: * `delay: 250` - when the cell visibility on screen is below
   the given milliseconds value rendering gets skipped. * `mode: show` - cell gets rendered and
   stays painted, no de-rendering happens. * `mode: showHide` - cell gets rendered when it enters
   the screen and de-rendered when its off. * `rootMargin: 100px` - given value will be added to the
   outer area of the element which then increases the visibility detection radius

   https://github.com/owncloud/owncloud-design-system/pull/1848


* Enhancement - Make OcDrop rounded: [#1881](https://github.com/owncloud/owncloud-design-system/pull/1881)

   We've added a border-radius for the OcDrop to make it rounded.

   https://github.com/owncloud/owncloud-design-system/pull/1881


* Enhancement - Change background color of OcDrop: [#1919](https://github.com/owncloud/owncloud-design-system/pull/1919)

   The OcDrop component now has a different background color than the default color to improve the
   contrast.

   https://github.com/owncloud/owncloud-design-system/pull/1919
   https://github.com/owncloud/owncloud-design-system/pull/1923


* Enhancement - Improve OcList: [#1881](https://github.com/owncloud/owncloud-design-system/pull/1881)

   We've fixed some styling and added a 'raw' property in OcList to disable list styling.

   https://github.com/owncloud/owncloud-design-system/pull/1881


* Enhancement - Show path / parent folder to distinguish files: [#5953](https://github.com/owncloud/web/issues/5953)

   We've added an option to show the path / parent folder under the resource name in order to
   distinguish files better

   https://github.com/owncloud/web/issues/5953
   https://github.com/owncloud/owncloud-design-system/pull/1860
   https://github.com/owncloud/owncloud-design-system/pull/1871


* Enhancement - Redesign Filetype icons: [#6278](https://github.com/owncloud/web/issues/6278)

   We've adjusted the resource icons to fit the redesign. We've added a new OcResourceIcon
   component that is themable.

   https://github.com/owncloud/web/issues/6278
   https://github.com/owncloud/owncloud-design-system/pull/1900
   https://github.com/owncloud/owncloud-design-system/pull/1924
   https://github.com/owncloud/owncloud-design-system/pull/1925
   https://github.com/owncloud/owncloud-design-system/pull/1934


* Enhancement - Adjust OcSearchBar to new design: [#1810](https://github.com/owncloud/owncloud-design-system/pull/1810/)

   We've redesigned the OcSearchBar to fit the new design.

   https://github.com/owncloud/web/issues/6036
   https://github.com/owncloud/owncloud-design-system/pull/1810/


* Enhancement - Sizes: [#1858](https://github.com/owncloud/owncloud-design-system/pull/1858)

   The size variables which define margins and paddings have been changed to use multiples of 8
   instead of 10.

   https://github.com/owncloud/owncloud-design-system/pull/1858


* Enhancement - Add svg icon for spaces: [#1846](https://github.com/owncloud/owncloud-design-system/pull/1846)

   https://github.com/owncloud/owncloud-design-system/pull/1846


* Enhancement - OcTable header alignment: [#1922](https://github.com/owncloud/owncloud-design-system/pull/1922)

   We've applied the full row height to the table header and made it vertically centered to give a
   more fluffy experience for the eye.

   https://github.com/owncloud/owncloud-design-system/pull/1922


* Enhancement - Use Roboto font: [#1876](https://github.com/owncloud/owncloud-design-system/pull/1876)

   We've switched the default font from Fira Sans to Roboto.

   https://github.com/owncloud/web/issues/6100/
   https://github.com/owncloud/owncloud-design-system/pull/1876

# Changelog for [11.3.1] (2021-12-03)

The following sections list the changes in ownCloud Design System 11.3.1.

[11.3.1]: https://github.com/owncloud/owncloud-design-system/compare/v11.3.0...v11.3.1

## Summary

* Bugfix - Padding in breadcrumb context menu: [#1813](https://github.com/owncloud/owncloud-design-system/pull/1813)

## Details

* Bugfix - Padding in breadcrumb context menu: [#1813](https://github.com/owncloud/owncloud-design-system/pull/1813)

   We've removed the padding from the context menu in the breadcrumbs to align