@utrecht/component-library-react 1.0.0-alpha.40 → 1.0.0-alpha.41

package/dist/cjs/CustomRadioButton.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { InputHTMLAttributes } from 'react';
+export declare type CustomRadioButtonProps = InputHTMLAttributes<HTMLInputElement> & {
+    invalid?: boolean;
+};
+export declare const CustomRadioButton: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
+    invalid?: boolean | undefined;
+} & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/CustomRadioButton.js

@@ -0,0 +1,29 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomRadioButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+exports.CustomRadioButton = react_1.forwardRef((_a, ref) => {
+    var { disabled, required, className, invalid } = _a, restProps = __rest(_a, ["disabled", "required", "className", "invalid"]);
+    return (jsx_runtime_1.jsx("input", Object.assign({ type: "radio", "aria-invalid": invalid || undefined, disabled: disabled, required: required, ref: ref, className: clsx_1.default('utrecht-custom-radio-button', disabled && 'utrecht-custom-radio-button--disabled', invalid && 'utrecht-custom-radio-button--invalid', className) }, restProps), void 0));
+});
+exports.CustomRadioButton.displayName = 'utrecht-custom-radio-button';

package/dist/cjs/index.d.ts

@@ -7,6 +7,7 @@ export { Backdrop } from './Backdrop';
 export { Button, PrimaryActionButton, SecondaryActionButton, SubtleButton } from './Button';
 export { ButtonLink } from './ButtonLink';
 export { Checkbox } from './Checkbox';
+export { CustomRadioButton } from './CustomRadioButton';
 export { Document } from './Document';
 export { Fieldset } from './Fieldset';
 export { FieldsetLegend } from './FieldsetLegend';

package/dist/cjs/index.js

@@ -4,7 +4,7 @@
  * Copyright (c) 2022 Robbert Broersma
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UnorderedListItem = exports.UnorderedList = exports.URLValue = exports.Textbox = exports.Textarea = exports.TableRow = exports.TableHeaderCell = exports.TableHeader = exports.TableFooter = exports.TableCell = exports.TableCaption = exports.TableBody = exports.Table = exports.Surface = exports.Separator = exports.SelectOption = exports.Select = exports.RadioButton = exports.Paragraph = exports.PageHeader = exports.PageFooter = exports.PageContent = exports.Page = exports.OrderedListItem = exports.OrderedList = exports.Link = exports.Heading6 = exports.Heading5 = exports.Heading4 = exports.Heading3 = exports.Heading2 = exports.Heading1 = exports.HTMLContent = exports.FormLabel = exports.FormFieldDescription = exports.FormField = exports.FieldsetLegend = exports.Fieldset = exports.Document = exports.Checkbox = exports.ButtonLink = exports.SubtleButton = exports.SecondaryActionButton = exports.PrimaryActionButton = exports.Button = exports.Backdrop = exports.Article = void 0;
+exports.UnorderedListItem = exports.UnorderedList = exports.URLValue = exports.Textbox = exports.Textarea = exports.TableRow = exports.TableHeaderCell = exports.TableHeader = exports.TableFooter = exports.TableCell = exports.TableCaption = exports.TableBody = exports.Table = exports.Surface = exports.Separator = exports.SelectOption = exports.Select = exports.RadioButton = exports.Paragraph = exports.PageHeader = exports.PageFooter = exports.PageContent = exports.Page = exports.OrderedListItem = exports.OrderedList = exports.Link = exports.Heading6 = exports.Heading5 = exports.Heading4 = exports.Heading3 = exports.Heading2 = exports.Heading1 = exports.HTMLContent = exports.FormLabel = exports.FormFieldDescription = exports.FormField = exports.FieldsetLegend = exports.Fieldset = exports.Document = exports.CustomRadioButton = exports.Checkbox = exports.ButtonLink = exports.SubtleButton = exports.SecondaryActionButton = exports.PrimaryActionButton = exports.Button = exports.Backdrop = exports.Article = void 0;
 var Article_1 = require("./Article");
 Object.defineProperty(exports, "Article", { enumerable: true, get: function () { return Article_1.Article; } });
 var Backdrop_1 = require("./Backdrop");
@@ -18,6 +18,8 @@ var ButtonLink_1 = require("./ButtonLink");
 Object.defineProperty(exports, "ButtonLink", { enumerable: true, get: function () { return ButtonLink_1.ButtonLink; } });
 var Checkbox_1 = require("./Checkbox");
 Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
+var CustomRadioButton_1 = require("./CustomRadioButton");
+Object.defineProperty(exports, "CustomRadioButton", { enumerable: true, get: function () { return CustomRadioButton_1.CustomRadioButton; } });
 var Document_1 = require("./Document");
 Object.defineProperty(exports, "Document", { enumerable: true, get: function () { return Document_1.Document; } });
 var Fieldset_1 = require("./Fieldset");

package/dist/cjs/tsconfig.tsbuildinfo

