@utrecht/component-library-react 1.0.0-alpha.393 → 1.0.0-alpha.394

package/dist/index.cjs.js

@@ -502,18 +502,18 @@ var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
   var headingId = label ? react.useId() : undefined;
   return jsxRuntime.jsxs("nav", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-breadcrumb', 'utrecht-breadcrumb--html-ol', {
-      'utrecht-breadcrumb--arrows': appearance === 'arrows'
+    className: clsx('utrecht-breadcrumb-nav', 'utrecht-breadcrumb-nav--html-ol', {
+      'utrecht-breadcrumb-nav--arrows': appearance === 'arrows'
     }, className),
     "aria-labelledby": headingId,
     children: [label && jsxRuntime.jsx(Heading, {
       id: headingId,
-      className: "utrecht-breadcrumb__heading",
+      className: "utrecht-breadcrumb-nav__heading",
       level: headingLevel,
       "aria-hidden": "true",
       children: label
     }), jsxRuntime.jsx("ol", _objectSpread$14(_objectSpread$14({
-      className: "utrecht-breadcrumb__list utrecht-breadcrumb__list--html-ol"
+      className: "utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol"
     }, useMicrodataItem({
       type: 'https://schema.org/BreadcrumbList'
     })), {}, {
@@ -522,12 +522,12 @@ var BreadcrumbNav = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
   }));
 });
 BreadcrumbNav.displayName = 'BreadcrumbNav';
