@bmxc/pami-elements 0.1.0-beta.1 → 0.1.0-beta.2

package/dist/collection/components/pami-side-sheet/pami-side-sheet.js

@@ -3,6 +3,7 @@ import { paintSurfaces, unpaintSurfaces } from "../../utils/pami-painter";
 import { PamiDots } from "../../utils/pami-dots";
 import { Host, h } from "@stencil/core";
 import { OverlayLifecycle } from "../../utils/overlay-lifecycle";
+import { flatFocusableElements } from "../../utils/focusable";
 /**
  * MD3 Side sheet — anchored panel for secondary content and actions.
  *
@@ -75,9 +76,13 @@ export class PamiSideSheet {
             }
         };
         // ── Focus trap via focusin ──────────────────────────────
-        this.handleDocFocusIn = () => {
+        this.handleDocFocusIn = (event) => {
             if (!this.open || this.variant !== 'modal')
                 return;
+            // In an enclosing shadow root, document.activeElement is that outer host.
+            // The composed focus path still identifies this sheet and its slots.
+            if (event.composedPath().includes(this.el))
+                return;
             const active = document.activeElement;
             if (!active)
                 return;
@@ -255,35 +260,20 @@ export class PamiSideSheet {
         }
     }
     getFocusableElements() {
-        const selector = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), pami-icon-button:not([disabled]), pami-button:not([disabled]), pami-text-field:not([disabled]), pami-checkbox:not([disabled]), pami-switch:not([disabled]), pami-radio:not([disabled]), pami-slider:not([disabled])';
-        const shadowEls = Array.from(this.containerEl?.querySelectorAll(selector) ?? []);
-        const slots = this.containerEl?.querySelectorAll('slot') ?? [];
-        const slottedEls = [];
-        slots.forEach((slot) => {
-            const assigned = slot.assignedElements({ flatten: true });
-            assigned.forEach((el) => {
-                if (el.matches?.(selector)) {
-                    slottedEls.push(el);
-                }
-                const nested = el.querySelectorAll?.(selector);
-                if (nested)
-                    slottedEls.push(...Array.from(nested));
-            });
-        });
-        return [...shadowEls, ...slottedEls];
+        return this.containerEl ? flatFocusableElements(this.containerEl) : [];
     }
     // ── Render ──────────────────────────────────────────────
     render() {
         const isModal = this.variant === 'modal';
         const hasHeadline = !!this.headline;
         const showBackBtn = isModal && this.showBack;
-        return (h(Host, { key: '5acccfe508346f7ca8dc62879ac1b5952c17300a', class: {
+        return (h(Host, { key: 'da37294a3590364fe4f10263fdd679a91d7766ff', class: {
                 'pami-side-sheet': true,
                 [`pami-side-sheet--${this.variant}`]: true,
                 [`pami-side-sheet--${this.side}`]: true,
                 'pami-side-sheet--open': this.open,
                 'pami-side-sheet--detached': this.detached,
-            } }, isModal && (h("div", { key: '95f80178ae04b5fe921bc3af7ece04b7ad5d57f6', class: "pami-side-sheet__scrim", part: "scrim", "aria-hidden": "true", onClick: this.handleScrimClick })), h("div", { key: '1c523675a3a21e1f4d1053239d292d32379f2199', class: "pami-side-sheet__container", part: "container", role: isModal ? 'dialog' : 'region', "aria-modal": isModal ? 'true' : undefined, "aria-labelledby": hasHeadline ? this.headlineId : undefined, "aria-label": this.sheetAriaLabel || (!hasHeadline ? 'Side sheet' : undefined), "aria-hidden": !this.open ? 'true' : undefined,
+            } }, isModal && (h("div", { key: '86c319ea9b146e43b6a4478c3a0908c327a2533b', class: "pami-side-sheet__scrim", part: "scrim", "aria-hidden": "true", onClick: this.handleScrimClick })), h("div", { key: 'f455499c68c1868867c6101186627535430647ab', class: "pami-side-sheet__container", part: "container", role: isModal ? 'dialog' : 'region', "aria-modal": isModal ? 'true' : undefined, "aria-labelledby": hasHeadline ? this.headlineId : undefined, "aria-label": this.sheetAriaLabel || (!hasHeadline ? 'Side sheet' : undefined), "aria-hidden": !this.open ? 'true' : undefined,
             // A closed sheet stays in the DOM (slid off-screen for the
             // enter/exit motion, never display:none), so its focus guards,
             // close/back buttons, and slotted controls remain tab-reachable
@@ -293,7 +283,7 @@ export class PamiSideSheet {
             // aria-hidden, before the modal focusFirst() runs. When open, the
             // standard variant stays non-inert so its content joins the page
             // tab order normally.
-            inert: !this.open, tabindex: -1, "data-surface": "crumb:surface", ref: (el) => (this.containerEl = el) }, h(PamiDots, { key: '3d11e66ec62364475b2ee6799ac9c9bc2d138274' }), isModal && (h("span", { key: '9777c86d21826e1e48f9a7296c224d27b4b660ec', class: "pami-side-sheet__focus-guard", tabindex: 0, "aria-hidden": "true", onFocus: this.handleEndGuardFocus })), h("div", { key: 'e03e0253b51163ba6bb22005172b0e688dde9968', class: "pami-side-sheet__header", part: "header" }, showBackBtn && (h("div", { key: '430a222cecab48f311a4508422fa4e8626866679', class: "pami-side-sheet__back" }, h("slot", { key: '5bf2540c79085b39476c63e7f64e025db0f71140', name: "back" }, h("pami-icon-button", { key: '822ee4e327da1ec79e27f19433457410d5d86beb', variant: "standard", icon: "arrow_back", "aria-label": "Back", onClick: this.handleBackClick })))), h("span", { key: '4338024a96e022e0510ad6425ff3f036dcce6929', id: this.headlineId, class: "pami-side-sheet__headline", part: "headline" }, h("slot", { key: 'e148d165f9f57af8085e9365d16deacd36d835b7', name: "headline" }, this.headline)), this.closeable && (h("div", { key: '7dcfed62c380b98827db0cea52411584e651d02a', class: "pami-side-sheet__close", part: "close" }, h("slot", { key: 'ea98a311b9a740476f5251e8c2b7ac99363b66cd', name: "close" }, h("pami-icon-button", { key: '9feb406959c29b2ccbf3cc2de17665abb84339a2', variant: "standard", icon: "close", "aria-label": "Close side sheet", onClick: this.handleCloseClick }))))), this.topDivider && (h("div", { key: '908c9176033f815bbfc45394dc25b6889856e466', class: "pami-side-sheet__divider", part: "divider-top", "aria-hidden": "true" })), h("div", { key: 'd6a42ac0d76534091b3164f6ac3b5b3a0adef1a1', class: "pami-side-sheet__content", part: "content" }, h("slot", { key: '31a1764f266a25e2de2695101e03755df2cf7061' })), this.hasActions && this.bottomDivider && (h("div", { key: '6159b4b564937cb93630622ebb7619a4c110674c', class: "pami-side-sheet__divider pami-side-sheet__divider--bottom", part: "divider-bottom", "aria-hidden": "true" })), this.hasActions && (h("div", { key: 'e7de67fd1e2d711ab74af86f0b67dd1ff211f590', class: "pami-side-sheet__actions", part: "actions" }, h("slot", { key: '4231abb8d5111e19c8cc1b38072bde760511d3db', name: "actions" }))), isModal && (h("span", { key: '921723ebf0e761052cd6ff146f43330be0750aae', class: "pami-side-sheet__focus-guard", tabindex: 0, "aria-hidden": "true", onFocus: this.handleStartGuardFocus })))));
+            inert: !this.open, tabindex: -1, "data-surface": "crumb:surface", ref: (el) => (this.containerEl = el) }, h(PamiDots, { key: 'd9f29059a35bd2db91879bc4246e2972402381e2' }), isModal && (h("span", { key: 'f8aa21210ab07c543d40ae9f617888ce89a8b02f', class: "pami-side-sheet__focus-guard", tabindex: 0, "aria-hidden": "true", onFocus: this.handleStartGuardFocus })), h("div", { key: '1bfd411d93ee490d457348c825a744adf6803fae', class: "pami-side-sheet__header", part: "header" }, showBackBtn && (h("div", { key: '6b0634edb8005e914069955dfabeb47278549e99', class: "pami-side-sheet__back" }, h("slot", { key: 'a3b2db38918d011c4d6af68b0ea5bac8a6bb8375', name: "back" }, h("pami-icon-button", { key: '1b8a5bead69404ec584395f19ef5f33d7e19f17f', variant: "standard", icon: "arrow_back", "aria-label": "Back", onClick: this.handleBackClick })))), h("span", { key: 'c02d0d026bf8c37eb0d96a026622e63fca8bed78', id: this.headlineId, class: "pami-side-sheet__headline", part: "headline" }, h("slot", { key: 'b428e81f28abee9b0a583e55ca80c58ea921f6fe', name: "headline" }, this.headline)), this.closeable && (h("div", { key: '0456ee3f2bf58126af22eb5e00070546d19b0318', class: "pami-side-sheet__close", part: "close" }, h("slot", { key: '42af3efa3ad6317e31971d77982c7190f90765ec', name: "close" }, h("pami-icon-button", { key: 'b9ce9a1c61f2f4a0574abd8e3132f147e465c5f6', variant: "standard", icon: "close", "aria-label": "Close side sheet", onClick: this.handleCloseClick }))))), this.topDivider && (h("div", { key: 'fb95f36b89104f88395a4d774957e793f1790af8', class: "pami-side-sheet__divider", part: "divider-top", "aria-hidden": "true" })), h("div", { key: '095fa5dbaf0ea192f514d97a463162ec1a13a96a', class: "pami-side-sheet__content", part: "content" }, h("slot", { key: '599db18cb5a4f615d1ca4f6e3d71255e33954282' })), this.hasActions && this.bottomDivider && (h("div", { key: '1ed748360807884c08991ecd444596554e7c4b32', class: "pami-side-sheet__divider pami-side-sheet__divider--bottom", part: "divider-bottom", "aria-hidden": "true" })), this.hasActions && (h("div", { key: '1a32438b290158001f8b2514648beba78bff2580', class: "pami-side-sheet__actions", part: "actions" }, h("slot", { key: '02a5ae352d0fe1f798e75c20ee7630b69965319b', name: "actions" }))), isModal && (h("span", { key: '99efe1c743d0f69df00c71dca18f09f255a1c217', class: "pami-side-sheet__focus-guard", tabindex: 0, "aria-hidden": "true", onFocus: this.handleEndGuardFocus })))));
     }
     static get is() { return "pami-side-sheet"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pami-side-sheet/pami-side-sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"pami-side-sheet.js","sources":["../../../sources/ae8a116d7a4ea11a820767e5165db1e532a538eb8ba9ed5f4dc5a47e806ae4e6/pami-side-sheet.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"pami-side-sheet.js","sources":["../../../sources/59e0809dd478584dd6e8662e903cd5a0186609577db7b77a0479bd247f0d0735/pami-side-sheet.tsx"],"names":[],"mappings":"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"}

package/dist/collection/components/pami-skeleton/pami-skeleton.js

@@ -108,7 +108,7 @@ export class PamiSkeleton {
             inlineStyle['--_w'] = this.width;
         if (this.height)
             inlineStyle['--_h'] = this.height;
-        return (h(Host, { key: 'ad1708a913f57e8713038312cd36496f084fe055', class: {
+        return (h(Host, { key: 'b251ae90c325575433e338f7a4a411902860681a', class: {
                 'pami-skeleton': true,
                 [`pami-skeleton--${this.variant}`]: true,
                 [`pami-skeleton--anim-${effectiveAnimation}`]: true,

package/dist/collection/components/pami-slider/pami-slider.css

@@ -1,3 +1,4 @@
+/* Generated from scripts/templates/pami-surface.css and pami.tokens.json. Do not edit. */
 /*
  * Pami surface partial: material plate, glass edge and dot layer.
  *
@@ -37,92 +38,90 @@
   color: var(--pami-surface-text);
 }
 
-/* ---- Materials ---------------------------------------------------------- */
-
-:is([data-surface="crust"], [data-surface^="crust:"]) {
-  --pami-surface-bg-start: var(--pami-material-crust-background-start, #ef8625);
-  --pami-surface-bg-end: var(--pami-material-crust-background-end, #fb8e28);
-  --pami-surface-dot-start: var(--pami-material-crust-dot-start, #f09f42);
-  --pami-surface-dot-end: var(--pami-material-crust-dot-end, #ffad1f);
-  --pami-surface-blur: var(--pami-material-crust-blur, 0px);
-  --pami-surface-text: var(--pami-material-crust-text, #331505);
-  --pami-surface-edge-top: var(--pami-material-crust-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));
-  --pami-surface-edge-side: var(--pami-material-crust-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));
-  --pami-surface-edge-bottom: var(--pami-material-crust-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)));
-}
-
-:is([data-surface="crust-soft"], [data-surface^="crust-soft:"]) {
-  --pami-surface-bg-start: var(--pami-material-crust-soft-background-start, #ffe9d1);
-  --pami-surface-bg-end: var(--pami-material-crust-soft-background-end, #ffddb8);
-  --pami-surface-dot-start: var(--pami-material-crust-soft-dot-start, #ffc98e);
-  --pami-surface-dot-end: var(--pami-material-crust-soft-dot-end, #ffb866);
-  --pami-surface-blur: var(--pami-material-crust-soft-blur, 0px);
-  --pami-surface-text: var(--pami-material-crust-soft-text, #331505);
-  --pami-surface-edge-top: var(--pami-material-crust-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));
-  --pami-surface-edge-side: var(--pami-material-crust-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));
-  --pami-surface-edge-bottom: var(--pami-material-crust-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)));
-}
-
-:is([data-surface="crumb"], [data-surface^="crumb:"]) {
-  --pami-surface-bg-start: var(--pami-material-crumb-background-start, #fcfcfc);
-  --pami-surface-bg-end: var(--pami-material-crumb-background-end, #fffbf5);
-  --pami-surface-dot-start: var(--pami-material-crumb-dot-start, #f9f1e7);
-  --pami-surface-dot-end: var(--pami-material-crumb-dot-end, #fef9ef);
-  --pami-surface-blur: var(--pami-material-crumb-blur, 4px);
-  --pami-surface-text: var(--pami-material-crumb-text, #342004);
-  --pami-surface-edge-top: var(--pami-material-crumb-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));
-  --pami-surface-edge-side: var(--pami-material-crumb-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));
-  --pami-surface-edge-bottom: var(--pami-material-crumb-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)));
-}
-
-:is([data-surface="olive"], [data-surface^="olive:"]) {
-  --pami-surface-bg-start: var(--pami-material-olive-background-start, #3b4f1a);
-  --pami-surface-bg-end: var(--pami-material-olive-background-end, #2a3813);
-  --pami-surface-dot-start: var(--pami-material-olive-dot-start, #607f1f);
-  --pami-surface-dot-end: var(--pami-material-olive-dot-end, #556b2f);
-  --pami-surface-blur: var(--pami-material-olive-blur, 2px);
-  --pami-surface-text: var(--pami-material-olive-text, #fcffeb);
-  --pami-surface-edge-top: var(--pami-material-olive-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));
-  --pami-surface-edge-side: var(--pami-material-olive-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));
-  --pami-surface-edge-bottom: var(--pami-material-olive-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)));
-}
-
-:is([data-surface="olive-soft"], [data-surface^="olive-soft:"]) {
-  --pami-surface-bg-start: var(--pami-material-olive-soft-background-start, #f4f7ea);
-  --pami-surface-bg-end: var(--pami-material-olive-soft-background-end, #eaf0d9);
-  --pami-surface-dot-start: var(--pami-material-olive-soft-dot-start, #d8e2b6);
-  --pami-surface-dot-end: var(--pami-material-olive-soft-dot-end, #c9d79e);
-  --pami-surface-blur: var(--pami-material-olive-soft-blur, 2px);
-  --pami-surface-text: var(--pami-material-olive-soft-text, #2a3813);
-  --pami-surface-edge-top: var(--pami-material-olive-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));
-  --pami-surface-edge-side: var(--pami-material-olive-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));
-  --pami-surface-edge-bottom: var(--pami-material-olive-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)));
-}
-
-:is([data-surface="bronze"], [data-surface^="bronze:"]) {
-  --pami-surface-bg-start: var(--pami-material-bronze-background-start, #513018);
-  --pami-surface-bg-end: var(--pami-material-bronze-background-end, #351c0a);
-  --pami-surface-dot-start: var(--pami-material-bronze-dot-start, #996437);
-  --pami-surface-dot-end: var(--pami-material-bronze-dot-end, #7d4d28);
-  --pami-surface-blur: var(--pami-material-bronze-blur, 2px);
-  --pami-surface-text: var(--pami-material-bronze-text, #fef7ec);
-  --pami-surface-edge-top: var(--pami-material-bronze-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));
-  --pami-surface-edge-side: var(--pami-material-bronze-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));
-  --pami-surface-edge-bottom: var(--pami-material-bronze-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)));
-}
-
-:is([data-surface="bronze-soft"], [data-surface^="bronze-soft:"]) {
-  --pami-surface-bg-start: var(--pami-material-bronze-soft-background-start, #faf3ec);
-  --pami-surface-bg-end: var(--pami-material-bronze-soft-background-end, #f3e7da);
-  --pami-surface-dot-start: var(--pami-material-bronze-soft-dot-start, #e6d2bd);
-  --pami-surface-dot-end: var(--pami-material-bronze-soft-dot-end, #dcc2a6);
-  --pami-surface-blur: var(--pami-material-bronze-soft-blur, 2px);
-  --pami-surface-text: var(--pami-material-bronze-soft-text, #351c0a);
-  --pami-surface-edge-top: var(--pami-material-bronze-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));
-  --pami-surface-edge-side: var(--pami-material-bronze-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));
-  --pami-surface-edge-bottom: var(--pami-material-bronze-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)));
-}
-
+:is([data-surface="crust"], [data-surface^="crust:"]) {
+  --pami-surface-bg-start: var(--pami-material-crust-background-start, rgba(230, 146, 52, 1));
+  --pami-surface-bg-end: var(--pami-material-crust-background-end, rgba(235, 153, 66, 1));
+  --pami-surface-dot-start: var(--pami-material-crust-dot-start, rgba(240, 169, 100, 1));
+  --pami-surface-dot-end: var(--pami-material-crust-dot-end, rgba(250, 181, 115, 1));
+  --pami-surface-blur: var(--pami-material-crust-blur, 0px);
+  --pami-surface-text: var(--pami-material-crust-text, rgba(43, 28, 13, 1));
+  --pami-surface-edge-top: var(--pami-material-crust-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));
+  --pami-surface-edge-side: var(--pami-material-crust-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));
+  --pami-surface-edge-bottom: var(--pami-material-crust-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)));
+}
+
+:is([data-surface="olive"], [data-surface^="olive:"]) {
+  --pami-surface-bg-start: var(--pami-material-olive-background-start, rgba(70, 95, 31, 1));
+  --pami-surface-bg-end: var(--pami-material-olive-background-end, rgba(63, 86, 26, 1));
+  --pami-surface-dot-start: var(--pami-material-olive-dot-start, rgba(84, 113, 41, 1));
+  --pami-surface-dot-end: var(--pami-material-olive-dot-end, rgba(80, 107, 39, 1));
+  --pami-surface-blur: var(--pami-material-olive-blur, 2px);
+  --pami-surface-text: var(--pami-material-olive-text, rgba(242, 248, 235, 1));
+  --pami-surface-edge-top: var(--pami-material-olive-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));
+  --pami-surface-edge-side: var(--pami-material-olive-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));
+  --pami-surface-edge-bottom: var(--pami-material-olive-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)));
+}
+
+:is([data-surface="bronze"], [data-surface^="bronze:"]) {
+  --pami-surface-bg-start: var(--pami-material-bronze-background-start, rgba(117, 67, 31, 1));
+  --pami-surface-bg-end: var(--pami-material-bronze-background-end, rgba(104, 58, 25, 1));
+  --pami-surface-dot-start: var(--pami-material-bronze-dot-start, rgba(145, 87, 46, 1));
+  --pami-surface-dot-end: var(--pami-material-bronze-dot-end, rgba(134, 80, 41, 1));
+  --pami-surface-blur: var(--pami-material-bronze-blur, 2px);
+  --pami-surface-text: var(--pami-material-bronze-text, rgba(255, 242, 235, 1));
+  --pami-surface-edge-top: var(--pami-material-bronze-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));
+  --pami-surface-edge-side: var(--pami-material-bronze-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));
+  --pami-surface-edge-bottom: var(--pami-material-bronze-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)));
+}
+
+:is([data-surface="crumb"], [data-surface^="crumb:"]) {
+  --pami-surface-bg-start: var(--pami-material-crumb-background-start, rgba(252, 252, 252, 1));
+  --pami-surface-bg-end: var(--pami-material-crumb-background-end, rgba(255, 251, 245, 1));
+  --pami-surface-dot-start: var(--pami-material-crumb-dot-start, rgba(249, 241, 231, 1));
+  --pami-surface-dot-end: var(--pami-material-crumb-dot-end, rgba(254, 249, 239, 1));
+  --pami-surface-blur: var(--pami-material-crumb-blur, 4px);
+  --pami-surface-text: var(--pami-material-crumb-text, rgba(52, 32, 4, 1));
+  --pami-surface-edge-top: var(--pami-material-crumb-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));
+  --pami-surface-edge-side: var(--pami-material-crumb-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));
+  --pami-surface-edge-bottom: var(--pami-material-crumb-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)));
+}
+
+:is([data-surface="olive-soft"], [data-surface^="olive-soft:"]) {
+  --pami-surface-bg-start: var(--pami-material-olive-soft-background-start, rgba(237, 245, 227, 1));
+  --pami-surface-bg-end: var(--pami-material-olive-soft-background-end, rgba(227, 241, 213, 1));
+  --pami-surface-dot-start: var(--pami-material-olive-soft-dot-start, rgba(208, 226, 188, 1));
+  --pami-surface-dot-end: var(--pami-material-olive-soft-dot-end, rgba(196, 218, 169, 1));
+  --pami-surface-blur: var(--pami-material-olive-soft-blur, 2px);
+  --pami-surface-text: var(--pami-material-olive-soft-text, rgba(30, 40, 18, 1));
+  --pami-surface-edge-top: var(--pami-material-olive-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));
+  --pami-surface-edge-side: var(--pami-material-olive-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));
+  --pami-surface-edge-bottom: var(--pami-material-olive-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)));
+}
+
+:is([data-surface="bronze-soft"], [data-surface^="bronze-soft:"]) {
+  --pami-surface-bg-start: var(--pami-material-bronze-soft-background-start, rgba(255, 238, 228, 1));
+  --pami-surface-bg-end: var(--pami-material-bronze-soft-background-end, rgba(255, 230, 214, 1));
+  --pami-surface-dot-start: var(--pami-material-bronze-soft-dot-start, rgba(249, 210, 185, 1));
+  --pami-surface-dot-end: var(--pami-material-bronze-soft-dot-end, rgba(246, 197, 166, 1));
+  --pami-surface-blur: var(--pami-material-bronze-soft-blur, 2px);
+  --pami-surface-text: var(--pami-material-bronze-soft-text, rgba(51, 30, 17, 1));
+  --pami-surface-edge-top: var(--pami-material-bronze-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));
+  --pami-surface-edge-side: var(--pami-material-bronze-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));
+  --pami-surface-edge-bottom: var(--pami-material-bronze-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)));
+}
+
+:is([data-surface="crust-soft"], [data-surface^="crust-soft:"]) {
+  --pami-surface-bg-start: var(--pami-material-crust-soft-background-start, rgba(255, 239, 224, 1));
+  --pami-surface-bg-end: var(--pami-material-crust-soft-background-end, rgba(255, 230, 209, 1));
+  --pami-surface-dot-start: var(--pami-material-crust-soft-dot-start, rgba(245, 212, 182, 1));
+  --pami-surface-dot-end: var(--pami-material-crust-soft-dot-end, rgba(242, 200, 161, 1));
+  --pami-surface-blur: var(--pami-material-crust-soft-blur, 0px);
+  --pami-surface-text: var(--pami-material-crust-soft-text, rgba(50, 32, 14, 1));
+  --pami-surface-edge-top: var(--pami-material-crust-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));
+  --pami-surface-edge-side: var(--pami-material-crust-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));
+  --pami-surface-edge-bottom: var(--pami-material-crust-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)));
+}
+
 /*
  * System colour hues (spice): flat plate, black text, light glass. The token
  * sheet only has -light/-dark variants without a theme rebinding, so CSS uses
@@ -907,8 +906,8 @@
   color: var(--pami-slider-value-color);
   border-radius: var(--pami-slider-value-shape, var(--md-sys-shape-corner-full, 9999px));
   font-family: var(--pami-slider-value-font-family, var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif));
-  font-size: var(--pami-slider-value-font-size, var(--md-sys-typescale-label-medium-size, 12px));
-  font-weight: var(--pami-slider-value-font-weight, var(--md-sys-typescale-label-medium-weight, 500));
+  font-size: var(--pami-slider-value-font-size, var(--md-sys-typescale-label-medium-font-size, 12px));
+  font-weight: var(--pami-slider-value-font-weight, var(--md-sys-typescale-label-medium-font-weight, 500));
   line-height: var(--pami-slider-value-line-height, var(--md-sys-typescale-label-medium-line-height, 16px));
   letter-spacing: var(--md-sys-typescale-label-medium-letter-spacing, 0.5px);
   white-space: nowrap;

package/dist/collection/components/pami-snackbar/pami-snackbar.css

@@ -1,3 +1,4 @@
+/* Generated from scripts/templates/pami-surface.css and pami.tokens.json. Do not edit. */
 /*
  * Pami surface partial: material plate, glass edge and dot layer.
  *
@@ -37,92 +38,90 @@
   color: var(--pami-surface-text);
 }
 
-/* ---- Materials ---------------------------------------------------------- */
-
-:is([data-surface="crust"], [data-surface^="crust:"]) {
-  --pami-surface-bg-start: var(--pami-material-crust-background-start, #ef8625);
-  --pami-surface-bg-end: var(--pami-material-crust-background-end, #fb8e28);
-  --pami-surface-dot-start: var(--pami-material-crust-dot-start, #f09f42);
-  --pami-surface-dot-end: var(--pami-material-crust-dot-end, #ffad1f);
-  --pami-surface-blur: var(--pami-material-crust-blur, 0px);
-  --pami-surface-text: var(--pami-material-crust-text, #331505);
-  --pami-surface-edge-top: var(--pami-material-crust-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));
-  --pami-surface-edge-side: var(--pami-material-crust-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));
-  --pami-surface-edge-bottom: var(--pami-material-crust-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)));
-}
-
-:is([data-surface="crust-soft"], [data-surface^="crust-soft:"]) {
-  --pami-surface-bg-start: var(--pami-material-crust-soft-background-start, #ffe9d1);
-  --pami-surface-bg-end: var(--pami-material-crust-soft-background-end, #ffddb8);
-  --pami-surface-dot-start: var(--pami-material-crust-soft-dot-start, #ffc98e);
-  --pami-surface-dot-end: var(--pami-material-crust-soft-dot-end, #ffb866);
-  --pami-surface-blur: var(--pami-material-crust-soft-blur, 0px);
-  --pami-surface-text: var(--pami-material-crust-soft-text, #331505);
-  --pami-surface-edge-top: var(--pami-material-crust-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));
-  --pami-surface-edge-side: var(--pami-material-crust-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));
-  --pami-surface-edge-bottom: var(--pami-material-crust-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)));
-}
-
-:is([data-surface="crumb"], [data-surface^="crumb:"]) {
-  --pami-surface-bg-start: var(--pami-material-crumb-background-start, #fcfcfc);
-  --pami-surface-bg-end: var(--pami-material-crumb-background-end, #fffbf5);
-  --pami-surface-dot-start: var(--pami-material-crumb-dot-start, #f9f1e7);
-  --pami-surface-dot-end: var(--pami-material-crumb-dot-end, #fef9ef);
-  --pami-surface-blur: var(--pami-material-crumb-blur, 4px);
-  --pami-surface-text: var(--pami-material-crumb-text, #342004);
-  --pami-surface-edge-top: var(--pami-material-crumb-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));
-  --pami-surface-edge-side: var(--pami-material-crumb-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));
-  --pami-surface-edge-bottom: var(--pami-material-crumb-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)));
-}
-
-:is([data-surface="olive"], [data-surface^="olive:"]) {
-  --pami-surface-bg-start: var(--pami-material-olive-background-start, #3b4f1a);
-  --pami-surface-bg-end: var(--pami-material-olive-background-end, #2a3813);
-  --pami-surface-dot-start: var(--pami-material-olive-dot-start, #607f1f);
-  --pami-surface-dot-end: var(--pami-material-olive-dot-end, #556b2f);
-  --pami-surface-blur: var(--pami-material-olive-blur, 2px);
-  --pami-surface-text: var(--pami-material-olive-text, #fcffeb);
-  --pami-surface-edge-top: var(--pami-material-olive-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));
-  --pami-surface-edge-side: var(--pami-material-olive-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));
-  --pami-surface-edge-bottom: var(--pami-material-olive-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)));
-}
-
-:is([data-surface="olive-soft"], [data-surface^="olive-soft:"]) {
-  --pami-surface-bg-start: var(--pami-material-olive-soft-background-start, #f4f7ea);
-  --pami-surface-bg-end: var(--pami-material-olive-soft-background-end, #eaf0d9);
-  --pami-surface-dot-start: var(--pami-material-olive-soft-dot-start, #d8e2b6);
-  --pami-surface-dot-end: var(--pami-material-olive-soft-dot-end, #c9d79e);
-  --pami-surface-blur: var(--pami-material-olive-soft-blur, 2px);
-  --pami-surface-text: var(--pami-material-olive-soft-text, #2a3813);
-  --pami-surface-edge-top: var(--pami-material-olive-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));
-  --pami-surface-edge-side: var(--pami-material-olive-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));
-  --pami-surface-edge-bottom: var(--pami-material-olive-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)));
-}
-
-:is([data-surface="bronze"], [data-surface^="bronze:"]) {
-  --pami-surface-bg-start: var(--pami-material-bronze-background-start, #513018);
-  --pami-surface-bg-end: var(--pami-material-bronze-background-end, #351c0a);
-  --pami-surface-dot-start: var(--pami-material-bronze-dot-start, #996437);
-  --pami-surface-dot-end: var(--pami-material-bronze-dot-end, #7d4d28);
-  --pami-surface-blur: var(--pami-material-bronze-blur, 2px);
-  --pami-surface-text: var(--pami-material-bronze-text, #fef7ec);
-  --pami-surface-edge-top: var(--pami-material-bronze-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));
-  --pami-surface-edge-side: var(--pami-material-bronze-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));
-  --pami-surface-edge-bottom: var(--pami-material-bronze-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)));
-}
-
-:is([data-surface="bronze-soft"], [data-surface^="bronze-soft:"]) {
-  --pami-surface-bg-start: var(--pami-material-bronze-soft-background-start, #faf3ec);
-  --pami-surface-bg-end: var(--pami-material-bronze-soft-background-end, #f3e7da);
-  --pami-surface-dot-start: var(--pami-material-bronze-soft-dot-start, #e6d2bd);
-  --pami-surface-dot-end: var(--pami-material-bronze-soft-dot-end, #dcc2a6);
-  --pami-surface-blur: var(--pami-material-bronze-soft-blur, 2px);
-  --pami-surface-text: var(--pami-material-bronze-soft-text, #351c0a);
-  --pami-surface-edge-top: var(--pami-material-bronze-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));
-  --pami-surface-edge-side: var(--pami-material-bronze-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));
-  --pami-surface-edge-bottom: var(--pami-material-bronze-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)));
-}
-
+:is([data-surface="crust"], [data-surface^="crust:"]) {
+  --pami-surface-bg-start: var(--pami-material-crust-background-start, rgba(230, 146, 52, 1));
+  --pami-surface-bg-end: var(--pami-material-crust-background-end, rgba(235, 153, 66, 1));
+  --pami-surface-dot-start: var(--pami-material-crust-dot-start, rgba(240, 169, 100, 1));
+  --pami-surface-dot-end: var(--pami-material-crust-dot-end, rgba(250, 181, 115, 1));
+  --pami-surface-blur: var(--pami-material-crust-blur, 0px);
+  --pami-surface-text: var(--pami-material-crust-text, rgba(43, 28, 13, 1));
+  --pami-surface-edge-top: var(--pami-material-crust-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));
+  --pami-surface-edge-side: var(--pami-material-crust-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));
+  --pami-surface-edge-bottom: var(--pami-material-crust-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)));
+}
+
+:is([data-surface="olive"], [data-surface^="olive:"]) {
+  --pami-surface-bg-start: var(--pami-material-olive-background-start, rgba(70, 95, 31, 1));
+  --pami-surface-bg-end: var(--pami-material-olive-background-end, rgba(63, 86, 26, 1));
+  --pami-surface-dot-start: var(--pami-material-olive-dot-start, rgba(84, 113, 41, 1));
+  --pami-surface-dot-end: var(--pami-material-olive-dot-end, rgba(80, 107, 39, 1));
+  --pami-surface-blur: var(--pami-material-olive-blur, 2px);
+  --pami-surface-text: var(--pami-material-olive-text, rgba(242, 248, 235, 1));
+  --pami-surface-edge-top: var(--pami-material-olive-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));
+  --pami-surface-edge-side: var(--pami-material-olive-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));
+  --pami-surface-edge-bottom: var(--pami-material-olive-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)));
+}
+
+:is([data-surface="bronze"], [data-surface^="bronze:"]) {
+  --pami-surface-bg-start: var(--pami-material-bronze-background-start, rgba(117, 67, 31, 1));
+  --pami-surface-bg-end: var(--pami-material-bronze-background-end, rgba(104, 58, 25, 1));
+  --pami-surface-dot-start: var(--pami-material-bronze-dot-start, rgba(145, 87, 46, 1));
+  --pami-surface-dot-end: var(--pami-material-bronze-dot-end, rgba(134, 80, 41, 1));
+  --pami-surface-blur: var(--pami-material-bronze-blur, 2px);
+  --pami-surface-text: var(--pami-material-bronze-text, rgba(255, 242, 235, 1));
+  --pami-surface-edge-top: var(--pami-material-bronze-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));
+  --pami-surface-edge-side: var(--pami-material-bronze-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));
+  --pami-surface-edge-bottom: var(--pami-material-bronze-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)));
+}
+
+:is([data-surface="crumb"], [data-surface^="crumb:"]) {
+  --pami-surface-bg-start: var(--pami-material-crumb-background-start, rgba(252, 252, 252, 1));
+  --pami-surface-bg-end: var(--pami-material-crumb-background-end, rgba(255, 251, 245, 1));
+  --pami-surface-dot-start: var(--pami-material-crumb-dot-start, rgba(249, 241, 231, 1));
+  --pami-surface-dot-end: var(--pami-material-crumb-dot-end, rgba(254, 249, 239, 1));
+  --pami-surface-blur: var(--pami-material-crumb-blur, 4px);
+  --pami-surface-text: var(--pami-material-crumb-text, rgba(52, 32, 4, 1));
+  --pami-surface-edge-top: var(--pami-material-crumb-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));
+  --pami-surface-edge-side: var(--pami-material-crumb-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));
+  --pami-surface-edge-bottom: var(--pami-material-crumb-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)));
+}
+
+:is([data-surface="olive-soft"], [data-surface^="olive-soft:"]) {
+  --pami-surface-bg-start: var(--pami-material-olive-soft-background-start, rgba(237, 245, 227, 1));
+  --pami-surface-bg-end: var(--pami-material-olive-soft-background-end, rgba(227, 241, 213, 1));
+  --pami-surface-dot-start: var(--pami-material-olive-soft-dot-start, rgba(208, 226, 188, 1));
+  --pami-surface-dot-end: var(--pami-material-olive-soft-dot-end, rgba(196, 218, 169, 1));
+  --pami-surface-blur: var(--pami-material-olive-soft-blur, 2px);
+  --pami-surface-text: var(--pami-material-olive-soft-text, rgba(30, 40, 18, 1));
+  --pami-surface-edge-top: var(--pami-material-olive-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));
+  --pami-surface-edge-side: var(--pami-material-olive-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));
+  --pami-surface-edge-bottom: var(--pami-material-olive-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)));
+}
+
+:is([data-surface="bronze-soft"], [data-surface^="bronze-soft:"]) {
+  --pami-surface-bg-start: var(--pami-material-bronze-soft-background-start, rgba(255, 238, 228, 1));
+  --pami-surface-bg-end: var(--pami-material-bronze-soft-background-end, rgba(255, 230, 214, 1));
+  --pami-surface-dot-start: var(--pami-material-bronze-soft-dot-start, rgba(249, 210, 185, 1));
+  --pami-surface-dot-end: var(--pami-material-bronze-soft-dot-end, rgba(246, 197, 166, 1));
+  --pami-surface-blur: var(--pami-material-bronze-soft-blur, 2px);
+  --pami-surface-text: var(--pami-material-bronze-soft-text, rgba(51, 30, 17, 1));
+  --pami-surface-edge-top: var(--pami-material-bronze-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));
+  --pami-surface-edge-side: var(--pami-material-bronze-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));
+  --pami-surface-edge-bottom: var(--pami-material-bronze-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)));
+}
+
+:is([data-surface="crust-soft"], [data-surface^="crust-soft:"]) {
+  --pami-surface-bg-start: var(--pami-material-crust-soft-background-start, rgba(255, 239, 224, 1));
+  --pami-surface-bg-end: var(--pami-material-crust-soft-background-end, rgba(255, 230, 209, 1));
+  --pami-surface-dot-start: var(--pami-material-crust-soft-dot-start, rgba(245, 212, 182, 1));
+  --pami-surface-dot-end: var(--pami-material-crust-soft-dot-end, rgba(242, 200, 161, 1));
+  --pami-surface-blur: var(--pami-material-crust-soft-blur, 0px);
+  --pami-surface-text: var(--pami-material-crust-soft-text, rgba(50, 32, 14, 1));
+  --pami-surface-edge-top: var(--pami-material-crust-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));
+  --pami-surface-edge-side: var(--pami-material-crust-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));
+  --pami-surface-edge-bottom: var(--pami-material-crust-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)));
+}
+
 /*
  * System colour hues (spice): flat plate, black text, light glass. The token
  * sheet only has -light/-dark variants without a theme rebinding, so CSS uses
@@ -308,9 +307,9 @@
 
 :host {
   --_container-color: var(--pami-snackbar-container-color, var(--md-sys-color-inverse-surface, #313033));
-  --_message-color: var(--pami-snackbar-message-color, var(--md-sys-color-inverse-on-surface, #F4EFF4));
-  --_action-color: var(--pami-snackbar-action-color, var(--md-sys-color-inverse-primary, #D0BCFF));
-  --_close-color: var(--pami-snackbar-close-color, var(--md-sys-color-inverse-on-surface, #F4EFF4));
+  --_message-color: var(--pami-snackbar-message-color, var(--pami-material-bronze-text, #FFF2EB));
+  --_action-color: var(--pami-snackbar-action-color, var(--pami-material-bronze-text, #FFF2EB));
+  --_close-color: var(--pami-snackbar-close-color, var(--pami-material-bronze-text, #FFF2EB));
   --_container-shape: var(--pami-snackbar-container-shape, var(--md-sys-shape-corner-extra-small, 4px));
   --_min-width: var(--pami-snackbar-min-width, 288px);
   --_max-width: var(--pami-snackbar-max-width, 568px);
@@ -423,7 +422,9 @@
    2. SURFACE — container
    ========================================================== */
 
-.pami-snackbar__surface {
+.pami-snackbar__surface {
+  /* Child controls focus against the Bronze plate, not the page canvas. */
+  --md-sys-color-focus-ring: var(--_message-color);
   display: flex;
   align-items: center;
   min-inline-size: var(--_min-width);
@@ -469,9 +470,9 @@
   flex: 1;
   padding-block: max(6px, calc(14px + var(--md-sys-density-scale, 0) * 2px));
   font-family: var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);
-  font-size: max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));
+  font-size: max(12px, calc(var(--md-sys-typescale-body-medium-font-size, 14px) + var(--md-sys-density-scale, 0) * 0.5px));
   font-weight: var(--md-sys-typescale-body-medium-font-weight, 400);
-  line-height: max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));
+  line-height: max(16px, calc(var(--md-sys-typescale-body-medium-line-height, 20px) + var(--md-sys-density-scale, 0) * 1px));
   letter-spacing: var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);
   color: inherit;
 }