@nordhealth/components - npm Package Compare versions

Comparing version 1.0.0-alpha.32 to 1.0.0-alpha.33

lib/Badge.js

@@ -1,2 +0,2 @@
-import{r,D as a,y as o,_ as e,a as n,n as s}from"./DraftComponentMixin-47a01537.js";import{e as t}from"./property-03f59dce.js";const c=r`:host{display:inline-block}*,::after,::before{box-sizing:border-box}.n-badge{border-radius:var(--n-border-radius-pill);background:var(--n-color-surface);border:1px solid var(--n-color-border);font-size:var(--n-font-size-s);padding-block-start:calc(var(--n-space-s)/ 2);padding-block-end:calc(var(--n-space-s)/ 2);padding-inline-start:calc(var(--n-space-s) * 2.5);padding-inline-end:var(--n-space-s);color:var(--n-badge-color,var(--n-color-text-weaker));position:relative}.n-badge:hover{background:var(--n-color-active);color:var(--n-color-text);cursor:default}.n-badge::after{content:"";inline-size:var(--n-space-s);block-size:var(--n-space-s);background:var(--n-badge-chip-color,var(--n-color-status-info));border-radius:var(--n-border-radius-circle);display:inline-block;position:absolute;transform:translateY(-50%);inset-block-start:50%;inset-inline-start:var(--n-space-s);z-index:2}:host([type=success]){--n-badge-chip-color:var(--n-color-status-success)}:host([type=warning]){--n-badge-chip-color:var(--n-color-status-warning)}:host([type=danger]){--n-badge-chip-color:var(--n-color-status-danger)}:host([type=highlight]){--n-badge-chip-color:var(--n-color-status-highlight)}`;let i=class extends(a(s)){constructor(){super(...arguments),this.type="info"}render(){return o`<span class="n-badge"><slot></slot></span>`}};i.styles=c,e([t({reflect:!0})],i.prototype,"type",void 0),i=e([n("nord-badge")],i);var l=i;export{l as default};
+import{r,D as a,p as o,_ as n,n as e,s}from"./DraftComponentMixin-4bb26f5d.js";import{e as t}from"./property-03f59dce.js";const i=r`:host{display:inline-block}*,::after,::before{box-sizing:border-box;margin:0;padding:0}.n-badge{border-radius:var(--n-border-radius-pill);background:var(--n-color-surface);border:1px solid var(--n-color-border);font-size:var(--n-font-size-s);font-family:var(--n-font-family);font-feature-settings:var(--n-font-features);line-height:var(--n-line-height);padding-block-start:calc(var(--n-space-s)/ 2);padding-block-end:calc(var(--n-space-s)/ 2);padding-inline-start:calc(var(--n-space-s) * 2.5);padding-inline-end:var(--n-space-s);color:var(--n-badge-color,var(--n-color-text-weaker));position:relative}.n-badge:hover{background:var(--n-color-active);color:var(--n-color-text);cursor:default}.n-badge::after{content:"";inline-size:var(--n-space-s);block-size:var(--n-space-s);background:var(--n-badge-chip-color,var(--n-color-status-info));border-radius:var(--n-border-radius-circle);display:inline-block;position:absolute;transform:translateY(-50%);inset-block-start:50%;inset-inline-start:var(--n-space-s);z-index:2}:host([type=success]){--n-badge-chip-color:var(--n-color-status-success)}:host([type=warning]){--n-badge-chip-color:var(--n-color-status-warning)}:host([type=danger]){--n-badge-chip-color:var(--n-color-status-danger)}:host([type=highlight]){--n-badge-chip-color:var(--n-color-status-highlight)}`;let c=class extends(a(s)){constructor(){super(...arguments),this.type="info"}render(){return o`<span class="n-badge"><slot></slot></span>`}};c.styles=i,n([t({reflect:!0})],c.prototype,"type",void 0),c=n([e("nord-badge")],c);var l=c;export{l as default};
 //# sourceMappingURL=Badge.js.map

lib/Button.js

