@nordhealth/components - npm Package Compare versions

Comparing version 1.0.0-alpha.19 to 1.0.0-alpha.20

lib/Button.js

@@ -1,2 +0,2 @@
-import"./custom-element-a6d824b8.js";import"./property-03f59dce.js";export{B as default}from"./Button-f48a2f6d.js";
+import"./custom-element-a6d824b8.js";import"./property-03f59dce.js";export{B as default}from"./Button-1018fd8a.js";
 //# sourceMappingURL=Button.js.map

lib/index.js

@@ -1,2 +0,2 @@
-export{default as VisuallyHidden}from"./VisuallyHidden.js";export{B as Button}from"./Button-f48a2f6d.js";export{default as Stack}from"./Stack.js";export{default as Select}from"./Select.js";import"./custom-element-a6d824b8.js";import"./property-03f59dce.js";import"./events.js";
+export{default as VisuallyHidden}from"./VisuallyHidden.js";export{B as Button}from"./Button-1018fd8a.js";export{default as Stack}from"./Stack.js";export{default as Select}from"./Select.js";import"./custom-element-a6d824b8.js";import"./property-03f59dce.js";import"./events.js";
 //# sourceMappingURL=index.js.map

lib/Select.js

@@ -1,2 +0,2 @@
-import{r as e,_ as t,y as n,a as o,n as a}from"./custom-element-a6d824b8.js";import{e as l}from"./property-03f59dce.js";import{I as s,n as i,l as r,F as d}from"./Button-f48a2f6d.js";import"./VisuallyHidden.js";import{NordEvent as c}from"./events.js";const p=e`:host{display:block}*,::after,::before{box-sizing:border-box}.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-secondary);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}select:not(:disabled):hover+nord-button{--n-button-background-color:var(--n-color-background);--n-button-border-color:var(--n-color-icon)}select:focus+nord-button{outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}:host([disabled]) select{cursor:auto}label{display:block;padding-block-end:var(--n-space-s)}::slotted(:not([slot])){display:none}svg[slot=after]{fill:var(--n-color-icon);margin-inline-start:var(--n-space-m);margin-inline-end:calc(var(--n-space-s)/ -2);inline-size:calc(var(--n-space-l)/ 2)}::slotted([slot=before]){margin-inline-start:calc(var(--n-space-s) * -1);margin-inline-end:var(--n-space-s)}`;let h=class extends(function(e){class n extends e{constructor(){super(...arguments),this.label="",this.required=!1,this.handleFormData=e=>{var t;this.name&&e.formData.append(this.name,null!==(t=this.value)&&void 0!==t?t:"")}}connectedCallback(){var e;super.connectedCallback(),null===(e=this.form)||void 0===e||e.addEventListener("formdata",this.handleFormData)}disconnectedCallback(){var e;super.disconnectedCallback(),null===(e=this.form)||void 0===e||e.removeEventListener("formdata",this.handleFormData)}handleChange(e){const t=e.target;this.value=t.value,this.dispatchEvent(new c("change"))}}return t([l()],n.prototype,"label",void 0),t([l({type:Boolean})],n.prototype,"required",void 0),n}(s(d(a)))){constructor(){super(...arguments),this.hideLabel=!1,this.expand=!1}render(){const e=this.options,t=this.getButtonText(e);return n`<slot @slotchange="${this.handleSlotChange}"></slot>${this.renderLabel()}<div class="n-select-container"><select ${i(this.focusableRef)} id="select" ?disabled="${this.disabled}" ?required="${this.required}" name="${r(this.name)}" @change="${this.handleChange}">${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} <svg slot="after" class="n-icon-dropdown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><path d="M60.5 120a10.77 10.77 0 01-7.65-3.17L18.8 81.02a6.53 6.53 0 119.47-8.99l30.67 32.3a2.18 2.18 0 003.14 0l30.67-32.3a6.53 6.53 0 019.47 8.99l-33.88 35.73A11.05 11.05 0 0160.5 120zM60.5 0a10.77 10.77 0 017.65 3.17l34.06 35.81a6.52 6.52 0 11-9.47 8.99l-30.67-32.3a2.17 2.17 0 00-3.14 0l-30.67 32.3a6.53 6.53 0 01-9.47-8.99L52.67 3.25A11.04 11.04 0 0160.5 0z"></path></svg></nord-button></div>`}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(){const e=n`<label for="select"><slot name="label">${this.label}</slot></label>`;return this.hideLabel?n`<nord-visually-hidden>${e}</nord-visually-hidden>`:e}renderOption(e){return n`<option value="${r(e.value)}" ?disabled="${e.disabled}" ?selected="${e.value===this.value}">${e.text}</option>`}};h.styles=[p],t([l({type:Boolean,attribute:"hide-label"})],h.prototype,"hideLabel",void 0),t([l()],h.prototype,"placeholder",void 0),t([l({reflect:!0,type:Boolean})],h.prototype,"expand",void 0),h=t([o("nord-select")],h);var u=h;export{u as default};
+import{r as e,_ as t,y as o,a as n,n as a}from"./custom-element-a6d824b8.js";import{e as l}from"./property-03f59dce.js";import{I as s,n as i,l as r,F as d}from"./Button-1018fd8a.js";import"./VisuallyHidden.js";import{NordEvent as c}from"./events.js";const h=e`:host{display:block}*,::after,::before{box-sizing:border-box}.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}select:not(:disabled):hover+nord-button{--n-button-background-color:var(--n-color-button-hover);--n-button-border-color:var(--n-color-border-hover)}select:not(:disabled):hover+nord-button svg{fill:var(--n-color-icon-hover)}select:focus+nord-button{outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}:host([disabled]) select{cursor:auto}label{display:block;padding-block-end:var(--n-space-s)}::slotted(:not([slot])){display:none}svg[slot=after]{fill:var(--n-color-icon);margin-inline-start:var(--n-space-m);margin-inline-end:calc(var(--n-space-s)/ -2);inline-size:calc(var(--n-space-l)/ 2)}::slotted([slot=before]){margin-inline-start:calc(var(--n-space-s) * -1);margin-inline-end:var(--n-space-s)}`;let p=class extends(function(e){class o extends e{constructor(){super(...arguments),this.label="",this.required=!1,this.handleFormData=e=>{var t;this.name&&e.formData.append(this.name,null!==(t=this.value)&&void 0!==t?t:"")}}connectedCallback(){var e;super.connectedCallback(),null===(e=this.form)||void 0===e||e.addEventListener("formdata",this.handleFormData)}disconnectedCallback(){var e;super.disconnectedCallback(),null===(e=this.form)||void 0===e||e.removeEventListener("formdata",this.handleFormData)}handleChange(e){const t=e.target;this.value=t.value,this.dispatchEvent(new c("change"))}}return t([l()],o.prototype,"label",void 0),t([l({type:Boolean})],o.prototype,"required",void 0),o}(s(d(a)))){constructor(){super(...arguments),this.hideLabel=!1,this.expand=!1}render(){const e=this.options,t=this.getButtonText(e);return o`<slot @slotchange="${this.handleSlotChange}"></slot>${this.renderLabel()}<div class="n-select-container"><select ${i(this.focusableRef)} id="select" ?disabled="${this.disabled}" ?required="${this.required}" name="${r(this.name)}" @change="${this.handleChange}">${this.placeholder&&o`<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} <svg slot="after" height="12" width="10" viewBox="0 0 10 12" xmlns="http://www.w3.org/2000/svg"><path d="m4.43391.234315c.31242-.3124199.81895-.3124199 1.13137 0l3.53554 3.535535c.31242.31242.31242.81895 0 1.13137s-.81896.31242-1.13137 0l-2.96985-2.96985-2.96985 2.96985c-.31242.31242-.81895.31242-1.131373 0-.312419-.31242-.312419-.81895 0-1.13137z"/><path d="m.898377 7.09857c.312423-.31242.818953-.31242 1.131373 0l2.96985 2.96983 2.96985-2.96983c.31241-.31242.81895-.31242 1.13137 0s.31242.81895 0 1.13137l-3.53554 3.53556c-.31242.3124-.81895.3124-1.13137 0l-3.535533-3.53556c-.312419-.31242-.312419-.81895 0-1.13137z"/></svg></nord-button></div>`}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(){const e=o`<label for="select"><slot name="label">${this.label}</slot></label>`;return this.hideLabel?o`<nord-visually-hidden>${e}</nord-visually-hidden>`:e}renderOption(e){return o`<option value="${r(e.value)}" ?disabled="${e.disabled}" ?selected="${e.value===this.value}">${e.text}</option>`}};p.styles=[h],t([l({type:Boolean,attribute:"hide-label"})],p.prototype,"hideLabel",void 0),t([l()],p.prototype,"placeholder",void 0),t([l({reflect:!0,type:Boolean})],p.prototype,"expand",void 0),p=t([n("nord-select")],p);var u=p;export{u as default};
 //# sourceMappingURL=Select.js.map

package.json

 {
   "name": "@nordhealth/components",
-  "version": "1.0.0-alpha.19",
+  "version": "1.0.0-alpha.20",
   "description": "This package includes Nord Design System web components",
@@ -34,5 +34,5 @@ "author": "Nordhealth <[e-mail]>",
     "@custom-elements-manifest/analyzer": "^0.5.5",
-    "@nordhealth/fonts": "^1.1.4",
-    "@nordhealth/themes": "^1.4.2",
-    "@nordhealth/tokens": "^1.0.0-alpha.14",
+    "@nordhealth/fonts": "^1.1.5-alpha.0",
+    "@nordhealth/themes": "^1.4.3-alpha.0",
+    "@nordhealth/tokens": "^1.0.0-alpha.15",
     "@open-wc/eslint-config": "^4.3.0",
@@ -115,3 +115,3 @@ "@open-wc/testing": "^2.5.33",
   },
-  "gitHead": "136f9d8f010327d3d6e27201429d5b9047898bb8"
+  "gitHead": "187658e621b1a602d74727367a20ffc3aa5837c7"
 }

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

169911

increased by0.28%

Lines of code

1715

increased by0.06%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes