Appearance

Changelog ​

Below you can find a full list of changes for the current and previous versions.

sit-onyx ​

1.0.0-beta.70 ​

Major Changes ​

  • 4a4c414: ### BREAKING CHANGE:

    • feat(OnyxNavButton, OnyxUserMenu, OnyxFlyoutMenu): button slot now provides a trigger parameter which must be bound to the interactive element
    • feat(OnyxFlyoutMenu): Renamed "default" slot to "button"

1.0.0-beta.69 ​

Minor Changes ​

  • 3f55c48: feat(OnyxTabs): support horizontal scrolling when overflowing

    The following additional features/fixes are also included:

    • OnyxTabs: add property size to change the font style
    • OnyxTabs: fix vertical alignment of tab text if its not selected
    • add CSS variable --onyx-outline-width and use it in all components for consistency

1.0.0-beta.68 ​

Minor Changes ​

  • a3eb7d0: feat(OnyxTab): support disabled and skeleton property

    Also support skeleton prop for OnyxTabs component which will put all child tab components into skeleton mode.

1.0.0-beta.67 ​

Minor Changes ​

  • 8421235: feat(tabs): support keyboard navigation

    • Arrow left/right: Focus previous/next tab
    • Home: Focus first tab
    • End: Focus last tab
    • Enter/space: Select currently focused tab

1.0.0-beta.66 ​

Patch Changes ​

  • Updated dependencies [b6b4573]
    • @sit-onyx/shared@0.0.1-beta.0

1.0.0-beta.65 ​

Minor Changes ​

  • fda8a30: Implement basic OnyxTabs and OnyxTab component.

1.0.0-beta.64 ​

Minor Changes ​

  • 744f82e: feat(OnyxDataGrid): Added features prop which exposes the useDataGridFeature API to allow devs to use custom and pre-defined features feat(OnyxDataGrid): Expose onyx provided features via a re-export called DataGridFeatures feat(OnyxDataGrid): Added DataGridFeatures.useSorting feature, with support for custom configuration

1.0.0-beta.63 ​

Patch Changes ​

  • Updated dependencies [f6f01c6]
    • @sit-onyx/icons@1.0.0-beta.7

1.0.0-beta.62 ​

Minor Changes ​

  • 95673cf: fix(OnyxFormElement): fix layout jump on invalid OnyxInput

1.0.0-beta.61 ​

Minor Changes ​

  • 3bc1d58: feat(OnyxStepper):

    • Implemented stripStep and precision.
    • Deprecated step, replacing it with stepSize and precision.

1.0.0-beta.60 ​

Patch Changes ​

  • 80424f9: fix(OnyxColorSchemeDialog): fix warning "Set operation on key modelValue failed: target is readonly"

    The bug caused the color scheme dialog to not emit the correct select color scheme.

1.0.0-beta.59 ​

Patch Changes ​

1.0.0-beta.58 ​

Patch Changes ​

  • e42ca5e: Implement autoalignment feature for OnyxTooltip

1.0.0-beta.57 ​

Patch Changes ​

  • 78a1019: fix(OnyxNavButton): prop mobileChildrenOpen not working

1.0.0-beta.56 ​

Patch Changes ​

  • b6e0b67: fix: Fix uncaught TypeError for components with symbol props

1.0.0-beta.55 ​

Major Changes ​

  • 772f6a5: refactor(OnyxRadioGroup): rename CSS classes

    Renamed/fixed all radio group CSS class names from .onyx-radio-button-group to .onyx-radio-group to match the component name

Patch Changes ​

  • 772f6a5: fix(OnyxPagination): ensure max width for "of n pages" text

1.0.0-beta.54 ​

Minor Changes ​

  • 01f8664: feat(OnyxForm): implement showError mode fix(OnyxForm): update of injected prop not working when initially using default

1.0.0-beta.53 ​

Patch Changes ​

  • Updated dependencies [be5b415]
    • @sit-onyx/icons@1.0.0-beta.6

1.0.0-beta.52 ​

Patch Changes ​

  • a9d89f6: fix(OnyxButton): ripple animation not working

1.0.0-beta.51 ​

Minor Changes ​

  • 6fe0527: feat(OnyxMenuItem): add property target

1.0.0-beta.50 ​

Major Changes ​

  • beca92e: refactor(OnyxDataGridRenderer): enable striped and vertical borders by default

    Changed the default value for the striped and withVerticalBorders property from false to true.

1.0.0-beta.49 ​

Patch Changes ​

  • 704e624: fix(OnyxNavBar): Replace cursor pointer with default for OnyxNavButton and it's nested items

1.0.0-beta.48 ​

Minor Changes ​

  • 5d8349c: Implement OnyxForm which allows setting of disabled state for all child form elements

1.0.0-beta.47 ​

Minor Changes ​

  • 8aa66eb: feat: implement basic OnyxDataGridRenderer component

    • also support column grouping for the OnyxTable component via the columnGroups property

1.0.0-beta.46 ​

Patch Changes ​

  • Updated dependencies [3e49c73]
    • @sit-onyx/icons@1.0.0-beta.5

1.0.0-beta.45 ​

Patch Changes ​

  • Updated dependencies [33700f9]
    • @sit-onyx/icons@1.0.0-beta.4

1.0.0-beta.44 ​

Patch Changes ​

  • Updated dependencies [188c94d]
    • @sit-onyx/icons@1.0.0-beta.3

1.0.0-beta.43 ​