@@ -1,2 +0,2 @@
-import{r as t,D as o,y as n,_ as r,a as e,n as a}from"./DraftComponentMixin-47a01537.js";import{e as s}from"./property-03f59dce.js";import{I as i,F as l,n as c,l as d}from"./InputMixin-03841680.js";const b=t`:host{display:inline-block}*,::after,::before{box-sizing:border-box}.n-button{-webkit-appearance:none;align-items:center;appearance:none;background:var(--n-button-background-color,var(--n-color-button));border-radius:var(--n-button-border-radius,var(--n-border-radius-s));border:1px var(--n-button-border-style,solid) var(--n-button-border-color,var(--n-color-border-strong));box-shadow:var(--n-button-box-shadow,var(--n-box-shadow));color:var(--n-button-color,var(--n-color-text));cursor:pointer;display:flex;gap:var(--n-button-gap,var(--n-space-s));font-family:var(--n-font-family);font-feature-settings:var(--n-font-features);font-size:var(--n-button-font-size,var(--n-font-size-m));font-weight:var(--n-button-font-weight,var(--n-font-weight));line-height:var(--n-line-height-form);margin:0;min-block-size:var(--n-button-min-height,var(--n-space-xl));padding:var(--n-button-padding-y,calc(var(--n-space-s)/ 1.6)) var(--n-button-padding-x,calc(var(--n-space-m)/ 1.2));text-align:var(--n-button-text-align,center);text-decoration:none;transition:all .1s ease;-webkit-user-select:none;user-select:none;inline-size:var(--n-button-width,fit-content)}:host([expand]){--n-button-width:100%;display:block}.n-content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(:hover){--n-button-background-color:var(--n-color-button-hover);--n-button-border-color:var(--n-color-border-hover)}:host([disabled]){--n-button-background-color:var(--n-color-border);--n-button-box-shadow:none;--n-button-border-color:var(--n-button-background-color);--n-button-color:var(--n-color-text-weaker);opacity:.5;pointer-events:none}.n-button:focus{--n-button-border-color:var(--n-color-primary);--n-button-border-style:solid;--n-button-box-shadow:0 0 0 1px var(--n-button-border-color);outline:0}.n-button:active{opacity:.8;transform:translateY(1px);transition:none}:host([variant=primary]){--n-button-background-color:var(--n-color-primary);--n-button-border-color:transparent;--n-button-box-shadow:none;--n-button-color:var(--n-color-text-inverse);--n-button-font-weight:var(--n-font-weight-active)}:host([variant=primary]:hover){--n-button-background-color:var(--n-color-primary-strong)}:host([variant=dashed]){--n-button-color:var(--n-color-text-weaker);--n-button-border-color:var(--n-color-border-hover);--n-button-border-style:dashed;--n-button-box-shadow:none}:host([variant=dashed]:hover){--n-button-color:var(--n-color-text)}:host([variant=plain]){--n-button-border-color:transparent;--n-button-box-shadow:none}:host([size="s"]){--n-button-font-size:var(--n-font-size-s);--n-button-min-height:var(--n-space-l);--n-button-padding-y:calc(var(--n-space-s) / 1.5);--n-button-padding-x:var(--n-space-s);--n-button-gap:calc(var(--n-space-s) / 2)}:host([size="s"]) .n-button{line-height:var(--n-line-height-tight)}::slotted(button[slot=proxy]){display:none}::slotted(svg){color:var(--n-color-icon)}:host(:hover) ::slotted(svg){color:var(--n-color-icon-hover)}`;let u=class extends(i(l(o(a)))){constructor(){super(...arguments),this._proxyButton=document.createElement("button"),this.variant="default",this.type="submit",this.size="m",this.download=!1,this.target="_self",this.expand=!1}connectedCallback(){super.connectedCallback(),this.syncProxyButton()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupProxyButton()}updated(){this.syncProxyButton()}render(){const t=n`<slot name="before"></slot><div class="n-content"><slot></slot></div><slot name="after"></slot>`;return this.href?n`<a ${c(this.focusableRef)} class="n-button" target="${this.target}" ?download="${this.download}" href="${this.href}">${t}</a>`:n`<slot name="proxy"></slot><button ${c(this.focusableRef)} class="n-button" ?disabled="${this.disabled}" name="${d(this.name)}" value="${d(this.value)}" @click="${this.handleClick}">${t}</button>`}handleClick(){this._proxyButton.click()}get isFormAssociated(){return!this.href&&this.form}syncProxyButton(){const t=this._proxyButton;t.slot="proxy",t.className="n-button-proxy",t.disabled=this.disabled,t.type=this.type,this.name?t.name=this.name:t.removeAttribute("name"),this.value?t.value=this.value:t.removeAttribute("value"),this.isFormAssociated?this.appendChild(t):this.cleanupProxyButton()}cleanupProxyButton(){this._proxyButton.remove()}};u.styles=b,r([s({reflect:!0})],u.prototype,"variant",void 0),r([s({reflect:!0})],u.prototype,"type",void 0),r([s({reflect:!0})],u.prototype,"size",void 0),r([s({reflect:!0})],u.prototype,"href",void 0),r([s({type:Boolean})],u.prototype,"download",void 0),r([s({reflect:!0})],u.prototype,"target",void 0),r([s({reflect:!0,type:Boolean})],u.prototype,"expand",void 0),u=r([e("nord-button")],u);var h=u;export{h as default};
+import{r as t,D as o,p as n,_ as e,n as r,s as a}from"./DraftComponentMixin-4bb26f5d.js";import{e as s}from"./property-03f59dce.js";import{l as i}from"./if-defined-617ae549.js";import{n as l}from"./ref-65ef7607.js";import{I as c,F as d}from"./InputMixin-6c108de4.js";import"./directive-e9ce14b4.js";const b=t`:host{all:initial;display:inline-block}*,::after,::before{box-sizing:border-box;margin:0;padding:0}.n-button{-webkit-appearance:none;align-items:center;appearance:none;background:var(--n-button-background-color,var(--n-color-button));border-radius:var(--n-button-border-radius,var(--n-border-radius-s));border:1px var(--n-button-border-style,solid) var(--n-button-border-color,var(--n-color-border-strong));box-shadow:var(--n-button-box-shadow,var(--n-box-shadow));color:var(--n-button-color,var(--n-color-text));cursor:pointer;display:flex;gap:var(--n-button-gap,var(--n-space-s));font-family:var(--n-font-family);font-feature-settings:var(--n-font-features);font-size:var(--n-button-font-size,var(--n-font-size-m));font-weight:var(--n-button-font-weight,var(--n-font-weight));line-height:var(--n-line-height-form);margin:0;min-block-size:var(--n-button-min-height,var(--n-space-xl));padding:var(--n-button-padding-y,calc(var(--n-space-s)/ 1.6)) var(--n-button-padding-x,calc(var(--n-space-m)/ 1.2));text-align:var(--n-button-text-align,center);text-decoration:none;transition:all .1s ease;-webkit-user-select:none;user-select:none;inline-size:var(--n-button-width,fit-content)}:host([expand]){--n-button-width:100%;display:block}.n-content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(:hover){--n-button-background-color:var(--n-color-button-hover);--n-button-border-color:var(--n-color-border-hover)}:host([disabled]){--n-button-background-color:var(--n-color-border);--n-button-box-shadow:none;--n-button-border-color:var(--n-button-background-color);--n-button-color:var(--n-color-text-weaker);opacity:.5;pointer-events:none}.n-button:focus{--n-button-border-color:var(--n-color-primary);--n-button-border-style:solid;--n-button-box-shadow:0 0 0 1px var(--n-button-border-color);outline:0}.n-button:active{opacity:.8;transform:translateY(1px);transition:none}:host([variant=primary]){--n-button-background-color:var(--n-color-primary);--n-button-border-color:transparent;--n-button-box-shadow:none;--n-button-color:var(--n-color-text-inverse);--n-button-font-weight:var(--n-font-weight-active)}:host([variant=primary]:hover){--n-button-background-color:var(--n-color-primary-strong)}:host([variant=dashed]){--n-button-color:var(--n-color-text-weaker);--n-button-border-color:var(--n-color-border-hover);--n-button-border-style:dashed;--n-button-box-shadow:none}:host([variant=dashed]:hover){--n-button-color:var(--n-color-text)}:host([variant=plain]){--n-button-border-color:transparent;--n-button-box-shadow:none}:host([size="s"]){--n-button-font-size:var(--n-font-size-s);--n-button-min-height:var(--n-space-l);--n-button-padding-y:calc(var(--n-space-s) / 1.5);--n-button-padding-x:var(--n-space-s);--n-button-gap:calc(var(--n-space-s) / 2)}:host([size="s"]) .n-button{line-height:var(--n-line-height-tight)}::slotted(button[slot=proxy]){display:none}::slotted(svg){color:var(--n-color-icon)}:host(:hover) ::slotted(svg){color:var(--n-color-icon-hover)}`;let u=class extends(c(d(o(a)))){constructor(){super(...arguments),this._proxyButton=document.createElement("button"),this.variant="default",this.type="submit",this.size="m",this.download=!1,this.target="_self",this.expand=!1}connectedCallback(){super.connectedCallback(),this.syncProxyButton()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupProxyButton()}updated(){this.syncProxyButton()}render(){const t=n`<slot name="before"></slot><div class="n-content"><slot></slot></div><slot name="after"></slot>`;return this.href?n`<a ${l(this.focusableRef)} class="n-button" target="${this.target}" ?download="${this.download}" href="${this.href}">${t}</a>`:n`<slot name="proxy"></slot><button ${l(this.focusableRef)} class="n-button" ?disabled="${this.disabled}" name="${i(this.name)}" value="${i(this.value)}" @click="${this.handleClick}">${t}</button>`}handleClick(){this._proxyButton.click()}get isFormAssociated(){return!this.href&&this.form}syncProxyButton(){const t=this._proxyButton;t.slot="proxy",t.className="n-button-proxy",t.disabled=this.disabled,t.type=this.type,this.name?t.name=this.name:t.removeAttribute("name"),this.value?t.value=this.value:t.removeAttribute("value"),this.isFormAssociated?this.appendChild(t):this.cleanupProxyButton()}cleanupProxyButton(){this._proxyButton.remove()}};u.styles=b,e([s({reflect:!0})],u.prototype,"variant",void 0),e([s({reflect:!0})],u.prototype,"type",void 0),e([s({reflect:!0})],u.prototype,"size",void 0),e([s({reflect:!0})],u.prototype,"href",void 0),e([s({type:Boolean})],u.prototype,"download",void 0),e([s({reflect:!0})],u.prototype,"target",void 0),e([s({reflect:!0,type:Boolean})],u.prototype,"expand",void 0),u=e([r("nord-button")],u);var h=u;export{h as default};
 //# sourceMappingURL=Button.js.map

