@nordhealth/components 4.0.0 → 4.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
- const e=e=>fetch(`https://nordcdn.net/ds/icons/3.7.1/assets/${e}.svg`).then((t=>{if(!t.ok)throw new TypeError(`NORD: unknown icon: '${e}'`);return t.text()}));class t{constructor(){this.cache=new Map,this.resolver=e}resolve(e,t){let r=this.cache.get(e);"string"!=typeof r?(r||(r=this.resolver(e).catch((()=>"")).then((t=>(this.cache.set(e,t),t))),this.cache.set(e,r)),r.then(t)):t(r)}registerIcon(e,t){let r,s;if("string"==typeof e?(r=e,s=t):(r=e.title,s=e.default),!r)throw new Error("name is required when registering an icon");if(!s)throw new Error("icon must not be empty");this.cache.set(r,s)}clear(){this.cache.clear()}}export{t as IconManager};
1
+ const e=e=>fetch(`https://nordcdn.net/ds/icons/3.9.0/assets/${e}.svg`).then((t=>{if(!t.ok)throw new TypeError(`NORD: unknown icon: '${e}'`);return t.text()}));class t{constructor(){this.cache=new Map,this.resolver=e}resolve(e,t){let r=this.cache.get(e);"string"!=typeof r?(r||(r=this.resolver(e).catch((()=>"")).then((t=>(this.cache.set(e,t),t))),this.cache.set(e,r)),r.then(t)):t(r)}registerIcon(e,t){let r,s;if("string"==typeof e?(r=e,s=t):(r=e.title,s=e.default),!r)throw new Error("name is required when registering an icon");if(!s)throw new Error("icon must not be empty");this.cache.set(r,s)}clear(){this.cache.clear()}}export{t as IconManager};
2
2
  //# sourceMappingURL=IconManager.js.map
