@pnx-mixtape/mxds 0.0.2 → 0.0.3

package/dist/build/in-page-alert.css

@@ -1,94 +1 @@
-/**
- * Messages
- */
-
-@layer defaults {
-  mx-closable-alert {
-    display: block;
-  }
-}
-
-@layer elements {
-  .message {
-    display: grid;
-    grid-gap: var(--gap-s);
-    gap: var(--gap-s);
-    padding-block: var(--spacing-xxs);
-    padding-inline: var(--spacing-s);
-    border: 1px solid;
-    background-color: var(--background, var(--colour-background-alt));
-    color: var(--foreground, var(--colour-foreground));
-    border-radius: var(--border-radius);
-  }
-
-    .message:has(.icon--close) {
-      grid-template-columns: auto min-content;
-      grid-template-areas: "content close";
-    }
-
-    .message:is(.icon, :has(.icon--close)) {
-      --icon-size: 1.25rem;
-    }
-
-      .message:is(.icon, :has(.icon--close)) .message__content {
-        grid-area: content;
-      }
-
-    .message.icon {
-      grid-template-columns: min-content auto;
-      grid-template-areas: "icon content";
-    }
-
-      .message.icon::before {
-        grid-area: icon;
-        background-size: contain;
-      }
-
-      .message.icon:has(.icon--close) {
-        grid-template-columns: min-content auto min-content;
-        grid-template-areas: "icon content close";
-      }
-
-    .message a {
-      color: inherit;
-    }
-
-    .message.message--status,
-    .message.message--info {
-      --foreground: var(--colour-info-foreground);
-      --background: var(--colour-info-background);
-    }
-
-    .message.message--success {
-      --foreground: var(--colour-success-foreground);
-      --background: var(--colour-success-background);
-    }
-
-    .message.message--error {
-      --foreground: var(--colour-error-foreground);
-      --background: var(--colour-error-background);
-    }
-
-    .message.message--warning {
-      --foreground: var(--colour-warning-foreground);
-      --background: var(--colour-warning-background);
-    }
-
-    .message .icon--close {
-      --icon-size: 1rem;
-
-      grid-area: close;
-      -webkit-appearance: none;
-         -moz-appearance: none;
-              appearance: none;
-      inline-size: var(--spacing-l);
-      block-size: var(--spacing-l);
-      padding: 0;
-      border: 0;
-      background-color: transparent;
-      justify-content: end;
-      color: inherit;
-    }
-}
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluLXBhZ2UtYWxlcnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxjQUFjO0VBQ2hCO0FBQ0Y7O0FBRUE7RUFDRTtJQUNFLGFBQWE7SUFDYixzQkFBaUI7SUFBakIsaUJBQWlCO0lBQ2pCLGlDQUFpQztJQUNqQyxnQ0FBZ0M7SUFDaEMsaUJBQWlCO0lBQ2pCLGlFQUFpRTtJQUNqRSxrREFBa0Q7SUFDbEQsbUNBQW1DO0VBb0VyQzs7SUFsRUU7TUFDRSx1Q0FBdUM7TUFDdkMsb0NBQW9DO0lBQ3RDOztJQUVBO01BQ0Usb0JBQW9CO0lBS3RCOztNQUhFO1FBQ0Usa0JBQWtCO01BQ3BCOztJQUdGO01BQ0UsdUNBQXVDO01BQ3ZDLG1DQUFtQztJQVdyQzs7TUFURTtRQUNFLGVBQWU7UUFDZix3QkFBd0I7TUFDMUI7O01BRUE7UUFDRSxtREFBbUQ7UUFDbkQseUNBQXlDO01BQzNDOztJQUdGO01BQ0UsY0FBYztJQUNoQjs7SUFFQTs7TUFFRSwyQ0FBMkM7TUFDM0MsMkNBQTJDO0lBQzdDOztJQUVBO01BQ0UsOENBQThDO01BQzlDLDhDQUE4QztJQUNoRDs7SUFFQTtNQUNFLDRDQUE0QztNQUM1Qyw0Q0FBNEM7SUFDOUM7O0lBRUE7TUFDRSw4Q0FBOEM7TUFDOUMsOENBQThDO0lBQ2hEOztJQUVBO01BQ0UsaUJBQWlCOztNQUVqQixnQkFBZ0I7TUFDaEIsd0JBQWdCO1NBQWhCLHFCQUFnQjtjQUFoQixnQkFBZ0I7TUFDaEIsNkJBQTZCO01BQzdCLDRCQUE0QjtNQUM1QixVQUFVO01BQ1YsU0FBUztNQUNULDZCQUE2QjtNQUM3QixvQkFBb0I7TUFDcEIsY0FBYztJQUNoQjtBQUVKIiwiZmlsZSI6ImluLXBhZ2UtYWxlcnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBNZXNzYWdlc1xuICovXG5cbkBsYXllciBkZWZhdWx0cyB7XG4gIG14LWNsb3NhYmxlLWFsZXJ0IHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxufVxuXG5AbGF5ZXIgZWxlbWVudHMge1xuICAubWVzc2FnZSB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBnYXA6IHZhcigtLWdhcC1zKTtcbiAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zcGFjaW5nLXh4cyk7XG4gICAgcGFkZGluZy1pbmxpbmU6IHZhcigtLXNwYWNpbmctcyk7XG4gICAgYm9yZGVyOiAxcHggc29saWQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmFja2dyb3VuZCwgdmFyKC0tY29sb3VyLWJhY2tncm91bmQtYWx0KSk7XG4gICAgY29sb3I6IHZhcigtLWZvcmVncm91bmQsIHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kKSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tYm9yZGVyLXJhZGl1cyk7XG5cbiAgICAmOmhhcyguaWNvbi0tY2xvc2UpIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogYXV0byBtaW4tY29udGVudDtcbiAgICAgIGdyaWQtdGVtcGxhdGUtYXJlYXM6IFwiY29udGVudCBjbG9zZVwiO1xuICAgIH1cblxuICAgICY6aXMoLmljb24sIDpoYXMoLmljb24tLWNsb3NlKSkge1xuICAgICAgLS1pY29uLXNpemU6IDEuMjVyZW07XG5cbiAgICAgICYgLm1lc3NhZ2VfX2NvbnRlbnQge1xuICAgICAgICBncmlkLWFyZWE6IGNvbnRlbnQ7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJi5pY29uIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogbWluLWNvbnRlbnQgYXV0bztcbiAgICAgIGdyaWQtdGVtcGxhdGUtYXJlYXM6IFwiaWNvbiBjb250ZW50XCI7XG5cbiAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgIGdyaWQtYXJlYTogaWNvbjtcbiAgICAgICAgYmFja2dyb3VuZC1zaXplOiBjb250YWluO1xuICAgICAgfVxuXG4gICAgICAmOmhhcyguaWNvbi0tY2xvc2UpIHtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiBtaW4tY29udGVudCBhdXRvIG1pbi1jb250ZW50O1xuICAgICAgICBncmlkLXRlbXBsYXRlLWFyZWFzOiBcImljb24gY29udGVudCBjbG9zZVwiO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgYSB7XG4gICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB9XG5cbiAgICAmLm1lc3NhZ2UtLXN0YXR1cyxcbiAgICAmLm1lc3NhZ2UtLWluZm8ge1xuICAgICAgLS1mb3JlZ3JvdW5kOiB2YXIoLS1jb2xvdXItaW5mby1mb3JlZ3JvdW5kKTtcbiAgICAgIC0tYmFja2dyb3VuZDogdmFyKC0tY29sb3VyLWluZm8tYmFja2dyb3VuZCk7XG4gICAgfVxuXG4gICAgJi5tZXNzYWdlLS1zdWNjZXNzIHtcbiAgICAgIC0tZm9yZWdyb3VuZDogdmFyKC0tY29sb3VyLXN1Y2Nlc3MtZm9yZWdyb3VuZCk7XG4gICAgICAtLWJhY2tncm91bmQ6IHZhcigtLWNvbG91ci1zdWNjZXNzLWJhY2tncm91bmQpO1xuICAgIH1cblxuICAgICYubWVzc2FnZS0tZXJyb3Ige1xuICAgICAgLS1mb3JlZ3JvdW5kOiB2YXIoLS1jb2xvdXItZXJyb3ItZm9yZWdyb3VuZCk7XG4gICAgICAtLWJhY2tncm91bmQ6IHZhcigtLWNvbG91ci1lcnJvci1iYWNrZ3JvdW5kKTtcbiAgICB9XG5cbiAgICAmLm1lc3NhZ2UtLXdhcm5pbmcge1xuICAgICAgLS1mb3JlZ3JvdW5kOiB2YXIoLS1jb2xvdXItd2FybmluZy1mb3JlZ3JvdW5kKTtcbiAgICAgIC0tYmFja2dyb3VuZDogdmFyKC0tY29sb3VyLXdhcm5pbmctYmFja2dyb3VuZCk7XG4gICAgfVxuXG4gICAgJiAuaWNvbi0tY2xvc2Uge1xuICAgICAgLS1pY29uLXNpemU6IDFyZW07XG5cbiAgICAgIGdyaWQtYXJlYTogY2xvc2U7XG4gICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgaW5saW5lLXNpemU6IHZhcigtLXNwYWNpbmctbCk7XG4gICAgICBibG9jay1zaXplOiB2YXIoLS1zcGFjaW5nLWwpO1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIGJvcmRlcjogMDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB9XG4gIH1cbn1cbiJdfQ== */
+@layer design-system.defaults{mx-closable-alert{display:block}}@layer design-system.components{.message{display:grid;grid-gap:var(--gap-s);gap:var(--gap-s);padding-block:var(--spacing-xxs);padding-inline:var(--spacing-s);border:1px solid;background-color:var(--background, var(--colour-background-alt));color:var(--foreground, var(--colour-foreground));border-radius:var(--border-radius)}.message:has(.icon--close){grid-template-columns:auto min-content;grid-template-areas:"content close"}.message:is(.icon,:has(.icon--close)){--icon-size: 1.25rem}.message:is(.icon,:has(.icon--close)) .message__content{grid-area:content}.message.icon{grid-template-columns:min-content auto;grid-template-areas:"icon content"}.message.icon:before{grid-area:icon;background-size:contain}.message.icon:has(.icon--close){grid-template-columns:min-content auto min-content;grid-template-areas:"icon content close"}.message a{color:inherit}.message.message--status,.message.message--info{--foreground: var(--colour-info-foreground);--background: var(--colour-info-background)}.message.message--success{--foreground: var(--colour-success-foreground);--background: var(--colour-success-background)}.message.message--error{--foreground: var(--colour-error-foreground);--background: var(--colour-error-background)}.message.message--warning{--foreground: var(--colour-warning-foreground);--background: var(--colour-warning-background)}.message .icon--close{--icon-size: 1rem;grid-area:close;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:var(--spacing-l);block-size:var(--spacing-l);padding:0;border:0;background-color:transparent;justify-content:end;color:inherit}}