lib/Card.js

@@ -1,2 +0,2 @@
-import{r as a,D as d,y as n,_ as o,a as t,n as e}from"./DraftComponentMixin-47a01537.js";import{e as r}from"./property-03f59dce.js";const s=a`:host{display:block}*,::after,::before{box-sizing:border-box}.n-card{background:var(--n-color-surface);border-radius:var(--n-border-radius);box-shadow:var(--n-box-shadow-card)}@media (max-width:1000px){slot:not([name]){overflow-x:auto}}:host([padding="m"]){--n-card-padding:var(--n-space-m);--n-card-slot-padding:var(--n-space-m)}:host([padding="l"]){--n-card-padding:var(--n-space-l);--n-card-slot-padding:var(--n-space-l)}:host([padding=none]){--n-card-padding:0;--n-card-slot-padding:var(--n-space-m)}slot{display:block}slot[hidden]{display:none}slot:not([name]){padding:var(--n-card-padding)}slot[name=header]{border-block-end:1px solid var(--n-color-border);padding:var(--n-space-m) var(--n-card-slot-padding)}slot[name=footer]{padding:var(--n-card-slot-padding);padding-block-start:0;white-space:nowrap}::slotted([slot=header]){font-size:var(--n-font-size-m);font-weight:var(--n-font-weight-heading);margin:0}`;let l=class extends(d(e)){constructor(){super(...arguments),this.padding="m"}render(){return n`<div class="n-card"><slot name="header" @slotchange="${this.handleSlotChange}" ?hidden="${!this.hasSlottedContent("header")}"></slot><slot></slot><slot name="footer" @slotchange="${this.handleSlotChange}" ?hidden="${!this.hasSlottedContent("footer")}"></slot></div>`}handleSlotChange(){this.requestUpdate()}hasSlottedContent(a){return null!=this.querySelector(`[slot="${a}"]`)}};l.styles=s,o([r({reflect:!0})],l.prototype,"padding",void 0),l=o([t("nord-card")],l);var i=l;export{i as default};
+import{r as a,D as n,p as t,_ as o,n as e,s as d}from"./DraftComponentMixin-4bb26f5d.js";import{e as r}from"./property-03f59dce.js";const s=a`:host{all:initial;display:block;font-family:var(--n-font-family);line-height:var(--n-line-height);font-feature-settings:var(--n-font-features);font-size:var(--n-font-size-m);color:var(--n-color-text)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}.n-card{background:var(--n-color-surface);border-radius:var(--n-border-radius);box-shadow:var(--n-box-shadow-card)}@media (max-width:1000px){slot:not([name]){overflow-x:auto}}:host([padding="m"]){--n-card-padding:var(--n-space-m);--n-card-slot-padding:var(--n-space-m)}:host([padding="l"]){--n-card-padding:var(--n-space-l);--n-card-slot-padding:var(--n-space-l)}:host([padding=none]){--n-card-padding:0;--n-card-slot-padding:var(--n-space-m)}slot{display:block}slot[hidden]{display:none}slot:not([name]){padding:var(--n-card-padding)}slot[name=header]{border-block-end:1px solid var(--n-color-border);padding:var(--n-space-m) var(--n-card-slot-padding)}slot[name=footer]{padding:var(--n-card-slot-padding);padding-block-start:0;white-space:nowrap}::slotted([slot=header]){font-size:var(--n-font-size-m);font-weight:var(--n-font-weight-heading);margin:0}`;let i=class extends(n(d)){constructor(){super(...arguments),this.padding="m"}render(){return t`<div class="n-card"><slot name="header" @slotchange="${this.handleSlotChange}" ?hidden="${!this.hasSlottedContent("header")}"></slot><slot></slot><slot name="footer" @slotchange="${this.handleSlotChange}" ?hidden="${!this.hasSlottedContent("footer")}"></slot></div>`}handleSlotChange(){this.requestUpdate()}hasSlottedContent(a){return null!=this.querySelector(`[slot="${a}"]`)}};i.styles=s,o([r({reflect:!0})],i.prototype,"padding",void 0),i=o([e("nord-card")],i);var l=i;export{l as default};
 //# sourceMappingURL=Card.js.map

lib/index.js

@@ -1,2 +0,2 @@
-export{default as VisuallyHidden}from"./VisuallyHidden.js";export{default as Button}from"./Button.js";export{default as Stack}from"./Stack.js";export{default as Select}from"./Select.js";export{default as Table}from"./Table.js";export{default as Badge}from"./Badge.js";export{default as Card}from"./Card.js";export{default as Input}from"./Input.js";import"./DraftComponentMixin-47a01537.js";import"./property-03f59dce.js";import"./InputMixin-03841680.js";import"./FormAssociatedMixin-887edc78.js";import"./events.js";
+export{default as Badge}from"./Badge.js";export{default as Button}from"./Button.js";export{default as Card}from"./Card.js";export{default as Input}from"./Input.js";export{default as Icon}from"./Icon.js";export{default as CommandMenu}from"./CommandMenu.js";export{C as CommandMenuAction}from"./CommandMenuAction-97598b47.js";export{default as Select}from"./Select.js";export{default as Stack}from"./Stack.js";export{default as Table}from"./Table.js";export{default as VisuallyHidden}from"./VisuallyHidden.js";import"./DraftComponentMixin-4bb26f5d.js";import"./property-03f59dce.js";import"./if-defined-617ae549.js";import"./ref-65ef7607.js";import"./directive-e9ce14b4.js";import"./InputMixin-6c108de4.js";import"./unsafe-html-21f62902.js";import"./FormAssociatedMixin-c9674b41.js";import"./events.js";import"./state-70f38ceb.js";import"./collection.js";import"./number.js";import"./focus.js";import"./KeyboardController-9a1b558b.js";import"./events2.js";
 //# sourceMappingURL=index.js.map

lib/Input.js

