@utrecht/root-react 1.0.1 → 1.0.2

package/package.json

@@ -1,17 +1,60 @@
 {
   "name": "@utrecht/root-react",
-  "version": "1.0.1",
-  "author": "Community for NL Design System",
+  "version": "1.0.2",
   "description": "Root component for the Municipality of Utrecht based on the NL Design System architecture",
+  "keywords": [
+    "nl-design-system"
+  ],
+  "homepage": "https://github.com/nl-design-system/utrecht/tree/main/packages/components-react/root-react#readme",
+  "bugs": {
+    "url": "https://github.com/nl-design-system/utrecht/issues"
+  },
+  "repository": {
+    "type": "git+ssh",
+    "url": "git+https://github.com/nl-design-system/utrecht.git",
+    "directory": "packages/components-react/root-react"
+  },
   "license": "EUPL-1.2",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
-  "types": "./dist/index.d.ts",
+  "author": "Community for NL Design System",
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./css": {
+      "types": "./dist/css.d.ts",
+      "import": "./dist/css.mjs"
+    },
+    "./dist": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./dist/index": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./dist/index.mjs": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./dist/css": {
+      "types": "./dist/css.d.ts",
+      "import": "./dist/css.mjs"
+    },
+    "./dist/css.mjs": {
+      "types": "./dist/css.d.ts",
+      "import": "./dist/css.mjs"
+    }
+  },
   "files": [
     "dist/",
     "src/"
   ],
-  "sideEffects": false,
+  "dependencies": {
+    "clsx": "2.1.1"
+  },
   "devDependencies": {
     "@testing-library/dom": "8.20.1",
     "@testing-library/jest-dom": "6.5.0",
@@ -28,28 +71,18 @@
     "@utrecht/build-utils-react": "0.0.1",
     "@utrecht/root-css": "1.0.0"
   },
-  "keywords": [
-    "nl-design-system"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "repository": {
-    "type": "git+ssh",
-    "url": "git@github.com:nl-design-system/utrecht.git",
-    "directory": "packages/components-react/root-react"
-  },
   "peerDependencies": {
     "@babel/runtime": "*",
     "react": "18",
     "react-dom": "18"
   },
-  "dependencies": {
-    "clsx": "2.1.1"
+  "publishConfig": {
+    "access": "public"
   },
   "scripts": {
-    "clean": "rimraf dist *.tsbuildinfo .rollup.cache coverage",
     "build": "rollup --config ./rollup.config.mjs",
+    "clean": "rimraf dist *.tsbuildinfo .rollup.cache coverage",
+    "init": "init-react-package",
     "test": "mkdir -p pages && jest --coverage --verbose",
     "typecheck": "tsc --noEmit"
   }

package/dist/css.cjs

@@ -1,45 +0,0 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var react = require('react');
-
-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);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}";
-
-var insertStyle = function insertStyle(css) {
-  if (typeof document !== 'undefined') {
-    var head = document.head || document.getElementsByTagName('head')[0];
-    var style = document.createElement('style');
-    style.appendChild(document.createTextNode(css));
-    head.appendChild(style);
-  }
-};
-
-var _excluded = ["children", "className", "Component"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Root = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$Component = _ref.Component,
-    Component = _ref$Component === void 0 ? 'html' : _ref$Component,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, restProps), {}, {
-    ref: ref,
-    className: clsx('utrecht-root', className),
-    children: children
-  }));
-});
-Root.displayName = 'Root';
-
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-insertStyle(css);
-
-exports.Root = Root;
-//# sourceMappingURL=css.cjs.map

package/dist/css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"css.cjs","sources":["../../../../components/root/dist/index.mjs","../src/insert-style.ts","../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);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}\";\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","/**\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":["insertStyle","css","document","head","getElementsByTagName","style","createElement","appendChild","createTextNode","Root","forwardRef","_ref","ref","children","className","_ref$Component","Component","restProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","clsx","displayName"],"mappings":";;;;;;;;AAAA,UAAe,4aAA4a;;ACApb,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAaC,GAAW,EAAA;AAC9C,EAAA,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;AACnC,IAAA,IAAIC,IAAI,GAAGD,QAAQ,CAACC,IAAI,IAAID,QAAQ,CAACE,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;AACpE,IAAA,IAAIC,KAAK,GAAGH,QAAQ,CAACI,aAAa,CAAC,OAAO,CAAC,CAAA;IAC3CD,KAAK,CAACE,WAAW,CAACL,QAAQ,CAACM,cAAc,CAACP,GAAG,CAAC,CAAC,CAAA;AAC/CE,IAAAA,IAAI,CAACI,WAAW,CAACF,KAAK,CAAC,CAAA;AACzB,GAAA;AACF,CAAC;;;;;ACUM,IAAMI,IAAI,gBAAGC,gBAAU,CAC5B,UAAAC,IAAA,EAOEC,GAA8B,EAAA;AAAA,EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,cAAA,GAAAJ,IAAA,CACTK,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,cAAA;AACfE,IAAAA,SAAS,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;EAAA,OAIdC,cAAA,CAACJ,SAAS,EAAAK,aAAA,CAAAA,aAAA,KAAKJ,SAAS,CAAA,EAAA,EAAA,EAAA;AAAEL,IAAAA,GAAG,EAAEA,GAAU;AAAEE,IAAAA,SAAS,EAAEQ,IAAI,CAAC,cAAc,EAAER,SAAS,CAAC;cAClFD,QAAAA;AAAQ,GAAA,CAAA,CACC,CAAA;AAAA,CACb,EACF;AAEDJ,IAAI,CAACc,WAAW,GAAG,MAAM;;ACjCzB;;;;AAIG;AAKHvB,WAAW,CAACC,GAAG,CAAC;;;;"}

package/dist/index.cjs

@@ -1,27 +0,0 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var react = require('react');
-
-var _excluded = ["children", "className", "Component"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Root = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$Component = _ref.Component,
-    Component = _ref$Component === void 0 ? 'html' : _ref$Component,
-    restProps = _objectWithoutProperties(_ref, _excluded);
-  return jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, restProps), {}, {
-    ref: ref,
-    className: clsx('utrecht-root', className),
-    children: children
-  }));
-});
-Root.displayName = 'Root';
-
-exports.Root = Root;
-//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../src/index.tsx"],"sourcesContent":["/**\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"],"names":["Root","forwardRef","_ref","ref","children","className","_ref$Component","Component","restProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","clsx","displayName"],"mappings":";;;;;;;;;;;AAiBO,IAAMA,IAAI,gBAAGC,gBAAU,CAC5B,UAAAC,IAAA,EAOEC,GAA8B,EAAA;AAAA,EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,cAAA,GAAAJ,IAAA,CACTK,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,cAAA;AACfE,IAAAA,SAAS,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;EAAA,OAIdC,cAAA,CAACJ,SAAS,EAAAK,aAAA,CAAAA,aAAA,KAAKJ,SAAS,CAAA,EAAA,EAAA,EAAA;AAAEL,IAAAA,GAAG,EAAEA,GAAU;AAAEE,IAAAA,SAAS,EAAEQ,IAAI,CAAC,cAAc,EAAER,SAAS,CAAC;cAClFD,QAAAA;AAAQ,GAAA,CAAA,CACC,CAAA;AAAA,CACb,EACF;AAEDJ,IAAI,CAACc,WAAW,GAAG,MAAM;;;;"}