@utrecht/component-library-react 1.0.0-alpha.130 → 1.0.0-alpha.131

package/dist/HeadingGroup.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2022 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+declare type HeadingGroupProps = HTMLAttributes<HTMLElement>;
+export declare const HeadingGroup: import("react").ForwardRefExoticComponent<HeadingGroupProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;
+export {};

package/dist/Image.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { ImgHTMLAttributes } from 'react';
+export interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+    photo?: boolean;
+}
+export declare const Image: import("react").ForwardRefExoticComponent<ImageProps & import("react").RefAttributes<HTMLImageElement>>;

package/dist/PreHeading.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license EUPL-1.2
+ * Copyright (c) 2021 Robbert Broersma
+ */
+import { HTMLAttributes } from 'react';
+declare type PreHeadingProps = HTMLAttributes<HTMLParagraphElement>;
+export declare const PreHeading: import("react").ForwardRefExoticComponent<PreHeadingProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLParagraphElement>>;
+export {};

package/dist/index.cjs.js

@@ -430,6 +430,34 @@ var Heading6 = /*#__PURE__*/react.forwardRef(function (_a, ref) {
 });
 Heading6.displayName = 'Heading6';
 
+var HeadingGroup = /*#__PURE__*/react.forwardRef(function (_a, ref) {
+  var children = _a.children,
+      className = _a.className,
+      restProps = tslib.__rest(_a, ["children", "className"]);
+
+  return jsxRuntime.jsx("hgroup", Object.assign({}, restProps, {
+    ref: ref,
+    className: clsx__default["default"]('utrecht-heading-group', className)
+  }, {
+    children: children
+  }));
+});
+HeadingGroup.displayName = 'HeadingGroup';
+
+var Image = /*#__PURE__*/react.forwardRef(function (_a, ref) {
+  var className = _a.className,
+      photo = _a.photo,
+      restProps = tslib.__rest(_a, ["className", "photo"]);
+
+  return jsxRuntime.jsx("img", Object.assign({}, restProps, {
+    ref: ref,
+    className: clsx__default["default"]('utrecht-img', {
+      'utrecht-img--photo': photo
+    }, className)
+  }));
+});
+Image.displayName = 'Image';
+
 var Link = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var boxContent = _a.boxContent,
       children = _a.children,
@@ -601,6 +629,20 @@ var Paragraph = /*#__PURE__*/react.forwardRef(function (_a, ref) {
 });
 Paragraph.displayName = 'Paragraph';
 