@@ -1,2 +0,2 @@
-import{r as e,D as n,x as r,y as t,_ as o,a as i,n as a}from"./DraftComponentMixin-47a01537.js";import{e as l}from"./property-03f59dce.js";import{I as s,F as d,n as c,l as p}from"./InputMixin-03841680.js";import{F as h,o as v}from"./FormAssociatedMixin-887edc78.js";import"./VisuallyHidden.js";import"./events.js";const u=e`:host{display:block}*,::after,::before{box-sizing:border-box}.n-caption{font-size:var(--n-font-size-s);line-height:1.3}.n-label-container{padding-block-end:calc(var(--n-space-s) * 1.5);display:inline-block}label{display:block;color:var(--n-color-text);font-size:var(--n-font-size-m);font-weight:var(--n-font-weight-heading);line-height:var(--n-line-height-heading)}.n-hint{padding-block-start:calc(var(--n-space-s)/ 2);color:var(--n-color-text-weaker)}.n-input-container{position:relative}input{background:var(--n-color-active);color:var(--n-color-text);padding-block-start:calc(var(--n-space-s) - 1px);padding-block-end:calc(var(--n-space-s) - 1px);padding-inline-start:calc(var(--n-space-s) * 1.6);padding-inline-end:calc(var(--n-space-s) * 1.6);border-radius:var(--n-border-radius-s);border:1px solid var(--n-input-border-color,var(--n-color-border-strong));font-family:var(--n-font-family);font-size:var(--n-font-size-m);line-height:var(--n-line-height-form);min-inline-size:250px;transition:var(--n-transition-slowly)}@media (max-width:480px){input{font-size:var(--n-font-size-l)}}:host([expand]) input{display:block;inline-size:100%}.n-label-container:hover+.n-input-container input,input:hover{--n-input-border-color:var(--n-color-border-hover)}input:focus{--n-input-border-color:var(--n-color-primary);background:var(--n-color-surface);outline:0;box-shadow:0 0 0 1px var(--n-input-border-color)}input::placeholder{color:var(--n-color-text-weaker)}input:focus::placeholder{color:var(--n-color-text-weakest)}input:disabled{--n-input-border-color:var(--n-color-active);color:var(--n-color-text-weakest)}input::-webkit-search-cancel-button,input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}slot[name=before]{display:flex;align-items:center;position:absolute;margin-inline-start:calc(var(--n-space-s) * 1.5);block-size:100%;pointer-events:none}slot[name=before]+input{padding-inline-start:var(--n-space-xl)}::slotted(svg),svg{block-size:var(--n-size-icon-input);inline-size:var(--n-size-icon-input);color:var(--n-color-icon)}input[aria-invalid=true]{--n-input-border-color:var(--n-color-status-danger)}.n-error{margin-block-start:calc(var(--n-space-s));color:var(--n-color-text-error)}`;let b=class extends(h(s(d(n(a))))){constructor(){super(...arguments),this.type="text",this.hideLabel=!1,this.expand=!1}render(){var e;const n=null!=this.hint||this.hasSlottedContent("hint"),o=null!=this.error||this.hasSlottedContent("error"),i="search"===this.type||this.hasSlottedContent("before"),a="number"===this.type,l="search"===this.type?v('<svg viewBox="0 0 140 140" xmlns="http://www.w3.org/2000/svg"><path d="M7 59.5a52.5 52.5 0 1 0 105 0 52.5 52.5 0 1 0-105 0zM133 133 96.628 96.628" stroke-width="14" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>'):r;let s;return n&&o?s="hint error":n?s="hint":o&&(s="error"),t`${this.renderLabel(n)}<div class="n-input-container">${i?t`<slot name="before" @slotchange="${this.handleSlotChange}">${l}</slot>`:r} <input ${c(this.focusableRef)} id="input" type="${a?"text":this.type}" inputmode="${p(a?"numeric":void 0)}" pattern="${p(a?"[0-9]*":void 0)}" ?disabled="${this.disabled}" ?required="${this.required}" name="${p(this.name)}" .value="${null!==(e=this.value)&&void 0!==e?e:""}" placeholder="${p(this.placeholder)}" @change="${this.handleChange}" aria-describedby="${p(s)}" aria-invalid="${p(o?"true":void 0)}"></div>${o?this.renderError():r}`}renderLabel(e){const n=t`<label for="input"><slot name="label">${this.label}</slot></label> ${e?this.renderHint():r}`;return this.hideLabel?t`<nord-visually-hidden>${n}</nord-visually-hidden>`:t`<div class="n-label-container">${n}</div>`}renderHint(){return t`<div class="n-caption n-hint" id="hint"><slot name="hint" @slotchange="${this.handleSlotChange}">${this.hint}</slot></div>`}renderError(){return t`<div class="n-caption n-error" id="error" role="alert"><slot name="error" @slotchange="${this.handleSlotChange}">${this.error}</slot></div>`}handleSlotChange(){this.requestUpdate()}hasSlottedContent(e){return null!=this.querySelector(`[slot="${e}"]`)}};b.styles=u,o([l()],b.prototype,"type",void 0),o([l()],b.prototype,"hint",void 0),o([l({type:Boolean,attribute:"hide-label"})],b.prototype,"hideLabel",void 0),o([l()],b.prototype,"placeholder",void 0),o([l()],b.prototype,"error",void 0),o([l({reflect:!0,type:Boolean})],b.prototype,"expand",void 0),b=o([i("nord-input")],b);var g=b;export{g as default};
+import{r as e,D as n,T as t,p as r,_ as o,n as i,s as a}from"./DraftComponentMixin-4bb26f5d.js";import{e as l}from"./property-03f59dce.js";import{l as s}from"./if-defined-617ae549.js";import{n as d}from"./ref-65ef7607.js";import{o as c}from"./unsafe-html-21f62902.js";import{I as p,F as h}from"./InputMixin-6c108de4.js";import{F as v}from"./FormAssociatedMixin-c9674b41.js";import"./VisuallyHidden.js";import"./directive-e9ce14b4.js";import"./events.js";const u=e`:host{all:initial;display:block;font-family:var(--n-font-family);line-height:var(--n-line-height);font-feature-settings:var(--n-font-features)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}.n-caption{font-size:var(--n-font-size-s);line-height:1.3}.n-label-container{padding-block-end:calc(var(--n-space-s) * 1.5);display:inline-block}label{display:block;color:var(--n-color-text);font-family:var(--n-font-family);font-size:var(--n-font-size-m);font-weight:var(--n-font-weight-heading);line-height:var(--n-line-height-heading)}.n-hint{padding-block-start:calc(var(--n-space-s)/ 2);color:var(--n-color-text-weaker)}.n-input-container{position:relative}input{background:var(--n-color-active);color:var(--n-color-text);padding-block-start:calc(var(--n-space-s) - 1px);padding-block-end:calc(var(--n-space-s) - 1px);padding-inline-start:calc(var(--n-space-s) * 1.6);padding-inline-end:calc(var(--n-space-s) * 1.6);border-radius:var(--n-border-radius-s);border:1px solid var(--n-input-border-color,var(--n-color-border-strong));font-family:var(--n-font-family);font-size:var(--n-font-size-m);line-height:var(--n-line-height-form);min-inline-size:250px;transition:var(--n-transition-slowly)}@media (max-width:480px){input{font-size:var(--n-font-size-l)}}:host([expand]) input{display:block;inline-size:100%}.n-label-container:hover+.n-input-container input,input:hover{--n-input-border-color:var(--n-color-border-hover)}input:focus{--n-input-border-color:var(--n-color-primary);background:var(--n-color-surface);outline:0;box-shadow:0 0 0 1px var(--n-input-border-color)}input::placeholder{color:var(--n-color-text-weaker)}input:focus::placeholder{color:var(--n-color-text-weakest)}input:disabled{--n-input-border-color:var(--n-color-active);color:var(--n-color-text-weakest)}input::-webkit-search-cancel-button,input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}slot[name=before]{display:flex;align-items:center;position:absolute;margin-inline-start:calc(var(--n-space-s) * 1.5);block-size:100%;pointer-events:none}slot[name=before]+input{padding-inline-start:var(--n-space-xl)}::slotted(svg),svg{block-size:var(--n-size-icon-input);inline-size:var(--n-size-icon-input);color:var(--n-color-icon)}input[aria-invalid=true]{--n-input-border-color:var(--n-color-status-danger)}.n-error{margin-block-start:calc(var(--n-space-s));color:var(--n-color-text-error)}`;let b=class extends(v(p(h(n(a))))){constructor(){super(...arguments),this.type="text",this.hideLabel=!1,this.expand=!1}render(){var e;const n=null!=this.hint||this.hasSlottedContent("hint"),o=null!=this.error||this.hasSlottedContent("error"),i="search"===this.type||this.hasSlottedContent("before"),a="number"===this.type,l="search"===this.type?c('<svg viewBox="0 0 140 140" xmlns="http://www.w3.org/2000/svg"><path d="M7 59.5a52.5 52.5 0 1 0 105 0 52.5 52.5 0 1 0-105 0zM133 133 96.628 96.628" stroke-width="14" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>'):t;let p;return n&&o?p="hint error":n?p="hint":o&&(p="error"),r`${this.renderLabel(n)}<div class="n-input-container">${i?r`<slot name="before" @slotchange="${this.handleSlotChange}">${l}</slot>`:t} <input ${d(this.focusableRef)} id="input" type="${a?"text":this.type}" inputmode="${s(a?"numeric":void 0)}" pattern="${s(a?"[0-9]*":void 0)}" ?disabled="${this.disabled}" ?required="${this.required}" name="${s(this.name)}" .value="${null!==(e=this.value)&&void 0!==e?e:""}" placeholder="${s(this.placeholder)}" @change="${this.handleChange}" aria-describedby="${s(p)}" aria-invalid="${s(o?"true":void 0)}"></div>${o?this.renderError():t}`}renderLabel(e){const n=r`<label for="input"><slot name="label">${this.label}</slot></label> ${e?this.renderHint():t}`;return this.hideLabel?r`<nord-visually-hidden>${n}</nord-visually-hidden>`:r`<div class="n-label-container">${n}</div>`}renderHint(){return r`<div class="n-caption n-hint" id="hint"><slot name="hint" @slotchange="${this.handleSlotChange}">${this.hint}</slot></div>`}renderError(){return r`<div class="n-caption n-error" id="error" role="alert"><slot name="error" @slotchange="${this.handleSlotChange}">${this.error}</slot></div>`}handleSlotChange(){this.requestUpdate()}hasSlottedContent(e){return null!=this.querySelector(`[slot="${e}"]`)}};b.styles=u,o([l()],b.prototype,"type",void 0),o([l()],b.prototype,"hint",void 0),o([l({type:Boolean,attribute:"hide-label"})],b.prototype,"hideLabel",void 0),o([l()],b.prototype,"placeholder",void 0),o([l()],b.prototype,"error",void 0),o([l({reflect:!0,type:Boolean})],b.prototype,"expand",void 0),b=o([i("nord-input")],b);var f=b;export{f as default};
 //# sourceMappingURL=Input.js.map

