@oruga-ui/oruga-next - npm Package Versions

0.8.1 (2023-12-10)

Bug Fixes

• build: fix types export (#681)
• docs: fix ssr hydration error (#680)

0.8.0 (2023-12-06)

Features

• refactor all components from Option-API to Composition-API (script setup) (#606)
• removed default theme from build output (use theme-oruga instead)
• add component types to build output
• add OrugaOptions type definition (usefull for themes) (#632) (#663) (78df3e9)
• change appendToBody to teleport feature (#603 (#652) (d0c9824)
• rename component inputitems to taginput (#653)
• change programmatic usage to useOruga() (#605) (e7bdb07)
• adjust component properties (see detailed component changes)
• drop vue 2.x support
• docs: update component props/events/slots descriptions

Bug Fixes

• datepicker: fix infinity loop (#624) (fc45dcf)
• dropdown: fix hover on mobile agent (#609) (#609) (4a5c0ab)
• select: fix vmodel prop type (#616) (60f67c5)
• sidebar: fix props (#660) (6e2aa5d)
• skeleton: fix item style (#659) (3586ae4)
• ssr: fix window not defined for ssr (#669) (a64cb79)
• docs: fix component property generation (#658) (e98dd22) (7efc3c6)

Detailed Component Changes

Autocomplete

Changes props:

• remove adppendToBody prop
• add teleport prop
• rename checkInfiniteScroll to checkScroll prop
• rename customFormatter to formatter prop
• remame debounceTyping to debounce prop
• add iconRightVariant prop
• remame menuPosition to position prop
• add mobileModal prop
• add placeholder prop

Changes events:

• remove @typing event
• add @input event
• remove @infinite-scroll event
• add @scroll-start event
• add @scroll-end event

Changes classes:

• remove expandedClass class
• remove menuClass class
• remove menuPositionClass class

Button

Changes props:

• remove iconBoth prop
• add role prop

Changes classes:

• rename elementsWrapperClass to wrapperClass class

Carousel

Changes props:

• rename arrow to arrows prop
• rename arrowHover to arrowsHover prop
• rename hasDrag to dragable prop
• remove asIndicator prop
• rename indicator to indicators prop

Changes classes:

• rename sceneClass to wrapperClass class
• add itemClickableClass class

Checkbox

Changes props:

• add useHtml5Validation prop

Changes events:

• add @update:indeterminate event
• add @focus event
• add @blur event
• add @invalid event

Changes classes:

• rename checkClass to inputClass class
• rename checkCheckedClass to inputCheckedClass class
• rename checkIndeterminateClass to indeterminateClass class

Collapse

Changes props:

• rename ariaId to contentId prop

Datepicker

Changes props:

• remove adppendToBody prop
• add teleport prop
• add active prop
• remove autocomplete prop
• remove maxlength prop
• remove editable prop
• add readonly prop
• remove statusIcon prop

Changes events:

• add @icon-click event
• rename @active-change to @update:active event

Changes classes:

• remove monthCellInvisibleClass class
• remove monthCellNearbyClass class
• add monthCellWithinHoveredRangeClass class
• remove monthRowClass class
• add monthTableClass class
• rename nextBtnClass to nextButtonClass class
• rename prevBtnClass to prevButtonClass class

Datetimepicker

Changes props:

• add active prop
• remove autocomplete prop
• remove maxlength prop
• remove editable prop
• add readonly prop
• remove statusIcon prop

Changes events:

• add @icon-click event
• rename @active-change to @update:active event
• add @range-start event
• add @range-end event

Dropdown

Changes props:

• add active prop
• remove adppendToBody prop
• add teleport prop
• remove appendToBodyCopyParent prop
• add checkScroll prop
• rename canClose to closeable prop
• remove closeOnClick prop (merged into closeable)
• add delay prop
• rename triggerTabindex to tabindex prop
• add triggerTag prop

Changes events:

• rename @active-change to @update:active event
• add @close event
• add @scroll-start event
• add @scroll-end event

Changes classes:

• add teleportClass class

Dropdown Item

Changes classes:

• add itemClickableClass class

Input

Changes props:

• add disabled prop
• rename hasCoutner to counter prop

Loading

Changes props:

• rename canCancel to cancelable prop
• add label prop

Changes events:

• add @update:full-page event

Changes classes:

• add labelClass class

Menu

• merge Menu and MenuList component

Changes props:

• rename size to iconSize prop

Modal

Changes props:

• rename canCancel to cancelable prop
• add container prop
• add teleport prop

Changes classes:

• add activeClass class

Notification

Changes props:

• remove autoClose prop
• remove hasIcon prop
• rename indefinite to infinite prop

Pagination

Changes events:

• remove @update:active event

Changes classes:

• rename nextBtnClass to nextButtonClass class
• rename prevBtnClass to prevButtonClass class

Radio

Changes props:

• add autocomplete prop
• add useHtml5Validation prop

Changes events:

• add @focus event
• add @blur event
• add @invalid event

Changes classes:

• rename checkCheckedClass to inputCheckedClass class
• rename checkClass to inputClass class

Select

Changes props:

• add iconClickable prop
• remove maxlength prop
• add iconRightClickable prop
• add iconRightVariant prop
• add options prop

Changes events:

• add @icon-click event
• add @icon-right-click event

Sidebar

Changes props:

• rename open to active prop
• add animation prop
• rename canCancel to cancelable prop
• add component prop
• add container prop
• add events prop
• add props prop
• add teleport prop
• add destroyOnHide prop
• add inline prop
• add onClose prop
• changed how position prop is working
• remove right prop
• remove expandOnHoverFixed prop

Changes events:

• rename @update:open to @update:active event

Changes classes:

• add activeClass class
• remove absoluteClass class
• remove fixedClass class
• remove staticClass class
• add positionClass class
• remove rightClass class
• remove expandOnHoverFixedClass class
• add noScrollClass class
• add scrollClipClass class
• add teleportClass class
• add inlineClass class

Steps

Changes props:

• add position prop
• add size prop
• add variant prop

Changes classes:

• add sizeClass class

StepItem

Changes props:

• add ariaRole prop
• add icon prop
• add iconPack prop
• add label prop
• add tag prop
• add value prop
• add visible prop

Changes events:

• add @activate event
• add @deactivate event

Switch

Changes props:

• add autocomplete prop
• add useHtml5Validation

Changes events:

• add @input event
• add @focus event
• add @blur event
• add @invalid event

Changes classes:

• rename checkClass to switchClass class
• rename checkCheckedClass to switchCheckedClass class
• rename checkSwitchClass to switchCheckClass class
• add inputCheckedClass class

Table

Changes props:

• add paginationSimple prop

Changes classes:

• add thSubheadingClassclass

TableColumn

Changes props:

• remove customKey prop

Tabs

Changes props:

• add position prop
• add size prop
• add variant prop
• add vertical prop

Changes events:

• add @update:modelValue event
• add @change event

Changes classes:

• rename tabItemWrapperClass to itemWrapperClass class
• add transitioningClass class

TabItem

Changes props:

• add ariaRole prop
• add icon prop
• add iconPack prop
• add label prop
• add value prop
• add visible prop

Changes events:

• add @activate event
• add @deactivate event

Taginput (old inputitems):

• rename inputitems component into taginput

Changes props:

• remove adppendToBody prop
• add teleport prop
• rename checkInfiniteScroll to checkScroll prop
• add keepOpen prop
• rename onPasteSeparators to separators prop
• remove rounded prop
• remove statusIcon prop
• rename hasCoutner to counter prop

Changes events:

• add @scroll-start event
• add @scroll-end event
• add @icon-click event
• rename @typing to @input event

Timepicker

Changes props:

• add active prop
• remove adppendToBody prop
• add teleport prop
• remove autocomplete prop
• remove maxlength prop
• add closeOnClick prop
• remove editable prop
• add iconRight prop
• add iconRightClickable prop
• add locale prop
• add mobileModal prop
• add readonly prop
• remove statusIcon prop
• add trapFocus prop

Changes events:

• add @icon-click event
• add @icon-right-click event
• add @update-active event

Tooltip

Changes props:

• remove animated prop
• remove adppendToBody prop
• add teleport prop
• remove autoClose prop
• add closeable prop
• add disabled prop
• add triggerTag prop

Changes events:

• add @update:active event

Changes classes:

• rename arrowOrderClass to arrowPositionClass class
• rename orderClass to positionClass class
• add teleport class

Upload

Changes props:

• remove autocomplete prop
• remove maxlength prop
• remove icon prop
• remove iconPack prop
• remove rounded prop
• remove statusIcon prop

0.7.0 (2023-09-20)

Bug Fixes

• autocomplete: add missing emit and wrong event name 'select-footer' (3b19d54)
• autocomplete: use dynamic component (d0b9096)
• input: better support input type=number (#528) (f01f591)
• oruga-next: provide node subpath exports (#520) (00770a9)
• radio: add checkedClass prop (2a632a5)
• remove console.log statement in ModalProgrammatic (428d08f)
• table: fix missing paginationSize (#584) (3f7a692)
• table: fix pagination size prop (126aba4)

Features

• add a way to style step dividers (#555) (4915c4d)
• add component to tag prop types (7c62f2b)
• add the clearIcon prop to input and autocomplete (a33ee8e)
• label: add several label props (22bdd03)
• pagination: add itemClass prop (3659e50)
• table: add checkbox-variant prop (8821624)

0.6.0 (2023-04-25)

Breaking changes :exclamation:

• inputitems: autocomplete -> allow-autocomplete
• refactor form validation

Bug Fixes

• button-rounded-border-radius variable (26e90af) (@fabiiomiiguel)
• checkbox: missing checkedClass prop definition #467 (5eed80d)
• checkbox: use background-color attribute (69a3d0f) (@area73)
• inputitems: #493 set icon pack of close icon (31a75ee)
• switch: add role "switch" (f322e9c) (@didaquis)
• table: #465 td-attrs compute when infinite scroll or backend-filtering (aa50c60)
• table: #486 add trCheckedClass (ff83227)

Features

• add loading implentation for button in vue 2 (83955df)
• add loading props for button (001b60b) (@themodernpk)
• add typescript support and testing (92cffed)
• allow to set background color on outlined button (#514) (8f90b84) (@fabiiomiiguel)
• make controls respond to the invalid event (ca3626c) (@blm768)
• table: #494 add paginationSize prop (db70c0d)
• table: add slot preheader (93c6521) (@subdavis)

0.5.10 (2022-12-22)

Bug Fixes

• select: pass autocomplete prop through (#452) (edea7ed)
• table: avoid set width when mobile cards #465 (9aaabf0)
• theme: #432 remove outline none (220db52)
• tooltip: add missing !default to tooltip-content-multiline-width SCSS var (c553764)

Features

• pagination: allow setting default order (751190d)
• tabs: #446 set tabindex=0 on active tab (b0e0d0a)

0.5.10 (2022-12-22)

Bug Fixes

• select: pass autocomplete prop through (#452) (edea7ed)
• table: avoid set width when mobile cards #465 (9aaabf0)
• theme: #432 remove outline none (220db52)
• tooltip: add missing !default to tooltip-content-multiline-width SCSS var (c553764)

Features

• pagination: allow setting default order (751190d)
• tabs: #446 set tabindex=0 on active tab (b0e0d0a)