package/lib/bundle.js CHANGED
@@ -87,7 +87,7 @@ const ft=t=>(e,n)=>{void 0!==n?n.addInitializer((()=>{customElements.define(t,e)
87
87
  * Copyright 2017 Google LLC
88
88
  * SPDX-License-Identifier: BSD-3-Clause
89
89
  */
90
- let Be=class extends Mt{constructor(t){if(super(t),this.it=Z,t.type!==Nt)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===Z||null==t)return this._t=void 0,this.it=t;if(t===Q)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}};Be.directiveName="unsafeHTML",Be.resultType=1;const Ie=Lt(Be),Ne=t=>fetch(`https://nordcdn.net/ds/icons/3.7.1/assets/${t}.svg`).then((e=>{if(!e.ok)throw new TypeError(`NORD: unknown icon: '${t}'`);return e.text()}));const Le=u`:host{--_n-icon-size:var(--n-icon-size, var(--n-size-icon-m));display:inline-block;block-size:var(--_n-icon-size);inline-size:var(--_n-icon-size);min-inline-size:var(--_n-icon-size)}:host([size=xxs]){--_n-icon-size:var(--n-size-icon-xxs)}:host([size=xs]){--_n-icon-size:var(--n-size-icon-xs)}:host([size="s"]){--_n-icon-size:var(--n-size-icon-s)}:host([size="l"]){--_n-icon-size:var(--n-size-icon-l)}:host([size=xl]){--_n-icon-size:var(--n-size-icon-xl)}:host([size=xxl]){--_n-icon-size:var(--n-size-icon-xxl)}.n-icon{display:block}svg{display:block}`;class Me{constructor(t,e,n,o){this.host=t,this.key=e,this.cb=n,this.lifecycle=o,t.addController(this)}hostUpdate(){"update"===this.lifecycle&&this.handle()}hostUpdated(){"updated"===this.lifecycle&&this.handle()}handle(){const{key:t,_value:e,host:n}=this,o=n[t];e!==o&&(this._value=o,this.cb.call(n,e,o,t))}}function Pe(t,e="update"){return function(n,o){n.constructor.addInitializer((n=>{const r=n[o];n.addController(new Me(n,t,r,e))}))}}var Fe;let Ue=Fe=class extends gt{constructor(){super(...arguments),this.name="",this.svg=""}static registerResolver(t){this.manager.resolver=t}static registerIcon(t,e){return this.manager.registerIcon(t,e)}render(){return K`<div role="${Zt(this.label,"img")}" style="${Zt(this.color,`color:${this.color}`)}" aria-label="${Jt(this.label)}"><slot aria-hidden="true"></slot><div aria-hidden="true">${Ie(this.svg)}</div></div>`}handleNameChange(){this.name?Fe.manager.resolve(this.name,(t=>{this.svg=t})):this.svg=""}};Ue.styles=[$t,Le],Ue.manager=new class{constructor(){this.cache=new Map,this.resolver=Ne}resolve(t,e){let n=this.cache.get(t);"string"!=typeof n?(n||(n=this.resolver(t).catch((()=>"")).then((e=>(this.cache.set(t,e),e))),this.cache.set(t,n)),n.then(e)):e(n)}registerIcon(t,e){let n,o;if("string"==typeof t?(n=t,o=e):(n=t.title,o=t.default),!n)throw new Error("name is required when registering an icon");if(!o)throw new Error("icon must not be empty");this.cache.set(n,o)}clear(){this.cache.clear()}},s([wt({reflect:!0})],Ue.prototype,"name",void 0),s([wt({reflect:!0})],Ue.prototype,"size",void 0),s([wt({reflect:!0})],Ue.prototype,"color",void 0),s([wt({reflect:!0})],Ue.prototype,"label",void 0),s([kt()],Ue.prototype,"svg",void 0),s([Pe("name")],Ue.prototype,"handleNameChange",null),Ue=Fe=s([ft("nord-icon")],Ue);var qe=Ue;qe.registerIcon(ge);const je=t=>t?`${t}px`:void 0;let He=class extends(Ee(ze(Se($e(Ce(re(oe(gt)))))))){constructor(){super(...arguments),this.startObserver=new Oe(this,(()=>this.startSlot)),this.endObserver=new Oe(this,(()=>this.endSlot)),this.direction=new Re(this),this.type="text",this.expand=!1,this.disallowPattern=void 0,this.handleInputChange=t=>{const e=t.target;this.disallowPattern&&function(t,e){const{value:n}=t,o=t.selectionStart,r=n.slice(0,o),i=n.slice(o,n.length),a=r.replace(e,""),s=a+i.replace(e,""),l=a.length;t.value=s,t.selectionStart=l,t.selectionEnd=l}(e,new RegExp(this.disallowPattern,"g")),this.handleInput(t)}}render(){var t;const e="number"===this.type;return K`${this.renderLabel()}<div class="${pe({"n-input-container":!0,"is-rtl":"rtl"===this.direction.dir})}" style="${be({"--_n-input-start-inline-size":je(this.startObserver.inlineSize),"--_n-input-end-inline-size":je(this.endObserver.inlineSize)})}"><slot name="start">${"search"===this.type?K`<nord-icon name="navigation-search"></nord-icon>`:Z}</slot><input ${Xt(this.textSelectableRef)} ${Xt(this.focusableRef)} id="${this.inputId}" class="n-input" type="${e||"unit"===this.type?"text":this.type}" inputmode="${Zt(e,"numeric")}" pattern="${Zt(e,"[0-9]*")}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly}" name="${Jt(this.name)}" .value="${null!==(t=this.value)&&void 0!==t?t:""}" placeholder="${Jt(this.placeholder)}" @input="${this.handleInputChange}" @change="${this.handleChange}" @keydown="${this.handleKeydown}" @select="${this.handleSelect}" aria-describedby="${Jt(this.getDescribedBy())}" aria-invalid="${Jt(this.getInvalid())}" spellcheck="false" autocomplete="${this.autocomplete}"><slot name="end"></slot></div>${this.renderError()}`}handleKeydown(t){if("Enter"!==t.key)return;const{form:e}=this;if(e){const t=function(t){let e=t.querySelector('button[type="submit"]');!e&&t.id&&(e=t.getRootNode().querySelector(`button[form=${t.id}]`));return e}(e);setTimeout((()=>null==t?void 0:t.click()),0)}}handleSelect(t){t.stopPropagation(),this.dispatchEvent(new fe("select"))}};He.styles=[$t,Ae,De,Te],s([zt("slot[name='start']")],He.prototype,"startSlot",void 0),s([zt("slot[name='end']")],He.prototype,"endSlot",void 0),s([wt({reflect:!0})],He.prototype,"type",void 0),s([wt({reflect:!0,type:Boolean})],He.prototype,"expand",void 0),s([wt({reflect:!0,attribute:"disallow-pattern"})],He.prototype,"disallowPattern",void 0),He=s([ft("nord-input")],He);var We=He;
90
+ let Be=class extends Mt{constructor(t){if(super(t),this.it=Z,t.type!==Nt)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===Z||null==t)return this._t=void 0,this.it=t;if(t===Q)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}};Be.directiveName="unsafeHTML",Be.resultType=1;const Ie=Lt(Be),Ne=t=>fetch(`https://nordcdn.net/ds/icons/3.9.0/assets/${t}.svg`).then((e=>{if(!e.ok)throw new TypeError(`NORD: unknown icon: '${t}'`);return e.text()}));const Le=u`:host{--_n-icon-size:var(--n-icon-size, var(--n-size-icon-m));display:inline-block;block-size:var(--_n-icon-size);inline-size:var(--_n-icon-size);min-inline-size:var(--_n-icon-size)}:host([size=xxs]){--_n-icon-size:var(--n-size-icon-xxs)}:host([size=xs]){--_n-icon-size:var(--n-size-icon-xs)}:host([size="s"]){--_n-icon-size:var(--n-size-icon-s)}:host([size="l"]){--_n-icon-size:var(--n-size-icon-l)}:host([size=xl]){--_n-icon-size:var(--n-size-icon-xl)}:host([size=xxl]){--_n-icon-size:var(--n-size-icon-xxl)}.n-icon{display:block}svg{display:block}`;class Me{constructor(t,e,n,o){this.host=t,this.key=e,this.cb=n,this.lifecycle=o,t.addController(this)}hostUpdate(){"update"===this.lifecycle&&this.handle()}hostUpdated(){"updated"===this.lifecycle&&this.handle()}handle(){const{key:t,_value:e,host:n}=this,o=n[t];e!==o&&(this._value=o,this.cb.call(n,e,o,t))}}function Pe(t,e="update"){return function(n,o){n.constructor.addInitializer((n=>{const r=n[o];n.addController(new Me(n,t,r,e))}))}}var Fe;let Ue=Fe=class extends gt{constructor(){super(...arguments),this.name="",this.svg=""}static registerResolver(t){this.manager.resolver=t}static registerIcon(t,e){return this.manager.registerIcon(t,e)}render(){return K`<div role="${Zt(this.label,"img")}" style="${Zt(this.color,`color:${this.color}`)}" aria-label="${Jt(this.label)}"><slot aria-hidden="true"></slot><div aria-hidden="true">${Ie(this.svg)}</div></div>`}handleNameChange(){this.name?Fe.manager.resolve(this.name,(t=>{this.svg=t})):this.svg=""}};Ue.styles=[$t,Le],Ue.manager=new class{constructor(){this.cache=new Map,this.resolver=Ne}resolve(t,e){let n=this.cache.get(t);"string"!=typeof n?(n||(n=this.resolver(t).catch((()=>"")).then((e=>(this.cache.set(t,e),e))),this.cache.set(t,n)),n.then(e)):e(n)}registerIcon(t,e){let n,o;if("string"==typeof t?(n=t,o=e):(n=t.title,o=t.default),!n)throw new Error("name is required when registering an icon");if(!o)throw new Error("icon must not be empty");this.cache.set(n,o)}clear(){this.cache.clear()}},s([wt({reflect:!0})],Ue.prototype,"name",void 0),s([wt({reflect:!0})],Ue.prototype,"size",void 0),s([wt({reflect:!0})],Ue.prototype,"color",void 0),s([wt({reflect:!0})],Ue.prototype,"label",void 0),s([kt()],Ue.prototype,"svg",void 0),s([Pe("name")],Ue.prototype,"handleNameChange",null),Ue=Fe=s([ft("nord-icon")],Ue);var qe=Ue;qe.registerIcon(ge);const je=t=>t?`${t}px`:void 0;let He=class extends(Ee(ze(Se($e(Ce(re(oe(gt)))))))){constructor(){super(...arguments),this.startObserver=new Oe(this,(()=>this.startSlot)),this.endObserver=new Oe(this,(()=>this.endSlot)),this.direction=new Re(this),this.type="text",this.expand=!1,this.disallowPattern=void 0,this.handleInputChange=t=>{const e=t.target;this.disallowPattern&&function(t,e){const{value:n}=t,o=t.selectionStart,r=n.slice(0,o),i=n.slice(o,n.length),a=r.replace(e,""),s=a+i.replace(e,""),l=a.length;t.value=s,t.selectionStart=l,t.selectionEnd=l}(e,new RegExp(this.disallowPattern,"g")),this.handleInput(t)}}render(){var t;const e="number"===this.type;return K`${this.renderLabel()}<div class="${pe({"n-input-container":!0,"is-rtl":"rtl"===this.direction.dir})}" style="${be({"--_n-input-start-inline-size":je(this.startObserver.inlineSize),"--_n-input-end-inline-size":je(this.endObserver.inlineSize)})}"><slot name="start">${"search"===this.type?K`<nord-icon name="navigation-search"></nord-icon>`:Z}</slot><input ${Xt(this.textSelectableRef)} ${Xt(this.focusableRef)} id="${this.inputId}" class="n-input" type="${e||"unit"===this.type?"text":this.type}" inputmode="${Zt(e,"numeric")}" pattern="${Zt(e,"[0-9]*")}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly}" name="${Jt(this.name)}" .value="${null!==(t=this.value)&&void 0!==t?t:""}" placeholder="${Jt(this.placeholder)}" @input="${this.handleInputChange}" @change="${this.handleChange}" @keydown="${this.handleKeydown}" @select="${this.handleSelect}" aria-describedby="${Jt(this.getDescribedBy())}" aria-invalid="${Jt(this.getInvalid())}" spellcheck="false" autocomplete="${this.autocomplete}"><slot name="end"></slot></div>${this.renderError()}`}handleKeydown(t){if("Enter"!==t.key)return;const{form:e}=this;if(e){const t=function(t){let e=t.querySelector('button[type="submit"]');!e&&t.id&&(e=t.getRootNode().querySelector(`button[form=${t.id}]`));return e}(e);setTimeout((()=>null==t?void 0:t.click()),0)}}handleSelect(t){t.stopPropagation(),this.dispatchEvent(new fe("select"))}};He.styles=[$t,Ae,De,Te],s([zt("slot[name='start']")],He.prototype,"startSlot",void 0),s([zt("slot[name='end']")],He.prototype,"endSlot",void 0),s([wt({reflect:!0})],He.prototype,"type",void 0),s([wt({reflect:!0,type:Boolean})],He.prototype,"expand",void 0),s([wt({reflect:!0,attribute:"disallow-pattern"})],He.prototype,"disallowPattern",void 0),He=s([ft("nord-input")],He);var We=He;
91
91
  /**
92
92
  * @license
93
93
  * Copyright 2017 Google LLC
package/lib/react.d.ts CHANGED
@@ -11,17 +11,33 @@ type MapEvents<T> = {
11
11
  declare module "react" {
12
12
  namespace JSX {
13
13
  interface IntrinsicElements {
14
- "nord-avatar": WCProps<Components.Avatar> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
14
+ "nord-avatar": WCProps<Components.Avatar> &
15
+ React.RefAttributes<Components.Avatar> &
16
+ React.HTMLAttributes<HTMLElement> &
17
+ React.Attributes & {}
15
18
 
16
- "nord-badge": WCProps<Components.Badge> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
19
+ "nord-badge": WCProps<Components.Badge> &
20
+ React.RefAttributes<Components.Badge> &
21
+ React.HTMLAttributes<HTMLElement> &
22
+ React.Attributes & {}
17
23
 
18
- "nord-banner": WCProps<Components.Banner> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
24
+ "nord-banner": WCProps<Components.Banner> &
25
+ React.RefAttributes<Components.Banner> &
26
+ React.HTMLAttributes<HTMLElement> &
27
+ React.Attributes & {}
19
28
 
20
- "nord-button": WCProps<Components.Button> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
29
+ "nord-button": WCProps<Components.Button> &
30
+ React.RefAttributes<Components.Button> &
31
+ React.HTMLAttributes<HTMLElement> &
32
+ React.Attributes & {}
21
33
 
22
- "nord-button-group": WCProps<Components.ButtonGroup> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
34
+ "nord-button-group": WCProps<Components.ButtonGroup> &
35
+ React.RefAttributes<Components.ButtonGroup> &
36
+ React.HTMLAttributes<HTMLElement> &
37
+ React.Attributes & {}
23
38
 
24
39
  "nord-calendar": WCProps<Components.Calendar> &
40
+ React.RefAttributes<Components.Calendar> &
25
41
  React.HTMLAttributes<HTMLElement> &
26
42
  React.Attributes & {
27
43
  /**
@@ -35,9 +51,13 @@ declare module "react" {
35
51
  "onnord-focus-date"?: (event: Event) => void
36
52
  }
37
53
 
38
- "nord-card": WCProps<Components.Card> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
54
+ "nord-card": WCProps<Components.Card> &
55
+ React.RefAttributes<Components.Card> &
56
+ React.HTMLAttributes<HTMLElement> &
57
+ React.Attributes & {}
39
58
 
40
59
  "nord-checkbox": WCProps<Components.Checkbox> &
60
+ React.RefAttributes<Components.Checkbox> &
41
61
  React.HTMLAttributes<HTMLElement> &
42
62
  React.Attributes & {
43
63
  /**
@@ -52,6 +72,7 @@ declare module "react" {
52
72
  }
53
73
 
54
74
  "nord-command-menu": WCProps<Components.CommandMenu> &
75
+ React.RefAttributes<Components.CommandMenu> &
55
76
  React.HTMLAttributes<HTMLElement> &
56
77
  React.Attributes & {
57
78
  /**
@@ -71,6 +92,7 @@ declare module "react" {
71
92
  }
72
93
 
73
94
  "nord-date-picker": WCProps<Components.DatePicker> &
95
+ React.RefAttributes<Components.DatePicker> &
74
96
  React.HTMLAttributes<HTMLElement> &
75
97
  React.Attributes & {
76
98
  /**
@@ -99,11 +121,18 @@ declare module "react" {
99
121
  onopen?: (event: Event) => void
100
122
  }
101
123
 
102
- "nord-divider": WCProps<Components.Divider> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
124
+ "nord-divider": WCProps<Components.Divider> &
125
+ React.RefAttributes<Components.Divider> &
126
+ React.HTMLAttributes<HTMLElement> &
127
+ React.Attributes & {}
103
128
 
104
- "nord-drawer": WCProps<Components.Drawer> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
129
+ "nord-drawer": WCProps<Components.Drawer> &
130
+ React.RefAttributes<Components.Drawer> &
131
+ React.HTMLAttributes<HTMLElement> &
132
+ React.Attributes & {}
105
133
 
106
134
  "nord-dropdown": WCProps<Components.Dropdown> &
135
+ React.RefAttributes<Components.Dropdown> &
107
136
  React.HTMLAttributes<HTMLElement> &
108
137
  React.Attributes & {
109
138
  /**
@@ -118,22 +147,42 @@ declare module "react" {
118
147
  }
119
148
 
120
149
  "nord-dropdown-group": WCProps<Components.DropdownGroup> &
150
+ React.RefAttributes<Components.DropdownGroup> &
121
151
  React.HTMLAttributes<HTMLElement> &
122
152
  React.Attributes & {}
123
153
 
124
- "nord-dropdown-item": WCProps<Components.DropdownItem> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
154
+ "nord-dropdown-item": WCProps<Components.DropdownItem> &
155
+ React.RefAttributes<Components.DropdownItem> &
156
+ React.HTMLAttributes<HTMLElement> &
157
+ React.Attributes & {}
125
158
 
126
- "nord-empty-state": WCProps<Components.EmptyState> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
159
+ "nord-empty-state": WCProps<Components.EmptyState> &
160
+ React.RefAttributes<Components.EmptyState> &
161
+ React.HTMLAttributes<HTMLElement> &
162
+ React.Attributes & {}
127
163
 
128
- "nord-fieldset": WCProps<Components.Fieldset> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
164
+ "nord-fieldset": WCProps<Components.Fieldset> &
165
+ React.RefAttributes<Components.Fieldset> &
166
+ React.HTMLAttributes<HTMLElement> &
167
+ React.Attributes & {}
129
168
 
130
- "nord-footer": WCProps<Components.Footer> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
169
+ "nord-footer": WCProps<Components.Footer> &
170
+ React.RefAttributes<Components.Footer> &
171
+ React.HTMLAttributes<HTMLElement> &
172
+ React.Attributes & {}
131
173
 
132
- "nord-header": WCProps<Components.Header> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
174
+ "nord-header": WCProps<Components.Header> &
175
+ React.RefAttributes<Components.Header> &
176
+ React.HTMLAttributes<HTMLElement> &
177
+ React.Attributes & {}
133
178
 
134
- "nord-icon": WCProps<Components.Icon> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
179
+ "nord-icon": WCProps<Components.Icon> &
180
+ React.RefAttributes<Components.Icon> &
181
+ React.HTMLAttributes<HTMLElement> &
182
+ React.Attributes & {}
135
183
 
136
184
  "nord-input": WCProps<Components.Input> &
185
+ React.RefAttributes<Components.Input> &
137
186
  React.HTMLAttributes<HTMLElement> &
138
187
  React.Attributes & {
139
188
  /**
@@ -152,11 +201,18 @@ declare module "react" {
152
201
  onselect?: (event: Event) => void
153
202
  }
154
203
 
155
- "nord-layout": WCProps<Components.Layout> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
204
+ "nord-layout": WCProps<Components.Layout> &
205
+ React.RefAttributes<Components.Layout> &
206
+ React.HTMLAttributes<HTMLElement> &
207
+ React.Attributes & {}
156
208
 
157
- "nord-message": WCProps<Components.Message> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
209
+ "nord-message": WCProps<Components.Message> &
210
+ React.RefAttributes<Components.Message> &
211
+ React.HTMLAttributes<HTMLElement> &
212
+ React.Attributes & {}
158
213
 
159
214
  "nord-modal": WCProps<Components.Modal> &
215
+ React.RefAttributes<Components.Modal> &
160
216
  React.HTMLAttributes<HTMLElement> &
161
217
  React.Attributes & {
162
218
  /**
@@ -171,6 +227,7 @@ declare module "react" {
171
227
  }
172
228
 
173
229
  "nord-nav-group": WCProps<Components.NavGroup> &
230
+ React.RefAttributes<Components.NavGroup> &
174
231
  React.HTMLAttributes<HTMLElement> &
175
232
  React.Attributes & {
176
233
  /**
@@ -185,6 +242,7 @@ declare module "react" {
185
242
  }
186
243
 
187
244
  "nord-navigation": WCProps<Components.Navigation> &
245
+ React.RefAttributes<Components.Navigation> &
188
246
  React.HTMLAttributes<HTMLElement> &
189
247
  React.Attributes & {
190
248
  /**
@@ -199,6 +257,7 @@ declare module "react" {
199
257
  }
200
258
 
201
259
  "nord-nav-item": WCProps<Components.NavItem> &
260
+ React.RefAttributes<Components.NavItem> &
202
261
  React.HTMLAttributes<HTMLElement> &
203
262
  React.Attributes & {
204
263
  /**
@@ -212,9 +271,13 @@ declare module "react" {
212
271
  ontoggle?: (event: Event) => void
213
272
  }
214
273
 
215
- "nord-nav-toggle": WCProps<Components.NavToggle> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
274
+ "nord-nav-toggle": WCProps<Components.NavToggle> &
275
+ React.RefAttributes<Components.NavToggle> &
276
+ React.HTMLAttributes<HTMLElement> &
277
+ React.Attributes & {}
216
278
 
217
279
  "nord-notification": WCProps<Components.Notification> &
280
+ React.RefAttributes<Components.Notification> &
218
281
  React.HTMLAttributes<HTMLElement> &
219
282
  React.Attributes & {
220
283
  /**
@@ -224,6 +287,7 @@ declare module "react" {
224
287
  }
225
288
 
226
289
  "nord-notification-group": WCProps<Components.NotificationGroup> &
290
+ React.RefAttributes<Components.NotificationGroup> &
227
291
  React.HTMLAttributes<HTMLElement> &
228
292
  React.Attributes & {
229
293
  /**
@@ -233,6 +297,7 @@ declare module "react" {
233
297
  }
234
298
 
235
299
  "nord-popout": WCProps<Components.Popout> &
300
+ React.RefAttributes<Components.Popout> &
236
301
  React.HTMLAttributes<HTMLElement> &
237
302
  React.Attributes & {
238
303
  /**
@@ -246,11 +311,18 @@ declare module "react" {
246
311
  onopen?: (event: Event) => void
247
312
  }
248
313
 
249
- "nord-progress-bar": WCProps<Components.ProgressBar> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
314
+ "nord-progress-bar": WCProps<Components.ProgressBar> &
315
+ React.RefAttributes<Components.ProgressBar> &
316
+ React.HTMLAttributes<HTMLElement> &
317
+ React.Attributes & {}
250
318
 
251
- "nord-qrcode": WCProps<Components.Qrcode> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
319
+ "nord-qrcode": WCProps<Components.Qrcode> &
320
+ React.RefAttributes<Components.Qrcode> &
321
+ React.HTMLAttributes<HTMLElement> &
322
+ React.Attributes & {}
252
323
 
253
324
  "nord-radio": WCProps<Components.Radio> &
325
+ React.RefAttributes<Components.Radio> &
254
326
  React.HTMLAttributes<HTMLElement> &
255
327
  React.Attributes & {
256
328
  /**
@@ -265,6 +337,7 @@ declare module "react" {
265
337
  }
266
338
 
267
339
  "nord-range": WCProps<Components.Range> &
340
+ React.RefAttributes<Components.Range> &
268
341
  React.HTMLAttributes<HTMLElement> &
269
342
  React.Attributes & {
270
343
  /**
@@ -279,6 +352,7 @@ declare module "react" {
279
352
  }
280
353
 
281
354
  "nord-segmented-control": WCProps<Components.SegmentedControl> &
355
+ React.RefAttributes<Components.SegmentedControl> &
282
356
  React.HTMLAttributes<HTMLElement> &
283
357
  React.Attributes & {
284
358
  /**
@@ -288,6 +362,7 @@ declare module "react" {
288
362
  }
289
363
 
290
364
  "nord-segmented-control-item": WCProps<Components.SegmentedControlItem> &
365
+ React.RefAttributes<Components.SegmentedControlItem> &
291
366
  React.HTMLAttributes<HTMLElement> &
292
367
  React.Attributes & {
293
368
  /**
@@ -302,6 +377,7 @@ declare module "react" {
302
377
  }
303
378
 
304
379
  "nord-select": WCProps<Components.Select> &
380
+ React.RefAttributes<Components.Select> &
305
381
  React.HTMLAttributes<HTMLElement> &
306
382
  React.Attributes & {
307
383
  /**
@@ -315,21 +391,43 @@ declare module "react" {
315
391
  oninput?: (event: Event) => void
316
392
  }
317
393
 
318
- "nord-skeleton": WCProps<Components.Skeleton> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
394
+ "nord-skeleton": WCProps<Components.Skeleton> &
395
+ React.RefAttributes<Components.Skeleton> &
396
+ React.HTMLAttributes<HTMLElement> &
397
+ React.Attributes & {}
319
398
 
320
- "nord-spinner": WCProps<Components.Spinner> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
399
+ "nord-spinner": WCProps<Components.Spinner> &
400
+ React.RefAttributes<Components.Spinner> &
401
+ React.HTMLAttributes<HTMLElement> &
402
+ React.Attributes & {}
321
403
 
322
- "nord-stack": WCProps<Components.Stack> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
404
+ "nord-stack": WCProps<Components.Stack> &
405
+ React.RefAttributes<Components.Stack> &
406
+ React.HTMLAttributes<HTMLElement> &
407
+ React.Attributes & {}
323
408
 
324
- "nord-tab": WCProps<Components.Tab> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
409
+ "nord-tab": WCProps<Components.Tab> &
410
+ React.RefAttributes<Components.Tab> &
411
+ React.HTMLAttributes<HTMLElement> &
412
+ React.Attributes & {}
325
413
 
326
- "nord-tab-group": WCProps<Components.TabGroup> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
414
+ "nord-tab-group": WCProps<Components.TabGroup> &
415
+ React.RefAttributes<Components.TabGroup> &
416
+ React.HTMLAttributes<HTMLElement> &
417
+ React.Attributes & {}
327
418
 
328
- "nord-table": WCProps<Components.Table> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
419
+ "nord-table": WCProps<Components.Table> &
420
+ React.RefAttributes<Components.Table> &
421
+ React.HTMLAttributes<HTMLElement> &
422
+ React.Attributes & {}
329
423
 
330
- "nord-tab-panel": WCProps<Components.TabPanel> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
424
+ "nord-tab-panel": WCProps<Components.TabPanel> &
425
+ React.RefAttributes<Components.TabPanel> &
426
+ React.HTMLAttributes<HTMLElement> &
427
+ React.Attributes & {}
331
428
 
332
429
  "nord-tag": WCProps<Components.Tag> &
430
+ React.RefAttributes<Components.Tag> &
333
431
  React.HTMLAttributes<HTMLElement> &
334
432
  React.Attributes & {
335
433
  /**
@@ -344,6 +442,7 @@ declare module "react" {
344
442
  }
345
443
 
346
444
  "nord-tag-group": WCProps<Components.TagGroup> &
445
+ React.RefAttributes<Components.TagGroup> &
347
446
  React.HTMLAttributes<HTMLElement> &
348
447
  React.Attributes & {
349
448
  /**
@@ -358,6 +457,7 @@ declare module "react" {
358
457
  }
359
458
 
360
459
  "nord-textarea": WCProps<Components.Textarea> &
460
+ React.RefAttributes<Components.Textarea> &
361
461
  React.HTMLAttributes<HTMLElement> &
362
462
  React.Attributes & {
363
463
  /**
@@ -377,6 +477,7 @@ declare module "react" {
377
477
  }
378
478
 
379
479
  "nord-toast": WCProps<Components.Toast> &
480
+ React.RefAttributes<Components.Toast> &
380
481
  React.HTMLAttributes<HTMLElement> &
381
482
  React.Attributes & {
382
483
  /**
@@ -386,6 +487,7 @@ declare module "react" {
386
487
  }
387
488
 
388
489
  "nord-toast-group": WCProps<Components.ToastGroup> &
490
+ React.RefAttributes<Components.ToastGroup> &
389
491
  React.HTMLAttributes<HTMLElement> &
390
492
  React.Attributes & {
391
493
  /**
@@ -395,6 +497,7 @@ declare module "react" {
395
497
  }
396
498
 
397
499
  "nord-toggle": WCProps<Components.Toggle> &
500
+ React.RefAttributes<Components.Toggle> &
398
501
  React.HTMLAttributes<HTMLElement> &
399
502
  React.Attributes & {
400
503
  /**
@@ -408,11 +511,18 @@ declare module "react" {
408
511
  oninput?: (event: Event) => void
409
512
  }
410
513
 
411
- "nord-tooltip": WCProps<Components.Tooltip> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
514
+ "nord-tooltip": WCProps<Components.Tooltip> &
515
+ React.RefAttributes<Components.Tooltip> &
516
+ React.HTMLAttributes<HTMLElement> &
517
+ React.Attributes & {}
412
518
 
413
- "nord-top-bar": WCProps<Components.TopBar> & React.HTMLAttributes<HTMLElement> & React.Attributes & {}
519
+ "nord-top-bar": WCProps<Components.TopBar> &
520
+ React.RefAttributes<Components.TopBar> &
521
+ React.HTMLAttributes<HTMLElement> &
522
+ React.Attributes & {}
414
523
 
415
524
  "nord-visually-hidden": WCProps<Components.VisuallyHidden> &
525
+ React.RefAttributes<Components.VisuallyHidden> &
416
526
  React.HTMLAttributes<HTMLElement> &
417
527
  React.Attributes & {}
418
528
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nordhealth/components",
3
- "version": "4.0.0",
3
+ "version": "4.1.0",
4
4
  "description": "This package includes Nord Design System Web Components",
5
5
  "author": "Nordhealth <support@nordhealth.design>",
6
6
  "license": "SEE LICENSE IN LICENSE.md",
@@ -36,7 +36,7 @@
36
36
  },
37
37
  "dependencies": {
38
38
  "@floating-ui/dom": "^1.6.13",
39
- "@nordhealth/icons": "^3.7.1",
39
+ "@nordhealth/icons": "^3.9.0",
40
40
  "lit": "^3.3.0",
41
41
  "qr": "^0.4.2",
42
42
  "tinykeys": "^1.4.0"
@@ -178,5 +178,5 @@
178
178
  }
179
179
  ]
180
180
  },
181
- "gitHead": "8cae3cda227b8a90d2dff83870aabc9658b87247"
181
+ "gitHead": "9951b9a90964f640e0ae72276f833c94dfaef86c"
182
182
  }