@uh-design-system/component-library 1.4.0-rc.2 → 1.4.0

package/dist/collection/components/01-base-components/ds-breadcrumbs/ds-breadcrumb/ds-breadcrumb.css

@@ -2,20 +2,20 @@
   display: contents;
 }
 
-.ds-breadcrumb__oSBnIJ {
+.ds-breadcrumb__SPFJ1E {
   display: contents;
 }
-.ds-breadcrumb__oSBnIJ--hidden {
+.ds-breadcrumb__SPFJ1E--hidden {
   display: none;
 }
-.ds-breadcrumb__oSBnIJ__content {
+.ds-breadcrumb__SPFJ1E__content {
   display: inline;
   vertical-align: middle;
 }
-.ds-breadcrumb__oSBnIJ__content__link::part(link) {
+.ds-breadcrumb__SPFJ1E__content__link::part(link) {
   vertical-align: middle;
 }
-.ds-breadcrumb__oSBnIJ__content__current-page {
+.ds-breadcrumb__SPFJ1E__content__current-page {
   color: var(--ds-textColor-secondary);
   font-variant-numeric: lining-nums proportional-nums;
   font-family: var(--ds-fontFamily-body);

package/dist/collection/components/01-base-components/ds-breadcrumbs/ds-breadcrumb/ds-breadcrumb.js

@@ -42,9 +42,9 @@ export class DsBreadcrumb extends Mixin(linkFactory) {
     render() {
         const baseClass = cx('ds-breadcrumb');
         const contentClass = `${baseClass}__content`;
-        return (h(Host, { key: '183b930bb862f8e3f333175dda41f68d734c55b4', role: "listitem" }, h("div", { key: '4d534134e1f8243a26a7aad8904266b7473b686c', class: classNames(baseClass, {
+        return (h(Host, { key: '25803662c47dfe56c8ba57c8f4630144d869ac65', role: "listitem" }, h("div", { key: '2d6932977932da3af5fddbeb07e19ef7209021a1', class: classNames(baseClass, {
                 [`${baseClass}--hidden`]: this.dsIsHidden,
-            }) }, h("div", { key: '0c965c79a367650945bfcc0a406c57daf11dad4e', class: contentClass }, this.dsHasSeparator ? h(this.DsBreadcrumbsSeparator, { dsIcon: this.dsSeparatorIcon }) : null, this.dsIsCurrentPage ? this.renderCurrentPageCrumb(contentClass) : this.renderLinkCrumb(contentClass)))));
+            }) }, h("div", { key: 'a631c7e8a8cfb5c2d4a0bbdd455d9191b9239883', class: contentClass }, this.dsHasSeparator ? h(this.DsBreadcrumbsSeparator, { dsIcon: this.dsSeparatorIcon }) : null, this.dsIsCurrentPage ? this.renderCurrentPageCrumb(contentClass) : this.renderLinkCrumb(contentClass)))));
     }
     static get is() { return "ds-breadcrumb"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/01-base-components/ds-breadcrumbs/ds-breadcrumbs-collapsible/ds-breadcrumbs-collapsible.js

@@ -26,7 +26,7 @@ export class DsBreadcrumbsCollapsible {
         this.collapsibleTarget = this.el.querySelector(this.DsBreadcrumb);
     };
     render() {
-        return (h(Fragment, { key: '2fc049ae41fbd5da1d55a99a72b326698d0e2ebf' }, h(this.DsBreadcrumbsExpandButton, { key: '3255e9c994e00d90d767e6233b820ea377ba34f3', dsIsHidden: this.dsIsExpandButtonHidden, dsSeparatorIcon: this.dsSeparatorIcon }), h("slot", { key: '9cc45e02309010cd3f84892f80dcb18b1744f1f2', onSlotchange: this.handleDefaultSlotChange })));
+        return (h(Fragment, { key: '6c33c1954b52afe65a0c83e97c1a2a70a4977a78' }, h(this.DsBreadcrumbsExpandButton, { key: '8507f3df6f6e9941f1104529f77ad101df4f8c05', dsIsHidden: this.dsIsExpandButtonHidden, dsSeparatorIcon: this.dsSeparatorIcon }), h("slot", { key: '7cd48b130da55341ba29d24b7bfb85281c22b27c', onSlotchange: this.handleDefaultSlotChange })));
     }
     static get is() { return "ds-breadcrumbs-collapsible"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/01-base-components/ds-breadcrumbs/ds-breadcrumbs-expand-button/ds-breadcrumbs-expand-button.css

@@ -1,16 +1,16 @@
-.ds-breadcrumbs-expand-button__oSBnIJ {
+.ds-breadcrumbs-expand-button__SPFJ1E {
   display: inline;
   vertical-align: middle;
 }
-.ds-breadcrumbs-expand-button__oSBnIJ--hidden {
+.ds-breadcrumbs-expand-button__SPFJ1E--hidden {
   display: none;
 }
-.ds-breadcrumbs-expand-button__oSBnIJ__button:focus-visible {
+.ds-breadcrumbs-expand-button__SPFJ1E__button:focus-visible {
   box-shadow: 0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);
   outline: var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);
   outline-offset: calc(var(--ds-borderWidth-thin) * 1);
 }
-.ds-breadcrumbs-expand-button__oSBnIJ__button {
+.ds-breadcrumbs-expand-button__SPFJ1E__button {
   background: none;
   border: none;
   padding: 0;
@@ -32,7 +32,7 @@
   text-underline-offset: 12%;
   text-underline-position: from-font;
 }
-.ds-breadcrumbs-expand-button__oSBnIJ__button:hover, .ds-breadcrumbs-expand-button__oSBnIJ__button:active {
+.ds-breadcrumbs-expand-button__SPFJ1E__button:hover, .ds-breadcrumbs-expand-button__SPFJ1E__button:active {
   text-decoration-thickness: 13%;
   text-underline-offset: 12%;
 }

package/dist/collection/components/01-base-components/ds-breadcrumbs/ds-breadcrumbs-expand-button/ds-breadcrumbs-expand-button.js

@@ -26,9 +26,9 @@ export class DsBreadcrumbsExpandButton {
     };
     render() {
         const baseClass = cx('ds-breadcrumbs-expand-button');
-        return (h("div", { key: '40c49a1bccac13857734865d547c3d724c604c1a', role: "listitem", class: classNames(baseClass, {
+        return (h("div", { key: '30a3a18d9c081633cb6a7d757895f8e6e4408c35', role: "listitem", class: classNames(baseClass, {
                 [`${baseClass}--hidden`]: this.dsIsHidden,
-            }) }, h(this.DsBreadcrumbsSeparator, { key: '36cfc5e91b46c5a32aaa0f32ad6097fb73f50988', dsIcon: this.dsSeparatorIcon }), h("button", { key: 'b3acf675cf0ddaa1cba09db95c5e809d11f6bf55', "aria-label": this.showFullBreadcrumbTrail, class: `${baseClass}__button`, onClick: this.handleExpandButtonClick }, "\u2026")));
+            }) }, h(this.DsBreadcrumbsSeparator, { key: '72464f4258717ed7619cd42ac072f1678bc90580', dsIcon: this.dsSeparatorIcon }), h("button", { key: 'efc2b73e6a84262d6dadfe1a9cd440c611d93a85', "aria-label": this.showFullBreadcrumbTrail, class: `${baseClass}__button`, onClick: this.handleExpandButtonClick }, "\u2026")));
     }
     static get is() { return "ds-breadcrumbs-expand-button"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/01-base-components/ds-breadcrumbs/ds-breadcrumbs-separator/ds-breadcrumbs-separator.css

@@ -1,4 +1,4 @@
-.ds-breadcrumbs-separator__oSBnIJ {
+.ds-breadcrumbs-separator__SPFJ1E {
   display: inline-block;
   line-height: var(--ds-lineHeight-large);
   vertical-align: middle;
@@ -6,7 +6,7 @@
   margin-right: var(--ds-spacing-3xSmall, 4px);
 }
 @media (min-width: 60rem) {
-  .ds-breadcrumbs-separator__oSBnIJ {
+  .ds-breadcrumbs-separator__SPFJ1E {
     margin-left: var(--ds-spacing-2xSmall, 8px);
     margin-right: var(--ds-spacing-2xSmall, 8px);
   }

package/dist/collection/components/01-base-components/ds-breadcrumbs/ds-breadcrumbs-separator/ds-breadcrumbs-separator.js

@@ -9,7 +9,7 @@ export class DsBreadcrumbsSeparator {
     }
     render() {
         const baseClass = cx('ds-breadcrumbs-separator');
-        return h(this.DsIcon, { key: '30d5cb00e2361d2e0600b3d9abc86363beda1940', class: baseClass, dsName: this.dsIcon, dsSize: "1rem" });
+        return h(this.DsIcon, { key: 'e8cf0c89c14a260b6b1f13e0f8efeca24cfec458', class: baseClass, dsName: this.dsIcon, dsSize: "1rem" });
     }
     static get is() { return "ds-breadcrumbs-separator"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/01-base-components/ds-breadcrumbs/ds-breadcrumbs.css

@@ -1,4 +1,4 @@
-.ds-breadcrumbs__oSBnIJ {
+.ds-breadcrumbs__SPFJ1E {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -7,11 +7,11 @@
   line-height: var(--ds-lineHeight-small);
 }
 @media (min-width: 60rem) {
-  .ds-breadcrumbs__oSBnIJ {
+  .ds-breadcrumbs__SPFJ1E {
     min-height: 32px;
   }
 }
-.ds-breadcrumbs__oSBnIJ__breadcrumbs {
+.ds-breadcrumbs__SPFJ1E__breadcrumbs {
   display: inline-block;
   vertical-align: middle;
   margin: 0;
@@ -21,7 +21,7 @@
   font-size: var(--ds-fontSize-14);
 }
 @media (min-width: 60rem) {
-  .ds-breadcrumbs__oSBnIJ__breadcrumbs {
+  .ds-breadcrumbs__SPFJ1E__breadcrumbs {
     padding: var(--ds-spacing-4xSmall, 2px) 0;
     font-size: var(--ds-fontSize-16);
   }

package/dist/collection/components/01-base-components/ds-breadcrumbs/ds-breadcrumbs.js

@@ -35,7 +35,7 @@ export class DsBreadcrumbs {
     }
     render() {
         const baseClass = cx('ds-breadcrumbs');
-        return (h("nav", { key: '01e0f590dfd6600ed96473b40a70ae6f5af1c24d', class: baseClass, "aria-label": this.dsAriaLabel || this.breadcrumb }, h("div", { key: 'b24c8ecbb9070c47fbb05c7df370185f4d9bec5a', role: "list", class: `${baseClass}__breadcrumbs` }, h("slot", { key: '061e679827111d236fa5777421e7c71608af14e0' }))));
+        return (h("nav", { key: '32200ea636a5e0b12dd1b2aff968063aa9a292b1', class: baseClass, "aria-label": this.dsAriaLabel || this.breadcrumb }, h("div", { key: 'b68af73fe06dadfbbdbcc1327cc79e7896497fff', role: "list", class: `${baseClass}__breadcrumbs` }, h("slot", { key: '2d7af502821d4760b5e3d48a6132035d6df7435a' }))));
     }
     static get is() { return "ds-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }