diff --git a/packages/storybook/package.json b/packages/storybook/package.json index d8647dd..29ba95b 100644 --- a/packages/storybook/package.json +++ b/packages/storybook/package.json @@ -3,7 +3,7 @@ "author": "Community for NL Design System", "description": "Storybook based on the NL Design System architecture", "license": "EUPL-1.2", - "name": "@example/storybook", + "name": "@nl-design-system-unstable/storybook", "keywords": [ "nl-design-system" ], @@ -30,6 +30,7 @@ "@example/font": "workspace:*", "@example/web-components-react": "workspace:*", "@example/web-components-stencil": "workspace:*", + "@nl-design-system-unstable/nlds-design-tokens": "1.0.0-alpha.67", "@storybook/addon-a11y": "7.6.1", "@storybook/addon-actions": "7.6.1", "@storybook/addon-docs": "7.6.1", @@ -41,8 +42,11 @@ "@storybook/react-vite": "7.6.1", "@storybook/react-webpack5": "7.6.1", "@storybook/testing-library": "0.2.2", + "@tabler/icons-react": "2.42.0", "@types/react": "18.2.39", "@types/react-dom": "18.2.17", + "@utrecht/component-library-react": "2.0.0", + "@utrecht/web-component-library-react": "1.0.2", "@vitejs/plugin-react": "4.2.0", "babel-loader": "9.1.3", "css-loader": "6.8.1", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index f4af47b..a65fdae 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -280,6 +280,9 @@ importers: '@example/web-components-stencil': specifier: workspace:* version: link:../web-components-stencil + '@nl-design-system-unstable/nlds-design-tokens': + specifier: 1.0.0-alpha.67 + version: 1.0.0-alpha.67 '@storybook/addon-a11y': specifier: 7.6.1 version: 7.6.1 @@ -313,12 +316,21 @@ importers: '@storybook/testing-library': specifier: 0.2.2 version: 0.2.2 + '@tabler/icons-react': + specifier: 2.42.0 + version: 2.42.0(react@18.2.0) '@types/react': specifier: 18.2.39 version: 18.2.39 '@types/react-dom': specifier: 18.2.17 version: 18.2.17 + '@utrecht/component-library-react': + specifier: 2.0.0 + version: 2.0.0(react-dom@18.2.0)(react@18.2.0) + '@utrecht/web-component-library-react': + specifier: 1.0.2 + version: 1.0.2(react-dom@18.2.0)(react@18.2.0) '@vitejs/plugin-react': specifier: 4.2.0 version: 4.2.0(vite@5.0.4) @@ -2462,6 +2474,14 @@ packages: resolution: {integrity: sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A==} dev: true + /@fontsource/fira-sans@5.0.2: + resolution: {integrity: sha512-IxJGsXvkH6yV3fRw9mrbmgrdt6jDy7b/6gVoXgUroXSjC6WNbengREvCLSd2rLsYpOueR/bydAq6jjwmjljaig==} + dev: true + + /@fontsource/source-sans-pro@5.0.2: + resolution: {integrity: sha512-YieqMi9aVn9lbHnjU3ItNWSBVck4o4ANM4N9400Lw+E7ug6HfDQAHX9TKFj3vAfUn3nal6eZVc81aHuitqtLQw==} + dev: true + /@humanwhocodes/config-array@0.11.13: resolution: {integrity: sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==} engines: {node: '>=10.10.0'} @@ -3208,6 +3228,14 @@ packages: hasBin: true dev: true + /@nl-design-system-unstable/nlds-design-tokens@1.0.0-alpha.67: + resolution: {integrity: sha512-24Qu9ZMHJmzOSc9MbBWZ0+KR/OdyeaW35G46xjm+7Uv/APE6zDSYiQZjh9MYLIdLbXVvG5tfKMgGCA7dUk2LeA==} + dependencies: + '@fontsource/fira-sans': 5.0.2 + '@fontsource/source-sans-pro': 5.0.2 + firacode: 6.2.0 + dev: true + /@nodelib/fs.scandir@2.1.5: resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==} engines: {node: '>= 8'} @@ -4436,6 +4464,12 @@ packages: '@sinonjs/commons': 3.0.0 dev: true + /@stencil/core@4.5.0: + resolution: {integrity: sha512-XRbHdb9t4SQzCCbF9qsh0dexvnlArEzCDJl19BJzxzazVBM398SeJUKCBh4p91AZIWveN0gHuZSIGMhLWR7qSA==} + engines: {node: '>=16.0.0', npm: '>=7.10.0'} + hasBin: true + dev: true + /@stencil/core@4.8.0: resolution: {integrity: sha512-iNEaMiEt9oFZXSjZ7qkdlBpPTzWzBgWM7go8nI8a7V6ZOkmdVhhT0xGQD7OY13v5ZuDoIw5IsGvbIAGefhIhhQ==} engines: {node: '>=16.0.0', npm: '>=7.10.0'} @@ -5531,6 +5565,20 @@ packages: defer-to-connect: 2.0.1 dev: true + /@tabler/icons-react@2.42.0(react@18.2.0): + resolution: {integrity: sha512-2APr++u24P2mx9vJymJQJORRpu2Qej0rPrtAvgXu8YomHjLXVP+O1VtToSGyoSPH1ysA569XbxrwzOau9Ne12A==} + peerDependencies: + react: ^16.5.1 || ^17.0.0 || ^18.0.0 + dependencies: + '@tabler/icons': 2.42.0 + prop-types: 15.8.1 + react: 18.2.0 + dev: true + + /@tabler/icons@2.42.0: + resolution: {integrity: sha512-ynV4iaC1c1mUhuAr9HRaoq8KrWYmZ0bJEpOh7qTBE+OfdDsdvQUe+0S7FW+DHkJ4RuxQMdO8djrZK7HrUw9YMA==} + dev: true + /@testing-library/dom@9.3.3: resolution: {integrity: sha512-fB0R+fa3AUqbLHWyxXa2kGVtf1Fe1ZZFr0Zp6AIbIAzXb2mKbEXl+PCQNUOaq5lbTab5tfctfXRNsWXxa2f7Aw==} engines: {node: '>=14'} @@ -6178,6 +6226,45 @@ packages: resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==} dev: true + /@utrecht/component-library-react@2.0.0(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-WiZXgMhoDVRUZdPf9aVWBO1FIBVrY+qCNBHhX31lbUHZL83fMmcke4BFneu8Uk5ZB/ckDG+lFdbA23YuC9h0OA==} + peerDependencies: + date-fns: ^2.30.0 + react: '18' + react-dom: '18' + react-vega: ^7.6.0 + vega: ^5.25.0 + peerDependenciesMeta: + date-fns: + optional: true + react-vega: + optional: true + vega: + optional: true + dependencies: + clsx: 1.2.1 + lodash.chunk: 4.2.0 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + dev: true + + /@utrecht/web-component-library-react@1.0.2(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-TFs2ub0bNvqXlNNn2rdmWyb7/1fQN/pijQFcBt5yohaiQYhrdk7G63JfqPiF7xGk6XbAV0NW3HogcYMhMbKBqg==} + peerDependencies: + react: 16 - 18 + react-dom: 16 - 18 + dependencies: + '@utrecht/web-component-library-stencil': 1.1.0 + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + dev: true + + /@utrecht/web-component-library-stencil@1.1.0: + resolution: {integrity: sha512-3gHqaSqI5y6J+H6ZABHNxgdPxhQDzLFJX+ILfQDzuzQUOywyuAFodrArE2J53uPPcL6cw6ckXlIPEOZmuy3KSA==} + dependencies: + '@stencil/core': 4.5.0 + dev: true + /@vitejs/plugin-react@3.1.0(vite@5.0.4): resolution: {integrity: sha512-AfgcRL8ZBhAlc3BFdigClmTUMISmmzHn7sB2h9U1odvc5U/MjWXsAaz18b/WoppUTDBzxOJwo2VdClfUcItu9g==} engines: {node: ^14.18.0 || >=16.0.0} @@ -7666,6 +7753,11 @@ packages: engines: {node: '>=0.8'} dev: true + /clsx@1.2.1: + resolution: {integrity: sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==} + engines: {node: '>=6'} + dev: true + /clsx@2.0.0: resolution: {integrity: sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==} engines: {node: '>=6'} @@ -9823,6 +9915,10 @@ packages: resolve-dir: 1.0.1 dev: true + /firacode@6.2.0: + resolution: {integrity: sha512-t5R3aO2BmhRXnYtKXbImLVNsILuCIbJ/XlDzBufjpi3il8P/CVdpWco83Ud3r2Tl0gitAmyP4o1fbJ52ozV1jw==} + dev: true + /flat-cache@3.0.4: resolution: {integrity: sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==} engines: {node: ^10.12.0 || >=12.0.0} @@ -12470,7 +12566,6 @@ packages: /lodash.chunk@4.2.0: resolution: {integrity: sha512-ZzydJKfUHJwHa+hF5X66zLFCBrWn5GeF28OHEr4WVWtNDXlQ/IjWKPBiikqKo2ne0+v6JgCgJ0GzJp8k8bHC7w==} - dev: false /lodash.debounce@4.0.8: resolution: {integrity: sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==}