From a03c6be8fcc0fb6c52f5612d8b789cf008d4b213 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Aliz=C3=A9=20Debray?= Date: Mon, 1 Jul 2024 12:25:17 +0200 Subject: [PATCH 1/3] feat(internet-header): expose CSS custom properties --- packages/internet-header/package.json | 2 +- .../post-internet-header.scss | 13 +++-------- .../post-internet-header.tsx | 6 +++++ packages/internet-header/src/root.scss | 7 ++++++ .../internet-header/src/utils/mixins.scss | 22 +++++++++++++++++++ .../internet-header/src/utils/variables.scss | 19 ++++++++++++++++ .../internet-header/stencil.config.dev.ts | 13 +++++++++++ packages/internet-header/stencil.config.ts | 2 +- 8 files changed, 72 insertions(+), 12 deletions(-) create mode 100644 packages/internet-header/src/root.scss create mode 100644 packages/internet-header/src/utils/variables.scss create mode 100644 packages/internet-header/stencil.config.dev.ts diff --git a/packages/internet-header/package.json b/packages/internet-header/package.json index 2d3ec4aa9d..2884cdd71c 100644 --- a/packages/internet-header/package.json +++ b/packages/internet-header/package.json @@ -27,7 +27,7 @@ "loader/" ], "scripts": { - "dev": "stencil build --serve --port 9310 --watch --docs-readme --dev", + "dev": "stencil build --serve --port 9310 --watch --docs-readme --dev --config stencil.config.dev.ts", "start": "stencil build --watch --docs-readme", "build": "stencil build --docs-readme", "clean": "rimraf www dist loader", diff --git a/packages/internet-header/src/components/post-internet-header/post-internet-header.scss b/packages/internet-header/src/components/post-internet-header/post-internet-header.scss index beed680f81..77e580502c 100644 --- a/packages/internet-header/src/components/post-internet-header/post-internet-header.scss +++ b/packages/internet-header/src/components/post-internet-header/post-internet-header.scss @@ -2,6 +2,7 @@ @use '@swisspost/design-system-styles/placeholders/color' as color-ph; @use '../../utils/utils.scss'; @use '../../utils/mixins.scss'; +@use '../../utils/variables.scss'; @use './logo-animation/logo-animation.scss'; :host { @@ -13,18 +14,10 @@ font-weight: 300; z-index: var(--header-z-index, 10); - --header-height: 3.5rem; // 56px - --meta-header-height: 0px; // Not visible on mobile --language-dropdown-margin-top: 0px; - @include mixins.min(lg) { - --meta-header-height: 3rem; // 48px - --header-height: 4rem; // 64px - } - - @include mixins.min(xl) { - --header-height: 4.5rem; // 72px - } + @include mixins.set-custom-property(--meta-header-height, variables.$meta-header-height); + @include mixins.set-custom-property(--header-height, variables.$header-height); } // Set height to 0 if meta is never visible diff --git a/packages/internet-header/src/components/post-internet-header/post-internet-header.tsx b/packages/internet-header/src/components/post-internet-header/post-internet-header.tsx index c1b2b84af9..a55d3fced6 100644 --- a/packages/internet-header/src/components/post-internet-header/post-internet-header.tsx +++ b/packages/internet-header/src/components/post-internet-header/post-internet-header.tsx @@ -223,6 +223,12 @@ export class PostInternetHeader { this.host.classList.add('header-loaded'); if (this.meta && this.metaNav) { this.updateLogoAnimation = registerLogoAnimationObserver(this.metaNav, this.host); + } else { + // Set height to 0 if meta is never visible and global variables are defined + const rootStyles = window.getComputedStyle(document.documentElement); + if (rootStyles.getPropertyValue('--post-meta-header-height') !== '') { + document.documentElement.style.setProperty('--post-meta-header-height', '0px'); + } } }); diff --git a/packages/internet-header/src/root.scss b/packages/internet-header/src/root.scss new file mode 100644 index 0000000000..dcf93f21d3 --- /dev/null +++ b/packages/internet-header/src/root.scss @@ -0,0 +1,7 @@ +@use 'utils/mixins'; +@use 'utils/variables'; + +:root { + @include mixins.set-custom-property(--post-meta-header-height, variables.$meta-header-height); + @include mixins.set-custom-property(--post-header-height, variables.$header-height); +} diff --git a/packages/internet-header/src/utils/mixins.scss b/packages/internet-header/src/utils/mixins.scss index bae29f2bc2..1064086cfe 100644 --- a/packages/internet-header/src/utils/mixins.scss +++ b/packages/internet-header/src/utils/mixins.scss @@ -1,4 +1,6 @@ @use "sass:map"; +@use 'sass:selector'; +@use 'sass:string'; @use "@swisspost/design-system-styles/variables/breakpoints"; @mixin min($point) { @@ -45,3 +47,23 @@ padding-left: 40px; } } + +@mixin set-custom-property($var, $sizes) { + $is-root: selector.is-superselector(&, ':root'); + $previous-size: null; + @each $breakpoint, $size in $sizes { + $value: if($is-root, $size, var(#{string.insert($var, "post-", 3)}, $size)); + + @if($size == $previous-size) { + // no styles + } @else if($breakpoint == xs) { + #{$var}: $value; + } @else { + @include min($breakpoint) { + #{$var}: $value; + } + } + + $previous-size: $size; + } +} diff --git a/packages/internet-header/src/utils/variables.scss b/packages/internet-header/src/utils/variables.scss new file mode 100644 index 0000000000..d4e84f9305 --- /dev/null +++ b/packages/internet-header/src/utils/variables.scss @@ -0,0 +1,19 @@ +$meta-header-height: ( + xs: 0px, + sm: 0px, + rg: 0px, + md: 0px, + lg: 3rem, + xl: 3rem, + xxl: 3rem, +); + +$header-height: ( + xs: 3.5rem, + sm: 3.5rem, + rg: 3.5rem, + md: 3.5rem, + lg: 4rem, + xl: 4.5rem, + xxl: 4.5rem, +); diff --git a/packages/internet-header/stencil.config.dev.ts b/packages/internet-header/stencil.config.dev.ts new file mode 100644 index 0000000000..7c3a2205a8 --- /dev/null +++ b/packages/internet-header/stencil.config.dev.ts @@ -0,0 +1,13 @@ +import { Config } from '@stencil/core'; +import { sass } from '@stencil/sass'; +import { config as prodConfig } from './stencil.config'; + +export const config: Config = { + ...prodConfig, + globalStyle: 'src/styles.scss', + plugins: [ + sass({ + includePaths: ['node_modules'], + }), + ], +}; diff --git a/packages/internet-header/stencil.config.ts b/packages/internet-header/stencil.config.ts index a2a32d5e43..ad811cdbb2 100644 --- a/packages/internet-header/stencil.config.ts +++ b/packages/internet-header/stencil.config.ts @@ -4,7 +4,7 @@ import scss from 'rollup-plugin-scss'; export const config: Config = { namespace: 'swisspost-internet-header', - globalStyle: 'src/styles.scss', + globalStyle: 'src/root.scss', buildEs5: 'prod', sourceMap: false, bundles: [ From 94067044b33452aaabc137211d152f57856feb34 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Aliz=C3=A9=20Debray?= Date: Tue, 2 Jul 2024 09:38:02 +0200 Subject: [PATCH 2/3] Add documentation --- .changeset/flat-gifts-report.md | 6 + .../.storybook/styles/preview.scss | 1 + .../header-css-variables.docs.mdx | 17 + .../header-css-variables.stories.ts | 32 ++ .../internet-header/internet-header.docs.mdx | 22 +- .../post-internet-header.scss | 4 +- packages/internet-header/src/root.scss | 1 + .../internet-header/src/utils/mixins.scss | 28 +- .../internet-header/src/utils/variables.scss | 2 + pnpm-lock.yaml | 436 ++++++++++-------- 10 files changed, 355 insertions(+), 194 deletions(-) create mode 100644 .changeset/flat-gifts-report.md create mode 100644 packages/documentation/src/stories/components/internet-header/header/overrides-stories/header-css-variables.docs.mdx create mode 100644 packages/documentation/src/stories/components/internet-header/header/overrides-stories/header-css-variables.stories.ts diff --git a/.changeset/flat-gifts-report.md b/.changeset/flat-gifts-report.md new file mode 100644 index 0000000000..8a8b95a6ba --- /dev/null +++ b/.changeset/flat-gifts-report.md @@ -0,0 +1,6 @@ +--- +'@swisspost/internet-header': minor +'@swisspost/design-system-documentation': minor +--- + +Added a new stylesheet containing `:root` CSS custom properties to facilitate implementing styles relative to the header. diff --git a/packages/documentation/.storybook/styles/preview.scss b/packages/documentation/.storybook/styles/preview.scss index 79104b3f34..d6323a2cd4 100644 --- a/packages/documentation/.storybook/styles/preview.scss +++ b/packages/documentation/.storybook/styles/preview.scss @@ -3,6 +3,7 @@ @use '@swisspost/design-system-styles/intranet.scss'; @use '@swisspost/design-system-styles/core.scss' as post; @use '@swisspost/design-system-styles/mixins/utilities'; +@use '@swisspost/internet-header/dist/swisspost-internet-header/swisspost-internet-header.css'; #storybook-root, #storybook-docs { diff --git a/packages/documentation/src/stories/components/internet-header/header/overrides-stories/header-css-variables.docs.mdx b/packages/documentation/src/stories/components/internet-header/header/overrides-stories/header-css-variables.docs.mdx new file mode 100644 index 0000000000..a93f37dfbe --- /dev/null +++ b/packages/documentation/src/stories/components/internet-header/header/overrides-stories/header-css-variables.docs.mdx @@ -0,0 +1,17 @@ +import { Meta, Canvas, Controls } from '@storybook/blocks'; +import * as HeaderStories from './header-css-variables.stories'; +import '../header.scss'; + + + +
+

Internet Header CSS Variables

+

When you need to implement styling relative to the header.

+
+ + + +## Style Imports + +To access the CSS variables for the header, you need to install an optional stylesheet into your project. +Learn more in the header CSS variables stylesheet documentation. diff --git a/packages/documentation/src/stories/components/internet-header/header/overrides-stories/header-css-variables.stories.ts b/packages/documentation/src/stories/components/internet-header/header/overrides-stories/header-css-variables.stories.ts new file mode 100644 index 0000000000..7bb135c8e2 --- /dev/null +++ b/packages/documentation/src/stories/components/internet-header/header/overrides-stories/header-css-variables.stories.ts @@ -0,0 +1,32 @@ +import meta from '@/stories/components/internet-header/header/header.stories'; +import * as HeaderStories from '@/stories/components/internet-header/header/header.stories'; +import { Args } from '@storybook/web-components'; +import { html } from 'lit'; + +export default { + ...HeaderStories.default, + id: 'bfdf4e7c-37d3-40f8-a5d0-734f3e6612b5', + title: 'Components/Internet Header/Header/CSS Variables', +}; + +export const Default = { + render: (args: Args, context: any) => { + return html` + + ${meta.render && meta.render(args, context)} +

+ I am sticky! I am always positioned right below the header when you scroll up and down. +

+ `; + }, +}; diff --git a/packages/documentation/src/stories/getting-started/packages/internet-header/internet-header.docs.mdx b/packages/documentation/src/stories/getting-started/packages/internet-header/internet-header.docs.mdx index 01df1a5d20..2639b1b6fb 100644 --- a/packages/documentation/src/stories/getting-started/packages/internet-header/internet-header.docs.mdx +++ b/packages/documentation/src/stories/getting-started/packages/internet-header/internet-header.docs.mdx @@ -21,9 +21,11 @@ import { SourceDarkMode } from '@/../.storybook/preview'; The header for client-facing applications. ## Preparation @@ -99,6 +101,22 @@ Available CDNs: +## CSS Variables + +The internet header package provides a stylesheet aimed at facilitating the use of key CSS variables beyond the header itself. +This stylesheet allows you to access CSS variables to implement styling relative to the header as needed, but it is completely optional. + + + Sass Import + + + + HTML Import + + `} dark={SourceDarkMode} language="html" /> + + + ## Usage with Angular For Angular user, please have a look at [How to integrate Web Components inside Angular](/?path=/docs/8426deb2-3d6d-4fcc-90e6-1ca9737b2ed0--docs#usage-of-web-components) diff --git a/packages/internet-header/src/components/post-internet-header/post-internet-header.scss b/packages/internet-header/src/components/post-internet-header/post-internet-header.scss index 77e580502c..6c32f688e2 100644 --- a/packages/internet-header/src/components/post-internet-header/post-internet-header.scss +++ b/packages/internet-header/src/components/post-internet-header/post-internet-header.scss @@ -55,7 +55,9 @@ :host(.stickyness-minimal.scrolling-up), :host(.stickyness-minimal.dropdown-open) { top: calc(var(--meta-header-height, 0px) * -1); - transition: top 200ms ease-out; + + @include mixins.set-custom-property(--header-slide-in-transition, variables.$header-slide-in-transition); + transition: var(--header-slide-in-transition); } } diff --git a/packages/internet-header/src/root.scss b/packages/internet-header/src/root.scss index dcf93f21d3..80d0448b48 100644 --- a/packages/internet-header/src/root.scss +++ b/packages/internet-header/src/root.scss @@ -4,4 +4,5 @@ :root { @include mixins.set-custom-property(--post-meta-header-height, variables.$meta-header-height); @include mixins.set-custom-property(--post-header-height, variables.$header-height); + @include mixins.set-custom-property(--post-header-slide-in-transition, variables.$header-slide-in-transition); } diff --git a/packages/internet-header/src/utils/mixins.scss b/packages/internet-header/src/utils/mixins.scss index 1064086cfe..68d4ca39ae 100644 --- a/packages/internet-header/src/utils/mixins.scss +++ b/packages/internet-header/src/utils/mixins.scss @@ -48,22 +48,32 @@ } } -@mixin set-custom-property($var, $sizes) { - $is-root: selector.is-superselector(&, ':root'); - $previous-size: null; - @each $breakpoint, $size in $sizes { - $value: if($is-root, $size, var(#{string.insert($var, "post-", 3)}, $size)); +@mixin set-custom-property($var, $value) { + @if (type-of($value) == 'map') { + @include _responsive-custom-property($var, $value); + } @else { + @include _custom-property($var, $value); + } +} - @if($size == $previous-size) { +@mixin _responsive-custom-property($var, $values) { + $previous-value: null; + @each $breakpoint, $value in $values { + @if($value == $previous-value) { // no styles } @else if($breakpoint == xs) { - #{$var}: $value; + @include _custom-property($var, $value); } @else { @include min($breakpoint) { - #{$var}: $value; + @include _custom-property($var, $value); } } - $previous-size: $size; + $previous-value: $value; } } + +@mixin _custom-property($var, $value) { + $is-root: selector.is-superselector(&, ':root'); + #{$var}: if($is-root, $value, var(#{string.insert($var, "post-", 3)}, $value)); +} diff --git a/packages/internet-header/src/utils/variables.scss b/packages/internet-header/src/utils/variables.scss index d4e84f9305..c54317dc2d 100644 --- a/packages/internet-header/src/utils/variables.scss +++ b/packages/internet-header/src/utils/variables.scss @@ -17,3 +17,5 @@ $header-height: ( xl: 4.5rem, xxl: 4.5rem, ); + +$header-slide-in-transition: top 200ms ease-out; diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 9e9432bd18..319ef15aa9 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -513,16 +513,16 @@ importers: version: 3.1.2(cypress@13.11.0) '@storybook/addon-docs': specifier: 8.1.9 - version: 8.1.9(@types/react-dom@18.3.0)(encoding@0.1.13)(prettier@2.8.8) + version: 8.1.9(@types/react-dom@18.3.0)(encoding@0.1.13)(prettier@3.3.2) '@storybook/addon-essentials': specifier: 8.1.9 - version: 8.1.9(@types/react-dom@18.3.0)(@types/react@18.3.3)(encoding@0.1.13)(prettier@2.8.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) + version: 8.1.9(@types/react-dom@18.3.0)(@types/react@18.3.3)(encoding@0.1.13)(prettier@3.3.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) '@storybook/addon-links': specifier: 8.1.9 version: 8.1.9(react@18.3.1) '@storybook/blocks': specifier: 8.1.9 - version: 8.1.9(@types/react-dom@18.3.0)(@types/react@18.3.3)(encoding@0.1.13)(prettier@2.8.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) + version: 8.1.9(@types/react-dom@18.3.0)(@types/react@18.3.3)(encoding@0.1.13)(prettier@3.3.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) '@storybook/components': specifier: 8.1.9 version: 8.1.9(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) @@ -546,10 +546,10 @@ importers: version: 8.1.9 '@storybook/web-components': specifier: 8.1.9 - version: 8.1.9(encoding@0.1.13)(lit@3.1.4)(prettier@2.8.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) + version: 8.1.9(encoding@0.1.13)(lit@3.1.4)(prettier@3.3.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) '@storybook/web-components-vite': specifier: 8.1.9 - version: 8.1.9(encoding@0.1.13)(lit@3.1.4)(prettier@2.8.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.3.3)(vite@5.1.7(@types/node@20.14.0)(less@4.2.0)(sass@1.77.5)(terser@5.29.1)) + version: 8.1.9(encoding@0.1.13)(lit@3.1.4)(prettier@3.3.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.3.3)(vite@5.1.7(@types/node@20.14.0)(less@4.2.0)(sass@1.77.5)(terser@5.29.1)) '@swisspost/design-system-components-angular': specifier: workspace:7.2.0 version: link:../components-angular/dist/components @@ -775,7 +775,7 @@ importers: version: 14.0.1 jest: specifier: 29.7.0 - version: 29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@5.2.2)) + version: 29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@4.9.5)) jest-environment-jsdom: specifier: 29.7.0 version: 29.7.0 @@ -799,7 +799,7 @@ importers: version: 2.0.4 ts-jest: specifier: 29.1.5 - version: 29.1.5(@babel/core@7.24.7)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.24.7))(jest@29.7.0(@types/node@20.14.0))(typescript@4.9.5) + version: 29.1.5(@babel/core@7.24.7)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.24.7))(jest@29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@4.9.5)))(typescript@4.9.5) typescript: specifier: 4.9.5 version: 4.9.5 @@ -1081,7 +1081,7 @@ importers: version: 5.1.0 jest: specifier: 29.7.0 - version: 29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@5.2.2)) + version: 29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@5.3.3)) postcss: specifier: 8.4.38 version: 8.4.38 @@ -11616,7 +11616,7 @@ snapshots: '@vitejs/plugin-basic-ssl': 1.1.0(vite@5.1.7(@types/node@20.12.7)(less@4.2.0)(sass@1.71.1)(terser@5.29.1)) ansi-colors: 4.1.3 autoprefixer: 10.4.18(postcss@8.4.35) - babel-loader: 9.1.3(@babel/core@7.24.0)(webpack@5.90.3) + babel-loader: 9.1.3(@babel/core@7.24.0)(webpack@5.90.3(esbuild@0.20.1)) babel-plugin-istanbul: 6.1.1 browserslist: 4.23.0 copy-webpack-plugin: 11.0.0(webpack@5.90.3(esbuild@0.20.1)) @@ -11655,11 +11655,11 @@ snapshots: tslib: 2.6.2 typescript: 5.3.3 undici: 6.11.1 - vite: 5.1.7(@types/node@20.12.7)(less@4.2.0)(sass@1.71.1)(terser@5.29.1) + vite: 5.1.7(@types/node@20.12.7)(less@4.2.0)(sass@1.77.5)(terser@5.29.1) watchpack: 2.4.0 webpack: 5.90.3(esbuild@0.20.1) webpack-dev-middleware: 6.1.2(webpack@5.90.3(esbuild@0.20.1)) - webpack-dev-server: 4.15.1(webpack@5.90.3(esbuild@0.20.1)) + webpack-dev-server: 4.15.1(webpack@5.92.0) webpack-merge: 5.10.0 webpack-subresource-integrity: 5.1.0(webpack@5.90.3(esbuild@0.20.1)) optionalDependencies: @@ -11710,7 +11710,7 @@ snapshots: '@vitejs/plugin-basic-ssl': 1.1.0(vite@5.1.7(@types/node@20.14.0)(less@4.2.0)(sass@1.71.1)(terser@5.29.1)) ansi-colors: 4.1.3 autoprefixer: 10.4.18(postcss@8.4.35) - babel-loader: 9.1.3(@babel/core@7.24.0)(webpack@5.90.3) + babel-loader: 9.1.3(@babel/core@7.24.0)(webpack@5.90.3(esbuild@0.20.1)) babel-plugin-istanbul: 6.1.1 browserslist: 4.23.0 copy-webpack-plugin: 11.0.0(webpack@5.90.3(esbuild@0.20.1)) @@ -14245,6 +14245,41 @@ snapshots: - ts-node optional: true + '@jest/core@29.7.0(ts-node@10.9.2(@types/node@20.14.0)(typescript@4.9.5))': + dependencies: + '@jest/console': 29.7.0 + '@jest/reporters': 29.7.0 + '@jest/test-result': 29.7.0 + '@jest/transform': 29.7.0 + '@jest/types': 29.6.3 + '@types/node': 20.14.0 + ansi-escapes: 4.3.2 + chalk: 4.1.2 + ci-info: 3.8.0 + exit: 0.1.2 + graceful-fs: 4.2.11 + jest-changed-files: 29.7.0 + jest-config: 29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@4.9.5)) + jest-haste-map: 29.7.0 + jest-message-util: 29.7.0 + jest-regex-util: 29.6.3 + jest-resolve: 29.7.0 + jest-resolve-dependencies: 29.7.0 + jest-runner: 29.7.0 + jest-runtime: 29.7.0 + jest-snapshot: 29.7.0 + jest-util: 29.7.0 + jest-validate: 29.7.0 + jest-watcher: 29.7.0 + micromatch: 4.0.5 + pretty-format: 29.7.0 + slash: 3.0.0 + strip-ansi: 6.0.1 + transitivePeerDependencies: + - babel-plugin-macros + - supports-color + - ts-node + '@jest/core@29.7.0(ts-node@10.9.2(@types/node@20.14.0)(typescript@5.2.2))': dependencies: '@jest/console': 29.7.0 @@ -15225,9 +15260,9 @@ snapshots: memoizerific: 1.11.3 ts-dedent: 2.2.0 - '@storybook/addon-controls@8.1.9(@types/react-dom@18.3.0)(@types/react@18.3.3)(encoding@0.1.13)(prettier@2.8.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)': + '@storybook/addon-controls@8.1.9(@types/react-dom@18.3.0)(@types/react@18.3.3)(encoding@0.1.13)(prettier@3.3.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)': dependencies: - '@storybook/blocks': 8.1.9(@types/react-dom@18.3.0)(@types/react@18.3.3)(encoding@0.1.13)(prettier@2.8.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) + '@storybook/blocks': 8.1.9(@types/react-dom@18.3.0)(@types/react@18.3.3)(encoding@0.1.13)(prettier@3.3.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) dequal: 2.0.3 lodash: 4.17.21 ts-dedent: 2.2.0 @@ -15240,11 +15275,11 @@ snapshots: - react-dom - supports-color - '@storybook/addon-docs@8.1.9(@types/react-dom@18.3.0)(encoding@0.1.13)(prettier@2.8.8)': + '@storybook/addon-docs@8.1.9(@types/react-dom@18.3.0)(encoding@0.1.13)(prettier@3.3.2)': dependencies: '@babel/core': 7.24.7 '@mdx-js/react': 3.0.1(@types/react@18.3.3)(react@18.3.1) - '@storybook/blocks': 8.1.9(@types/react-dom@18.3.0)(@types/react@18.3.3)(encoding@0.1.13)(prettier@2.8.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) + '@storybook/blocks': 8.1.9(@types/react-dom@18.3.0)(@types/react@18.3.3)(encoding@0.1.13)(prettier@3.3.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) '@storybook/client-logger': 8.1.9 '@storybook/components': 8.1.9(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) '@storybook/csf-plugin': 8.1.9 @@ -15268,18 +15303,18 @@ snapshots: - prettier - supports-color - '@storybook/addon-essentials@8.1.9(@types/react-dom@18.3.0)(@types/react@18.3.3)(encoding@0.1.13)(prettier@2.8.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)': + '@storybook/addon-essentials@8.1.9(@types/react-dom@18.3.0)(@types/react@18.3.3)(encoding@0.1.13)(prettier@3.3.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)': dependencies: '@storybook/addon-actions': 8.1.9 '@storybook/addon-backgrounds': 8.1.9 - '@storybook/addon-controls': 8.1.9(@types/react-dom@18.3.0)(@types/react@18.3.3)(encoding@0.1.13)(prettier@2.8.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) - '@storybook/addon-docs': 8.1.9(@types/react-dom@18.3.0)(encoding@0.1.13)(prettier@2.8.8) + '@storybook/addon-controls': 8.1.9(@types/react-dom@18.3.0)(@types/react@18.3.3)(encoding@0.1.13)(prettier@3.3.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) + '@storybook/addon-docs': 8.1.9(@types/react-dom@18.3.0)(encoding@0.1.13)(prettier@3.3.2) '@storybook/addon-highlight': 8.1.9 '@storybook/addon-measure': 8.1.9 '@storybook/addon-outline': 8.1.9 '@storybook/addon-toolbars': 8.1.9 '@storybook/addon-viewport': 8.1.9 - '@storybook/core-common': 8.1.9(encoding@0.1.13)(prettier@2.8.8) + '@storybook/core-common': 8.1.9(encoding@0.1.13)(prettier@3.3.2) '@storybook/manager-api': 8.1.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1) '@storybook/node-logger': 8.1.9 '@storybook/preview-api': 8.1.9 @@ -15321,14 +15356,14 @@ snapshots: dependencies: memoizerific: 1.11.3 - '@storybook/blocks@8.1.9(@types/react-dom@18.3.0)(@types/react@18.3.3)(encoding@0.1.13)(prettier@2.8.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)': + '@storybook/blocks@8.1.9(@types/react-dom@18.3.0)(@types/react@18.3.3)(encoding@0.1.13)(prettier@3.3.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)': dependencies: '@storybook/channels': 8.1.9 '@storybook/client-logger': 8.1.9 '@storybook/components': 8.1.9(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) '@storybook/core-events': 8.1.9 '@storybook/csf': 0.1.7 - '@storybook/docs-tools': 8.1.9(encoding@0.1.13)(prettier@2.8.8) + '@storybook/docs-tools': 8.1.9(encoding@0.1.13)(prettier@3.3.2) '@storybook/global': 5.0.0 '@storybook/icons': 1.2.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1) '@storybook/manager-api': 8.1.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1) @@ -15357,27 +15392,6 @@ snapshots: - prettier - supports-color - '@storybook/builder-manager@8.1.9(encoding@0.1.13)(prettier@2.8.8)': - dependencies: - '@fal-works/esbuild-plugin-global-externals': 2.1.2 - '@storybook/core-common': 8.1.9(encoding@0.1.13)(prettier@2.8.8) - '@storybook/manager': 8.1.9 - '@storybook/node-logger': 8.1.9 - '@types/ejs': 3.1.2 - '@yarnpkg/esbuild-plugin-pnp': 3.0.0-rc.15(esbuild@0.20.1) - browser-assert: 1.2.1 - ejs: 3.1.10 - esbuild: 0.20.1 - esbuild-plugin-alias: 0.2.1 - express: 4.18.2 - fs-extra: 11.1.1 - process: 0.11.10 - util: 0.12.5 - transitivePeerDependencies: - - encoding - - prettier - - supports-color - '@storybook/builder-manager@8.1.9(encoding@0.1.13)(prettier@3.3.2)': dependencies: '@fal-works/esbuild-plugin-global-externals': 2.1.2 @@ -15399,11 +15413,11 @@ snapshots: - prettier - supports-color - '@storybook/builder-vite@8.1.9(encoding@0.1.13)(prettier@2.8.8)(typescript@5.3.3)(vite@5.1.7(@types/node@20.14.0)(less@4.2.0)(sass@1.77.5)(terser@5.29.1))': + '@storybook/builder-vite@8.1.9(encoding@0.1.13)(prettier@3.3.2)(typescript@5.3.3)(vite@5.1.7(@types/node@20.14.0)(less@4.2.0)(sass@1.77.5)(terser@5.29.1))': dependencies: '@storybook/channels': 8.1.9 '@storybook/client-logger': 8.1.9 - '@storybook/core-common': 8.1.9(encoding@0.1.13)(prettier@2.8.8) + '@storybook/core-common': 8.1.9(encoding@0.1.13)(prettier@3.3.2) '@storybook/core-events': 8.1.9 '@storybook/csf-plugin': 8.1.9 '@storybook/node-logger': 8.1.9 @@ -15523,43 +15537,6 @@ snapshots: - '@types/react' - '@types/react-dom' - '@storybook/core-common@8.1.9(encoding@0.1.13)(prettier@2.8.8)': - dependencies: - '@storybook/core-events': 8.1.9 - '@storybook/csf-tools': 8.1.9 - '@storybook/node-logger': 8.1.9 - '@storybook/types': 8.1.9 - '@yarnpkg/fslib': 2.10.3 - '@yarnpkg/libzip': 2.3.0 - chalk: 4.1.2 - cross-spawn: 7.0.3 - esbuild: 0.20.1 - esbuild-register: 3.5.0(esbuild@0.20.1) - execa: 5.1.1 - file-system-cache: 2.3.0 - find-cache-dir: 3.3.2 - find-up: 5.0.0 - fs-extra: 11.1.1 - glob: 10.4.1 - handlebars: 4.7.7 - lazy-universal-dotenv: 4.0.0 - node-fetch: 2.7.0(encoding@0.1.13) - picomatch: 2.3.1 - pkg-dir: 5.0.0 - prettier-fallback: prettier@3.3.2 - pretty-hrtime: 1.0.3 - resolve-from: 5.0.0 - semver: 7.6.0 - tempy: 3.1.0 - tiny-invariant: 1.3.3 - ts-dedent: 2.2.0 - util: 0.12.5 - optionalDependencies: - prettier: 2.8.8 - transitivePeerDependencies: - - encoding - - supports-color - '@storybook/core-common@8.1.9(encoding@0.1.13)(prettier@3.3.2)': dependencies: '@storybook/core-events': 8.1.9 @@ -15602,62 +15579,6 @@ snapshots: '@storybook/csf': 0.1.7 ts-dedent: 2.2.0 - '@storybook/core-server@8.1.9(encoding@0.1.13)(prettier@2.8.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)': - dependencies: - '@aw-web-design/x-default-browser': 1.4.126 - '@babel/core': 7.24.7 - '@babel/parser': 7.24.5 - '@discoveryjs/json-ext': 0.5.7 - '@storybook/builder-manager': 8.1.9(encoding@0.1.13)(prettier@2.8.8) - '@storybook/channels': 8.1.9 - '@storybook/core-common': 8.1.9(encoding@0.1.13)(prettier@2.8.8) - '@storybook/core-events': 8.1.9 - '@storybook/csf': 0.1.7 - '@storybook/csf-tools': 8.1.9 - '@storybook/docs-mdx': 3.1.0-next.0 - '@storybook/global': 5.0.0 - '@storybook/manager': 8.1.9 - '@storybook/manager-api': 8.1.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1) - '@storybook/node-logger': 8.1.9 - '@storybook/preview-api': 8.1.9 - '@storybook/telemetry': 8.1.9(encoding@0.1.13)(prettier@2.8.8) - '@storybook/types': 8.1.9 - '@types/detect-port': 1.3.3 - '@types/diff': 5.2.1 - '@types/node': 18.19.28 - '@types/pretty-hrtime': 1.0.1 - '@types/semver': 7.5.8 - better-opn: 3.0.2 - chalk: 4.1.2 - cli-table3: 0.6.3 - compression: 1.7.4 - detect-port: 1.5.1 - diff: 5.2.0 - express: 4.18.2 - fs-extra: 11.1.1 - globby: 14.0.1 - lodash: 4.17.21 - open: 8.4.2 - pretty-hrtime: 1.0.3 - prompts: 2.4.2 - read-pkg-up: 7.0.1 - semver: 7.6.0 - telejson: 7.2.0 - tiny-invariant: 1.3.3 - ts-dedent: 2.2.0 - util: 0.12.5 - util-deprecate: 1.0.2 - watchpack: 2.4.1 - ws: 8.16.0 - transitivePeerDependencies: - - bufferutil - - encoding - - prettier - - react - - react-dom - - supports-color - - utf-8-validate - '@storybook/core-server@8.1.9(encoding@0.1.13)(prettier@3.3.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)': dependencies: '@aw-web-design/x-default-browser': 1.4.126 @@ -15745,9 +15666,9 @@ snapshots: '@storybook/docs-mdx@3.1.0-next.0': {} - '@storybook/docs-tools@8.1.9(encoding@0.1.13)(prettier@2.8.8)': + '@storybook/docs-tools@8.1.9(encoding@0.1.13)(prettier@3.3.2)': dependencies: - '@storybook/core-common': 8.1.9(encoding@0.1.13)(prettier@2.8.8) + '@storybook/core-common': 8.1.9(encoding@0.1.13)(prettier@3.3.2) '@storybook/core-events': 8.1.9 '@storybook/preview-api': 8.1.9 '@storybook/types': 8.1.9 @@ -15822,21 +15743,6 @@ snapshots: memoizerific: 1.11.3 qs: 6.11.2 - '@storybook/telemetry@8.1.9(encoding@0.1.13)(prettier@2.8.8)': - dependencies: - '@storybook/client-logger': 8.1.9 - '@storybook/core-common': 8.1.9(encoding@0.1.13)(prettier@2.8.8) - '@storybook/csf-tools': 8.1.9 - chalk: 4.1.2 - detect-package-manager: 2.0.1 - fetch-retry: 5.0.5 - fs-extra: 11.1.1 - read-pkg-up: 7.0.1 - transitivePeerDependencies: - - encoding - - prettier - - supports-color - '@storybook/telemetry@8.1.9(encoding@0.1.13)(prettier@3.3.2)': dependencies: '@storybook/client-logger': 8.1.9 @@ -15874,13 +15780,13 @@ snapshots: '@types/express': 4.17.17 file-system-cache: 2.3.0 - '@storybook/web-components-vite@8.1.9(encoding@0.1.13)(lit@3.1.4)(prettier@2.8.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.3.3)(vite@5.1.7(@types/node@20.14.0)(less@4.2.0)(sass@1.77.5)(terser@5.29.1))': + '@storybook/web-components-vite@8.1.9(encoding@0.1.13)(lit@3.1.4)(prettier@3.3.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.3.3)(vite@5.1.7(@types/node@20.14.0)(less@4.2.0)(sass@1.77.5)(terser@5.29.1))': dependencies: - '@storybook/builder-vite': 8.1.9(encoding@0.1.13)(prettier@2.8.8)(typescript@5.3.3)(vite@5.1.7(@types/node@20.14.0)(less@4.2.0)(sass@1.77.5)(terser@5.29.1)) - '@storybook/core-server': 8.1.9(encoding@0.1.13)(prettier@2.8.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) + '@storybook/builder-vite': 8.1.9(encoding@0.1.13)(prettier@3.3.2)(typescript@5.3.3)(vite@5.1.7(@types/node@20.14.0)(less@4.2.0)(sass@1.77.5)(terser@5.29.1)) + '@storybook/core-server': 8.1.9(encoding@0.1.13)(prettier@3.3.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) '@storybook/node-logger': 8.1.9 '@storybook/types': 8.1.9 - '@storybook/web-components': 8.1.9(encoding@0.1.13)(lit@3.1.4)(prettier@2.8.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) + '@storybook/web-components': 8.1.9(encoding@0.1.13)(lit@3.1.4)(prettier@3.3.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1) magic-string: 0.30.8 transitivePeerDependencies: - '@preact/preset-vite' @@ -15896,10 +15802,10 @@ snapshots: - vite - vite-plugin-glimmerx - '@storybook/web-components@8.1.9(encoding@0.1.13)(lit@3.1.4)(prettier@2.8.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)': + '@storybook/web-components@8.1.9(encoding@0.1.13)(lit@3.1.4)(prettier@3.3.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)': dependencies: '@storybook/client-logger': 8.1.9 - '@storybook/docs-tools': 8.1.9(encoding@0.1.13)(prettier@2.8.8) + '@storybook/docs-tools': 8.1.9(encoding@0.1.13)(prettier@3.3.2) '@storybook/global': 5.0.0 '@storybook/manager-api': 8.1.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1) '@storybook/preview-api': 8.1.9 @@ -16889,7 +16795,7 @@ snapshots: '@vitejs/plugin-basic-ssl@1.1.0(vite@5.1.7(@types/node@20.12.7)(less@4.2.0)(sass@1.71.1)(terser@5.29.1))': dependencies: - vite: 5.1.7(@types/node@20.12.7)(less@4.2.0)(sass@1.71.1)(terser@5.29.1) + vite: 5.1.7(@types/node@20.12.7)(less@4.2.0)(sass@1.77.5)(terser@5.29.1) '@vitejs/plugin-basic-ssl@1.1.0(vite@5.1.7(@types/node@20.14.0)(less@4.2.0)(sass@1.71.1)(terser@5.29.1))': dependencies: @@ -17420,7 +17326,7 @@ snapshots: transitivePeerDependencies: - supports-color - babel-loader@9.1.3(@babel/core@7.24.0)(webpack@5.90.3): + babel-loader@9.1.3(@babel/core@7.24.0)(webpack@5.90.3(esbuild@0.20.1)): dependencies: '@babel/core': 7.24.0 find-cache-dir: 4.0.0 @@ -18099,6 +18005,21 @@ snapshots: - ts-node optional: true + create-jest@29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@4.9.5)): + dependencies: + '@jest/types': 29.6.3 + chalk: 4.1.2 + exit: 0.1.2 + graceful-fs: 4.2.11 + jest-config: 29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@4.9.5)) + jest-util: 29.7.0 + prompts: 2.4.2 + transitivePeerDependencies: + - '@types/node' + - babel-plugin-macros + - supports-color + - ts-node + create-jest@29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@5.2.2)): dependencies: '@jest/types': 29.6.3 @@ -18994,7 +18915,7 @@ snapshots: '@typescript-eslint/parser': 6.21.0(eslint@8.57.0)(typescript@5.2.2) eslint: 8.57.0 eslint-import-resolver-node: 0.3.9 - eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.2.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(eslint@8.57.0))(eslint@8.57.0) + eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.2.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.57.0) eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.2.2))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0) eslint-plugin-jsx-a11y: 6.8.0(eslint@8.57.0) eslint-plugin-react: 7.34.2(eslint@8.57.0) @@ -19024,12 +18945,12 @@ snapshots: transitivePeerDependencies: - supports-color - eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.2.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(eslint@8.57.0))(eslint@8.57.0): + eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.2.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.57.0): dependencies: debug: 4.3.4(supports-color@8.1.1) enhanced-resolve: 5.16.0 eslint: 8.57.0 - eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.2.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.2.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(eslint@8.57.0))(eslint@8.57.0))(eslint@8.57.0) + eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.2.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.2.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0) eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.2.2))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0) fast-glob: 3.3.2 get-tsconfig: 4.7.0 @@ -19071,14 +18992,14 @@ snapshots: transitivePeerDependencies: - supports-color - eslint-module-utils@2.8.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.2.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.2.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(eslint@8.57.0))(eslint@8.57.0))(eslint@8.57.0): + eslint-module-utils@2.8.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.2.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.2.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0): dependencies: debug: 3.2.7(supports-color@8.1.1) optionalDependencies: '@typescript-eslint/parser': 6.21.0(eslint@8.57.0)(typescript@5.2.2) eslint: 8.57.0 eslint-import-resolver-node: 0.3.9 - eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.2.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(eslint@8.57.0))(eslint@8.57.0) + eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.2.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.57.0) transitivePeerDependencies: - supports-color @@ -19126,7 +19047,7 @@ snapshots: doctrine: 2.1.0 eslint: 8.57.0 eslint-import-resolver-node: 0.3.9 - eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.2.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.2.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1(eslint@8.57.0))(eslint@8.57.0))(eslint@8.57.0) + eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.2.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.2.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.29.1)(eslint@8.57.0))(eslint@8.57.0) hasown: 2.0.0 is-core-module: 2.13.1 is-glob: 4.0.3 @@ -20774,6 +20695,45 @@ snapshots: - ts-node optional: true + jest-cli@29.7.0(@types/node@20.14.0): + dependencies: + '@jest/core': 29.7.0(ts-node@10.9.2(@types/node@20.14.0)(typescript@4.9.5)) + '@jest/test-result': 29.7.0 + '@jest/types': 29.6.3 + chalk: 4.1.2 + create-jest: 29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@4.9.5)) + exit: 0.1.2 + import-local: 3.1.0 + jest-config: 29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@4.9.5)) + jest-util: 29.7.0 + jest-validate: 29.7.0 + yargs: 17.7.2 + transitivePeerDependencies: + - '@types/node' + - babel-plugin-macros + - supports-color + - ts-node + optional: true + + jest-cli@29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@4.9.5)): + dependencies: + '@jest/core': 29.7.0(ts-node@10.9.2(@types/node@20.14.0)(typescript@4.9.5)) + '@jest/test-result': 29.7.0 + '@jest/types': 29.6.3 + chalk: 4.1.2 + create-jest: 29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@4.9.5)) + exit: 0.1.2 + import-local: 3.1.0 + jest-config: 29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@4.9.5)) + jest-util: 29.7.0 + jest-validate: 29.7.0 + yargs: 17.7.2 + transitivePeerDependencies: + - '@types/node' + - babel-plugin-macros + - supports-color + - ts-node + jest-cli@29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@5.2.2)): dependencies: '@jest/core': 29.7.0(ts-node@10.9.2(@types/node@20.14.0)(typescript@5.2.2)) @@ -20876,6 +20836,37 @@ snapshots: - supports-color optional: true + jest-config@29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@4.9.5)): + dependencies: + '@babel/core': 7.24.7 + '@jest/test-sequencer': 29.7.0 + '@jest/types': 29.6.3 + babel-jest: 29.7.0(@babel/core@7.24.7) + chalk: 4.1.2 + ci-info: 3.8.0 + deepmerge: 4.3.1 + glob: 7.2.3 + graceful-fs: 4.2.11 + jest-circus: 29.7.0 + jest-environment-node: 29.7.0 + jest-get-type: 29.6.3 + jest-regex-util: 29.6.3 + jest-resolve: 29.7.0 + jest-runner: 29.7.0 + jest-util: 29.7.0 + jest-validate: 29.7.0 + micromatch: 4.0.7 + parse-json: 5.2.0 + pretty-format: 29.7.0 + slash: 3.0.0 + strip-json-comments: 3.1.1 + optionalDependencies: + '@types/node': 20.14.0 + ts-node: 10.9.2(@types/node@20.14.0)(typescript@4.9.5) + transitivePeerDependencies: + - babel-plugin-macros + - supports-color + jest-config@29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@5.2.2)): dependencies: '@babel/core': 7.24.7 @@ -21189,10 +21180,23 @@ snapshots: jest@29.7.0(@types/node@20.14.0): dependencies: - '@jest/core': 29.7.0(ts-node@10.9.2(@types/node@20.14.0)(typescript@5.2.2)) + '@jest/core': 29.7.0(ts-node@10.9.2(@types/node@20.14.0)(typescript@4.9.5)) '@jest/types': 29.6.3 import-local: 3.1.0 - jest-cli: 29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@5.2.2)) + jest-cli: 29.7.0(@types/node@20.14.0) + transitivePeerDependencies: + - '@types/node' + - babel-plugin-macros + - supports-color + - ts-node + optional: true + + jest@29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@4.9.5)): + dependencies: + '@jest/core': 29.7.0(ts-node@10.9.2(@types/node@20.14.0)(typescript@4.9.5)) + '@jest/types': 29.6.3 + import-local: 3.1.0 + jest-cli: 29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@4.9.5)) transitivePeerDependencies: - '@types/node' - babel-plugin-macros @@ -24902,17 +24906,17 @@ snapshots: ts-interface-checker@0.1.13: {} - ts-jest@29.1.5(@babel/core@7.24.7)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.24.7))(jest@29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@5.2.2)))(typescript@5.2.2): + ts-jest@29.1.5(@babel/core@7.24.7)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.24.7))(jest@29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@4.9.5)))(typescript@4.9.5): dependencies: bs-logger: 0.2.6 fast-json-stable-stringify: 2.1.0 - jest: 29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@5.2.2)) + jest: 29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@4.9.5)) jest-util: 29.7.0 json5: 2.2.3 lodash.memoize: 4.1.2 make-error: 1.3.6 semver: 7.6.0 - typescript: 5.2.2 + typescript: 4.9.5 yargs-parser: 21.1.1 optionalDependencies: '@babel/core': 7.24.7 @@ -24920,17 +24924,17 @@ snapshots: '@jest/types': 29.6.3 babel-jest: 29.7.0(@babel/core@7.24.7) - ts-jest@29.1.5(@babel/core@7.24.7)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.24.7))(jest@29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@5.3.3)))(typescript@5.3.3): + ts-jest@29.1.5(@babel/core@7.24.7)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.24.7))(jest@29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@5.2.2)))(typescript@5.2.2): dependencies: bs-logger: 0.2.6 fast-json-stable-stringify: 2.1.0 - jest: 29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@5.3.3)) + jest: 29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@5.2.2)) jest-util: 29.7.0 json5: 2.2.3 lodash.memoize: 4.1.2 make-error: 1.3.6 semver: 7.6.0 - typescript: 5.3.3 + typescript: 5.2.2 yargs-parser: 21.1.1 optionalDependencies: '@babel/core': 7.24.7 @@ -24938,17 +24942,17 @@ snapshots: '@jest/types': 29.6.3 babel-jest: 29.7.0(@babel/core@7.24.7) - ts-jest@29.1.5(@babel/core@7.24.7)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.24.7))(jest@29.7.0(@types/node@20.14.0))(typescript@4.9.5): + ts-jest@29.1.5(@babel/core@7.24.7)(@jest/transform@29.7.0)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.24.7))(jest@29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@5.3.3)))(typescript@5.3.3): dependencies: bs-logger: 0.2.6 fast-json-stable-stringify: 2.1.0 - jest: 29.7.0(@types/node@20.14.0) + jest: 29.7.0(@types/node@20.14.0)(ts-node@10.9.2(@types/node@20.14.0)(typescript@5.3.3)) jest-util: 29.7.0 json5: 2.2.3 lodash.memoize: 4.1.2 make-error: 1.3.6 semver: 7.6.0 - typescript: 4.9.5 + typescript: 5.3.3 yargs-parser: 21.1.1 optionalDependencies: '@babel/core': 7.24.7 @@ -24974,6 +24978,25 @@ snapshots: v8-compile-cache-lib: 3.0.1 yn: 3.1.1 + ts-node@10.9.2(@types/node@20.14.0)(typescript@4.9.5): + dependencies: + '@cspotcode/source-map-support': 0.8.1 + '@tsconfig/node10': 1.0.9 + '@tsconfig/node12': 1.0.11 + '@tsconfig/node14': 1.0.3 + '@tsconfig/node16': 1.0.4 + '@types/node': 20.14.0 + acorn: 8.9.0 + acorn-walk: 8.2.0 + arg: 4.1.3 + create-require: 1.1.1 + diff: 4.0.2 + make-error: 1.3.6 + typescript: 4.9.5 + v8-compile-cache-lib: 3.0.1 + yn: 3.1.1 + optional: true + ts-node@10.9.2(@types/node@20.14.0)(typescript@5.2.2): dependencies: '@cspotcode/source-map-support': 0.8.1 @@ -25523,7 +25546,7 @@ snapshots: replace-ext: 2.0.0 teex: 1.0.1 - vite@5.1.7(@types/node@20.12.7)(less@4.2.0)(sass@1.71.1)(terser@5.29.1): + vite@5.1.7(@types/node@20.12.7)(less@4.2.0)(sass@1.77.5)(terser@5.29.1): dependencies: esbuild: 0.19.12 postcss: 8.4.38 @@ -25532,7 +25555,7 @@ snapshots: '@types/node': 20.12.7 fsevents: 2.3.3 less: 4.2.0 - sass: 1.71.1 + sass: 1.77.5 terser: 5.29.1 vite@5.1.7(@types/node@20.14.0)(less@4.2.0)(sass@1.71.1)(terser@5.29.1): @@ -25621,6 +25644,15 @@ snapshots: schema-utils: 4.0.1 webpack: 5.90.3(esbuild@0.20.1) + webpack-dev-middleware@5.3.3(webpack@5.92.0): + dependencies: + colorette: 2.0.20 + memfs: 3.5.1 + mime-types: 2.1.35 + range-parser: 1.2.1 + schema-utils: 4.0.1 + webpack: 5.92.0 + webpack-dev-middleware@6.1.2(webpack@5.90.3(esbuild@0.20.1)): dependencies: colorette: 2.0.20 @@ -25671,6 +25703,46 @@ snapshots: - supports-color - utf-8-validate + webpack-dev-server@4.15.1(webpack@5.92.0): + dependencies: + '@types/bonjour': 3.5.10 + '@types/connect-history-api-fallback': 1.5.0 + '@types/express': 4.17.17 + '@types/serve-index': 1.9.1 + '@types/serve-static': 1.15.1 + '@types/sockjs': 0.3.33 + '@types/ws': 8.5.5 + ansi-html-community: 0.0.8 + bonjour-service: 1.1.1 + chokidar: 3.6.0 + colorette: 2.0.20 + compression: 1.7.4 + connect-history-api-fallback: 2.0.0 + default-gateway: 6.0.3 + express: 4.18.2 + graceful-fs: 4.2.11 + html-entities: 2.3.3 + http-proxy-middleware: 2.0.6(@types/express@4.17.17) + ipaddr.js: 2.0.1 + launch-editor: 2.6.0 + open: 8.4.2 + p-retry: 4.6.2 + rimraf: 3.0.2 + schema-utils: 4.0.1 + selfsigned: 2.1.1 + serve-index: 1.9.1 + sockjs: 0.3.24 + spdy: 4.0.2 + webpack-dev-middleware: 5.3.3(webpack@5.92.0) + ws: 8.16.0 + optionalDependencies: + webpack: 5.92.0 + transitivePeerDependencies: + - bufferutil + - debug + - supports-color + - utf-8-validate + webpack-merge@5.10.0: dependencies: clone-deep: 4.0.1 From 9ccec76f8f815a4d73b710186c9508bbef393e41 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Aliz=C3=A9=20Debray?= <33580481+alizedebray@users.noreply.github.com> Date: Tue, 2 Jul 2024 15:51:43 +0200 Subject: [PATCH 3/3] Update .changeset/flat-gifts-report.md Co-authored-by: Philipp Gfeller <1659006+gfellerph@users.noreply.github.com> --- .changeset/flat-gifts-report.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/flat-gifts-report.md b/.changeset/flat-gifts-report.md index 8a8b95a6ba..266c7f488b 100644 --- a/.changeset/flat-gifts-report.md +++ b/.changeset/flat-gifts-report.md @@ -3,4 +3,4 @@ '@swisspost/design-system-documentation': minor --- -Added a new stylesheet containing `:root` CSS custom properties to facilitate implementing styles relative to the header. +Added a new stylesheet containing `:root` CSS custom properties to facilitate implementing styles relative to the header. This will allow putting sticky content right below the header.