Major Changes ​

  • e6af99b: feat: Remove/Rename emits that collide with native event names

    • OnyxInput, OnyxTextarea and OnyxStepper: Remove focus and blur event - Use focusin/focusout or @focus.capture/@focus.blur instead
    • OnyxInput and OnyxTextarea: Remove Vue change emit - You will now receive the native @change event, but the value must now retrieved with with $event.target.value or use @update:modelvalue
    • OnyxNavBar: Rename appAreaClick to navigateToStart and backButtonClick to navigateBack
    • OnyxNavButton: Rename click to navigate, also the native MouseEvent is now passed as second parameter
    • OnyxNavItem: Rename click to navigate
    • OnyxRadioButton: Remove Vue change emit - You will now receive the native @change event, but the value must now retrieved with with $event.target.value or use @update:modelvalue
    • OnyxSelectInput: Rename click to inputClick
    • OnyxToastMessage: Remove Vue click emit - You will now always receive the native @click event, even when clickable prop is false/not set.

1.0.0-beta.42 ​

Major Changes ​

  • dc00809: feat: support SSR for OnyxSelect, OnyxNavButton, OnyxUserMenu and more components

    The minimum required Vue version was bumped to >= 3.5.0 because we make use of useId() now.

1.0.0-beta.41 ​

Patch Changes ​

  • Updated dependencies [79033ac]
    • @sit-onyx/icons@1.0.0-beta.2

1.0.0-beta.40 ​

Patch Changes ​

  • b7c370d: fix(OnyxInput, OnyxTextarea): Adjust selection highlighting for better contrast

1.0.0-beta.39 ​

Major Changes ​

  • dfa58b8: fix: support SSR for createOnyx() plugin

    Removed export of syncGlobalOptionalText, use the createOnyx() Vue plugin instead

1.0.0-beta.38 ​

Patch Changes ​

  • d4fe7d1: fix(button): make background transparent for mode="plain"

1.0.0-beta.37 ​

Minor Changes ​

  • 3d612d4: feat(OnyxPagination): enable search and update select focus styles

1.0.0-beta.36 ​

Patch Changes ​

  • 8647795: fix(OnyxMiniSearch): Adjust the size to the search input

1.0.0-beta.35 ​

Patch Changes ​

  • Updated dependencies [b525ca5]
    • @sit-onyx/icons@1.0.0-beta.1

1.0.0-beta.34 ​

Patch Changes ​

  • 934a903: fix(OnyxFormElement): fix identical default id for all forms

1.0.0-beta.33 ​

Patch Changes ​

  • 07084b1: fix(OnyxSelect): open flyout when clicking the input gap or padding

1.0.0-beta.32 ​

Minor Changes ​

  • e8c5341: feat(OnyxSelect): add property alignment and auto detection for opening to top/bottom depending on the available space

1.0.0-beta.31 ​

Patch Changes ​

  • 467d8f8: test: fix "window.matchMedia is not a function" error in unit tests

1.0.0-beta.30 ​

Major Changes ​

  • d7b68e0: feat: remove inline font families from bundle

    onyx now no longer bundles/inlines the recommend font families because they got bundled by Vite into the main style.css file as base64 encoded URL. This had negative impact on performance, tree-shaking and bundle size.

    From now on, you need to install and import the font families manually. For more information see our typography docs.

1.0.0-beta.29 ​

Minor Changes ​

  • 40b517d: feat: implement OnyxPagination modern type

1.0.0-beta.28 ​

Minor Changes ​

  • 4c49760: fix: props with managed capability not working when used without v-model

1.0.0-beta.27 ​

Major Changes ​

  • 3163863: fix: require aria label for radio and checkbox group

    Removed property headline from OnyxRadioGroup and OnyxCheckbox in favor of new required label property which is also used as aria label for screen readers. If you want to visually hide the label, set the hideLabel property.

1.0.0-beta.26 ​

Patch Changes ​

  • 93f4386: fix(OnyxTable): disable overscroll behavior

1.0.0-beta.25 ​

Minor Changes ​

  • 244219f: feat(OnyxSelect): Implement listDescription property

1.0.0-beta.24 ​

Minor Changes ​

  • 6f7149f: Adding OnyxButton active animation and OnyxRipple component

1.0.0-beta.23 ​

Major Changes ​

  • dae102e: refactor(OnyxSelect):

    • remove redundant manualSearch property in favor of inferring the managed state of searchTerm
    • omit showfocus which is only used to control OnyxSelectInput

1.0.0-beta.22 ​

Major Changes ​

  • 349f412: - breaking change: useOutsideClick - renamed element to inside: Can now accept multiple element refs
    • split createTooltip into createTooltip and createToggletip headless functions, as these implement different accessibility concepts: See https://inclusive-components.design/tooltips-toggletips/
    • Therefore, the OnyxTooltip had to be reworked:
      • on hover, the tooltip pattern is used
      • on click the toggletip pattern is used
      • the default slot now provides a trigger property, which needs to be bound by the user
    • Also, the OnyxInfoTooltip component has been updated to be accessible.

1.0.0-beta.21 ​

Patch Changes ​

  • d6321d8: fix(OnyxStepper): check validity when value is changed with Arrow up/down or buttons

    Also add spin button styles for disabled state

1.0.0-beta.20 ​

Patch Changes ​

  • 4c73713: fix(OnyxSelect): remove incorrect usage of aria-busy

1.0.0-beta.19 ​

Patch Changes ​

  • 9570420: fix(OnyxToast): do not cut off box shadow

1.0.0-beta.18 ​

Patch Changes ​

  • 82fffac: fix: export OnyxStepper

1.0.0-beta.17 ​

Major Changes ​

  • 17c0aa5: refactor(OnyxSelect): restrict modelValue to only contain values

    Breaking changes ​

    • OnyxSelects modelValue now only needs TValue, not SelectOption<TValue>

    Features ​

    • OnyxSelect determines the displayed labels by comparing modelValue with options. This can be overridden by setting the new prop valueLabel.
    • OnyxSelect now filters the options internally when searchTerm is set. This can be overridden by setting the new prop manualSearch.

1.0.0-beta.16 ​

