@utrecht/component-library-react 1.0.0-alpha.157 → 1.0.0-alpha.158
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/Figure.d.ts +5 -0
- package/dist/FigureCaption.d.ts +5 -0
- package/dist/index.cjs.js +32 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.esm.js +31 -3
- package/dist/index.esm.js.map +1 -1
- package/package.json +2 -2
package/dist/Figure.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export declare type FigureProps = HTMLAttributes<HTMLElement>;
|
|
3
|
+
export declare const Figure: import("react").ForwardRefExoticComponent<FigureProps & {
|
|
4
|
+
children?: import("react").ReactNode;
|
|
5
|
+
} & import("react").RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export declare type FigureCaptionProps = HTMLAttributes<HTMLElement>;
|
|
3
|
+
export declare const FigureCaption: import("react").ForwardRefExoticComponent<FigureCaptionProps & {
|
|
4
|
+
children?: import("react").ReactNode;
|
|
5
|
+
} & import("react").RefAttributes<HTMLElement>>;
|
package/dist/index.cjs.js
CHANGED
|
@@ -720,7 +720,7 @@ var Fieldset = /*#__PURE__*/react.forwardRef(function (_a, ref) {
|
|
|
720
720
|
|
|
721
721
|
return jsxRuntime.jsx("fieldset", Object.assign({}, restProps, {
|
|
722
722
|
ref: ref,
|
|
723
|
-
className: clsx__default["default"]('utrecht-form-fieldset', 'utrecht-form-fieldset--
|
|
723
|
+
className: clsx__default["default"]('utrecht-form-fieldset', 'utrecht-form-fieldset--html-fieldset', className)
|
|
724
724
|
}, {
|
|
725
725
|
children: children
|
|
726
726
|
}));
|
|
@@ -734,13 +734,41 @@ var FieldsetLegend = /*#__PURE__*/react.forwardRef(function (_a, ref) {
|
|
|
734
734
|
|
|
735
735
|
return jsxRuntime.jsx("legend", Object.assign({}, restProps, {
|
|
736
736
|
ref: ref,
|
|
737
|
-
className: clsx__default["default"]('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--
|
|
737
|
+
className: clsx__default["default"]('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className)
|
|
738
738
|
}, {
|
|
739
739
|
children: children
|
|
740
740
|
}));
|
|
741
741
|
});
|
|
742
742
|
FieldsetLegend.displayName = 'FieldsetLegend';
|
|
743
743
|
|
|
744
|
+
var Figure = /*#__PURE__*/react.forwardRef(function (_a, ref) {
|
|
745
|
+
var className = _a.className,
|
|
746
|
+
children = _a.children,
|
|
747
|
+
restProps = tslib.__rest(_a, ["className", "children"]);
|
|
748
|
+
|
|
749
|
+
return jsxRuntime.jsx("figure", Object.assign({}, restProps, {
|
|
750
|
+
ref: ref,
|
|
751
|
+
className: clsx__default["default"]('utrecht-figure', className)
|
|
752
|
+
}, {
|
|
753
|
+
children: children
|
|
754
|
+
}));
|
|
755
|
+
});
|
|
756
|
+
Figure.displayName = 'Figure';
|
|
757
|
+
|
|
758
|
+
var FigureCaption = /*#__PURE__*/react.forwardRef(function (_a, ref) {
|
|
759
|
+
var className = _a.className,
|
|
760
|
+
children = _a.children,
|
|
761
|
+
restProps = tslib.__rest(_a, ["className", "children"]);
|
|
762
|
+
|
|
763
|
+
return jsxRuntime.jsx("figcaption", Object.assign({}, restProps, {
|
|
764
|
+
ref: ref,
|
|
765
|
+
className: clsx__default["default"]('utrecht-figure__caption', className)
|
|
766
|
+
}, {
|
|
767
|
+
children: children
|
|
768
|
+
}));
|
|
769
|
+
});
|
|
770
|
+
FigureCaption.displayName = 'FigureCaption';
|
|
771
|
+
|
|
744
772
|
var FormField = /*#__PURE__*/react.forwardRef(function (_a, ref) {
|
|
745
773
|
var className = _a.className,
|
|
746
774
|
children = _a.children,
|
|
@@ -1463,6 +1491,8 @@ exports.Document = Document;
|
|
|
1463
1491
|
exports.Emphasis = Emphasis;
|
|
1464
1492
|
exports.Fieldset = Fieldset;
|
|
1465
1493
|
exports.FieldsetLegend = FieldsetLegend;
|
|
1494
|
+
exports.Figure = Figure;
|
|
1495
|
+
exports.FigureCaption = FigureCaption;
|
|
1466
1496
|
exports.FormField = FormField;
|
|
1467
1497
|
exports.FormFieldDescription = FormFieldDescription;
|
|
1468
1498
|
exports.FormLabel = FormLabel;
|
package/dist/index.cjs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -15,6 +15,8 @@ export { DataList, DataListItem, DataListActions, DataListKey, DataListValue } f
|
|
|
15
15
|
export { Emphasis } from './Emphasis';
|
|
16
16
|
export { Fieldset } from './Fieldset';
|
|
17
17
|
export { FieldsetLegend } from './FieldsetLegend';
|
|
18
|
+
export { Figure } from './Figure';
|
|
19
|
+
export { FigureCaption } from './FigureCaption';
|
|
18
20
|
export { FormField } from './FormField';
|
|
19
21
|
export { FormFieldDescription } from './FormFieldDescription';
|
|
20
22
|
export { FormLabel } from './FormLabel';
|
package/dist/index.esm.js
CHANGED
|
@@ -711,7 +711,7 @@ var Fieldset = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
711
711
|
|
|
712
712
|
return jsx("fieldset", Object.assign({}, restProps, {
|
|
713
713
|
ref: ref,
|
|
714
|
-
className: clsx('utrecht-form-fieldset', 'utrecht-form-fieldset--
|
|
714
|
+
className: clsx('utrecht-form-fieldset', 'utrecht-form-fieldset--html-fieldset', className)
|
|
715
715
|
}, {
|
|
716
716
|
children: children
|
|
717
717
|
}));
|
|
@@ -725,13 +725,41 @@ var FieldsetLegend = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
725
725
|
|
|
726
726
|
return jsx("legend", Object.assign({}, restProps, {
|
|
727
727
|
ref: ref,
|
|
728
|
-
className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--
|
|
728
|
+
className: clsx('utrecht-form-fieldset__legend', 'utrecht-form-fieldset__legend--html-legend', className)
|
|
729
729
|
}, {
|
|
730
730
|
children: children
|
|
731
731
|
}));
|
|
732
732
|
});
|
|
733
733
|
FieldsetLegend.displayName = 'FieldsetLegend';
|
|
734
734
|
|
|
735
|
+
var Figure = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
736
|
+
var className = _a.className,
|
|
737
|
+
children = _a.children,
|
|
738
|
+
restProps = __rest(_a, ["className", "children"]);
|
|
739
|
+
|
|
740
|
+
return jsx("figure", Object.assign({}, restProps, {
|
|
741
|
+
ref: ref,
|
|
742
|
+
className: clsx('utrecht-figure', className)
|
|
743
|
+
}, {
|
|
744
|
+
children: children
|
|
745
|
+
}));
|
|
746
|
+
});
|
|
747
|
+
Figure.displayName = 'Figure';
|
|
748
|
+
|
|
749
|
+
var FigureCaption = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
750
|
+
var className = _a.className,
|
|
751
|
+
children = _a.children,
|
|
752
|
+
restProps = __rest(_a, ["className", "children"]);
|
|
753
|
+
|
|
754
|
+
return jsx("figcaption", Object.assign({}, restProps, {
|
|
755
|
+
ref: ref,
|
|
756
|
+
className: clsx('utrecht-figure__caption', className)
|
|
757
|
+
}, {
|
|
758
|
+
children: children
|
|
759
|
+
}));
|
|
760
|
+
});
|
|
761
|
+
FigureCaption.displayName = 'FigureCaption';
|
|
762
|
+
|
|
735
763
|
var FormField = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
736
764
|
var className = _a.className,
|
|
737
765
|
children = _a.children,
|
|
@@ -1437,5 +1465,5 @@ var UnorderedListItem = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
1437
1465
|
});
|
|
1438
1466
|
UnorderedListItem.displayName = 'UnorderedListItem';
|
|
1439
1467
|
|
|
1440
|
-
export { Article, Backdrop, Button, ButtonGroup, ButtonLink, Calendar, Checkbox, CustomRadioButton, DataList, DataListActions, DataListItem, DataListKey, DataListValue, Document, Emphasis, Fieldset, FieldsetLegend, FormField, FormFieldDescription, FormLabel, HTMLContent, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, Image, Link, LinkButton, LinkSocial, ListSocial, ListSocialItem, NumberValue, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PrimaryActionButton, RadioButton, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, Strong, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLValue, UnorderedList, UnorderedListItem };
|
|
1468
|
+
export { Article, Backdrop, Button, ButtonGroup, ButtonLink, Calendar, Checkbox, CustomRadioButton, DataList, DataListActions, DataListItem, DataListKey, DataListValue, Document, Emphasis, Fieldset, FieldsetLegend, Figure, FigureCaption, FormField, FormFieldDescription, FormLabel, HTMLContent, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, Image, Link, LinkButton, LinkSocial, ListSocial, ListSocialItem, NumberValue, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PrimaryActionButton, RadioButton, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, Strong, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLValue, UnorderedList, UnorderedListItem };
|
|
1441
1469
|
//# sourceMappingURL=index.esm.js.map
|
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.0.0-alpha.
|
|
2
|
+
"version": "1.0.0-alpha.158",
|
|
3
3
|
"author": "Community for NL Design System",
|
|
4
4
|
"description": "React component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
|
|
5
5
|
"license": "EUPL-1.2",
|
|
@@ -73,5 +73,5 @@
|
|
|
73
73
|
"react": "16 - 18",
|
|
74
74
|
"react-dom": "16 - 18"
|
|
75
75
|
},
|
|
76
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "74bda3f0e7fcaf2dc4fd79da7a4494ccb06f060f"
|
|
77
77
|
}
|