diff --git a/.storybook/main.ts b/.storybook/main.ts index 8a9383d6..f16ec49f 100644 --- a/.storybook/main.ts +++ b/.storybook/main.ts @@ -1,4 +1,3 @@ -import { transform } from "@formatjs/ts-transformer"; import type { StorybookConfig } from "@storybook/react-webpack5"; import * as path from "path"; @@ -30,26 +29,6 @@ const config: StorybookConfig = { use: ["style-loader", "css-loader", "sass-loader"], include: path.resolve(__dirname, "../"), }); - config.module.rules.push({ - test: /\.tsx?$/, - use: [ - { - loader: "ts-loader", - options: { - getCustomTransformers() { - return { - before: [ - transform({ - overrideIdFn: "[sha512:contenthash:base64:6]", - }), - ], - }; - }, - }, - }, - ], - exclude: /node_modules/, - }); // Add any other webpack config modifications here diff --git a/package-lock.json b/package-lock.json index a15a2aab..b9cfb2c9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -20,15 +20,15 @@ "@rollup/plugin-commonjs": "^25.0.7", "@rollup/plugin-json": "^6.1.0", "@rollup/plugin-terser": "^0.4.4", - "@storybook/addon-essentials": "^7.6.14", - "@storybook/addon-interactions": "^7.6.14", - "@storybook/addon-links": "^7.6.14", + "@storybook/addon-essentials": "^7.6.17", + "@storybook/addon-interactions": "^7.6.17", + "@storybook/addon-links": "^7.6.17", "@storybook/addon-onboarding": "^1.0.10", - "@storybook/addon-themes": "^7.6.14", - "@storybook/blocks": "^7.6.14", - "@storybook/react": "^7.6.14", - "@storybook/react-webpack5": "^7.6.14", - "@storybook/test": "^7.6.14", + "@storybook/addon-themes": "^7.6.17", + "@storybook/blocks": "^7.6.17", + "@storybook/react": "^7.6.17", + "@storybook/react-webpack5": "^7.6.17", + "@storybook/test": "^7.6.17", "@storybook/test-runner": "^0.16.0", "@trivago/prettier-plugin-sort-imports": "^4.3.0", "@types/react": "^18.0.0", @@ -56,7 +56,7 @@ "rollup-plugin-typescript2": "^0.36.0", "sass": "^1.69.7", "sass-loader": "^13.3.3", - "storybook": "^7.6.14", + "storybook": "^7.6.17", "ts-loader": "^9.5.1", "tslib": "^2.6.2", "typescript": "^5.3.3" @@ -2199,15 +2199,6 @@ "node": ">=4" } }, - "node_modules/@babel/register/node_modules/pify": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz", - "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==", - "dev": true, - "engines": { - "node": ">=6" - } - }, "node_modules/@babel/register/node_modules/pkg-dir": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz", @@ -5064,12 +5055,12 @@ } }, "node_modules/@storybook/addon-actions": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-7.6.14.tgz", - "integrity": "sha512-hFVB/ejxBdE6J3wOEPSx6aFB51PqDfQ/YR4ik5GCGJb3cmUX7d/FY8zH0TKJLXcG/Hw3XoxNiEo5AaMVxtGVGA==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-7.6.17.tgz", + "integrity": "sha512-TBphs4v6LRfyTpFo/WINF0TkMaE3rrNog7wW5mbz6n0j8o53kDN4o9ZEcygSL5zQX43CAaghQTeDCss7ueG7ZQ==", "dev": true, "dependencies": { - "@storybook/core-events": "7.6.14", + "@storybook/core-events": "7.6.17", "@storybook/global": "^5.0.0", "@types/uuid": "^9.0.1", "dequal": "^2.0.2", @@ -5082,9 +5073,9 @@ } }, "node_modules/@storybook/addon-backgrounds": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-7.6.14.tgz", - "integrity": "sha512-R6OblK71iKIwpxTZQhuOpbktIT5pNrfMNe4/lkIP2F6Dv9HgHwvg95Bpt0ebHKlRvD7KNwj1whKjJh1fO3yLgQ==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-7.6.17.tgz", + "integrity": "sha512-7dize7x8+37PH77kmt69b0xSaeDqOcZ4fpzW6+hk53hIaCVU26eGs4+j+743Xva31eOgZWNLupUhOpUDc6SqZw==", "dev": true, "dependencies": { "@storybook/global": "^5.0.0", @@ -5097,12 +5088,12 @@ } }, "node_modules/@storybook/addon-controls": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-7.6.14.tgz", - "integrity": "sha512-KJRPdzbXjitqCixMzMjkcRYJGIts9wrx2Qk7NCSXCbE0LDdT+U7//25luLp5DrRiPdqIVEQjNcLF10frljaA9g==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-7.6.17.tgz", + "integrity": "sha512-zR0aLaUF7FtV/nMRyfniFbCls/e0DAAoXACuOAUAwNAv0lbIS8AyZZiHSmKucCvziUQ6WceeCC7+du3C+9y0rQ==", "dev": true, "dependencies": { - "@storybook/blocks": "7.6.14", + "@storybook/blocks": "7.6.17", "lodash": "^4.17.21", "ts-dedent": "^2.0.0" }, @@ -5112,26 +5103,26 @@ } }, "node_modules/@storybook/addon-docs": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-7.6.14.tgz", - "integrity": "sha512-fH3voEcHuJmMXNIT6Lxs5ve+dM6P74gwhdyMj21WIp8DnYM99RrmjvT1k/3+tGknL/7oGM+4Y2DLyy2KYFc6HQ==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-7.6.17.tgz", + "integrity": "sha512-FKa4Mdy7nhgvEVZJHpMkHriDzpVHbohn87zv9NCL+Ctjs1iAmzGwxEm0culszyDS1HN2ToVoY0h8CSi2RSSZqA==", "dev": true, "dependencies": { "@jest/transform": "^29.3.1", "@mdx-js/react": "^2.1.5", - "@storybook/blocks": "7.6.14", - "@storybook/client-logger": "7.6.14", - "@storybook/components": "7.6.14", - "@storybook/csf-plugin": "7.6.14", - "@storybook/csf-tools": "7.6.14", + "@storybook/blocks": "7.6.17", + "@storybook/client-logger": "7.6.17", + "@storybook/components": "7.6.17", + "@storybook/csf-plugin": "7.6.17", + "@storybook/csf-tools": "7.6.17", "@storybook/global": "^5.0.0", "@storybook/mdx2-csf": "^1.0.0", - "@storybook/node-logger": "7.6.14", - "@storybook/postinstall": "7.6.14", - "@storybook/preview-api": "7.6.14", - "@storybook/react-dom-shim": "7.6.14", - "@storybook/theming": "7.6.14", - "@storybook/types": "7.6.14", + "@storybook/node-logger": "7.6.17", + "@storybook/postinstall": "7.6.17", + "@storybook/preview-api": "7.6.17", + "@storybook/react-dom-shim": "7.6.17", + "@storybook/theming": "7.6.17", + "@storybook/types": "7.6.17", "fs-extra": "^11.1.0", "remark-external-links": "^8.0.0", "remark-slug": "^6.0.0", @@ -5147,24 +5138,24 @@ } }, "node_modules/@storybook/addon-essentials": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-7.6.14.tgz", - "integrity": "sha512-1CcpLvzmvXyRhxbc2FgVbchpu7EMEeAjNY2lQ8ejn4cwLuIeWvYI61Cq4swiEmcEOEzi9Uvrq9q1bua9N1fPqw==", - "dev": true, - "dependencies": { - "@storybook/addon-actions": "7.6.14", - "@storybook/addon-backgrounds": "7.6.14", - "@storybook/addon-controls": "7.6.14", - "@storybook/addon-docs": "7.6.14", - "@storybook/addon-highlight": "7.6.14", - "@storybook/addon-measure": "7.6.14", - "@storybook/addon-outline": "7.6.14", - "@storybook/addon-toolbars": "7.6.14", - "@storybook/addon-viewport": "7.6.14", - "@storybook/core-common": "7.6.14", - "@storybook/manager-api": "7.6.14", - "@storybook/node-logger": "7.6.14", - "@storybook/preview-api": "7.6.14", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-7.6.17.tgz", + "integrity": "sha512-qlSpamxuYfT2taF953nC9QijGF2pSbg1ewMNpdwLTj16PTZvR/d8NCDMTJujI1bDwM2m18u8Yc43ibh5LEmxCw==", + "dev": true, + "dependencies": { + "@storybook/addon-actions": "7.6.17", + "@storybook/addon-backgrounds": "7.6.17", + "@storybook/addon-controls": "7.6.17", + "@storybook/addon-docs": "7.6.17", + "@storybook/addon-highlight": "7.6.17", + "@storybook/addon-measure": "7.6.17", + "@storybook/addon-outline": "7.6.17", + "@storybook/addon-toolbars": "7.6.17", + "@storybook/addon-viewport": "7.6.17", + "@storybook/core-common": "7.6.17", + "@storybook/manager-api": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@storybook/preview-api": "7.6.17", "ts-dedent": "^2.0.0" }, "funding": { @@ -5177,9 +5168,9 @@ } }, "node_modules/@storybook/addon-highlight": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-7.6.14.tgz", - "integrity": "sha512-VQTgLm6jPKN7DOhrx0mY5yrhQxOiidQt4yoazJTgzn+aV7zBFKn+GtF1W38QrnFtq5Mr8VJsEByEdtVCqMcmyw==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-7.6.17.tgz", + "integrity": "sha512-R1yBPUUqGn+60aJakn8q+5Zt34E/gU3n3VmgPdryP0LJUdZ5q1/RZShoVDV+yYQ40htMH6oaCv3OyyPzFAGJ6A==", "dev": true, "dependencies": { "@storybook/global": "^5.0.0" @@ -5190,13 +5181,13 @@ } }, "node_modules/@storybook/addon-interactions": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-7.6.14.tgz", - "integrity": "sha512-vgZtP6JIMoZIE5JAzUW3Hw+l6I/xxTfvCbbw56ZfBFtl23LydkIg4nGJdi9/6vX61NDRUtRmNJX+/6ZrB7uK3A==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-7.6.17.tgz", + "integrity": "sha512-6zlX+RDQ1PlA6fp7C+hun8t7h2RXfCGs5dGrhEenp2lqnR/rYuUJRC0tmKpkZBb8kZVcbSChzkB/JYkBjBCzpQ==", "dev": true, "dependencies": { "@storybook/global": "^5.0.0", - "@storybook/types": "7.6.14", + "@storybook/types": "7.6.17", "jest-mock": "^27.0.6", "polished": "^4.2.2", "ts-dedent": "^2.2.0" @@ -5207,9 +5198,9 @@ } }, "node_modules/@storybook/addon-links": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-7.6.14.tgz", - "integrity": "sha512-xzDWQEzntia9ArFQC95TEw/Tqp/cNFq0SSuQQ6d9/ryQczuSdRGFHRmEd99/92ufNgCGPaRZOB7sweiKG0bkzA==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-7.6.17.tgz", + "integrity": "sha512-iFUwKObRn0EKI0zMETsil2p9a/81rCuSMEWECsi+khkCAs1FUnD2cT6Ag5ydcNcBXsdtdfDJdtXQrkw+TSoStQ==", "dev": true, "dependencies": { "@storybook/csf": "^0.1.2", @@ -5230,9 +5221,9 @@ } }, "node_modules/@storybook/addon-measure": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-7.6.14.tgz", - "integrity": "sha512-bRy3SEv4uf1csDe5H8Lg3wUDg1uMZo6/j2FwNjvUmW+vcasj3VsqPKQjT6KO+LjCXsQ1pIAHu1HcUh2v/Qoitw==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-7.6.17.tgz", + "integrity": "sha512-O5vnHZNkduvZ95jf1UssbOl6ivIxzl5tv+4EpScPYId7w700bxWsJH+QX7ip6KlrCf2o3iUhmPe8bm05ghG2KA==", "dev": true, "dependencies": { "@storybook/global": "^5.0.0", @@ -5258,9 +5249,9 @@ } }, "node_modules/@storybook/addon-outline": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-7.6.14.tgz", - "integrity": "sha512-RH3arZYMBBxoqif4pnKN8m8Vt8setpeh0kz6oA+Ilhf/Z8Wz5jWiYDvTL5WW3+E+XGLrIFwH87wmJLN0egKqtA==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-7.6.17.tgz", + "integrity": "sha512-9o9JXDsYjNaDgz/cY5+jv694+aik/1aiRGGvsCv68e1p/ob0glkGKav4lnJe2VJqD+gCmaARoD8GOJlhoQl8JQ==", "dev": true, "dependencies": { "@storybook/global": "^5.0.0", @@ -5272,9 +5263,9 @@ } }, "node_modules/@storybook/addon-themes": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/addon-themes/-/addon-themes-7.6.14.tgz", - "integrity": "sha512-bTAjua5N3ImvOdVdChj087ZvKScxpfEwgHiOinNoaf815IFsAp2vvOBnPytiqdjC7VlWjM5Sb9b1i7cKKb9Myg==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-themes/-/addon-themes-7.6.17.tgz", + "integrity": "sha512-i/dI3GKlJmQv0Di9HM3fKJvFIab55kvva0vXCGBkqSw3wYoZuq++npkWeDnjjZUvggV12H2RTdGqYwMCXB/GHg==", "dev": true, "dependencies": { "ts-dedent": "^2.0.0" @@ -5285,9 +5276,9 @@ } }, "node_modules/@storybook/addon-toolbars": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-7.6.14.tgz", - "integrity": "sha512-/Zea9XgmxJp/5pQ+PKw+FGj2s2POIur/9uCUmLBWPDAMIW+kugOYZ/i8krrcHDPJ7nG2rtUJbeSliod9h2tpfw==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-7.6.17.tgz", + "integrity": "sha512-UMrchbUHiyWrh6WuGnpy34Jqzkx/63B+MSgb3CW7YsQaXz64kE0Rol0TNSznnB+mYXplcqH+ndI4r4kFsmgwDg==", "dev": true, "funding": { "type": "opencollective", @@ -5295,9 +5286,9 @@ } }, "node_modules/@storybook/addon-viewport": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-7.6.14.tgz", - "integrity": "sha512-7GbJyXFP3QCZezUQ+75VdjBpyXWutdFY0YMM/3JTjU+Khutbph3RurMTi4dRiBndAIPXlReNm1AnnYX5w+jd9w==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-7.6.17.tgz", + "integrity": "sha512-sA0QCcf4QAMixWvn8uvRYPfkKCSl6JajJaAspoPqXSxHEpK7uwOlpg3kqFU5XJJPXD0X957M+ONgNvBzYqSpEw==", "dev": true, "dependencies": { "memoizerific": "^1.11.3" @@ -5308,22 +5299,22 @@ } }, "node_modules/@storybook/blocks": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-7.6.14.tgz", - "integrity": "sha512-DZOSEWSNptAhaeNiOG0BqidJxqi/KaAZ2ZnlygpswDDT9vOCGoc7edZEgrq/i83M55KZFD4IXVLYFdfpjRcirQ==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-7.6.17.tgz", + "integrity": "sha512-PsNVoe0bX1mMn4Kk3nbKZ0ItDZZ0YJnYAFJ6toAbsyBAbgzg1sce88sQinzvbn58/RT9MPKeWMPB45ZS7ggiNg==", "dev": true, "dependencies": { - "@storybook/channels": "7.6.14", - "@storybook/client-logger": "7.6.14", - "@storybook/components": "7.6.14", - "@storybook/core-events": "7.6.14", + "@storybook/channels": "7.6.17", + "@storybook/client-logger": "7.6.17", + "@storybook/components": "7.6.17", + "@storybook/core-events": "7.6.17", "@storybook/csf": "^0.1.2", - "@storybook/docs-tools": "7.6.14", + "@storybook/docs-tools": "7.6.17", "@storybook/global": "^5.0.0", - "@storybook/manager-api": "7.6.14", - "@storybook/preview-api": "7.6.14", - "@storybook/theming": "7.6.14", - "@storybook/types": "7.6.14", + "@storybook/manager-api": "7.6.17", + "@storybook/preview-api": "7.6.17", + "@storybook/theming": "7.6.17", + "@storybook/types": "7.6.17", "@types/lodash": "^4.14.167", "color-convert": "^2.0.1", "dequal": "^2.0.2", @@ -5347,15 +5338,15 @@ } }, "node_modules/@storybook/builder-manager": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/builder-manager/-/builder-manager-7.6.14.tgz", - "integrity": "sha512-pID/g2Bnr3tjmkh8c+O6TZei3f1TWHW/UWi/skNQ3wGJ+9dqJIK2vQY5SwnXBWkmJdUqGVXaW5BvzR8jjfpTxQ==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/builder-manager/-/builder-manager-7.6.17.tgz", + "integrity": "sha512-Sj8hcDYiPCCMfeLzus37czl0zdrAxAz4IyYam2jBjVymrIrcDAFyL1OCZvnq33ft179QYQWhUs9qwzVmlR/ZWg==", "dev": true, "dependencies": { "@fal-works/esbuild-plugin-global-externals": "^2.1.2", - "@storybook/core-common": "7.6.14", - "@storybook/manager": "7.6.14", - "@storybook/node-logger": "7.6.14", + "@storybook/core-common": "7.6.17", + "@storybook/manager": "7.6.17", + "@storybook/node-logger": "7.6.17", "@types/ejs": "^3.1.1", "@types/find-cache-dir": "^3.2.1", "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10", @@ -5375,20 +5366,20 @@ } }, "node_modules/@storybook/builder-webpack5": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-7.6.14.tgz", - "integrity": "sha512-J5kwNDB/osGiv40hDXKrFNasu8GpXp1tGZa2RLFEeHncrbf+wDpWyr188+bviS2gnw9OtxWI7krFGoUoNdjWDg==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-7.6.17.tgz", + "integrity": "sha512-GMaBd8/RzivuAmWrYSt9Rga3j8WLcu5LCMYiPVs+XKXsKAC8lTkV0WRWh8Nk6wTmfzsRQ2acwFjSG5oE4ClZKA==", "dev": true, "dependencies": { "@babel/core": "^7.23.2", - "@storybook/channels": "7.6.14", - "@storybook/client-logger": "7.6.14", - "@storybook/core-common": "7.6.14", - "@storybook/core-events": "7.6.14", - "@storybook/core-webpack": "7.6.14", - "@storybook/node-logger": "7.6.14", - "@storybook/preview": "7.6.14", - "@storybook/preview-api": "7.6.14", + "@storybook/channels": "7.6.17", + "@storybook/client-logger": "7.6.17", + "@storybook/core-common": "7.6.17", + "@storybook/core-events": "7.6.17", + "@storybook/core-webpack": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@storybook/preview": "7.6.17", + "@storybook/preview-api": "7.6.17", "@swc/core": "^1.3.82", "@types/node": "^18.0.0", "@types/semver": "^7.3.4", @@ -5430,22 +5421,22 @@ } }, "node_modules/@storybook/builder-webpack5/node_modules/@types/node": { - "version": "18.19.15", - "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.15.tgz", - "integrity": "sha512-AMZ2UWx+woHNfM11PyAEQmfSxi05jm9OlkxczuHeEqmvwPkYj6MWv44gbzDPefYOLysTOFyI3ziiy2ONmUZfpA==", + "version": "18.19.17", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.17.tgz", + "integrity": "sha512-SzyGKgwPzuWp2SHhlpXKzCX0pIOfcI4V2eF37nNBJOhwlegQ83omtVQ1XxZpDE06V/d6AQvfQdPfnw0tRC//Ng==", "dev": true, "dependencies": { "undici-types": "~5.26.4" } }, "node_modules/@storybook/channels": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.6.14.tgz", - "integrity": "sha512-tyrnnXTh7Ca6HbtzYtZGZmbUkC+eYPdot41+YDERMxXCnejd18BnsH/pyGW66GwgY079Q7uhdDFyM63ynZrt/A==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-7.6.17.tgz", + "integrity": "sha512-GFG40pzaSxk1hUr/J/TMqW5AFDDPUSu+HkeE/oqSWJbOodBOLJzHN6CReJS6y1DjYSZLNFt1jftPWZZInG/XUA==", "dev": true, "dependencies": { - "@storybook/client-logger": "7.6.14", - "@storybook/core-events": "7.6.14", + "@storybook/client-logger": "7.6.17", + "@storybook/core-events": "7.6.17", "@storybook/global": "^5.0.0", "qs": "^6.10.0", "telejson": "^7.2.0", @@ -5457,23 +5448,23 @@ } }, "node_modules/@storybook/cli": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-7.6.14.tgz", - "integrity": "sha512-2xqcGRPtj/OE+9ro92C5MFCT8VHdMCDDuZZRnmgPi83iqSZtYbO8xHZwz78j4TvmouHstOV1SedeWv0IsFIxLw==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-7.6.17.tgz", + "integrity": "sha512-1sCo+nCqyR+nKfTcEidVu8XzNoECC7Y1l+uW38/r7s2f/TdDorXaIGAVrpjbSaXSoQpx5DxYJVaKCcQuOgqwcA==", "dev": true, "dependencies": { "@babel/core": "^7.23.2", "@babel/preset-env": "^7.23.2", "@babel/types": "^7.23.0", "@ndelangen/get-tarball": "^3.0.7", - "@storybook/codemod": "7.6.14", - "@storybook/core-common": "7.6.14", - "@storybook/core-events": "7.6.14", - "@storybook/core-server": "7.6.14", - "@storybook/csf-tools": "7.6.14", - "@storybook/node-logger": "7.6.14", - "@storybook/telemetry": "7.6.14", - "@storybook/types": "7.6.14", + "@storybook/codemod": "7.6.17", + "@storybook/core-common": "7.6.17", + "@storybook/core-events": "7.6.17", + "@storybook/core-server": "7.6.17", + "@storybook/csf-tools": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@storybook/telemetry": "7.6.17", + "@storybook/types": "7.6.17", "@types/semver": "^7.3.4", "@yarnpkg/fslib": "2.10.3", "@yarnpkg/libzip": "2.3.0", @@ -5537,9 +5528,9 @@ } }, "node_modules/@storybook/client-logger": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.6.14.tgz", - "integrity": "sha512-rHa2hLU+80BN5E58Shf1g09YS6QEEOk5hwMuJ4WJfAypMDYPjnIsOYUboHClkCA9TDCH/iVhyRSPy83NWN2MZg==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-7.6.17.tgz", + "integrity": "sha512-6WBYqixAXNAXlSaBWwgljWpAu10tPRBJrcFvx2gPUne58EeMM20Gi/iHYBz2kMCY+JLAgeIH7ZxInqwO8vDwiQ==", "dev": true, "dependencies": { "@storybook/global": "^5.0.0" @@ -5550,18 +5541,18 @@ } }, "node_modules/@storybook/codemod": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-7.6.14.tgz", - "integrity": "sha512-Sq/Q12KmvzaSUtmbtD26cEEGVmZLUA+iiNHbl0n65MMka6QBGG/VgSPvSgu+GEpKowbVoqfMpH4Ic16A6XsNFg==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-7.6.17.tgz", + "integrity": "sha512-JuTmf2u3C4fCnjO7o3dqRgrq3ozNYfWlrRP8xuIdvT7niMap7a396hJtSKqS10FxCgKFcMAOsRgrCalH1dWxUg==", "dev": true, "dependencies": { "@babel/core": "^7.23.2", "@babel/preset-env": "^7.23.2", "@babel/types": "^7.23.0", "@storybook/csf": "^0.1.2", - "@storybook/csf-tools": "7.6.14", - "@storybook/node-logger": "7.6.14", - "@storybook/types": "7.6.14", + "@storybook/csf-tools": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@storybook/types": "7.6.17", "@types/cross-spawn": "^6.0.2", "cross-spawn": "^7.0.3", "globby": "^11.0.2", @@ -5591,18 +5582,18 @@ } }, "node_modules/@storybook/components": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/components/-/components-7.6.14.tgz", - "integrity": "sha512-kukLj6B2xaIbKAq8E2WUcU0KZ+keuvIo0VcfrtSNHFbNvrNzHshajPC1dTO4NbgI3ey2SmD0rp71eh06TUQ9ng==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/components/-/components-7.6.17.tgz", + "integrity": "sha512-lbh7GynMidA+CZcJnstVku6Nhs+YkqjYaZ+mKPugvlVhGVWv0DaaeQFVuZ8cJtUGJ/5FFU4Y+n+gylYUHkGBMA==", "dev": true, "dependencies": { "@radix-ui/react-select": "^1.2.2", "@radix-ui/react-toolbar": "^1.0.4", - "@storybook/client-logger": "7.6.14", + "@storybook/client-logger": "7.6.17", "@storybook/csf": "^0.1.2", "@storybook/global": "^5.0.0", - "@storybook/theming": "7.6.14", - "@storybook/types": "7.6.14", + "@storybook/theming": "7.6.17", + "@storybook/types": "7.6.17", "memoizerific": "^1.11.3", "use-resize-observer": "^9.1.0", "util-deprecate": "^1.0.2" @@ -5617,13 +5608,13 @@ } }, "node_modules/@storybook/core-client": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/core-client/-/core-client-7.6.14.tgz", - "integrity": "sha512-2q+R6olHLS5GJBTZNdKscTKJ8YwKOatKx6QjktFTfxfLRfBfOGSepignYy8JnEGuU4iTOwBekmUDm5dWAUjnQg==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/core-client/-/core-client-7.6.17.tgz", + "integrity": "sha512-LuDbADK+DPNAOOCXOlvY09hdGVueXlDetsdOJ/DgYnSa9QSWv9Uv+F8QcEgR3QckZJbPlztKJIVLgP2n/Xkijw==", "dev": true, "dependencies": { - "@storybook/client-logger": "7.6.14", - "@storybook/preview-api": "7.6.14" + "@storybook/client-logger": "7.6.17", + "@storybook/preview-api": "7.6.17" }, "funding": { "type": "opencollective", @@ -5631,14 +5622,14 @@ } }, "node_modules/@storybook/core-common": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.6.14.tgz", - "integrity": "sha512-0CIfwdjY5+OO6B+WxeCx3fZou1wk50RU9hFOMGwJ2yj/5ilV06xVHt0HNrA2x37zaK7r370PjOuny0Xudba03g==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.6.17.tgz", + "integrity": "sha512-me2TP3Q9/qzqCLoDHUSsUF+VS1MHxfHbTVF6vAz0D/COTxzsxLpu9TxTbzJoBCxse6XRb6wWI1RgF1mIcjic7g==", "dev": true, "dependencies": { - "@storybook/core-events": "7.6.14", - "@storybook/node-logger": "7.6.14", - "@storybook/types": "7.6.14", + "@storybook/core-events": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@storybook/types": "7.6.17", "@types/find-cache-dir": "^3.2.1", "@types/node": "^18.0.0", "@types/node-fetch": "^2.6.4", @@ -5725,9 +5716,9 @@ } }, "node_modules/@storybook/core-events": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.6.14.tgz", - "integrity": "sha512-zuSMjOgju7WLFL+okTXVvOKKNzwqVGRVp5UhXeSikT4aXuVdpfepCfikkjntn12G1ybL7mfFCsBU2DV1lwwp6Q==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-7.6.17.tgz", + "integrity": "sha512-AriWMCm/k1cxlv10f+jZ1wavThTRpLaN3kY019kHWbYT9XgaSuLU67G7GPr3cGnJ6HuA6uhbzu8qtqVCd6OfXA==", "dev": true, "dependencies": { "ts-dedent": "^2.0.0" @@ -5738,26 +5729,26 @@ } }, "node_modules/@storybook/core-server": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/core-server/-/core-server-7.6.14.tgz", - "integrity": "sha512-OSUunvjXyUiyfGet8ZBz7/Lka6dSgbbVMH7lU6wELIYCd2ZUxU5HQMl9JPesl61wWB4L3JaWFAoMRaCVI7q0xQ==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/core-server/-/core-server-7.6.17.tgz", + "integrity": "sha512-KWGhTTaL1Q14FolcoKKZgytlPJUbH6sbJ1Ptj/84EYWFewcnEgVs0Zlnh1VStRZg+Rd1WC1V4yVd/bbDzxrvQA==", "dev": true, "dependencies": { "@aw-web-design/x-default-browser": "1.4.126", "@discoveryjs/json-ext": "^0.5.3", - "@storybook/builder-manager": "7.6.14", - "@storybook/channels": "7.6.14", - "@storybook/core-common": "7.6.14", - "@storybook/core-events": "7.6.14", + "@storybook/builder-manager": "7.6.17", + "@storybook/channels": "7.6.17", + "@storybook/core-common": "7.6.17", + "@storybook/core-events": "7.6.17", "@storybook/csf": "^0.1.2", - "@storybook/csf-tools": "7.6.14", + "@storybook/csf-tools": "7.6.17", "@storybook/docs-mdx": "^0.1.0", "@storybook/global": "^5.0.0", - "@storybook/manager": "7.6.14", - "@storybook/node-logger": "7.6.14", - "@storybook/preview-api": "7.6.14", - "@storybook/telemetry": "7.6.14", - "@storybook/types": "7.6.14", + "@storybook/manager": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@storybook/preview-api": "7.6.17", + "@storybook/telemetry": "7.6.17", + "@storybook/types": "7.6.17", "@types/detect-port": "^1.3.0", "@types/node": "^18.0.0", "@types/pretty-hrtime": "^1.0.0", @@ -5770,7 +5761,7 @@ "express": "^4.17.3", "fs-extra": "^11.1.0", "globby": "^11.0.2", - "ip": "^2.0.0", + "ip": "^2.0.1", "lodash": "^4.17.21", "open": "^8.4.0", "pretty-hrtime": "^1.0.3", @@ -5791,23 +5782,23 @@ } }, "node_modules/@storybook/core-server/node_modules/@types/node": { - "version": "18.19.15", - "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.15.tgz", - "integrity": "sha512-AMZ2UWx+woHNfM11PyAEQmfSxi05jm9OlkxczuHeEqmvwPkYj6MWv44gbzDPefYOLysTOFyI3ziiy2ONmUZfpA==", + "version": "18.19.17", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.17.tgz", + "integrity": "sha512-SzyGKgwPzuWp2SHhlpXKzCX0pIOfcI4V2eF37nNBJOhwlegQ83omtVQ1XxZpDE06V/d6AQvfQdPfnw0tRC//Ng==", "dev": true, "dependencies": { "undici-types": "~5.26.4" } }, "node_modules/@storybook/core-webpack": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-7.6.14.tgz", - "integrity": "sha512-aKykzFPHai9Tq9625PTftmg0sgdqU5VcY0ezBiT/MSrNr9aLORIXwIh7q4Xrx0ItwtnLBxvO9UZLy55CXeQkfg==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-7.6.17.tgz", + "integrity": "sha512-PyGrFhRM8sTONGwwLWLqBQ1HO+LBnVZ+5TOQO7ejQfdV2FWyNOzjBXm2e5jL/C6XlqiEhmL5pyHEyDBaQJQ3KA==", "dev": true, "dependencies": { - "@storybook/core-common": "7.6.14", - "@storybook/node-logger": "7.6.14", - "@storybook/types": "7.6.14", + "@storybook/core-common": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@storybook/types": "7.6.17", "@types/node": "^18.0.0", "ts-dedent": "^2.0.0" }, @@ -5817,9 +5808,9 @@ } }, "node_modules/@storybook/core-webpack/node_modules/@types/node": { - "version": "18.19.15", - "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.15.tgz", - "integrity": "sha512-AMZ2UWx+woHNfM11PyAEQmfSxi05jm9OlkxczuHeEqmvwPkYj6MWv44gbzDPefYOLysTOFyI3ziiy2ONmUZfpA==", + "version": "18.19.17", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.17.tgz", + "integrity": "sha512-SzyGKgwPzuWp2SHhlpXKzCX0pIOfcI4V2eF37nNBJOhwlegQ83omtVQ1XxZpDE06V/d6AQvfQdPfnw0tRC//Ng==", "dev": true, "dependencies": { "undici-types": "~5.26.4" @@ -5835,12 +5826,12 @@ } }, "node_modules/@storybook/csf-plugin": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-7.6.14.tgz", - "integrity": "sha512-TYmtuLCzdWGy4/T6KYUBGdzRy/4cJzDQrDzWRWD7a+xcy1Z7wlKkXw+zWfxbNheEnxb146q5lIkRpvhevKgpGA==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-7.6.17.tgz", + "integrity": "sha512-xTHv9BUh3bkDVCvcbmdfVF0/e96BdrEgqPJ3G3RmKbSzWLOkQ2U9yiPfHzT0KJWPhVwj12fjfZp0zunu+pcS6Q==", "dev": true, "dependencies": { - "@storybook/csf-tools": "7.6.14", + "@storybook/csf-tools": "7.6.17", "unplugin": "^1.3.1" }, "funding": { @@ -5849,9 +5840,9 @@ } }, "node_modules/@storybook/csf-tools": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-7.6.14.tgz", - "integrity": "sha512-s7XFIi823HhcKxTqHY/uU1QZCujLBjFt6OJa5y3XvwIMoLJWZtuT1PF/QPR0K7iYb9gQnGHwO9lZBfMraUywrQ==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-7.6.17.tgz", + "integrity": "sha512-dAQtam0EBPeTJYcQPLxXgz4L9JFqD+HWbLFG9CmNIhMMjticrB0mpk1EFIS6vPXk/VsVWpBgMLD7dZlD6YMKcQ==", "dev": true, "dependencies": { "@babel/generator": "^7.23.0", @@ -5859,7 +5850,7 @@ "@babel/traverse": "^7.23.2", "@babel/types": "^7.23.0", "@storybook/csf": "^0.1.2", - "@storybook/types": "7.6.14", + "@storybook/types": "7.6.17", "fs-extra": "^11.1.0", "recast": "^0.23.1", "ts-dedent": "^2.0.0" @@ -5876,14 +5867,14 @@ "dev": true }, "node_modules/@storybook/docs-tools": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-7.6.14.tgz", - "integrity": "sha512-8FCuVnty2d74cgF+qjhI/LTbGlf3mvu1OkKpLMp9xqouPy3X+yo9N8mpe2tIhgpRMTDzDScIeIBUpLrIpjHaXA==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/docs-tools/-/docs-tools-7.6.17.tgz", + "integrity": "sha512-bYrLoj06adqklyLkEwD32C0Ww6t+9ZVvrJHiVT42bIhTRpFiFPAetl1a9KPHtFLnfduh4n2IxIr1jv32ThPDTA==", "dev": true, "dependencies": { - "@storybook/core-common": "7.6.14", - "@storybook/preview-api": "7.6.14", - "@storybook/types": "7.6.14", + "@storybook/core-common": "7.6.17", + "@storybook/preview-api": "7.6.17", + "@storybook/types": "7.6.17", "@types/doctrine": "^0.0.3", "assert": "^2.1.0", "doctrine": "^3.0.0", @@ -5901,16 +5892,16 @@ "dev": true }, "node_modules/@storybook/instrumenter": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-7.6.14.tgz", - "integrity": "sha512-Xsuc6YTRZ+p8AI11rkxif98NjG3le1yMIRlZF30ZCGAWZWFCm5hkEf1gqzlOopC5jy+s6AtLM9pxP8dzz+kb2A==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-7.6.17.tgz", + "integrity": "sha512-zTLIPTt1fvlWgkIVUyQpF327iVE+EiPdpM0Or0aARaNfIikPRBTcjU+6cK96E+Ust2E1qKajEjIuv4i4lLQPng==", "dev": true, "dependencies": { - "@storybook/channels": "7.6.14", - "@storybook/client-logger": "7.6.14", - "@storybook/core-events": "7.6.14", + "@storybook/channels": "7.6.17", + "@storybook/client-logger": "7.6.17", + "@storybook/core-events": "7.6.17", "@storybook/global": "^5.0.0", - "@storybook/preview-api": "7.6.14", + "@storybook/preview-api": "7.6.17", "@vitest/utils": "^0.34.6", "util": "^0.12.4" }, @@ -5920,9 +5911,9 @@ } }, "node_modules/@storybook/manager": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/manager/-/manager-7.6.14.tgz", - "integrity": "sha512-lgowunC/pm2y6d+3j7UJ/CkHpWC0o+nZ9b7mDbkJ6PmezW5Hpy83kbeCxbwRGosYoPQ0izBzVB5ZqGgKrNNDjA==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/manager/-/manager-7.6.17.tgz", + "integrity": "sha512-A1LDDIqMpwRzq/dqkbbiza0QI04o4ZHCl2a3UMDZUV/+QLc2nsr2DAaLk4CVL4/cIc5zGqmIcaOTvprx2YKVBw==", "dev": true, "funding": { "type": "opencollective", @@ -5930,19 +5921,19 @@ } }, "node_modules/@storybook/manager-api": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-7.6.14.tgz", - "integrity": "sha512-kZbcudrpQaYgUCrnBumDBPOvaEcvFBrZjM5v3AvMenVMXTjwlAHF8mZswE/ptpDsico2iSN96nMhd97OyaAuqA==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-7.6.17.tgz", + "integrity": "sha512-IJIV1Yc6yw1dhCY4tReHCfBnUKDqEBnMyHp3mbXpsaHxnxJZrXO45WjRAZIKlQKhl/Ge1CrnznmHRCmYgqmrWg==", "dev": true, "dependencies": { - "@storybook/channels": "7.6.14", - "@storybook/client-logger": "7.6.14", - "@storybook/core-events": "7.6.14", + "@storybook/channels": "7.6.17", + "@storybook/client-logger": "7.6.17", + "@storybook/core-events": "7.6.17", "@storybook/csf": "^0.1.2", "@storybook/global": "^5.0.0", - "@storybook/router": "7.6.14", - "@storybook/theming": "7.6.14", - "@storybook/types": "7.6.14", + "@storybook/router": "7.6.17", + "@storybook/theming": "7.6.17", + "@storybook/types": "7.6.17", "dequal": "^2.0.2", "lodash": "^4.17.21", "memoizerific": "^1.11.3", @@ -5962,9 +5953,9 @@ "dev": true }, "node_modules/@storybook/node-logger": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.6.14.tgz", - "integrity": "sha512-prKUMGxGzeX3epdlin1UU6M1//CoAJM1GrffrFeNntnPr3h6GMTgxNzl85flUhWd4ky/wjC/36dGOI8QRYVtoA==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-7.6.17.tgz", + "integrity": "sha512-w59MQuXhhUNrUVmVkXhMwIg2nvFWjdDczLTwYLorhfsE36CWeUOY5QCZWQy0Qf/h+jz8Uo7Evy64qn18v9C4wA==", "dev": true, "funding": { "type": "opencollective", @@ -5972,9 +5963,9 @@ } }, "node_modules/@storybook/postinstall": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/postinstall/-/postinstall-7.6.14.tgz", - "integrity": "sha512-ya3e5jvW1eSw4l3lhiGH2g+Gk8py2Tr3PW5ecnH/x1rD8Tt43OHXRQqiFfl7QzOudHxQGKQsO3lhWe8FJXvdbA==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/postinstall/-/postinstall-7.6.17.tgz", + "integrity": "sha512-WaWqB8o9vUc9aaVls+povQSVirf1Xd1LZcVhUKfAocAF3mzYUsnJsVqvnbjRj/F96UFVihOyDt9Zjl/9OvrCvQ==", "dev": true, "funding": { "type": "opencollective", @@ -5982,18 +5973,18 @@ } }, "node_modules/@storybook/preset-react-webpack": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/preset-react-webpack/-/preset-react-webpack-7.6.14.tgz", - "integrity": "sha512-3qccFp01iCI1B5q6jnW2Rg+2aqedyAvxsjrQ7smfc/2IOoavztUkn0cYblVPGRiDXV2/2HEwWhtNYJh8NwLc9Q==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/preset-react-webpack/-/preset-react-webpack-7.6.17.tgz", + "integrity": "sha512-gn/LvIbll9loOkzwbFlxzOZGmJ6t1vF2/gfi+p/N/AifDYe8+LVM1QV4KRVKt6UEJwsQd79lKf7vPH92AQaKKQ==", "dev": true, "dependencies": { "@babel/preset-flow": "^7.22.15", "@babel/preset-react": "^7.22.15", "@pmmmwh/react-refresh-webpack-plugin": "^0.5.11", - "@storybook/core-webpack": "7.6.14", - "@storybook/docs-tools": "7.6.14", - "@storybook/node-logger": "7.6.14", - "@storybook/react": "7.6.14", + "@storybook/core-webpack": "7.6.17", + "@storybook/docs-tools": "7.6.17", + "@storybook/node-logger": "7.6.17", + "@storybook/react": "7.6.17", "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.0c3f3b7.0", "@types/node": "^18.0.0", "@types/semver": "^7.3.4", @@ -6027,18 +6018,18 @@ } }, "node_modules/@storybook/preset-react-webpack/node_modules/@types/node": { - "version": "18.19.15", - "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.15.tgz", - "integrity": "sha512-AMZ2UWx+woHNfM11PyAEQmfSxi05jm9OlkxczuHeEqmvwPkYj6MWv44gbzDPefYOLysTOFyI3ziiy2ONmUZfpA==", + "version": "18.19.17", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.17.tgz", + "integrity": "sha512-SzyGKgwPzuWp2SHhlpXKzCX0pIOfcI4V2eF37nNBJOhwlegQ83omtVQ1XxZpDE06V/d6AQvfQdPfnw0tRC//Ng==", "dev": true, "dependencies": { "undici-types": "~5.26.4" } }, "node_modules/@storybook/preview": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/preview/-/preview-7.6.14.tgz", - "integrity": "sha512-6Y873pNsJBQuCeR3YDMlRgRW+4Tf+Rj4VdujjvRw/H7ES1+pO8qgcI3VJCcoxqDY9ZNPT/riLh8YOddpLNCgNg==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/preview/-/preview-7.6.17.tgz", + "integrity": "sha512-LvkMYK/y6alGjwRVNDIKL1lFlbyZ0H0c8iAbcQkiMoaFiujMQyVswMDKlWcj42Upfr/B1igydiruomc+eUt0mw==", "dev": true, "funding": { "type": "opencollective", @@ -6046,17 +6037,17 @@ } }, "node_modules/@storybook/preview-api": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-7.6.14.tgz", - "integrity": "sha512-CnUEkTUK3ei3vw4Ypa9EOxEO9lCKc3HvVHxXu4z6Caoe/hRUc10Q6Nj1A7brqok1QLZ304qc715XdYFMahDhyA==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-7.6.17.tgz", + "integrity": "sha512-wLfDdI9RWo1f2zzFe54yRhg+2YWyxLZvqdZnSQ45mTs4/7xXV5Wfbv3QNTtcdw8tT3U5KRTrN1mTfTCiRJc0Kw==", "dev": true, "dependencies": { - "@storybook/channels": "7.6.14", - "@storybook/client-logger": "7.6.14", - "@storybook/core-events": "7.6.14", + "@storybook/channels": "7.6.17", + "@storybook/client-logger": "7.6.17", + "@storybook/core-events": "7.6.17", "@storybook/csf": "^0.1.2", "@storybook/global": "^5.0.0", - "@storybook/types": "7.6.14", + "@storybook/types": "7.6.17", "@types/qs": "^6.9.5", "dequal": "^2.0.2", "lodash": "^4.17.21", @@ -6072,18 +6063,18 @@ } }, "node_modules/@storybook/react": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/react/-/react-7.6.14.tgz", - "integrity": "sha512-esWjMgVkYaIyS4ZvEkTrHUDLu9KkTE+wyiyRBINoZLeczAw1YHI5iNqKDMOAN+pOyCyM6iEYSZasAzsJTAFWYA==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/react/-/react-7.6.17.tgz", + "integrity": "sha512-lVqzQSU03rRJWYW+gK2gq6mSo3/qtnVICY8B8oP7gc36jVu4ksDIu45bTfukM618ODkUZy0vZe6T4engK3azjA==", "dev": true, "dependencies": { - "@storybook/client-logger": "7.6.14", - "@storybook/core-client": "7.6.14", - "@storybook/docs-tools": "7.6.14", + "@storybook/client-logger": "7.6.17", + "@storybook/core-client": "7.6.17", + "@storybook/docs-tools": "7.6.17", "@storybook/global": "^5.0.0", - "@storybook/preview-api": "7.6.14", - "@storybook/react-dom-shim": "7.6.14", - "@storybook/types": "7.6.14", + "@storybook/preview-api": "7.6.17", + "@storybook/react-dom-shim": "7.6.17", + "@storybook/types": "7.6.17", "@types/escodegen": "^0.0.6", "@types/estree": "^0.0.51", "@types/node": "^18.0.0", @@ -6137,9 +6128,9 @@ } }, "node_modules/@storybook/react-dom-shim": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-7.6.14.tgz", - "integrity": "sha512-Ldmc2tKj1N3vNYZpI791xgTbk0XdqJDm1a09fSRM4CeBu4BI7M9IjnNS4cHNdTeqtK9MbCSzCr1nxfxNCtrtiA==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-7.6.17.tgz", + "integrity": "sha512-32Sa/G+WnvaPiQ1Wvjjw5UM9rr2c4GDohwCcWVv3/LJuiFPqNS6zglAtmnsrlIBnUwRBMLMh/ekCTdqMiUmfDw==", "dev": true, "funding": { "type": "opencollective", @@ -6151,14 +6142,14 @@ } }, "node_modules/@storybook/react-webpack5": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/react-webpack5/-/react-webpack5-7.6.14.tgz", - "integrity": "sha512-VvEaq3ZqV+QU2/uOuV4EVutHS0AqO3hUzVCdTRCSIynKkOr9eshq71HZnnszzN1SqkGS2tye1mXiHA0p7P++Dw==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/react-webpack5/-/react-webpack5-7.6.17.tgz", + "integrity": "sha512-qGc2JxaSmvPXV7ndxA/8qPtPLK7lAwejL/QdrzLXhxEmVdZLMew640FBYgOV/zWnehV3BnivThln/8PsQyst/g==", "dev": true, "dependencies": { - "@storybook/builder-webpack5": "7.6.14", - "@storybook/preset-react-webpack": "7.6.14", - "@storybook/react": "7.6.14", + "@storybook/builder-webpack5": "7.6.17", + "@storybook/preset-react-webpack": "7.6.17", + "@storybook/react": "7.6.17", "@types/node": "^18.0.0" }, "engines": { @@ -6208,12 +6199,12 @@ } }, "node_modules/@storybook/router": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/router/-/router-7.6.14.tgz", - "integrity": "sha512-eVD7jVZeM8mppEtHsvkKIEN92stsdbiXDHG49iNVnw+ojOSjJ1HR8+Pm8wy5Cc2pcyoZEHeU356kaP9gXOhuOQ==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/router/-/router-7.6.17.tgz", + "integrity": "sha512-GnyC0j6Wi5hT4qRhSyT8NPtJfGmf82uZw97LQRWeyYu5gWEshUdM7aj40XlNiScd5cZDp0owO1idduVF2k2l2A==", "dev": true, "dependencies": { - "@storybook/client-logger": "7.6.14", + "@storybook/client-logger": "7.6.17", "memoizerific": "^1.11.3", "qs": "^6.10.0" }, @@ -6223,14 +6214,14 @@ } }, "node_modules/@storybook/telemetry": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/telemetry/-/telemetry-7.6.14.tgz", - "integrity": "sha512-F+a9Q4dHCpuBLQmB05DOLosU8p1Otj3Vd+/5EF9QUFSn4C64z1gmMc3jzF3iUgktY53HdoUqR871w3GoOJ7g9A==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/telemetry/-/telemetry-7.6.17.tgz", + "integrity": "sha512-WOcOAmmengYnGInH98Px44F47DSpLyk20BM+Z/IIQDzfttGOLlxNqBBG1XTEhNRn+AYuk4aZ2JEed2lCjVIxcA==", "dev": true, "dependencies": { - "@storybook/client-logger": "7.6.14", - "@storybook/core-common": "7.6.14", - "@storybook/csf-tools": "7.6.14", + "@storybook/client-logger": "7.6.17", + "@storybook/core-common": "7.6.17", + "@storybook/csf-tools": "7.6.17", "chalk": "^4.1.0", "detect-package-manager": "^2.0.1", "fetch-retry": "^5.0.2", @@ -6243,15 +6234,15 @@ } }, "node_modules/@storybook/test": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/test/-/test-7.6.14.tgz", - "integrity": "sha512-zolxdbBk8JLDCi9TinD2eoH+LTKJOmEyC7A2wuBkJZ1+5N2/bd38kpyCUG/O1PoTf9KCxDNxviJKODTRMjwNow==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/test/-/test-7.6.17.tgz", + "integrity": "sha512-WGrmUUtKiuq3bzDsN4MUvluGcX120jwczMik1GDTyxS+JBoe7P0t2Y8dDuVs/l3nZd1J7qY4z0RGxMDYqONIOw==", "dev": true, "dependencies": { - "@storybook/client-logger": "7.6.14", - "@storybook/core-events": "7.6.14", - "@storybook/instrumenter": "7.6.14", - "@storybook/preview-api": "7.6.14", + "@storybook/client-logger": "7.6.17", + "@storybook/core-events": "7.6.17", + "@storybook/instrumenter": "7.6.17", + "@storybook/preview-api": "7.6.17", "@testing-library/dom": "^9.3.1", "@testing-library/jest-dom": "^6.1.3", "@testing-library/user-event": "14.3.0", @@ -6359,13 +6350,13 @@ } }, "node_modules/@storybook/theming": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.6.14.tgz", - "integrity": "sha512-jpryYjBAGLkFauSyNEoflSfYqO3srn98llNxhgxpc1P1ocmOzeDwdg7PUWDI9DCuJC+OWaXa1zzLO6uRLyEJAQ==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-7.6.17.tgz", + "integrity": "sha512-ZbaBt3KAbmBtfjNqgMY7wPMBshhSJlhodyMNQypv+95xLD/R+Az6aBYbpVAOygLaUQaQk4ar7H/Ww6lFIoiFbA==", "dev": true, "dependencies": { "@emotion/use-insertion-effect-with-fallbacks": "^1.0.0", - "@storybook/client-logger": "7.6.14", + "@storybook/client-logger": "7.6.17", "@storybook/global": "^5.0.0", "memoizerific": "^1.11.3" }, @@ -6379,12 +6370,12 @@ } }, "node_modules/@storybook/types": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.6.14.tgz", - "integrity": "sha512-sJ3qn45M2XLXlOi+wkhXK5xsXbSVzi8YGrusux//DttI3s8wCP3BQSnEgZkBiEktloxPferINHT1er8/9UK7Xw==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/@storybook/types/-/types-7.6.17.tgz", + "integrity": "sha512-GRY0xEJQ0PrL7DY2qCNUdIfUOE0Gsue6N+GBJw9ku1IUDFLJRDOF+4Dx2BvYcVCPI5XPqdWKlEyZdMdKjiQN7Q==", "dev": true, "dependencies": { - "@storybook/channels": "7.6.14", + "@storybook/channels": "7.6.17", "@types/babel__core": "^7.0.0", "@types/express": "^4.7.0", "file-system-cache": "2.3.0" @@ -8694,9 +8685,9 @@ } }, "node_modules/browserslist": { - "version": "4.22.2", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz", - "integrity": "sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==", + "version": "4.23.0", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz", + "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==", "dev": true, "funding": [ { @@ -8713,8 +8704,8 @@ } ], "dependencies": { - "caniuse-lite": "^1.0.30001565", - "electron-to-chromium": "^1.4.601", + "caniuse-lite": "^1.0.30001587", + "electron-to-chromium": "^1.4.668", "node-releases": "^2.0.14", "update-browserslist-db": "^1.0.13" }, @@ -8890,9 +8881,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001579", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001579.tgz", - "integrity": "sha512-u5AUVkixruKHJjw/pj9wISlcMpgFWzSrczLZbrqBSxukQixmg0SJ5sZTpvaFvxU0HoQKd4yoyAogyrAz9pzJnA==", + "version": "1.0.30001588", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001588.tgz", + "integrity": "sha512-+hVY9jE44uKLkH0SrUTqxjxqNTOWHsbnQDIKjwkZ3lNTzUUVdBLBGXtj/q5Mp5u98r3droaZAewQuEDzjQdZlQ==", "dev": true, "funding": [ { @@ -9046,9 +9037,9 @@ } }, "node_modules/citty": { - "version": "0.1.5", - "resolved": "https://registry.npmjs.org/citty/-/citty-0.1.5.tgz", - "integrity": "sha512-AS7n5NSc0OQVMV9v6wt3ByujNIrne0/cTjiC2MYqhvao57VNfiuVksTSr2p17nVOhEr2KtqiAkGwHcgMC/qUuQ==", + "version": "0.1.6", + "resolved": "https://registry.npmjs.org/citty/-/citty-0.1.6.tgz", + "integrity": "sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==", "dev": true, "dependencies": { "consola": "^3.2.3" @@ -9628,12 +9619,12 @@ "dev": true }, "node_modules/core-js-compat": { - "version": "3.35.1", - "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.35.1.tgz", - "integrity": "sha512-sftHa5qUJY3rs9Zht1WEnmkvXputCyDBczPnr7QDgL8n3qrF3CMXY4VPSYtOLLiOUJcah2WNXREd48iOl6mQIw==", + "version": "3.36.0", + "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.36.0.tgz", + "integrity": "sha512-iV9Pd/PsgjNWBXeq8XRtWVSgz2tKAfhfvBs7qxYty+RlRd+OCksaWmOnc4JKrTc1cToXL1N0s3l/vwlxPtdElw==", "dev": true, "dependencies": { - "browserslist": "^4.22.2" + "browserslist": "^4.22.3" }, "funding": { "type": "opencollective", @@ -9641,9 +9632,9 @@ } }, "node_modules/core-js-pure": { - "version": "3.35.1", - "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.35.1.tgz", - "integrity": "sha512-zcIdi/CL3MWbBJYo5YCeVAAx+Sy9yJE9I3/u9LkFABwbeaPhTMRWraM8mYFp9jW5Z50hOy7FVzCc8dCrpZqtIQ==", + "version": "3.36.0", + "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.36.0.tgz", + "integrity": "sha512-cN28qmhRNgbMZZMc/RFu5w8pK9VJzpb2rJVR/lHuZJKwmXnoWOpXmMkxqBB514igkp1Hu8WGROsiOAzUcKdHOQ==", "dev": true, "hasInstallScript": true, "funding": { @@ -10669,9 +10660,9 @@ } }, "node_modules/electron-to-chromium": { - "version": "1.4.639", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.639.tgz", - "integrity": "sha512-CkKf3ZUVZchr+zDpAlNLEEy2NJJ9T64ULWaDgy3THXXlPVPkLu3VOs9Bac44nebVtdwl2geSj6AxTtGDOxoXhg==", + "version": "1.4.676", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.676.tgz", + "integrity": "sha512-uHt4FB8SeYdhcOsj2ix/C39S7sPSNFJpzShjxGOm1KdF4MHyGqGi389+T5cErsodsijojXilYaHIKKqJfqh7uQ==", "dev": true }, "node_modules/emittery": { @@ -12163,9 +12154,9 @@ "dev": true }, "node_modules/flow-parser": { - "version": "0.228.0", - "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.228.0.tgz", - "integrity": "sha512-xPWkzCO07AnS8X+fQFpWm+tJ+C7aeaiVzJ+rSepbkCXUvUJ6l6squEl63axoMcixyH4wLjmypOzq/+zTD0O93w==", + "version": "0.229.0", + "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.229.0.tgz", + "integrity": "sha512-mOYmMuvJwAo/CvnMFEq4SHftq7E5188hYMTTxJyQOXk2nh+sgslRdYMw3wTthH+FMcFaZLtmBPuMu6IwztdoUQ==", "dev": true, "engines": { "node": ">=0.4.0" @@ -13634,9 +13625,9 @@ } }, "node_modules/ip": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ip/-/ip-2.0.0.tgz", - "integrity": "sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/ip/-/ip-2.0.1.tgz", + "integrity": "sha512-lJUL9imLTNi1ZfXT+DU6rBBdbiKGBuay9B6xGSPVjUeQwaH1RIGqef8RZkUtHioLmSNpPR5M4HVKJGm1j8FWVQ==", "dev": true }, "node_modules/ipaddr.js": { @@ -18027,6 +18018,15 @@ "node": ">=0.10" } }, + "node_modules/pify": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz", + "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==", + "dev": true, + "engines": { + "node": ">=6" + } + }, "node_modules/pirates": { "version": "4.0.6", "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz", @@ -19278,9 +19278,9 @@ } }, "node_modules/react-remove-scroll-bar": { - "version": "2.3.4", - "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.4.tgz", - "integrity": "sha512-63C4YQBUt0m6ALadE9XV56hV8BgJWDmmTPY758iIJjfQKt2nYwoUrPk0LXRXcB/yIj82T1/Ixfdpdk68LwIB0A==", + "version": "2.3.5", + "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.5.tgz", + "integrity": "sha512-3cqjOqg6s0XbOjWvmasmqHch+RLxIEk2r/70rzGXuz3iIGQsQheEQyqYCBb5EECoD01Vo2SIbDqW4paLeLTASw==", "dev": true, "dependencies": { "react-style-singleton": "^2.2.1", @@ -20760,18 +20760,18 @@ } }, "node_modules/store2": { - "version": "2.14.2", - "resolved": "https://registry.npmjs.org/store2/-/store2-2.14.2.tgz", - "integrity": "sha512-siT1RiqlfQnGqgT/YzXVUNsom9S0H1OX+dpdGN1xkyYATo4I6sep5NmsRD/40s3IIOvlCq6akxkqG82urIZW1w==", + "version": "2.14.3", + "resolved": "https://registry.npmjs.org/store2/-/store2-2.14.3.tgz", + "integrity": "sha512-4QcZ+yx7nzEFiV4BMLnr/pRa5HYzNITX2ri0Zh6sT9EyQHbBHacC6YigllUPU9X3D0f/22QCgfokpKs52YRrUg==", "dev": true }, "node_modules/storybook": { - "version": "7.6.14", - "resolved": "https://registry.npmjs.org/storybook/-/storybook-7.6.14.tgz", - "integrity": "sha512-4WMb/Dyzl4QzAd1X1b13cJXwynI7fGbT3qGy+X169hsXn6u73tlRcuPXrTsEO9a+rNBxZiBEBJf5poYxCH2j5Q==", + "version": "7.6.17", + "resolved": "https://registry.npmjs.org/storybook/-/storybook-7.6.17.tgz", + "integrity": "sha512-8+EIo91bwmeFWPg1eysrxXlhIYv3OsXrznTr4+4Eq0NikqAoq6oBhtlN5K2RGS2lBVF537eN+9jTCNbR+WrzDA==", "dev": true, "dependencies": { - "@storybook/cli": "7.6.14" + "@storybook/cli": "7.6.17" }, "bin": { "sb": "index.js", diff --git a/package.json b/package.json index 45bca6f5..587c7a7f 100644 --- a/package.json +++ b/package.json @@ -61,15 +61,15 @@ "@rollup/plugin-commonjs": "^25.0.7", "@rollup/plugin-json": "^6.1.0", "@rollup/plugin-terser": "^0.4.4", - "@storybook/addon-essentials": "^7.6.14", - "@storybook/addon-interactions": "^7.6.14", - "@storybook/addon-links": "^7.6.14", + "@storybook/addon-essentials": "^7.6.17", + "@storybook/addon-interactions": "^7.6.17", + "@storybook/addon-links": "^7.6.17", "@storybook/addon-onboarding": "^1.0.10", - "@storybook/addon-themes": "^7.6.14", - "@storybook/blocks": "^7.6.14", - "@storybook/react": "^7.6.14", - "@storybook/react-webpack5": "^7.6.14", - "@storybook/test": "^7.6.14", + "@storybook/addon-themes": "^7.6.17", + "@storybook/blocks": "^7.6.17", + "@storybook/react": "^7.6.17", + "@storybook/react-webpack5": "^7.6.17", + "@storybook/test": "^7.6.17", "@storybook/test-runner": "^0.16.0", "@trivago/prettier-plugin-sort-imports": "^4.3.0", "@types/react": "^18.0.0", @@ -97,7 +97,7 @@ "rollup-plugin-typescript2": "^0.36.0", "sass": "^1.69.7", "sass-loader": "^13.3.3", - "storybook": "^7.6.14", + "storybook": "^7.6.17", "ts-loader": "^9.5.1", "tslib": "^2.6.2", "typescript": "^5.3.3" diff --git a/src/components/boolean/bool.stories.tsx b/src/components/boolean/bool.stories.tsx index f413e729..29c31917 100644 --- a/src/components/boolean/bool.stories.tsx +++ b/src/components/boolean/bool.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from "@storybook/react"; import { expect, within } from "@storybook/test"; -import React from "react"; +import * as React from "react"; import { Body, H1, H2, H3, P } from "../typography"; import { Bool } from "./bool"; diff --git a/src/components/boolean/bool.tsx b/src/components/boolean/bool.tsx index 4e48cde2..042cad92 100644 --- a/src/components/boolean/bool.tsx +++ b/src/components/boolean/bool.tsx @@ -38,13 +38,17 @@ export const Bool: React.FC = ({ const _labelTrue = labelTrue || intl.formatMessage({ - description: "components.Bool: The accessible label when value is truthy", + id: "mykn.components.Bool.labelTrue", + description: + "mykn.components.Bool: The accessible label when value is truthy", defaultMessage: "ja", }); const _labelFalse = labelFalse || intl.formatMessage({ - description: "components.Bool: The accessible label when value is falsy", + id: "mykn.components.Bool.labelFalse", + description: + "mykn.components.Bool: The accessible label when value is falsy", defaultMessage: "nee", }); diff --git a/src/components/breadcrumbs/breadcrumbs.stories.tsx b/src/components/breadcrumbs/breadcrumbs.stories.tsx index b0bd5542..84a5b88b 100644 --- a/src/components/breadcrumbs/breadcrumbs.stories.tsx +++ b/src/components/breadcrumbs/breadcrumbs.stories.tsx @@ -1,5 +1,5 @@ import type { Meta, StoryObj } from "@storybook/react"; -import React from "react"; +import * as React from "react"; import { Page } from "../page"; import { Breadcrumbs } from "./breadcrumbs"; diff --git a/src/components/button/button.stories.tsx b/src/components/button/button.stories.tsx index b108d263..efde01ea 100644 --- a/src/components/button/button.stories.tsx +++ b/src/components/button/button.stories.tsx @@ -1,5 +1,5 @@ import type { Meta, StoryObj } from "@storybook/react"; -import React from "react"; +import * as React from "react"; import { Toolbar } from "../toolbar"; import { Button, ButtonLink } from "./button"; diff --git a/src/components/card/card.stories.tsx b/src/components/card/card.stories.tsx index 313e9a68..3339f0f9 100644 --- a/src/components/card/card.stories.tsx +++ b/src/components/card/card.stories.tsx @@ -1,5 +1,5 @@ import type { Meta, StoryObj } from "@storybook/react"; -import React from "react"; +import * as React from "react"; import { Page } from "../page"; import { Body, P } from "../typography"; diff --git a/src/components/data/attributelist/attributelist.stories.tsx b/src/components/data/attributelist/attributelist.stories.tsx index bb39043e..e44fa67f 100644 --- a/src/components/data/attributelist/attributelist.stories.tsx +++ b/src/components/data/attributelist/attributelist.stories.tsx @@ -1,5 +1,5 @@ import type { Meta, StoryObj } from "@storybook/react"; -import React from "react"; +import * as React from "react"; import { Grid } from "../../layout"; import { Column } from "../../layout/column"; diff --git a/src/components/data/paginator/paginator.stories.tsx b/src/components/data/paginator/paginator.stories.tsx index e0dc1202..38072432 100644 --- a/src/components/data/paginator/paginator.stories.tsx +++ b/src/components/data/paginator/paginator.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from "@storybook/react"; import { expect, userEvent, waitFor, within } from "@storybook/test"; -import React from "react"; +import * as React from "react"; import { allModes } from "../../../../.storybook/modes"; import { Page } from "../../page"; diff --git a/src/components/data/paginator/paginator.tsx b/src/components/data/paginator/paginator.tsx index ad9d432a..869e1f34 100644 --- a/src/components/data/paginator/paginator.tsx +++ b/src/components/data/paginator/paginator.tsx @@ -128,8 +128,9 @@ export const Paginator: React.FC = ({ ? formatMessage(labelCurrentPageRange, context) : intl.formatMessage( { + id: "mykn.components.Paginator.labelCurrentPageRange", description: - "components.Paginator: The current page range (accessible) label", + "mykn.components.Paginator: The current page range (accessible) label", defaultMessage: "resultaat {pageStart} t/m {pageEnd} van {pageCount} pagina's", }, @@ -140,8 +141,9 @@ export const Paginator: React.FC = ({ ? formatMessage(labelGoToPage, context) : intl.formatMessage( { + id: "mykn.components.Paginator.labelGoToPage", description: - "components.Paginator: The go to page (accessible) label", + "mykn.components.Paginator: The go to page (accessible) label", defaultMessage: "naar pagina", }, context, @@ -151,7 +153,9 @@ export const Paginator: React.FC = ({ ? formatMessage(labelPageSize, context) : intl.formatMessage( { - description: "components.Paginator: The page size (accessible) label", + id: "mykn.components.Paginator.labelPageSize", + description: + "mykn.components.Paginator: The page size (accessible) label", defaultMessage: "aantal resultaten", }, context, @@ -161,8 +165,9 @@ export const Paginator: React.FC = ({ ? formatMessage(labelPagination, context) : intl.formatMessage( { + id: "mykn.components.Paginator.labelPagination", description: - "components.Paginator: The pagination (accessible) label", + "mykn.components.Paginator: The pagination (accessible) label", defaultMessage: "paginering", }, context, @@ -172,8 +177,9 @@ export const Paginator: React.FC = ({ ? formatMessage(labelPrevious, context) : intl.formatMessage( { + id: "mykn.components.Paginator.labelPrevious", description: - "components.Paginator: The go to previous page (accessible) label", + "mykn.components.Paginator: The go to previous page (accessible) label", defaultMessage: "vorige", }, context, @@ -183,8 +189,9 @@ export const Paginator: React.FC = ({ ? formatMessage(labelNext, context) : intl.formatMessage( { + id: "mykn.components.Paginator.labelNext", description: - "components.Paginator: The go to next page (accessible) label", + "mykn.components.Paginator: The go to next page (accessible) label", defaultMessage: "volgende", }, context, @@ -194,7 +201,9 @@ export const Paginator: React.FC = ({ ? formatMessage(labelLoading, context) : intl.formatMessage( { - description: "components.Paginator: The loading (accessible) label", + id: "mykn.components.Paginator.labelLoading", + description: + "mykn.components.Paginator: The loading (accessible) label", defaultMessage: "bezig met laden...", }, context, diff --git a/src/components/dropdown/dropdown.stories.tsx b/src/components/dropdown/dropdown.stories.tsx index fbc57e3b..b857cec2 100644 --- a/src/components/dropdown/dropdown.stories.tsx +++ b/src/components/dropdown/dropdown.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from "@storybook/react"; import { expect, userEvent, waitFor, within } from "@storybook/test"; -import React from "react"; +import * as React from "react"; import { Button, ButtonLink } from "../button"; import { Outline } from "../icon"; diff --git a/src/components/form/form/form.stories.tsx b/src/components/form/form/form.stories.tsx index d21fab9f..6ef1734d 100644 --- a/src/components/form/form/form.stories.tsx +++ b/src/components/form/form/form.stories.tsx @@ -1,7 +1,7 @@ import type { Meta, StoryObj } from "@storybook/react"; import { userEvent, within } from "@storybook/test"; import { Formik } from "formik"; -import React from "react"; +import * as React from "react"; import { formatMessage } from "../../../lib/i18n/formatmessage"; import { Form } from "./form"; diff --git a/src/components/form/form/form.tsx b/src/components/form/form/form.tsx index d4c94999..a3429d55 100644 --- a/src/components/form/form/form.tsx +++ b/src/components/form/form/form.tsx @@ -113,7 +113,8 @@ export const Form: React.FC = ({ const _labelSubmit = labelSubmit ? labelSubmit : intl.formatMessage({ - description: "components.Form: The submit form label", + id: "mykn.components.Form.labelSubmit", + description: "mykn.components.Form: The submit form label", defaultMessage: "verzenden", }); diff --git a/src/components/form/input/input.stories.tsx b/src/components/form/input/input.stories.tsx index 261b8364..44734730 100644 --- a/src/components/form/input/input.stories.tsx +++ b/src/components/form/input/input.stories.tsx @@ -2,7 +2,7 @@ import { action } from "@storybook/addon-actions"; import type { Meta, StoryObj } from "@storybook/react"; import { expect, fn, userEvent, waitFor, within } from "@storybook/test"; import { Formik } from "formik"; -import React from "react"; +import * as React from "react"; import { Button } from "../../button"; import { Page } from "../../page"; diff --git a/src/components/form/select/select.stories.tsx b/src/components/form/select/select.stories.tsx index 5f7fefca..280d0d2c 100644 --- a/src/components/form/select/select.stories.tsx +++ b/src/components/form/select/select.stories.tsx @@ -2,7 +2,7 @@ import { action } from "@storybook/addon-actions"; import type { Meta, StoryFn, StoryObj } from "@storybook/react"; import { expect, fn, userEvent, waitFor, within } from "@storybook/test"; import { Formik } from "formik"; -import React from "react"; +import * as React from "react"; import { Button } from "../../button"; import { Page } from "../../page"; diff --git a/src/components/form/select/select.tsx b/src/components/form/select/select.tsx index fb2a7a2e..daa32e06 100644 --- a/src/components/form/select/select.tsx +++ b/src/components/form/select/select.tsx @@ -110,7 +110,9 @@ export const Select: React.FC = ({ const _labelClear = labelClear ? formatMessage(labelClear, i18nContext) : intl.formatMessage({ - description: "components.Select: The clear value (accessible) label", + id: "mykn.components.Select.labelClear", + description: + "mykn.components.Select: The clear value (accessible) label", defaultMessage: "waarde wissen", }); diff --git a/src/components/icon/icon.stories.tsx b/src/components/icon/icon.stories.tsx index 68d22dd0..d6629d88 100644 --- a/src/components/icon/icon.stories.tsx +++ b/src/components/icon/icon.stories.tsx @@ -1,5 +1,5 @@ import type { Meta, StoryObj } from "@storybook/react"; -import React from "react"; +import * as React from "react"; import { Button, ButtonLink } from "../button"; import { Body, H1, H2, H3, P } from "../typography"; diff --git a/src/components/layout/column/column.stories.tsx b/src/components/layout/column/column.stories.tsx index bb2fc7d2..d0cc4b03 100644 --- a/src/components/layout/column/column.stories.tsx +++ b/src/components/layout/column/column.stories.tsx @@ -1,5 +1,5 @@ import type { Meta, StoryObj } from "@storybook/react"; -import React from "react"; +import * as React from "react"; import { Container } from "../container"; import { Grid } from "../grid"; diff --git a/src/components/layout/grid/grid.stories.tsx b/src/components/layout/grid/grid.stories.tsx index c0f7e3d6..20a52636 100644 --- a/src/components/layout/grid/grid.stories.tsx +++ b/src/components/layout/grid/grid.stories.tsx @@ -1,5 +1,5 @@ import type { Meta, StoryObj } from "@storybook/react"; -import React from "react"; +import * as React from "react"; import { Container } from "../container"; import { Grid } from "./grid"; diff --git a/src/components/layout/layout.stories.tsx b/src/components/layout/layout.stories.tsx index 1f5c0525..fa294c51 100644 --- a/src/components/layout/layout.stories.tsx +++ b/src/components/layout/layout.stories.tsx @@ -1,5 +1,5 @@ import type { Meta } from "@storybook/react"; -import React from "react"; +import * as React from "react"; import { Column } from "./column"; import { Container } from "./container"; diff --git a/src/components/logo/logo.tsx b/src/components/logo/logo.tsx index 2160d170..d999fd7f 100644 --- a/src/components/logo/logo.tsx +++ b/src/components/logo/logo.tsx @@ -39,8 +39,9 @@ export const Logo: React.FC = ({ ? formatMessage(hrefLabel, context) : intl.formatMessage( { + id: "mykn.components.Logo.hrefLabel", description: - "components.Logo: An aria-label describing the link action", + "mykn.components.Logo: An aria-label describing the link action", defaultMessage: 'go to "{href}"', }, context, @@ -49,8 +50,9 @@ export const Logo: React.FC = ({ ? formatMessage(label, context) : intl.formatMessage( { + id: "mykn.components.Logo.label", description: - "components.Logo: The aria-label to set on the SVG element", + "mykn.components.Logo: The aria-label to set on the SVG element", defaultMessage: "Maykin logo", }, context, diff --git a/src/components/navbar/navbar.stories.tsx b/src/components/navbar/navbar.stories.tsx index eadf0b84..63b75228 100644 --- a/src/components/navbar/navbar.stories.tsx +++ b/src/components/navbar/navbar.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from "@storybook/react"; import { expect, userEvent, waitFor, within } from "@storybook/test"; -import React from "react"; +import * as React from "react"; import { allModes } from "../../../.storybook/modes"; import { Button, ButtonLink } from "../button"; diff --git a/src/components/page/page.stories.tsx b/src/components/page/page.stories.tsx index cdc07a2a..17202650 100644 --- a/src/components/page/page.stories.tsx +++ b/src/components/page/page.stories.tsx @@ -1,5 +1,5 @@ import type { Meta, StoryObj } from "@storybook/react"; -import React from "react"; +import * as React from "react"; import { Button, ButtonLink } from "../button"; import { Card } from "../card"; diff --git a/src/components/tabs/tabs.stories.tsx b/src/components/tabs/tabs.stories.tsx index 4ee660da..63d045ab 100644 --- a/src/components/tabs/tabs.stories.tsx +++ b/src/components/tabs/tabs.stories.tsx @@ -1,5 +1,5 @@ import { Meta, StoryObj } from "@storybook/react"; -import React from "react"; +import * as React from "react"; import { Card } from "../card"; import { Page } from "../page"; diff --git a/src/components/toolbar/toolbar.stories.tsx b/src/components/toolbar/toolbar.stories.tsx index 724e33a5..89d1522e 100644 --- a/src/components/toolbar/toolbar.stories.tsx +++ b/src/components/toolbar/toolbar.stories.tsx @@ -1,5 +1,5 @@ import type { Meta, StoryObj } from "@storybook/react"; -import React from "react"; +import * as React from "react"; import { Button, ButtonLink } from "../button"; import { Outline } from "../icon"; diff --git a/src/components/tooltip/tooltip.stories.tsx b/src/components/tooltip/tooltip.stories.tsx index 6465cc2e..19cf9826 100644 --- a/src/components/tooltip/tooltip.stories.tsx +++ b/src/components/tooltip/tooltip.stories.tsx @@ -1,5 +1,5 @@ import type { Meta, StoryObj } from "@storybook/react"; -import React from "react"; +import * as React from "react"; import { Button } from "../button"; import { Outline } from "../icon"; diff --git a/src/components/typography/99-typography.stories.tsx b/src/components/typography/99-typography.stories.tsx index b3bce3f2..688aeafc 100644 --- a/src/components/typography/99-typography.stories.tsx +++ b/src/components/typography/99-typography.stories.tsx @@ -1,5 +1,5 @@ import type { Meta } from "@storybook/react"; -import React from "react"; +import * as React from "react"; import { H1 } from "./h1"; import { H2 } from "./h2"; diff --git a/src/components/typography/body/body.stories.tsx b/src/components/typography/body/body.stories.tsx index 713a5c07..6940f683 100644 --- a/src/components/typography/body/body.stories.tsx +++ b/src/components/typography/body/body.stories.tsx @@ -1,5 +1,5 @@ import type { Meta, StoryObj } from "@storybook/react"; -import React from "react"; +import * as React from "react"; import { A } from "../a"; import { H1 } from "../h1"; diff --git a/src/components/typography/ol/ol.stories.tsx b/src/components/typography/ol/ol.stories.tsx index f89d48dd..0ef41b67 100644 --- a/src/components/typography/ol/ol.stories.tsx +++ b/src/components/typography/ol/ol.stories.tsx @@ -1,5 +1,5 @@ import type { Meta, StoryObj } from "@storybook/react"; -import React from "react"; +import * as React from "react"; import { A } from "../a"; import { Li } from "../li"; diff --git a/src/components/typography/ul/ul.stories.tsx b/src/components/typography/ul/ul.stories.tsx index f52aa145..2980cfcd 100644 --- a/src/components/typography/ul/ul.stories.tsx +++ b/src/components/typography/ul/ul.stories.tsx @@ -1,5 +1,5 @@ import type { Meta, StoryObj } from "@storybook/react"; -import React from "react"; +import * as React from "react"; import { A } from "../a"; import { Li } from "../li"; diff --git a/src/lib/i18n/compiled/en.json b/src/lib/i18n/compiled/en.json index aa0b3055..e3410126 100644 --- a/src/lib/i18n/compiled/en.json +++ b/src/lib/i18n/compiled/en.json @@ -1,47 +1,43 @@ { - "1og5yd": [ - { - "type": 0, - "value": "number of results" - } - ], - "ABD3e7": [ + "mykn.components.Bool.labelFalse": [ { "type": 0, "value": "no" } ], - "CtcyS2": [ + "mykn.components.Bool.labelTrue": [ { "type": 0, - "value": "previous" + "value": "yes" } ], - "FZLh9+": [ + "mykn.components.Form.labelSubmit": [ { "type": 0, - "value": "go to page" + "value": "submit" } ], - "HMxYa4": [ + "mykn.components.Logo.hrefLabel": [ { "type": 0, - "value": "clear value" - } - ], - "Kma3/t": [ + "value": "go to \"" + }, + { + "type": 1, + "value": "href" + }, { "type": 0, - "value": "pagination" + "value": "\"" } ], - "UQBNHO": [ + "mykn.components.Logo.label": [ { "type": 0, - "value": "loading..." + "value": "Maykin logo" } ], - "YdBIB+": [ + "mykn.components.Paginator.labelCurrentPageRange": [ { "type": 0, "value": "result " @@ -71,48 +67,52 @@ "value": " pages" } ], - "aRdyNi": [ + "mykn.components.Paginator.labelGoToPage": [ { "type": 0, - "value": "next" + "value": "go to page" } ], - "bkhUl1": [ + "mykn.components.Paginator.labelLoading": [ { "type": 0, - "value": "go to \"" - }, + "value": "loading..." + } + ], + "mykn.components.Paginator.labelNext": [ { - "type": 1, - "value": "href" - }, + "type": 0, + "value": "next" + } + ], + "mykn.components.Paginator.labelPageSize": [ { "type": 0, - "value": "\"" + "value": "number of results" } ], - "dZ6TJw": [ + "mykn.components.Paginator.labelPagination": [ { "type": 0, - "value": "Maykin logo" + "value": "pagination" } ], - "jsvU71": [ + "mykn.components.Paginator.labelPrevious": [ { "type": 0, - "value": "yes" + "value": "previous" } ], - "mm+twj": [ + "mykn.components.Select.labelClear": [ { "type": 0, - "value": "login" + "value": "clear value" } ], - "y0k/u3": [ + "mm+twj": [ { "type": 0, - "value": "submit" + "value": "login" } ] -} \ No newline at end of file +} diff --git a/src/lib/i18n/compiled/nl.json b/src/lib/i18n/compiled/nl.json index d75abb39..6a6bc9a1 100644 --- a/src/lib/i18n/compiled/nl.json +++ b/src/lib/i18n/compiled/nl.json @@ -1,47 +1,43 @@ { - "1og5yd": [ - { - "type": 0, - "value": "aantal resultaten" - } - ], - "ABD3e7": [ + "mykn.components.Bool.labelFalse": [ { "type": 0, "value": "nee" } ], - "CtcyS2": [ + "mykn.components.Bool.labelTrue": [ { "type": 0, - "value": "vorige" + "value": "ja" } ], - "FZLh9+": [ + "mykn.components.Form.labelSubmit": [ { "type": 0, - "value": "naar pagina" + "value": "verzenden" } ], - "HMxYa4": [ + "mykn.components.Logo.hrefLabel": [ { "type": 0, - "value": "waarde wissen" - } - ], - "Kma3/t": [ + "value": "go to \"" + }, + { + "type": 1, + "value": "href" + }, { "type": 0, - "value": "paginering" + "value": "\"" } ], - "UQBNHO": [ + "mykn.components.Logo.label": [ { "type": 0, - "value": "bezig met laden..." + "value": "Maykin logo" } ], - "YdBIB+": [ + "mykn.components.Paginator.labelCurrentPageRange": [ { "type": 0, "value": "resultaat " @@ -71,48 +67,52 @@ "value": " pagina's" } ], - "aRdyNi": [ + "mykn.components.Paginator.labelGoToPage": [ { "type": 0, - "value": "volgende" + "value": "naar pagina" } ], - "bkhUl1": [ + "mykn.components.Paginator.labelLoading": [ { "type": 0, - "value": "go to \"" - }, + "value": "bezig met laden..." + } + ], + "mykn.components.Paginator.labelNext": [ { - "type": 1, - "value": "href" - }, + "type": 0, + "value": "volgende" + } + ], + "mykn.components.Paginator.labelPageSize": [ { "type": 0, - "value": "\"" + "value": "aantal resultaten" } ], - "dZ6TJw": [ + "mykn.components.Paginator.labelPagination": [ { "type": 0, - "value": "Maykin logo" + "value": "paginering" } ], - "jsvU71": [ + "mykn.components.Paginator.labelPrevious": [ { "type": 0, - "value": "ja" + "value": "vorige" } ], - "mm+twj": [ + "mykn.components.Select.labelClear": [ { "type": 0, - "value": "inloggen" + "value": "waarde wissen" } ], - "y0k/u3": [ + "mm+twj": [ { "type": 0, - "value": "verzenden" + "value": "inloggen" } ] -} \ No newline at end of file +} diff --git a/src/lib/i18n/i18n.stories.mdx b/src/lib/i18n/i18n.stories.mdx index a860b6f0..9ee7b3eb 100644 --- a/src/lib/i18n/i18n.stories.mdx +++ b/src/lib/i18n/i18n.stories.mdx @@ -49,8 +49,8 @@ the correct "intl" implementation based on whether react-intl is available. `useIntl` take a locale as optional argument, if it's not set, an attempt is made for the body's `lang` attribute to be used as locale. If no locale can be resolved "nl" is the default value. - For pragmatic reasons: translation labels should be written in Dutch, the description should identify the component - and description of the prop. + For pragmatic reasons: translation labels should be written in Dutch and should provide an explicit id. Also: the + description should identify the component and description of the prop. ```tsx const intl = useIntl("en"); // locale can be left empty. @@ -61,7 +61,8 @@ const intl = useIntl("en"); // locale can be left empty. const _labelTrue = labelTrue || intl.formatMessage({ - description: "components.Bool: The accessible label when value is truthy", + id: "mykn.components.Bool.labelTrue", + description: "mykn.components.Bool: The accessible label when value is truthy", defaultMessage: "ja", }); ``` diff --git a/src/lib/i18n/messages/en.json b/src/lib/i18n/messages/en.json index 28bb0a64..bedab974 100644 --- a/src/lib/i18n/messages/en.json +++ b/src/lib/i18n/messages/en.json @@ -1,72 +1,72 @@ { - "1og5yd": { - "defaultMessage": "number of results", - "description": "components.Paginator: The page size (accessible) label", - "originalDefault": "aantal resultaten" - }, - "ABD3e7": { + "mykn.components.Bool.labelFalse": { "defaultMessage": "no", - "description": "components.Bool: The accessible label when value is falsy", + "description": "mykn.components.Bool: The accessible label when value is falsy", "originalDefault": "nee" }, - "CtcyS2": { - "defaultMessage": "previous", - "description": "components.Paginator: The go to previous page (accessible) label", - "originalDefault": "vorige" - }, - "FZLh9+": { - "defaultMessage": "go to page", - "description": "components.Paginator: The go to page (accessible) label", - "originalDefault": "naar pagina" + "mykn.components.Bool.labelTrue": { + "defaultMessage": "yes", + "description": "mykn.components.Bool: The accessible label when value is truthy", + "originalDefault": "ja" }, - "HMxYa4": { - "defaultMessage": "clear value", - "description": "components.Select: The clear value (accessible) label", - "originalDefault": "waarde wissen" + "mykn.components.Form.labelSubmit": { + "defaultMessage": "submit", + "description": "mykn.components.Form: The submit form label", + "originalDefault": "verzenden" }, - "Kma3/t": { - "defaultMessage": "pagination", - "description": "components.Paginator: The pagination (accessible) label", - "originalDefault": "paginering" + "mykn.components.Logo.hrefLabel": { + "defaultMessage": "go to \"{href}\"", + "description": "mykn.components.Logo: An aria-label describing the link action", + "originalDefault": "go to \"{href}\"" }, - "UQBNHO": { - "defaultMessage": "loading...", - "description": "components.Paginator: The loading (accessible) label", - "originalDefault": "bezig met laden..." + "mykn.components.Logo.label": { + "defaultMessage": "Maykin logo", + "description": "mykn.components.Logo: The aria-label to set on the SVG element", + "originalDefault": "Maykin logo" }, - "YdBIB+": { + "mykn.components.Paginator.labelCurrentPageRange": { "defaultMessage": "result {pageStart} to {pageEnd} of {pageCount} pages", - "description": "components.Paginator: The current page range (accessible) label", + "description": "mykn.components.Paginator: The current page range (accessible) label", "originalDefault": "resultaat {pageStart} t/m {pageEnd} van {pageCount} pagina's" }, - "aRdyNi": { + "mykn.components.Paginator.labelGoToPage": { + "defaultMessage": "go to page", + "description": "mykn.components.Paginator: The go to page (accessible) label", + "originalDefault": "naar pagina" + }, + "mykn.components.Paginator.labelLoading": { + "defaultMessage": "loading...", + "description": "mykn.components.Paginator: The loading (accessible) label", + "originalDefault": "bezig met laden..." + }, + "mykn.components.Paginator.labelNext": { "defaultMessage": "next", - "description": "components.Paginator: The go to next page (accessible) label", + "description": "mykn.components.Paginator: The go to next page (accessible) label", "originalDefault": "volgende" }, - "bkhUl1": { - "defaultMessage": "go to \"{href}\"", - "description": "components.Logo: An aria-label describing the link action", - "originalDefault": "go to \"{href}\"" + "mykn.components.Paginator.labelPageSize": { + "defaultMessage": "number of results", + "description": "mykn.components.Paginator: The page size (accessible) label", + "originalDefault": "aantal resultaten" }, - "dZ6TJw": { - "defaultMessage": "Maykin logo", - "description": "components.Logo: The aria-label to set on the SVG element", - "originalDefault": "Maykin logo" + "mykn.components.Paginator.labelPagination": { + "defaultMessage": "pagination", + "description": "mykn.components.Paginator: The pagination (accessible) label", + "originalDefault": "paginering" }, - "jsvU71": { - "defaultMessage": "yes", - "description": "components.Bool: The accessible label when value is truthy", - "originalDefault": "ja" + "mykn.components.Paginator.labelPrevious": { + "defaultMessage": "previous", + "description": "mykn.components.Paginator: The go to previous page (accessible) label", + "originalDefault": "vorige" + }, + "mykn.components.Select.labelClear": { + "defaultMessage": "clear value", + "description": "mykn.components.Select: The clear value (accessible) label", + "originalDefault": "waarde wissen" }, "mm+twj": { "defaultMessage": "login", "description": "templates.Login: The login button label", "originalDefault": "inloggen" - }, - "y0k/u3": { - "defaultMessage": "submit", - "description": "components.Form: The submit form label", - "originalDefault": "verzenden" } } diff --git a/src/lib/i18n/messages/nl.json b/src/lib/i18n/messages/nl.json index c924ff7a..d562aea6 100644 --- a/src/lib/i18n/messages/nl.json +++ b/src/lib/i18n/messages/nl.json @@ -1,72 +1,72 @@ { - "1og5yd": { - "defaultMessage": "aantal resultaten", - "description": "components.Paginator: The page size (accessible) label", - "originalDefault": "aantal resultaten" - }, - "ABD3e7": { + "mykn.components.Bool.labelFalse": { "defaultMessage": "nee", - "description": "components.Bool: The accessible label when value is falsy", + "description": "mykn.components.Bool: The accessible label when value is falsy", "originalDefault": "nee" }, - "CtcyS2": { - "defaultMessage": "vorige", - "description": "components.Paginator: The go to previous page (accessible) label", - "originalDefault": "vorige" - }, - "FZLh9+": { - "defaultMessage": "naar pagina", - "description": "components.Paginator: The go to page (accessible) label", - "originalDefault": "naar pagina" + "mykn.components.Bool.labelTrue": { + "defaultMessage": "ja", + "description": "mykn.components.Bool: The accessible label when value is truthy", + "originalDefault": "ja" }, - "HMxYa4": { - "defaultMessage": "waarde wissen", - "description": "components.Select: The clear value (accessible) label", - "originalDefault": "waarde wissen" + "mykn.components.Form.labelSubmit": { + "defaultMessage": "verzenden", + "description": "mykn.components.Form: The submit form label", + "originalDefault": "verzenden" }, - "Kma3/t": { - "defaultMessage": "paginering", - "description": "components.Paginator: The pagination (accessible) label", - "originalDefault": "paginering" + "mykn.components.Logo.hrefLabel": { + "defaultMessage": "go to \"{href}\"", + "description": "mykn.components.Logo: An aria-label describing the link action", + "originalDefault": "go to \"{href}\"" }, - "UQBNHO": { - "defaultMessage": "bezig met laden...", - "description": "components.Paginator: The loading (accessible) label", - "originalDefault": "bezig met laden..." + "mykn.components.Logo.label": { + "defaultMessage": "Maykin logo", + "description": "mykn.components.Logo: The aria-label to set on the SVG element", + "originalDefault": "Maykin logo" }, - "YdBIB+": { + "mykn.components.Paginator.labelCurrentPageRange": { "defaultMessage": "resultaat {pageStart} t/m {pageEnd} van {pageCount} pagina's", - "description": "components.Paginator: The current page range (accessible) label", + "description": "mykn.components.Paginator: The current page range (accessible) label", "originalDefault": "resultaat {pageStart} t/m {pageEnd} van {pageCount} pagina's" }, - "aRdyNi": { + "mykn.components.Paginator.labelGoToPage": { + "defaultMessage": "naar pagina", + "description": "mykn.components.Paginator: The go to page (accessible) label", + "originalDefault": "naar pagina" + }, + "mykn.components.Paginator.labelLoading": { + "defaultMessage": "bezig met laden...", + "description": "mykn.components.Paginator: The loading (accessible) label", + "originalDefault": "bezig met laden..." + }, + "mykn.components.Paginator.labelNext": { "defaultMessage": "volgende", - "description": "components.Paginator: The go to next page (accessible) label", + "description": "mykn.components.Paginator: The go to next page (accessible) label", "originalDefault": "volgende" }, - "bkhUl1": { - "defaultMessage": "go to \"{href}\"", - "description": "components.Logo: An aria-label describing the link action", - "originalDefault": "go to \"{href}\"" + "mykn.components.Paginator.labelPageSize": { + "defaultMessage": "aantal resultaten", + "description": "mykn.components.Paginator: The page size (accessible) label", + "originalDefault": "aantal resultaten" }, - "dZ6TJw": { - "defaultMessage": "Maykin logo", - "description": "components.Logo: The aria-label to set on the SVG element", - "originalDefault": "Maykin logo" + "mykn.components.Paginator.labelPagination": { + "defaultMessage": "paginering", + "description": "mykn.components.Paginator: The pagination (accessible) label", + "originalDefault": "paginering" }, - "jsvU71": { - "defaultMessage": "ja", - "description": "components.Bool: The accessible label when value is truthy", - "originalDefault": "ja" + "mykn.components.Paginator.labelPrevious": { + "defaultMessage": "vorige", + "description": "mykn.components.Paginator: The go to previous page (accessible) label", + "originalDefault": "vorige" + }, + "mykn.components.Select.labelClear": { + "defaultMessage": "waarde wissen", + "description": "mykn.components.Select: The clear value (accessible) label", + "originalDefault": "waarde wissen" }, "mm+twj": { "defaultMessage": "inloggen", "description": "templates.Login: The login button label", "originalDefault": "inloggen" - }, - "y0k/u3": { - "defaultMessage": "verzenden", - "description": "components.Form: The submit form label", - "originalDefault": "verzenden" } } diff --git a/src/lib/i18n/useIntl.tsx b/src/lib/i18n/useIntl.tsx index a9ca71e4..2d61fc01 100644 --- a/src/lib/i18n/useIntl.tsx +++ b/src/lib/i18n/useIntl.tsx @@ -64,7 +64,7 @@ type Intl = { */ const getLocalizedFallbackIntl = ( locale = document?.documentElement?.lang || "nl", -) => { +): Intl => { return { formatMessage: ( descriptor: MessageDescriptor, @@ -80,9 +80,27 @@ const getLocalizedFallbackIntl = ( } catch (e) { // messages not loaded. } + + /* + FIXME: Fix Storybook/react-intl setup + + In case @formatjs/ts-transformer is not set on the compiler, ids are not available. In our Storybook setup, + the transformer function is removed from the webpack config as it caused a build loop, resulting in undefined + `descriptor.id` values. + + + We mitigate this problem bu specifying id's explicitly, this should make translations easier to use and more + reliable. In a potential edge case happens where an id is not available, we attempt to find it using the + description. + */ + const id = + descriptor.id || + Object.entries(messages)?.find( + ([, message]) => message.description === descriptor.description, + )?.[0]; + const message = - messages[descriptor.id || ""]?.defaultMessage || - descriptor.defaultMessage; + messages[id || ""]?.defaultMessage || descriptor.defaultMessage; return formatMessage(message, context); }, }; @@ -94,7 +112,7 @@ const getLocalizedFallbackIntl = ( */ export const useIntl = (locale?: string) => { // Not breaking "rules of hooks" here, as dependencies should not change during runtime. - const context = IntlContext + const context: Intl = IntlContext ? useContext(IntlContext as React.Context) // return `IntlContext` if react-intl is installed. : getLocalizedFallbackIntl(locale); // default if react-intl is not installed. diff --git a/src/style/style.mdx b/src/style/style.mdx deleted file mode 100644 index c6899808..00000000 --- a/src/style/style.mdx +++ /dev/null @@ -1,9 +0,0 @@ -import { Meta, Story } from "@storybook/blocks"; -import * as PageStories from "../components/page/page.stories"; - - - -Design Tokens -=== - -