@sky.ui/core 0.0.8 → 0.0.20

package/dist/helper/utils/color-resolver.d.ts

@@ -32,6 +32,18 @@ export declare function isDefaultColorToken(input: string): boolean;
 export declare function resolveInkColorForToken(input: string): string;
 /** Accent for hover/focus on neutral surfaces. */
 export declare function resolveAccentColorForToken(input: string): string;
+/**
+ * Resolves a color token to a theme semantic surface key, if one exists.
+ */
+export declare function resolveSemanticSurfaceKey(colorToken: string): string | null;
+/** Soft semantic surface tokens for alerts, badges, and subtle status blocks. */
+export declare function semanticSoftSurfaceTokens(semanticKey: string, options?: {
+    bordered?: boolean;
+}): {
+    bg: string;
+    color: string;
+    border: string;
+};
 /**
  * Theme glass border shorthand (`1px solid …` from `--sky-border-primary`).
  * Use as a full `border` value — do not wrap in `Npx solid var(--sky-border-primary)`.

package/dist/helper/utils/color-resolver.js

@@ -1,2 +1,2 @@
-const r={primary:"var(--sky-active-primary)",active:"var(--sky-active-primary)",secondary:"var(--sky-info-primary)",success:"var(--sky-success-primary)",danger:"var(--sky-danger-primary)",warning:"var(--sky-warning-primary)",info:"var(--sky-info-primary)",light:"var(--sky-text-light)",dark:"var(--sky-text-dark)",muted:"var(--sky-text-tertiary)","border-light":"var(--sky-border-light)",default:"var(--sky-glass-solid)"};function t(t,a={}){const e={...r,...a};return e[t]||t||e.primary}function a(r){return{dark:"var(--sky-text-light)",light:"var(--sky-text-dark)",warning:"var(--sky-text-black)",success:"var(--sky-text-black)",default:"var(--sky-text-primary)"}[r]||"var(--sky-text-white)"}function e(r){return"default"===r}function i(r){return e(r)?"var(--sky-text-primary)":t(r)}function o(r){return e(r)?"var(--sky-active-primary)":t(r)}function s(){return"var(--sky-border-primary)"}function n(r){return`${r}px solid var(--sky-border-light)`}const y={shadow:{bg:"var(--sky-glass-solid)",hoverBg:"var(--sky-glass-solid)",color:"var(--sky-text-primary)",hoverColor:"var(--sky-active-primary)",arrow:"var(--sky-glass-solid)"},solid:{hoverShadow:"var(--sky-box-shadow-primary)"},faded:{color:"var(--sky-text-primary)",hoverColor:"var(--sky-text-primary)",arrow:"var(--sky-hover-tertiary)"},bordered:{color:"var(--sky-text-primary)",border:n(2),hoverColor:"var(--sky-text-primary)",hoverBorder:"2px solid var(--sky-text-tertiary)",arrow:"var(--sky-border-light)"},transparent:{color:"var(--sky-text-primary)",hoverBg:"var(--sky-hover-tertiary)",hoverColor:"var(--sky-text-primary)"},flat:{bg:"var(--sky-hover-tertiary)",color:"var(--sky-text-primary)",hoverBg:"var(--sky-hover-secondary)",hoverColor:"var(--sky-active-primary)",arrow:"var(--sky-hover-tertiary)"},ghost:{color:"var(--sky-text-primary)",border:n(2),hoverBg:"var(--sky-hover-secondary)",hoverColor:"var(--sky-text-primary)"},link:{color:"var(--sky-text-primary)",hoverColor:"var(--sky-active-primary)"},light:{color:"var(--sky-text-primary)"}};function v(r,t,a){if(!e(r))return a;const i=y[t];return i?{...a,...i}:a}function c(r,t=20){return`color-mix(in srgb, ${r} ${100-t}%, var(--sky-text-dark))`}function l(r,t=20){return`color-mix(in srgb, ${r} ${100-t}%, var(--sky-text-black))`}function k(r,t=20){return`color-mix(in srgb, ${r} ${100-t}%, var(--sky-text-white))`}function d(r,t=15){return`color-mix(in srgb, ${r} ${t}%, transparent)`}function u(t){const a=t.match(/^([^\s]+)(\s+.+)?$/),e=a?.[1]??t;return`${r[e]||e}${a?.[2]??""}`}function p(r){const t=(r||"").trim(),a=t.indexOf(":");let e="",i=t;-1!==a&&(e=t.slice(0,a).trim(),i=t.slice(a+1).trim());let o="linear",s="90deg";if(e){const[r,a]=e.split("@").map(r=>r.trim()),n=(r||"").toLowerCase();"linear"===n||"radial"===n||"conic"===n?(o=n,s=a||("linear"===o?"90deg":"radial"===o?"circle":"from 0deg at 50% 50%")):i=t}return{kind:o,args:s,stops:i.split(",").map(r=>r.trim()).filter(Boolean)}}function g(r,t="var(--sky-active-primary)"){const a=p(r),e=(a.stops.length?a.stops:[t,t]).map(r=>u(r)),{kind:i,args:o}=a;switch(i){case"linear":return`linear-gradient(${o}, ${e.join(", ")})`;case"radial":return`radial-gradient(${o}, ${e.join(", ")})`;case"conic":return`conic-gradient(${o}, ${e.join(", ")})`;default:return`linear-gradient(90deg, ${e.join(", ")})`}}class h{constructor(r={}){this.config={prefix:r.prefix||"sky",useColorMix:r.useColorMix??!0}}resolve(t){if(t.startsWith("#"))return t;if(t.startsWith("rgb")||t.startsWith("hsl"))return t;if(t.startsWith("var("))return t;const a=`var(--${this.config.prefix}-${t})`;return r[t]||a||r.primary}getTextColor(t){return t in r?a(t):"var(--sky-text-white)"}getHoverColor(r,t=20){return this.config.useColorMix?c(r,t):r}}const m=new h;export{h as ColorResolver,r as DEFAULT_COLOR_TOKENS,m as colorResolver,g as createGradient,l as darkShade,d as fadeMix,c as hoverShade,e as isDefaultColorToken,k as lightShade,p as parseGradientSpec,o as resolveAccentColorForToken,t as resolveColor,u as resolveGradientStop,i as resolveInkColorForToken,a as resolveTextColorForToken,s as skyBorderPrimaryShorthand,n as skyBorderWidthSolid,v as tuneSurfaceVariantForDefaultColor};
+const r={primary:"var(--sky-active-primary)",active:"var(--sky-active-primary)",secondary:"var(--sky-info-primary)",success:"var(--sky-success-primary)",danger:"var(--sky-danger-primary)",warning:"var(--sky-warning-primary)",info:"var(--sky-info-primary)",light:"var(--sky-text-light)",dark:"var(--sky-text-dark)",muted:"var(--sky-text-tertiary)","border-light":"var(--sky-border-light)",default:"var(--sky-glass-solid)"};function t(t,a={}){const e={...r,...a};return e[t]||t||e.primary}function a(r){return{dark:"var(--sky-text-light)",light:"var(--sky-text-dark)",warning:"var(--sky-text-black)",success:"var(--sky-text-black)",default:"var(--sky-text-primary)"}[r]||"var(--sky-text-white)"}function e(r){return"default"===r}function o(r){return e(r)?"var(--sky-text-primary)":t(r)}function i(r){return e(r)?"var(--sky-active-primary)":t(r)}const s={primary:"active",active:"active",success:"success",danger:"danger",warning:"warning",info:"info",secondary:"info"};function n(r){return s[r]??null}function y(r,t={}){return{bg:`var(--sky-${r}-quinary)`,color:`var(--sky-${r}-primary-dark)`,border:t.bordered?`1px solid var(--sky-${r}-g1)`:"none"}}function v(){return"var(--sky-border-primary)"}function c(r){return`${r}px solid var(--sky-border-light)`}const l={shadow:{bg:"var(--sky-glass-solid)",hoverBg:"var(--sky-glass-solid)",color:"var(--sky-text-primary)",hoverColor:"var(--sky-active-primary)",shadow:"none",hoverShadow:"var(--sky-box-shadow-hover)",arrow:"var(--sky-glass-solid)"},solid:{hoverShadow:"var(--sky-box-shadow-hover)"},faded:{color:"var(--sky-text-primary)",hoverColor:"var(--sky-text-primary)",arrow:"var(--sky-hover-tertiary)"},bordered:{color:"var(--sky-text-primary)",border:c(2),hoverColor:"var(--sky-text-primary)",hoverBorder:"2px solid var(--sky-text-tertiary)",arrow:"var(--sky-border-light)"},transparent:{color:"var(--sky-text-primary)",hoverBg:"var(--sky-hover-tertiary)",hoverColor:"var(--sky-text-primary)"},flat:{bg:"var(--sky-hover-tertiary)",color:"var(--sky-text-primary)",hoverBg:"var(--sky-hover-secondary)",hoverColor:"var(--sky-active-primary)",arrow:"var(--sky-hover-tertiary)"},ghost:{color:"var(--sky-text-primary)",border:c(2),hoverBg:"var(--sky-hover-secondary)",hoverColor:"var(--sky-text-primary)"},link:{color:"var(--sky-text-primary)",hoverColor:"var(--sky-active-primary)"},light:{color:"var(--sky-text-primary)"}};function k(r,t,a){if(!e(r))return a;const o=l[t];return o?{...a,...o}:a}function d(r,t=20){return`color-mix(in srgb, ${r} ${100-t}%, var(--sky-text-dark))`}function u(r,t=20){return`color-mix(in srgb, ${r} ${100-t}%, var(--sky-text-black))`}function g(r,t=20){return`color-mix(in srgb, ${r} ${100-t}%, var(--sky-text-white))`}function h(r,t=15){return`color-mix(in srgb, ${r} ${t}%, transparent)`}function p(t){const a=t.match(/^([^\s]+)(\s+.+)?$/),e=a?.[1]??t;return`${r[e]||e}${a?.[2]??""}`}function m(r){const t=(r||"").trim(),a=t.indexOf(":");let e="",o=t;-1!==a&&(e=t.slice(0,a).trim(),o=t.slice(a+1).trim());let i="linear",s="90deg";if(e){const[r,a]=e.split("@").map(r=>r.trim()),n=(r||"").toLowerCase();"linear"===n||"radial"===n||"conic"===n?(i=n,s=a||("linear"===i?"90deg":"radial"===i?"circle":"from 0deg at 50% 50%")):o=t}return{kind:i,args:s,stops:o.split(",").map(r=>r.trim()).filter(Boolean)}}function x(r,t="var(--sky-active-primary)"){const a=m(r),e=(a.stops.length?a.stops:[t,t]).map(r=>p(r)),{kind:o,args:i}=a;switch(o){case"linear":return`linear-gradient(${i}, ${e.join(", ")})`;case"radial":return`radial-gradient(${i}, ${e.join(", ")})`;case"conic":return`conic-gradient(${i}, ${e.join(", ")})`;default:return`linear-gradient(90deg, ${e.join(", ")})`}}class f{constructor(r={}){this.config={prefix:r.prefix||"sky",useColorMix:r.useColorMix??!0}}resolve(t){if(t.startsWith("#"))return t;if(t.startsWith("rgb")||t.startsWith("hsl"))return t;if(t.startsWith("var("))return t;const a=`var(--${this.config.prefix}-${t})`;return r[t]||a||r.primary}getTextColor(t){return t in r?a(t):"var(--sky-text-white)"}getHoverColor(r,t=20){return this.config.useColorMix?d(r,t):r}}const $=new f;export{f as ColorResolver,r as DEFAULT_COLOR_TOKENS,$ as colorResolver,x as createGradient,u as darkShade,h as fadeMix,d as hoverShade,e as isDefaultColorToken,g as lightShade,m as parseGradientSpec,i as resolveAccentColorForToken,t as resolveColor,p as resolveGradientStop,o as resolveInkColorForToken,n as resolveSemanticSurfaceKey,a as resolveTextColorForToken,y as semanticSoftSurfaceTokens,v as skyBorderPrimaryShorthand,c as skyBorderWidthSolid,k as tuneSurfaceVariantForDefaultColor};
 //# sourceMappingURL=color-resolver.js.map

package/dist/helper/utils/color-resolver.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-resolver.js","sources":["../../../src/helper/utils/color-resolver.ts"],"sourcesContent":[null],"names":["DEFAULT_COLOR_TOKENS","primary","active","secondary","success","danger","warning","info","light","dark","muted","default","resolveColor","input","customMap","map","resolveTextColorForToken","isDefaultColorToken","resolveInkColorForToken","resolveAccentColorForToken","skyBorderPrimaryShorthand","skyBorderWidthSolid","widthPx","DEFAULT_COLOR_VARIANT_PATCHES","shadow","bg","hoverBg","color","hoverColor","arrow","solid","hoverShadow","faded","bordered","border","hoverBorder","transparent","flat","ghost","link","tuneSurfaceVariantForDefaultColor","colorToken","variant","styles","patch","hoverShade","amount","darkShade","lightShade","fadeMix","resolveGradientStop","stop","match","head","parseGradientSpec","raw","trim","idx","indexOf","prefix","stopsStr","slice","kind","args","k","a","split","s","kLower","toLowerCase","stops","filter","Boolean","createGradient","specStr","fallbackColor","spec","length","st","join","ColorResolver","constructor","config","this","useColorMix","resolve","startsWith","customVar","getTextColor","backgroundColor","getHoverColor","baseColor","darkenAmount","colorResolver"],"mappings":"AA0BO,MAAMA,EAA+C,CAC1DC,QAAS,4BACTC,OAAQ,4BACRC,UAAW,0BACXC,QAAS,6BACTC,OAAQ,4BACRC,QAAS,6BACTC,KAAM,0BACNC,MAAO,wBACPC,KAAM,uBAENC,MAAO,2BAEP,eAAgB,0BAChBC,QAAS,mCASKC,EACdC,EACAC,EAAoC,IAEpC,MAAMC,EAAM,IAAKf,KAAyBc,GAC1C,OAAOC,EAAIF,IAAUA,GAASE,EAAId,OACpC,CAOM,SAAUe,EAAyBH,GASvC,MARyC,CACvCJ,KAAM,wBACND,MAAO,uBACPF,QAAS,wBACTF,QAAS,wBACTO,QAAS,2BAGKE,IAAU,uBAC5B,CAGM,SAAUI,EAAoBJ,GAClC,MAAiB,YAAVA,CACT,CAGM,SAAUK,EAAwBL,GACtC,OAAOI,EAAoBJ,GACvB,0BACAD,EAAaC,EACnB,CAGM,SAAUM,EAA2BN,GACzC,OAAOI,EAAoBJ,GACvB,4BACAD,EAAaC,EACnB,UAMgBO,IACd,MAAO,2BACT,CAKM,SAAUC,EAAoBC,GAClC,MAAO,GAAGA,mCACZ,CAeA,MAAMC,EAA0E,CAC9EC,OAAQ,CACNC,GAAI,yBACJC,QAAS,yBACTC,MAAO,0BACPC,WAAY,4BACZC,MAAO,0BAETC,MAAO,CACLC,YAAa,iCAEfC,MAAO,CACLL,MAAO,0BACPC,WAAY,0BACZC,MAAO,6BAETI,SAAU,CACRN,MAAO,0BACPO,OAAQb,EAAoB,GAC5BO,WAAY,0BACZO,YAAa,qCACbN,MAAO,2BAETO,YAAa,CACXT,MAAO,0BACPD,QAAS,4BACTE,WAAY,2BAEdS,KAAM,CACJZ,GAAI,4BACJE,MAAO,0BACPD,QAAS,6BACTE,WAAY,4BACZC,MAAO,6BAETS,MAAO,CACLX,MAAO,0BACPO,OAAQb,EAAoB,GAC5BK,QAAS,6BACTE,WAAY,2BAEdW,KAAM,CACJZ,MAAO,0BACPC,WAAY,6BAEdpB,MAAO,CACLmB,MAAO,qCAQKa,EACdC,EACAC,EACAC,GAEA,IAAK1B,EAAoBwB,GAAa,OAAOE,EAC7C,MAAMC,EAAQrB,EAA8BmB,GAC5C,OAAKE,EACE,IAAKD,KAAWC,GADJD,CAErB,UAQgBE,EAAWlB,EAAemB,EAAiB,IACzD,MAAO,sBAAsBnB,KAAS,IAAMmB,2BAC9C,UAOgBC,EAAUpB,EAAemB,EAAiB,IACxD,MAAO,sBAAsBnB,KAAS,IAAMmB,4BAC9C,UAOgBE,EAAWrB,EAAemB,EAAiB,IACzD,MAAO,sBAAsBnB,KAAS,IAAMmB,4BAC9C,UASgBG,EAAQtB,EAAemB,EAAiB,IACtD,MAAO,sBAAsBnB,KAASmB,kBACxC,CAOM,SAAUI,EAAoBC,GAClC,MAAMC,EAAQD,EAAKC,MAAM,sBACnBC,EAAOD,IAAQ,IAAMD,EAI3B,MAAO,GADUnD,EAAqBqD,IAASA,IAFlCD,IAAQ,IAAM,IAI7B,CAiBM,SAAUE,EAAkBzC,GAChC,MAAM0C,GAAO1C,GAAS,IAAI2C,OACpBC,EAAMF,EAAIG,QAAQ,KACxB,IAAIC,EAAS,GACTC,EAAWL,GAEH,IAARE,IACFE,EAASJ,EAAIM,MAAM,EAAGJ,GAAKD,OAC3BI,EAAWL,EAAIM,MAAMJ,EAAM,GAAGD,QAGhC,IAAIM,EAAsC,SACtCC,EAAO,QAEX,GAAIJ,EAAQ,CACV,MAAOK,EAAGC,GAAKN,EAAOO,MAAM,KAAKnD,IAAIoD,GAAKA,EAAEX,QACtCY,GAAUJ,GAAK,IAAIK,cACV,WAAXD,GAAkC,WAAXA,GAAkC,UAAXA,GAChDN,EAAOM,EACPL,EAAOE,IAAe,WAATH,EACT,QACS,WAATA,EACE,SACA,yBAENF,EAAWL,CAEf,CAOA,MAAO,CAAEO,OAAMC,OAAMO,MALPV,EACXM,MAAM,KACNnD,IAAIoD,GAAKA,EAAEX,QACXe,OAAOC,SAGZ,UAQgBC,EACdC,EACAC,EAAwB,6BAExB,MAAMC,EAAOtB,EAAkBoB,GACzBJ,GACJM,EAAKN,MAAMO,OACPD,EAAKN,MACL,CAACK,EAAeA,IACpB5D,IAAI+D,GAAM5B,EAAoB4B,KAE1BhB,KAAEA,EAAIC,KAAEA,GAASa,EAEvB,OAAQd,GACN,IAAK,SACH,MAAO,mBAAmBC,MAASO,EAAMS,KAAK,SAChD,IAAK,SACH,MAAO,mBAAmBhB,MAASO,EAAMS,KAAK,SAChD,IAAK,QACH,MAAO,kBAAkBhB,MAASO,EAAMS,KAAK,SAC/C,QACE,MAAO,0BAA0BT,EAAMS,KAAK,SAElD,OAKaC,EAGX,WAAAC,CAAYC,EAA8B,IACxCC,KAAKD,OAAS,CACZvB,OAAQuB,EAAOvB,QAAU,MACzByB,YAAaF,EAAOE,cAAe,EAEvC,CAKA,OAAAC,CAAQxE,GACN,GAAIA,EAAMyE,WAAW,KAAM,OAAOzE,EAClC,GAAIA,EAAMyE,WAAW,QAAUzE,EAAMyE,WAAW,OAAQ,OAAOzE,EAC/D,GAAIA,EAAMyE,WAAW,QAAS,OAAOzE,EAErC,MAAM0E,EAAY,SAASJ,KAAKD,OAAOvB,UAAU9C,KAGjD,OAFwBb,EAAqBa,IAEnB0E,GAAavF,EAAqBC,OAC9D,CAKA,YAAAuF,CAAaC,GAEX,OAAIA,KAAmBzF,EACdgB,EAAyByE,GAI3B,uBACT,CAKA,aAAAC,CAAcC,EAAmBC,EAAuB,IACtD,OAAKT,KAAKD,OAAOE,YAKVvC,EAAW8C,EAAWC,GAHpBD,CAIX,EAMK,MAAME,EAAgB,IAAIb"}
+{"version":3,"file":"color-resolver.js","sources":["../../../src/helper/utils/color-resolver.ts"],"sourcesContent":[null],"names":["DEFAULT_COLOR_TOKENS","primary","active","secondary","success","danger","warning","info","light","dark","muted","default","resolveColor","input","customMap","map","resolveTextColorForToken","isDefaultColorToken","resolveInkColorForToken","resolveAccentColorForToken","SEMANTIC_SURFACE_KEYS","resolveSemanticSurfaceKey","colorToken","semanticSoftSurfaceTokens","semanticKey","options","bg","color","border","bordered","skyBorderPrimaryShorthand","skyBorderWidthSolid","widthPx","DEFAULT_COLOR_VARIANT_PATCHES","shadow","hoverBg","hoverColor","hoverShadow","arrow","solid","faded","hoverBorder","transparent","flat","ghost","link","tuneSurfaceVariantForDefaultColor","variant","styles","patch","hoverShade","amount","darkShade","lightShade","fadeMix","resolveGradientStop","stop","match","head","parseGradientSpec","raw","trim","idx","indexOf","prefix","stopsStr","slice","kind","args","k","a","split","s","kLower","toLowerCase","stops","filter","Boolean","createGradient","specStr","fallbackColor","spec","length","st","join","ColorResolver","constructor","config","this","useColorMix","resolve","startsWith","customVar","getTextColor","backgroundColor","getHoverColor","baseColor","darkenAmount","colorResolver"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,30 +1,19 @@
 export { html } from 'lit';
 export * from './helper';
-export * from './sky-accordion';
-export * from './sky-accordion-item';
 export * from './sky-alert';
 export * from './sky-appbar';
 export * from './sky-avatar';
 export * from './sky-badge';
-export * from './sky-breadcrumb';
 export * from './sky-button';
-export * from './sky-button-group';
 export * from './sky-card';
-export * from './sky-carousel';
 export * from './sky-checkbox';
 export * from './sky-chip';
 export * from './sky-col';
 export * from './sky-combobox';
-export * from './sky-counter';
 export * from './sky-dialog';
 export * from './sky-divider';
-export * from './sky-drawer';
-export * from './sky-dropdown';
-export * from './sky-dropdown-item';
-export * from './sky-flexbar';
 export * from './sky-flexbox';
 export * from './sky-flexcol';
-export * from './sky-flexitem';
 export * from './sky-form';
 export * from './sky-grid';
 export * from './sky-icon';
@@ -32,27 +21,8 @@ export * from './sky-image';
 export * from './sky-input';
 export * from './sky-list';
 export * from './sky-listitem';
-export * from './sky-navbar';
-export * from './sky-navpanel';
-export * from './sky-notification';
-export * from './sky-otp';
-export * from './sky-overlay';
-export * from './sky-pagination';
-export * from './sky-progress';
 export * from './sky-radio';
-export * from './sky-radio-group';
-export * from './sky-range';
 export * from './sky-row';
-export * from './sky-serial';
 export * from './sky-sheet';
-export * from './sky-skeleton';
-export * from './sky-slider';
-export * from './sky-speeddial';
-export * from './sky-spinner';
-export * from './sky-steps';
-export * from './sky-switch';
-export * from './sky-tab';
-export * from './sky-tab-button';
+export * from './sky-simple-table';
 export * from './sky-theme-provider';
-export * from './sky-theme-switcher';
-export * from './sky-tooltip';

package/dist/index.js

@@ -1,2 +1,2 @@
-export{html}from"lit";export{FormControlBase}from"./helper/internals/form-control-base.js";export{ColorResolver,DEFAULT_COLOR_TOKENS,colorResolver,createGradient,darkShade,fadeMix,hoverShade,isDefaultColorToken,lightShade,parseGradientSpec,resolveAccentColorForToken,resolveColor,resolveGradientStop,resolveInkColorForToken,resolveTextColorForToken,skyBorderPrimaryShorthand,skyBorderWidthSolid,tuneSurfaceVariantForDefaultColor}from"./helper/utils/color-resolver.js";export{resolveRadius}from"./helper/utils/size-resolver.js";export{AnimationController}from"./helper/controllers/animation-controller.js";export{PopoverController}from"./helper/controllers/popover-controller.js";export{extractIconNames,fetchIconsForOffline,registerOfflineIcons}from"./helper/iconify-offline.js";export{SkyAccordion}from"./sky-accordion/sky-accordion.js";export{SkyAccordionItem}from"./sky-accordion-item/sky-accordion-item.js";export{SkyAlert}from"./sky-alert/sky-alert.js";export{SkyAppbar}from"./sky-appbar/sky-appbar.js";export{SkyAvatar}from"./sky-avatar/sky-avatar.js";export{SkyBadge}from"./sky-badge/sky-badge.js";export{SkyBreadcrumb}from"./sky-breadcrumb/sky-breadcrumb.js";export{SkyButton}from"./sky-button/sky-button.js";export{SkyButtonGroup}from"./sky-button-group/sky-button-group.js";export{SkyCard}from"./sky-card/sky-card.js";export{SkyCarousel}from"./sky-carousel/sky-carousel.js";export{SkyCheckbox}from"./sky-checkbox/sky-checkbox.js";export{SkyChip}from"./sky-chip/sky-chip.js";export{SkyCol}from"./sky-col/sky-col.js";export{SkyCombobox}from"./sky-combobox/sky-combobox.js";export{SkyCounter}from"./sky-counter/sky-counter.js";export{SkyDialog}from"./sky-dialog/sky-dialog.js";export{SkyDivider}from"./sky-divider/sky-divider.js";export{SkyDrawer}from"./sky-drawer/sky-drawer.js";export{SkyDropdown}from"./sky-dropdown/sky-dropdown.js";export{SkyDropdownItem}from"./sky-dropdown-item/sky-dropdown-item.js";export{SkyFlexbar}from"./sky-flexbar/sky-flexbar.js";export{SkyFlexbox}from"./sky-flexbox/sky-flexbox.js";export{SkyFlexcol}from"./sky-flexcol/sky-flexcol.js";export{SkyFlexitem}from"./sky-flexitem/sky-flexitem.js";export{SkyForm}from"./sky-form/sky-form.js";export{SkyGrid}from"./sky-grid/sky-grid.js";export{SkyIcon}from"./sky-icon/sky-icon.js";export{SkyImage}from"./sky-image/sky-image.js";export{SkyInput}from"./sky-input/sky-input.js";export{SkyList}from"./sky-list/sky-list.js";export{SkyListitem}from"./sky-listitem/sky-listitem.js";export{SkyNavbar}from"./sky-navbar/sky-navbar.js";export{SkyNavpanel}from"./sky-navpanel/sky-navpanel.js";export{SkyNotification}from"./sky-notification/sky-notification.js";export{SkyOtp}from"./sky-otp/sky-otp.js";export{SkyOverlay}from"./sky-overlay/sky-overlay.js";export{SkyPagination}from"./sky-pagination/sky-pagination.js";export{SkyProgress}from"./sky-progress/sky-progress.js";export{SkyRadio}from"./sky-radio/sky-radio.js";export{SkyRadioGroup}from"./sky-radio-group/sky-radio-group.js";export{SkyRange}from"./sky-range/sky-range.js";export{SkyRow}from"./sky-row/sky-row.js";export{SkySerial}from"./sky-serial/sky-serial.js";export{SkySheet,resolveSheetRadius}from"./sky-sheet/sky-sheet.js";export{SkySkeleton}from"./sky-skeleton/sky-skeleton.js";export{SkySlider}from"./sky-slider/sky-slider.js";export{SkySpeeddial}from"./sky-speeddial/sky-speeddial.js";export{SkySpinner}from"./sky-spinner/sky-spinner.js";export{SkySteps}from"./sky-steps/sky-steps.js";export{SkySwitch}from"./sky-switch/sky-switch.js";export{SkyTab}from"./sky-tab/sky-tab.js";export{SkyTabButton}from"./sky-tab-button/sky-tab-button.js";export{SkyThemeProvider,defaultTheme,getCurrentTheme,getThemePreference,mergeTheme,onThemeChange,resolveActualTheme,themeContext}from"./sky-theme-provider/sky-theme-provider.js";export{SkyThemeSwitcher}from"./sky-theme-switcher/sky-theme-switcher.js";export{SkyTooltip}from"./sky-tooltip/sky-tooltip.js";
+export{html}from"lit";export{FormControlBase}from"./helper/internals/form-control-base.js";export{ColorResolver,DEFAULT_COLOR_TOKENS,colorResolver,createGradient,darkShade,fadeMix,hoverShade,isDefaultColorToken,lightShade,parseGradientSpec,resolveAccentColorForToken,resolveColor,resolveGradientStop,resolveInkColorForToken,resolveSemanticSurfaceKey,resolveTextColorForToken,semanticSoftSurfaceTokens,skyBorderPrimaryShorthand,skyBorderWidthSolid,tuneSurfaceVariantForDefaultColor}from"./helper/utils/color-resolver.js";export{resolveRadius}from"./helper/utils/size-resolver.js";export{AnimationController}from"./helper/controllers/animation-controller.js";export{PopoverController}from"./helper/controllers/popover-controller.js";export{extractIconNames,fetchIconsForOffline,registerOfflineIcons}from"./helper/iconify-offline.js";export{SkyAlert}from"./sky-alert/sky-alert.js";export{SkyAppbar}from"./sky-appbar/sky-appbar.js";export{SkyAvatar}from"./sky-avatar/sky-avatar.js";export{SkyBadge}from"./sky-badge/sky-badge.js";export{SkyButton}from"./sky-button/sky-button.js";export{SkyCard}from"./sky-card/sky-card.js";export{SkyCheckbox}from"./sky-checkbox/sky-checkbox.js";export{SkyChip}from"./sky-chip/sky-chip.js";export{SkyCol}from"./sky-col/sky-col.js";export{SkyCombobox}from"./sky-combobox/sky-combobox.js";export{SkyDialog}from"./sky-dialog/sky-dialog.js";export{SkyDivider}from"./sky-divider/sky-divider.js";export{SkyFlexbox}from"./sky-flexbox/sky-flexbox.js";export{SkyFlexcol}from"./sky-flexcol/sky-flexcol.js";export{SkyForm}from"./sky-form/sky-form.js";export{SkyGrid}from"./sky-grid/sky-grid.js";export{SkyIcon}from"./sky-icon/sky-icon.js";export{SkyImage}from"./sky-image/sky-image.js";export{SkyInput}from"./sky-input/sky-input.js";export{SkyList}from"./sky-list/sky-list.js";export{SkyListitem}from"./sky-listitem/sky-listitem.js";export{SkyRadio}from"./sky-radio/sky-radio.js";export{SkyRow}from"./sky-row/sky-row.js";export{SkySheet,resolveSheetRadius}from"./sky-sheet/sky-sheet.js";export{SkySimpleTable}from"./sky-simple-table/sky-simple-table.js";export{SkyThemeProvider,defaultTheme,getCurrentTheme,getThemePreference,mergeTheme,onThemeChange,resolveActualTheme,themeContext}from"./sky-theme-provider/sky-theme-provider.js";
 //# sourceMappingURL=index.js.map

package/dist/sky-alert/sky-alert.js

@@ -1,4 +1,4 @@
-import{__decorate as t,__metadata as e}from"tslib";import{LitElement as r,css as i,html as o}from"lit";import{property as s,state as n,customElement as a}from"lit/decorators.js";import{styleMap as l}from"lit/directives/style-map.js";import{classMap as p}from"lit/directives/class-map.js";import{when as d}from"lit/directives/when.js";import{resolveRadius as c}from"../helper/utils/size-resolver.js";import{resolveColor as h,resolveTextColorForToken as g,tuneSurfaceVariantForDefaultColor as y,isDefaultColorToken as m,hoverShade as v,fadeMix as u}from"../helper/utils/color-resolver.js";import{SkyIcon as b}from"../sky-icon/sky-icon.js";let f=class extends r{constructor(){super(...arguments),this.title="",this.message="",this.removable=!1,this.color="primary",this.size="md",this.radius="md",this.icon=null,this.strip="none",this.stripColor="currentColor",this.variant="solid",this.loading=!1,this.roleType="alert",this._styleVars={},this._sizeCache=null,this._hasActionsSlotContent=!1}static{this.dependencies={"sky-icon":b}}static{this.styles=i`
+import{__decorate as t,__metadata as e}from"tslib";import{LitElement as r,css as i,html as o}from"lit";import{property as s,state as n,customElement as a}from"lit/decorators.js";import{styleMap as l}from"lit/directives/style-map.js";import{classMap as p}from"lit/directives/class-map.js";import{when as d}from"lit/directives/when.js";import{resolveRadius as c}from"../helper/utils/size-resolver.js";import{resolveColor as h,resolveTextColorForToken as g,resolveSemanticSurfaceKey as y,semanticSoftSurfaceTokens as v,tuneSurfaceVariantForDefaultColor as m,isDefaultColorToken as b,skyBorderPrimaryShorthand as x,hoverShade as f,fadeMix as u}from"../helper/utils/color-resolver.js";import{SkyIcon as k}from"../sky-icon/sky-icon.js";let z=class extends r{constructor(){super(...arguments),this.title="",this.message="",this.removable=!1,this.color="primary",this.size="md",this.radius="md",this.icon=null,this.strip="none",this.stripColor="currentColor",this.variant="solid",this.loading=!1,this.roleType="alert",this._styleVars={},this._sizeCache=null,this._hasActionsSlotContent=!1}static{this.dependencies={"sky-icon":k}}static{this.styles=i`
     :host {
       display: block;
       font-family: var(--sky-font);
@@ -17,20 +17,13 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as r,css as
       border: var(--alert-border, none);
       color: var(--alert-color, var(--sky-text-primary));
       background-color: var(--alert-bg, transparent);
-      transition: background-color var(--sky-duration-slow, 300ms) var(--sky-ease-default, ease),
-        color var(--sky-duration-slow, 300ms) var(--sky-ease-default, ease),
-        border-color var(--sky-duration-slow, 300ms) var(--sky-ease-default, ease);
+      backdrop-filter: none;
+      -webkit-backdrop-filter: none;
+      transition: var(--sky-transition-default);
       min-height: var(--alert-min-height, 36px);
       animation: skyc-fade-in var(--sky-duration-fast, 120ms) var(--sky-ease-out, ease-out);
     }
 
-    @media (prefers-reduced-motion: reduce) {
-      .alert {
-        animation: none;
-        transition: none;
-      }
-    }
-
     /* Strip styles (logical properties for RTL) */
     .alert.strip-start::before,
     .alert.strip-end::after {
@@ -111,11 +104,8 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as r,css as
     }
 
     .title {
-      font-size: var(--title-font-size, var(--sky-font-size-md, 1rem));
-      font-weight: var(--sky-font-weight-bold, 700);
-      line-height: var(--sky-line-height-tight, 1.2);
-      letter-spacing: var(--sky-letter-spacing-normal, 0);
-      font-family: var(--sky-font);
+      font: var(--sky-text-title);
+      font-size: var(--title-font-size);
       color: inherit;
       margin: 0 0 var(--sky-space-1, 4px) 0;
     }