Major Changes ​

  • 258c3ec: refactor: implement new density CSS variables

    Breaking changes ​

    • remove CSS variable --onyx-density, can be replaced with 2rem, 2.5rem or 3rem accordingly for compact, default and cozy density
    • OnyxBadge: removed CSS variables --onyx-badge-padding, --onyx-badge-icon-padding, --onyx-badge-height and --onyx-badge-dot-size
    • OnyxDialog: removed CSS variable --onyx-dialog-padding
    • OnyxMiniSearch: removed CSS variable --onyx-mini-search-icon-size
    • OnyxTable: removed CSS variable --onyx-table-vertical-padding
    • OnyxTag: removed CSS variable --onyx-tag-padding
    • OnyxSwitch: removed CSS variable --onyx-switch-label-padding-vertical

    Features ​

    New density CSS variables were added and used inside all onyx components which automatically adjust their spacing based on the current density:

    • --onyx-density-3xs
    • --onyx-density-2xs
    • --onyx-density-xs
    • --onyx-density-sm
    • --onyx-density-md
    • --onyx-density-lg
    • --onyx-density-2xl
    • --onyx-density-3xl
    • --onyx-density-4xl

    The following components now also support density:

    • OnyxCheckboxGroup / OnyxRadioGroup headline and horizontal layout
    • OnyxEmpty
    • OnyxTooltip

    Other bug fixes ​

    • several visual fixes/improvements related to density/spacing
    • fix(OnyxMiniSearch): translate placeholder
    • fix(OnyxSelectInput): disable autocomplete for native input
    • fix(OnyxSelect): hide required asterisk when hideLabel is set
    • fix: do not exceed max width for OnyxInput, OnyxTextarea, OnyxSelect and OnyxStepper skeletons when custom max width is set via CSS
    • fix(OnyxBadge): inherit icon size for cozy density from parent components

1.0.0-beta.15 ​

Major Changes ​

  • 9cb8667: fix: prevent "Cannot find module '../composables/density' or its corresponding type declarations." error

    We removed the sit-onyx/types alias, please import directly from sit-onyx instead

Patch Changes ​

  • 02e4f4d: fix(OnyxStepper): Remove default modelValue and placeholder

1.0.0-beta.14 ​

Minor Changes ​

  • 25bfc85: feat(OnyxCheckbox, OnyxSwitch, OnyxRadioButton): show error messages in the title when invalid

    For components that don't support an error message footer, we now set the title to show the error message info in the default browser tooltip.

    • Supports custom errors as well as default errors, e.g. required.
    • Combines the error message with a hidden label in the title.

1.0.0-beta.13 ​

Patch Changes ​

  • cae1e24: fix(OnyxSelect): fix cursor always jumping to the end of the search input feat(createComboBox): remove required, but redundant inputValue prop

1.0.0-beta.12 ​

Patch Changes ​

  • 7b8ad3d: fix(OnyxNavBar): make bottom border full width when grid width is limited

1.0.0-beta.11 ​

Minor Changes ​

  • 8a1c8d4: feat(OnyxStepper): Implement basic OnyxStepper #1568

1.0.0-beta.10 ​

Patch Changes ​

  • 5c0535e: fix(OnyxNavButton): prevent parent highlighting when an active child is visible on mobile

1.0.0-beta.9 ​

Minor Changes ​

  • dd42def: feat(OnyxUserMenu): allow manual control of flyout toggling

1.0.0-beta.8 ​

Patch Changes ​

  • d0247d1: fix(OnyxFormElement): fix label being applied to all interactive elment of a complex form element

1.0.0-beta.7 ​

Patch Changes ​

  • df21d23: fix(OnyxUserMenu): hide mobile footer when it does not exist

1.0.0-beta.6 ​

Minor Changes ​

  • c2a6447: - implemented headless feature: createNavigationMenu
    • headless MenuButton:
      • now takes an isExpandedRef and onToggle via it's options
      • flyout element is removed as it is not needed
      • removed hover and focus toggle features and moved them to the onyx component directly as these are non spec features
    • update headless implementation in sit-onyx

1.0.0-beta.5 ​

Patch Changes ​

  • 59bca7e: fix(OnyxNavBar): show app name on open mobile context area and truncate app/nav names

1.0.0-beta.4 ​

Patch Changes ​

  • 6e14afd: fix(OnyxMobileNavButton): scroll on overflowing mobile flyout

    The flyout of OnyxMobileNavButton now has a max height and is scrollable if too many nav/context items exist.

    • app version inside the mobile flyout is not positioned absolute anymore and is a disabled list item
    • fixed duplicate border in mobile context menu when multiple list items exist

1.0.0-beta.3 ​

Minor Changes ​

  • 67a5e50: feat(OnyxSelect, OnyxRadioGroup, OnyxCheckboxGroup): Implement truncation on higher level

1.0.0-beta.2 ​

Minor Changes ​

  • 15114f7: feat(OnyxSelect): Implement truncation for OnyxSelectOptions

1.0.0-beta.1 ​

Major Changes ​

  • 7b72cbc: refactor: rename toast components

    • renamed OnyxToast to OnyxToastMessage
    • renamed OnyxToastProvider to OnyxToast

1.0.0-beta.0 ​

Major Changes ​

  • bf3ea0a: release beta version

    🎉 onyx is now beta! There are no breaking changes to the last 1.0.0.-alpha.* version

Patch Changes ​

  • Updated dependencies [bf3ea0a]
    • @sit-onyx/icons@1.0.0-beta.0

1.0.0-alpha.165 ​

Patch Changes ​

  • bf1e992: fix(typings): incorrect or outdated type definitions

    • The vite-plugin-dts was removed and instead we use vue-tsc for the generation of the type definitions.
    • The plugin used an outdated version of the @vue/language-core package

1.0.0-alpha.164 ​

Major Changes ​

  • 555ac22: refactor navigation components

    • OnyxFlyoutMenu: rename default slot to options
    • previous OnyxNavItem component is now OnyxNavButton with changed API
    • new OnyxNavItem is now only intended to be used as children for the new OnyxNavButton
    • OnyxUserMenu: property avatar now only accepts a string, not an object
    • fix(OnyxUserMenu): use correct font weight for username

