@jsekulowicz/ds-components 0.7.1 → 0.8.0

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

@@ -0,0 +1,86 @@
+import { css } from 'lit';
+export const navControlStyles = 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;
+  }
+`;
+//# sourceMappingURL=nav-control.styles.js.map

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

@@ -0,0 +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"}

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

@@ -1 +1 @@
-{"version":3,"file":"nav-group.d.ts","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,sBAAsB,CAAC;AAI9B;;;;;;;;;GASG;AACH,qBAAa,UAAW,SAAQ,SAAS;;IACvC,OAAgB,MAAM,4BAAyC;IAEnD,KAAK,SAAM;IACqB,QAAQ,UAAS;IAChC,WAAW,UAAQ;IACJ,OAAO,UAAS;IAEnD,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAuEtC,MAAM,IAAI,cAAc;CA2BlC"}
+{"version":3,"file":"nav-group.d.ts","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,sBAAsB,CAAC;AAI9B;;;;;;;;;GASG;AACH,qBAAa,UAAW,SAAQ,SAAS;;IACvC,OAAgB,MAAM,4BAA4C;IAEtD,KAAK,SAAM;IACqB,QAAQ,UAAS;IAChC,WAAW,UAAQ;IACJ,OAAO,UAAS;IAEnD,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAiFtC,MAAM,IAAI,cAAc;CA2BlC"}

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

@@ -40,7 +40,7 @@ export class DsNavGroup extends DsElement {
             this.emit('ds-group-toggle', { detail: { expanded: this.expanded } });
         };
     }
-    static { this.styles = [...DsElement.styles, navGroupStyles]; }
+    static { this.styles = [...DsElement.styles, ...navGroupStyles]; }
     updated(changed) {
         if (changed.has('compact') || changed.has('_hasIcon')) {
             this.#warnIfMissingIcon();
@@ -60,12 +60,23 @@ export class DsNavGroup extends DsElement {
     }
     #onIconSlotChange;
     #onHeadingClick;
+    #renderIcon() {
+        const iconSlot = html `<slot name="icon" @slotchange=${this.#onIconSlotChange}></slot>`;
+        if (this._hasIcon) {
+            return html `<span class="icon" part="icon">${iconSlot}</span>`;
+        }
+        return html `<slot
+      class="icon-probe"
+      name="icon"
+      @slotchange=${this.#onIconSlotChange}
+    ></slot>`;
+    }
     #renderHeading() {
         const headingId = `${this.uid}-heading`;
         const itemsId = `${this.uid}-items`;
         const isOpen = !this.collapsible || this.expanded;
         return html `<button
-      class="heading"
+      class="heading nav-control"
       part="heading"
       id=${headingId}
       type="button"
@@ -75,9 +86,7 @@ export class DsNavGroup extends DsElement {
       ?disabled=${!this.collapsible}
       @click=${this.#onHeadingClick}
     >
-      <span class="icon" part="icon" ?hidden=${!this._hasIcon}>
-        <slot name="icon" @slotchange=${this.#onIconSlotChange}></slot>
-      </span>
+      ${this.#renderIcon()}
       <span class="label">${this.label}</span>
       ${this.collapsible
             ? html `<span class="chevron" part="chevron" aria-hidden="true">

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