@@ -123,16 +113,14 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as r,css as
     .message {
       margin: 0;
       text-align: start;
-      font-size: var(--message-font-size, var(--sky-font-size-sm, 0.875rem));
-      line-height: var(--sky-line-height-normal, 1.5);
-      letter-spacing: var(--sky-letter-spacing-normal, 0);
-      font-family: var(--sky-font);
+      font: var(--sky-text-body);
+      font-size: var(--message-font-size);
       color: inherit;
     }
 
     ::slotted(*) {
-      font-size: var(--message-font-size, var(--sky-font-size-sm, 0.875rem));
-      line-height: var(--sky-line-height-normal, 1.5);
+      font: var(--sky-text-body);
+      font-size: var(--message-font-size);
     }
 
     .actions {
@@ -142,7 +130,7 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as r,css as
       justify-content: flex-end;
       flex: 0 0 auto;
       align-self: stretch;
-      border-inline-start: 1px solid var(--sky-border-light, rgba(0, 0, 0, 0.15));
+      border-inline-start: 1px solid var(--sky-border-light);
       padding-inline-start: var(--sky-space-2, 8px);
       margin-inline-start: var(--sky-space-1, 4px);
     }
@@ -157,7 +145,7 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as r,css as
     }
 
     .close-button {
-      margin-inline-start: var(--sky-space-1.5, 6px);
+      margin-inline-start: var(--sky-space-1\\.5, 6px);
       display: inline-flex;
       aspect-ratio: 1 / 1;
       justify-content: center;
@@ -172,9 +160,7 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as r,css as
       cursor: pointer;
       font-weight: var(--sky-font-weight-bold, 700);
       color: var(--close-color, currentColor);
-      transition: transform var(--sky-duration-normal, 200ms) var(--sky-ease-default, ease),
-        background-color var(--sky-duration-normal, 200ms) var(--sky-ease-default, ease),
-        color var(--sky-duration-normal, 200ms) var(--sky-ease-default, ease);
+      transition: var(--sky-transition-fast);
       -webkit-tap-highlight-color: transparent;
     }
 
