From b9dea1d543fa50249d51b17f0e1ba25cbaed7602 Mon Sep 17 00:00:00 2001 From: Joeri Roijenga <16878956+JoeriRoijenga@users.noreply.github.com> Date: Tue, 14 Jan 2025 11:51:59 +0100 Subject: [PATCH 1/5] Feat/react web components (#1002) #1045 --- packages/storybook/package.json | 2 + .../src/web-components/accordion.stories.tsx | 89 +++ .../src/web-components/hero.stories.tsx | 121 ++++ packages/web-components/index.html | 17 + packages/web-components/package.json | 52 ++ .../src/components/BaseComponent.tsx | 40 ++ .../src/components/accordion/index.tsx | 34 ++ .../src/components/hero/index.tsx | 45 ++ packages/web-components/src/index.ts | 2 + packages/web-components/tsconfig.json | 13 + packages/web-components/types/css.d.ts | 4 + packages/web-components/types/global.d.ts | 13 + packages/web-components/vite.config.mjs | 34 ++ pnpm-lock.yaml | 571 +++++++++++++++++- 14 files changed, 1013 insertions(+), 24 deletions(-) create mode 100644 packages/storybook/src/web-components/accordion.stories.tsx create mode 100644 packages/storybook/src/web-components/hero.stories.tsx create mode 100644 packages/web-components/index.html create mode 100644 packages/web-components/package.json create mode 100644 packages/web-components/src/components/BaseComponent.tsx create mode 100644 packages/web-components/src/components/accordion/index.tsx create mode 100644 packages/web-components/src/components/hero/index.tsx create mode 100644 packages/web-components/src/index.ts create mode 100644 packages/web-components/tsconfig.json create mode 100644 packages/web-components/types/css.d.ts create mode 100644 packages/web-components/types/global.d.ts create mode 100644 packages/web-components/vite.config.mjs diff --git a/packages/storybook/package.json b/packages/storybook/package.json index 8f8244561..d3ac3532f 100644 --- a/packages/storybook/package.json +++ b/packages/storybook/package.json @@ -43,6 +43,7 @@ "@rijkshuisstijl-community/logius-design-tokens": "workspace:*", "@rijkshuisstijl-community/mijnoverheid-design-tokens": "workspace:*", "@rijkshuisstijl-community/rivm-design-tokens": "workspace:*", + "@rijkshuisstijl-community/web-components": "workspace:*", "@rijkshuisstijl-community/web-components-react": "workspace:*", "@rijkshuisstijl-community/web-components-stencil": "workspace:*", "@storybook/addon-a11y": "8.4.7", @@ -59,6 +60,7 @@ "@storybook/test-runner": "0.21.0", "@storybook/testing-library": "0.2.2", "@storybook/theming": "8.4.7", + "@storybook/web-components": "8.4.7", "@tabler/icons-react": "3.23.0", "@types/react": "19.0.1", "@types/react-dom": "19.0.1", diff --git a/packages/storybook/src/web-components/accordion.stories.tsx b/packages/storybook/src/web-components/accordion.stories.tsx new file mode 100644 index 000000000..4019e477d --- /dev/null +++ b/packages/storybook/src/web-components/accordion.stories.tsx @@ -0,0 +1,89 @@ +import { AccordionWebComponent } from '@rijkshuisstijl-community/web-components'; +import type { Meta, StoryObj } from '@storybook/web-components'; +import readme from '@utrecht/components/accordion/README.md?raw'; +import { mergeMarkdown } from '../../helpers/merge-markdown'; + +AccordionWebComponent.define(); + +const meta = { + title: 'Web Components/Accordion', + id: 'rhc-accordion-web', + component: 'rhc-accordion', + argTypes: { + appearance: { + description: 'Appearance of the component', + type: { name: 'string' }, + control: { type: 'select' }, + options: ['default', 'utrecht'], + }, + heading: { + type: { name: 'string' }, + control: 'text', + description: 'Heading for the accordion, also needs a headingLevel', + }, + headingLevel: { + name: 'Heading Level', + type: { name: 'string' }, + control: 'select', + options: [1, 2, 3, 4, 5, 6], + description: 'Heading level for the accordion, also needs a heading text', + }, + icon: { + name: 'icon', + description: 'Icon at the start', + control: { type: 'select' }, + options: ['default', 'delta-omlaag'], + mapping: { + default: '', + }, + }, + sections: { + control: 'object', + description: 'Array of sections in the accordion', + }, + }, + args: { + icon: 'default', + heading: '', + }, + tags: ['autodocs'], + parameters: { + tokensPrefix: 'utrecht-accordion', + status: { + type: 'STABLE', + }, + docs: { + description: { + // TODO: restructure this, but not until readme is correctly structurized in the Utrecht documentation source + component: mergeMarkdown([readme]), + }, + }, + // TODO: add Figma, GitHub and NL DesignSystem links + componentOrigin: + 'Dit component is overgenomen van de Gemeente Utrecht, met styling van de Rijkshuisstijl Community.', + }, +} as Meta; + +export default meta; + +export const Default = { + args: { + sections: JSON.stringify([ + { + label: 'Lorem ipsum 1', + body: `Lorem ipsum dolor sit amet.`, + expanded: true, + }, + { + label: 'Lorem ipsum 2', + body: `Lorem ipsum dolor sit amet.`, + expanded: false, + }, + { + label: 'Lorem ipsum 3', + body: `Lorem ipsum dolor sit amet.`, + expanded: false, + }, + ]), + }, +} as StoryObj; diff --git a/packages/storybook/src/web-components/hero.stories.tsx b/packages/storybook/src/web-components/hero.stories.tsx new file mode 100644 index 000000000..8e8bf6315 --- /dev/null +++ b/packages/storybook/src/web-components/hero.stories.tsx @@ -0,0 +1,121 @@ +import { HeroWebComponent } from '@rijkshuisstijl-community/web-components'; +import type { Meta, StoryObj } from '@storybook/web-components'; + +HeroWebComponent.define(); + +const meta = { + title: 'Web Components/Hero', + id: 'rhc-hero-web', + component: 'rhc-hero', + argTypes: { + aspectRatio: { + name: 'Aspect Ratio', + type: { name: 'string' }, + control: 'select', + options: ['16 / 9', '1 / 1', '4 / 3'], + table: { + category: 'Attributes', + defaultValue: { summary: '16 / 9' }, + }, + }, + heading: { + name: 'Heading Text', + type: { name: 'string' }, + control: 'text', + table: { + category: 'Attributes', + }, + }, + heroMessage: { + name: 'Show Hero Message', + type: { name: 'string' }, + control: 'select', + options: ['true', 'false'], + table: { + category: 'Attributes', + defaultValue: { summary: 'false' }, + }, + }, + imageAlt: { + name: 'Image Alt Text', + type: { name: 'string' }, + control: 'text', + table: { + category: 'Attributes', + }, + }, + subHeading: { + name: 'Sub Heading Text', + type: { name: 'string' }, + control: 'text', + table: { + category: 'Attributes', + }, + }, + textAlign: { + name: 'Text Alignment', + type: { name: 'string' }, + control: 'select', + options: ['start', 'end'], + table: { + category: 'Attributes', + defaultValue: { summary: 'start' }, + }, + }, + borderRadiusCorner: { + name: 'Border Radius Corner', + type: { name: 'string' }, + control: 'select', + options: ['start-start', 'start-end', 'end-start', 'end-end'], + table: { + category: 'Attributes', + defaultValue: { summary: 'null' }, + }, + }, + headingLevel: { + name: 'Heading Level', + type: { name: 'string' }, + control: 'select', + options: [1, 2, 3, 4, 5, 6], + table: { + category: 'Attributes', + defaultValue: { summary: '3' }, + }, + }, + imageSrc: { + name: 'Image Source URL', + type: { name: 'string' }, + control: 'text', + table: { + category: 'Attributes', + }, + }, + }, + args: { + aspectRatio: '16 / 9', + heading: 'heading text', + heroMessage: 'true', + imageAlt: 'image alt text', + subHeading: 'sub heading text', + textAlign: 'start', + borderRadiusCorner: 'start-start', + headingLevel: 3, + imageSrc: + 'https://raw.githubusercontent.com/nl-design-system/rijkshuisstijl-community/main/proprietary/assets/src/placeholder.jpg', + }, + tags: ['autodocs'], + parameters: { + status: { + type: 'UNSTABLE', + }, + docs: { + description: { + component: 'Hero', + }, + }, + }, +} as Meta; + +export default meta; + +export const Default = {} as StoryObj; diff --git a/packages/web-components/index.html b/packages/web-components/index.html new file mode 100644 index 000000000..9caaf07c4 --- /dev/null +++ b/packages/web-components/index.html @@ -0,0 +1,17 @@ + + + + + + Web Component Test + + + + + + + + diff --git a/packages/web-components/package.json b/packages/web-components/package.json new file mode 100644 index 000000000..f88d680a7 --- /dev/null +++ b/packages/web-components/package.json @@ -0,0 +1,52 @@ +{ + "name": "@rijkshuisstijl-community/web-components", + "version": "1.0.0", + "author": "Community for NL Design System", + "description": "Generic web components bundle based on the NL Design System architecture", + "license": "EUPL-1.2", + "keywords": [ + "nl-design-system" + ], + "private": false, + "publishConfig": { + "access": "public", + "registry": "https://registry.npmjs.org/" + }, + "main": "dist/index.mjs", + "module": "dist/index.mjs", + "types": "dist/index.d.ts", + "unpkg": "dist/yyyy/yyyy.esm.js", + "files": [ + "dist/" + ], + "repository": { + "type": "git+ssh", + "url": "git@github.com:nl-design-system/rijkshuisstijl-community.git", + "directory": "packages/web-components" + }, + "scripts": { + "prebuild": "npm run clean", + "build": "vite build", + "clean": "rimraf dist/", + "start": "vite" + }, + "devDependencies": { + "@rijkshuisstijl-community/components-css": "workspace:*", + "@rijkshuisstijl-community/components-react": "workspace:*", + "@rijkshuisstijl-community/design-tokens": "workspace:*", + "@types/react": "19.0.1", + "@types/react-dom": "19.0.1", + "@utrecht/component-library-css": "7.0.0", + "@vitejs/plugin-react": "4.3.4", + "rimraf": "6.0.1", + "tslib": "2.8.1", + "typescript": "5.7.2", + "vite": "6.0.3", + "vite-plugin-dts": "4.3.0", + "vite-plugin-static-copy": "2.2.0" + }, + "dependencies": { + "react": "19.0.0", + "react-dom": "19.0.0" + } +} diff --git a/packages/web-components/src/components/BaseComponent.tsx b/packages/web-components/src/components/BaseComponent.tsx new file mode 100644 index 000000000..2dd64657b --- /dev/null +++ b/packages/web-components/src/components/BaseComponent.tsx @@ -0,0 +1,40 @@ +import ReactDOM from 'react-dom/client'; + +export abstract class BaseWebComponent extends HTMLElement { + protected root: ReactDOM.Root; + static get tagName(): string { + throw new Error('tagName must be defined in the derived class'); + } + + static observedAttributes: string[]; + + constructor(stylesheet: string) { + super(); + const shadowRoot = this.attachShadow({ mode: 'open' }); + this.root = ReactDOM.createRoot(shadowRoot); + + const style: CSSStyleSheet = new CSSStyleSheet(); + style.replaceSync(stylesheet); + shadowRoot.adoptedStyleSheets = [style]; + } + + connectedCallback(): void { + this.render(); + } + + attributeChangedCallback(): void { + this.render(); + } + + disconnectedCallback(): void { + this.root.unmount(); + } + + protected abstract render(): void; + + static define(): void { + if (!customElements.get(this.tagName)) { + customElements.define(this.tagName, this as unknown as CustomElementConstructor); + } + } +} diff --git a/packages/web-components/src/components/accordion/index.tsx b/packages/web-components/src/components/accordion/index.tsx new file mode 100644 index 000000000..0e2cfdb04 --- /dev/null +++ b/packages/web-components/src/components/accordion/index.tsx @@ -0,0 +1,34 @@ +import stylesheet from '@rijkshuisstijl-community/components-css/dist/index.css?inline'; +import { AccordionProvider, AccordionProviderProps, Icon } from '@rijkshuisstijl-community/components-react'; +import { RijkshuisstijlIconID } from '@rijkshuisstijl-community/components-react/dist/icon/IconTypes'; +import { BaseWebComponent } from '../BaseComponent'; + +export type AccordionWebComponentAttributes = AccordionProviderProps; + +export class AccordionWebComponent extends BaseWebComponent { + static override tagName: string = 'rhc-accordion'; + static override observedAttributes: string[] = ['appearance', 'icon', 'sections', 'heading', 'headinglevel']; + + constructor() { + super(stylesheet); + } + + render(): void { + this.root.render( + } + headingLevel={ + this.getAttribute('headingLevel') + ? (Number(this.getAttribute('headingLevel')) as AccordionProviderProps['headingLevel']) + : undefined + } + sections={ + (this.getAttribute('sections') && + JSON.parse(this.getAttribute('sections') as string)) as AccordionProviderProps['sections'] + } + />, + ); + } +} diff --git a/packages/web-components/src/components/hero/index.tsx b/packages/web-components/src/components/hero/index.tsx new file mode 100644 index 000000000..a7a8f815a --- /dev/null +++ b/packages/web-components/src/components/hero/index.tsx @@ -0,0 +1,45 @@ +import stylesheet from '@rijkshuisstijl-community/components-css/dist/index.css?inline'; +import { Hero, HeroProps } from '@rijkshuisstijl-community/components-react'; +import { BaseWebComponent } from '../BaseComponent'; + +export type HeroWebComponentAttributes = HeroProps; + +export class HeroWebComponent extends BaseWebComponent { + static override tagName: string = 'rhc-hero'; + static override observedAttributes: string[] = [ + 'aspectratio', + 'heading', + 'imagealt', + 'subheading', + 'textalign', + 'borderradiuscorner', + 'headinglevel', + 'imagesrc', + ]; + + constructor() { + super(stylesheet); + } + + render(): void { + this.root.render( + + + , + ); + } +} diff --git a/packages/web-components/src/index.ts b/packages/web-components/src/index.ts new file mode 100644 index 000000000..cc91e258f --- /dev/null +++ b/packages/web-components/src/index.ts @@ -0,0 +1,2 @@ +export { AccordionWebComponent, type AccordionWebComponentAttributes } from './components/accordion'; +export { HeroWebComponent, type HeroWebComponentAttributes } from './components/hero'; diff --git a/packages/web-components/tsconfig.json b/packages/web-components/tsconfig.json new file mode 100644 index 000000000..3d110673c --- /dev/null +++ b/packages/web-components/tsconfig.json @@ -0,0 +1,13 @@ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "allowSyntheticDefaultImports": true, + "declaration": true, + "outDir": "dist", + "target": "esnext", + "jsx": "react-jsx", + "skipLibCheck": true + }, + "include": ["**/*.d.ts", "**/*.ts", "**/*.tsx"], + "exclude": ["**/node_modules/*", "dist", "loader", "**/*.spec.ts", "**/*.spec.tsx"] +} diff --git a/packages/web-components/types/css.d.ts b/packages/web-components/types/css.d.ts new file mode 100644 index 000000000..eceb4562b --- /dev/null +++ b/packages/web-components/types/css.d.ts @@ -0,0 +1,4 @@ +declare module '*.css?inline' { + const content: string; + export default content; +} diff --git a/packages/web-components/types/global.d.ts b/packages/web-components/types/global.d.ts new file mode 100644 index 000000000..d90924ace --- /dev/null +++ b/packages/web-components/types/global.d.ts @@ -0,0 +1,13 @@ +/* eslint-disable no-unused-vars */ +import React from 'react'; +import { AccordionWebComponentAttributes, HeroWebComponentAttributes } from '../src'; + +declare global { + namespace JSX { + interface IntrinsicElements { + 'rhc-hero': React.DetailedHTMLProps, HTMLElement> & HeroWebComponentAttributes; + 'rhc-accordion': React.DetailedHTMLProps, HTMLElement> & + AccordionWebComponentAttributes; + } + } +} diff --git a/packages/web-components/vite.config.mjs b/packages/web-components/vite.config.mjs new file mode 100644 index 000000000..5e18cb85c --- /dev/null +++ b/packages/web-components/vite.config.mjs @@ -0,0 +1,34 @@ +import react from '@vitejs/plugin-react'; +import { defineConfig } from 'vite'; +import dts from 'vite-plugin-dts'; +import { viteStaticCopy } from 'vite-plugin-static-copy'; + +export default defineConfig({ + build: { + lib: { + entry: 'src/index.ts', + name: 'RhcWebComponents', + formats: ['es'], + fileName: 'index', + }, + sourcemap: true, + minify: 'terser', + target: 'esnext', + }, + plugins: [ + react(), + dts({ + entryRoot: 'src', + insertTypesEntry: true, + rollupTypes: true, + }), + viteStaticCopy({ + targets: [ + { + src: 'types/*.d.ts', + dest: 'types', + }, + ], + }), + ], +}); diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 4c2b825fd..1a4af4df9 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -20,7 +20,7 @@ importers: devDependencies: '@lerna-lite/cli': specifier: 3.10.1 - version: 3.10.1(@lerna-lite/publish@3.10.1(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@lerna-lite/run@3.10.1(@lerna-lite/publish@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@lerna-lite/version@3.10.1(@lerna-lite/publish@3.10.1(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@lerna-lite/run@3.10.1(@lerna-lite/publish@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@types/node@20.17.6)(typescript@5.7.2))(@types/node@20.17.6)(typescript@5.7.2) + version: 3.10.1(@lerna-lite/publish@3.10.1)(@lerna-lite/run@3.10.1)(@lerna-lite/version@3.10.1(@lerna-lite/publish@3.10.1)(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@types/node@20.17.6)(typescript@5.7.2) '@lerna-lite/publish': specifier: 3.10.1 version: 3.10.1(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2) @@ -436,6 +436,9 @@ importers: '@rijkshuisstijl-community/rivm-design-tokens': specifier: workspace:* version: link:../../proprietary/rivm-design-tokens + '@rijkshuisstijl-community/web-components': + specifier: workspace:* + version: link:../web-components '@rijkshuisstijl-community/web-components-react': specifier: workspace:* version: link:../web-components-react @@ -484,6 +487,9 @@ importers: '@storybook/theming': specifier: 8.4.7 version: 8.4.7(storybook@8.4.7(prettier@3.4.1)) + '@storybook/web-components': + specifier: 8.4.7 + version: 8.4.7(lit@3.2.1)(storybook@8.4.7(prettier@3.4.1)) '@tabler/icons-react': specifier: 3.23.0 version: 3.23.0(react@19.0.0) @@ -572,6 +578,55 @@ importers: specifier: 6.0.2 version: 6.0.2(@types/node@22.9.0)(sass@1.81.0)(terser@5.36.0)(yaml@2.6.0) + packages/web-components: + dependencies: + react: + specifier: 19.0.0 + version: 19.0.0 + react-dom: + specifier: 19.0.0 + version: 19.0.0(react@19.0.0) + devDependencies: + '@rijkshuisstijl-community/components-css': + specifier: workspace:* + version: link:../components-css + '@rijkshuisstijl-community/components-react': + specifier: workspace:* + version: link:../components-react + '@rijkshuisstijl-community/design-tokens': + specifier: workspace:* + version: link:../../proprietary/design-tokens + '@types/react': + specifier: 19.0.1 + version: 19.0.1 + '@types/react-dom': + specifier: 19.0.1 + version: 19.0.1 + '@utrecht/component-library-css': + specifier: 7.0.0 + version: 7.0.0 + '@vitejs/plugin-react': + specifier: 4.3.4 + version: 4.3.4(vite@6.0.3(@types/node@22.9.0)(sass@1.81.0)(terser@5.36.0)(yaml@2.6.0)) + rimraf: + specifier: 6.0.1 + version: 6.0.1 + tslib: + specifier: 2.8.1 + version: 2.8.1 + typescript: + specifier: 5.7.2 + version: 5.7.2 + vite: + specifier: 6.0.3 + version: 6.0.3(@types/node@22.9.0)(sass@1.81.0)(terser@5.36.0)(yaml@2.6.0) + vite-plugin-dts: + specifier: 4.3.0 + version: 4.3.0(@types/node@22.9.0)(rollup@4.28.0)(typescript@5.7.2)(vite@6.0.3(@types/node@22.9.0)(sass@1.81.0)(terser@5.36.0)(yaml@2.6.0)) + vite-plugin-static-copy: + specifier: 2.2.0 + version: 2.2.0(vite@6.0.3(@types/node@22.9.0)(sass@1.81.0)(terser@5.36.0)(yaml@2.6.0)) + packages/web-components-react: dependencies: '@stencil/react-output-target': @@ -2011,17 +2066,36 @@ packages: resolution: {integrity: sha512-2a+xLesTQhpglMwxi3xemoMvHV45ZyMYocmkCvivSTv9GAsRuVxRdK6aE1WLbo8NKErztZcfs9kxnr6U+/RrQg==} engines: {node: ^18.0.0 || >=20.0.0} + '@lit-labs/ssr-dom-shim@1.2.1': + resolution: {integrity: sha512-wx4aBmgeGvFmOKucFKY+8VFJSYZxs9poN3SDNQFF6lT6NrQUnHiPB2PWz2sc4ieEcAaYYzN+1uWahEeTq2aRIQ==} + '@lit/react@1.0.6': resolution: {integrity: sha512-QIss8MPh6qUoFJmuaF4dSHts3qCsA36S3HcOLiNPShxhgYPr4XJRnCBKPipk85sR9xr6TQrOcDMfexwbNdJHYA==} peerDependencies: '@types/react': 17 || 18 + '@lit/reactive-element@2.0.4': + resolution: {integrity: sha512-GFn91inaUa2oHLak8awSIigYz0cU0Payr1rcFsrkf5OJ5eSPxElyZfKh0f2p9FsTiZWXQdWGJeXZICEfXXYSXQ==} + '@mdx-js/react@3.1.0': resolution: {integrity: sha512-QjHtSaoameoalGnKDT3FoIl4+9RwyTmo9ZJGBdLOks/YOiWHoRDI3PUwEzOE7kEmGcV3AFcp9K6dYu9rEuKLAQ==} peerDependencies: '@types/react': '>=16' react: '>=16' + '@microsoft/api-extractor-model@7.30.1': + resolution: {integrity: sha512-CTS2PlASJHxVY8hqHORVb1HdECWOEMcMnM6/kDkPr0RZapAFSIHhg9D4jxuE8g+OWYHtPc10LCpmde5pylTRlA==} + + '@microsoft/api-extractor@7.48.1': + resolution: {integrity: sha512-HN9Osa1WxqLM66RaqB5nPAadx+nTIQmY/XtkFdaJvusjG8Tus++QqZtD7KPZDSkhEMGHsYeSyeU8qUzCDUXPjg==} + hasBin: true + + '@microsoft/tsdoc-config@0.17.1': + resolution: {integrity: sha512-UtjIFe0C6oYgTnad4q1QP4qXwLhe6tIpNTRStJ2RZEPIkqQPREAwE5spzVxsdn9UaEMUqhh0AqSx3X4nWAKXWw==} + + '@microsoft/tsdoc@0.15.1': + resolution: {integrity: sha512-4aErSrCR/On/e5G2hDP0wjooqDdauzEbIq8hIkIe5pXV0rtWJZvdCEKL0ykZxex+IxIwBp0eGeV48hQN07dXtw==} + '@next/env@15.0.4': resolution: {integrity: sha512-WNRvtgnRVDD4oM8gbUcRc27IAhaL4eXQ/2ovGbgLnPGUvdyDr8UdXP4Q/IBDdAdojnD2eScryIDirv0YUCjUVw==} @@ -2468,6 +2542,28 @@ packages: '@rushstack/eslint-patch@1.10.4': resolution: {integrity: sha512-WJgX9nzTqknM393q1QJDJmoW28kUfEnybeTfVNcNAPnIx210RXm2DiXiHzfNPJNIUUb1tJnz/l4QGtJ30PgWmA==} + '@rushstack/node-core-library@5.10.1': + resolution: {integrity: sha512-BSb/KcyBHmUQwINrgtzo6jiH0HlGFmrUy33vO6unmceuVKTEyL2q+P0fQq2oB5hvXVWOEUhxB2QvlkZluvUEmg==} + peerDependencies: + '@types/node': '*' + peerDependenciesMeta: + '@types/node': + optional: true + + '@rushstack/rig-package@0.5.3': + resolution: {integrity: sha512-olzSSjYrvCNxUFZowevC3uz8gvKr3WTpHQ7BkpjtRpA3wK+T0ybep/SRUMfr195gBzJm5gaXw0ZMgjIyHqJUow==} + + '@rushstack/terminal@0.14.4': + resolution: {integrity: sha512-NxACqERW0PHq8Rpq1V6v5iTHEwkRGxenjEW+VWqRYQ8T9puUzgmGHmEZUaUEDHAe9Qyvp0/Ew04sAiQw9XjhJg==} + peerDependencies: + '@types/node': '*' + peerDependenciesMeta: + '@types/node': + optional: true + + '@rushstack/ts-command-line@4.23.2': + resolution: {integrity: sha512-JJ7XZX5K3ThBBva38aomgsPv1L7FV6XmSOcR6HtM7HDFZJkepqT65imw26h9ggGqMjsY0R9jcl30tzKcVj9aOQ==} + '@sec-ant/readable-stream@0.4.1': resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==} @@ -2721,6 +2817,13 @@ packages: peerDependencies: storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0 + '@storybook/web-components@8.4.7': + resolution: {integrity: sha512-zR/bUWGkS5uxvqfXnW082ScrC4y5UrTdE1VKasezLGi5bTLub2hz8JP87PJgtWrq+mdrdmkLGzv5O4iJ/tlMAw==} + engines: {node: '>=18.0.0'} + peerDependencies: + lit: ^2.0.0 || ^3.0.0 + storybook: ^8.4.7 + '@swc/core-darwin-arm64@1.10.1': resolution: {integrity: sha512-NyELPp8EsVZtxH/mEqvzSyWpfPJ1lugpTQcSlMduZLj1EASLO4sC8wt8hmL1aizRlsbjCX+r0PyL+l0xQ64/6Q==} engines: {node: '>=10'} @@ -2888,6 +2991,9 @@ packages: '@types/acorn@4.0.6': resolution: {integrity: sha512-veQTnWP+1D/xbxVrPC3zHnCZRjSrKfhbMUlEA43iMZLu7EsnTtkJklIuwrCPbOi8YkvDQAiW05VQQFvvz9oieQ==} + '@types/argparse@1.0.38': + resolution: {integrity: sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==} + '@types/aria-query@5.0.4': resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==} @@ -3014,6 +3120,9 @@ packages: '@types/tough-cookie@4.0.5': resolution: {integrity: sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==} + '@types/trusted-types@2.0.7': + resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==} + '@types/twig@1.12.16': resolution: {integrity: sha512-6kXSQwqxWxdHVITY6lur6pVpKbTk5D8R/ZUn2/7Y2AACKFlRqO4jbtHgWPDLe7JUc91sZQhkmopboYDABtZqlA==} @@ -3435,6 +3544,35 @@ packages: '@vitest/utils@2.1.4': resolution: {integrity: sha512-MXDnZn0Awl2S86PSNIim5PWXgIAx8CIkzu35mBdSApUip6RFOGXBCf3YFyeEu8n1IHk4bWD46DeYFu9mQlFIRg==} + '@volar/language-core@2.4.11': + resolution: {integrity: sha512-lN2C1+ByfW9/JRPpqScuZt/4OrUUse57GLI6TbLgTIqBVemdl1wNcZ1qYGEo2+Gw8coYLgCy7SuKqn6IrQcQgg==} + + '@volar/source-map@2.4.11': + resolution: {integrity: sha512-ZQpmafIGvaZMn/8iuvCFGrW3smeqkq/IIh9F1SdSx9aUl0J4Iurzd6/FhmjNO5g2ejF3rT45dKskgXWiofqlZQ==} + + '@volar/typescript@2.4.11': + resolution: {integrity: sha512-2DT+Tdh88Spp5PyPbqhyoYavYCPDsqbHLFwcUI9K1NlY1YgUJvujGdrqUp0zWxnW7KWNTr3xSpMuv2WnaTKDAw==} + + '@vue/compiler-core@3.5.13': + resolution: {integrity: sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==} + + '@vue/compiler-dom@3.5.13': + resolution: {integrity: sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==} + + '@vue/compiler-vue2@2.7.16': + resolution: {integrity: sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==} + + '@vue/language-core@2.1.6': + resolution: {integrity: sha512-MW569cSky9R/ooKMh6xa2g1D0AtRKbL56k83dzus/bx//RDJk24RHWkMzbAlXjMdDNyxAaagKPRquBIxkxlCkg==} + peerDependencies: + typescript: '*' + peerDependenciesMeta: + typescript: + optional: true + + '@vue/shared@3.5.13': + resolution: {integrity: sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==} + '@whitespace/storybook-addon-html@6.1.1': resolution: {integrity: sha512-sq/9c6s4PXugl//Q5iFwKoHF3tBDTEfJQubb62HWspF+CqBrDLHVEh7VYoEjubm5LjihxdFV3+mjj8Ck6bnoHQ==} peerDependencies: @@ -3492,14 +3630,36 @@ packages: resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==} engines: {node: '>=8'} + ajv-draft-04@1.0.0: + resolution: {integrity: sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==} + peerDependencies: + ajv: ^8.5.0 + peerDependenciesMeta: + ajv: + optional: true + ajv-errors@1.0.1: resolution: {integrity: sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ==} peerDependencies: ajv: '>=5.0.0' + ajv-formats@3.0.1: + resolution: {integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==} + peerDependencies: + ajv: ^8.0.0 + peerDependenciesMeta: + ajv: + optional: true + ajv@6.12.6: resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==} + ajv@8.12.0: + resolution: {integrity: sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==} + + ajv@8.13.0: + resolution: {integrity: sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==} + ajv@8.17.1: resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==} @@ -4103,6 +4263,12 @@ packages: compare-func@2.0.0: resolution: {integrity: sha512-zHig5N+tPWARooBnb0Zx1MFcdfpyJrfTJ3Y5L+IFvUm8rM74hHz66z0gw0x4tijh5CorKkKUCnW82R2vmpeCRA==} + compare-versions@6.1.1: + resolution: {integrity: sha512-4hm4VPpIecmlg59CHXnRDnqGplJFrbLG4aFEl5vl6cK1u76ws3LLvX7ikFnTDl5vo39sjWD6AaDPYodJp/NNHg==} + + computeds@0.0.1: + resolution: {integrity: sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q==} + concat-map@0.0.1: resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==} @@ -4212,10 +4378,6 @@ packages: resolution: {integrity: sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==} engines: {node: '>=4.8'} - cross-spawn@7.0.3: - resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==} - engines: {node: '>= 8'} - cross-spawn@7.0.6: resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==} engines: {node: '>= 8'} @@ -4329,6 +4491,9 @@ packages: resolution: {integrity: sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==} engines: {node: '>=0.11'} + de-indent@1.0.2: + resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==} + debug@3.2.7: resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==} peerDependencies: @@ -5069,6 +5234,10 @@ packages: resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==} engines: {node: '>=14.14'} + fs-extra@7.0.1: + resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==} + engines: {node: '>=6 <7 || >=8'} + fs-minipass@2.1.0: resolution: {integrity: sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==} engines: {node: '>= 8'} @@ -5460,6 +5629,10 @@ packages: resolution: {integrity: sha512-CiuXOFFSzkU5x/CR0+z7T91Iht4CXgfCxVOFRhh2Zyhg5wOpWvvDLQUsWl+gcN+QscYBjez8hDCt85O7RLDttQ==} engines: {node: '>=8'} + import-lazy@4.0.0: + resolution: {integrity: sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==} + engines: {node: '>=8'} + import-local@3.2.0: resolution: {integrity: sha512-2SPlun1JUPWoM6t3F0dw0FkCF/jWY8kttcY4f599GLTSjh2OCuuhdTkJQsEcZzBqbXZGKMK2OqW1oZsjtf/gQA==} engines: {node: '>=8'} @@ -5993,6 +6166,9 @@ packages: node-notifier: optional: true + jju@1.4.0: + resolution: {integrity: sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==} + joi@17.13.3: resolution: {integrity: sha512-otDA4ldcIx+ZXsKHWmp0YizCweVRZG96J10b0FevjfuncLO1oX59THoAmHkNubYJ+9gWsYsp5k8v4ib6oDv1fA==} @@ -6077,6 +6253,9 @@ packages: jsonc-parser@3.3.1: resolution: {integrity: sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==} + jsonfile@4.0.0: + resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==} + jsonfile@6.1.0: resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==} @@ -6123,6 +6302,9 @@ packages: known-css-properties@0.35.0: resolution: {integrity: sha512-a/RAk2BfKk+WFGhhOCAYqSiFLc34k8Mt/6NWRI4joER0EYUzXIcFivjjnoD3+XU1DggLn/tZc3DOAgke7l8a4A==} + kolorist@1.8.0: + resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==} + language-subtag-registry@0.3.23: resolution: {integrity: sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==} @@ -6173,6 +6355,15 @@ packages: resolution: {integrity: sha512-iyAZCeyD+c1gPyE9qpFu8af0Y+MRtmKOncdGoA2S5EY8iFq99dmmvkNnHiWo+pj0s7yH7l3KPIgee77tKpXPWQ==} engines: {node: '>=18.0.0'} + lit-element@4.1.1: + resolution: {integrity: sha512-HO9Tkkh34QkTeUmEdNYhMT8hzLid7YlMlATSi1q4q17HE5d9mrrEHJ/o8O2D0cMi182zK1F3v7x0PWFjrhXFew==} + + lit-html@3.2.1: + resolution: {integrity: sha512-qI/3lziaPMSKsrwlxH/xMgikhQ0EGOX2ICU73Bi/YHFvz2j/yMCIrw4+puF2IpQ4+upd3EWbvnHM9+PnJn48YA==} + + lit@3.2.1: + resolution: {integrity: sha512-1BBa1E/z0O9ye5fZprPtdqnc0BFzxIxTTOO/tQFmyC/hj1O3jL4TfmLBw0WEwjAokdLwpclkvGgDJwTIh0/22w==} + load-json-file@4.0.0: resolution: {integrity: sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==} engines: {node: '>=4'} @@ -6188,6 +6379,10 @@ packages: resolution: {integrity: sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==} engines: {node: '>= 12.13.0'} + local-pkg@0.5.1: + resolution: {integrity: sha512-9rrA30MRRP3gBD3HTGnC6cDFpaE1kVDWxWgqWJUN0RvDNAo+Nz/9GxB+nHOH0ifbVFy0hSA1V6vFDvnx54lTEQ==} + engines: {node: '>=14'} + locate-path@3.0.0: resolution: {integrity: sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==} engines: {node: '>=6'} @@ -6642,8 +6837,8 @@ packages: engines: {node: '>=10'} hasBin: true - mlly@1.7.2: - resolution: {integrity: sha512-tN3dvVHYVz4DhSXinXIk7u9syPYaJvio118uomkovAtWBT+RdbP6Lfh/5Lvo519YMmwBafwlh20IPTXIStscpA==} + mlly@1.7.3: + resolution: {integrity: sha512-xUsx5n/mN0uQf4V548PKQ+YShA4/IW0KI1dZhrNrPCLG+xizETbHTkOa1f8/xut9JRPp8kQuMnz0oqwkTiLo/A==} mri@1.2.0: resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==} @@ -6652,6 +6847,9 @@ packages: ms@2.1.3: resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==} + muggle-string@0.4.1: + resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==} + multimatch@7.0.0: resolution: {integrity: sha512-SYU3HBAdF4psHEL/+jXDKHO95/m5P2RvboHT2Y0WtTttvJLP4H/2WS9WlQPFvF6C8d6SpLw8vjCnQOnVIVOSJQ==} engines: {node: '>=18'} @@ -7976,6 +8174,11 @@ packages: resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==} hasBin: true + semver@7.5.4: + resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==} + engines: {node: '>=10'} + hasBin: true + semver@7.6.3: resolution: {integrity: sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==} engines: {node: '>=10'} @@ -8626,6 +8829,11 @@ packages: typedarray@0.0.6: resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==} + typescript@5.4.2: + resolution: {integrity: sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==} + engines: {node: '>=14.17'} + hasBin: true + typescript@5.7.2: resolution: {integrity: sha512-i5t66RHxDvVN40HfDd1PsEThGNnlMCMT3jMUuoh9/0TaqWevNontacunWyN02LA9/fIbEWlcHZcgTKb9QoaLfg==} engines: {node: '>=14.17'} @@ -8718,6 +8926,10 @@ packages: universal-user-agent@7.0.2: resolution: {integrity: sha512-0JCqzSKnStlRRQfCdowvqy3cy0Dvtlb8xecj/H8JFZuCze4rwjPZQOgvFvn0Ws/usCHQFGpyr+pB9adaGwXn4Q==} + universalify@0.1.2: + resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==} + engines: {node: '>= 4.0.0'} + universalify@0.2.0: resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==} engines: {node: '>= 4.0.0'} @@ -8815,6 +9027,16 @@ packages: vfile@6.0.3: resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==} + vite-plugin-dts@4.3.0: + resolution: {integrity: sha512-LkBJh9IbLwL6/rxh0C1/bOurDrIEmRE7joC+jFdOEEciAFPbpEKOLSAr5nNh5R7CJ45cMbksTrFfy52szzC5eA==} + engines: {node: ^14.18.0 || >=16.0.0} + peerDependencies: + typescript: '*' + vite: '*' + peerDependenciesMeta: + vite: + optional: true + vite-plugin-runtime-config@1.0.2: resolution: {integrity: sha512-UkZUqKDd88MsTq4TNmY7PdOavaNZGIc5UqiDN4hNI5CbBefGomPRU+ZShDuXVFIY795ynMPo9L+96lmMb+UJfA==} peerDependencies: @@ -8824,6 +9046,12 @@ packages: vitest: optional: true + vite-plugin-static-copy@2.2.0: + resolution: {integrity: sha512-ytMrKdR9iWEYHbUxs6x53m+MRl4SJsOSoMu1U1+Pfg0DjPeMlsRVx3RR5jvoonineDquIue83Oq69JvNsFSU5w==} + engines: {node: ^18.0.0 || >=20.0.0} + peerDependencies: + vite: ^5.0.0 || ^6.0.0 + vite@6.0.1: resolution: {integrity: sha512-Ldn6gorLGr4mCdFnmeAOLweJxZ34HjKnDm4HGo6P66IEqTxQb36VEdFJQENKxWjupNfoIjvRUnswjn1hpYEpjQ==} engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0} @@ -8904,6 +9132,46 @@ packages: yaml: optional: true + vite@6.0.3: + resolution: {integrity: sha512-Cmuo5P0ENTN6HxLSo6IHsjCLn/81Vgrp81oaiFFMRa8gGDj5xEjIcEpf2ZymZtZR8oU0P2JX5WuUp/rlXcHkAw==} + engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0} + hasBin: true + peerDependencies: + '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0 + jiti: '>=1.21.0' + less: '*' + lightningcss: ^1.21.0 + sass: '*' + sass-embedded: '*' + stylus: '*' + sugarss: '*' + terser: ^5.16.0 + tsx: ^4.8.1 + yaml: ^2.4.2 + peerDependenciesMeta: + '@types/node': + optional: true + jiti: + optional: true + less: + optional: true + lightningcss: + optional: true + sass: + optional: true + sass-embedded: + optional: true + stylus: + optional: true + sugarss: + optional: true + terser: + optional: true + tsx: + optional: true + yaml: + optional: true + vscode-json-languageservice@4.2.1: resolution: {integrity: sha512-xGmv9QIWs2H8obGbWg+sIPI/3/pFgj/5OWBhNzs00BkYQ9UaB2F6JJaGB/2/YOZJ3BvLXQTC4Q7muqU25QgAhA==} @@ -10594,7 +10862,7 @@ snapshots: '@jridgewell/resolve-uri': 3.1.2 '@jridgewell/sourcemap-codec': 1.5.0 - '@lerna-lite/cli@3.10.1(@lerna-lite/publish@3.10.1(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@lerna-lite/run@3.10.1(@lerna-lite/publish@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@lerna-lite/version@3.10.1(@lerna-lite/publish@3.10.1(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@lerna-lite/run@3.10.1(@lerna-lite/publish@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@types/node@20.17.6)(typescript@5.7.2))(@types/node@20.17.6)(typescript@5.7.2)': + '@lerna-lite/cli@3.10.1(@lerna-lite/publish@3.10.1)(@lerna-lite/run@3.10.1)(@lerna-lite/version@3.10.1(@lerna-lite/publish@3.10.1)(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@types/node@20.17.6)(typescript@5.7.2)': dependencies: '@lerna-lite/core': 3.10.1(@types/node@20.17.6)(typescript@5.7.2) '@lerna-lite/init': 3.10.1(@types/node@20.17.6)(typescript@5.7.2) @@ -10607,7 +10875,7 @@ snapshots: optionalDependencies: '@lerna-lite/publish': 3.10.1(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2) '@lerna-lite/run': 3.10.1(@lerna-lite/publish@3.10.1)(@types/node@20.17.6)(typescript@5.7.2) - '@lerna-lite/version': 3.10.1(@lerna-lite/publish@3.10.1(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@lerna-lite/run@3.10.1(@lerna-lite/publish@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@types/node@20.17.6)(typescript@5.7.2) + '@lerna-lite/version': 3.10.1(@lerna-lite/publish@3.10.1)(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2) transitivePeerDependencies: - '@types/node' - babel-plugin-macros @@ -10692,10 +10960,10 @@ snapshots: '@lerna-lite/publish@3.10.1(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2)': dependencies: - '@lerna-lite/cli': 3.10.1(@lerna-lite/publish@3.10.1(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@lerna-lite/run@3.10.1(@lerna-lite/publish@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@lerna-lite/version@3.10.1(@lerna-lite/publish@3.10.1(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@lerna-lite/run@3.10.1(@lerna-lite/publish@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@types/node@20.17.6)(typescript@5.7.2))(@types/node@20.17.6)(typescript@5.7.2) + '@lerna-lite/cli': 3.10.1(@lerna-lite/publish@3.10.1)(@lerna-lite/run@3.10.1)(@lerna-lite/version@3.10.1(@lerna-lite/publish@3.10.1)(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@types/node@20.17.6)(typescript@5.7.2) '@lerna-lite/core': 3.10.1(@types/node@20.17.6)(typescript@5.7.2) '@lerna-lite/npmlog': 3.10.1 - '@lerna-lite/version': 3.10.1(@lerna-lite/publish@3.10.1(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@lerna-lite/run@3.10.1(@lerna-lite/publish@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@types/node@20.17.6)(typescript@5.7.2) + '@lerna-lite/version': 3.10.1(@lerna-lite/publish@3.10.1)(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2) '@npmcli/arborist': 7.5.4 '@npmcli/package-json': 5.2.1 byte-size: 9.0.0 @@ -10730,7 +10998,7 @@ snapshots: '@lerna-lite/run@3.10.1(@lerna-lite/publish@3.10.1)(@types/node@20.17.6)(typescript@5.7.2)': dependencies: - '@lerna-lite/cli': 3.10.1(@lerna-lite/publish@3.10.1(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@lerna-lite/run@3.10.1(@lerna-lite/publish@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@lerna-lite/version@3.10.1(@lerna-lite/publish@3.10.1(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@lerna-lite/run@3.10.1(@lerna-lite/publish@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@types/node@20.17.6)(typescript@5.7.2))(@types/node@20.17.6)(typescript@5.7.2) + '@lerna-lite/cli': 3.10.1(@lerna-lite/publish@3.10.1)(@lerna-lite/run@3.10.1)(@lerna-lite/version@3.10.1(@lerna-lite/publish@3.10.1)(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@types/node@20.17.6)(typescript@5.7.2) '@lerna-lite/core': 3.10.1(@types/node@20.17.6)(typescript@5.7.2) '@lerna-lite/npmlog': 3.10.1 '@lerna-lite/profiler': 3.10.1(@types/node@20.17.6)(typescript@5.7.2) @@ -10749,9 +11017,9 @@ snapshots: - supports-color - typescript - '@lerna-lite/version@3.10.1(@lerna-lite/publish@3.10.1(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@lerna-lite/run@3.10.1(@lerna-lite/publish@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@types/node@20.17.6)(typescript@5.7.2)': + '@lerna-lite/version@3.10.1(@lerna-lite/publish@3.10.1)(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2)': dependencies: - '@lerna-lite/cli': 3.10.1(@lerna-lite/publish@3.10.1(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@lerna-lite/run@3.10.1(@lerna-lite/publish@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@lerna-lite/version@3.10.1(@lerna-lite/publish@3.10.1(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@lerna-lite/run@3.10.1(@lerna-lite/publish@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@types/node@20.17.6)(typescript@5.7.2))(@types/node@20.17.6)(typescript@5.7.2) + '@lerna-lite/cli': 3.10.1(@lerna-lite/publish@3.10.1)(@lerna-lite/run@3.10.1)(@lerna-lite/version@3.10.1(@lerna-lite/publish@3.10.1)(@lerna-lite/run@3.10.1)(@types/node@20.17.6)(typescript@5.7.2))(@types/node@20.17.6)(typescript@5.7.2) '@lerna-lite/core': 3.10.1(@types/node@20.17.6)(typescript@5.7.2) '@lerna-lite/npmlog': 3.10.1 '@octokit/plugin-enterprise-rest': 6.0.1 @@ -10796,16 +11064,57 @@ snapshots: - supports-color - typescript + '@lit-labs/ssr-dom-shim@1.2.1': {} + '@lit/react@1.0.6(@types/react@19.0.1)': dependencies: '@types/react': 19.0.1 + '@lit/reactive-element@2.0.4': + dependencies: + '@lit-labs/ssr-dom-shim': 1.2.1 + '@mdx-js/react@3.1.0(@types/react@19.0.1)(react@18.3.1)': dependencies: '@types/mdx': 2.0.13 '@types/react': 19.0.1 react: 18.3.1 + '@microsoft/api-extractor-model@7.30.1(@types/node@22.9.0)': + dependencies: + '@microsoft/tsdoc': 0.15.1 + '@microsoft/tsdoc-config': 0.17.1 + '@rushstack/node-core-library': 5.10.1(@types/node@22.9.0) + transitivePeerDependencies: + - '@types/node' + + '@microsoft/api-extractor@7.48.1(@types/node@22.9.0)': + dependencies: + '@microsoft/api-extractor-model': 7.30.1(@types/node@22.9.0) + '@microsoft/tsdoc': 0.15.1 + '@microsoft/tsdoc-config': 0.17.1 + '@rushstack/node-core-library': 5.10.1(@types/node@22.9.0) + '@rushstack/rig-package': 0.5.3 + '@rushstack/terminal': 0.14.4(@types/node@22.9.0) + '@rushstack/ts-command-line': 4.23.2(@types/node@22.9.0) + lodash: 4.17.21 + minimatch: 3.0.8 + resolve: 1.22.8 + semver: 7.5.4 + source-map: 0.6.1 + typescript: 5.4.2 + transitivePeerDependencies: + - '@types/node' + + '@microsoft/tsdoc-config@0.17.1': + dependencies: + '@microsoft/tsdoc': 0.15.1 + ajv: 8.12.0 + jju: 1.4.0 + resolve: 1.22.8 + + '@microsoft/tsdoc@0.15.1': {} + '@next/env@15.0.4': {} '@next/eslint-plugin-next@15.0.4': @@ -11270,6 +11579,40 @@ snapshots: '@rushstack/eslint-patch@1.10.4': {} + '@rushstack/node-core-library@5.10.1(@types/node@22.9.0)': + dependencies: + ajv: 8.13.0 + ajv-draft-04: 1.0.0(ajv@8.13.0) + ajv-formats: 3.0.1(ajv@8.13.0) + fs-extra: 7.0.1 + import-lazy: 4.0.0 + jju: 1.4.0 + resolve: 1.22.8 + semver: 7.5.4 + optionalDependencies: + '@types/node': 22.9.0 + + '@rushstack/rig-package@0.5.3': + dependencies: + resolve: 1.22.8 + strip-json-comments: 3.1.1 + + '@rushstack/terminal@0.14.4(@types/node@22.9.0)': + dependencies: + '@rushstack/node-core-library': 5.10.1(@types/node@22.9.0) + supports-color: 8.1.1 + optionalDependencies: + '@types/node': 22.9.0 + + '@rushstack/ts-command-line@4.23.2(@types/node@22.9.0)': + dependencies: + '@rushstack/terminal': 0.14.4(@types/node@22.9.0) + '@types/argparse': 1.0.38 + argparse: 1.0.10 + string-argv: 0.3.2 + transitivePeerDependencies: + - '@types/node' + '@sec-ant/readable-stream@0.4.1': {} '@sideway/address@4.1.5': @@ -11700,6 +12043,18 @@ snapshots: dependencies: storybook: 8.4.7(prettier@3.4.1) + '@storybook/web-components@8.4.7(lit@3.2.1)(storybook@8.4.7(prettier@3.4.1))': + dependencies: + '@storybook/components': 8.4.7(storybook@8.4.7(prettier@3.4.1)) + '@storybook/global': 5.0.0 + '@storybook/manager-api': 8.4.7(storybook@8.4.7(prettier@3.4.1)) + '@storybook/preview-api': 8.4.7(storybook@8.4.7(prettier@3.4.1)) + '@storybook/theming': 8.4.7(storybook@8.4.7(prettier@3.4.1)) + lit: 3.2.1 + storybook: 8.4.7(prettier@3.4.1) + tiny-invariant: 1.3.3 + ts-dedent: 2.2.0 + '@swc/core-darwin-arm64@1.10.1': optional: true @@ -11867,6 +12222,8 @@ snapshots: dependencies: '@types/estree': 1.0.6 + '@types/argparse@1.0.38': {} + '@types/aria-query@5.0.4': {} '@types/babel__core@7.20.5': @@ -12003,6 +12360,8 @@ snapshots: '@types/tough-cookie@4.0.5': {} + '@types/trusted-types@2.0.7': {} + '@types/twig@1.12.16': {} '@types/unist@2.0.11': {} @@ -12536,6 +12895,17 @@ snapshots: transitivePeerDependencies: - supports-color + '@vitejs/plugin-react@4.3.4(vite@6.0.3(@types/node@22.9.0)(sass@1.81.0)(terser@5.36.0)(yaml@2.6.0))': + dependencies: + '@babel/core': 7.26.0 + '@babel/plugin-transform-react-jsx-self': 7.25.9(@babel/core@7.26.0) + '@babel/plugin-transform-react-jsx-source': 7.25.9(@babel/core@7.26.0) + '@types/babel__core': 7.20.5 + react-refresh: 0.14.2 + vite: 6.0.3(@types/node@22.9.0)(sass@1.81.0)(terser@5.36.0)(yaml@2.6.0) + transitivePeerDependencies: + - supports-color + '@vitest/expect@2.0.5': dependencies: '@vitest/spy': 2.0.5 @@ -12568,6 +12938,51 @@ snapshots: loupe: 3.1.2 tinyrainbow: 1.2.0 + '@volar/language-core@2.4.11': + dependencies: + '@volar/source-map': 2.4.11 + + '@volar/source-map@2.4.11': {} + + '@volar/typescript@2.4.11': + dependencies: + '@volar/language-core': 2.4.11 + path-browserify: 1.0.1 + vscode-uri: 3.0.8 + + '@vue/compiler-core@3.5.13': + dependencies: + '@babel/parser': 7.26.2 + '@vue/shared': 3.5.13 + entities: 4.5.0 + estree-walker: 2.0.2 + source-map-js: 1.2.1 + + '@vue/compiler-dom@3.5.13': + dependencies: + '@vue/compiler-core': 3.5.13 + '@vue/shared': 3.5.13 + + '@vue/compiler-vue2@2.7.16': + dependencies: + de-indent: 1.0.2 + he: 1.2.0 + + '@vue/language-core@2.1.6(typescript@5.7.2)': + dependencies: + '@volar/language-core': 2.4.11 + '@vue/compiler-dom': 3.5.13 + '@vue/compiler-vue2': 2.7.16 + '@vue/shared': 3.5.13 + computeds: 0.0.1 + minimatch: 9.0.5 + muggle-string: 0.4.1 + path-browserify: 1.0.1 + optionalDependencies: + typescript: 5.7.2 + + '@vue/shared@3.5.13': {} + '@whitespace/storybook-addon-html@6.1.1(prettier@3.4.1)(react-syntax-highlighter@15.6.1(react@19.0.0))': dependencies: prettier: 3.4.1 @@ -12622,10 +13037,18 @@ snapshots: clean-stack: 2.2.0 indent-string: 4.0.0 + ajv-draft-04@1.0.0(ajv@8.13.0): + optionalDependencies: + ajv: 8.13.0 + ajv-errors@1.0.1(ajv@6.12.6): dependencies: ajv: 6.12.6 + ajv-formats@3.0.1(ajv@8.13.0): + optionalDependencies: + ajv: 8.13.0 + ajv@6.12.6: dependencies: fast-deep-equal: 3.1.3 @@ -12633,6 +13056,20 @@ snapshots: json-schema-traverse: 0.4.1 uri-js: 4.4.1 + ajv@8.12.0: + dependencies: + fast-deep-equal: 3.1.3 + json-schema-traverse: 1.0.0 + require-from-string: 2.0.2 + uri-js: 4.4.1 + + ajv@8.13.0: + dependencies: + fast-deep-equal: 3.1.3 + json-schema-traverse: 1.0.0 + require-from-string: 2.0.2 + uri-js: 4.4.1 + ajv@8.17.1: dependencies: fast-deep-equal: 3.1.3 @@ -13348,6 +13785,10 @@ snapshots: array-ify: 1.0.0 dot-prop: 5.3.0 + compare-versions@6.1.1: {} + + computeds@0.0.1: {} + concat-map@0.0.1: {} concat-stream@2.0.0: @@ -13524,12 +13965,6 @@ snapshots: shebang-command: 1.2.0 which: 1.3.1 - cross-spawn@7.0.3: - dependencies: - path-key: 3.1.1 - shebang-command: 2.0.0 - which: 2.0.2 - cross-spawn@7.0.6: dependencies: path-key: 3.1.1 @@ -13672,6 +14107,8 @@ snapshots: dependencies: '@babel/runtime': 7.26.0 + de-indent@1.0.2: {} + debug@3.2.7: dependencies: ms: 2.1.3 @@ -14463,7 +14900,7 @@ snapshots: execa@5.1.1: dependencies: - cross-spawn: 7.0.3 + cross-spawn: 7.0.6 get-stream: 6.0.1 human-signals: 2.1.0 is-stream: 2.0.1 @@ -14475,7 +14912,7 @@ snapshots: execa@8.0.1: dependencies: - cross-spawn: 7.0.3 + cross-spawn: 7.0.6 get-stream: 8.0.1 human-signals: 5.0.0 is-stream: 3.0.0 @@ -14701,6 +15138,12 @@ snapshots: jsonfile: 6.1.0 universalify: 2.0.1 + fs-extra@7.0.1: + dependencies: + graceful-fs: 4.2.11 + jsonfile: 4.0.0 + universalify: 0.1.2 + fs-minipass@2.1.0: dependencies: minipass: 3.3.6 @@ -15159,6 +15602,8 @@ snapshots: dependencies: resolve-from: 5.0.0 + import-lazy@4.0.0: {} + import-local@3.2.0: dependencies: pkg-dir: 4.2.0 @@ -15966,6 +16411,8 @@ snapshots: - supports-color - ts-node + jju@1.4.0: {} + joi@17.13.3: dependencies: '@hapi/hoek': 9.3.0 @@ -16077,6 +16524,10 @@ snapshots: jsonc-parser@3.3.1: {} + jsonfile@4.0.0: + optionalDependencies: + graceful-fs: 4.2.11 + jsonfile@6.1.0: dependencies: universalify: 2.0.1 @@ -16118,6 +16569,8 @@ snapshots: known-css-properties@0.35.0: {} + kolorist@1.8.0: {} + language-subtag-registry@0.3.23: {} language-tags@1.0.9: @@ -16187,6 +16640,22 @@ snapshots: rfdc: 1.4.1 wrap-ansi: 9.0.0 + lit-element@4.1.1: + dependencies: + '@lit-labs/ssr-dom-shim': 1.2.1 + '@lit/reactive-element': 2.0.4 + lit-html: 3.2.1 + + lit-html@3.2.1: + dependencies: + '@types/trusted-types': 2.0.7 + + lit@3.2.1: + dependencies: + '@lit/reactive-element': 2.0.4 + lit-element: 4.1.1 + lit-html: 3.2.1 + load-json-file@4.0.0: dependencies: graceful-fs: 4.2.11 @@ -16205,6 +16674,11 @@ snapshots: loader-utils@3.3.1: {} + local-pkg@0.5.1: + dependencies: + mlly: 1.7.3 + pkg-types: 1.2.1 + locate-path@3.0.0: dependencies: p-locate: 3.0.0 @@ -16892,7 +17366,7 @@ snapshots: mkdirp@3.0.1: {} - mlly@1.7.2: + mlly@1.7.3: dependencies: acorn: 8.14.0 pathe: 1.1.2 @@ -16903,6 +17377,8 @@ snapshots: ms@2.1.3: {} + muggle-string@0.4.1: {} + multimatch@7.0.0: dependencies: array-differ: 4.0.0 @@ -17631,7 +18107,7 @@ snapshots: pkg-types@1.2.1: dependencies: confbox: 0.1.8 - mlly: 1.7.2 + mlly: 1.7.3 pathe: 1.1.2 playwright-core@1.49.1: {} @@ -18446,6 +18922,10 @@ snapshots: semver@6.3.1: {} + semver@7.5.4: + dependencies: + lru-cache: 6.0.0 + semver@7.6.3: {} sentence-case@2.1.1: @@ -19230,6 +19710,8 @@ snapshots: typedarray@0.0.6: {} + typescript@5.4.2: {} + typescript@5.7.2: {} uc.micro@2.1.0: {} @@ -19351,6 +19833,8 @@ snapshots: universal-user-agent@7.0.2: {} + universalify@0.1.2: {} + universalify@0.2.0: {} universalify@2.0.1: {} @@ -19462,11 +19946,38 @@ snapshots: '@types/unist': 3.0.3 vfile-message: 4.0.2 + vite-plugin-dts@4.3.0(@types/node@22.9.0)(rollup@4.28.0)(typescript@5.7.2)(vite@6.0.3(@types/node@22.9.0)(sass@1.81.0)(terser@5.36.0)(yaml@2.6.0)): + dependencies: + '@microsoft/api-extractor': 7.48.1(@types/node@22.9.0) + '@rollup/pluginutils': 5.1.3(rollup@4.28.0) + '@volar/typescript': 2.4.11 + '@vue/language-core': 2.1.6(typescript@5.7.2) + compare-versions: 6.1.1 + debug: 4.3.7 + kolorist: 1.8.0 + local-pkg: 0.5.1 + magic-string: 0.30.12 + typescript: 5.7.2 + optionalDependencies: + vite: 6.0.3(@types/node@22.9.0)(sass@1.81.0)(terser@5.36.0)(yaml@2.6.0) + transitivePeerDependencies: + - '@types/node' + - rollup + - supports-color + vite-plugin-runtime-config@1.0.2(vite@6.0.2(@types/node@20.17.6)(sass@1.81.0)(terser@5.36.0)(yaml@2.6.0)): dependencies: lodash: 4.17.21 vite: 6.0.2(@types/node@20.17.6)(sass@1.81.0)(terser@5.36.0)(yaml@2.6.0) + vite-plugin-static-copy@2.2.0(vite@6.0.3(@types/node@22.9.0)(sass@1.81.0)(terser@5.36.0)(yaml@2.6.0)): + dependencies: + chokidar: 3.6.0 + fast-glob: 3.3.2 + fs-extra: 11.2.0 + picocolors: 1.1.1 + vite: 6.0.3(@types/node@22.9.0)(sass@1.81.0)(terser@5.36.0)(yaml@2.6.0) + vite@6.0.1(@types/node@22.9.0)(sass@1.81.0)(terser@5.36.0)(yaml@2.6.0): dependencies: esbuild: 0.24.0 @@ -19503,6 +20014,18 @@ snapshots: terser: 5.36.0 yaml: 2.6.0 + vite@6.0.3(@types/node@22.9.0)(sass@1.81.0)(terser@5.36.0)(yaml@2.6.0): + dependencies: + esbuild: 0.24.0 + postcss: 8.4.49 + rollup: 4.28.0 + optionalDependencies: + '@types/node': 22.9.0 + fsevents: 2.3.3 + sass: 1.81.0 + terser: 5.36.0 + yaml: 2.6.0 + vscode-json-languageservice@4.2.1: dependencies: jsonc-parser: 3.3.1 From 3831dade94e464594418f529d5218fca68013a35 Mon Sep 17 00:00:00 2001 From: NL Design System Date: Tue, 14 Jan 2025 11:01:25 +0000 Subject: [PATCH 2/5] docs(release): design system packages skip-checks: true - @rijkshuisstijl-community/components-css@1.0.0-alpha.115 - @rijkshuisstijl-community/components-react@1.0.0-alpha.91 - @rijkshuisstijl-community/font@1.0.0-alpha.115 - @rijkshuisstijl-community/web-components-react@1.0.0-alpha.97 - @rijkshuisstijl-community/web-components-stencil@1.0.0-alpha.97 - @rijkshuisstijl-community/web-components@1.0.1-alpha.0 - @rijkshuisstijl-community/assets@1.0.0-alpha.115 - @rijkshuisstijl-community/design-tokens@1.0.0-alpha.116 - @rijkshuisstijl-community/digid-design-tokens@1.0.0-alpha.107 - @rijkshuisstijl-community/logius-design-tokens@1.0.0-alpha.108 - @rijkshuisstijl-community/mijnoverheid-design-tokens@1.0.0-alpha.107 - @rijkshuisstijl-community/rivm-design-tokens@1.0.0-alpha.101 --- packages/components-css/package.json | 2 +- packages/components-react/package.json | 2 +- packages/font/package.json | 2 +- packages/web-components-react/package.json | 2 +- packages/web-components-stencil/package.json | 2 +- packages/web-components/package.json | 2 +- proprietary/assets/package.json | 2 +- proprietary/design-tokens/package.json | 2 +- proprietary/digid-design-tokens/package.json | 2 +- proprietary/logius-design-tokens/package.json | 2 +- proprietary/mijnoverheid-design-tokens/package.json | 2 +- proprietary/rivm-design-tokens/package.json | 2 +- 12 files changed, 12 insertions(+), 12 deletions(-) diff --git a/packages/components-css/package.json b/packages/components-css/package.json index c303a8856..8d53d1f2b 100644 --- a/packages/components-css/package.json +++ b/packages/components-css/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/components-css", - "version": "1.0.0-alpha.114", + "version": "1.0.0-alpha.115", "type": "module", "author": "Community for NL Design System", "description": "CSS Components for a design system based on the NL Design System architecture", diff --git a/packages/components-react/package.json b/packages/components-react/package.json index 6c0a61939..a6a4ae954 100644 --- a/packages/components-react/package.json +++ b/packages/components-react/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/components-react", - "version": "1.0.0-alpha.90", + "version": "1.0.0-alpha.91", "author": "Community for NL Design System", "description": "React component library for the Rijkshuisstijl Community repository, based on the NL Design System architecture", "license": "EUPL-1.2", diff --git a/packages/font/package.json b/packages/font/package.json index cf4b1815a..6501c90c1 100644 --- a/packages/font/package.json +++ b/packages/font/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/font", - "version": "1.0.0-alpha.114", + "version": "1.0.0-alpha.115", "author": "Community for NL Design System", "description": "Font assets", "license": "EUPL-1.2", diff --git a/packages/web-components-react/package.json b/packages/web-components-react/package.json index fc1d4f9be..6b0c4517f 100644 --- a/packages/web-components-react/package.json +++ b/packages/web-components-react/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/web-components-react", - "version": "1.0.0-alpha.96", + "version": "1.0.0-alpha.97", "author": "Community for NL Design System", "description": "React web components bundle based on the NL Design System architecture", "license": "EUPL-1.2", diff --git a/packages/web-components-stencil/package.json b/packages/web-components-stencil/package.json index c600f5988..2f766afac 100644 --- a/packages/web-components-stencil/package.json +++ b/packages/web-components-stencil/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/web-components-stencil", - "version": "1.0.0-alpha.96", + "version": "1.0.0-alpha.97", "author": "Community for NL Design System", "description": "Stencil web components bundle based on the NL Design System architecture", "license": "EUPL-1.2", diff --git a/packages/web-components/package.json b/packages/web-components/package.json index f88d680a7..147ba2f78 100644 --- a/packages/web-components/package.json +++ b/packages/web-components/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/web-components", - "version": "1.0.0", + "version": "1.0.1-alpha.0", "author": "Community for NL Design System", "description": "Generic web components bundle based on the NL Design System architecture", "license": "EUPL-1.2", diff --git a/proprietary/assets/package.json b/proprietary/assets/package.json index ed200fd54..f659fbb44 100644 --- a/proprietary/assets/package.json +++ b/proprietary/assets/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/assets", - "version": "1.0.0-alpha.114", + "version": "1.0.0-alpha.115", "author": "Community for NL Design System", "description": "Assets", "license": "SEE LICENSE IN LICENSE.md", diff --git a/proprietary/design-tokens/package.json b/proprietary/design-tokens/package.json index 608c77110..530b0f3e0 100644 --- a/proprietary/design-tokens/package.json +++ b/proprietary/design-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/design-tokens", - "version": "1.0.0-alpha.115", + "version": "1.0.0-alpha.116", "author": "Community for NL Design System", "description": "Example design tokens", "license": "SEE LICENSE IN LICENSE.md", diff --git a/proprietary/digid-design-tokens/package.json b/proprietary/digid-design-tokens/package.json index f24aa6698..60ae8c835 100644 --- a/proprietary/digid-design-tokens/package.json +++ b/proprietary/digid-design-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/digid-design-tokens", - "version": "1.0.0-alpha.106", + "version": "1.0.0-alpha.107", "author": "Community for NL Design System", "description": "DigiD design tokens", "license": "SEE LICENSE IN LICENSE.md", diff --git a/proprietary/logius-design-tokens/package.json b/proprietary/logius-design-tokens/package.json index 95af1d1ba..f15fa9aa5 100644 --- a/proprietary/logius-design-tokens/package.json +++ b/proprietary/logius-design-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/logius-design-tokens", - "version": "1.0.0-alpha.107", + "version": "1.0.0-alpha.108", "author": "Community for NL Design System", "description": "Logius design tokens", "license": "SEE LICENSE IN LICENSE.md", diff --git a/proprietary/mijnoverheid-design-tokens/package.json b/proprietary/mijnoverheid-design-tokens/package.json index 46dfc7639..899458558 100644 --- a/proprietary/mijnoverheid-design-tokens/package.json +++ b/proprietary/mijnoverheid-design-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/mijnoverheid-design-tokens", - "version": "1.0.0-alpha.106", + "version": "1.0.0-alpha.107", "author": "Community for NL Design System", "description": "MijnOverheid design tokens", "license": "SEE LICENSE IN LICENSE.md", diff --git a/proprietary/rivm-design-tokens/package.json b/proprietary/rivm-design-tokens/package.json index 6a810bf4f..b81306554 100644 --- a/proprietary/rivm-design-tokens/package.json +++ b/proprietary/rivm-design-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/rivm-design-tokens", - "version": "1.0.0-alpha.100", + "version": "1.0.0-alpha.101", "author": "Community for NL Design System", "description": "RIVM design tokens", "license": "SEE LICENSE IN LICENSE.md", From dd75fbd11f12d35a6b1fec95c9b2b1e446347efd Mon Sep 17 00:00:00 2001 From: Rozerin <84851545+Rozerinay@users.noreply.github.com> Date: Tue, 14 Jan 2025 13:37:17 +0100 Subject: [PATCH 3/5] feat: add pre-heading tokens (#1100) Added tokens for Pre-heading. --- .../design-tokens/figma/figma.tokens.json | 160 ++++++++++-------- 1 file changed, 94 insertions(+), 66 deletions(-) diff --git a/proprietary/design-tokens/figma/figma.tokens.json b/proprietary/design-tokens/figma/figma.tokens.json index 6af7827e8..94a49b89b 100644 --- a/proprietary/design-tokens/figma/figma.tokens.json +++ b/proprietary/design-tokens/figma/figma.tokens.json @@ -3380,7 +3380,7 @@ "color": { "value": "{rhc.color.grijs.600}", "type": "color" - }, + }, "font-size": { "value": "1rem", "type": "fontSizes" @@ -3572,8 +3572,8 @@ }, "error-message": { "line-height": { - "value": "normal", - "type": "lineHeights" + "value": "normal", + "type": "lineHeights" } } } @@ -3741,18 +3741,18 @@ "type": "spacing" }, "label": { - "margin-block-end": { - "value": "{rhc.space.0}", - "type": "spacing" - } + "margin-block-end": { + "value": "{rhc.space.0}", + "type": "spacing" + } }, "input": { - "margin": { - "block-start": { - "value": "{rhc.space.50}", - "type": "spacing" - } + "margin": { + "block-start": { + "value": "{rhc.space.50}", + "type": "spacing" } + } } } } @@ -5188,6 +5188,32 @@ } } }, + "components/pre-heading": { + "utrecht": { + "pre-heading": { + "color": { + "value": "{rhc.color.foreground.lint}", + "type": "color" + }, + "font-family": { + "value": "{rhc.font-family.primary}", + "type": "fontFamilies" + }, + "font-weight": { + "value": "{rhc.font-weight.bold}", + "type": "fontWeights" + }, + "line-height": { + "value": "{rhc.line-height.sm}", + "type": "lineHeights" + }, + "font-size": { + "value": "{rhc.font-size.xs.mobile}", + "type": "fontSizes" + } + } + } + }, "components/radio": { "utrecht": { "radio-button": { @@ -5917,56 +5943,6 @@ } } }, - "components/sub-nav-bar": { - "rhc": { - "sub-nav-bar": { - "background-color": { - "value": "#f2f4f6", - "type": "color" - }, - "column-gap": { - "value": "{rhc.space.100}", - "type": "spacing" - }, - "column-width": { - "value": "375px", - "type": "sizing" - }, - "padding-block-end": { - "value": "{rhc.space.400}", - "type": "spacing" - }, - "padding-block-start": { - "value": "{rhc.space.400}", - "type": "spacing" - }, - "inline-size": { - "value": "100%", - "type": "sizing" - }, - "content": { - "padding-inline-end": { - "value": "{rhc.space.200}", - "type": "spacing" - }, - "padding-inline-start": { - "value": "{rhc.space.200}", - "type": "spacing" - }, - "max-inline-size": { - "value": "1280px", - "type": "sizing" - }, - "list": { - "row-gap": { - "value": "{rhc.space.100}", - "type": "spacing" - } - } - } - } - } - }, "components/summary-list": { "todo": { "summary-list": { @@ -6321,8 +6297,8 @@ } }, "font-size": { - "value": "{rhc.font-size.xs.desktop}", - "type": "fontSizes" + "value": "{rhc.font-size.xs.desktop}", + "type": "fontSizes" } } } @@ -6901,6 +6877,56 @@ } } }, + "components/sub-nav-bar": { + "rhc": { + "sub-nav-bar": { + "background-color": { + "value": "#f2f4f6", + "type": "color" + }, + "column-gap": { + "value": "{rhc.space.100}", + "type": "spacing" + }, + "column-width": { + "value": "375px", + "type": "sizing" + }, + "padding-block-end": { + "value": "{rhc.space.400}", + "type": "spacing" + }, + "padding-block-start": { + "value": "{rhc.space.400}", + "type": "spacing" + }, + "inline-size": { + "value": "100%", + "type": "sizing" + }, + "content": { + "padding-inline-end": { + "value": "{rhc.space.200}", + "type": "spacing" + }, + "padding-inline-start": { + "value": "{rhc.space.200}", + "type": "spacing" + }, + "max-inline-size": { + "value": "1280px", + "type": "sizing" + }, + "list": { + "row-gap": { + "value": "{rhc.space.100}", + "type": "spacing" + } + } + } + } + } + }, "$themes": [], "$metadata": { "tokenSetOrder": [ @@ -6962,6 +6988,7 @@ "components/ordered-list", "components/pagination", "components/paragraph", + "components/pre-heading", "components/radio", "components/radio-group", "components/select", @@ -6977,7 +7004,8 @@ "components/toggletip", "components/toolbar-button", "components/unordered-list", - "components/icon" + "components/icon", + "components/sub-nav-bar" ] } -} +} \ No newline at end of file From e9138a3cc4ed22202f21d64b3fb5d92516dc0e7a Mon Sep 17 00:00:00 2001 From: NL Design System Date: Tue, 14 Jan 2025 12:45:36 +0000 Subject: [PATCH 4/5] docs(release): design system packages skip-checks: true - @rijkshuisstijl-community/components-css@1.0.0-alpha.116 - @rijkshuisstijl-community/components-react@1.0.0-alpha.92 - @rijkshuisstijl-community/font@1.0.0-alpha.116 - @rijkshuisstijl-community/web-components-react@1.0.0-alpha.98 - @rijkshuisstijl-community/web-components-stencil@1.0.0-alpha.98 - @rijkshuisstijl-community/web-components@1.0.1-alpha.1 - @rijkshuisstijl-community/assets@1.0.0-alpha.116 - @rijkshuisstijl-community/design-tokens@1.0.0-alpha.117 - @rijkshuisstijl-community/digid-design-tokens@1.0.0-alpha.108 - @rijkshuisstijl-community/logius-design-tokens@1.0.0-alpha.109 - @rijkshuisstijl-community/mijnoverheid-design-tokens@1.0.0-alpha.108 - @rijkshuisstijl-community/rivm-design-tokens@1.0.0-alpha.102 --- packages/components-css/package.json | 2 +- packages/components-react/package.json | 2 +- packages/font/package.json | 2 +- packages/web-components-react/package.json | 2 +- packages/web-components-stencil/package.json | 2 +- packages/web-components/package.json | 2 +- proprietary/assets/package.json | 2 +- proprietary/design-tokens/package.json | 2 +- proprietary/digid-design-tokens/package.json | 2 +- proprietary/logius-design-tokens/package.json | 2 +- proprietary/mijnoverheid-design-tokens/package.json | 2 +- proprietary/rivm-design-tokens/package.json | 2 +- 12 files changed, 12 insertions(+), 12 deletions(-) diff --git a/packages/components-css/package.json b/packages/components-css/package.json index 8d53d1f2b..eb9b8bbe9 100644 --- a/packages/components-css/package.json +++ b/packages/components-css/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/components-css", - "version": "1.0.0-alpha.115", + "version": "1.0.0-alpha.116", "type": "module", "author": "Community for NL Design System", "description": "CSS Components for a design system based on the NL Design System architecture", diff --git a/packages/components-react/package.json b/packages/components-react/package.json index a6a4ae954..90e4c10a1 100644 --- a/packages/components-react/package.json +++ b/packages/components-react/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/components-react", - "version": "1.0.0-alpha.91", + "version": "1.0.0-alpha.92", "author": "Community for NL Design System", "description": "React component library for the Rijkshuisstijl Community repository, based on the NL Design System architecture", "license": "EUPL-1.2", diff --git a/packages/font/package.json b/packages/font/package.json index 6501c90c1..903975e8f 100644 --- a/packages/font/package.json +++ b/packages/font/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/font", - "version": "1.0.0-alpha.115", + "version": "1.0.0-alpha.116", "author": "Community for NL Design System", "description": "Font assets", "license": "EUPL-1.2", diff --git a/packages/web-components-react/package.json b/packages/web-components-react/package.json index 6b0c4517f..2dc6a8e78 100644 --- a/packages/web-components-react/package.json +++ b/packages/web-components-react/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/web-components-react", - "version": "1.0.0-alpha.97", + "version": "1.0.0-alpha.98", "author": "Community for NL Design System", "description": "React web components bundle based on the NL Design System architecture", "license": "EUPL-1.2", diff --git a/packages/web-components-stencil/package.json b/packages/web-components-stencil/package.json index 2f766afac..a690b0773 100644 --- a/packages/web-components-stencil/package.json +++ b/packages/web-components-stencil/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/web-components-stencil", - "version": "1.0.0-alpha.97", + "version": "1.0.0-alpha.98", "author": "Community for NL Design System", "description": "Stencil web components bundle based on the NL Design System architecture", "license": "EUPL-1.2", diff --git a/packages/web-components/package.json b/packages/web-components/package.json index 147ba2f78..a33b16829 100644 --- a/packages/web-components/package.json +++ b/packages/web-components/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/web-components", - "version": "1.0.1-alpha.0", + "version": "1.0.1-alpha.1", "author": "Community for NL Design System", "description": "Generic web components bundle based on the NL Design System architecture", "license": "EUPL-1.2", diff --git a/proprietary/assets/package.json b/proprietary/assets/package.json index f659fbb44..cc5aee61b 100644 --- a/proprietary/assets/package.json +++ b/proprietary/assets/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/assets", - "version": "1.0.0-alpha.115", + "version": "1.0.0-alpha.116", "author": "Community for NL Design System", "description": "Assets", "license": "SEE LICENSE IN LICENSE.md", diff --git a/proprietary/design-tokens/package.json b/proprietary/design-tokens/package.json index 530b0f3e0..459f45c99 100644 --- a/proprietary/design-tokens/package.json +++ b/proprietary/design-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/design-tokens", - "version": "1.0.0-alpha.116", + "version": "1.0.0-alpha.117", "author": "Community for NL Design System", "description": "Example design tokens", "license": "SEE LICENSE IN LICENSE.md", diff --git a/proprietary/digid-design-tokens/package.json b/proprietary/digid-design-tokens/package.json index 60ae8c835..ad2fde1db 100644 --- a/proprietary/digid-design-tokens/package.json +++ b/proprietary/digid-design-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/digid-design-tokens", - "version": "1.0.0-alpha.107", + "version": "1.0.0-alpha.108", "author": "Community for NL Design System", "description": "DigiD design tokens", "license": "SEE LICENSE IN LICENSE.md", diff --git a/proprietary/logius-design-tokens/package.json b/proprietary/logius-design-tokens/package.json index f15fa9aa5..98d97e25d 100644 --- a/proprietary/logius-design-tokens/package.json +++ b/proprietary/logius-design-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/logius-design-tokens", - "version": "1.0.0-alpha.108", + "version": "1.0.0-alpha.109", "author": "Community for NL Design System", "description": "Logius design tokens", "license": "SEE LICENSE IN LICENSE.md", diff --git a/proprietary/mijnoverheid-design-tokens/package.json b/proprietary/mijnoverheid-design-tokens/package.json index 899458558..150ea79c5 100644 --- a/proprietary/mijnoverheid-design-tokens/package.json +++ b/proprietary/mijnoverheid-design-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/mijnoverheid-design-tokens", - "version": "1.0.0-alpha.107", + "version": "1.0.0-alpha.108", "author": "Community for NL Design System", "description": "MijnOverheid design tokens", "license": "SEE LICENSE IN LICENSE.md", diff --git a/proprietary/rivm-design-tokens/package.json b/proprietary/rivm-design-tokens/package.json index b81306554..c5e42c8db 100644 --- a/proprietary/rivm-design-tokens/package.json +++ b/proprietary/rivm-design-tokens/package.json @@ -1,6 +1,6 @@ { "name": "@rijkshuisstijl-community/rivm-design-tokens", - "version": "1.0.0-alpha.101", + "version": "1.0.0-alpha.102", "author": "Community for NL Design System", "description": "RIVM design tokens", "license": "SEE LICENSE IN LICENSE.md", From 86ca6ab699832585bb761dce17f1fd53dbd6984d Mon Sep 17 00:00:00 2001 From: Mees Date: Tue, 14 Jan 2025 14:41:29 +0100 Subject: [PATCH 5/5] Design tokens pre heading (#1110) closes #831 Tokens worden nu toegepast. CSS niet meer nodig. --- packages/components-css/src/pre-heading/index.scss | 5 ----- packages/components-react/src/FileInput.tsx | 2 +- 2 files changed, 1 insertion(+), 6 deletions(-) diff --git a/packages/components-css/src/pre-heading/index.scss b/packages/components-css/src/pre-heading/index.scss index 0290382f1..f6117d7ac 100644 --- a/packages/components-css/src/pre-heading/index.scss +++ b/packages/components-css/src/pre-heading/index.scss @@ -11,11 +11,6 @@ } .rhc-pre-heading { - --utrecht-pre-heading-color: var(--utrecht-heading-1-color, inherit); - --utrecht-pre-heading-font-weight: var(--rhc-font-weight-regular, inherit); - --utrecht-pre-heading-font-size: var(--rhc-font-size-xs-desktop, inherit); - --utrecht-pre-heading-line-height: var(--rhc-line-height-md, inherit); - grid-area: preheading; } diff --git a/packages/components-react/src/FileInput.tsx b/packages/components-react/src/FileInput.tsx index 473261620..0b41412bc 100644 --- a/packages/components-react/src/FileInput.tsx +++ b/packages/components-react/src/FileInput.tsx @@ -61,7 +61,7 @@ export const FileInput = ({