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

package/dist/collection/components/pami-navigation-tab/pami-navigation-tab.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

package/dist/collection/components/pami-organization-chart/pami-organization-chart.css

@@ -504,7 +504,7 @@
   padding: 32px 16px;
   text-align: center;
   color: var(--md-sys-color-on-surface-variant, #49454f);
-  font-size: var(--md-sys-typescale-body-medium-size, 14px);
+  font-size: var(--md-sys-typescale-body-medium-font-size, 14px);
 }
 
 /* ── Horizontal orientation ───────────────────────────────────────

package/dist/collection/components/pami-pie-chart/pami-pie-chart.js

@@ -501,12 +501,12 @@ export class PamiPieChart {
                 seriesCount: this.data.length,
                 locale: this.locale,
             });
-        return (h(Host, { key: 'a61f48a745d0c9aa65f73b9502fb3b58ba442a8b', class: {
+        return (h(Host, { key: 'faa1928c28b59d0235af8fc9a07091589a151532', class: {
                 'pami-pie-chart': true,
                 'pami-pie-chart--empty': empty,
                 'pami-pie-chart--mounted': this.mounted,
                 'pami-pie-chart--donut': this.innerRadius !== '0%' && this.innerRadius !== 0,
-            }, role: "figure", "aria-label": summary, "aria-busy": this.loading ? 'true' : null, style: this.heightProp ? { blockSize: this.heightProp } : undefined }, h("header", { key: '1c724a4159a15259b1422842f8416a8ece6b517e', class: "pami-pie-chart__header", part: "header" }, h("slot", { key: 'f1a834ae05a3c5ae5fdcace0d9dbbe07feee1e78', name: "header" })), h("div", { key: '6cd78b8db69aab6cbc2af0e21d084a89776ffed0', class: "pami-pie-chart__canvas", part: "canvas", ref: el => this.bindChartHost(el), tabindex: empty ? undefined : '0', role: empty ? undefined : 'application', "aria-label": empty ? undefined : this.labelPlot, onKeyDown: this.onPlotKeyDown, onBlur: this.onPlotBlur }), h("div", { key: 'd27ce32279075b545d49983de65fd93ea8814f02', class: "pami-pie-chart__center", part: "center", "aria-hidden": "true" }, h("slot", { key: '703b180acc6c49524a5d5d6026bc08f01a29772f', name: "center" })), empty && (h("div", { key: 'b662d15b3c6c90d3b9b3061f8ca1487414f75fae', class: "pami-pie-chart__empty", part: "empty" }, h("slot", { key: 'ba95b5cf647815837402e14e8cb6d6a55f09b029', name: "empty" }, this.labelEmpty))), this.loading && (h("div", { key: 'd7f90925406e0bf7359d20a4cad2a2c283d8d08f', class: "pami-pie-chart__loading", part: "loading", role: "status" }, h("slot", { key: 'bb20425f932f8311ea97bebc7d8e5c1d7aabab16', name: "loader" }, h("slot", { key: '414da0d024be926c35752b4827f65e2b0be359a6', name: "loading" }, h("pami-progress-indicator", { key: '88ba73ea66150f66756d6d217cfd73fa5abee864', class: "pami-pie-chart__spinner", variant: "circular", indeterminate: true, label: this.loadingLabel }), h("span", { key: 'ed9075557584092de21839de9bde4e3153adcaa0', class: "pami-pie-chart__loading-text" }, this.loadingLabel))))), h("footer", { key: 'f31530c03de6cf0cee4a204bfe8417430af10023', class: "pami-pie-chart__footer", part: "footer" }, h("slot", { key: '7cfc4b37b85ac25ee579b6ff12470724597c2b9e', name: "footer" })), h("div", { key: '6771caf1c9941de5d86d8e4431424939f14e602f', class: "pami-pie-chart__a11y-table", ref: el => this.bindA11yTableHost(el) }), h("div", { key: 'c77fe06edcdbb026f57c79a7aeb301c9bff4edad', class: "pami-pie-chart__live", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.announcement)));
+            }, role: "figure", "aria-label": summary, "aria-busy": this.loading ? 'true' : null, style: this.heightProp ? { blockSize: this.heightProp } : undefined }, h("header", { key: '8012ba2ea1b83cb33d7aeb62aa99c22dd439e9ad', class: "pami-pie-chart__header", part: "header" }, h("slot", { key: '29364334d8566a46a5a6c77bad8d4ba1b6d8011f', name: "header" })), h("div", { key: '4b59f2d5af145f1f672ca31e3cd0dbade67d6cce', class: "pami-pie-chart__canvas", part: "canvas", ref: el => this.bindChartHost(el), tabindex: empty ? undefined : '0', role: empty ? undefined : 'application', "aria-label": empty ? undefined : this.labelPlot, onKeyDown: this.onPlotKeyDown, onBlur: this.onPlotBlur }), h("div", { key: '67393d4b3c22f355663b963e42d07d7217f4316f', class: "pami-pie-chart__center", part: "center", "aria-hidden": "true" }, h("slot", { key: 'b47c3885adffdbc01034721ba08e860ec98124fc', name: "center" })), empty && (h("div", { key: '84b43a326ed43bac8ca686c30f16df9e27010a28', class: "pami-pie-chart__empty", part: "empty" }, h("slot", { key: '62531b9a8bf293882542b4b3a00eb39d6a47ab7a', name: "empty" }, this.labelEmpty))), this.loading && (h("div", { key: 'c41b2e763702f53d9b221956da0374cc12d95acd', class: "pami-pie-chart__loading", part: "loading", role: "status" }, h("slot", { key: 'c9cd1ad4dcd42a15bbf40166b8e03be51cf8c30a', name: "loader" }, h("slot", { key: '528b02e8189887a9030b85eaa3f11421cf87b285', name: "loading" }, h("pami-progress-indicator", { key: '3137c2b85a6ca6bcd97bf97c7aeb97bf75ebf260', class: "pami-pie-chart__spinner", variant: "circular", indeterminate: true, label: this.loadingLabel }), h("span", { key: '7bfeda836f5f978a41d44e3c7f16065afa42f3e0', class: "pami-pie-chart__loading-text" }, this.loadingLabel))))), h("footer", { key: '2fbc3f384cd981a21b36f51d36c3a805f7e4d9d4', class: "pami-pie-chart__footer", part: "footer" }, h("slot", { key: 'ff0807aaa5cfd2fb673f52a7c881da5078b9044e', name: "footer" })), h("div", { key: '0501d0cddc6c2d5fd88411a3bd60a05a8d0f13fd', class: "pami-pie-chart__a11y-table", ref: el => this.bindA11yTableHost(el) }), h("div", { key: 'e97f28d39ee5c7948cc0523abac1bcc2ace5d2a5', class: "pami-pie-chart__live", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.announcement)));
     }
     static get is() { return "pami-pie-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pami-progress-indicator/pami-progress-indicator.js

@@ -1455,7 +1455,7 @@ export class PamiProgressIndicator {
         return (h("svg", { class: "pami-progress-indicator__circular", viewBox: `0 0 ${sz} ${sz}`, "aria-hidden": "true" }, h("path", { class: "pami-progress-indicator__circular-track", part: "track", d: this.ccPhase > 0 ? '' : track, "stroke-width": t, fill: "none", "stroke-linecap": "round", ref: (e) => (this.trackRef = e) }), h("g", { ref: (e) => (this.rotRef = e) }, h("path", { class: "pami-progress-indicator__circular-active", part: "active-indicator", d: active, "stroke-width": t, fill: "none", "stroke-linecap": "round", ref: (e) => (this.activeRef = e) }))));
     }
     render() {
-        return (h(Host, { key: '867c32f989fb69036395dc01e7a60b490bac610b', class: {
+        return (h(Host, { key: '8bf22e771a4bb174264a4c4e7255e2769707ac12', class: {
                 'pami-progress-indicator': true,
                 [`pami-progress-indicator--${this.variant}`]: true,
                 'pami-progress-indicator--indeterminate': this.indeterminate,

package/dist/collection/components/pami-radio/pami-radio.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

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

@@ -375,7 +375,7 @@ export class PamiRadio {
     // ─── Render ────────────────────────────────────────────────
     render() {
         const isEffectivelyDisabled = this.isDisabled;
-        return (h(Host, { key: 'b7ce8db58c75ad6e560eb45d4b9b30d7ae6c489e', class: {
+        return (h(Host, { key: 'ac1a537de56b824d2d475f548a2e880794eebaf7', class: {
                 'pami-radio': true,
                 'pami-radio--checked': this.checked,
                 'pami-radio--unchecked': !this.checked,
@@ -384,7 +384,7 @@ export class PamiRadio {
                 'pami-radio--focused': this.focused,
                 'pami-radio--focus-ring': this.programmaticFocus,
                 'pami-radio--has-support': !!this.validationMessage,
-            }, role: "radio", "aria-invalid": this.invalid ? 'true' : undefined, "aria-checked": String(this.checked), "aria-disabled": isEffectivelyDisabled ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, tabindex: this.managedTabIndex, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onPointerLeave: this.handlePointerUp, onPointerCancel: this.handlePointerUp }, h("span", { key: 'f2a00d0164d9765b8698cab657f23f6f752618bf', class: "pami-radio__target" }, h("span", { key: '8f49d12afd188e4168adade584c6c7c3897f179f', class: "pami-radio__ripple-layer", "aria-hidden": "true" }, h("pami-ripple", { key: '5017614b13293d3d2daf6fc518d42bd9688f26ad', disabled: isEffectivelyDisabled })), h("span", { key: 'b0fdf81c2bfa8d6c474bead82b8332982c0d48b8', class: "pami-radio__state-layer", part: "state-layer", "aria-hidden": "true" }), h("span", { key: 'e8e946312f355babbe77c761d6ef888ea648df24', class: "pami-radio__container", part: "container", "aria-hidden": "true" }, h("span", { key: '8bc3e83daef97eb27de7e44c91ec9c221ff572d9', class: "pami-radio__outer", part: "outer-circle" }), h("span", { key: '2bbbb01a84368d6eb2073d39449017fd6538cda3', class: "pami-radio__inner", part: "inner-circle" }, this.checked && !isEffectivelyDisabled && (h("span", { key: 'f24020f42f010ea23f0be492abe86f65d852a1d7', class: "pami-radio__surface", "data-surface": "crust:control", "aria-hidden": "true" }, h(PamiDots, { key: 'b4c4f9ea49e8cbe5afa3be87198b480c9406aaad' }))))), h("input", { key: 'ae063bb86c339f36b7c24ba81d0182747950002a', type: "radio", class: "pami-radio__native", checked: this.checked, disabled: this.disabled, required: this.required, name: this.name, value: this.value, "aria-hidden": "true", "aria-invalid": this.invalid ? 'true' : undefined, "aria-describedby": this.validationMessage ? `${this.uid}-support` : undefined, tabindex: "-1", onChange: () => { } })), this.validationMessage && (h("span", { key: 'dc39f8af2a6af50709ca612fb0152df5dec38aac', id: `${this.uid}-support`, ref: (el) => { this.supportEl = el; }, class: "pami-radio__support", role: "alert" }, this.validationMessage))));
+            }, role: "radio", "aria-invalid": this.invalid ? 'true' : undefined, "aria-checked": String(this.checked), "aria-disabled": isEffectivelyDisabled ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, tabindex: this.managedTabIndex, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onPointerLeave: this.handlePointerUp, onPointerCancel: this.handlePointerUp }, h("span", { key: 'a3eb99d72de713992fd0dece302a7abb74b2ad67', class: "pami-radio__target" }, h("span", { key: '5d761f308931943984d1396e944a23ec91faa3fa', class: "pami-radio__ripple-layer", "aria-hidden": "true" }, h("pami-ripple", { key: '613b4833ba22609c6707a9cd4393a0d8d61996e8', disabled: isEffectivelyDisabled })), h("span", { key: '34716ac77221e7c5f74bce49f7aea64b904e8e27', class: "pami-radio__state-layer", part: "state-layer", "aria-hidden": "true" }), h("span", { key: '1d78a216dd20e1e89bcec7c0df4f0073b4ccf1d1', class: "pami-radio__container", part: "container", "aria-hidden": "true" }, h("span", { key: '53d8519b1b83f4fc7c52dfe8f7f4b9565d836767', class: "pami-radio__outer", part: "outer-circle" }), h("span", { key: '3618f68ef902ecfd6f56f7c8fa137f425fbfc378', class: "pami-radio__inner", part: "inner-circle" }, this.checked && !isEffectivelyDisabled && (h("span", { key: 'b240ff29d08f409267c53671af868c285e63b9b6', class: "pami-radio__surface", "data-surface": "crust:control", "aria-hidden": "true" }, h(PamiDots, { key: '0302f0cc6708052ffaf8b60d076e1f99b220baad' }))))), h("input", { key: '88cf509bba1165345883409f1d3e33c46a60625b', type: "radio", class: "pami-radio__native", checked: this.checked, disabled: this.disabled, required: this.required, name: this.name, value: this.value, "aria-hidden": "true", "aria-invalid": this.invalid ? 'true' : undefined, "aria-describedby": this.validationMessage ? `${this.uid}-support` : undefined, tabindex: "-1", onChange: () => { } })), this.validationMessage && (h("span", { key: 'efa5c17db6ffe964adc69c6414c06f2a46963096', id: `${this.uid}-support`, ref: (el) => { this.supportEl = el; }, class: "pami-radio__support", role: "alert" }, this.validationMessage))));
     }
     static get is() { return "pami-radio"; }
     static get encapsulation() { return "shadow"; }

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

@@ -35,7 +35,7 @@
   --_gap: var(--pami-rating-item-gap, var(--md-sys-spacing-gap-xs, 4px));
   --_active-color: var(--pami-rating-active-color, var(--md-sys-color-secondary, #FFB400));
   --_inactive-color: var(--pami-rating-inactive-color, color-mix(in srgb, var(--md-sys-color-on-surface-variant) 30%, transparent));
-  --_focus-ring-color: var(--pami-rating-focus-ring-color, var(--md-sys-color-secondary));
+  --_focus-ring-color: var(--pami-rating-focus-ring-color, var(--md-sys-color-focus-ring, #513018));
   --_focus-ring-width: var(--pami-rating-focus-ring-width, var(--md-sys-state-focus-ring-width, 2px));
   --_focus-ring-offset: var(--pami-rating-focus-ring-offset, var(--md-sys-state-focus-ring-offset, 2px));
   --_state-layer-color: var(--pami-rating-state-layer-color, var(--md-sys-color-on-surface));
@@ -205,8 +205,8 @@
   display: inline-grid;
   place-items: center start;
   font: var(--_label-font);
-  font-size: var(--md-sys-typescale-label-large-size, 14px);
-  font-weight: var(--md-sys-typescale-label-large-weight, 500);
+  font-size: var(--md-sys-typescale-label-large-font-size, 14px);
+  font-weight: var(--md-sys-typescale-label-large-font-weight, 500);
   color: var(--_label-color);
   white-space: nowrap;
   font-variant-numeric: tabular-nums;

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

@@ -346,14 +346,14 @@ export class PamiRating {
         const name = interactive
             ? baseLabel
             : `${baseLabel}: ${this.resolveLabel(value)}`;
-        return (h(Host, { key: 'be0c9edff5e12aa64949162918ebf1f3e80a9201', class: {
+        return (h(Host, { key: '57a8bad3b8a4a23fd85cba510dd22c0e289850cc', class: {
                 'pami-rating': true,
                 [`pami-rating--${this.size}`]: true,
                 'pami-rating--readonly': this.readonly,
                 'pami-rating--disabled': this.disabled,
                 'pami-rating--soft-disabled': this.softDisabled,
                 'pami-rating--focused': this.focused,
-            } }, h("div", { key: 'f1aa94e3de5084c48e4ce6e4e399b4e1ab21918f', class: "pami-rating__items", role: interactive ? 'slider' : 'img', "aria-label": name, "aria-valuemin": interactive ? 0 : undefined, "aria-valuemax": interactive ? this.max : undefined, "aria-valuenow": interactive ? value : undefined, "aria-valuetext": interactive ? this.resolveLabel(value) : undefined, "aria-orientation": interactive ? 'horizontal' : undefined, "aria-readonly": interactive ? 'false' : undefined, "aria-disabled": interactive && (this.disabled || this.softDisabled) ? 'true' : undefined, tabindex: tabindex, part: "items", onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, onPointerLeave: this.handlePointerLeave }, Array.from({ length: this.max }, (_, i) => this.renderItem(i))), this.showValueLabel && (h("span", { key: 'f2d2022f46761a60f23edd563325337645b2b31b', class: "pami-rating__value-label", part: "value-label", "aria-hidden": "true" }, this.valueLabelVariants().map((t) => (h("span", { key: t, class: "pami-rating__value-label-sizer", "aria-hidden": "true" }, t))), h("span", { key: '64f020819e68694acf2b48982025e9f9ced7324a', class: "pami-rating__value-label-text" }, this.resolveLabel(this.displayValue))))));
+            } }, h("div", { key: 'bbecc9dbb1021bab383a6b94b80f9c57dd365001', class: "pami-rating__items", role: interactive ? 'slider' : 'img', "aria-label": name, "aria-valuemin": interactive ? 0 : undefined, "aria-valuemax": interactive ? this.max : undefined, "aria-valuenow": interactive ? value : undefined, "aria-valuetext": interactive ? this.resolveLabel(value) : undefined, "aria-orientation": interactive ? 'horizontal' : undefined, "aria-readonly": interactive ? 'false' : undefined, "aria-disabled": interactive && (this.disabled || this.softDisabled) ? 'true' : undefined, tabindex: tabindex, part: "items", onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, onPointerLeave: this.handlePointerLeave }, Array.from({ length: this.max }, (_, i) => this.renderItem(i))), this.showValueLabel && (h("span", { key: '079cdcf2b327cd28a59f647aec5ff310abcd166f', class: "pami-rating__value-label", part: "value-label", "aria-hidden": "true" }, this.valueLabelVariants().map((t) => (h("span", { key: t, class: "pami-rating__value-label-sizer", "aria-hidden": "true" }, t))), h("span", { key: '109e0fb4f13e673996d86de2740f5c079dde1ad2', class: "pami-rating__value-label-text" }, this.resolveLabel(this.displayValue))))));
     }
     static get is() { return "pami-rating"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,3 +1,4 @@
+/* Generated from scripts/templates/pami-ripple.css and pami.tokens.json. Do not edit. */
 /* ==========================================================
    pami-ripple — Pari (Pami press light)
    Keeps the M3 ripple's tag and API. One bloom of warm light grows from the
@@ -7,16 +8,16 @@
 
    SYSTEM TOKENS (set in the token sheet; literal fallbacks below):
      --md-sys-color-pari           The light (warm peach on light, gold on dark)
-     --md-sys-pari-opacity         Peak opacity of the bloom (default: 0.6)
+     --md-sys-pari-opacity         Peak opacity of the bloom (default: 0.24)
      --md-sys-pari-blur            Blur radius (default: 6px)
-     --md-sys-pari-duration        Growth duration (default: 640ms)
+     --md-sys-pari-duration        Growth duration (default: 320ms)
      --md-sys-pari-easing          Growth easing
                                    (default: cubic-bezier(0.16, 1, 0.3, 1))
      --md-sys-motion-press-scale   Host scale while pressed; 1 = off
                                    (default: 1; controls opt in with 0.98)
      --md-sys-motion-press-duration / --md-sys-motion-press-easing
-                                   (default: 150ms,
-                                   cubic-bezier(0.34, 1.56, 0.64, 1))
+                                   (default: 100ms,
+                                   cubic-bezier(0.2, 0, 0.2, 1))
      --md-sys-ripple-enabled       0 suppresses all press feedback
 
    PUBLIC CSS CUSTOM PROPERTIES (override per instance):
@@ -45,7 +46,7 @@
      container's shape even when the embedding host does not clip. */
   border-radius: inherit;
 