Minor Changes ​

  • 48b24d2: feat: support lidl, kaufland and twogo theme

Patch Changes ​

  • 555ac22: fix(OnyxMenuItem): make whole button/link clickable

    Also add missing export for the component itself

1.0.0-alpha.163 ​

Minor Changes ​

  • 4ddd145: feat(OnyxNavBar): expose method closeMobileMenus

1.0.0-alpha.162 ​

Minor Changes ​

  • 90f9f86: feat: implement OnyxColorSchemeMenuItem

Patch Changes ​

  • 90f9f86: fix(OnyxMenuItem): make whole button/anchor clickable

1.0.0-alpha.161 ​

Minor Changes ​

  • 4492231: feat(OnyxTable): add withPageScrolling prop to switch from table-scrolling to page-scrolling

1.0.0-alpha.160 ​

Patch Changes ​

  • cd4a885: fix(OnyxSelect): Fix OnyxSelect opening on submit

1.0.0-alpha.159 ​

Major Changes ​

  • 760bb76: refactor(OnyxTable): split default slot to distinguish thead and tbody

    Including new features:

    • implement empty state when no table data exists
    • define focus outline

1.0.0-alpha.158 ​

Patch Changes ​

  • 4ee1e7f: fix(OnyxNavBar): align horizontal padding with grid

1.0.0-alpha.157 ​

Patch Changes ​

  • c79e491: fix(OnyxSelect): do not submit form when pressing Enter
  • 8d14b72: fix(OnyxSelect): position flyout correctly in grid layout

1.0.0-alpha.156 ​

Minor Changes ​

  • ea9a9e7: Implement OnyxMenuItem component which is intended to be used inside OnyxUserMenu

1.0.0-alpha.155 ​

Major Changes ​

  • b8db0cc: refactor(OnyxPageLayout): remove slot toasts

    Use the new OnyxToastProvider instead

Minor Changes ​

  • b8db0cc: feat: add OnyxToastProvider component and useToast composable

1.0.0-alpha.154 ​

Patch Changes ​

  • 529a84f: feat(nuxt): integrate @nuxtjs/i18n into onyx nuxt module

1.0.0-alpha.153 ​

Minor Changes ​

  • 2cef847: - feat(OnyxSelect): optionally manage searchTerm and open internally
    • fix(OnyxSelect): fix bug where OnyxSelect closed when clicking the clear button

1.0.0-alpha.152 ​

Minor Changes ​

  • 8692b19: feat: add OnyxToast component

1.0.0-alpha.151 ​

Minor Changes ​

  • 3c8cf6d: Implement new OnyxNavItem component

1.0.0-alpha.150 ​

Minor Changes ​

  • 0bdb49a: feat(OnyxSelectInput): support validity handling

    • internal input is not readonly, but blocks all character inputs
    • supports translated error message for empty required inputs

  • 0bdb49a: feat(global.css): include layers order to prevent hierarchy issues

1.0.0-alpha.149 ​

Minor Changes ​

  • 1cc020a: feat(OnyxNavBar): support mobile context area

Patch Changes ​

  • 1cc020a: fix: limit width to max-content for OnyxTag and OnyxTimer

1.0.0-alpha.148 ​

Major Changes ​

  • 2d0458d: fix(OnyxIcon): change default size to 24px instead of font size

1.0.0-alpha.147 ​

Major Changes ​

  • 743ee88: - feat(OnyxIcon): use font-size as default icon size

    • fix(OnyxButton): keep label width when loading
    • fix(OnyxInput, OnyxTextarea): fix label tooltip not correctly vertically aligned

  • b7e9aaf: refactor: align list items

    • OnyxSelect: remove property color
    • OnyxUserMenu: remove property options and even optionsClick in favor of a default slot where <OnyxListItem> should be placed

1.0.0-alpha.146 ​

Major Changes ​

  • d4fbcf4: refactor: align all namings with Figma

    The breaking changes changes are:

    • rename OnyxRadioButtonGroup to OnyxRadioGroup
    • OnyxRadioButton: rename property selected to checked
    • OnyxAvatar: remove type male/female
    • OnyxHeadline: remove property monospace
    • OnyxNavBar: remove unused label property

1.0.0-alpha.145 ​

Minor Changes ​

  • 02f1a8a: feat(OnyxNavBar): support mobile nav items

1.0.0-alpha.144 ​

Minor Changes ​

  • 85128a2: feat(OnyxMiniSearch): add magnifier icon when empty

1.0.0-alpha.143 ​

Patch Changes ​

  • 02f5691: fix(OnyxNavAppArea): max-height not honored

1.0.0-alpha.142 ​

Patch Changes ​

  • 7c98a6d: fix(OnyxFormElement): hide message while error is shown + prevent error overflow

1.0.0-alpha.141 ​

Minor Changes ​

  • 08b434b: feat(OnyxSelectInput): support message/label tooltip

1.0.0-alpha.140 ​

Minor Changes ​

  • d3e9321: Add new OnyxNavButton component

1.0.0-alpha.139 ​

Minor Changes ​

  • 107ec36: feat(OnyxSelect): support option slot

    The new slot can be used to show custom content for the select options

1.0.0-alpha.138 ​

Minor Changes ​

  • 0863114: feat: support autofocus property for multiple components

    • OnyxButton, OnyxCheckbox, OnyxIconButton, OnyxRadioButton, OnyxSwitch, OnyxSelect

  • 0863114: feat: add OnyxColorSchemeDialog component

  • 53b0d50: feat(OnyxInput,OnyxTextarea): Unify template & style of header/footer form elements

1.0.0-alpha.137 ​

Patch Changes ​

  • 442e4c5: fix(OnyxDialog): prevent overflow and add z-index

