sit-onyx@1.13.1

Patch Changes

• 5126db1: feat(theme): added new PreZero theme fonts

@sit-onyx/icons@1.9.1

Patch Changes

• b349986: feat: update icons

  New

  • AI-model-experiments

sit-onyx@1.13.0

Minor Changes

• c1ad583: feat(DataGridFeatures.useExpandableRows): implement new useExpandableRows() feature
• b5fd187: feat(DataGridFeatures.useStickyColumns): Added the ability to configure sticky positioning (left or right) individually per column.
• 1560235: fix(OnyxCodeTabs): fix font size when passing content as slot
• fac7fd0: feat(OnyxSidebar): automatically close temporary mobile sidebar if route changes

Patch Changes

• f240bd5: fix(OnyxGlobalSearch): Fixed issue where clicking target="_blank" links, opens the new tab twice

• b5fd187: fix(DataGridFeatures.useStickyColumns): Fix non-sticky useSelection column when both features were active

• 5c3cf2a: fix(OnyxTooltip): use anchor-size(width) instead of translate

  Reason: next to the viewport border the positioning wasn't set correctly,
  because CSS transforms are not tracked by the collision
  detection.

@sit-onyx/storybook-utils@1.1.3

Patch Changes

• 08db793: fix: Prevent broken code snippets when replacing onyx icons and flags

@sit-onyx/playwright-utils@1.3.0

Minor Changes

• 1fbdb44: feat(useMatrixScreenshotTest): add fastNoIsolation flag for useMatrixScreenshotTest

  Usually useMatrixScreenshotTest creates a combined matrix screenshot that includes the screenshots for every column-row combination. Every combination is mounted individually, which allows to perform pointer or keyboard interactions before taking a screenshot.
  If the isolation is not necessary, consider enabling fastNoIsolation which is way faster, as it mounts all combinations together. On the downside the hooks will not be executed.

@sit-onyx/nuxt-docs@0.6.0

Minor Changes

• 65e3627: feat: support search options for GlobalSearch

  You can now override the GlobalSearch component to e.g. pass options for generating the search sections:

  <script lang="ts" setup>
  import GlobalSearch from "#layers/onyx/app/components/GlobalSearch.vue";
  
  const { loggedIn } = useUserSession();
  </script>
  
  <template>
    <GlobalSearch :options="loggedIn ? undefined : { ignoredTags: ['auth-only'] }" />
  </template>

Patch Changes

• 4637a02: fix(sidebar-layout): remove top margin for first child
• Updated dependencies
  • @sit-onyx/mdc@0.2.0

@sit-onyx/mdc@0.2.0

Minor Changes

• 4637a02: feat: add ProseImg component to prevent image overflows

@sit-onyx/headless@0.10.0

Minor Changes

• f240bd5: feat(createListbox, createCombobox): expose triggering event for onSelect hook handler

sit-onyx@1.12.0

Minor Changes

• 3f9e58a: feat(OnyxShortcut, OnyxKey): implement small improvements

  • show tooltip with key name on hover
  • ensure minimum width is at least the key height
  • adapted highlight prop to also allow static highlighting
  • adapted sequence prop to allow combining
  • BREAKING CHANGE: The highlighted prop in the OnyxKey component has been renamed to highlight.

• 4df1b8c: feat: remove unstable tag for several components

  Therefore, the following components have been renamed:

  Old name	New name
  OnyxUnstableTableOfContents	OnyxTableOfContents
  OnyxUnstableTableOfContentsItem	OnyxTableOfContentsItem
  OnyxUnstableFilterBadge	OnyxFilterBadge
  OnyxUnstableItemsPerPage	OnyxItemsPerPage
  OnyxUnstableGlobalSearch	OnyxGlobalSearch
  OnyxUnstableGlobalSearchGroup	OnyxGlobalSearchGroup
  OnyxUnstableGlobalSearchOption	OnyxGlobalSearchOption
  OnyxUnstableCalendar	OnyxCalendar
  OnyxUnstableSplitButton	OnyxSplitButton

  Other noteworthy changes:

  • refactor(OnyxSplitButton)!: remove default slot
  • refactor(OnyxItemsPerPage)!: remove properties labelAlignment and hideLabel in favor of label.position and label.hidden
  • feat(OnyxSplitButton): support new properties: iconPosition, type, alignment and position
  • feat(OnyxFormElementV2): support right label position and increase label size for left and right alignment
  • fix(OnyxFormElementV2): use correct cursor styles for input when popover is used

• b3eec67: feat(OnyxFlyoutMenu): implement external drilldown mode using the new drilldownMode="external" property

