From 8beb853b71041043bab2cc94b2b8217d6002abd3 Mon Sep 17 00:00:00 2001 From: Lars Rickert Date: Wed, 8 Jan 2025 14:05:00 +0100 Subject: [PATCH] feat(OnyxHeadline): support `hash` property (#2434) Relates to #569 ## Checklist - [x] The added / edited code has been documented with [JSDoc](https://jsdoc.app/about-getting-started) - [x] All changes are documented in the documentation app (folder `apps/docs`) - [x] If a new component is added, at least one [Playwright screenshot test](https://github.com/SchwarzIT/onyx/actions/workflows/playwright-screenshots.yml) is added - [x] A changeset is added with `npx changeset add` if your changes should be released as npm package (because they affect the library usage) --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- .changeset/sweet-needles-reflect.md | 5 ++ apps/demo-app/src/views/HomeView.vue | 2 +- .../components/ComponentRoadmap.vue | 2 +- .../components/DesignVariableHeader.vue | 17 ++++- .../.vitepress/components/OnyxHomePage.vue | 4 +- .../.vitepress/components/OnyxIconLibrary.vue | 6 +- apps/docs/src/.vitepress/theme/theme.scss | 12 ++++ .../Headline-hash--edge-linux.png | Bin 0 -> 44028 bytes .../Headline-hash--firefox-linux.png | Bin 0 -> 59072 bytes .../Headline-hash--webkit-linux.png | Bin 0 -> 62380 bytes .../OnyxHeadline/OnyxHeadline.ct.tsx | 45 +++++++++++- .../OnyxHeadline/OnyxHeadline.stories.ts | 19 ++++- .../components/OnyxHeadline/OnyxHeadline.vue | 67 +++++++++++++++++- .../src/components/OnyxHeadline/types.ts | 9 +++ packages/sit-onyx/src/index.ts | 2 +- packages/sit-onyx/src/utils/strings.spec.ts | 15 +++- packages/sit-onyx/src/utils/strings.ts | 9 +++ 17 files changed, 200 insertions(+), 14 deletions(-) create mode 100644 .changeset/sweet-needles-reflect.md create mode 100644 packages/sit-onyx/playwright/snapshots/components/OnyxHeadline/Headline-hash--edge-linux.png create mode 100644 packages/sit-onyx/playwright/snapshots/components/OnyxHeadline/Headline-hash--firefox-linux.png create mode 100644 packages/sit-onyx/playwright/snapshots/components/OnyxHeadline/Headline-hash--webkit-linux.png diff --git a/.changeset/sweet-needles-reflect.md b/.changeset/sweet-needles-reflect.md new file mode 100644 index 0000000000..5222591bbb --- /dev/null +++ b/.changeset/sweet-needles-reflect.md @@ -0,0 +1,5 @@ +--- +"sit-onyx": minor +--- + +feat(OnyxHeadline): support `hash` property diff --git a/apps/demo-app/src/views/HomeView.vue b/apps/demo-app/src/views/HomeView.vue index 3781fb06a0..59f50dfff1 100644 --- a/apps/demo-app/src/views/HomeView.vue +++ b/apps/demo-app/src/views/HomeView.vue @@ -187,7 +187,7 @@ const selectedDate = ref(); No data available - Headline + Headline diff --git a/apps/docs/src/.vitepress/components/ComponentRoadmap.vue b/apps/docs/src/.vitepress/components/ComponentRoadmap.vue index 645fa475fe..593e1b547b 100644 --- a/apps/docs/src/.vitepress/components/ComponentRoadmap.vue +++ b/apps/docs/src/.vitepress/components/ComponentRoadmap.vue @@ -47,7 +47,7 @@ const shouldShowAllButton = computed(() => {