@@ -1 +1 @@
-{"version":3,"file":"nav-group.js","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-group.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"nav-group.js","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-group.ts"],"names":[],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-export declare const navGroupStyles: import("lit").CSSResult;
+export declare const navGroupStyles: import("lit").CSSResult[];
 //# sourceMappingURL=nav-group.styles.d.ts.map

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":"AAEA,eAAO,MAAM,cAAc,yBAuG1B,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,2BAqD1B,CAAC"}

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

@@ -1,53 +1,16 @@
 import { css } from 'lit';
-export const navGroupStyles = css `
-  :host {
-    display: block;
-  }
-  :host([compact]) {
-    .heading {
-      height: var(--ds-sidenav-item-compact-size);
-      width: var(--ds-sidenav-item-compact-size);
-    }
-  }
+import { navControlStyles } from './nav-control.styles.js';
+export const navGroupStyles = [
+    navControlStyles,
+    css `
   .heading {
-    display: flex;
-    align-items: center;
-    gap: var(--ds-space-2);
     width: 100%;
-    height: var(--ds-sidenav-item-height);
-    padding: var(--ds-space-2) var(--ds-space-3);
-    border: none;
-    background: transparent;
-    border-radius: var(--ds-radius-sm);
-    color: var(--ds-color-fg-subtle);
-    font-family: var(--ds-font-body);
-    font-size: var(--ds-font-size-2xs);
-    font-weight: var(--ds-font-weight-semibold);
-    letter-spacing: var(--ds-letter-spacing-wide);
-    text-transform: uppercase;
-    text-align: left;
-    cursor: pointer;
-  }
-  .heading[disabled] {
-    cursor: default;
-  }
-  .heading:hover:not([disabled]) {
-    color: var(--ds-color-fg);
-  }
-  .heading:focus-visible {
-    box-shadow: var(--ds-shadow-focus);
-  }
-  .icon {
-    display: inline-flex;
-    flex: none;
-  }
-  .icon[hidden] {
-    display: none;
   }
   .label {
     flex: 1;
-    overflow: hidden;
-    white-space: nowrap;
+  }
+  .heading[disabled] {
+    cursor: default;
   }
   .chevron {
     display: inline-flex;
@@ -74,14 +37,10 @@ export const navGroupStyles = css `
     clip-path: inset(50%);
     height: 1px;
     width: 1px;
-    overflow: hidden;
-    white-space: nowrap;
     position: absolute;
   }
   :host([compact]) .heading {
-    justify-content: center;
     gap: var(--ds-space-1);
-    padding: var(--ds-space-2);
   }
   :host([compact]) .chevron svg {
     width: 0.75rem;
@@ -90,17 +49,9 @@ export const navGroupStyles = css `
   :host([compact]) .items {
     padding-left: 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;
+  .icon-probe {
+    display: none;
   }
-`;
+`,
+];
 //# sourceMappingURL=nav-group.styles.js.map

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;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuGhC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDJ;CACA,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"nav-item.d.ts","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,sBAAsB,CAAC;AAI9B;;;;;;;;GAQG;AACH,qBAAa,SAAU,SAAQ,SAAS;;IACtC,OAAgB,MAAM,4BAAwC;IAElD,IAAI,SAAM;IACV,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACmB,OAAO,UAAS;IAChB,QAAQ,UAAS;IACjB,OAAO,UAAS;IAEnD,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,UAAU,CAAM;IAExB,iBAAiB,IAAI,IAAI;IAKzB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAsEtC,MAAM,IAAI,cAAc;CAclC"}
+{"version":3,"file":"nav-item.d.ts","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,sBAAsB,CAAC;AAI9B;;;;;;;;GAQG;AACH,qBAAa,SAAU,SAAQ,SAAS;;IACtC,OAAgB,MAAM,4BAA2C;IAErD,IAAI,SAAM;IACV,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACmB,OAAO,UAAS;IAChB,QAAQ,UAAS;IACjB,OAAO,UAAS;IAEnD,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,UAAU,CAAM;IAExB,iBAAiB,IAAI,IAAI;IAKzB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAsEtC,MAAM,IAAI,cAAc;CAclC"}

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

@@ -41,7 +41,7 @@ export class DsNavItem extends DsElement {
                 .trim();
         };
     }