• 27ea621: feat(OnyxBasicPopover): implement full support for horizontal placement with position="auto-inline"

• 328902b: feat(OnyxSelect): support bottomRight slot

• e527add: fix(OnyxProgressSteps): Fixed issue where overflowing content was not scrollable

• 1f5b69c: refactor(OnyxStepper): use OnyxFormElementV2 internally

  • feat: support new slots: leading, leadingIcons, trailingIcons, trailing and bottomRight
  • feat: support left aligned label using label.position property
  • feat: support new CSS variable --onyx-stepper-text-align for easier customization of the value alignment
  • fix: show placeholder / modelValue when loading is true

• f65acbe: feat: Generate and publish 'component-meta.json' which includes the onyx API as json

• 43410d9: feat: implemented new radius-component variabels

• 328902b: fix(OnyxDatePickerV2): implement several bug fixes

  • remove non-existing properties hideLabel and labelTooltip in favor of label.hidden and label.tooltipText
  • use correct type for message, error, success and selectionMode property
  • remove default popoverOptions.fitParent so the calendar popover is always displayed correctly, even when the date picker width is very small
  • use correct aria-label for calendar popover
  • support new property hideClearIcon
  • support new slots: leading, leadingIcons, trailingIcons, trailing and bottomRight

• cbdebfb: feat(OnyxSelect): added functionality to select only filtered items when withCheckAll and a search is active. This includes a new labelFiltered option within withCheckAll to customize the checkbox label for filtered states.

• d74aac4: feat(OnyxNavBar): auto align flyouts when using the vertical nav bar

• 169f846: refactor(OnyxTextarea): use OnyxFormElementV2 internally

  • feat: support new leadingIcons slot
  • feat: support new loading property
  • feat: support left aligned label using label.position

• f598fff: feat(OnyxTimePicker): update implementation and use OnyxFormElementV2 internally

  • fix: use correct styles for "clock" icon
  • fix: use correct component height (previously it was slightly bigger than other form elements)
  • fix: update spacings for "range" mode popover
  • fix: for "select" mode, use default values for min/max property when they contain invalid values (previously no options were shown)
  • fix: correctly type properties depending on the type
  • fix!: remove infoLabel property in favor of popoverOptions.description
  • fix!: use correct type for error property
  • feat: support new slots: leading, leadingIcons, trailingIcons, trailing and bottomRight
  • feat: in "default" mode, clicking the "clock" button now opens the native browser picker
  • feat: add new validityChange event
  • feat: expose native HTML input

• 4ae689a: fix(OnyxDataGrid): show items per page even when not enough data is provided for usePagination feature

• f598fff: feat(OnyxFormElementV2): support popover description via popoverOptions.description

Patch Changes

• 018fb6e: fix(OnyxIcon): use span instead of figure

  Reason: From semantic HTML perspective, figure elements are not allowed inside some elements like e.g. <p>.
  To support using icons in more nesting contexts (without hydration warnings when using SSR), we changed the internally used element to span.

• ce40555: fix(OnyxDatePickerV2, OnyxInput, OnyxSelect, OnyxTimePicker): hide clear button when readonly, loading or disabled

• e004731: fix(OnyxCheckbox): use correct border radius for input and outline

• 328902b: fix(OnyxTable, OnyxDataGrid): correctly scope CSS selectors to not apply styles to cell content

  This e.g. fixes the issue that the OnyxDatePickerV2 looks broken when used inside a table or data grid.

• 1f5b69c: fix(OnyxFormElementV2): correctly scope styles to not apply to popover content

• 169f846: fix(OnyxFormElementV2): correctly hide bottom space when error exists but is not shown

• 2346a7e: fix(OnyxTimePicker): narrow type of "update:modelValue" emit depending on given type

• Updated dependencies

  • @sit-onyx/icons@1.9.0

@sit-onyx/tiptap@0.2.0

Minor Changes

• 9ac6890: feat(OnyxTextEditor): support minlength, maxlength and withCounter properties
• 2581398: feat(OnyxTextEditor): use OnyxFormElementV2 internally
  • refactor!: change type for message and success property
  • refactor!: remove hideLabel and labelTooltip property in favor of label.hidden and label.tooltipText
  • feat: support left aligned label using label.position
  • feat: support new properties: loading, error showError, required and requiredMarker

Patch Changes

• b49d8e6: fix(OnyxTextEditor): consider errors in native HTML form validation
• 08c21b2: fix: remove focus border and outline styles
• Updated dependencies
  • sit-onyx@1.12.0
  • @sit-onyx/icons@1.9.0