Releases: owncloud/owncloud-design-system
1.10.1
1.10.0
Changelog for [1.10.0] (2020-09-16)
Summary
- Change - Add prop to hide navigation in sidebar: #859
- Change - Remove icon prop from buttons and use css grid: #418
- Enhancement - Add new icons: #858
- Enhancement - Add visibility off icon: #855
Details
-
Change - Add prop to hide navigation in sidebar: #859
We added a prop for the sidebar component to hide the navigation. This is a breaking change, as we
removed the internal logic hiding the navigation entirely in favor of the new prop. -
Change - Remove icon prop from buttons and use css grid: #418
We've removed the prop which was responsible for displaying icons in the button component. To
add an icon into the button, it needs to be included in the slot together with the text. We've
added css grid into the button to ensure that all child items of the button will have a predefined
gutter between them. We've removed all UIKit button styles from the button component. -
Enhancement - Add new icons: #858
We've added new icons which can be used to symbolise adding new shares, creating links and
shared with lists. We've also removed a wrong fill color from visibility off icon.#858
#864
https://fontawesome.com/icons/share-square?style=solid
https://material.io/resources/icons/?search=group&icon=group_add&style=baseline -
Enhancement - Add visibility off icon: #855
We've added a new icon to represent state when visibility is off. This can be used e.g. when
toggling the visibility of a password.#855
https://material.io/resources/icons/?search=eye&icon=visibility_off&style=baseline
1.9.0
Changelog for [1.9.0] (2020-07-28)
Summary
- Enhancement - Add new variations and sizes of progress bar: #819
Details
-
Enhancement - Add new variations and sizes of progress bar: #819
We've added new variations and sizes of the progress bar component. Variations change the
color of the progress bar and can be eitherprimary
orwarning
. Sizes affect the height of
the progress bar where it can be eitherdefault
orsmall
.
1.8.0
Changelog for [1.8.0] (2020-07-03)
Summary
- Change - Use oc-spinner css class in oc-search-bar component: #802
- Enhancement - Show dropdown in autocomplete on focus: #804
- Enhancement - Add lead breadcrumb variation: #806
- Enhancement - Add mainContent slot to the sidebar: #804
- Enhancement - Add move icon: #807
Details
-
Change - Use oc-spinner css class in oc-search-bar component: #802
UiKit spinner is not supporting IE11. The css classes around oc-spinner have been introduces
previously and now they are used in the component oc-search-bar as well. -
Enhancement - Show dropdown in autocomplete on focus: #804
In case the input is focused and it still has a value the dropdown will open
-
Enhancement - Add lead breadcrumb variation: #806
We've added a lead variation to the breadcrumbs. This variation gives large font size to
breadcrumb items. -
Enhancement - Add mainContent slot to the sidebar: #804
We've added slot called mainContent into the sidebar component. This slot replaces the
navigation if defined. -
Enhancement - Add move icon: #807
We've added the material design folder move icon.
1.7.0
Changelog for [1.7.0] (2020-06-17)
Summary
- Enhancement - Bring oC primary brand and interaction colors: #546
- Enhancement - Improve the design of buttons: #784
- Enhancement - Increase the logo clearspace: #786
- Enhancement - Automatically focus modal: #781
- Enhancement - Use Source Sans Pro: #785
Details
-
Enhancement - Bring oC primary brand and interaction colors: #546
We've brought the ownCloud corporate identity brand and interaction colors. The primary
brand colour is used as a background in the sidebar. Interaction colours are used in buttons and
links. -
Enhancement - Improve the design of buttons: #784
We've added border-radius to buttons, added shadow to the primary button and adjusted
font-weight and padding. -
Enhancement - Increase the logo clearspace: #786
We've increased the gutter between top corner of the sidebar and the logo. We've also decreased
the size of the logo itself. -
Enhancement - Automatically focus modal: #781
When the modal is mounted, it receives automatically a focus. The focus is sent directly to the
modal itself so skipping the wrapping div which works only as a background. -
Enhancement - Use Source Sans Pro: #785
We've started using Source Sans Pro in the default theme as the font.
1.6.0
Changelog for [1.6.0] (2020-05-26)
Summary
- Bugfix - Made modal position fixed: #769
- Change - Removed change and keydown events from text input: #768
Details
-
Bugfix - Made modal position fixed: #769
We've made the position of modal fixed and added z-index so it is always going to be visible on top
of the content. -
Change - Removed change and keydown events from text input: #768
We've removed change and keydown custom events from text input component. All listeners are
passed to the input element so all events are still accessible. Focus and input events are still
implemented as custom events.
1.5.0
Changelog for [1.5.0] (2020-05-13)
Summary
- Bugfix - Do not try to emit value after confirming modal if input is missing: #749
- Bugfix - Disable confirm button in the modal component if there is an error: #741
- Bugfix - Use input event instead of keydown in the modal component: #741
- Bugfix - Do not mutate input value prop in the modal directly: #741
- Change - Do not enforce muted color as background of app bar: #750
- Change - Deprecated application menu component: #735
- Enhancement - Created sidebar component: #735
- Enhancement - Created animation section in docs: #735
Details
-
Bugfix - Do not try to emit value after confirming modal if input is missing: #749
Confirming modal resulted in an error if the modal haven't got an input. We've fixed this by not
attempting to emit the value if the prophasInput
is set to false. -
Bugfix - Disable confirm button in the modal component if there is an error: #741
We've added check to disable confirm button in the modal component in case the input inside of
the modal has an error. -
Bugfix - Use input event instead of keydown in the modal component: #741
We've started using the input event instead of the keydown in the modal component to properly
pass the value of the input. -
Bugfix - Do not mutate input value prop in the modal directly: #741
We've used a local state as a v-model of the input in the modal to avoid direct mutations of the
input value property. -
Change - Do not enforce muted color as background of app bar: #750
We've stopped enforcing the muted color as a background of the app bar.
-
Change - Deprecated application menu component: #735
We've deprecated the application menu component in favor of the sidebar component.
-
Enhancement - Created sidebar component: #735
We've created a sidebar component which is to be used as an in-app navigation and which will
contain the branding. -
Enhancement - Created animation section in docs: #735
We've added an animation section in the documentation to show available animations and how to
use them.
1.4.0
Changelog for [1.4.0] (2020-04-29)
Summary
- Enhancement - Extended the modal component with input: #730