@@ -191,27 +177,17 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as r,css as
       color: var(--close-hover-color, currentColor);
     }
 
-    @media (prefers-reduced-motion: reduce) {
-      .close-button {
-        transition: none;
-      }
-      .close-button:hover,
-      .close-button:focus-visible {
-        transform: none;
-      }
-    }
-
     .loading-overlay {
       position: absolute;
       inset: 0;
       display: flex;
       align-items: center;
       justify-content: center;
-      background: var(--sky-overlay-primary);
+      background: var(--sky-overlay-secondary);
       border-radius: inherit;
-      backdrop-filter: var(--sky-blur-primary);
+      backdrop-filter: none;
+      -webkit-backdrop-filter: none;
       z-index: 2;
-     
     }
 
     .loading-spinner {
@@ -224,6 +200,20 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as r,css as
     }
 
     @media (prefers-reduced-motion: reduce) {
+      .alert {
+        animation: none;
+        transition: none;
+      }
+
+      .close-button {
+        transition: none;
+      }
+
+      .close-button:hover,
+      .close-button:focus-visible {
+        transform: none;
+      }
+
       .loading-spinner {
         animation: none;
       }
@@ -245,7 +235,7 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as r,css as
         transform: translateY(0);
       }
     }
-  `}_resolveSize(t){const e=String(t).trim();if(this._sizeCache&&this._sizeCache.size===e)return this._sizeCache.result;const r={xs:{padding:"3px 7px",titleFontSize:"12px",messageFontSize:"11px",gap:"4px",icon:"14px",closeSize:"18px",closeFontSize:"12px",spinner:"12px",stripWidth:"2px",minHeight:"28px"},sm:{padding:"5px 9px",titleFontSize:"14px",messageFontSize:"13px",gap:"6px",icon:"16px",closeSize:"20px",closeFontSize:"14px",spinner:"14px",stripWidth:"3px",minHeight:"32px"},md:{padding:"8px 12px",titleFontSize:"16px",messageFontSize:"14px",gap:"8px",icon:"20px",closeSize:"24px",closeFontSize:"16px",spinner:"16px",stripWidth:"4px",minHeight:"36px"},lg:{padding:"10px 14px",titleFontSize:"18px",messageFontSize:"15px",gap:"10px",icon:"22px",closeSize:"28px",closeFontSize:"18px",spinner:"18px",stripWidth:"5px",minHeight:"40px"},xl:{padding:"12px 16px",titleFontSize:"20px",messageFontSize:"16px",gap:"12px",icon:"24px",closeSize:"32px",closeFontSize:"20px",spinner:"20px",stripWidth:"6px",minHeight:"44px"}};if(r[t])return this._sizeCache={size:e,result:r[t]},r[t];const i=String(t).trim().match(/^([\d.]+)(px|rem|em)?$/i),o=i?.[2]||"px",s=i?parseFloat(i[1]):16,n=t=>`${Math.round(100*t)/100}${o}`,a=(t,e,r)=>Math.max(e,Math.min(r,t)),l=`${s}${o}`,p=a(.875*s,11,16),d=a(.5*s,3,12),c=a(.75*s,7,16),h=a(.5*s,4,12),g=a(1.25*s,14,24),y=a(1.5*s,18,32),m=a(1*s,12,20),v=a(1*s,12,20),u=a(.25*s,2,6),b=a(2.25*s,28,44);return{padding:`${n(d)} ${n(c)}`,titleFontSize:l,messageFontSize:n(p),gap:n(h),icon:n(g),closeSize:n(y),closeFontSize:n(m),spinner:n(v),stripWidth:n(u),minHeight:n(b)}}willUpdate(t){super.willUpdate(t),(t.has("color")||t.has("variant")||t.has("stripColor")||t.has("radius")||t.has("size"))&&this._updateStyleVars()}firstUpdated(){queueMicrotask(()=>this._checkActionsSlot())}_updateStyleVars(){const t=h(this.color),e=g(this.color),r="currentColor"===this.stripColor?t:h(this.stripColor),i=this._resolveSize(this.size),o={solid:{bg:t,color:e,border:"none"},flat:{bg:u(t,20),color:v(t,30),border:"none"},faded:{bg:"var(--sky-hover-tertiary)",color:t,border:"1px solid var(--sky-text-tertiary)"},bordered:{bg:"transparent",color:t,border:`2px solid ${t}`},light:{bg:"transparent",color:t,border:"none"}},s=this.variant in o?this.variant:"flat",n=y(this.color,s,o[s]);let a="var(--sky-hover-primary)",l="currentColor",p="var(--sky-hover-secondary)",d="currentColor";"solid"===s?(a=u(e,20),l=e,p=u(e,30),d=e):"flat"!==s&&"faded"!==s||(m(this.color)?(a="var(--sky-hover-tertiary)",l=n.color,p="var(--sky-hover-secondary)",d=n.color):(a=u(t,15),l=n.color,p=u(t,25),d=n.color)),this._styleVars={"--alert-bg":n.bg,"--alert-color":n.color,"--alert-border":n.border,"--alert-radius":c(this.radius),"--alert-padding":i.padding,"--alert-gap":i.gap,"--alert-min-height":i.minHeight,"--title-font-size":i.titleFontSize,"--message-font-size":i.messageFontSize,"--icon-size":i.icon,"--close-size":i.closeSize,"--close-font-size":i.closeFontSize,"--spinner-size":i.spinner,"--strip-color":r,"--strip-width":i.stripWidth,"--close-bg":a,"--close-color":l,"--close-hover-bg":p,"--close-hover-color":d}}close(){const t=new CustomEvent("alert-closed",{detail:{title:this.title,message:this.message},bubbles:!0,composed:!0});this.dispatchEvent(t),this.remove()}getAriaRole(){return this.roleType}_checkActionsSlot(){const t=this.renderRoot?.querySelector('slot[name="actions"]');if(!t)return;const e=t.assignedNodes({flatten:!0}).some(t=>t.nodeType!==Node.TEXT_NODE||(t.textContent?.trim().length??0)>0);e!==this._hasActionsSlotContent&&(this._hasActionsSlotContent=e)}_onActionsSlotChange(t){const e=t.target.assignedNodes({flatten:!0}).some(t=>t.nodeType!==Node.TEXT_NODE||(t.textContent?.trim().length??0)>0);this._hasActionsSlotContent=e}render(){const t=this.getAriaRole(),e=p({alert:!0,[this.variant]:!0,"strip-start":"start"===this.strip||"both"===this.strip,"strip-end":"end"===this.strip||"both"===this.strip});return o`
+  `}_resolveSize(t){const e=String(t).trim();if(this._sizeCache&&this._sizeCache.size===e)return this._sizeCache.result;const r={xs:{padding:"3px 7px",titleFontSize:"12px",messageFontSize:"11px",gap:"4px",icon:"14px",closeSize:"18px",closeFontSize:"12px",spinner:"12px",stripWidth:"2px",minHeight:"28px"},sm:{padding:"5px 9px",titleFontSize:"14px",messageFontSize:"13px",gap:"6px",icon:"16px",closeSize:"20px",closeFontSize:"14px",spinner:"14px",stripWidth:"3px",minHeight:"32px"},md:{padding:"8px 12px",titleFontSize:"16px",messageFontSize:"14px",gap:"8px",icon:"20px",closeSize:"24px",closeFontSize:"16px",spinner:"16px",stripWidth:"4px",minHeight:"36px"},lg:{padding:"10px 14px",titleFontSize:"18px",messageFontSize:"15px",gap:"10px",icon:"22px",closeSize:"28px",closeFontSize:"18px",spinner:"18px",stripWidth:"5px",minHeight:"40px"},xl:{padding:"12px 16px",titleFontSize:"20px",messageFontSize:"16px",gap:"12px",icon:"24px",closeSize:"32px",closeFontSize:"20px",spinner:"20px",stripWidth:"6px",minHeight:"44px"}};if(r[t])return this._sizeCache={size:e,result:r[t]},r[t];const i=String(t).trim().match(/^([\d.]+)(px|rem|em)?$/i),o=i?.[2]||"px",s=i?parseFloat(i[1]):16,n=t=>`${Math.round(100*t)/100}${o}`,a=(t,e,r)=>Math.max(e,Math.min(r,t)),l=`${s}${o}`,p=a(.875*s,11,16),d=a(.5*s,3,12),c=a(.75*s,7,16),h=a(.5*s,4,12),g=a(1.25*s,14,24),y=a(1.5*s,18,32),v=a(1*s,12,20),m=a(1*s,12,20),b=a(.25*s,2,6),x=a(2.25*s,28,44);return{padding:`${n(d)} ${n(c)}`,titleFontSize:l,messageFontSize:n(p),gap:n(h),icon:n(g),closeSize:n(y),closeFontSize:n(v),spinner:n(m),stripWidth:n(b),minHeight:n(x)}}willUpdate(t){super.willUpdate(t),(t.has("color")||t.has("variant")||t.has("stripColor")||t.has("radius")||t.has("size"))&&this._updateStyleVars()}firstUpdated(){queueMicrotask(()=>this._checkActionsSlot())}_updateStyleVars(){const t=h(this.color),e=g(this.color),r="currentColor"===this.stripColor?t:h(this.stripColor),i=this._resolveSize(this.size),o=y(this.color),s={solid:{bg:t,color:e,border:"none"},flat:o?v(o):{bg:u(t,20),color:f(t,30),border:"none"},faded:o?v(o,{bordered:!0}):{bg:"var(--sky-hover-tertiary)",color:t,border:"1px solid var(--sky-text-tertiary)"},bordered:{bg:"transparent",color:o?`var(--sky-${o}-primary-dark)`:t,border:`2px solid ${t}`},light:{bg:"transparent",color:o?`var(--sky-${o}-primary-dark)`:t,border:"none"}},n=this.variant in s?this.variant:"flat";let a=m(this.color,n,s[n]);!b(this.color)||"flat"!==n&&"faded"!==n||(a={...a,bg:"var(--sky-glass-solid)",color:"var(--sky-text-primary)",border:"faded"===n?x():"none"});let l="var(--sky-hover-primary)",p="currentColor",d="var(--sky-hover-secondary)",k="currentColor";"solid"===n?(l=u(e,20),p=e,d=u(e,30),k=e):"flat"!==n&&"faded"!==n||(o?(l=`var(--sky-${o}-g0)`,p=a.color,d=`var(--sky-${o}-g1)`,k=a.color):b(this.color)?(l="var(--sky-hover-primary)",p=a.color,d="var(--sky-hover-secondary)",k=a.color):(l=u(t,15),p=a.color,d=u(t,25),k=a.color)),this._styleVars={"--alert-bg":a.bg,"--alert-color":a.color,"--alert-border":a.border,"--alert-radius":c(this.radius),"--alert-padding":i.padding,"--alert-gap":i.gap,"--alert-min-height":i.minHeight,"--title-font-size":i.titleFontSize,"--message-font-size":i.messageFontSize,"--icon-size":i.icon,"--close-size":i.closeSize,"--close-font-size":i.closeFontSize,"--spinner-size":i.spinner,"--strip-color":r,"--strip-width":i.stripWidth,"--close-bg":l,"--close-color":p,"--close-hover-bg":d,"--close-hover-color":k}}close(){const t=new CustomEvent("alert-closed",{detail:{title:this.title,message:this.message},bubbles:!0,composed:!0});this.dispatchEvent(t),this.remove()}getAriaRole(){return this.roleType}_checkActionsSlot(){const t=this.renderRoot?.querySelector('slot[name="actions"]');if(!t)return;const e=t.assignedNodes({flatten:!0}).some(t=>t.nodeType!==Node.TEXT_NODE||(t.textContent?.trim().length??0)>0);e!==this._hasActionsSlotContent&&(this._hasActionsSlotContent=e)}_onActionsSlotChange(t){const e=t.target.assignedNodes({flatten:!0}).some(t=>t.nodeType!==Node.TEXT_NODE||(t.textContent?.trim().length??0)>0);this._hasActionsSlotContent=e}render(){const t=this.getAriaRole(),e=p({alert:!0,[this.variant]:!0,"strip-start":"start"===this.strip||"both"===this.strip,"strip-end":"end"===this.strip||"both"===this.strip});return o`
       <div
         part="alert"
         class=${e}