+var PreHeading = /*#__PURE__*/react.forwardRef(function (_a, ref) {
+  var children = _a.children,
+      className = _a.className,
+      restProps = tslib.__rest(_a, ["children", "className"]);
+
+  return jsxRuntime.jsx("p", Object.assign({}, restProps, {
+    ref: ref,
+    className: clsx__default["default"]('utrecht-pre-heading', className)
+  }, {
+    children: children
+  }));
+});
+PreHeading.displayName = 'PreHeading';
+
 var RadioButton = /*#__PURE__*/react.forwardRef(function (_a, ref) {
   var invalid = _a.invalid,
       className = _a.className,
@@ -920,6 +962,8 @@ exports.Heading3 = Heading3;
 exports.Heading4 = Heading4;
 exports.Heading5 = Heading5;
 exports.Heading6 = Heading6;
+exports.HeadingGroup = HeadingGroup;
+exports.Image = Image;
 exports.Link = Link;
 exports.LinkButton = LinkButton;
 exports.NumberValue = NumberValue;
@@ -930,6 +974,7 @@ exports.PageContent = PageContent;
 exports.PageFooter = PageFooter;
 exports.PageHeader = PageHeader;
 exports.Paragraph = Paragraph;
+exports.PreHeading = PreHeading;
 exports.PrimaryActionButton = PrimaryActionButton;
 exports.RadioButton = RadioButton;
 exports.SecondaryActionButton = SecondaryActionButton;

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -22,6 +22,8 @@ export { Heading3 } from './Heading3';
 export { Heading4 } from './Heading4';
 export { Heading5 } from './Heading5';
 export { Heading6 } from './Heading6';
+export { HeadingGroup } from './HeadingGroup';
+export { Image } from './Image';
 export { Link } from './Link';
 export { LinkButton } from './LinkButton';
 export { NumberValue } from './NumberValue';
@@ -32,6 +34,7 @@ export { PageContent } from './PageContent';
 export { PageFooter } from './PageFooter';
 export { PageHeader } from './PageHeader';
 export { Paragraph } from './Paragraph';
+export { PreHeading } from './PreHeading';
 export { RadioButton } from './RadioButton';
 export { Select, SelectOption } from './Select';
 export { Separator } from './Separator';

package/dist/index.esm.js

@@ -422,6 +422,34 @@ var Heading6 = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Heading6.displayName = 'Heading6';
 
+var HeadingGroup = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+      className = _a.className,
+      restProps = __rest(_a, ["children", "className"]);
+
+  return jsx("hgroup", Object.assign({}, restProps, {
+    ref: ref,
+    className: clsx('utrecht-heading-group', className)
+  }, {
+    children: children
+  }));
+});
+HeadingGroup.displayName = 'HeadingGroup';
+
+var Image = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var className = _a.className,
+      photo = _a.photo,
+      restProps = __rest(_a, ["className", "photo"]);
+
+  return jsx("img", Object.assign({}, restProps, {
+    ref: ref,
+    className: clsx('utrecht-img', {
+      'utrecht-img--photo': photo
+    }, className)
+  }));
+});
+Image.displayName = 'Image';
+
 var Link = /*#__PURE__*/forwardRef(function (_a, ref) {
   var boxContent = _a.boxContent,
       children = _a.children,
@@ -593,6 +621,20 @@ var Paragraph = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 Paragraph.displayName = 'Paragraph';
 
+var PreHeading = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+      className = _a.className,
+      restProps = __rest(_a, ["children", "className"]);
+
+  return jsx("p", Object.assign({}, restProps, {
+    ref: ref,
+    className: clsx('utrecht-pre-heading', className)
+  }, {
+    children: children
+  }));
+});
+PreHeading.displayName = 'PreHeading';
+
 var RadioButton = /*#__PURE__*/forwardRef(function (_a, ref) {
   var invalid = _a.invalid,
       className = _a.className,
@@ -888,5 +930,5 @@ var UnorderedListItem = /*#__PURE__*/forwardRef(function (_a, ref) {
 });
 UnorderedListItem.displayName = 'UnorderedListItem';
 
-export { Article, Backdrop, Button, ButtonLink, Checkbox, CustomRadioButton, DataList, DataListActions, DataListItem, DataListKey, DataListValue, Document, Fieldset, FieldsetLegend, FormField, FormFieldDescription, FormLabel, HTMLContent, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Link, LinkButton, NumberValue, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PrimaryActionButton, RadioButton, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLValue, UnorderedList, UnorderedListItem };
+export { Article, Backdrop, Button, ButtonLink, Checkbox, CustomRadioButton, DataList, DataListActions, DataListItem, DataListKey, DataListValue, Document, Fieldset, FieldsetLegend, FormField, FormFieldDescription, FormLabel, HTMLContent, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, Image, Link, LinkButton, NumberValue, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PrimaryActionButton, RadioButton, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLValue, UnorderedList, UnorderedListItem };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.130",
+  "version": "1.0.0-alpha.131",
   "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",
@@ -18,6 +18,7 @@
   "sideEffects": false,
   "scripts": {
     "build": "rollup -c",
+    "build:watch": "rollup -c --watch",
     "clean": "rimraf dist/ pages/",
     "lint": "tsc --project ./tsconfig.json --noEmit && tsc --noEmit --project ./tsconfig.test.json",
     "test": "mkdir -p pages && NODE_OPTIONS=--experimental-vm-modules jest --verbose",
@@ -68,5 +69,5 @@
     "react": "16 - 18",
     "react-dom": "16 - 18"
   },
-  "gitHead": "72672bd52ad8395b99b46f6fb24d17de0518f190"
+  "gitHead": "71d7026847c3ab2bfd0560b543ea6424c5143cca"
 }