Releases: SchwarzIT/onyx
sit-onyx@1.9.0
Minor Changes
-
2899011: feat(OnyxNavBar): vertical navbar support
- implemented
OnyxVerticalNavBarsupport component - implemented new
orientation,expandedandalignmentproperties for supporting a vertical nav bar - implemented
OnyxMoreListfor automatic item overflow. - feat added tooltip and flyout positions & offset configurations
- implemented
-
b1254e8: feat: implemented new
OnyxUnstableSplitButtoncomponentFor 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.
-
bb05353: feat: implement new
OnyxUnstableFormElementV2componentThis component will replace the
OnyxFormElementin the future and be the unified foundation for other form elements.For now, the
OnyxUnstableFormElementV2component 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. -
9527d87: feat: support more languages
The following languages are now provided: Bulgarian, Czech, Spanish, French, Croatian, Italian, Korean (updated), Dutch, Polish, Portuguese, Romanian and Slovak
For a full list, please refer to the i18n documentation.
-
2899011: feat(OnyxFlyout & OnyxUserMenu):
- added left/right position support
-
ad676a1: The following utils are now exported:
FORM_INJECTED_SYMBOL,useFormContext,getFormMessages,injectI18nanduseForwardProps -
28b2948: feat(OnyxDataGrid): implemented
actionsoption for features to pass actions that are displayed above the data grid. -
ad676a1: feat(OnyxSystemButton): add
defaultslot
Patch Changes
-
ecb91f9: refactor: rename the "Timepicker" component, its related types and CSS classes to "TimePicker" (camel case) to be aligned with common naming conventions.
This affects:- Component name:
OnyxUnstableTimepickertoOnyxUnstableTimePicker - CSS classes:
.onyx-timepicker-*to.onyx-time-picker-* - types:
OnyxTimepickerPropstoOnyxTimePickerProps,TIMEPICKER_TYPEStoTIME_PICKER_TYPESandTimepickerSelectOptionstoTimePickerSelectOptions
- Component name:
-
bb05353: fix(OnyxBasicPopover): correctly manage open state internally if
openproperty is unset -
44564cd: fix(OnyxSystemButton): Fix incorrect icon size from 20px to 16px. The component size itself stays the same.
-
8e291bb: fix(OnyxFormElement): correctly apply
densityproperty -
Updated dependencies
- @sit-onyx/icons@1.7.0
@sit-onyx/tiptap@0.1.0
Minor Changes
-
ad676a1: Release initial version
For further information, please refer to the documentation
@sit-onyx/storybook-utils@1.1.2
Patch Changes
- b1254e8: fix(sourceCodeTransformer): Fix only first occurrence of a flag/icon svg content was being replaced by imported constant
- Updated dependencies
- @sit-onyx/icons@1.7.0
@sit-onyx/playwright-utils@1.2.0
Minor Changes
- 919731c: feat(executeMatrixScreenshotTest): Added new option
screenshotOptionsto pass playwright LocatorScreenshotOptions
@sit-onyx/icons@1.7.0
sit-onyx@1.8.0
Minor Changes
-
0b13ab6: feat: implement new
OnyxUnstableKeyandOnyxUnstableShortcutcomponents as well as_unstableUseShortcutcomposableFor now, the components and composable are marked as experimental/unstable which means that they are still under active development and the API might change in patch or minor releases. Keep an eye on the [changelog](https://onyx.schwarz/development/packages/changelogs/sit-onyx.html) when using them.
-
da2532c: feat(OnyxFormElement, OnyxForm): Add new
reserveMessageSpaceprop, which permanently blocks the message space (used by errors etc.) beneath the input field. Enabling this ensures no layout shifts are happening when the error state of an form element changes. This will become the new default behaviour von v2. -
7574590: The
OnyxUnstableCodeTabsandOnyxUnstableCodeTabcomponent are now considered stable so they are renamed toOnyxCodeTabsandOnyxCodeTab.
There won't be any breaking changes from now on within minor versions.Other changes:
- changed code font size from regular to small.
-
7664b2b: fix(OnyxDataGrid:stickyColumns):
- columns groups can now be adjusted via features
- make columns groups sticky for the sticky feature
Patch Changes
- 55835b4: fix(OnyxDatePicker): Fix timezone being considered incorrectly when calculating date
- 9b56bbb: fix(OnyxForm): Fix shorthand for
showErrorboolean prop not working - 4c113d6: fix(OnyxSlider): Tooltip not correctly aligned with thumb
- d0cdc5d: fix(OnyxDataGrid/filtering): Fix filterFunc value is always passed as string
- b5a641b: Deprecated the
--onyx-font-familyCSS variable. Use--onyx-font-family-paragraphinstead. - Updated dependencies [3e34b0c]
- @sit-onyx/icons@1.6.0
@sit-onyx/playwright-utils@1.1.1
Patch Changes
-
0b13ab6: fix(screenshot-matrix): support using UTF-16 characters for rows and columns
You can now use UTF-16 characters for row and column names when capturing screenshot matrix tests since they will now be escaped with
String.codePointAt()so the resulting CSS grid layout areas have valid values in such cases.
@sit-onyx/nuxt-docs@0.3.0
Minor Changes
- 02318ac: There are now new prose components available for usage in markdown files and existing ones have updated styles.
- add
InfoCardcomponent that uses theOnyxInfoCard - external links are opened with target
_blankby default - add
ProseCodecomponent for inline code snippets - updated vertical spacings for: h2 and h3 headlines, table, PackageManagerCodeTabs and NpmInstallCodeTabs
- add
ProseHrcomponent for horizontal separators - add
ProsePcomponent for regular paragraphs - replace
ResolvableIconcomponent withuseIconcomposable
- add
Patch Changes
- Updated dependencies [3fd9d72]
- sit-onyx@1.8.0
- @sit-onyx/icons@1.6.0
@sit-onyx/icons@1.6.0
Minor Changes
-
3e34b0c: feat: update icons
New
- dremio
- pubsub-service
@sit-onyx/headless@0.7.0
Minor Changes
-
df4fa65: feat(createSlider): adapt
markleft position style calculationThere is no additional
transformnecessary to align the marks, instead the necessary calculations parameters changed:positionOffsetis removedpaddingis added to allow for the definition of safe-zones at the start and beginning of the trail.markWidthis added to account it's width in the calculation and no additional transform is necessary.
E.g.
mark({ value: markItem.value, label: markItem.label, positionOffset: "0.25rem" });
is now
mark({ value: markItem.value, label: markItem.label, padding: "0.1rem", markWidth: "0.375rem" });