@@ -288,5 +278,5 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as r,css as
             </div>
           `)}
       </div>
-    `}};t([s({type:String}),e("design:type",String)],f.prototype,"title",void 0),t([s({type:String}),e("design:type",String)],f.prototype,"message",void 0),t([s({type:Boolean}),e("design:type",Boolean)],f.prototype,"removable",void 0),t([s({type:String}),e("design:type",String)],f.prototype,"color",void 0),t([s({type:String}),e("design:type",String)],f.prototype,"size",void 0),t([s({type:String}),e("design:type",String)],f.prototype,"radius",void 0),t([s({type:String}),e("design:type",Object)],f.prototype,"icon",void 0),t([s({type:String,reflect:!0}),e("design:type",String)],f.prototype,"strip",void 0),t([s({type:String}),e("design:type",String)],f.prototype,"stripColor",void 0),t([s({type:String,reflect:!0}),e("design:type",String)],f.prototype,"variant",void 0),t([s({type:Boolean}),e("design:type",Boolean)],f.prototype,"loading",void 0),t([s({type:String,reflect:!0}),e("design:type",String)],f.prototype,"roleType",void 0),t([n(),e("design:type",Object)],f.prototype,"_hasActionsSlotContent",void 0),f=t([a("sky-alert")],f);export{f as SkyAlert};
+    `}};t([s({type:String}),e("design:type",String)],z.prototype,"title",void 0),t([s({type:String}),e("design:type",String)],z.prototype,"message",void 0),t([s({type:Boolean}),e("design:type",Boolean)],z.prototype,"removable",void 0),t([s({type:String}),e("design:type",String)],z.prototype,"color",void 0),t([s({type:String}),e("design:type",String)],z.prototype,"size",void 0),t([s({type:String}),e("design:type",String)],z.prototype,"radius",void 0),t([s({type:String}),e("design:type",Object)],z.prototype,"icon",void 0),t([s({type:String,reflect:!0}),e("design:type",String)],z.prototype,"strip",void 0),t([s({type:String}),e("design:type",String)],z.prototype,"stripColor",void 0),t([s({type:String,reflect:!0}),e("design:type",String)],z.prototype,"variant",void 0),t([s({type:Boolean}),e("design:type",Boolean)],z.prototype,"loading",void 0),t([s({type:String,reflect:!0}),e("design:type",String)],z.prototype,"roleType",void 0),t([n(),e("design:type",Object)],z.prototype,"_hasActionsSlotContent",void 0),z=t([a("sky-alert")],z);export{z as SkyAlert};
 //# sourceMappingURL=sky-alert.js.map

package/dist/sky-alert/sky-alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"sky-alert.js","sources":["../../src/sky-alert/sky-alert.ts"],"sourcesContent":[null],"names":["SkyAlert","LitElement","constructor","this","title","message","removable","color","size","radius","icon","strip","stripColor","variant","loading","roleType","_styleVars","_sizeCache","_hasActionsSlotContent","dependencies","SkyIcon","styles","css","_resolveSize","input","key","String","trim","result","presets","xs","padding","titleFontSize","messageFontSize","gap","closeSize","closeFontSize","spinner","stripWidth","minHeight","sm","md","lg","xl","m","match","unit","fsNum","parseFloat","to","n","Math","round","clamp","min","max","titleFs","messageFs","py","px","closeFont","willUpdate","changedProperties","super","has","_updateStyleVars","firstUpdated","queueMicrotask","_checkActionsSlot","baseColor","resolveColor","textColor","resolveTextColorForToken","stripColorResolved","s","variantStyles","solid","bg","border","flat","fadeMix","hoverShade","faded","bordered","light","currentVariant","v","tuneSurfaceVariantForDefaultColor","closeBg","closeColor","closeHoverBg","closeHoverColor","isDefaultColorToken","resolveRadius","close","evt","CustomEvent","detail","bubbles","composed","dispatchEvent","remove","getAriaRole","slot","renderRoot","querySelector","hasContent","assignedNodes","flatten","some","nodeType","Node","TEXT_NODE","textContent","length","_onActionsSlotChange","e","target","render","roleAttr","alertClasses","classMap","alert","html","styleMap","when","__decorate","property","type","prototype","Boolean","reflect","state","customElement"],"mappings":"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"}
+{"version":3,"file":"sky-alert.js","sources":["../../src/sky-alert/sky-alert.ts"],"sourcesContent":[null],"names":["SkyAlert","LitElement","constructor","this","title","message","removable","color","size","radius","icon","strip","stripColor","variant","loading","roleType","_styleVars","_sizeCache","_hasActionsSlotContent","dependencies","SkyIcon","styles","css","_resolveSize","input","key","String","trim","result","presets","xs","padding","titleFontSize","messageFontSize","gap","closeSize","closeFontSize","spinner","stripWidth","minHeight","sm","md","lg","xl","m","match","unit","fsNum","parseFloat","to","n","Math","round","clamp","min","max","titleFs","messageFs","py","px","closeFont","willUpdate","changedProperties","super","has","_updateStyleVars","firstUpdated","queueMicrotask","_checkActionsSlot","baseColor","resolveColor","textColor","resolveTextColorForToken","stripColorResolved","s","semanticKey","resolveSemanticSurfaceKey","variantStyles","solid","bg","border","flat","semanticSoftSurfaceTokens","fadeMix","hoverShade","faded","bordered","light","currentVariant","v","tuneSurfaceVariantForDefaultColor","isDefaultColorToken","skyBorderPrimaryShorthand","closeBg","closeColor","closeHoverBg","closeHoverColor","resolveRadius","close","evt","CustomEvent","detail","bubbles","composed","dispatchEvent","remove","getAriaRole","slot","renderRoot","querySelector","hasContent","assignedNodes","flatten","some","nodeType","Node","TEXT_NODE","textContent","length","_onActionsSlotChange","e","target","render","roleAttr","alertClasses","classMap","alert","html","styleMap","when","__decorate","property","type","prototype","Boolean","reflect","state","customElement"],"mappings":"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"}

package/dist/sky-appbar/sky-appbar.d.ts

@@ -78,6 +78,11 @@ export declare class SkyAppbar extends LitElement {
     /** Accessible label for the default leading button when no slot content is provided. @default "Open menu" */
     leadingLabel: string;
     static styles: import("lit").CSSResult;
+    /** Applies glass vs solid surface tokens from `color`. */
+    private _applyColorSurface;
+    connectedCallback(): void;
+    /** Sets background image CSS variable from `url`. */
+    private _applyBackgroundImage;
     /** Updates host style variables when visual input properties change. */
     protected updated(changedProperties: PropertyValues): void;
     render(): import("lit-html").TemplateResult<1>;

package/dist/sky-appbar/sky-appbar.js

@@ -1,20 +1,50 @@
-import{__decorate as t,__metadata as e}from"tslib";import{LitElement as o,css as i,nothing as r,html as s}from"lit";import{property as n,customElement as a}from"lit/decorators.js";import{resolveColor as l,resolveTextColorForToken as p}from"../helper/utils/color-resolver.js";import{SkyIcon as d}from"../sky-icon/sky-icon.js";let c=class extends o{constructor(){super(...arguments),this.title="App Bar",this.color="default",this.url="",this.banner=!0,this.dense=!1,this.elevated=!1,this.leadingLabel="Open menu"}static{this.dependencies={"sky-icon":d}}static{this.styles=i`
+import{__decorate as t,__metadata as e}from"tslib";import{LitElement as o,css as r,nothing as a,html as i}from"lit";import{property as s,customElement as n}from"lit/decorators.js";import{isDefaultColorToken as l,resolveColor as d,resolveTextColorForToken as c}from"../helper/utils/color-resolver.js";import{SkyIcon as p}from"../sky-icon/sky-icon.js";let b=class extends o{constructor(){super(...arguments),this.title="App Bar",this.color="default",this.url="",this.banner=!0,this.dense=!1,this.elevated=!1,this.leadingLabel="Open menu"}static{this.dependencies={"sky-icon":p}}static{this.styles=r`
     :host {
       width: 100%;
       display: flex;
       align-items: center;
       justify-content: space-between;
-      background-color: var(--appbar-bg-color, var(--sky-glass-primary));
-      color: var(--appbar-text-color, var(--sky-text-primary));
       position: relative;
       font-family: var(--sky-font);
       overflow: hidden;
+      color: var(--appbar-text-color, var(--sky-text-primary));
+      transition: var(--sky-transition-default);
+    }
+
+    :host(:not([data-surface="solid"])) {
+      background: var(--sky-glass-secondary);
+      background-image: var(--sky-glass-surface);
+      backdrop-filter:
+        var(--sky-blur-secondary)
+        var(--sky-saturation-secondary)
+        var(--sky-brightness-secondary);
+      -webkit-backdrop-filter:
+        var(--sky-blur-secondary)
+        var(--sky-saturation-secondary)
+        var(--sky-brightness-secondary);
+      border-bottom: var(--sky-border-secondary);
+      box-shadow:
+        var(--sky-box-shadow-inset),
+        var(--sky-box-shadow-primary);
+    }
+
+    :host([data-surface="solid"]) {
+      background-color: var(--appbar-bg-color);
+      color: var(--appbar-text-color);
+      backdrop-filter: none;
+      -webkit-backdrop-filter: none;
+      border-bottom: var(--sky-border-primary);
       box-shadow: var(--sky-box-shadow-primary);
-      border-bottom: 1px solid var(--sky-border-light);
     }
 
-    :host([elevated]) {
-      box-shadow: var(--appbar-shadow-elevated, var(--sky-box-shadow-secondary, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)));
+    :host([elevated]:not([data-surface="solid"])) {
+      box-shadow:
+        var(--sky-box-shadow-inset),
+        var(--sky-box-shadow-secondary);
+    }
+
+    :host([elevated][data-surface="solid"]) {
+      box-shadow: var(--sky-box-shadow-secondary);
     }
 
     .background {
@@ -26,6 +56,7 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as o,css as
       background-size: cover;
       background-position: center;
       z-index: -2;
+      pointer-events: none;
     }
 
     .background-overlay {
@@ -34,6 +65,8 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as o,css as
       background: var(--appbar-bg-overlay, transparent);
       z-index: -1;
       pointer-events: none;
+      backdrop-filter: none;
+      -webkit-backdrop-filter: none;
     }
 
     .content {
@@ -44,6 +77,8 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as o,css as
       width: 100%;
       position: relative;
       gap: var(--sky-space-2, 8px);
+      backdrop-filter: none;
+      -webkit-backdrop-filter: none;
     }
 
     :host([dense]) .content {
@@ -53,20 +88,21 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as o,css as
     .title-area {
       flex: 1 1 auto;
       min-width: 0;
-      padding-inline-start: var(--sky-space-2.5, 10px);
+      padding-inline-start: var(--sky-space-2\\.5, 10px);
     }
 
     .title-text {
-      font-size: var(--sky-font-size-md, 1rem);
-      font-weight: var(--sky-font-weight-semibold, 600);
-      line-height: var(--sky-line-height-snug, 1.25);
-      font-family: var(--sky-font);
+      font: var(--sky-text-title);
+      backdrop-filter: none;
+      -webkit-backdrop-filter: none;
     }
 
     .leading {
       display: flex;
       align-items: center;
       flex-shrink: 0;
+      backdrop-filter: none;
+      -webkit-backdrop-filter: none;
     }
 
     .leading ::slotted(*) {
@@ -88,7 +124,14 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as o,css as
       min-width: var(--sky-touch-target, 44px);
       min-height: var(--sky-touch-target, 44px);
       box-sizing: border-box;
-      border-radius: var(--sky-radius-md, 0.375rem);
+      border-radius: var(--sky-radius-primary);
+      backdrop-filter: none;
+      -webkit-backdrop-filter: none;
+      transition: var(--sky-transition-fast);
+    }
+
+    .leading-button:hover {
+      background: var(--sky-hover-primary);
     }
 
     .leading-button:focus-visible,
@@ -109,8 +152,10 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as o,css as
       display: flex;
       align-items: center;
       gap: var(--sky-space-2, 8px);
-      padding-inline-start: var(--sky-space-2.5, 10px);
+      padding-inline-start: var(--sky-space-2\\.5, 10px);
       flex-shrink: 0;
+      backdrop-filter: none;
+      -webkit-backdrop-filter: none;
     }
 
     .actions ::slotted(button),
@@ -138,14 +183,11 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as o,css as
       }
     }
 
-  `}updated(t){if(t.has("color")&&(this.color?(this.style.setProperty("--appbar-bg-color",l(this.color)),this.style.setProperty("--appbar-text-color",p(this.color))):(this.style.removeProperty("--appbar-bg-color"),this.style.removeProperty("--appbar-text-color"))),t.has("url")){const t=this.url?`url(${this.url})`:"none";this.style.setProperty("--appbar-bg-image",t)}}render(){return s`
-      ${this.url?s`
-            <div
-              class="background"
-              style="background-image: url(${this.url});"
-            ></div>
+  `}_applyColorSurface(){if(!l(this.color))return this.setAttribute("data-surface","solid"),this.style.setProperty("--appbar-bg-color",d(this.color)),void this.style.setProperty("--appbar-text-color",c(this.color));this.removeAttribute("data-surface"),this.style.removeProperty("--appbar-bg-color"),this.style.removeProperty("--appbar-text-color")}connectedCallback(){super.connectedCallback(),this._applyColorSurface(),this._applyBackgroundImage()}_applyBackgroundImage(){const t=this.url?`url(${this.url})`:"none";this.style.setProperty("--appbar-bg-image",t)}updated(t){t.has("color")&&this._applyColorSurface(),t.has("url")&&this._applyBackgroundImage()}render(){return i`
+      ${this.url?i`
+            <div class="background" aria-hidden="true"></div>
             <div class="background-overlay" aria-hidden="true"></div>
-          `:r}
+          `:a}
       <div
         class="content"
         part="content"
@@ -169,5 +211,5 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as o,css as
           <slot></slot>
         </div>
       </div>
-    `}};t([n({type:String}),e("design:type",Object)],c.prototype,"title",void 0),t([n({type:String}),e("design:type",Object)],c.prototype,"color",void 0),t([n({type:String}),e("design:type",Object)],c.prototype,"url",void 0),t([n({type:Boolean}),e("design:type",Object)],c.prototype,"banner",void 0),t([n({type:Boolean}),e("design:type",Object)],c.prototype,"dense",void 0),t([n({type:Boolean}),e("design:type",Object)],c.prototype,"elevated",void 0),t([n({type:String}),e("design:type",Object)],c.prototype,"leadingLabel",void 0),c=t([a("sky-appbar")],c);export{c as SkyAppbar};
+    `}};t([s({type:String}),e("design:type",Object)],b.prototype,"title",void 0),t([s({type:String}),e("design:type",Object)],b.prototype,"color",void 0),t([s({type:String}),e("design:type",Object)],b.prototype,"url",void 0),t([s({type:Boolean}),e("design:type",Object)],b.prototype,"banner",void 0),t([s({type:Boolean}),e("design:type",Object)],b.prototype,"dense",void 0),t([s({type:Boolean}),e("design:type",Object)],b.prototype,"elevated",void 0),t([s({type:String}),e("design:type",Object)],b.prototype,"leadingLabel",void 0),b=t([n("sky-appbar")],b);export{b as SkyAppbar};
 //# sourceMappingURL=sky-appbar.js.map

package/dist/sky-appbar/sky-appbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sky-appbar.js","sources":["../../src/sky-appbar/sky-appbar.ts"],"sourcesContent":[null],"names":["SkyAppbar","LitElement","constructor","this","title","color","url","banner","dense","elevated","leadingLabel","dependencies","SkyIcon","styles","css","updated","changedProperties","has","style","setProperty","resolveColor","resolveTextColorForToken","removeProperty","image","render","html","nothing","__decorate","property","type","String","prototype","Boolean","customElement"],"mappings":"qUAoEO,IAAMA,EAAN,cAAwBC,EAAxB,WAAAC,uBAOuBC,KAAAC,MAAQ,UAMRD,KAAAE,MAAQ,UAGRF,KAAAG,IAAM,GAGLH,KAAAI,QAAS,EAGTJ,KAAAK,OAAQ,EAGRL,KAAAM,UAAW,EAGZN,KAAAO,aAAe,WAyM7C,QAnOSP,KAAAQ,aAAyD,CAC9D,WAAYC,EACZ,QA0BcT,KAAAU,OAASC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4I1B,CAGiB,OAAAC,CAAQC,GAczB,GAbIA,EAAkBC,IAAI,WACpBd,KAAKE,OACPF,KAAKe,MAAMC,YAAY,oBAAqBC,EAAajB,KAAKE,QAC9DF,KAAKe,MAAMC,YACT,sBACAE,EAAyBlB,KAAKE,UAGhCF,KAAKe,MAAMI,eAAe,qBAC1BnB,KAAKe,MAAMI,eAAe,yBAI1BN,EAAkBC,IAAI,OAAQ,CAChC,MAAMM,EAAQpB,KAAKG,IAAM,OAAOH,KAAKG,OAAS,OAC9CH,KAAKe,MAAMC,YAAY,oBAAqBI,EAC9C,CACF,CAES,MAAAC,GACP,OAAOC,CAAI;QACPtB,KAAKG,IACHmB,CAAI;;;6CAG+BtB,KAAKG;;;YAIxCoB;;;;gBAIMvB,KAAKI,OAAS,SAAW;;;;;;;4BAObJ,KAAKO;;;;;;;qCAOIP,KAAKC;;;;;;KAOxC,GA7N4BuB,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA4B9B,EAAA+B,UAAA,gBAMlBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA4B9B,EAAA+B,UAAA,gBAGlBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAmB9B,EAAA+B,UAAA,cAGRJ,EAAA,CAA5BC,EAAS,CAAEC,KAAMG,mCAAyBhC,EAAA+B,UAAA,iBAGdJ,EAAA,CAA5BC,EAAS,CAAEC,KAAMG,mCAAyBhC,EAAA+B,UAAA,gBAGdJ,EAAA,CAA5BC,EAAS,CAAEC,KAAMG,mCAA4BhC,EAAA+B,UAAA,mBAGlBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAqC9B,EAAA+B,UAAA,uBA5B5C/B,EAAS2B,EAAA,CADrBM,EAAc,eACFjC"}
+{"version":3,"file":"sky-appbar.js","sources":["../../src/sky-appbar/sky-appbar.ts"],"sourcesContent":[null],"names":["SkyAppbar","LitElement","constructor","this","title","color","url","banner","dense","elevated","leadingLabel","dependencies","SkyIcon","styles","css","_applyColorSurface","isDefaultColorToken","setAttribute","style","setProperty","resolveColor","resolveTextColorForToken","removeAttribute","removeProperty","connectedCallback","super","_applyBackgroundImage","image","updated","changedProperties","has","render","html","nothing","__decorate","property","type","String","prototype","Boolean","customElement"],"mappings":"8VAqEO,IAAMA,EAAN,cAAwBC,EAAxB,WAAAC,uBAOuBC,KAAAC,MAAQ,UAMRD,KAAAE,MAAQ,UAGRF,KAAAG,IAAM,GAGLH,KAAAI,QAAS,EAGTJ,KAAAK,OAAQ,EAGRL,KAAAM,UAAW,EAGZN,KAAAO,aAAe,WAsQ7C,QAhSSP,KAAAQ,aAAyD,CAC9D,WAAYC,EACZ,QA0BcT,KAAAU,OAASC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyL1B,CAGM,kBAAAC,GACN,IAAKC,EAAoBb,KAAKE,OAO5B,OANAF,KAAKc,aAAa,eAAgB,SAClCd,KAAKe,MAAMC,YAAY,oBAAqBC,EAAajB,KAAKE,aAC9DF,KAAKe,MAAMC,YACT,sBACAE,EAAyBlB,KAAKE,QAKlCF,KAAKmB,gBAAgB,gBACrBnB,KAAKe,MAAMK,eAAe,qBAC1BpB,KAAKe,MAAMK,eAAe,sBAC5B,CAES,iBAAAC,GACPC,MAAMD,oBACNrB,KAAKY,qBACLZ,KAAKuB,uBACP,CAGQ,qBAAAA,GACN,MAAMC,EAAQxB,KAAKG,IAAM,OAAOH,KAAKG,OAAS,OAC9CH,KAAKe,MAAMC,YAAY,oBAAqBQ,EAC9C,CAGmB,OAAAC,CAAQC,GACrBA,EAAkBC,IAAI,UACxB3B,KAAKY,qBAGHc,EAAkBC,IAAI,QACxB3B,KAAKuB,uBAET,CAES,MAAAK,GACP,OAAOC,CAAI;QACP7B,KAAKG,IACH0B,CAAI;;;YAIJC;;;;gBAIM9B,KAAKI,OAAS,SAAW;;;;;;;4BAObJ,KAAKO;;;;;;;qCAOIP,KAAKC;;;;;;KAOxC,GA1R4B8B,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA4BrC,EAAAsC,UAAA,gBAMlBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAA4BrC,EAAAsC,UAAA,gBAGlBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAmBrC,EAAAsC,UAAA,cAGRJ,EAAA,CAA5BC,EAAS,CAAEC,KAAMG,mCAAyBvC,EAAAsC,UAAA,iBAGdJ,EAAA,CAA5BC,EAAS,CAAEC,KAAMG,mCAAyBvC,EAAAsC,UAAA,gBAGdJ,EAAA,CAA5BC,EAAS,CAAEC,KAAMG,mCAA4BvC,EAAAsC,UAAA,mBAGlBJ,EAAA,CAA3BC,EAAS,CAAEC,KAAMC,kCAAqCrC,EAAAsC,UAAA,uBA5B5CtC,EAASkC,EAAA,CADrBM,EAAc,eACFxC"}

package/dist/sky-avatar/sky-avatar.d.ts

@@ -23,7 +23,7 @@ export type SkyAvatarFit = "cover" | "contain";
  * @property {boolean} loading - Shows loading overlay when true.
  * @property {boolean} disabled - Dims and disables pointer interactions.
  * @property {boolean} interactive - Enables interactive behavior with keyboard/click activation.
- * @property {boolean} shadow - When true, applies glass background, border, and elevation; default is a clean avatar.
+ * @property {boolean} shadow - When true, applies solid surface, border ring, and elevation; no backdrop blur.
  *
  * @csspart avatar - The avatar container element.
  * @csspart loading-overlay - The loading overlay container (shown when `loading` is true).
@@ -82,7 +82,7 @@ export declare class SkyAvatar extends LitElement {
     /** When true, focusable with focus ring and click. @default false */
     interactive: boolean;
     /**
-     * Glass styling on the avatar (`background`, `border`, `box-shadow`, backdrop).
+     * Elevated ring styling (`border`, inset shadow). No backdrop blur on avatar media.
      * `false` (default) keeps the avatar minimal for inline use.
      */
     shadow: boolean;