lib/Select.js

@@ -1,2 +0,2 @@
-import{r as e,D as t,y as n,x as o,_ as r,a as i,n as a}from"./DraftComponentMixin-47a01537.js";import{e as l}from"./property-03f59dce.js";import{I as s,F as d,n as c,l as h}from"./InputMixin-03841680.js";import{F as p,o as v}from"./FormAssociatedMixin-887edc78.js";import"./Button.js";import"./VisuallyHidden.js";import"./events.js";const b=e`:host{display:block}*,::after,::before{box-sizing:border-box}.n-caption{font-size:var(--n-font-size-s);line-height:1.3}.n-label-container{padding-block-end:calc(var(--n-space-s) * 1.5)}label{display:block;color:var(--n-color-text);font-size:var(--n-font-size-m);font-weight:var(--n-font-weight-heading);line-height:var(--n-line-height-heading)}.n-hint{padding-block-start:calc(var(--n-space-s)/ 2);color:var(--n-color-text-weaker)}.n-select-container{position:relative;inline-size:fit-content}:host([expand]) .n-select-container{inline-size:100%}select{-webkit-appearance:none;appearance:none;position:absolute;font-size:var(--n-font-size-m);font-family:var(--n-font-family);color:var(--n-color-text);inline-size:100%;opacity:.0001;cursor:pointer;background:0 0;border:0;block-size:var(--n-space-xl);inset-block-end:0;inset-inline-start:0;z-index:2}nord-button{--n-button-text-align:start}.n-label-container:hover+.n-select-container nord-button,select:hover+nord-button{--n-button-background-color:var(--n-color-button-hover);--n-button-border-color:var(--n-color-border-hover)}.n-label-container:hover+.n-select-container nord-button svg,select:hover+nord-button svg{color:var(--n-color-icon-hover)}select:focus+nord-button{--n-button-border-color:var(--n-color-primary);--n-button-box-shadow:0 0 0 1px var(--n-button-border-color)}:host([disabled]){cursor:auto;pointer-events:none}::slotted(:not([slot])){display:none}[slot=after] svg{color:var(--n-color-icon);margin-inline-start:var(--n-space-m);margin-inline-end:calc(var(--n-space-s)/ -2);min-inline-size:calc(var(--n-space-l)/ 2.2)}::slotted([slot=before]){margin-inline-start:calc(var(--n-space-s) * -1);margin-inline-end:var(--n-space-s)}select[aria-invalid=true]+nord-button{--n-button-border-color:var(--n-color-status-danger)}.n-error{color:var(--n-color-text-error);font-size:var(--n-font-size-s);line-height:1.3;margin-block-start:calc(var(--n-space-s))}`;let u=class extends(p(s(d(t(a))))){constructor(){super(...arguments),this.hideLabel=!1,this.expand=!1}render(){const e=this.options,t=this.getButtonText(e),r=null!=this.hint||this.hasSlottedContent("hint"),i=null!=this.error||this.hasSlottedContent("error");let a;return r&&i?a="hint error":r?a="hint":i&&(a="error"),n`<slot @slotchange="${this.handleSlotChange}"></slot>${this.renderLabel(r)}<div class="n-select-container"><select ${c(this.focusableRef)} id="select" ?disabled="${this.disabled}" ?required="${this.required}" name="${h(this.name)}" @change="${this.handleChange}" aria-describedby="${h(a)}" aria-invalid="${h(i?"true":void 0)}">${this.placeholder&&n`<option value="" disabled="disabled" ?selected="${!this.value}">${this.placeholder}</option>`} ${e.map((e=>this.renderOption(e)))}</select><nord-button tabindex="-1" ?disabled="${this.disabled}" ?expand="${this.expand}" aria-hidden="true" type="button"><slot slot="before" name="before"></slot>${t}<div slot="after">${v('<svg viewBox="0 0 140 140" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M105 56a10.416 10.416 0 0 1-7.42-3.08L72.478 27.818a3.528 3.528 0 0 0-4.956 0L42.42 52.92a10.5 10.5 0 0 1-14.84-14.84l35-35a10.486 10.486 0 0 1 14.84 0l35 35A10.5 10.5 0 0 1 105 56zm-35 84a10.416 10.416 0 0 1-7.42-3.08l-35-35a10.5 10.5 0 0 1 14.84-14.84l25.102 25.102a3.528 3.528 0 0 0 4.956 0L97.58 87.08a10.5 10.5 0 1 1 14.84 14.84l-35 35A10.416 10.416 0 0 1 70 140z"/></svg>')}</div></nord-button></div>${i?this.renderError():o}`}handleSlotChange(){this.requestUpdate()}get options(){return Array.from(this.querySelectorAll("option"))}getButtonText(e){const t=e.find((e=>e.value===this.value));return t?t.text:this.placeholder?this.placeholder:e[0]?e[0].text:""}renderLabel(e){const t=n`<label for="select"><slot name="label">${this.label}</slot></label> ${e?this.renderHint():o}`;return this.hideLabel?n`<nord-visually-hidden>${t}</nord-visually-hidden>`:n`<div class="n-label-container">${t}</div>`}renderHint(){return n`<div class="n-caption n-hint" id="hint"><slot name="hint" @slotchange="${this.handleSlotChange}">${this.hint}</slot></div>`}renderError(){return n`<div class="n-caption n-error" id="error" role="alert"><slot name="error" @slotchange="${this.handleSlotChange}">${this.error}</slot></div>`}renderOption(e){return n`<option value="${h(e.value)}" ?disabled="${e.disabled}" ?selected="${e.value===this.value}">${e.text}</option>`}hasSlottedContent(e){return null!=this.querySelector(`[slot="${e}"]`)}};u.styles=[b],r([l()],u.prototype,"hint",void 0),r([l({type:Boolean,attribute:"hide-label"})],u.prototype,"hideLabel",void 0),r([l()],u.prototype,"placeholder",void 0),r([l()],u.prototype,"error",void 0),r([l({reflect:!0,type:Boolean})],u.prototype,"expand",void 0),u=r([i("nord-select")],u);var g=u;export{g as default};
+import{r as e,D as t,p as n,T as o,_ as r,n as i,s as a}from"./DraftComponentMixin-4bb26f5d.js";import{e as l}from"./property-03f59dce.js";import{l as s}from"./if-defined-617ae549.js";import{n as d}from"./ref-65ef7607.js";import{o as c}from"./unsafe-html-21f62902.js";import"./Button.js";import"./VisuallyHidden.js";import{I as h,F as p}from"./InputMixin-6c108de4.js";import{F as v}from"./FormAssociatedMixin-c9674b41.js";import"./directive-e9ce14b4.js";import"./events.js";const b=e`:host{all:initial;display:block;font-family:var(--n-font-family);line-height:var(--n-line-height);font-feature-settings:var(--n-font-features)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}.n-caption{font-size:var(--n-font-size-s);line-height:1.3}.n-label-container{padding-block-end:calc(var(--n-space-s) * 1.5);display:inline-block}label{display:block;color:var(--n-color-text);font-family:var(--n-font-family);font-size:var(--n-font-size-m);font-weight:var(--n-font-weight-heading);line-height:var(--n-line-height-heading)}.n-hint{padding-block-start:calc(var(--n-space-s)/ 2);color:var(--n-color-text-weaker)}.n-select-container{position:relative;inline-size:fit-content}:host([expand]) .n-select-container{inline-size:100%}select{-webkit-appearance:none;appearance:none;position:absolute;font-size:var(--n-font-size-m);font-family:var(--n-font-family);color:var(--n-color-text);inline-size:100%;opacity:.0001;cursor:pointer;background:0 0;border:0;block-size:var(--n-space-xl);inset-block-end:0;inset-inline-start:0;z-index:2}nord-button{--n-button-text-align:start}.n-label-container:hover+.n-select-container nord-button,select:hover+nord-button{--n-button-background-color:var(--n-color-button-hover);--n-button-border-color:var(--n-color-border-hover)}.n-label-container:hover+.n-select-container nord-button svg,select:hover+nord-button svg{color:var(--n-color-icon-hover)}select:focus+nord-button{--n-button-border-color:var(--n-color-primary);--n-button-box-shadow:0 0 0 1px var(--n-button-border-color)}:host([disabled]){cursor:auto;pointer-events:none}::slotted(:not([slot])){display:none}[slot=after] svg{color:var(--n-color-icon);margin-inline-start:var(--n-space-m);margin-inline-end:calc(var(--n-space-s)/ -2);min-inline-size:calc(var(--n-space-l)/ 2.2)}::slotted([slot=before]){margin-inline-start:calc(var(--n-space-s) * -1);margin-inline-end:var(--n-space-s)}select[aria-invalid=true]+nord-button{--n-button-border-color:var(--n-color-status-danger)}.n-error{color:var(--n-color-text-error);font-size:var(--n-font-size-s);line-height:1.3;margin-block-start:calc(var(--n-space-s))}`;let u=class extends(v(h(p(t(a))))){constructor(){super(...arguments),this.hideLabel=!1,this.expand=!1}render(){const e=this.options,t=this.getButtonText(e),r=null!=this.hint||this.hasSlottedContent("hint"),i=null!=this.error||this.hasSlottedContent("error");let a;return r&&i?a="hint error":r?a="hint":i&&(a="error"),n`<slot @slotchange="${this.handleSlotChange}"></slot>${this.renderLabel(r)}<div class="n-select-container"><select ${d(this.focusableRef)} id="select" ?disabled="${this.disabled}" ?required="${this.required}" name="${s(this.name)}" @change="${this.handleChange}" aria-describedby="${s(a)}" aria-invalid="${s(i?"true":void 0)}">${this.placeholder&&n`<option value="" disabled="disabled" ?selected="${!this.value}">${this.placeholder}</option>`} ${e.map((e=>this.renderOption(e)))}</select><nord-button tabindex="-1" ?disabled="${this.disabled}" ?expand="${this.expand}" aria-hidden="true" type="button"><slot slot="before" name="before"></slot>${t}<div slot="after">${c('<svg viewBox="0 0 140 140" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M105 56a10.416 10.416 0 0 1-7.42-3.08L72.478 27.818a3.528 3.528 0 0 0-4.956 0L42.42 52.92a10.5 10.5 0 0 1-14.84-14.84l35-35a10.486 10.486 0 0 1 14.84 0l35 35A10.5 10.5 0 0 1 105 56zm-35 84a10.416 10.416 0 0 1-7.42-3.08l-35-35a10.5 10.5 0 0 1 14.84-14.84l25.102 25.102a3.528 3.528 0 0 0 4.956 0L97.58 87.08a10.5 10.5 0 1 1 14.84 14.84l-35 35A10.416 10.416 0 0 1 70 140z"/></svg>')}</div></nord-button></div>${i?this.renderError():o}`}handleSlotChange(){this.requestUpdate()}get options(){return Array.from(this.querySelectorAll("option"))}getButtonText(e){const t=e.find((e=>e.value===this.value));return t?t.text:this.placeholder?this.placeholder:e[0]?e[0].text:""}renderLabel(e){const t=n`<label for="select"><slot name="label">${this.label}</slot></label> ${e?this.renderHint():o}`;return this.hideLabel?n`<nord-visually-hidden>${t}</nord-visually-hidden>`:n`<div class="n-label-container">${t}</div>`}renderHint(){return n`<div class="n-caption n-hint" id="hint"><slot name="hint" @slotchange="${this.handleSlotChange}">${this.hint}</slot></div>`}renderError(){return n`<div class="n-caption n-error" id="error" role="alert"><slot name="error" @slotchange="${this.handleSlotChange}">${this.error}</slot></div>`}renderOption(e){return n`<option value="${s(e.value)}" ?disabled="${e.disabled}" ?selected="${e.value===this.value}">${e.text}</option>`}hasSlottedContent(e){return null!=this.querySelector(`[slot="${e}"]`)}};u.styles=[b],r([l()],u.prototype,"hint",void 0),r([l({type:Boolean,attribute:"hide-label"})],u.prototype,"hideLabel",void 0),r([l()],u.prototype,"placeholder",void 0),r([l()],u.prototype,"error",void 0),r([l({reflect:!0,type:Boolean})],u.prototype,"expand",void 0),u=r([i("nord-select")],u);var f=u;export{f as default};
 //# sourceMappingURL=Select.js.map

