Skip to content

v3.0.0

Compare
Choose a tag to compare
@ovh-ux-cds ovh-ux-cds released this 25 Apr 15:07
· 854 commits to master since this release

BREAKING CHANGE

Project

  • Package name has been renamed to @ovh-ux/ui-kit.
  • Files from ovh-ui-angular has been moved and merged in this
    repository. No need to use ovh-ui-angular anymore.
  • Files from ovh-ui-kit-documentation has been moved and merged in
    this repository. No need to use ovh-ui-kit-documentation anymore.
  • Drop of bower support.

Components

  • oui-formfield: Deprecated component. Use oui-field instead.
  • oui-popover: Deprecated component. Use oui-popover directive
    instead.
  • oui-tip: Deprecated component. Use oui-popover instead.

Tagnames changes

  • extra-top: Renamed to oui-datagrid-topbar.
  • oui-column: Renamed to oui-datagrid-column.
  • oui-criteria-container: Renamed to oui-criteria.
  • oui-page-header: Renamed to oui-header.

Attributes changes

  • oui-action-menu: Attribute align renamed to placement.
  • oui-action-menu: Attribute placement is set to start by
    default.
  • oui-action-menu-item: Attribute text replaced by transclude
    value.
  • oui-back-button: Attributes heading and title replaced by
    transclude value.
  • oui-button: Attribute text replaced by transclude value.
  • oui-checkbox: Attribute text replaced by transclude value.
  • oui-criteria-adder: Attribute align renamed to placement.
  • oui-dropdown: Attribute align renamed to placement.
  • oui-dropdown-item: Attribute text replaced by transclude
    value.
  • oui-guide-menu: Attribute align renamed to placement.
  • oui-guide-menu: Attribute placement is set to start by
    default.
  • oui-guide-menu-item: Attribute text replaced by transclude
    value.
  • oui-message: Attribute dismissable is set to false by
    default for all types.
  • oui-message: Attribute on-dismissed renamed to on-dismiss.
  • oui-modal: Attribute title renamed to heading.
  • oui-navbar-dropdown-menu: Attribute align renamed to
    placement.
  • oui-navbar-link: Attribute text replaced by transclude value.
  • oui-navbar-menu: Attribute align renamed to placement.
  • oui-navbar-notification: Attribute align renamed to
    placement.
  • oui-progress-bar: Attribute text replaced by transclude value.
  • oui-radio: Attribute text replaced by transclude value.
  • oui-select: Unused align attribute removed.
  • oui-select-picker: Attribute text renamed to label.
  • oui-select-picker: Remove deprecated span tag as transclude
    slot. Use oui-select-picker-section tag instead.
  • oui-slideshow-panel: Attribute text replaced by transclude
    value.
  • oui-tile-button: Attribute text replaced by transclude value.

Modules

  • oui.criteria-adder: Module has been removed. Use oui.criteria
    instead.
  • oui.criteria-container: Module has been renamed to
    oui.criteria.
  • oui-header-tabs: Module has been removed. Use oui.header
    instead.
  • oui.page-header: Module has been renamed to oui.header.

Styles

Classnames has been renamed

  • oui-header: Renamed to .oui-heading.
  • oui-page-header: Renamed to .oui-header.
  • oui-datagrid-topbar: Renamed to .oui-criteria.

Component margin has been removed

  • oui-action-menu
  • oui-button
  • oui-button-group
  • oui-calendar
  • oui-clipboad
  • oui-checkbox
  • oui-dropdown
  • oui-file
  • oui-guide-menu
  • oui-input
  • oui-input-group
  • oui-numeric
  • oui-radio
  • oui-search
  • oui-select
  • oui-textarea
  • oui-timepicker

Component margin has been added

  • oui-criteria
  • oui-dual-list
  • oui-header
  • oui-slideshow
  • oui-tabs

Deprecated style has been removed

  • oui-color-badge: Used only for the documentation.
  • oui-formfield: Use oui-field instead.
  • oui-icon-badge: Used only for the documentation.
  • oui-input-group_clipboard: Use .oui-clipboard instead. This
    classname extend .oui-input-group.
  • oui-list_steps: Not used anymore
  • oui-input-group_numeric: Use .oui-numeric instead. This
    classname extend .oui-input-group.
  • oui-input-group_search: Use .oui-search instead. This
    classname extend .oui-input-group.

Deprecated mixins has been removed

  • oui-action-menu:
    • action-menu-base
    • action-menu-button
    • action-menu-button_active
    • action-menu-item-base
    • action-menu-item-divider-base
  • oui-back-button:
    • back-button-base
  • oui-box:
    • box-base
    • box-light
  • oui-button:
    • button-base
    • button-action-menu
    • button-action-menu-compact
    • button-dropdown
    • button-dropdown-error
    • button-full-width
    • button-full-width-icon-left
    • button-full-width-icon-right
    • button-icon-alone
    • button-icon-base
    • button-icon-left
    • button-icon-right
    • button-link
    • button-normalize
    • button-small-width
    • button-large-height
  • oui-button-group:
    • button-group-base
  • oui-checkbox:
    • checkbox-normalize
  • oui-dropdown:
    • dropdown-base
  • oui-field:
    • field-sizes
  • oui-icon:
    • icon-bicolor
    • icon-circle
  • oui-input-group:
    • input-group-base
    • input-group-button
    • input-group-inline
    • input-group-numeric
    • input-group-search
  • oui-label:
    • label-base
  • oui-list:
    • list-steps
  • oui-navbar:
    • navbar
    • navbar-backdrop
    • navbar-helpers
    • navbar-link_external
    • navbar-link_menu
    • navbar-menu
    • navbar-menu_fixed
    • navbar-menu-animation_opacity
    • navbar-toggler
  • oui-progress:
    • progress
    • progress-bar
    • progress-bar-base
    • progress-bar-label
    • progress-bar-indeterminate
    • progress-bar-text-left
    • progress-bar-threshold
    • progress-base
    • progress-indeterminate
    • progress-normalize
  • oui-radio:
    • radio-normalize
  • oui-select-picker:
    • select-picker-normalize
  • oui-spinner:
    • spinner-base
    • spinner-s
    • spinner-m
    • spinner-l
  • oui-tooltip:
    • tooltip
    • tooltip-normalize
  • oui-typography:
    • headers
    • header-underline
    • horizontal-line-base
    • horizontal-line-dark
    • horizontal-line-thin
    • link-icon
  • oui-ui-select:
    • ui-select-container-base
    • ui-select-container-error-style
    • ui-select-choices-container-base
    • ui-select-choices-row-base
    • ui-select-normalize