1.0.0-alpha.136 ​

Patch Changes ​

  • f1aad40: fix(OnyxNavBar): support SSR

    prevent "ResizeObserver not defined" error

1.0.0-alpha.135 ​

Patch Changes ​

  • 0511127: fix(OnyxNavItem): fix styles for selected child items

1.0.0-alpha.134 ​

Minor Changes ​

  • 02d9f0f: feat(validity): Allow short/long message distinguishing for custom errors

1.0.0-alpha.133 ​

Patch Changes ​

  • Updated dependencies [fad8140]
    • @sit-onyx/icons@0.1.0-alpha.2

1.0.0-alpha.132 ​

Patch Changes ​

  • 6059d12: fix keyboard support for the select

1.0.0-alpha.131 ​

Major Changes ​

  • 1baef56: refactor(OnyxTable): rename property grid to withVerticalBorders

1.0.0-alpha.130 ​

Minor Changes ​

  • 37ee3fd: feat: add OnyxDialog component

1.0.0-alpha.129 ​

Minor Changes ​

  • 70c7f93: feat(OnyxInfoTooltip): export info tooltip

1.0.0-alpha.128 ​

Patch Changes ​

  • 55c0b19: fix(OnyxTable): make components interactive when showing column hover effect

1.0.0-alpha.127 ​

Minor Changes ​

1.0.0-alpha.126 ​

Minor Changes ​

  • 85482cd: feat(OnyxInput,OnyxTextarea): show invalid messages

Patch Changes ​

  • edbfc22: fix(OnyxTable): take up full available width

    This also fixed the issue that the table does not align with the grid

  • edbfc22: fix: export missing support components

1.0.0-alpha.125 ​

Patch Changes ​

  • 2805e75: fix(OnyxTextarea): Fix first manual resizing being canceled on Firefox

1.0.0-alpha.124 ​

Patch Changes ​

  • 5294c95: Remove unnecessary footer gap in OnyxTextarea and OnyxInput component

1.0.0-alpha.123 ​

Minor Changes ​

  • f7e965b: Implement info/message label on input and textarea

1.0.0-alpha.122 ​

Patch Changes ​

  • 8c1cc76: fix(OnyxSelect): prevent redundant update:searchTerm emits

1.0.0-alpha.121 ​

Patch Changes ​

  • decd55c: fix(OnyxCheckbox,OnyxRadioButton,OnyxSwitch,OnyxSelect): reset control sizes to ignore density. fix radio alignment to center

1.0.0-alpha.120 ​

Patch Changes ​

  • dc2125e: fix(OnyxSelect): hide check all when searching

1.0.0-alpha.119 ​

Patch Changes ​

  • 697ffcd: Removed gap between label and external link icon in the nav item component

1.0.0-alpha.118 ​

Minor Changes ​

  • 2d2ada6: feat(OnyxTable): support vertical/horizontal scrolling

1.0.0-alpha.117 ​

Patch Changes ​

  • 92b9375: fix(OnyxSelect): support skeleton and textMode property

1.0.0-alpha.116 ​

Major Changes ​

  • b0554c8: refactor: rename listbox to select

    • rename component OnyxListbox to OnyxSelect
    • rename component OnyxListboxOption to OnyxSelectOption

    In addition the following types have been renamed:

    Old nameNew name
    SelectOptionBaseSelectOption
    ListboxOptionSelectOption
    OnyxListboxPropsOnyxSelectProps
    ListboxModelValuePropsSelectModelValueProps
    ListboxLazyLoadingSelectLazyLoading
    SelectModelValueSelectInputModelValue
    OnyxListboxOptionPropsOnyxSelectOptionProps

Patch Changes ​

  • b0554c8: fix(OnyxSelect): do not focus on outside click

1.0.0-alpha.115 ​

Major Changes ​

  • 19011d6: feat(OnyxListbox): implement select/combobox

    Implement select/combox inside the OnyxListbox. The API and component purpose has changed. The OnyxListbox will be renamed to OnyxSelect in a future version.

Patch Changes ​

  • 19011d6: fix(OnyxSelectItem): add missing styles for hover,active,focus state

1.0.0-alpha.114 ​

Major Changes ​

  • 309fb43: refactor grid implementation

    • remove padding, max-width and center from the onyx-grid class in favor of the onyx-grid-container class

Patch Changes ​

  • 309fb43: fix(OnyxButton): limit default width to max-content

1.0.0-alpha.113 ​

Major Changes ​

  • f46561c: Renamed OnyxSelect to OnyxSelectInput

1.0.0-alpha.112 ​

Patch Changes ​

  • f0ca40c: fix(OnyxTextarea): support manual resize for readonly and disabled

    If you want to disable manual resize you need to set the disableManualResize property

1.0.0-alpha.111 ​

Minor Changes ​

  • d1984e2: Added OnyxVisuallyHidden support component

1.0.0-alpha.110 ​

Patch Changes ​

  • 2e93902: fix(OnyxIconButton): display inline by default

    Display the icon button inline by default to align with the OnyxButton. This simplifies the layout then an icon button is placed next to text.

1.0.0-alpha.109 ​

Patch Changes ​

  • 1093e66: Implement external link icon for nested nav items
  • Updated dependencies [99b2089]
    • @sit-onyx/icons@0.1.0-alpha.1

1.0.0-alpha.108 ​

Minor Changes ​

  • aa0b540: Added OnyxTimer component

1.0.0-alpha.107 ​

Minor Changes ​

  • 9279c7b: feat(OnyxTextarea): support autosize

1.0.0-alpha.106 ​

Minor Changes ​

  • 34547be: Added search functionality which can be used by setting the withSearch flag

1.0.0-alpha.105 ​

Patch Changes ​

  • c011e27: fix(grid): include padding in max-width

1.0.0-alpha.104 ​

Minor Changes ​

  • 20fb878: feat(theme): include color-scheme in the onyx dark/light theme

