@jsekulowicz/ds-components 0.9.2 → 0.9.3

package/custom-elements.json

@@ -3606,7 +3606,7 @@
         {
           "kind": "variable",
           "name": "navControlStyles",
-          "default": "css` :host { display: block; } :host([compact]) .nav-control { height: var(--ds-sidenav-item-compact-size); width: var(--ds-sidenav-item-compact-size); } .nav-control { display: inline-flex; align-items: center; box-sizing: border-box; height: var(--ds-sidenav-item-height); gap: var(--ds-space-2); padding: var(--ds-space-2) var(--ds-space-3); border: 0; border-radius: var(--ds-radius-sm); background: transparent; color: var(--ds-color-fg-muted); font-family: var(--ds-font-body); font-size: var(--ds-font-size-sm); font-weight: var(--ds-font-weight-medium); text-align: left; text-decoration: none; cursor: pointer; transition: background var(--ds-duration-fast) var(--ds-easing-standard), color var(--ds-duration-fast) var(--ds-easing-standard), padding var(--ds-duration-slow) var(--ds-easing-standard); } .nav-control:hover:not(:disabled):not([aria-disabled='true']) { background: var(--ds-color-bg-subtle); color: var(--ds-color-fg); } .nav-control:focus-visible { box-shadow: var(--ds-shadow-focus); } .icon { display: inline-flex; flex: none; } .icon[hidden] { display: none; } .label { display: inline-flex; min-width: 0; overflow: hidden; white-space: nowrap; max-width: 20rem; opacity: 1; transition: max-width var(--ds-duration-slow) var(--ds-easing-standard), opacity var(--ds-duration-fast) var(--ds-easing-standard); } :host-context(ds-sidenav) { display: block; } :host-context(ds-sidenav) .nav-control { display: flex; width: 100%; } :host([compact]) .label { max-width: 0; opacity: 0; } :host([compact]) .nav-control { justify-content: center; padding: var(--ds-space-2); gap: 0; } .tooltip-wrapper { display: block; width: 100%; } :host([compact]) .tooltip-wrapper { display: flex; justify-content: center; } :host([compact]) .tooltip-wrapper::part(anchor) { display: inline-flex; width: auto; } `"
+          "default": "css` :host { display: block; } :host([compact]) .nav-control { height: var(--ds-sidenav-item-compact-size); width: var(--ds-sidenav-item-compact-size); } .nav-control { display: inline-flex; align-items: center; box-sizing: border-box; height: var(--ds-sidenav-item-height); gap: var(--ds-space-2); padding: var(--ds-space-2) var(--ds-space-3); border: 0; border-radius: var(--ds-radius-sm); background: transparent; color: var(--ds-color-fg-muted); font-family: var(--ds-font-body); font-size: var(--ds-font-size-sm); font-weight: var(--ds-font-weight-medium); text-align: left; text-decoration: none; cursor: pointer; transition: background var(--ds-duration-fast) var(--ds-easing-standard), color var(--ds-duration-fast) var(--ds-easing-standard), padding var(--ds-duration-slow) var(--ds-easing-standard); } .nav-control:hover:not(:disabled):not([aria-disabled='true']) { background: var(--ds-color-bg-subtle); color: var(--ds-color-fg); } .nav-control:focus-visible { box-shadow: var(--ds-shadow-focus); } .icon { display: inline-flex; flex: none; } .icon[hidden] { display: none; } .label { display: inline-flex; min-width: 0; overflow: hidden; white-space: nowrap; max-width: 20rem; opacity: 1; transition: max-width var(--ds-duration-slow) var(--ds-easing-standard), opacity var(--ds-duration-fast) var(--ds-easing-standard); } :host-context(ds-sidenav) { display: block; } :host-context(ds-sidenav) .nav-control { display: flex; width: 100%; } :host-context(ds-nav-group) .nav-control { display: flex; width: 100%; } :host([compact]) .label { max-width: 0; opacity: 0; } :host([compact]) .nav-control { justify-content: center; padding: var(--ds-space-2); gap: 0; } .tooltip-wrapper { display: block; width: 100%; } :host([compact]) .tooltip-wrapper { display: flex; justify-content: center; } :host([compact]) .tooltip-wrapper::part(anchor) { display: inline-flex; width: auto; } `"
         }
       ],
       "exports": [
@@ -3630,7 +3630,7 @@
           "type": {
             "text": "array"
           },
-          "default": "[ navControlStyles, css` .heading { width: 100%; } .label { flex: 1; } .heading[disabled] { cursor: default; } .chevron { display: inline-flex; flex: none; transition: transform var(--ds-duration-fast) var(--ds-easing-standard); } .chevron svg { width: 1rem; height: 1rem; } :host([expanded]) .chevron { transform: rotate(180deg); } .items { display: flex; flex-direction: column; gap: var(--ds-space-1); padding-left: var(--ds-space-2); } .items[hidden] { display: none; } :host([compact]) .label { clip-path: inset(50%); height: 1px; width: 1px; position: absolute; } :host([compact]) .heading { gap: var(--ds-space-1); } :host([compact]) .chevron svg { width: 0.75rem; height: 0.75rem; } :host([compact]) .items { padding-left: 0; } .icon-probe { display: none; } `, ]"
+          "default": "[ navControlStyles, css` .heading { width: 100%; } .label { flex: 1; } .heading[disabled] { cursor: default; } .chevron { display: inline-flex; flex: none; transition: transform var(--ds-duration-fast) var(--ds-easing-standard); } .chevron svg { width: 1rem; height: 1rem; } :host([expanded]) .chevron { transform: rotate(180deg); } .items { display: flex; flex-direction: column; gap: var(--ds-space-1); margin-top: var(--ds-space-1); } :host(:not([compact])) ::slotted(ds-nav-item) { box-sizing: border-box; padding-inline: var(--ds-space-2); } .items[hidden] { display: none; } :host([compact]) .label { clip-path: inset(50%); height: 1px; width: 1px; position: absolute; } :host([compact]) .heading { gap: var(--ds-space-1); } :host([compact]) .chevron svg { width: 0.75rem; height: 0.75rem; } .icon-probe { display: none; } `, ]"
         }
       ],
       "exports": [

package/dist/atoms/nav-item/nav-control.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-control.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-control.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAmF5B,CAAC"}
+{"version":3,"file":"nav-control.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-control.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAuF5B,CAAC"}

package/dist/atoms/nav-item/nav-control.styles.js

@@ -61,6 +61,10 @@ export const navControlStyles = css `
     display: flex;
     width: 100%;
   }
+  :host-context(ds-nav-group) .nav-control {
+    display: flex;
+    width: 100%;
+  }
   :host([compact]) .label {
     max-width: 0;
     opacity: 0;

package/dist/atoms/nav-item/nav-control.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-control.styles.js","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-control.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmFlC,CAAC"}
+{"version":3,"file":"nav-control.styles.js","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-control.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuFlC,CAAC"}

package/dist/atoms/nav-item/nav-group.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-group.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-group.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,2BAqD1B,CAAC"}
+{"version":3,"file":"nav-group.styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-group.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,2BAsD1B,CAAC"}

package/dist/atoms/nav-item/nav-group.styles.js

@@ -28,7 +28,11 @@ export const navGroupStyles = [
     display: flex;
     flex-direction: column;
     gap: var(--ds-space-1);
-    padding-left: var(--ds-space-2);
+    margin-top: var(--ds-space-1);
+  }
+  :host(:not([compact])) ::slotted(ds-nav-item) {
+    box-sizing: border-box;
+    padding-inline: var(--ds-space-2);
   }
   .items[hidden] {
     display: none;
@@ -46,9 +50,6 @@ export const navGroupStyles = [
     width: 0.75rem;
     height: 0.75rem;
   }
-  :host([compact]) .items {
-    padding-left: 0;
-  }
   .icon-probe {
     display: none;
   }

package/dist/atoms/nav-item/nav-group.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-group.styles.js","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,gBAAgB;IAChB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDJ;CACA,CAAC"}
+{"version":3,"file":"nav-group.styles.js","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,gBAAgB;IAChB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDJ;CACA,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsekulowicz/ds-components",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "description": "Lit web components for the Design System Library (atoms, molecules, organisms, templates, pages).",
   "license": "UNLICENSED",
   "repository": {