@sky.ui/core 0.0.8 → 0.0.20

package/dist/sky-avatar/sky-avatar.js

@@ -1,4 +1,4 @@
-import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as r,nothing as o,html as s}from"lit";import{property as a,state as n,customElement as l}from"lit/decorators.js";import{when as d}from"lit/directives/when.js";import{keyed as p}from"lit/directives/keyed.js";import{resolveRadius as c}from"../helper/utils/size-resolver.js";import{resolveColor as h}from"../helper/utils/color-resolver.js";import{styleMap as y}from"lit/directives/style-map.js";import{classMap as v}from"lit/directives/class-map.js";const g={sm:"var(--sky-space-8, 2rem)",md:"var(--sky-space-10, 2.5rem)",lg:"var(--sky-space-12, 3rem)"},m={sm:32,md:40,lg:48};let b=class extends i{constructor(){super(...arguments),this.size="50px",this.image="",this.fit="cover",this.radius="md",this.alt="",this.color="dark",this.outline="",this.outlineOffset="2px",this.loading=!1,this.disabled=!1,this.interactive=!1,this.shadow=!1,this._imageError=!1,this._onImageLoad=()=>{this._imageError=!1},this._onImageError=()=>{this._imageError=!0}}static{this.styles=r`
+import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as r,nothing as o,html as s}from"lit";import{property as a,state as n,customElement as l}from"lit/decorators.js";import{when as d}from"lit/directives/when.js";import{keyed as p}from"lit/directives/keyed.js";import{resolveRadius as c}from"../helper/utils/size-resolver.js";import{resolveColor as h}from"../helper/utils/color-resolver.js";import{styleMap as y}from"lit/directives/style-map.js";import{classMap as v}from"lit/directives/class-map.js";const g={sm:"var(--sky-space-8, 2rem)",md:"var(--sky-space-10, 2.5rem)",lg:"var(--sky-space-12, 3rem)"},b={sm:32,md:40,lg:48};let m=class extends i{constructor(){super(...arguments),this.size="50px",this.image="",this.fit="cover",this.radius="md",this.alt="",this.color="dark",this.outline="",this.outlineOffset="2px",this.loading=!1,this.disabled=!1,this.interactive=!1,this.shadow=!1,this._imageError=!1,this._onImageLoad=()=>{this._imageError=!1},this._onImageError=()=>{this._imageError=!0}}static{this.styles=r`
     :host {
       display: inline-flex;
       line-height: 0;
@@ -18,7 +18,7 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as
       background-size: var(--avatar-bg-size, cover);
       background-position: center;
       background-repeat: no-repeat;
-      border-radius: var(--avatar-border-radius, 12px);
+      border-radius: var(--avatar-border-radius, var(--sky-radius-secondary));
       display: flex;
       color: var(--slot-text-color);
       justify-content: center;
@@ -27,25 +27,16 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as
       -webkit-background-clip: padding-box;
       box-sizing: border-box;
       overflow: hidden;
+      backdrop-filter: none;
+      -webkit-backdrop-filter: none;
     }
 
     :host([shadow]) .avatar {
-      background-color: var(--sky-glass-primary);
-      box-shadow: var(--sky-box-shadow-primary);
+      background-color: var(--sky-glass-solid);
+      box-shadow:
+        var(--sky-box-shadow-inset),
+        var(--sky-box-shadow-primary);
       border: var(--sky-border-primary);
-      z-index: 0;
-    }
-
-    :host([shadow]) .avatar::before {
-      content: "";
-      position: absolute;
-      inset: 0;
-      border-radius: inherit;
-      z-index: -1;
-      backdrop-filter: var(--sky-blur-primary) var(--sky-brightness-primary)
-        var(--sky-saturation-primary);
-      -webkit-backdrop-filter: var(--sky-blur-primary)
-        var(--sky-brightness-primary) var(--sky-saturation-primary);
     }
 
     :host([loading]) .avatar {
@@ -58,6 +49,13 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as
       box-shadow: var(--sky-focus-ring);
     }
 
+    :host([shadow]) .avatar:focus-visible {
+      box-shadow:
+        var(--sky-focus-ring),
+        var(--sky-box-shadow-inset),
+        var(--sky-box-shadow-primary);
+    }
+
     .avatar--interactive {
       cursor: pointer;
       -webkit-tap-highlight-color: transparent;
@@ -72,38 +70,43 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as
     }
 
     ::slotted(*) {
-      font-size: calc(var(--avatar-size) * 0.75);
-      font-weight: var(--sky-font-weight-semibold, 600);
       font-family: var(--sky-font);
+      font-weight: var(--sky-font-weight-semibold, 600);
+      font-size: calc(var(--avatar-size) * 0.38);
       line-height: 1;
+      letter-spacing: var(--sky-letter-spacing-normal, 0);
       text-align: center;
       display: flex;
       justify-content: center;
       align-items: center;
       object-fit: contain;
+      backdrop-filter: none;
+      -webkit-backdrop-filter: none;
     }
 
     .loading-overlay {
       position: absolute;
       inset: 0;
       border-radius: inherit;
-      background: var(--sky-overlay-primary);
+      background: var(--sky-overlay-secondary);
       display: flex;
       justify-content: center;
       align-items: center;
       z-index: 1;
       visibility: hidden;
+      backdrop-filter: none;
+      -webkit-backdrop-filter: none;
     }
     :host([loading]) .loading-overlay {
       visibility: visible;
     }
 
     .spinner {
-      border-width: var(--sky-border-medium, 4px);
+      border-width: 2px;
       border-style: solid;
-      border-color: var(--sky-text-white);
-      border-top-color: var(--slot-text-color);
-      border-radius: var(--sky-radius-full, 50%);
+      border-color: var(--sky-border-light);
+      border-top-color: var(--slot-text-color, var(--sky-text-primary));
+      border-radius: var(--sky-radius-full);
       width: 40px;
       height: 40px;
       animation: spin var(--sky-duration-slow, 1s) linear infinite;
@@ -119,13 +122,18 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as
     }
 
     @media (prefers-reduced-motion: reduce) {
+      :host([loading]) .avatar {
+        will-change: auto;
+        transform: none;
+      }
+
       .spinner {
         animation: none;
-        border-top-color: var(--slot-text-color);
-        opacity: 0.8;
+        border-top-color: var(--slot-text-color, var(--sky-text-primary));
+        opacity: var(--sky-opacity-muted, 0.7);
       }
     }
-  `}updated(t){super.updated(t),t.has("image")&&(this._imageError=!1);const e=g[this.size]??this.size;this.style.setProperty("--avatar-size",e),this.style.setProperty("--avatar-bg-size","contain"===this.fit?"contain":"cover"),this.style.setProperty("--avatar-border-radius",c(this.radius)),this.color&&this.style.setProperty("--slot-text-color",h(this.color)),this.adjustSpinnerSize()}_handleInteractiveClick(t){this.interactive&&!this.disabled&&(t.stopPropagation(),this.dispatchEvent(new Event("click",{bubbles:!0,composed:!0})))}_handleInteractiveKeydown(t){this.interactive&&!this.disabled&&("Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.dispatchEvent(new Event("click",{bubbles:!0,composed:!0}))))}adjustSpinnerSize(){const t=m[this.size]??parseFloat(this.size);if(Number.isFinite(t)){const e=.25*t,i=this.shadowRoot?.querySelector(".spinner");i&&(i.style.width=`${e}px`,i.style.height=`${e}px`,i.style.borderWidth=`${Math.max(1,e/10)}px`)}}render(){const t=this.image&&!this._imageError,e={};t&&(e.backgroundImage=`url(${encodeURI(this.image)})`),this.outline&&(e.outline=this.outline),this.outlineOffset&&(e.outlineOffset=this.outlineOffset);const i=this.interactive?"button":t&&this.alt?"img":o,r=this.interactive&&this.alt||t&&this.alt?this.alt:o;return s`
+  `}updated(t){super.updated(t),t.has("image")&&(this._imageError=!1);const e=g[this.size]??this.size;this.style.setProperty("--avatar-size",e),this.style.setProperty("--avatar-bg-size","contain"===this.fit?"contain":"cover"),this.style.setProperty("--avatar-border-radius",c(this.radius)),this.color&&this.style.setProperty("--slot-text-color",h(this.color)),this.adjustSpinnerSize()}_handleInteractiveClick(t){this.interactive&&!this.disabled&&(t.stopPropagation(),this.dispatchEvent(new Event("click",{bubbles:!0,composed:!0})))}_handleInteractiveKeydown(t){this.interactive&&!this.disabled&&("Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.dispatchEvent(new Event("click",{bubbles:!0,composed:!0}))))}adjustSpinnerSize(){const t=b[this.size]??parseFloat(this.size);if(Number.isFinite(t)){const e=.25*t,i=this.shadowRoot?.querySelector(".spinner");i&&(i.style.width=`${e}px`,i.style.height=`${e}px`,i.style.borderWidth=`${Math.max(1,e/10)}px`)}}render(){const t=this.image&&!this._imageError,e={};t&&(e.backgroundImage=`url(${encodeURI(this.image)})`),this.outline&&(e.outline=this.outline),this.outlineOffset&&(e.outlineOffset=this.outlineOffset);const i=this.interactive?"button":t&&this.alt?"img":o,r=this.interactive&&this.alt||t&&this.alt?this.alt:o;return s`
       <div
         class=${v({avatar:!0,"avatar--interactive":!!this.interactive})}
         part="avatar"
@@ -148,5 +156,5 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as
         </div>
         ${p(t?"_img_":"_slot_",d(!t,()=>s`<slot></slot>`,()=>o))}
       </div>
-    `}};t([a({type:String}),e("design:type",String)],b.prototype,"size",void 0),t([a({type:String}),e("design:type",String)],b.prototype,"image",void 0),t([a({type:String,reflect:!0}),e("design:type",String)],b.prototype,"fit",void 0),t([a({type:String}),e("design:type",String)],b.prototype,"radius",void 0),t([a({type:String}),e("design:type",String)],b.prototype,"alt",void 0),t([a({type:String}),e("design:type",String)],b.prototype,"color",void 0),t([a({type:String}),e("design:type",String)],b.prototype,"outline",void 0),t([a({type:String}),e("design:type",String)],b.prototype,"outlineOffset",void 0),t([a({type:Boolean,reflect:!0}),e("design:type",Boolean)],b.prototype,"loading",void 0),t([a({type:Boolean,reflect:!0}),e("design:type",Boolean)],b.prototype,"disabled",void 0),t([a({type:Boolean}),e("design:type",Boolean)],b.prototype,"interactive",void 0),t([a({type:Boolean,reflect:!0}),e("design:type",Object)],b.prototype,"shadow",void 0),t([n(),e("design:type",Object)],b.prototype,"_imageError",void 0),b=t([l("sky-avatar")],b);export{b as SkyAvatar};
+    `}};t([a({type:String}),e("design:type",String)],m.prototype,"size",void 0),t([a({type:String}),e("design:type",String)],m.prototype,"image",void 0),t([a({type:String,reflect:!0}),e("design:type",String)],m.prototype,"fit",void 0),t([a({type:String}),e("design:type",String)],m.prototype,"radius",void 0),t([a({type:String}),e("design:type",String)],m.prototype,"alt",void 0),t([a({type:String}),e("design:type",String)],m.prototype,"color",void 0),t([a({type:String}),e("design:type",String)],m.prototype,"outline",void 0),t([a({type:String}),e("design:type",String)],m.prototype,"outlineOffset",void 0),t([a({type:Boolean,reflect:!0}),e("design:type",Boolean)],m.prototype,"loading",void 0),t([a({type:Boolean,reflect:!0}),e("design:type",Boolean)],m.prototype,"disabled",void 0),t([a({type:Boolean}),e("design:type",Boolean)],m.prototype,"interactive",void 0),t([a({type:Boolean,reflect:!0}),e("design:type",Object)],m.prototype,"shadow",void 0),t([n(),e("design:type",Object)],m.prototype,"_imageError",void 0),m=t([l("sky-avatar")],m);export{m as SkyAvatar};
 //# sourceMappingURL=sky-avatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sky-avatar.js","sources":["../../src/sky-avatar/sky-avatar.ts"],"sourcesContent":[null],"names":["SIZE_PRESETS","sm","md","lg","SIZE_PX","SkyAvatar","LitElement","constructor","this","size","image","fit","radius","alt","color","outline","outlineOffset","loading","disabled","interactive","shadow","_imageError","_onImageLoad","_onImageError","styles","css","updated","changed","super","has","resolvedSize","style","setProperty","resolveRadius","resolveColor","adjustSpinnerSize","_handleInteractiveClick","e","stopPropagation","dispatchEvent","Event","bubbles","composed","_handleInteractiveKeydown","key","preventDefault","avatarSizePx","parseFloat","Number","isFinite","spinnerSize","spinner","shadowRoot","querySelector","width","height","borderWidth","Math","max","render","showImage","avatarStyle","encodeURI","role","nothing","ariaLabel","html","classMap","avatar","styleMap","keyed","when","__decorate","property","type","String","prototype","reflect","Boolean","state","customElement"],"mappings":"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"}