-  --_color: var(--pami-ripple-color, var(--md-sys-color-pari, #ffc98e));
+  --_color: var(--pami-ripple-color, var(--md-sys-color-pari, rgba(255, 201, 142, 0.16)));
 }
 
 .pami-ripple {

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

@@ -17,14 +17,7 @@ import { RIPPLE_RELEASE_FADE_MS } from "../../utils/ripple";
  * Reduced motion and forced colours draw no scale; reduced motion keeps the
  * light but does not animate it.
  */
-/* Literal fallbacks: the token sheet may not be loaded, or may predate these tokens. */
-const PARI_DURATION_MS = 640;
-const PARI_OPACITY = 0.6;
-const PARI_EASING = 'cubic-bezier(0.16, 1, 0.3, 1)';
-const PRESS_SCALE = 1;
-const PRESS_DURATION_MS = 150;
-const PRESS_EASING = 'cubic-bezier(0.34, 1.56, 0.64, 1)';
-const EASING_STANDARD = 'cubic-bezier(0.2, 0, 0, 1)';
+import { PARI_DURATION_MS, PARI_OPACITY, PARI_EASING, PRESS_SCALE, PRESS_DURATION_MS, PRESS_EASING, EASING_STANDARD } from "../../utils/pami-motion-defaults";
 const GROW_DURATION_PROP = '--pami-ripple-grow-duration';
 const GROW_EASING_PROP = '--pami-ripple-grow-easing';
 /** A CSS time (`640ms`, `0.64s`) or a bare number of ms. NaN when unparseable. */
@@ -389,7 +382,7 @@ export class PamiRipple {
         this.press(cs, container, cx, cy, radius, false);
     }
     render() {
-        return (h(Host, { key: '6f4756e589f988f5d6df0f3d73457f2a85d41cb4', "aria-hidden": "true" }, h("div", { key: '356826f8ef44d74cc53f6dba19fc8f98174046a8', class: "pami-ripple" })));
+        return (h(Host, { key: 'c4647ba33337ae25ef7f49ee6aa2efcacaf74582', "aria-hidden": "true" }, h("div", { key: '6b7ee0fa84ef5fe9eafe079fdfcf041e0fec9300', class: "pami-ripple" })));
     }
     static get is() { return "pami-ripple"; }
     static get encapsulation() { return "shadow"; }