package/dist/build/in-page-alert.entry.js

@@ -0,0 +1 @@
+import{c as t,m as e}from"./chunks/utilities-Bzel_okZ.js";class l extends HTMLElement{constructor(){super(),this.handleClose=()=>{this.controller.abort(),this.remove(),this.localStorage="true";const t=new CustomEvent("InPageAlert-close",{bubbles:!0,cancelable:!0,detail:{id:this.id,target:this}});this.dispatchEvent(t)},this.internals_=this.attachInternals(),this.controller=new AbortController}connectedCallback(){if(this.id=this.id||this.generatedId(),this.localStorage)return this.controller.abort(),void this.remove();const{signal:t}=this.controller;this.close?.addEventListener("click",this.handleClose,{signal:t})}disconnectedCallback(){this.controller.abort(),this.close.remove()}get localStorage(){return localStorage.getItem(this.id)}set localStorage(t){localStorage.setItem(this.id,t)}get close(){let e=this.querySelector(".icon--close");return e||(e=t(`<button class="icon icon--close" aria-controls="${this.id}" aria-label="Close InPageAlert" type="button"></button>`),this.appendChild(e)),e}generatedId(){const t=`mx-alert-${Math.floor(Math.random()*Math.floor(1e4))}`;return e(t,20)}}customElements.define("mx-closable-alert",l);