lib/src/index.d.ts

@@ -1,8 +0,11 @@
-export { default as VisuallyHidden } from "./visually-hidden/VisuallyHidden.js";
+export { default as Badge } from "./badge/Badge.js";
 export { default as Button } from "./button/Button.js";
+export { default as Card } from "./card/Card.js";
+export { default as Input } from "./input/Input.js";
+export { default as Icon } from "./icon/Icon.js";
+export { default as CommandMenu } from "./command-menu/CommandMenu.js";
+export { default as CommandMenuAction } from "./command-menu/CommandMenuAction.js";
+export { default as Select } from "./select/Select.js";
 export { default as Stack } from "./stack/Stack.js";
-export { default as Select } from "./select/Select.js";
 export { default as Table } from "./table/Table.js";
-export { default as Badge } from "./badge/Badge.js";
-export { default as Card } from "./card/Card.js";
-export { default as Input } from "./input/Input.js";
+export { default as VisuallyHidden } from "./visually-hidden/VisuallyHidden.js";

lib/Stack.js

@@ -1,2 +0,2 @@
-import{r as t,D as e,y as a,_ as s,a as o,n as r}from"./DraftComponentMixin-47a01537.js";import{e as i}from"./property-03f59dce.js";const n=t`:host{display:flex;flex-direction:column;justify-content:flex-start;flex-wrap:wrap}*,::after,::before{box-sizing:border-box}:host([direction=horizontal]){align-items:center;flex-direction:row}:host([align-items=center]){align-items:center}:host([align-items=start]){align-items:flex-start}:host([align-items=end]){align-items:flex-end}::slotted(*){margin:0!important}:host([gap=none]){gap:0}:host([gap="s"]){gap:var(--n-space-s)}:host([gap="m"]){gap:var(--n-space-m)}:host([gap="l"]){gap:var(--n-space-l)}:host([gap=xl]){gap:var(--n-space-xl)}:host([gap=xxl]){gap:var(--n-space-xxl)}`;let l=class extends(e(r)){constructor(){super(...arguments),this.gap="m",this.direction="vertical"}render(){return a`<slot></slot>`}};l.styles=n,s([i({reflect:!0})],l.prototype,"gap",void 0),s([i({reflect:!0})],l.prototype,"direction",void 0),s([i({reflect:!0,attribute:"align-items"})],l.prototype,"alignItems",void 0),l=s([o("nord-stack")],l);var p=l;export{p as default};
+import{r as t,D as e,p as a,_ as o,n as r,s as i}from"./DraftComponentMixin-4bb26f5d.js";import{e as n}from"./property-03f59dce.js";const s=t`:host{all:initial;display:flex;flex-direction:column;justify-content:flex-start;flex-wrap:wrap;font-size:var(--n-font-size-m);font-family:var(--n-font-family);font-feature-settings:var(--n-font-features);line-height:var(--n-line-height);color:var(--n-color-text)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}:host([direction=horizontal]){align-items:center;flex-direction:row}:host([align-items=center]){align-items:center}:host([align-items=start]){align-items:flex-start}:host([align-items=end]){align-items:flex-end}::slotted(*){margin:0!important}:host([gap=none]){gap:0}:host([gap="s"]){gap:var(--n-space-s)}:host([gap="m"]){gap:var(--n-space-m)}:host([gap="l"]){gap:var(--n-space-l)}:host([gap=xl]){gap:var(--n-space-xl)}:host([gap=xxl]){gap:var(--n-space-xxl)}`;let l=class extends(e(i)){constructor(){super(...arguments),this.gap="m",this.direction="vertical"}render(){return a`<slot></slot>`}};l.styles=s,o([n({reflect:!0})],l.prototype,"gap",void 0),o([n({reflect:!0})],l.prototype,"direction",void 0),o([n({reflect:!0,attribute:"align-items"})],l.prototype,"alignItems",void 0),l=o([r("nord-stack")],l);var p=l;export{p as default};
 //# sourceMappingURL=Stack.js.map

