sit-onyx@1.11.0

Minor Changes

• 5466d27: feat(OnyxTimePicker): added showAmPm property to support 12-hour time format.

• 1b47fae: refactor(OnyxInput): use OnyxFormElementV2 internally

  • feat(OnyxInput): support new leadingIcons and trailingIcons slot
  • feat(OnyxInput): support left aligned label using label.position property
  • feat(OnyxInput): add new disableSlotPadding property (will become the default in version 2.x)
  • chore(OnyxInput): deprecate obsolete hideSuccessIcon property

• 8551d9a: feat(OnyxDatePickerV2): enhanced component functionality

  • added a clear button to remove the current selection
  • add new disabledDays prop to support disabling specific dates or ranges
  • the popover now automatically closes after a date range is selected
  • implemented form validation
  • support new viewMonth property

• 9819e34: feat: implement new OnyxUnstableFormElementAction component

  For now, the component is marked as experimental/unstable which means that it is still under active development and the API might change in patch or minor releases. Keep an eye on the changelog when using it.

• c20ef71: feat: implement new OnyxUnstableNavButton component

  For now, the component is marked as experimental/unstable which means that it is still under active development and the API might change in patch or minor releases. Keep an eye on the changelog when using it.

• a0aafe8: refactor(OnyxSelect): use OnyxFormElementV2 internally

  • feat(OnyxSelect): support left aligned label using label.position property
  • feat(OnyxSelect): support clear icon to clear the value. Can be disabled with hideClearIcon
  • feat(OnyxSelect): support new slots: leading, leadingIcons, trailingIcons, trailing
  • feat(OnyxSelect): show icon of selected option (in single select) in the leadingIcons slot by default
  • chore(OnyxSelect): deprecate obsolete hideSuccessIcon property

Patch Changes

• a0aafe8: fix(OnyxFormElementV2): correctly set popover trigger

  • set popover trigger correctly on the <input /> element instead of the input wrapper
  • correctly show error state when "touched" and a popover is used
  • also support passing popoverOptions.label to correctly define a different label for the popover than for the input itself
  • fix: truncate input value if its too long
  • fix: prevent popover from overlapping label if opened to the top
  • fix: use correct label gap when using skeleton in compact density

• fc16972: fix(OnyxSlider): Remove unintended root padding

• 1b47fae: The following properties were removed because they were non-existent / not functional and only added by accident.

  • OnyxDatePicker: hideClearIcon, hideSuccessIcon, showPassword
  • OnyxTextarea: showPassword

• 8b02aed: fix(OnyxDataGrid): export missing types for useEditing

• a0aafe8: fix(OnyxPagination,OnyxItemsPerPage): set select width to active value length to prevent unused whitespace

• b1912d2: fix(OnyxAlertModal): correctly hide close button when nonDismissible is set

• a0aafe8: - fix(OnyxFormElementAction): correctly hide whole component (including tooltip) when showOnFocus property is set

  • fix(OnyxFormElementAction): limit component height to the content height
  • feat(OnyxFormElementAction): support new highlighted property which will visually highlight the button, e.g. when the parent form element is focused

• 4b55515: fix(OnyxFormElementV2): fix styles

  • use correct label gap when skeleton is in compact density
  • use correct inline padding for input when leading/trailing icons exist

• fc16972: fix(OnyxSlider): Fixed misaligned marks

• Updated dependencies [0e552d7]

  • @sit-onyx/icons@1.8.0

@sit-onyx/nuxt-docs@0.5.0

Minor Changes

• b818852: perf(nuxt-docs): remove @nuxt/image due to performance issues

  We've experienced performance issues / "out of memory" issues for some deployment providers when using @nuxt/image.
  The @nuxt/image module and ProseImg was now removed by default so images are no longer automatically optimized.
  Also, you now no longer need to include the sharp onlyBuiltDependencies in your pnpm-workspace.yaml.

  If you still want to use @nuxt/image, simply install the module in your project and create a app/components/content/ProseImg.vue file where you are using the <NuxtImg /> component.

Patch Changes

• Updated dependencies [fc16972]
  • sit-onyx@1.11.0
  • @sit-onyx/icons@1.8.0

@sit-onyx/icons@1.8.0

Minor Changes

• 0e552d7: feat: update icons

  New

  • box-gift

@sit-onyx/headless@0.8.0

Minor Changes

• 8551d9a: feat(createCalendar): viewMonth updates after selecting a date

• fc16972: feat(createSlider): Removed non-headless elements and properties

  • Added getValueInPercentage to exposed internals, which allows converting a value to a percentage value.
  • Added track to state, which exposes the following values:
    • start
    • startPercentage
    • end
    • endPercentage

  BREAKING CHANGE:

  • Removed track element, use the computed track state for rendering a track element if needed.
  • Removed thumbContainer element, if necessary the relative position can be calculated using getValueInPercentage.

  The concept of marks was removed form the headless slider, as they don't have any special accessibility properties or meaning.

  • Removed option property marks
  • Removed type SliderMark
  • Removed mark element
  • Removed marks state