1.0.0-alpha.103 ​

Patch Changes ​

  • 09ce727: fix(OnyxCheckbox): align checkbox label padding according to density, stabilize check all border

1.0.0-alpha.102 ​

Minor Changes ​

  • 3b9fbf4: feat: add OnyxTextarea component

1.0.0-alpha.101 ​

Patch Changes ​

  • 2ea735b: Hide nested children when nav item is closed

1.0.0-alpha.100 ​

Patch Changes ​

  • d54d357: fix(OnyxUserMenu): hide flyout menu when closed

1.0.0-alpha.99 ​

Patch Changes ​

  • 3a9783d: Fix listbox position inside OnyxNavItem

1.0.0-alpha.98 ​

Major Changes ​

  • 9eb7b4e: rename SCSS breakpoint mixin

    Old:

    scss
    @use "sit-onyx/breakpoints.scss" as onyx;

@include onyx.breakpoint(max, md) {
  // your styles
}

    New:

    scss
    @use "sit-onyx/breakpoints.scss";

@include breakpoints.screen(max, md) {
  // your styles
}

Minor Changes ​

  • 9eb7b4e: feat: add OnyxNavBar component

    If you used one of the onyx-grid-max-md, onyx-grid-max-lg or onyx-grid-center CSS classes which are not placed on the application root, move them to the application root element. See grid docs for further information

1.0.0-alpha.97 ​

Minor Changes ​

  • 5754525: feat(OnyxCheckboxGroup): align style for "check all" with figma

1.0.0-alpha.96 ​

Major Changes ​

  • f99f38f: refactor: align color property names

    • rename property variation to color for: OnyxBadge, OnyxButton and OnyxIconButton
    • OnyxButton and OnyxIconButton: rename color secondary to neutral

1.0.0-alpha.95 ​

Patch Changes ​

  • 2f825ec: fix(OnyxCheckboxGroup,OnyxListbox): preserve disabled states when toggling "check all"

1.0.0-alpha.94 ​

Patch Changes ​

  • c867746: fix(OnyxUserMenu): emit optionClick event when clicking an option

1.0.0-alpha.93 ​

Minor Changes ​

  • c55a599: Implement density for OnyxListbox

1.0.0-alpha.92 ​

Minor Changes ​

  • 2b48da9: feat: add basic OnyxUserMenu component
  • 2b48da9: feat(OnyxListbox): support icon and danger color for options

1.0.0-alpha.91 ​

Patch Changes ​

  • 93ad5a9: Fix hover colors on OnyxListbox
  • 1eb0528: Fix OnyxNavItem font-weight for active state

1.0.0-alpha.90 ​

Minor Changes ​

  • 57d81c9: feat: export OnyxCheckbox and OnyxRadioButton

1.0.0-alpha.89 ​

Major Changes ​

  • 7951251: refactor: align properties for selection components

    • remove type SelectionOption and ListboxOption in favor of SelectOption. Affects: OnyxCheckboxGroup, OnyxRadioButtonGroup, OnyxListbox and OnyxSelect
    • OnyxSelect: change property modelValue to be a select options instead of value only. This allows (e.g. to display a label for the current value(s) when the value(s) are not included in the options or the options are loading asynchronously)
    • OnyxSelect: require property options
    • OnyxRadioButtonGroup: change property modelValue to be the primitive value instead of a whole option
    • fix(OnyxRadioButtonGroup): modelValue not shown as selected if type is number or boolean
    • rename type Multiple to SelectMultiple
    • remove utility type TargetEvent

1.0.0-alpha.88 ​

Minor Changes ​

  • 8d65dce: feat(OnyxTable): add row and column hover styles

1.0.0-alpha.87 ​

Minor Changes ​

  • 413d3e0: Implement external icon when external links are used inside OnyxNavItem

1.0.0-alpha.86 ​

Minor Changes ​

  • 5e96001: feat(OnyxAvatar): update font sizes

1.0.0-alpha.85 ​

Major Changes ​

  • 641dac7: refactor(OnyxCheckboxGroup): removecheckAllLabel property in favor of withCheckAll

Minor Changes ​

  • 641dac7: feat(OnyxListbox): implement check all support + exclude disabled options from keyboard navigation
  • afe16cf: Implement basic OnyxNavItem component

1.0.0-alpha.84 ​

Minor Changes ​

  • 5f28acb: feat(OnyxAvatar): add default slot to allow for custom content

Patch Changes ​

  • 5f28acb: fix(OnyxAvatar): update font size for size 96px

1.0.0-alpha.83 ​

Minor Changes ​

  • 29a8ba6: feat: add basic OnyxTable component

1.0.0-alpha.82 ​

Minor Changes ​

  • 1377af6: feat(OnyxListbox): implement multiselect. Extend headless listbox to have an array modelValue if multiselect is used.

Patch Changes ​

  • Updated dependencies [1377af6]
    • @sit-onyx/headless@0.1.0-alpha.7

1.0.0-alpha.81 ​

Minor Changes ​

  • ded1477: feat(OnyxBadge): add property dot

1.0.0-alpha.80 ​

Minor Changes ​

  • da3cad4: feat(OnyxAvatar): support custom image

Patch Changes ​

  • da3cad4: fix(OnyxAvatar): remove aria-label in favor of title

    aria-label should only be used for interactive elements so we use title instead

1.0.0-alpha.79 ​

Minor Changes ​

  • 193ecf2: feat: add skeleton property for OnyxIconButton and OnyxInput

1.0.0-alpha.78 ​

Patch Changes ​

  • d819092: fix(OnyxSwitch): align label based on density, increase click area + show marker on truncation

1.0.0-alpha.77 ​

Minor Changes ​

  • a7b5140: feat: add OnyxAvatar and OnyxAvatarStack component

1.0.0-alpha.76 ​

Patch Changes ​

  • a155d1b: fix(OnyxTag): update border radius