package/dist/build/in-page-navigation.css

@@ -1,17 +1 @@
-/**
- * InPageNavigation
- */
-
-@layer defaults {
-  mx-in-page-navigation {
-    display: block;
-  }
-}
-
-@layer components {
-    .in-page-navigation .in-page-navigation__level--h3 {
-      padding-inline-start: var(--spacing-s);
-    }
-}
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluLXBhZ2UtbmF2aWdhdGlvbi5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGNBQWM7RUFDaEI7QUFDRjs7QUFFQTtJQUVJO01BQ0Usc0NBQXNDO0lBQ3hDO0FBRUoiLCJmaWxlIjoiaW4tcGFnZS1uYXZpZ2F0aW9uLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogSW5QYWdlTmF2aWdhdGlvblxuICovXG5cbkBsYXllciBkZWZhdWx0cyB7XG4gIG14LWluLXBhZ2UtbmF2aWdhdGlvbiB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbn1cblxuQGxheWVyIGNvbXBvbmVudHMge1xuICAuaW4tcGFnZS1uYXZpZ2F0aW9uIHtcbiAgICAmIC5pbi1wYWdlLW5hdmlnYXRpb25fX2xldmVsLS1oMyB7XG4gICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogdmFyKC0tc3BhY2luZy1zKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ== */
+@layer design-system.defaults{mx-in-page-navigation{display:block}}@layer design-system.components{.in-page-navigation .in-page-navigation__level--h3{padding-inline-start:var(--spacing-s)}}

