@nordhealth/components - npm Package Compare versions

Comparing version 3.6.1 to 3.6.2

lib/ButtonGroup.js

@@ -1,2 +0,2 @@
-import{i as r,_ as o,s as t,x as n,e}from"./query-assigned-elements-2f8275b7.js";import{e as i}from"./property-03f59dce.js";import{s as a}from"./Component-253ecb24.js";const d=r`:host{--_n-button-group-border-radius:var(--n-button-group-border-radius, var(--n-border-radius-s));--_n-button-group-box-shadow:var(--n-button-group-box-shadow, var(--n-box-shadow));--n-button-border-radius:0;--n-button-box-shadow:none}.n-button-group{display:flex;max-inline-size:max-content;border-radius:var(--_n-button-group-border-radius);box-shadow:var(--_n-button-group-box-shadow)}:host([direction=horizontal]) ::slotted(*){margin-inline-end:-1px}::slotted(:is(:hover,:focus,:focus-within,[aria-pressed=true])){z-index:var(--n-index-masked)}::slotted([aria-pressed=true]){--n-button-background-color:var(--n-color-status-info-weak);--n-button-border-color:var(--n-color-accent)}::slotted(:first-child){--n-button-border-radius:var(--_n-button-group-border-radius) 0 0 var(--_n-button-group-border-radius);border-radius:var(--_n-button-group-border-radius) 0 0 var(--_n-button-group-border-radius)}::slotted(:last-child){--n-button-border-radius:0 var(--_n-button-group-border-radius) var(--_n-button-group-border-radius) 0;border-radius:0 var(--_n-button-group-border-radius) var(--_n-button-group-border-radius) 0}:host([direction=vertical]) .n-button-group{flex-direction:column}:host([direction=vertical]) ::slotted(*){margin-block-end:-1px}:host([direction=vertical]) ::slotted(:first-child){--n-button-border-radius:var(--_n-button-group-border-radius) var(--_n-button-group-border-radius) 0 0}:host([direction=vertical]) ::slotted(:last-child){--n-button-border-radius:0 0 var(--_n-button-group-border-radius) var(--_n-button-group-border-radius)}::slotted(nord-button[variant=primary]){position:relative}::slotted(nord-button[variant=primary]:not(:is(:focus,:first-child)))::before,::slotted(nord-button[variant=primary]:not(:is(:focus,:last-child)))::after{content:"";position:absolute;z-index:var(--n-index-mask);background:var(--n-color-text);opacity:.25}:host([direction=horizontal]) ::slotted(nord-button[variant=primary])::after,:host([direction=horizontal]) ::slotted(nord-button[variant=primary])::before{inline-size:1px;inset-block:0}:host([direction=horizontal]) ::slotted(nord-button[variant=primary])::after{inset-inline-end:0}:host([direction=vertical]) ::slotted(nord-button[variant=primary])::after,:host([direction=vertical]) ::slotted(nord-button[variant=primary])::before{block-size:1px;inset-inline:0}:host([direction=vertical]) ::slotted(nord-button[variant=primary])::after{inset-block-end:0}`;let s=class extends t{constructor(){super(...arguments),this.direction="horizontal",this.role="group"}render(){return n`<div class="n-button-group"><slot></slot></div>`}};s.styles=[a,d],o([i({reflect:!0})],s.prototype,"direction",void 0),o([i({reflect:!0})],s.prototype,"role",void 0),s=o([e("nord-button-group")],s);var u=s;export{u as default};
+import{i as r,_ as t,s as o,x as n,e as i}from"./query-assigned-elements-2f8275b7.js";import{e}from"./property-03f59dce.js";import{D as d}from"./DirectionController-f35f5476.js";import{s as a}from"./Component-253ecb24.js";const s=r`:host{--_n-button-group-border-radius:var(--n-button-group-border-radius, var(--n-border-radius-s));--_n-button-group-box-shadow:var(--n-button-group-box-shadow, var(--n-box-shadow));--n-button-border-radius:0;--n-button-box-shadow:none}.n-button-group{display:flex;max-inline-size:max-content;border-radius:var(--_n-button-group-border-radius);box-shadow:var(--_n-button-group-box-shadow)}:host([direction=horizontal]) ::slotted(*){margin-inline-end:-1px}::slotted(:is(:hover,:focus,:focus-within,[aria-pressed=true])){z-index:var(--n-index-masked)}::slotted([aria-pressed=true]){--n-button-background-color:var(--n-color-status-info-weak);--n-button-border-color:var(--n-color-accent)}::slotted(*){border-radius:var(--n-button-border-radius)}.n-ltr ::slotted(:first-child),.n-rtl ::slotted(:last-child){--n-button-border-radius:var(--_n-button-group-border-radius) 0 0 var(--_n-button-group-border-radius)}.n-ltr ::slotted(:last-child),.n-rtl ::slotted(:first-child){--n-button-border-radius:0 var(--_n-button-group-border-radius) var(--_n-button-group-border-radius) 0}:host([direction=vertical]) .n-button-group{flex-direction:column}:host([direction=vertical]) ::slotted(*){margin-block-end:-1px}:host([direction=vertical]) ::slotted(:first-child){--n-button-border-radius:var(--_n-button-group-border-radius) var(--_n-button-group-border-radius) 0 0}:host([direction=vertical]) ::slotted(:last-child){--n-button-border-radius:0 0 var(--_n-button-group-border-radius) var(--_n-button-group-border-radius)}::slotted(nord-button[variant=primary]){position:relative}::slotted(nord-button[variant=primary]:not(:is(:focus,:first-child)))::before,::slotted(nord-button[variant=primary]:not(:is(:focus,:last-child)))::after{content:"";position:absolute;z-index:var(--n-index-mask);background:var(--n-color-text);opacity:.25}:host([direction=horizontal]) ::slotted(nord-button[variant=primary])::after,:host([direction=horizontal]) ::slotted(nord-button[variant=primary])::before{inline-size:1px;inset-block:0}:host([direction=horizontal]) ::slotted(nord-button[variant=primary])::after{inset-inline-end:0}:host([direction=vertical]) ::slotted(nord-button[variant=primary])::after,:host([direction=vertical]) ::slotted(nord-button[variant=primary])::before{block-size:1px;inset-inline:0}:host([direction=vertical]) ::slotted(nord-button[variant=primary])::after{inset-block-end:0}`;let u=class extends o{constructor(){super(...arguments),this.dirController=new d(this),this.direction="horizontal",this.role="group"}render(){return n`<div class="n-button-group n-${this.dirController.dir}"><slot></slot></div>`}};u.styles=[a,s],t([e({reflect:!0})],u.prototype,"direction",void 0),t([e({reflect:!0})],u.prototype,"role",void 0),u=t([i("nord-button-group")],u);var l=u;export{l as default};
 //# sourceMappingURL=ButtonGroup.js.map

lib/src/button-group/ButtonGroup.d.ts

@@ -15,2 +15,3 @@ import { LitElement } from "lit";
     static styles: import("lit").CSSResult[];
+    private dirController;
     /**
@@ -17,0 +18,0 @@ * The direction of the button group.

package.json

 {
   "name": "@nordhealth/components",
-  "version": "3.6.1",
+  "version": "3.6.2",
   "description": "This package includes Nord Design System Web Components",
@@ -187,3 +187,3 @@ "author": "Nordhealth <[e-mail]>",
   },
-  "gitHead": "c3a6d6c167cfeceedbbc59e07df4be3a7dd2ca1a"
+  "gitHead": "dce88662e1d22877cf109930cf3dc697ef48b135"
 }

No alert changes

Improved metrics

Total package byte prevSize

2691981

increased by0.03%

Lines of code

25702

increased by0.03%

No dependency changes