1.0.0-alpha.75 ​

Patch Changes ​

  • 61c4964: fix(OnyxButton): add aria label when loading

1.0.0-alpha.74 ​

Minor Changes ​

  • 288afbd: feat: add OnyxTag component

1.0.0-alpha.73 ​

Minor Changes ​

  • 43a8616: feat(listbox): support multiple characters for type-ahead

1.0.0-alpha.72 ​

Minor Changes ​

  • f464b42: Implement grouped options for OnyxListbox component

1.0.0-alpha.71 ​

Patch Changes ​

  • b20fa64: fix(OnyxSelect): add missing border style for readonly + hover

1.0.0-alpha.70 ​

Major Changes ​

  • 4508633: refactor: rename density constant and type

    • rename constant DENSITY to DENSITIES
    • rename type DensityType to Density

1.0.0-alpha.69 ​

Minor Changes ​

  • cc7e712: feat(OnyxListbox): add loading and empty state

1.0.0-alpha.68 ​

Minor Changes ​

  • 20fe4ff: Update OnyxBadge default icon size

1.0.0-alpha.67 ​

Patch Changes ​

  • e51f8cb: fix(OnyxSwitch): repair zoom alignment of icon

1.0.0-alpha.66 ​

Major Changes ​

  • 4747445: remove TestInput in favor of OnyxInput
  • 4747445: refactor: OnyxRadioButton, OnyxRadioButtonGroup, OnyxSwitch - rename property errorMessage to customError
  • 4747445: refactor: rename type RadioButtonProps to OnyxRadioButtonProps to align naming with other components

Patch Changes ​

  • 4747445: fix(OnyxButton): bind type property to native <button>
  • 4747445: fix(OnyxTooltip): prevent "document not defined" error in server side rendering

1.0.0-alpha.65 ​

Minor Changes ​

  • e9eae68: Component styles are now normalized and make use of CSS layers

1.0.0-alpha.64 ​

Minor Changes ​

  • 4e2a5bb: feat: add OnyxEmpty component

1.0.0-alpha.63 ​

Minor Changes ​

  • 03fea09: feat: add SCSS mixin for breakpoints

    See the documentation for further details

1.0.0-alpha.62 ​

Minor Changes ​

  • cde1fdd: Implement OnyxBadge

1.0.0-alpha.61 ​

Patch Changes ​

  • 93c4495: fix(OnyxTooltip): prevent warning about invalid prop type for open

1.0.0-alpha.60 ​

Minor Changes ​

  • b31b7c5: feat(OnyxSelect): implement skeleton, readonly, density and translation

1.0.0-alpha.59 ​

Major Changes ​

  • fe0f615: refactor(OnyxTooltip): remove property label and hideLabel in favor of message

1.0.0-alpha.58 ​

Minor Changes ​

  • 70b545e: Create base of OnyxSelect, excluding the flyout

1.0.0-alpha.57 ​

Patch Changes ​

  • d4bb972: fix(OnyxTooltip): add missing type for open property

1.0.0-alpha.56 ​

Minor Changes ​

  • 6631b3d: Implemented density prop

1.0.0-alpha.55 ​

Patch Changes ​

  • b7758f7: fix(OnyxTooltip): render newlines in text property

1.0.0-alpha.54 ​

Minor Changes ​

  • 40b72b2: feat(OnyxTooltip): addtooltip slot, close tooltip with Escape in "hover" mode

1.0.0-alpha.53 ​

Minor Changes ​

  • cb3a72b: add CSS variables for box shadows

    See token documentation for a full list of available shadows.

Patch Changes ​

  • 10fb012: fix(OnyxCheckbox): force required/optional marker to be visible on label truncation

1.0.0-alpha.52 ​

Minor Changes ​

  • 9dec6c0: feat(OnyxTooltip): add property open

1.0.0-alpha.51 ​

Major Changes ​

  • a2181c6: Switch OnyxButton to be inline

1.0.0-alpha.50 ​

Minor Changes ​

  • 3d3e728: feat: support listbox keyboard shortcuts

1.0.0-alpha.49 ​

Minor Changes ​

  • 668d5fe: feat: add basic single select OnyxListbox component

1.0.0-alpha.48 ​

Minor Changes ​

  • 2eb0867: Add property 'loading' for OnyxButton, OnyxCheckbox, OnyxRadioButton and OnyxSwitch

1.0.0-alpha.47 ​

Patch Changes ​

  • 9ad6208: fix(OnyxButton): apply the type property to the button

1.0.0-alpha.46 ​

Minor Changes ​

  • fd86fa1: feat(OnyxInput): add property hideLabel

1.0.0-alpha.45 ​

Minor Changes ​

  • 27c2bb8: feat(OnyxInput): add styles for autofill state

1.0.0-alpha.44 ​

Minor Changes ​

  • 3ec3d94: feat(OnyxInput): add property maxlength, minLength, withCounter and message

1.0.0-alpha.43 ​

Minor Changes ​

  • fc36296: feat(OnyxInput): add property required

1.0.0-alpha.42 ​

Patch Changes ​

  • 6874b99: fix(OnyxInput): remove default padding of native input

1.0.0-alpha.41 ​

Minor Changes ​

  • 05b233a: feat(i18n): support Korean Language for i18n

1.0.0-alpha.40 ​

Minor Changes ​

  • 179a847: Implement OnyxIconButton

1.0.0-alpha.39 ​

Minor Changes ​

  • c4d1c19: feat(OnyxInput): add property loading

1.0.0-alpha.38 ​

Minor Changes ​

  • 5678b46: feat(OnyxInput): add property readonly and disabled

1.0.0-alpha.37 ​

Minor Changes ​

  • d30c0b6: feat: add auto hyphens for multiline truncation

Patch Changes ​

  • d30c0b6: fix: top algin checkbox, radio button and switch when using multiline truncation
  • d30c0b6: fix: do not show Asterisk / optional label when label is hidden for OnyxCheckbox and OnyxSwitch

