@utrecht/root-react 1.0.9 → 1.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css.mjs +1 -1
- package/dist/css.mjs.map +1 -1
- package/dist/insert-style.d.ts.map +1 -1
- package/package.json +6 -6
package/dist/css.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
|
|
4
|
-
var css = ".utrecht-root{-webkit-font-smoothing:auto!important;-moz-osx-font-smoothing:auto!important;background-color:var(--utrecht-root-background-color);block-size:100%;color:var(--utrecht-root-color);font-family:var(--utrecht-root-font-family);-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;inline-size:100%;overflow-block:auto;overflow-inline:auto;position:relative;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;word-break:break-word}";
|
|
4
|
+
var css = ".utrecht-root{-webkit-font-smoothing:auto!important;-moz-osx-font-smoothing:auto!important;background-color:var(--utrecht-root-background-color,Canvas);block-size:100%;color:var(--utrecht-root-color,CanvasText);font-family:var(--utrecht-root-font-family);font-size:var(--utrecht-root-font-size,var(--utrecht-body-font-size));font-size-adjust:var(--utrecht-root-font-size-adjust,.5);font-weight:var(--utrecht-root-font-weight,var(--utrecht-body-font-weight));-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;inline-size:100%;line-height:var(--utrecht-root-line-height,var(--utrecht-body-line-height));overflow-block:auto;overflow-inline:auto;position:relative;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;word-break:break-word}@media (prefers-reduced-motion:no-preference){.utrecht-root{scroll-behavior:smooth}}:where(.utrecht-root) :where(:focus-visible){--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert);z-index:1}:where(.utrecht-root) :where(:not(:root):fullscreen)::backdrop{background-color:var(--utrecht-root-background-color,Canvas)}";
|
|
5
5
|
|
|
6
6
|
const insertStyle = function (css) {
|
|
7
7
|
if (typeof document !== 'undefined') {
|
package/dist/css.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css.mjs","sources":["../../../../components/root/dist/index.mjs","../src/insert-style.ts","../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../src/index.tsx","../src/css.tsx"],"sourcesContent":["export default \".utrecht-root{-webkit-font-smoothing:auto!important;-moz-osx-font-smoothing:auto!important;background-color:var(--utrecht-root-background-color);block-size:100%;color:var(--utrecht-root-color);font-family:var(--utrecht-root-font-family);-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;inline-size:100%;overflow-block:auto;overflow-inline:auto;position:relative;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;word-break:break-word}\";\n","export const insertStyle = function (css: string) {\n if (typeof document !== 'undefined') {\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.appendChild(document.createTextNode(css));\n head.appendChild(style);\n }\n};\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport clsx from 'clsx';\nimport { ForwardedRef, forwardRef, HTMLAttributes, PropsWithChildren } from 'react';\n\nexport interface HtmlRootProps extends HTMLAttributes<HTMLElement> {\n Component?: 'html';\n}\n\nexport interface DivRootProps extends HTMLAttributes<HTMLElement> {\n Component: 'div';\n}\n\nexport const Root = forwardRef(\n (\n {\n children,\n className,\n Component = 'html',\n ...restProps\n }: PropsWithChildren<HtmlRootProps> | PropsWithChildren<DivRootProps>,\n ref: ForwardedRef<HTMLElement>,\n ) => (\n <Component {...restProps} ref={ref as any} className={clsx('utrecht-root', className)}>\n {children}\n </Component>\n ),\n);\n\nRoot.displayName = 'Root';\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport css from '@utrecht/root-css/dist/index.mjs';\nimport { insertStyle } from './insert-style';\n\ninsertStyle(css);\n\nexport * from './index';\n"],"names":["_jsx"],"mappings":";;;AAAA,UAAe,
|
|
1
|
+
{"version":3,"file":"css.mjs","sources":["../../../../components/root/dist/index.mjs","../src/insert-style.ts","../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../src/index.tsx","../src/css.tsx"],"sourcesContent":["export default \".utrecht-root{-webkit-font-smoothing:auto!important;-moz-osx-font-smoothing:auto!important;background-color:var(--utrecht-root-background-color,Canvas);block-size:100%;color:var(--utrecht-root-color,CanvasText);font-family:var(--utrecht-root-font-family);font-size:var(--utrecht-root-font-size,var(--utrecht-body-font-size));font-size-adjust:var(--utrecht-root-font-size-adjust,.5);font-weight:var(--utrecht-root-font-weight,var(--utrecht-body-font-weight));-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;inline-size:100%;line-height:var(--utrecht-root-line-height,var(--utrecht-body-line-height));overflow-block:auto;overflow-inline:auto;position:relative;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;word-break:break-word}@media (prefers-reduced-motion:no-preference){.utrecht-root{scroll-behavior:smooth}}:where(.utrecht-root) :where(:focus-visible){--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width,0) var(--utrecht-focus-inverse-outline-color,transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color,revert);outline-offset:var(--utrecht-focus-outline-offset,revert);outline-style:var(--utrecht-focus-outline-style,revert);outline-width:var(--utrecht-focus-outline-width,revert);z-index:1}:where(.utrecht-root) :where(:not(:root):fullscreen)::backdrop{background-color:var(--utrecht-root-background-color,Canvas)}\";\n","export const insertStyle = function (css: string) {\n if (typeof document !== 'undefined') {\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.appendChild(document.createTextNode(css));\n head.appendChild(style);\n }\n};\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport clsx from 'clsx';\nimport { ForwardedRef, forwardRef, HTMLAttributes, PropsWithChildren } from 'react';\n\nexport interface HtmlRootProps extends HTMLAttributes<HTMLElement> {\n Component?: 'html';\n}\n\nexport interface DivRootProps extends HTMLAttributes<HTMLElement> {\n Component: 'div';\n}\n\nexport const Root = forwardRef(\n (\n {\n children,\n className,\n Component = 'html',\n ...restProps\n }: PropsWithChildren<HtmlRootProps> | PropsWithChildren<DivRootProps>,\n ref: ForwardedRef<HTMLElement>,\n ) => (\n <Component {...restProps} ref={ref as any} className={clsx('utrecht-root', className)}>\n {children}\n </Component>\n ),\n);\n\nRoot.displayName = 'Root';\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport css from '@utrecht/root-css/dist/index.mjs';\nimport { insertStyle } from './insert-style';\n\ninsertStyle(css);\n\nexport * from './index';\n"],"names":["_jsx"],"mappings":";;;AAAA,UAAe,68CAA68C;;ACAr9C,MAAM,WAAW,GAAG,UAAU,GAAW,EAAA;AAC9C,IAAA,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;AACnC,QAAA,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACrE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC5C,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AAChD,QAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KACzB;AACH,CAAC;;ACPD,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAQ,SAAS,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;;MCiBlW,IAAI,GAAG,UAAU,CAC5B,CACE,EACE,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,MAAM,EAClB,GAAG,SAAS,EACuD,EACrE,GAA8B,MAE9BA,GAAA,CAAC,SAAS,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAU,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,YAClF,QAAQ,EAAA,CACC,CACb,EACD;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;ACjCzB;;;;AAIG;AAKH,WAAW,CAAC,GAAG,CAAC;;;;","x_google_ignoreList":[2]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"insert-style.d.ts","sourceRoot":"","sources":["../src/insert-style.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"insert-style.d.ts","sourceRoot":"","sources":["../src/insert-style.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,GAAa,KAAK,MAAM,SAO/C,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@utrecht/root-react",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.11",
|
|
4
4
|
"description": "Root component for the Municipality of Utrecht based on the NL Design System architecture",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"nl-design-system"
|
|
@@ -54,21 +54,21 @@
|
|
|
54
54
|
],
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"clsx": "2.1.1",
|
|
57
|
-
"@utrecht/root-css": "
|
|
57
|
+
"@utrecht/root-css": "3.1.0"
|
|
58
58
|
},
|
|
59
59
|
"devDependencies": {
|
|
60
60
|
"@testing-library/dom": "8.20.1",
|
|
61
61
|
"@testing-library/jest-dom": "6.5.0",
|
|
62
62
|
"@testing-library/react": "16.0.1",
|
|
63
|
-
"@testing-library/user-event": "14.5.
|
|
64
|
-
"@types/jest": "29.5.
|
|
65
|
-
"@types/react": "18.3.
|
|
63
|
+
"@testing-library/user-event": "14.5.2",
|
|
64
|
+
"@types/jest": "29.5.14",
|
|
65
|
+
"@types/react": "18.3.27",
|
|
66
66
|
"@types/testing-library__jest-dom": "5.14.9",
|
|
67
67
|
"jest": "29.7.0",
|
|
68
68
|
"jest-environment-jsdom": "29.7.0",
|
|
69
69
|
"react": "18.3.1",
|
|
70
70
|
"rollup": "4.23.0",
|
|
71
|
-
"typescript": "5.
|
|
71
|
+
"typescript": "5.9.3",
|
|
72
72
|
"@utrecht/build-utils-react": "0.1.1"
|
|
73
73
|
},
|
|
74
74
|
"peerDependencies": {
|