lib/Table.js

@@ -1,2 +0,2 @@
-import{r as t,D as e,A as a,_ as n,a as o,n as r,y as d}from"./DraftComponentMixin-47a01537.js";import{e as l}from"./property-03f59dce.js";const i=t`nord-table[density=condensed]{--n-table-td-padding:calc(var(--n-space-m) * 0.75)}nord-table[density=default]{--n-table-td-padding:var(--n-space-m)}nord-table[density=relaxed]{--n-table-td-padding:calc(var(--n-space-m) * 1.25);--n-table-th-padding:var(--n-space-m)}nord-table table{inline-size:100%;font-size:inherit;line-height:var(--n-line-height-tight);text-align:start;border-spacing:0;border-collapse:separate;font-variant-numeric:tabular-nums}nord-table th{border-block-end:1px solid var(--n-color-border);font-weight:var(--n-font-weight-active);font-size:var(--n-font-size-s);color:var(--n-color-text-weaker);padding:calc(var(--n-table-th-padding,var(--n-table-td-padding))/ 1.1) var(--n-space-m);text-align:start;background:var(--n-color-surface-raised);position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:3}nord-table td{border-block-end:1px solid var(--n-color-border);padding:var(--n-table-td-padding) var(--n-space-m);white-space:nowrap}@media (max-width:1000px){nord-table td,nord-table th{padding:var(--n-table-td-padding) var(--n-space-s)}}nord-table tbody tr:hover{background:var(--n-color-active)}nord-table tbody .active,nord-table tbody .active:hover{background:var(--n-color-active);color:var(--n-color-text);opacity:1;cursor:default}nord-table tbody .active td,nord-table tbody tr:hover td{color:var(--n-color-text)}nord-table tbody .active nord-badge,nord-table tbody tr:hover nord-badge{--n-badge-color:var(--n-color-text)}nord-card nord-table tbody tr:last-child td{border-block-end-color:transparent}nord-table .n-table-ellipsis{max-inline-size:0;inline-size:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nord-table .n-table-align-right{text-align:end}nord-table .n-table-actions{display:flex;justify-content:center}nord-table .n-table-actions nord-button{margin-block:-10px}`;let c=class extends(e(r)){constructor(){super(...arguments),this.density="default"}connectedCallback(){super.connectedCallback(),this.renderStyles()}renderStyles(){const t=this.getRootNode(),e=t.nodeType===Node.DOCUMENT_NODE?t.head:t;const n=this.localName;t.querySelector(`style[data-component=${n}]`)||a(d`<style data-component="${n}">${i}</style>`,e)}createRenderRoot(){return this}};c.styles=i,n([l({reflect:!0})],c.prototype,"density",void 0),c=n([o("nord-table")],c);var s=c;export{s as default};
+import{r as t,D as e,w as a,_ as n,n as o,s as r,p as d}from"./DraftComponentMixin-4bb26f5d.js";import{e as l}from"./property-03f59dce.js";const i=t`nord-table{all:initial;color:var(--n-color-text)}nord-table[density=condensed]{--n-table-td-padding:calc(var(--n-space-m) * 0.7)}nord-table[density=default]{--n-table-td-padding:calc(var(--n-space-m) * 0.95)}nord-table[density=relaxed]{--n-table-td-padding:calc(var(--n-space-m) * 1.2);--n-table-th-padding:var(--n-space-m)}nord-table table{inline-size:100%;font-size:var(--n-font-size-m);font-family:var(--n-font-family);font-feature-settings:var(--n-font-features);line-height:var(--n-line-height-tight);text-align:start;border-spacing:0;border-collapse:separate;color:var(--n-color-text);font-variant-numeric:tabular-nums}nord-table th{border-block-end:1px solid var(--n-color-border);font-weight:var(--n-font-weight-active);font-size:var(--n-font-size-s);color:var(--n-color-text-weaker);padding:calc(var(--n-table-th-padding,var(--n-table-td-padding))/ 1.1) var(--n-space-m);text-align:start;background:var(--n-color-surface-raised);position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:3}nord-table td{border-block-end:1px solid var(--n-color-border);padding:var(--n-table-td-padding) var(--n-space-m);white-space:nowrap}@media (max-width:1000px){nord-table td,nord-table th{padding:var(--n-table-td-padding) var(--n-space-s)}}nord-table tbody tr:hover{background:var(--n-color-active)}nord-table tbody .active,nord-table tbody .active:hover{background:var(--n-color-active);color:var(--n-color-text);opacity:1;cursor:default}nord-table tbody .active td,nord-table tbody tr:hover td{color:var(--n-color-text)}nord-table tbody .active nord-badge,nord-table tbody tr:hover nord-badge{--n-badge-color:var(--n-color-text)}nord-card nord-table tbody tr:last-child td{border-block-end-color:transparent}nord-table .n-table-ellipsis{max-inline-size:0;inline-size:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nord-table .n-table-align-right{text-align:end}nord-table .n-table-actions{display:flex;justify-content:center}nord-table .n-table-actions nord-button{margin-block:-10px}`;let c=class extends(e(r)){constructor(){super(...arguments),this.density="default"}connectedCallback(){super.connectedCallback(),this.renderStyles()}renderStyles(){const t=this.getRootNode(),e=t.nodeType===Node.DOCUMENT_NODE?t.head:t;const n=this.localName;t.querySelector(`style[data-component=${n}]`)||a(d`<style data-component="${n}">${i}</style>`,e)}createRenderRoot(){return this}};c.styles=i,n([l({reflect:!0})],c.prototype,"density",void 0),c=n([o("nord-table")],c);var s=c;export{s as default};
 //# sourceMappingURL=Table.js.map