package/dist/build/in-page-navigation.entry.js

@@ -0,0 +1 @@
+import{m as t,c as e}from"./chunks/utilities-Bzel_okZ.js";class n extends HTMLElement{constructor(){super(),this.handleClick=t=>{this.active=this.items.find((e=>e.link===t)),this.links&&this.active&&(this.links.forEach((t=>t.classList.remove("is-active"))),this.active.link.classList.add("is-active"))},this.internals_=this.attachInternals(),this.controller=new AbortController,this.headingLevels=this.dataset?.headings||"h2",this.items=[]}connectedCallback(){if(!this.menu||!this.headings)return;this.headings.forEach((t=>{const e=this.generateListItem(t),n=this.generateAnchor(t);this.items.push({link:n,heading:t}),e.appendChild(n),this.menu?.appendChild(e)}));const{signal:t}=this.controller;this.menu.addEventListener("click",(t=>{const{target:e}=t;e instanceof HTMLAnchorElement&&this.handleClick(e)}),{signal:t})}disconnectedCallback(){!this.menu||!this.headings||(this.menu.textContent="",this.items=[],this.controller.abort())}get menu(){const t=this.querySelector("ul, ol");if(!t)throw new Error(`${this.localName} must contain a <ul> or <ol> element.`);return t}get container(){const t=this.getAttribute("data-content");if(!t)throw new Error(`${this.localName} must have a [data-content] attribute that contains the content selector.`);return this.closest(t)||this.parentElement.querySelector(t)}get headings(){return this.container?.querySelectorAll(this.headingLevels)}get links(){return this.menu?.querySelectorAll("a")}generatedId(e){const n=e?.textContent?.trim();return n?t(n):""}generateAnchor(t){const{textContent:n,id:i}=t,s=t.getAttribute("data-in-page-navigation-title")||n,a=i||this.generatedId(t);return i||(t.id=a),e(`<a href="#${a}" class="icon icon--chevron-right">${s}</a>`)}generateListItem(t){const{tagName:n}=t;return e(`<li class="in-page-navigation__level--${n.toLowerCase()}"></li>`)}}customElements.define("mx-in-page-navigation",n);