@@ -201,6 +201,11 @@
         "signature": "19ebb05e622a7b936de314df131ae96f0278f1e377e92e936f521bad9e9cdceb",
         "affectsGlobalScope": false
       },
+      "../../src/CustomRadioButton.tsx": {
+        "version": "62a5be67ae0c29a4fe0334adfa1dc7a6bec2f2b76bf842394d8d1289b45b6f05",
+        "signature": "8c04c5a899d1472dd7c30e2d59b518d7f225ab1289d8cb4e91b4d43a41ab933d",
+        "affectsGlobalScope": false
+      },
       "../../src/Document.tsx": {
         "version": "d4c436e60a687fca027adf7b39708148726965be5e395905ad08d54e1418800b",
         "signature": "e8abd0e96b1ea0af33484093c9725a78eee3b4ccc6ab91c80b05d20ea7dadcbd",
@@ -392,8 +397,8 @@
         "affectsGlobalScope": false
       },
       "../../src/index.ts": {
-        "version": "99525eafee04a166bb50e4fe0ece030db058c184a6cbf23c87c7f714fd144ff9",
-        "signature": "1f5c532a2ec6fc1e93f03c0dd364e44aedaeb8d2c3c22fdb7c93bcb4d372b117",
+        "version": "49960e6e4d953d2c2902c8f726f84f42acaa562e87f2e91eecced1d85bb989db",
+        "signature": "ab97d4783d0bffb31d1bf732fa61578ddea38c4a1bd0ac8d38aa897125c3c796",
         "affectsGlobalScope": false
       },
       "../../../../node_modules/@types/argparse/index.d.ts": {
@@ -2182,6 +2187,14 @@
         "../../node_modules/@types/react/index.d.ts",
         "../../node_modules/@types/react/jsx-runtime.d.ts"
       ],
+      "../../src/CustomRadioButton.tsx": [
+        "../../../../node_modules/@types/jsdom/base.d.ts",
+        "../../../../node_modules/@types/jsdom/index.d.ts",
+        "../../../../node_modules/@types/jsdom/ts4.0/index.d.ts",
+        "../../../../node_modules/clsx/clsx.d.ts",
+        "../../node_modules/@types/react/index.d.ts",
+        "../../node_modules/@types/react/jsx-runtime.d.ts"
+      ],
       "../../src/Document.tsx": [
         "../../../../node_modules/@types/jsdom/base.d.ts",
         "../../../../node_modules/@types/jsdom/index.d.ts",
@@ -2496,6 +2509,7 @@
         "../../src/Button.tsx",
         "../../src/ButtonLink.tsx",
         "../../src/Checkbox.tsx",
+        "../../src/CustomRadioButton.tsx",
         "../../src/Document.tsx",
         "../../src/Fieldset.tsx",
         "../../src/FieldsetLegend.tsx",
@@ -3624,6 +3638,9 @@
       "../../src/Checkbox.tsx": [
         "../../node_modules/@types/react/index.d.ts"
       ],
+      "../../src/CustomRadioButton.tsx": [
+        "../../node_modules/@types/react/index.d.ts"
+      ],
       "../../src/Document.tsx": [
         "../../node_modules/@types/react/index.d.ts"
       ],
@@ -3744,6 +3761,7 @@
         "../../src/Button.tsx",
         "../../src/ButtonLink.tsx",
         "../../src/Checkbox.tsx",
+        "../../src/CustomRadioButton.tsx",
         "../../src/Document.tsx",
         "../../src/Fieldset.tsx",
         "../../src/FieldsetLegend.tsx",
@@ -3954,6 +3972,7 @@
       "../../src/Button.tsx",
       "../../src/ButtonLink.tsx",
       "../../src/Checkbox.tsx",
+      "../../src/CustomRadioButton.tsx",
       "../../src/Document.tsx",
       "../../src/Fieldset.tsx",
       "../../src/FieldsetLegend.tsx",

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.40",
+  "version": "1.0.0-alpha.41",
   "author": "Community for NL Design System",
   "description": "React component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
@@ -50,6 +50,10 @@
       "types": "./dist/cjs/Checkbox.d.ts",
       "default": "./dist/cjs/Checkbox.js"
     },
+    "./CustomRadioButton": {
+      "types": "./dist/cjs/CustomRadioButton.d.ts",
+      "default": "./dist/cjs/CustomRadioButton.js"
+    },
     "./Document": {
       "types": "./dist/cjs/Document.d.ts",
       "default": "./dist/cjs/Document.js"
@@ -223,6 +227,9 @@
       "Checkbox": [
         "./dist/cjs/Checkbox.d.ts"
       ],
+      "CustomRadioButton": [
+        "./dist/cjs/CustomRadioButton.d.ts"
+      ],
       "Document": [
         "./dist/cjs/Document.d.ts"
       ],
@@ -363,5 +370,5 @@
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },
-  "gitHead": "4afaa314a8b210cad14a1642f35e1bfaff1a8674"
+  "gitHead": "858d3b27a1dc14e68389491faa84338539ccd580"
 }