lib/VisuallyHidden.js

@@ -1,2 +0,2 @@
-import{r as t,D as o,y as i,_ as n,n as r,a}from"./DraftComponentMixin-47a01537.js";const s=t`:host{border:0!important;clip:rect(1px,1px,1px,1px)!important;block-size:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;inset-block-start:0;inline-size:1px!important}`;let e=class extends(o(r)){render(){return i`<slot></slot>`}};e.styles=s,e=n([a("nord-visually-hidden")],e);var p=e;export{p as default};
+import{r as t,D as i,p as o,_ as n,n as r,s as a}from"./DraftComponentMixin-4bb26f5d.js";const e=t`:host{all:initial;border:0!important;clip:rect(1px,1px,1px,1px)!important;block-size:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;inset-block-start:0;inline-size:1px!important}`;let s=class extends(i(a)){render(){return o`<slot></slot>`}};s.styles=e,s=n([r("nord-visually-hidden")],s);var p=s;export{p as default};
 //# sourceMappingURL=VisuallyHidden.js.map

package.json

 {
   "name": "@nordhealth/components",
-  "version": "1.0.0-alpha.32",
+  "version": "1.0.0-alpha.33",
   "description": "This package includes Nord Design System web components",
@@ -23,4 +23,4 @@ "author": "Nordhealth <[e-mail]>",
     "clean": "rm -rf lib/",
-    "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
-    "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
+    "lint": "eslint --ext .ts,.js,.html . --ignore-path ../../.gitignore && prettier \"**/*.ts\" --check --ignore-path ../../.gitignore",
+    "format": "eslint --ext .ts,.js,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
     "test": "wtr --coverage",
@@ -32,11 +32,12 @@ "test:watch": "tsc --noEmit && concurrently -k -r \"tsc -w --noEmit\" \"wtr --watch\"",
   "dependencies": {
-    "@nordhealth/icons": "^1.3.0",
-    "lit": "^2.0.0"
+    "@nordhealth/icons": "^1.3.1",
+    "lit": "^2.0.0",
+    "tinykeys": "^1.2.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.5.5",
-    "@nordhealth/fonts": "^2.0.8",
-    "@nordhealth/themes": "^3.0.0",
-    "@nordhealth/tokens": "^2.0.0",
-    "@open-wc/eslint-config": "^4.3.0",
+    "@nordhealth/fonts": "^2.0.9",
+    "@nordhealth/themes": "^3.0.1",
+    "@nordhealth/tokens": "^2.0.1",
+    "@open-wc/eslint-config": "^7.0.0",
     "@open-wc/testing": "^2.5.33",
@@ -68,2 +69,6 @@ "@rollup/plugin-node-resolve": "^13.0.5",
   "eslintConfig": {
+    "ignorePatterns": [
+      "coverage",
+      "demo/index.html"
+    ],
     "parser": "@typescript-eslint/parser",
@@ -118,5 +123,23 @@ "extends": [
       ]
-    }
+    },
+    "overrides": [
+      {
+        "files": [
+          "*.ts"
+        ],
+        "rules": {
+          "no-dupe-class-members": "off"
+        }
+      },
+      {
+        "files": [
+          "*.test.ts"
+        ],
+        "rules": {
+          "@typescript-eslint/no-non-null-assertion": "off"
+        }
+      }
+    ]
   },
-  "gitHead": "cd8420a0f66b2862e03d06204f18da45715204d5"
+  "gitHead": "caaaa4a2da28d765571fb1c4aea2c903c9055de0"
 }

New alerts

Network access

Supply chain risk

This module accesses the network.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

363294

increased by45.74%

Number of package files

103

increased by77.59%

Lines of code

4533

increased by47.37%

Worsened metrics

Dependency count

3

increased by50%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Addedtinykeys@^1.2.0

• + Addedtinykeys@1.4.0(transitive)

• Updated@nordhealth/icons@^1.3.1