@sit-onyx/flags@1.2.0

Minor Changes

• 6259abe: feat: add country name for ES-CN (Canary Islands)

• 6259abe: feat: update flags

  New

  • ES-CN

  Modified

  • SE
  • VA

sit-onyx@1.10.0

Minor Changes

• e76203e: feat: implement new OnyxUnstableDatePickerV2 component

  This component will replace the OnyxDatePicker in the future.

  For now, the OnyxUnstableDatePickerV2 component is marked as experimental/unstable which means that it is still under active development and the API might change in patch or minor releases. Keep an eye on the changelog when using it.

• 661b343: feat(OnyxTimePicker): implemented range mode

• 5ffe689: feat(OnyxFormElementV2): implement skeleton property

• 79b76de: feat(OnyxFormElementV2): support loading property and fix height to align with other form elements

• 3084837: feat(OnyxFormElementV2): improve popover handling and styles

  • block input typing when popover exists
  • manage open state + close on outside click
  • support popoverOptions property
  • apply focus styles when popover is open

• db6f050: feat(OnyxPageLayout): add smooth scroll behavior to main content / scroll area

• 984ce9e: feat(OnyxDataGrid): Added base row type 'select'

• 984ce9e: feat(OnyxDataGrid): Extended feature API with new 'enhanceCells' and 'enhanceRow' hooks
  These allow modifying render details per cell/row.
  The provided function is called for each cell/row, after the matching typeRenderer was applied.

• 984ce9e: feat(OnyxDataGrid): Implemented basic useEditing() inline editing feature

  For all base column typeRenderers editing is supported.
  To enable editing with custom types, you will need to implement two things:

  1. Check for the editable prop in the metadata to decide if the cell should render in "display" or "edit" mode.
  2. Implement or call the onUpdate:modelValue when the value is supposed to change through an edit.

  Example

  export const MY_CUSTOM_RENDERER = DataGridFeatures.createTypeRenderer({
    header: { component: HeaderCell },
    cell: {
      // The *rest* property includes `modelValue` and the `onUpdate:modelValue` event handler
      component: ({ column, row, metadata, ...rest }) =>
        metadata?.editable
          ? h(EditingComponent, {
              label: `${column} with id ${row.id}`,
              ...rest,
            })
          : h(DisplayComponent, { ...metadata?.typeOptions, ...rest }),
    },
  });

  Caveats:

  • Currently only basic editing is supported.
  • Managing editable for individual cells or columns state must currently performed in the application. Per default all cells and rows are either editable or not editable.
  • Filtering and Sorting features are always using the original value, not the edited value.

• f61969f: feat(OnyxSlider): support new mark slot for custom mark label content

Patch Changes

• 7e193bd: fix(OnyxTab): fix incorrect underline color
• 0f03aa9: fix: Resolve hydration mismatch errors in SSR
• b62e57c: fix(OnyxBasicDialog): Fix 'nonDismissible' modal dialogs loosing their background after pressing escape twice
• 984ce9e: fix(OnyxDataGrid): Fix increased row height for columnType "boolean" caused by icon
• e76203e: refactor(OnyxUnstableFormElementV2): rename type FormElementPopoverOptions to FormElementV2PopoverOptions
  • fix(OnyxUnstableFormElementV2): Correctly determine inside elements for closing on outside click
  • fix(OnyxBasicPopover): Prevent toggle when disabled
• 4b31bbd: fix(OnyxPageLayout): Correctly disable centering of nested onyx-grid-layout when a sidebar exsists

@sit-onyx/playwright-utils@1.2.1

Patch Changes

• b62e57c: fix(expectEmit): Improve error/failure messages

@sit-onyx/nuxt-docs@0.4.0

Minor Changes

• 4b31bbd: feat(sidebar-layout): support hero slot, remove noPadding property since it collides with the TOC
• db6f050: feat: support table of contents for sidebar layout

Patch Changes

• 9ea853e: fix(nav-bar): hide color scheme switch when forced
• Updated dependencies [3084837]
  • sit-onyx@1.10.0

@sit-onyx/headless@0.7.1

Patch Changes

• f61969f: fix(createSlider): correctly center first and last mark label
• 3084837: refactor(useOutsideClick): update inside type to also allow Element

@sit-onyx/flags@1.1.0

Minor Changes

• ef0ba45: feat: update flags

  New

  • ES-AR
  • ES-CE
  • ES-GA
  • ES-IB
  • ES-ML
  • ES-PV
  • FR-20R
  • FR-BRE
  • GB-NIR

  Modified

  • CY
  • DK
  • FO
  • GB-WLS
  • HR
  • IS
  • LI
  • LV
  • ME
  • NO
  • RS
  • SE
  • SM