+{"version":3,"file":"sky-avatar.js","sources":["../../src/sky-avatar/sky-avatar.ts"],"sourcesContent":[null],"names":["SIZE_PRESETS","sm","md","lg","SIZE_PX","SkyAvatar","LitElement","constructor","this","size","image","fit","radius","alt","color","outline","outlineOffset","loading","disabled","interactive","shadow","_imageError","_onImageLoad","_onImageError","styles","css","updated","changed","super","has","resolvedSize","style","setProperty","resolveRadius","resolveColor","adjustSpinnerSize","_handleInteractiveClick","e","stopPropagation","dispatchEvent","Event","bubbles","composed","_handleInteractiveKeydown","key","preventDefault","avatarSizePx","parseFloat","Number","isFinite","spinnerSize","spinner","shadowRoot","querySelector","width","height","borderWidth","Math","max","render","showImage","avatarStyle","encodeURI","role","nothing","ariaLabel","html","classMap","avatar","styleMap","keyed","when","__decorate","property","type","String","prototype","reflect","Boolean","state","customElement"],"mappings":"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"}

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

@@ -150,5 +150,7 @@ export declare class SkyBadge extends LitElement {
     private _computeAriaLabel;
     /** Resolves anchor edges from placement preset. */
     private _computeAnchors;
+    /** Maps semantic status tokens to soft badge surface colors. */
+    private _resolveBadgeSurface;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/sky-badge/sky-badge.js

@@ -1,17 +1,14 @@
-import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as o,nothing as s,html as a}from"lit";import{property as r,query as n,customElement as l}from"lit/decorators.js";import{when as p}from"lit/directives/when.js";import{createRef as d,ref as g}from"lit/directives/ref.js";import{resolveColor as c}from"../helper/utils/color-resolver.js";import{styleMap as h}from"lit/directives/style-map.js";import{SkyIcon as y}from"../sky-icon/sky-icon.js";const b=["default","floating","inline"],f=["circle","pill","custom"],u=["custom","top-right","top-left","bottom-left","bottom-right","top-center"];let v=class extends i{constructor(){super(...arguments),this.statusColor="success",this.textColor="default",this.iconColor="",this.position="default",this.value="",this.isIcon=!1,this.size="",this.shape="custom",this.max=99,this.hideWhenZero=!1,this.show=!0,this.offsetX="0px",this.offsetY="0px",this.ring=!1,this.ringColor="primary",this.ringOffset="1px",this.badgeLabel=null,this.badgeAriaHidden=!1,this.interactive=!1,this.placement="custom",this.badgeRef=d(),this._onActivate=t=>{this.interactive&&this.dispatchEvent(new CustomEvent("badge-click",{detail:{originalEvent:t},bubbles:!0,composed:!0}))},this._onKeydown=t=>{this.interactive&&("Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this._onActivate(t)))}}static{this.dependencies={"sky-icon":y}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=o`
+import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as o,nothing as s,html as r}from"lit";import{property as a,query as n,customElement as l}from"lit/decorators.js";import{when as d}from"lit/directives/when.js";import{createRef as p,ref as c}from"lit/directives/ref.js";import{resolveSemanticSurfaceKey as g,semanticSoftSurfaceTokens as h,resolveColor as b,resolveTextColorForToken as y}from"../helper/utils/color-resolver.js";import{styleMap as u}from"lit/directives/style-map.js";import{SkyIcon as f}from"../sky-icon/sky-icon.js";const v=["default","floating","inline"],m=["circle","pill","custom"],k=["custom","top-right","top-left","bottom-left","bottom-right","top-center"];let x=class extends i{constructor(){super(...arguments),this.statusColor="success",this.textColor="default",this.iconColor="",this.position="default",this.value="",this.isIcon=!1,this.size="",this.shape="custom",this.max=99,this.hideWhenZero=!1,this.show=!0,this.offsetX="0px",this.offsetY="0px",this.ring=!1,this.ringColor="primary",this.ringOffset="1px",this.badgeLabel=null,this.badgeAriaHidden=!1,this.interactive=!1,this.placement="custom",this.badgeRef=p(),this._onActivate=t=>{this.interactive&&this.dispatchEvent(new CustomEvent("badge-click",{detail:{originalEvent:t},bubbles:!0,composed:!0}))},this._onKeydown=t=>{this.interactive&&("Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this._onActivate(t)))}}static{this.dependencies={"sky-icon":f}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=o`
     :host {
       display: inline-block;
       position: relative;
       box-sizing: border-box;
       /* Theming: override with --sky-badge-* for custom sizing */
-      --sky-badge-radius: 12px;
-      --sky-badge-padding: 2px;
+      --sky-badge-radius: var(--sky-radius-secondary);
+      --sky-badge-padding: var(--sky-space-0\\.5, 0.125rem);
       --sky-badge-font-size: var(--sky-font-size-xs, 0.75rem);
       --sky-badge-font-weight: var(--sky-font-weight-bold, 700);
-      --sky-badge-shadow: var(
-        --sky-box-shadow-primary,
-        0 1px 2px rgba(2, 6, 23, 0.15)
-      );
+      --sky-badge-shadow: none;
       --sky-badge-translate-x: 0px;
       --sky-badge-translate-y: 0px;
     }
@@ -24,7 +21,6 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as
 
     /* Badge base */
     .badge {
-      min-width: 5px;
       min-height: 5px;
       padding: var(--sky-badge-padding);
       display: inline-flex;
@@ -33,11 +29,12 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as
       box-shadow: var(--sky-badge-shadow);
       color: var(--_badge-text-color);
       background-color: var(--_badge-bg);
+      border: var(--_badge-border, none);
+      font: var(--sky-text-caption);
       font-weight: var(--sky-badge-font-weight);
       font-size: var(--sky-badge-font-size);
       line-height: var(--sky-line-height-none, 1);
       letter-spacing: var(--sky-letter-spacing-tight, -0.01em);
-      font-family: var(--sky-font, inherit);
       position: absolute;
       z-index: 1;
       border-radius: var(--_badge-radius);
@@ -54,6 +51,9 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as
       user-select: none;
       -webkit-user-select: none;
       white-space: nowrap;
+      backdrop-filter: none;
+      -webkit-backdrop-filter: none;
+      transition: var(--sky-transition-fast);
     }
 
     @media (prefers-reduced-motion: reduce) {
@@ -74,7 +74,7 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as
     .badge.inline {
       position: static;
       display: inline-flex;
-      margin-inline-start: var(--sky-space-1.5, 6px);
+      margin-inline-start: var(--sky-space-1\\.5, 6px);
       transform: translate(
         var(--sky-badge-translate-x),
         var(--sky-badge-translate-y)
@@ -90,6 +90,8 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as
       height: 1em;
       font-size: var(--_icon-size);
       color: var(--_icon-color);
+      backdrop-filter: none;
+      -webkit-backdrop-filter: none;
     }
 
     /* Interactive affordances */
@@ -99,8 +101,8 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as
       -webkit-tap-highlight-color: transparent;
     }
     .badge[role="button"]:focus-visible {
-      box-shadow: var(--sky-focus-ring, 0 0 0 3px
-        color-mix(in srgb, var(--_ring-color), transparent 40%));
+      outline: none;
+      box-shadow: var(--sky-focus-ring);
     }
 
     /* Ring (outline) */
@@ -119,30 +121,30 @@ import{__decorate as t,__metadata as e}from"tslib";import{LitElement as i,css as
         var(--sky-badge-translate-y)
       );
     }
-  `}updated(t){t.has("size")&&/^\d+$/.test(this.size)&&(this.size=`${this.size}px`),t.has("position")&&!b.includes(this.position)&&(this.position="default"),t.has("shape")&&!f.includes(this.shape)&&(this.shape="custom"),t.has("placement")&&!u.includes(this.placement)&&(this.placement="custom")}showBadge(){this.show=!0}hideBadge(){this.show=!1}setValue(t){this.value=t}_computeAriaLabel(t){if(this.badgeAriaHidden)return null;if(this.badgeLabel)return this.badgeLabel;if(this.isIcon)return"";if(null==t||""===t)return"Badge";const e=Number(t);return isNaN(e)?`Badge: ${t}`:`Badge count: ${t}`}_computeAnchors(t){if("custom"===t)return{top:"0",right:"0",bottom:"auto",left:"auto"};switch(t){case"top-right":default:return{top:"0",right:"0",bottom:"auto",left:"auto"};case"top-left":return{top:"0",right:"auto",bottom:"auto",left:"0"};case"bottom-left":return{top:"auto",right:"auto",bottom:"0",left:"0"};case"bottom-right":return{top:"auto",right:"0",bottom:"0",left:"auto"};case"top-center":return{top:"0",right:"auto",bottom:"auto",left:"50%"}}}render(){const t=Number(this.value),e=!isNaN(t)&&!this.isIcon,i=this.hideWhenZero&&e&&0===t,o=this.show&&!i,r=this.isIcon?null:e&&this.max>0&&t>this.max?`${this.max}+`:this.value,n=["badge",this.position];this.ring&&n.push("ringed");const l="circle"===this.shape?"50%":"pill"===this.shape?"999px":"var(--sky-badge-radius)",{top:d,right:y,bottom:b,left:f}=this._computeAnchors(this.placement),u={"--_badge-bg":c(this.statusColor),"--_badge-text-color":c(this.textColor),"--_badge-radius":l,"--_badge-size":this.size,"--_icon-size":this.size,"--_icon-color":c(this.iconColor||this.textColor),"--_ring-color":c(this.ringColor),"--_ring-offset":this.ringOffset,"--sky-badge-translate-x":this.offsetX,"--sky-badge-translate-y":this.offsetY,"--_anchor-top":d,"--_anchor-right":y,"--_anchor-bottom":b,"--_anchor-left":f},v=this._computeAriaLabel(r);return a`
+  `}updated(t){t.has("size")&&/^\d+$/.test(this.size)&&(this.size=`${this.size}px`),t.has("position")&&!v.includes(this.position)&&(this.position="default"),t.has("shape")&&!m.includes(this.shape)&&(this.shape="custom"),t.has("placement")&&!k.includes(this.placement)&&(this.placement="custom")}showBadge(){this.show=!0}hideBadge(){this.show=!1}setValue(t){this.value=t}_computeAriaLabel(t){if(this.badgeAriaHidden)return null;if(this.badgeLabel)return this.badgeLabel;if(this.isIcon)return"";if(null==t||""===t)return"Badge";const e=Number(t);return isNaN(e)?`Badge: ${t}`:`Badge count: ${t}`}_computeAnchors(t){if("custom"===t)return{top:"0",right:"0",bottom:"auto",left:"auto"};switch(t){case"top-right":default:return{top:"0",right:"0",bottom:"auto",left:"auto"};case"top-left":return{top:"0",right:"auto",bottom:"auto",left:"0"};case"bottom-left":return{top:"auto",right:"auto",bottom:"0",left:"0"};case"bottom-right":return{top:"auto",right:"0",bottom:"0",left:"auto"};case"top-center":return{top:"0",right:"auto",bottom:"auto",left:"50%"}}}_resolveBadgeSurface(){const t=g(this.statusColor);if(t){const e=h(t,{bordered:!0}),i=this.textColor&&"default"!==this.textColor?b(this.textColor):e.color;return{bg:e.bg,color:i,border:e.border}}return{bg:b(this.statusColor),color:this.textColor&&"default"!==this.textColor?b(this.textColor):y(this.statusColor),border:"none"}}render(){const t=Number(this.value),e=!isNaN(t)&&!this.isIcon,i=this.hideWhenZero&&e&&0===t,o=this.show&&!i,a=this.isIcon?null:e&&this.max>0&&t>this.max?`${this.max}+`:this.value,n=["badge",this.position];this.ring&&n.push("ringed");const l="circle"===this.shape||"pill"===this.shape?"var(--sky-radius-full)":"var(--sky-badge-radius)",p=this._resolveBadgeSurface(),{top:g,right:h,bottom:y,left:f}=this._computeAnchors(this.placement),v={"--_badge-bg":p.bg,"--_badge-text-color":p.color,"--_badge-border":p.border,"--_badge-radius":l,"--_badge-size":this.size,"--_icon-size":this.size,"--_icon-color":b(this.iconColor||this.textColor),"--_ring-color":b(this.ringColor),"--_ring-offset":this.ringOffset,"--sky-badge-translate-x":this.offsetX,"--sky-badge-translate-y":this.offsetY,"--_anchor-top":g,"--_anchor-right":h,"--_anchor-bottom":y,"--_anchor-left":f},m=this._computeAriaLabel(a);return r`
       <div class="container" part="container">
         <slot></slot>
-        ${p(o,()=>a`
+        ${d(o,()=>r`
             <span
               class=${n.join(" ")}
               part="badge"
-              style=${h(u)}
+              style=${u(v)}
               role=${this.interactive?"button":"status"}
               aria-live=${this.interactive?"off":"polite"}
               data-placement=${this.placement}
               aria-atomic="true"
-              aria-label=${v??s}
+              aria-label=${m??s}
               aria-hidden=${this.badgeAriaHidden?"true":"false"}
               tabindex=${this.interactive?0:-1}
               @click=${this._onActivate}
               @keydown=${this._onKeydown}
-              ${g(this.badgeRef)}
+              ${c(this.badgeRef)}
             >
               <slot name="badge">
-                ${p(this.isIcon,()=>a`<sky-icon part="icon" icon=${this.value} aria-hidden="true"></sky-icon>`,()=>a`${r}`)}
+                ${d(this.isIcon,()=>r`<sky-icon part="icon" icon=${this.value} aria-hidden="true"></sky-icon>`,()=>r`${a}`)}
               </slot>
             </span>
           `)}
       </div>
-    `}};t([r({type:String,reflect:!0}),e("design:type",String)],v.prototype,"statusColor",void 0),t([r({type:String,reflect:!0}),e("design:type",String)],v.prototype,"textColor",void 0),t([r({type:String,reflect:!0}),e("design:type",String)],v.prototype,"iconColor",void 0),t([r({type:String,reflect:!0}),e("design:type",String)],v.prototype,"position",void 0),t([r({type:String}),e("design:type",String)],v.prototype,"value",void 0),t([r({type:Boolean,reflect:!0}),e("design:type",Object)],v.prototype,"isIcon",void 0),t([r({type:String,reflect:!0}),e("design:type",String)],v.prototype,"size",void 0),t([r({type:String,reflect:!0}),e("design:type",String)],v.prototype,"shape",void 0),t([r({type:Number}),e("design:type",Object)],v.prototype,"max",void 0),t([r({type:Boolean}),e("design:type",Object)],v.prototype,"hideWhenZero",void 0),t([r({type:Boolean,reflect:!0}),e("design:type",Object)],v.prototype,"show",void 0),t([r({type:String}),e("design:type",String)],v.prototype,"offsetX",void 0),t([r({type:String}),e("design:type",String)],v.prototype,"offsetY",void 0),t([r({type:Boolean}),e("design:type",Object)],v.prototype,"ring",void 0),t([r({type:String}),e("design:type",String)],v.prototype,"ringColor",void 0),t([r({type:String}),e("design:type",String)],v.prototype,"ringOffset",void 0),t([r({type:String}),e("design:type",Object)],v.prototype,"badgeLabel",void 0),t([r({type:Boolean}),e("design:type",Object)],v.prototype,"badgeAriaHidden",void 0),t([r({type:Boolean}),e("design:type",Object)],v.prototype,"interactive",void 0),t([r({type:String,reflect:!0}),e("design:type",String)],v.prototype,"placement",void 0),t([n(".badge"),e("design:type",HTMLSpanElement)],v.prototype,"_badgeEl",void 0),v=t([l("sky-badge")],v);export{v as SkyBadge};
+    `}};t([a({type:String,reflect:!0}),e("design:type",String)],x.prototype,"statusColor",void 0),t([a({type:String,reflect:!0}),e("design:type",String)],x.prototype,"textColor",void 0),t([a({type:String,reflect:!0}),e("design:type",String)],x.prototype,"iconColor",void 0),t([a({type:String,reflect:!0}),e("design:type",String)],x.prototype,"position",void 0),t([a({type:String}),e("design:type",String)],x.prototype,"value",void 0),t([a({type:Boolean,reflect:!0}),e("design:type",Object)],x.prototype,"isIcon",void 0),t([a({type:String,reflect:!0}),e("design:type",String)],x.prototype,"size",void 0),t([a({type:String,reflect:!0}),e("design:type",String)],x.prototype,"shape",void 0),t([a({type:Number}),e("design:type",Object)],x.prototype,"max",void 0),t([a({type:Boolean}),e("design:type",Object)],x.prototype,"hideWhenZero",void 0),t([a({type:Boolean,reflect:!0}),e("design:type",Object)],x.prototype,"show",void 0),t([a({type:String}),e("design:type",String)],x.prototype,"offsetX",void 0),t([a({type:String}),e("design:type",String)],x.prototype,"offsetY",void 0),t([a({type:Boolean}),e("design:type",Object)],x.prototype,"ring",void 0),t([a({type:String}),e("design:type",String)],x.prototype,"ringColor",void 0),t([a({type:String}),e("design:type",String)],x.prototype,"ringOffset",void 0),t([a({type:String}),e("design:type",Object)],x.prototype,"badgeLabel",void 0),t([a({type:Boolean}),e("design:type",Object)],x.prototype,"badgeAriaHidden",void 0),t([a({type:Boolean}),e("design:type",Object)],x.prototype,"interactive",void 0),t([a({type:String,reflect:!0}),e("design:type",String)],x.prototype,"placement",void 0),t([n(".badge"),e("design:type",HTMLSpanElement)],x.prototype,"_badgeEl",void 0),x=t([l("sky-badge")],x);export{x as SkyBadge};
 //# sourceMappingURL=sky-badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sky-badge.js","sources":["../../src/sky-badge/sky-badge.ts"],"sourcesContent":[null],"names":["SKY_BADGE_POSITIONS","SKY_BADGE_SHAPES","SKY_BADGE_PLACEMENTS","SkyBadge","LitElement","constructor","this","statusColor","textColor","iconColor","position","value","isIcon","size","shape","max","hideWhenZero","show","offsetX","offsetY","ring","ringColor","ringOffset","badgeLabel","badgeAriaHidden","interactive","placement","badgeRef","createRef","_onActivate","e","dispatchEvent","CustomEvent","detail","originalEvent","bubbles","composed","_onKeydown","key","preventDefault","dependencies","SkyIcon","shadowRootOptions","mode","delegatesFocus","styles","css","updated","changed","has","test","includes","showBadge","hideBadge","setValue","_computeAriaLabel","displayValue","n","Number","isNaN","_computeAnchors","top","right","bottom","left","render","numeric","isNumeric","shouldHideZero","visible","cls","push","computedRadius","badgeStyle","resolveColor","ariaLabel","html","when","join","styleMap","nothing","ref","__decorate","property","type","String","reflect","prototype","Boolean","query","HTMLSpanElement","customElement"],"mappings":"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"}
+{"version":3,"file":"sky-badge.js","sources":["../../src/sky-badge/sky-badge.ts"],"sourcesContent":[null],"names":["SKY_BADGE_POSITIONS","SKY_BADGE_SHAPES","SKY_BADGE_PLACEMENTS","SkyBadge","LitElement","constructor","this","statusColor","textColor","iconColor","position","value","isIcon","size","shape","max","hideWhenZero","show","offsetX","offsetY","ring","ringColor","ringOffset","badgeLabel","badgeAriaHidden","interactive","placement","badgeRef","createRef","_onActivate","e","dispatchEvent","CustomEvent","detail","originalEvent","bubbles","composed","_onKeydown","key","preventDefault","dependencies","SkyIcon","shadowRootOptions","mode","delegatesFocus","styles","css","updated","changed","has","test","includes","showBadge","hideBadge","setValue","_computeAriaLabel","displayValue","n","Number","isNaN","_computeAnchors","top","right","bottom","left","_resolveBadgeSurface","semanticKey","resolveSemanticSurfaceKey","soft","semanticSoftSurfaceTokens","bordered","color","resolveColor","bg","border","resolveTextColorForToken","render","numeric","isNumeric","shouldHideZero","visible","cls","push","computedRadius","surface","badgeStyle","ariaLabel","html","when","join","styleMap","nothing","ref","__decorate","property","type","String","reflect","prototype","Boolean","query","HTMLSpanElement","customElement"],"mappings":"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"}

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

@@ -96,6 +96,10 @@ export declare class SkyButton extends LitElement {
     /** Uses vertical padding for equal sides (icon-only square control). */
     private _toSquarePadding;
     private _resolveSize;
+    /** Theme tokens like `var(--sky-border-primary)` are full border shorthands, not colors. */
+    private _isThemeBorderShorthand;
+    /** Extracts the color token from a `Npx solid …` border shorthand. */
+    private _borderColorFromShorthand;
     protected willUpdate(changedProperties: Map<string, unknown>): void;
     /**
      * Focuses the internal native button.