1.0.0-alpha.36 ​

Major Changes ​

  • e4e1983: bump minimum TypeScript version to 5.2.2

Minor Changes ​

  • e4e1983: feat(OnyxInput): add properties autocapitalize, autocomplete, autofocus, name and pattern

1.0.0-alpha.35 ​

Minor Changes ​

  • 3198059: feat: add property skeleton to OnyxCheckboxGroup and OnyxRadioButtonGroup

1.0.0-alpha.34 ​

Patch Changes ​

  • a8ad4ff: fix(OnyxButton): add active state

1.0.0-alpha.33 ​

Minor Changes ​

  • ab2fbb8: feat: add basic OnyxInput component

1.0.0-alpha.32 ​

Minor Changes ​

  • c147e3d: feat: add property skeleton to OnyxButton, OnyxCheckbox, OnyxRadioButton and OnyxSwitch

1.0.0-alpha.31 ​

Minor Changes ​

  • 69f1569: feat: add truncation for OnyxButton, OnyxCheckbox, OnyxRadioButton and OnyxSwitch

1.0.0-alpha.30 ​

Patch Changes ​

  • c785597: fix: add padding-right for checkbox and radio button label

1.0.0-alpha.29 ​

Patch Changes ​

  • f04d083: fix(OnyxSwitch): update styles

1.0.0-alpha.28 ​

Minor Changes ​

  • 62c8d65: feat: add component OnyxSkeleton

1.0.0-alpha.27 ​

Minor Changes ​

  • 827a893: feat: create components OnyxAppLayout and OnyxPageLayout

1.0.0-alpha.26 ​

Minor Changes ​

  • 2bc861c: Implement basic OnyxSwitch

1.0.0-alpha.25 ​

Minor Changes ​

  • 743d6b9: refactor(OnyxLoadingIndicator): update dots animation

1.0.0-alpha.24 ​

Patch Changes ​

  • Updated dependencies [5ac259d]
    • @sit-onyx/icons@0.1.0-alpha.0

1.0.0-alpha.23 ​

Minor Changes ​

  • a3bc165: feat(OnyxLink): add CSS states and external link icon

1.0.0-alpha.22 ​

Minor Changes ​

  • f859db6: feat(OnyxLoadingIndicator): animate dots

1.0.0-alpha.21 ​

Minor Changes ​

  • 6324d32: feat: add OnyxLink component

1.0.0-alpha.20 ​

Minor Changes ​

  • 6045208: feat: add OnyxLoading indicator (circle)

1.0.0-alpha.19 ​

Minor Changes ​

  • b3b340a: Implemented basic OnyxRadioButtonGroup

1.0.0-alpha.18 ​

Minor Changes ​

  • ce944e1: feat: create z-index CSS variables for onyx

1.0.0-alpha.17 ​

Patch Changes ​

  • f7d716c: Fix disabled state of the button

1.0.0-alpha.16 ​

Major Changes ​

  • 83f78f7: refactor(OnyxCheckbox): make label property required

    Even if the label is visually hidden, it must be provided for accessibility reasons / screen readers. If you used a checkbox without a label previously, add a descriptive label and use the new hideLabel visually hide the label.

1.0.0-alpha.15 ​

Minor Changes ​

  • 1de4414: Add icon property to OnyxButton

1.0.0-alpha.14 ​

Minor Changes ​

  • c605dbb: feat: add component OnyxCheckboxGroup

1.0.0-alpha.13 ​

Minor Changes ​

  • 1c52657: Add new OnyxButton component

1.0.0-alpha.12 ​

Minor Changes ​

  • 95b6e75: feat(OnyxCheckbox): add property required

1.0.0-alpha.11 ​

Major Changes ​

  • 97da8df: refactor(OnyxIcon): rewrite icon size map to reflect Figma pixel values

1.0.0-alpha.10 ​

Major Changes ​

  • a4df4af: refactor: update CSS variables

    OldNew
    --onyx-spacing-4xs--onyx-spacing-5xs
    --onyx-spacing-3xs--onyx-spacing-4xs
    --onyx-spacing-2xs--onyx-spacing-3xs
    --onyx-spacing-xs--onyx-spacing-2xs
    --onyx-color-text-*--onyx-color-text-icons-*
    --onyx-color-icon-*--onyx-color-text-icons-*

0.1.0-alpha.9 ​

Minor Changes ​

  • eda3982: feat(OnyxCheckbox): add property disabled

0.1.0-alpha.8 ​

Patch Changes ​

  • c62476d: fix(OnyxIcon): remove default browser margin

0.1.0-alpha.7 ​

Minor Changes ​

  • fdada3a: Implemented barebone RadioButtonGroup and RadioButton support component

0.1.0-alpha.6 ​

Minor Changes ​

  • bd5040f: feat: add OnyxIcon component

0.1.0-alpha.5 ​

Minor Changes ​

  • 8d5c937: feat: add component OnyxHeadline

0.1.0-alpha.4 ​

Patch Changes ​

  • a190f80: fix: define fonts as peerDependency
  • a190f80: fix: prevent type error when importing as library

0.1.0-alpha.3 ​

Minor Changes ​

  • 9f7e8d1: feat: update default "onyx" theme

0.1.0-alpha.2 ​

Patch Changes ​

  • 530af96: fix: support importing json files from sit-onyx/locales with intellisense

0.1.0-alpha.1 ​

Patch Changes ​

  • 07e862f: Ensure that the i18n instance is not reset when it has been provided

0.1.0-alpha.0 ​

Minor Changes ​

  • 13f96c1: feat(i18n): support i18n / translations
  • 0920aa6: feat: add CSS variables --onyx-font-family and --onyx-font-family-mono

Released under the Apache-2.0 License.

Copyright © 2023-present Schwarz IT KG

Imprint