-    static { this.styles = [...DsElement.styles, navItemStyles]; }
+    static { this.styles = [...DsElement.styles, ...navItemStyles]; }
     connectedCallback() {
         super.connectedCallback();
         this.setAttribute('role', 'listitem');
@@ -76,7 +76,7 @@ export class DsNavItem extends DsElement {
     #renderLink() {
         if (this.disabled) {
             return html `<span
-        class="link"
+        class="link nav-control"
         part="link"
         aria-disabled="true"
         aria-label=${this.compact && this._labelText ? this._labelText : nothing}
@@ -84,7 +84,7 @@ export class DsNavItem extends DsElement {
       >`;
         }
         return html `<a
-      class="link"
+      class="link nav-control"
       part="link"
       href=${this.href}
       target=${this.target ?? nothing}

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

@@ -1 +1 @@
-{"version":3,"file":"nav-item.js","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-item.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"nav-item.js","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-item.ts"],"names":[],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-export declare const navItemStyles: import("lit").CSSResult;
+export declare const navItemStyles: import("lit").CSSResult[];
 //# sourceMappingURL=nav-item.styles.d.ts.map

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

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

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

@@ -1,38 +1,8 @@
 import { css } from 'lit';
-export const navItemStyles = css `
-  :host {
-    display: block;
-  }
-  :host([compact]) {
-    .link {
-      height: var(--ds-sidenav-item-compact-size);
-      width: var(--ds-sidenav-item-compact-size);
-    }
-  }
-  .link {
-    display: inline-flex;
-    align-items: center;
-    height: var(--ds-sidenav-item-height);
-    gap: var(--ds-space-1);
-    padding: var(--ds-space-2) var(--ds-space-3);
-    border-radius: var(--ds-radius-sm);
-    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-decoration: none;
-    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);
-  }
-  .link:hover {
-    background: var(--ds-color-bg-subtle);
-    color: var(--ds-color-fg);
-  }
-  .link:focus-visible {
-    box-shadow: var(--ds-shadow-focus);
-  }
+import { navControlStyles } from './nav-control.styles.js';
+export const navItemStyles = [
+    navControlStyles,
+    css `
   :host([current]) .link {
     background: var(--ds-color-accent-subtle);
     color: var(--ds-color-accent-active);
@@ -41,51 +11,6 @@ export const navItemStyles = css `
     color: var(--ds-color-fg-subtle);
     cursor: not-allowed;
   }
-  .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) .link {
-    display: flex;
-    width: 100%;
-  }
-  :host([compact]) .label {
-    max-width: 0;
-    opacity: 0;
-  }
-  :host([compact]) .link {
-    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;
-  }
-`;
+`,
+];
 //# sourceMappingURL=nav-item.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nav-item.styles.js","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwF/B,CAAC"}
