@utrecht/component-library-react 1.0.0-alpha.154 → 1.0.0-alpha.155
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/Emphasis.d.ts +10 -0
- package/dist/Strong.d.ts +10 -0
- package/dist/index.cjs.js +31 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.esm.js +30 -2
- package/dist/index.esm.js.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license EUPL-1.2
|
|
3
|
+
* Copyright (c) 2021 Gemeente Utrecht
|
|
4
|
+
* Copyright (c) 2021 Robbert Broersma
|
|
5
|
+
*/
|
|
6
|
+
import { HTMLAttributes } from 'react';
|
|
7
|
+
export declare type EmphasisProps = HTMLAttributes<HTMLElement>;
|
|
8
|
+
export declare const Emphasis: import("react").ForwardRefExoticComponent<EmphasisProps & {
|
|
9
|
+
children?: import("react").ReactNode;
|
|
10
|
+
} & import("react").RefAttributes<HTMLElement>>;
|
package/dist/Strong.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license EUPL-1.2
|
|
3
|
+
* Copyright (c) 2021 Gemeente Utrecht
|
|
4
|
+
* Copyright (c) 2021 Robbert Broersma
|
|
5
|
+
*/
|
|
6
|
+
import { HTMLAttributes } from 'react';
|
|
7
|
+
export declare type StrongProps = HTMLAttributes<HTMLElement>;
|
|
8
|
+
export declare const Strong: import("react").ForwardRefExoticComponent<StrongProps & {
|
|
9
|
+
children?: import("react").ReactNode;
|
|
10
|
+
} & import("react").RefAttributes<HTMLElement>>;
|
package/dist/index.cjs.js
CHANGED
|
@@ -694,6 +694,20 @@ var DataListActions = /*#__PURE__*/react.forwardRef(function (_a, ref) {
|
|
|
694
694
|
});
|
|
695
695
|
DataListActions.displayName = 'DataListActions';
|
|
696
696
|
|
|
697
|
+
var Emphasis = /*#__PURE__*/react.forwardRef(function (_a, ref) {
|
|
698
|
+
var children = _a.children,
|
|
699
|
+
className = _a.className,
|
|
700
|
+
restProps = tslib.__rest(_a, ["children", "className"]);
|
|
701
|
+
|
|
702
|
+
return jsxRuntime.jsx("em", Object.assign({
|
|
703
|
+
ref: ref,
|
|
704
|
+
className: clsx__default["default"]('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
|
|
705
|
+
}, restProps, {
|
|
706
|
+
children: children
|
|
707
|
+
}));
|
|
708
|
+
});
|
|
709
|
+
Emphasis.displayName = 'Emphasis';
|
|
710
|
+
|
|
697
711
|
var Fieldset = /*#__PURE__*/react.forwardRef(function (_a, ref) {
|
|
698
712
|
var className = _a.className,
|
|
699
713
|
children = _a.children,
|
|
@@ -729,7 +743,7 @@ var FormField = /*#__PURE__*/react.forwardRef(function (_a, ref) {
|
|
|
729
743
|
|
|
730
744
|
return jsxRuntime.jsx("div", Object.assign({}, restProps, {
|
|
731
745
|
ref: ref,
|
|
732
|
-
className: clsx__default["default"]('utrecht-form-field',
|
|
746
|
+
className: clsx__default["default"]('utrecht-form-field', className)
|
|
733
747
|
}, {
|
|
734
748
|
children: children
|
|
735
749
|
}));
|
|
@@ -1191,6 +1205,20 @@ var SkipLink = /*#__PURE__*/react.forwardRef(function (_a, ref) {
|
|
|
1191
1205
|
});
|
|
1192
1206
|
SkipLink.displayName = 'SkipLink';
|
|
1193
1207
|
|
|
1208
|
+
var Strong = /*#__PURE__*/react.forwardRef(function (_a, ref) {
|
|
1209
|
+
var children = _a.children,
|
|
1210
|
+
className = _a.className,
|
|
1211
|
+
restProps = tslib.__rest(_a, ["children", "className"]);
|
|
1212
|
+
|
|
1213
|
+
return jsxRuntime.jsx("strong", Object.assign({
|
|
1214
|
+
ref: ref,
|
|
1215
|
+
className: clsx__default["default"]('utrecht-emphasis', 'utrecht-emphasis--strong', className)
|
|
1216
|
+
}, restProps, {
|
|
1217
|
+
children: children
|
|
1218
|
+
}));
|
|
1219
|
+
});
|
|
1220
|
+
Strong.displayName = 'Strong';
|
|
1221
|
+
|
|
1194
1222
|
var Surface = /*#__PURE__*/react.forwardRef(function (_a, ref) {
|
|
1195
1223
|
var children = _a.children,
|
|
1196
1224
|
className = _a.className,
|
|
@@ -1420,6 +1448,7 @@ exports.DataListItem = DataListItem;
|
|
|
1420
1448
|
exports.DataListKey = DataListKey;
|
|
1421
1449
|
exports.DataListValue = DataListValue;
|
|
1422
1450
|
exports.Document = Document;
|
|
1451
|
+
exports.Emphasis = Emphasis;
|
|
1423
1452
|
exports.Fieldset = Fieldset;
|
|
1424
1453
|
exports.FieldsetLegend = FieldsetLegend;
|
|
1425
1454
|
exports.FormField = FormField;
|
|
@@ -1456,6 +1485,7 @@ exports.Select = Select;
|
|
|
1456
1485
|
exports.SelectOption = SelectOption;
|
|
1457
1486
|
exports.Separator = Separator;
|
|
1458
1487
|
exports.SkipLink = SkipLink;
|
|
1488
|
+
exports.Strong = Strong;
|
|
1459
1489
|
exports.SubtleButton = SubtleButton;
|
|
1460
1490
|
exports.Surface = Surface;
|
|
1461
1491
|
exports.Table = Table;
|
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
|
@@ -12,6 +12,7 @@ export { Checkbox } from './Checkbox';
|
|
|
12
12
|
export { CustomRadioButton } from './CustomRadioButton';
|
|
13
13
|
export { Document } from './Document';
|
|
14
14
|
export { DataList, DataListItem, DataListActions, DataListKey, DataListValue } from './DataList';
|
|
15
|
+
export { Emphasis } from './Emphasis';
|
|
15
16
|
export { Fieldset } from './Fieldset';
|
|
16
17
|
export { FieldsetLegend } from './FieldsetLegend';
|
|
17
18
|
export { FormField } from './FormField';
|
|
@@ -44,6 +45,7 @@ export { RadioButton } from './RadioButton';
|
|
|
44
45
|
export { Select, SelectOption } from './Select';
|
|
45
46
|
export { Separator } from './Separator';
|
|
46
47
|
export { SkipLink } from './SkipLink';
|
|
48
|
+
export { Strong } from './Strong';
|
|
47
49
|
export { Surface } from './Surface';
|
|
48
50
|
export { Table } from './Table';
|
|
49
51
|
export { TableBody } from './TableBody';
|
package/dist/index.esm.js
CHANGED
|
@@ -685,6 +685,20 @@ var DataListActions = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
685
685
|
});
|
|
686
686
|
DataListActions.displayName = 'DataListActions';
|
|
687
687
|
|
|
688
|
+
var Emphasis = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
689
|
+
var children = _a.children,
|
|
690
|
+
className = _a.className,
|
|
691
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
692
|
+
|
|
693
|
+
return jsx("em", Object.assign({
|
|
694
|
+
ref: ref,
|
|
695
|
+
className: clsx('utrecht-emphasis', 'utrecht-emphasis--stressed', className)
|
|
696
|
+
}, restProps, {
|
|
697
|
+
children: children
|
|
698
|
+
}));
|
|
699
|
+
});
|
|
700
|
+
Emphasis.displayName = 'Emphasis';
|
|
701
|
+
|
|
688
702
|
var Fieldset = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
689
703
|
var className = _a.className,
|
|
690
704
|
children = _a.children,
|
|
@@ -720,7 +734,7 @@ var FormField = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
720
734
|
|
|
721
735
|
return jsx("div", Object.assign({}, restProps, {
|
|
722
736
|
ref: ref,
|
|
723
|
-
className: clsx('utrecht-form-field',
|
|
737
|
+
className: clsx('utrecht-form-field', className)
|
|
724
738
|
}, {
|
|
725
739
|
children: children
|
|
726
740
|
}));
|
|
@@ -1182,6 +1196,20 @@ var SkipLink = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
1182
1196
|
});
|
|
1183
1197
|
SkipLink.displayName = 'SkipLink';
|
|
1184
1198
|
|
|
1199
|
+
var Strong = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1200
|
+
var children = _a.children,
|
|
1201
|
+
className = _a.className,
|
|
1202
|
+
restProps = __rest(_a, ["children", "className"]);
|
|
1203
|
+
|
|
1204
|
+
return jsx("strong", Object.assign({
|
|
1205
|
+
ref: ref,
|
|
1206
|
+
className: clsx('utrecht-emphasis', 'utrecht-emphasis--strong', className)
|
|
1207
|
+
}, restProps, {
|
|
1208
|
+
children: children
|
|
1209
|
+
}));
|
|
1210
|
+
});
|
|
1211
|
+
Strong.displayName = 'Strong';
|
|
1212
|
+
|
|
1185
1213
|
var Surface = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
1186
1214
|
var children = _a.children,
|
|
1187
1215
|
className = _a.className,
|
|
@@ -1397,5 +1425,5 @@ var UnorderedListItem = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
1397
1425
|
});
|
|
1398
1426
|
UnorderedListItem.displayName = 'UnorderedListItem';
|
|
1399
1427
|
|
|
1400
|
-
export { Article, Backdrop, Button, ButtonGroup, ButtonLink, Calendar, Checkbox, CustomRadioButton, DataList, DataListActions, DataListItem, DataListKey, DataListValue, Document, 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, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLValue, UnorderedList, UnorderedListItem };
|
|
1428
|
+
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 };
|
|
1401
1429
|
//# 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.155",
|
|
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": "eefef66129a595d2a749ef29413e41bbab5be527"
|
|
77
77
|
}
|