-var BreadcrumbItem = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
+var BreadcrumbNavItem = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
   var className = _ref3.className,
     children = _ref3.children,
     restProps = _objectWithoutProperties(_ref3, _excluded2$4);
   return jsxRuntime.jsx("li", _objectSpread$14(_objectSpread$14(_objectSpread$14({
-    className: clsx('utrecht-breadcrumb__item', className)
+    className: clsx('utrecht-breadcrumb-nav__item', className)
   }, useMicrodataItem({
     type: 'https://schema.org/ListItem',
     prop: 'itemListElement'
@@ -537,8 +537,8 @@ var BreadcrumbItem = /*#__PURE__*/react.forwardRef(function (_ref3, ref) {
     children: children
   }));
 });
-BreadcrumbItem.displayName = 'BreadcrumbItem';
-var BreadcrumbSeparator = /*#__PURE__*/react.forwardRef(function (_ref4, ref) {
+BreadcrumbNavItem.displayName = 'BreadcrumbNavItem';
+var BreadcrumbNavSeparator = /*#__PURE__*/react.forwardRef(function (_ref4, ref) {
   var className = _ref4.className,
     children = _ref4.children,
     restProps = _objectWithoutProperties(_ref4, _excluded3$1);
@@ -546,16 +546,16 @@ var BreadcrumbSeparator = /*#__PURE__*/react.forwardRef(function (_ref4, ref) {
     "aria-hidden": "true",
     hidden: true,
     style: {
-      display: 'var(--_utrecht-breadcrumb-separator-display, block)'
+      display: 'var(--_utrecht-breadcrumb-nav-separator-display, block)'
     },
-    className: clsx('utrecht-breadcrumb__separator', 'utrecht-breadcrumb__separator--html-li', className),
+    className: clsx('utrecht-breadcrumb-nav__separator', 'utrecht-breadcrumb-nav__separator--html-li', className),
     ref: ref
   }, restProps), {}, {
     children: children
   }));
 });
-BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';
-var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
+BreadcrumbNavSeparator.displayName = 'BreadcrumbNavSeparator';
+var BreadcrumbNavLink = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
   var children = _ref5.children,
     disabled = _ref5.disabled,
     current = _ref5.current,
@@ -569,11 +569,11 @@ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
     restProps = _objectWithoutProperties(_ref5, _excluded4$1);
   var DefaultLinkComponent = Link$1;
   var LinkComponent = Link$1 || DefaultLinkComponent;
-  return jsxRuntime.jsx(BreadcrumbItem, {
+  return jsxRuntime.jsx(BreadcrumbNavItem, {
     children: jsxRuntime.jsxs(LinkComponent, _objectSpread$14(_objectSpread$14(_objectSpread$14({
-      className: clsx('utrecht-breadcrumb__link', className, {
-        'utrecht-breadcrumb__link--current': current,
-        'utrecht-breadcrumb__link--disabled': disabled
+      className: clsx('utrecht-breadcrumb-nav__link', className, {
+        'utrecht-breadcrumb-nav__link--current': current,
+        'utrecht-breadcrumb-nav__link--disabled': disabled
       }),
       href: disabled ? undefined : href,
       rel: rel,
@@ -583,7 +583,7 @@ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
     }, useMicrodataProp('item')), restProps), {}, {
       ref: ref,
       children: [jsxRuntime.jsx("span", _objectSpread$14(_objectSpread$14({
-        className: "utrecht-breadcrumb__text"
+        className: "utrecht-breadcrumb-nav__text"
       }, useMicrodataProp('name')), {}, {
         children: children
       })), typeof index === 'number' ? jsxRuntime.jsx("meta", _objectSpread$14(_objectSpread$14({}, useMicrodataProp('position')), {}, {
@@ -592,7 +592,7 @@ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref5, ref) {
     }))
   });
 });
-BreadcrumbLink.displayName = 'BreadcrumbLink';
+BreadcrumbNavLink.displayName = 'BreadcrumbNavLink';
 
 var _excluded$12 = ["children", "className"];
 function ownKeys$13(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; }
@@ -2202,9 +2202,9 @@ exports.Article = Article;
 exports.Backdrop = Backdrop;
 exports.BadgeCounter = BadgeCounter;
 exports.BadgeList = BadgeList;
-exports.BreadcrumbLink = BreadcrumbLink;
 exports.BreadcrumbNav = BreadcrumbNav;
-exports.BreadcrumbSeparator = BreadcrumbSeparator;
+exports.BreadcrumbNavLink = BreadcrumbNavLink;
+exports.BreadcrumbNavSeparator = BreadcrumbNavSeparator;
 exports.Button = Button;
 exports.ButtonGroup = ButtonGroup;
 exports.ButtonLink = ButtonLink;

package/dist/index.d.ts

@@ -16,8 +16,8 @@ export type { BadgeCounterProps } from './BadgeCounter';
 export { BadgeCounter } from './BadgeCounter';
 export type { BadgeListProps } from './BadgeList';
 export { BadgeList } from './BadgeList';
-export type { BreadcrumbNavProps, BreadcrumbLinkProps, BreadcrumbSeparatorProps } from './BreadcrumbNav';
-export { BreadcrumbNav, BreadcrumbLink, BreadcrumbSeparator } from './BreadcrumbNav';
+export type { BreadcrumbNavProps, BreadcrumbNavLinkProps, BreadcrumbNavSeparatorProps } from './BreadcrumbNav';
+export { BreadcrumbNav, BreadcrumbNavLink, BreadcrumbNavSeparator } from './BreadcrumbNav';
 export type { ButtonProps } from './Button';
 export { Button, PrimaryActionButton, SecondaryActionButton, SubtleButton } from './Button';
 export type { ButtonGroupProps } from './ButtonGroup';

package/dist/index.esm.js

@@ -500,18 +500,18 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var headingId = label ? useId() : undefined;
   return jsxs("nav", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
     ref: ref,
-    className: clsx('utrecht-breadcrumb', 'utrecht-breadcrumb--html-ol', {
-      'utrecht-breadcrumb--arrows': appearance === 'arrows'
+    className: clsx('utrecht-breadcrumb-nav', 'utrecht-breadcrumb-nav--html-ol', {
+      'utrecht-breadcrumb-nav--arrows': appearance === 'arrows'
     }, className),
     "aria-labelledby": headingId,
     children: [label && jsx(Heading, {
       id: headingId,
-      className: "utrecht-breadcrumb__heading",
+      className: "utrecht-breadcrumb-nav__heading",
       level: headingLevel,
       "aria-hidden": "true",
       children: label
     }), jsx("ol", _objectSpread$14(_objectSpread$14({
-      className: "utrecht-breadcrumb__list utrecht-breadcrumb__list--html-ol"
+      className: "utrecht-breadcrumb-nav__list utrecht-breadcrumb-nav__list--html-ol"
     }, useMicrodataItem({
       type: 'https://schema.org/BreadcrumbList'
     })), {}, {
@@ -520,12 +520,12 @@ var BreadcrumbNav = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   }));
 });
 BreadcrumbNav.displayName = 'BreadcrumbNav';
-var BreadcrumbItem = /*#__PURE__*/forwardRef(function (_ref3, ref) {
+var BreadcrumbNavItem = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   var className = _ref3.className,
     children = _ref3.children,
     restProps = _objectWithoutProperties(_ref3, _excluded2$4);
   return jsx("li", _objectSpread$14(_objectSpread$14(_objectSpread$14({
-    className: clsx('utrecht-breadcrumb__item', className)
+    className: clsx('utrecht-breadcrumb-nav__item', className)
   }, useMicrodataItem({
     type: 'https://schema.org/ListItem',
     prop: 'itemListElement'
@@ -535,8 +535,8 @@ var BreadcrumbItem = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     children: children
   }));
 });
-BreadcrumbItem.displayName = 'BreadcrumbItem';
-var BreadcrumbSeparator = /*#__PURE__*/forwardRef(function (_ref4, ref) {
+BreadcrumbNavItem.displayName = 'BreadcrumbNavItem';
+var BreadcrumbNavSeparator = /*#__PURE__*/forwardRef(function (_ref4, ref) {
   var className = _ref4.className,
     children = _ref4.children,
     restProps = _objectWithoutProperties(_ref4, _excluded3$1);
@@ -544,16 +544,16 @@ var BreadcrumbSeparator = /*#__PURE__*/forwardRef(function (_ref4, ref) {
     "aria-hidden": "true",
     hidden: true,
     style: {
-      display: 'var(--_utrecht-breadcrumb-separator-display, block)'
+      display: 'var(--_utrecht-breadcrumb-nav-separator-display, block)'
     },
-    className: clsx('utrecht-breadcrumb__separator', 'utrecht-breadcrumb__separator--html-li', className),
+    className: clsx('utrecht-breadcrumb-nav__separator', 'utrecht-breadcrumb-nav__separator--html-li', className),
     ref: ref
   }, restProps), {}, {
     children: children
   }));
 });
-BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';
-var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
+BreadcrumbNavSeparator.displayName = 'BreadcrumbNavSeparator';
+var BreadcrumbNavLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
   var children = _ref5.children,
     disabled = _ref5.disabled,
     current = _ref5.current,
@@ -567,11 +567,11 @@ var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
     restProps = _objectWithoutProperties(_ref5, _excluded4$1);
   var DefaultLinkComponent = Link$1;
   var LinkComponent = Link$1 || DefaultLinkComponent;
-  return jsx(BreadcrumbItem, {
+  return jsx(BreadcrumbNavItem, {
     children: jsxs(LinkComponent, _objectSpread$14(_objectSpread$14(_objectSpread$14({
-      className: clsx('utrecht-breadcrumb__link', className, {
-        'utrecht-breadcrumb__link--current': current,
-        'utrecht-breadcrumb__link--disabled': disabled
+      className: clsx('utrecht-breadcrumb-nav__link', className, {
+        'utrecht-breadcrumb-nav__link--current': current,
+        'utrecht-breadcrumb-nav__link--disabled': disabled
       }),
       href: disabled ? undefined : href,
       rel: rel,
@@ -581,7 +581,7 @@ var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
     }, useMicrodataProp('item')), restProps), {}, {
       ref: ref,
       children: [jsx("span", _objectSpread$14(_objectSpread$14({
-        className: "utrecht-breadcrumb__text"
+        className: "utrecht-breadcrumb-nav__text"
       }, useMicrodataProp('name')), {}, {
         children: children
       })), typeof index === 'number' ? jsx("meta", _objectSpread$14(_objectSpread$14({}, useMicrodataProp('position')), {}, {
@@ -590,7 +590,7 @@ var BreadcrumbLink = /*#__PURE__*/forwardRef(function (_ref5, ref) {
     }))
   });
 });
-BreadcrumbLink.displayName = 'BreadcrumbLink';
+BreadcrumbNavLink.displayName = 'BreadcrumbNavLink';
 
 var _excluded$12 = ["children", "className"];
 function ownKeys$13(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; }
@@ -2191,5 +2191,5 @@ var UnorderedListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 UnorderedListItem.displayName = 'UnorderedListItem';
 
-export { Accordion, AccordionProvider, AccordionSection, Alert, AlertDialog, Article, Backdrop, BadgeCounter, BadgeList, BreadcrumbLink, BreadcrumbNav, BreadcrumbSeparator, Button, ButtonGroup, ButtonLink, Checkbox, Code, CodeBlock, ColorSample, ColumnLayout, CurrencyData, DataBadge, DataList, DataListActions, DataListItem, DataListKey, DataListValue, DataPlaceholder, Document, Emphasis, Fieldset, FieldsetLegend, Figure, FigureCaption, FormField, FormFieldDescription, FormLabel, FormToggle, HTMLContent, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, IBANData, Icon, Image, IndexCharNav, Link, LinkButton, LinkSocial, ListSocial, ListSocialItem, Logo, LogoImage, Mark, MultilineData, NumberValue, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PrimaryActionButton, RadioButton, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, SpotlightSection, StatusBadge, Strong, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLData, UnorderedList, UnorderedListItem };
+export { Accordion, AccordionProvider, AccordionSection, Alert, AlertDialog, Article, Backdrop, BadgeCounter, BadgeList, BreadcrumbNav, BreadcrumbNavLink, BreadcrumbNavSeparator, Button, ButtonGroup, ButtonLink, Checkbox, Code, CodeBlock, ColorSample, ColumnLayout, CurrencyData, DataBadge, DataList, DataListActions, DataListItem, DataListKey, DataListValue, DataPlaceholder, Document, Emphasis, Fieldset, FieldsetLegend, Figure, FigureCaption, FormField, FormFieldDescription, FormLabel, FormToggle, HTMLContent, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, HeadingGroup, IBANData, Icon, Image, IndexCharNav, Link, LinkButton, LinkSocial, ListSocial, ListSocialItem, Logo, LogoImage, Mark, MultilineData, NumberValue, OrderedList, OrderedListItem, Page, PageContent, PageFooter, PageHeader, Paragraph, PreHeading, PrimaryActionButton, RadioButton, SecondaryActionButton, Select, SelectOption, Separator, SkipLink, SpotlightSection, StatusBadge, Strong, SubtleButton, Surface, Table, TableBody, TableCaption, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Textarea, Textbox, URLData, UnorderedList, UnorderedListItem };
 //# sourceMappingURL=index.esm.js.map

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.393",
+  "version": "1.0.0-alpha.394",
   "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",
@@ -100,5 +100,5 @@
       "optional": true
     }
   },
-  "gitHead": "4766ef32fee6ce562eaed000704875bb894116fe"
+  "gitHead": "af3cead2a5d2166c2e726f364ac6148654802d3e"
 }