+{"version":3,"file":"nav-item.styles.js","sourceRoot":"","sources":["../../../src/atoms/nav-item/nav-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,gBAAgB;IAChB,GAAG,CAAA;;;;;;;;;CASJ;CACA,CAAC"}

package/dist/atoms/select/select.common-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.common-styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/select/select.common-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBAmJ9B,CAAC"}
+{"version":3,"file":"select.common-styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/select/select.common-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBAkJ9B,CAAC"}

package/dist/atoms/select/select.common-styles.js

@@ -13,6 +13,7 @@ export const selectCommonStyles = css `
   .trigger {
     display: flex;
     align-items: center;
+    gap: var(--ds-space-2);
     width: 100%;
     height: var(--ds-size-md);
     padding: 0 var(--ds-space-3);
@@ -44,7 +45,7 @@ export const selectCommonStyles = css `
     padding: 6px var(--ds-space-3);
     flex-wrap: wrap;
     align-items: center;
-    gap: var(--ds-space-1);
+    gap: var(--ds-space-2);
     overflow: visible;
   }
   .tiles {
@@ -107,7 +108,6 @@ export const selectCommonStyles = css `
   .leading {
     display: inline-flex;
     align-items: center;
-    margin-right: var(--ds-space-1);
     color: var(--ds-color-fg-muted);
     flex-shrink: 0;
   }
@@ -129,7 +129,6 @@ export const selectCommonStyles = css `
   .caret {
     width: 1.2rem;
     height: 1.2rem;
-    margin-left: var(--ds-space-2);
     color: var(--ds-color-fg-muted);
     pointer-events: none;
     flex-shrink: 0;

package/dist/atoms/select/select.common-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.common-styles.js","sourceRoot":"","sources":["../../../src/atoms/select/select.common-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmJpC,CAAC"}
+{"version":3,"file":"select.common-styles.js","sourceRoot":"","sources":["../../../src/atoms/select/select.common-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkJpC,CAAC"}

package/dist/atoms/table/table-pagination.styles.js

@@ -15,13 +15,13 @@ export const tablePaginationStyles = css `
   nav {
     display: flex;
     align-items: center;
-    gap: var(--ds-space-1);
+    gap: var(--ds-space-2);
   }
 
   .list {
     display: flex;
     align-items: center;
-    gap: var(--ds-space-1);
+    gap: var(--ds-space-2);
     list-style: none;
     padding: 0;
     margin: 0;

package/dist/molecules/color-picker/color-picker-swatch-group.styles.js

@@ -22,7 +22,7 @@ export const colorPickerSwatchGroupStyles = css `
       auto-fill,
       minmax(var(--color-picker-swatch-size), var(--color-picker-swatch-size))
     );
-    gap: var(--ds-space-1);
+    gap: var(--ds-space-2);
   }
 `;
 //# sourceMappingURL=color-picker-swatch-group.styles.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsekulowicz/ds-components",
-  "version": "0.7.1",
+  "version": "0.8.0",
   "description": "Lit web components for the Design System Library (atoms, molecules, organisms, templates, pages).",
   "license": "UNLICENSED",
   "repository": {
@@ -60,101 +60,17 @@
     "./icon/define": {
       "import": "./dist/atoms/icon/define.js"
     },
-    "./icon/check": {
-      "types": "./dist/atoms/icon/icons/check.d.ts",
-      "import": "./dist/atoms/icon/icons/check.js"
+    "./icon/all": {
+      "types": "./dist/atoms/icon/icons/all.d.ts",
+      "import": "./dist/atoms/icon/icons/all.js"
     },
-    "./icon/minus": {
-      "types": "./dist/atoms/icon/icons/minus.d.ts",
-      "import": "./dist/atoms/icon/icons/minus.js"
+    "./icon/names": {
+      "types": "./dist/atoms/icon/icons/names.d.ts",
+      "import": "./dist/atoms/icon/icons/names.js"
     },
-    "./icon/magnifying-glass": {
-      "types": "./dist/atoms/icon/icons/magnifying-glass.d.ts",
-      "import": "./dist/atoms/icon/icons/magnifying-glass.js"
-    },
-    "./icon/home": {
-      "types": "./dist/atoms/icon/icons/home.d.ts",
-      "import": "./dist/atoms/icon/icons/home.js"
-    },
-    "./icon/clock": {
-      "types": "./dist/atoms/icon/icons/clock.d.ts",
-      "import": "./dist/atoms/icon/icons/clock.js"
-    },
-    "./icon/cog-6-tooth": {
-      "types": "./dist/atoms/icon/icons/cog-6-tooth.d.ts",
-      "import": "./dist/atoms/icon/icons/cog-6-tooth.js"
-    },
-    "./icon/swatch": {
-      "types": "./dist/atoms/icon/icons/swatch.d.ts",
-      "import": "./dist/atoms/icon/icons/swatch.js"
-    },
-    "./icon/chevron-right": {
-      "types": "./dist/atoms/icon/icons/chevron-right.d.ts",
-      "import": "./dist/atoms/icon/icons/chevron-right.js"
-    },
-    "./icon/chevron-down": {
-      "types": "./dist/atoms/icon/icons/chevron-down.d.ts",
-      "import": "./dist/atoms/icon/icons/chevron-down.js"
-    },
-    "./icon/bars-3": {
-      "types": "./dist/atoms/icon/icons/bars-3.d.ts",
-      "import": "./dist/atoms/icon/icons/bars-3.js"
-    },
-    "./icon/x-mark": {
-      "types": "./dist/atoms/icon/icons/x-mark.d.ts",
-      "import": "./dist/atoms/icon/icons/x-mark.js"
-    },
-    "./icon/eye": {
-      "types": "./dist/atoms/icon/icons/eye.d.ts",
-      "import": "./dist/atoms/icon/icons/eye.js"
-    },
-    "./icon/eye-slash": {
-      "types": "./dist/atoms/icon/icons/eye-slash.d.ts",
-      "import": "./dist/atoms/icon/icons/eye-slash.js"
-    },
-    "./icon/plus": {
-      "types": "./dist/atoms/icon/icons/plus.d.ts",
-      "import": "./dist/atoms/icon/icons/plus.js"
-    },
-    "./icon/moon": {
-      "types": "./dist/atoms/icon/icons/moon.d.ts",
-      "import": "./dist/atoms/icon/icons/moon.js"
-    },
-    "./icon/sun": {
-      "types": "./dist/atoms/icon/icons/sun.d.ts",
-      "import": "./dist/atoms/icon/icons/sun.js"
-    },
-    "./icon/briefcase": {
-      "types": "./dist/atoms/icon/icons/briefcase.d.ts",
-      "import": "./dist/atoms/icon/icons/briefcase.js"
-    },
-    "./icon/user": {
-      "types": "./dist/atoms/icon/icons/user.d.ts",
-      "import": "./dist/atoms/icon/icons/user.js"
-    },
-    "./icon/user-circle": {
-      "types": "./dist/atoms/icon/icons/user-circle.d.ts",
-      "import": "./dist/atoms/icon/icons/user-circle.js"
-    },
-    "./icon/users": {
-      "types": "./dist/atoms/icon/icons/users.d.ts",
-      "import": "./dist/atoms/icon/icons/users.js"
-    },
-    "./icon/key": {
-      "types": "./dist/atoms/icon/icons/key.d.ts",
-      "import": "./dist/atoms/icon/icons/key.js"
-    },
-    "./icon/bell": {
-      "types": "./dist/atoms/icon/icons/bell.d.ts",
-      "import": "./dist/atoms/icon/icons/bell.js"
-    },
-    "./icon/book-open": {
-      "types": "./dist/atoms/icon/icons/book-open.d.ts",
-      "import": "./dist/atoms/icon/icons/book-open.js"
-    },
-    "./icon/puzzle-piece": {
-      "types": "./dist/atoms/icon/icons/puzzle-piece.d.ts",
-      "import": "./dist/atoms/icon/icons/puzzle-piece.js"
+    "./icon/*": {
+      "types": "./dist/atoms/icon/icons/*.d.ts",
+      "import": "./dist/atoms/icon/icons/*.js"
     },
     "./text-field": {
       "types": "./dist/atoms/text-field/index.d.ts",
@@ -400,9 +316,10 @@
     "vitest": "^2.1.5"
   },
   "scripts": {
-    "dev": "tsc -p tsconfig.json --watch",
-    "build": "tsc -p tsconfig.json && cem analyze --litelement --globs \"src/**/*.ts\" --exclude \"src/**/*.test.ts\" --outdir .",
-    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "dev": "pnpm generate:icons && tsc -p tsconfig.json --watch",
+    "generate:icons": "node scripts/generate-heroicons.mjs",
+    "build": "pnpm generate:icons && tsc -p tsconfig.json && cem analyze --litelement --globs \"src/**/*.ts\" --exclude \"src/**/*.test.ts\" --outdir .",
+    "typecheck": "pnpm generate:icons && tsc -p tsconfig.json --noEmit",
     "lint": "eslint src",
     "test": "vitest run",
     "test:coverage": "vitest run --coverage",