@ds-autonomie/web-components 2.15.0 → 2.17.0

package/dist/chunks/{chunk.5KTLM3MD.js → chunk.JIMAJLDU.js}

@@ -18,7 +18,7 @@ var card_nav_accordion_styles_default = css`
   }
 
   .card-nav-accordion {
-    font: var(--dsa-font-medium-bold);
+    font: var(--dsa-font-body-m-bold);
     color: var(--dsa-wc-card-nav-color);
     overflow-anchor: none;
   }
@@ -97,7 +97,7 @@ var card_nav_accordion_styles_default = css`
   }
   ::slotted(dsa-card-nav-item) {
     --card-nav-item-padding: 0.75rem 1.25rem 0.75rem 1.75rem;
-    --card-nav-item-font: var(--dsa-font-medium-normal);
+    --card-nav-item-font: var(--dsa-font-body-m-normal);
   }
 `;
 

package/dist/chunks/{chunk.P6ZIC3SJ.js → chunk.JIN6PGAK.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.W5BANU5K.js";
 import {
   ShoelaceElement
-} from "./chunk.SL3DN4BD.js";
+} from "./chunk.SVWU6JW4.js";
 import {
   __decorateClass
 } from "./chunk.N3L4GIUO.js";

package/dist/chunks/{chunk.DKRTICMF.js → chunk.JKNKFWLE.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.QB2NJE2Y.js";
 import {
   ShoelaceElement
-} from "./chunk.SL3DN4BD.js";
+} from "./chunk.SVWU6JW4.js";
 import {
   __decorateClass
 } from "./chunk.N3L4GIUO.js";

package/dist/chunks/{chunk.D72FHMFI.js → chunk.JUOYMIGK.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.XATWRKAV.js";
+} from "./chunk.CKEB7DWU.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/{chunk.BIM3HNFI.js → chunk.KZFOOKD2.js}

@@ -47,19 +47,15 @@ var button_styles_default = css`
     outline-offset: var(--dsa-wc-focus-ring-offset);
   }
 
-  /* When disabled, prevent mouse events from bubbling up from children */
-  .button--disabled * {
+  /* When disabled or loading, prevent mouse events from bubbling up from children */
+  .button--disabled *,
+  .button--loading * {
     pointer-events: none;
   }
   .button--disabled {
     cursor: not-allowed;
   }
 
-  /* When loading, prevent mouse events from bubbling up from children */
-  .button--loading * {
-    pointer-events: none;
-  }
-
   .button__prefix,
   .button__suffix {
     flex: 0 0 auto;
@@ -85,11 +81,6 @@ var button_styles_default = css`
     vertical-align: -2px;
   }
 
-  .button--on-floating-menu {
-    background: none;
-    border: solid 1px;
-  }
-
   .button__description {
     display: none;
   }
@@ -1026,69 +1017,6 @@ var button_styles_default = css`
     left: 0;
     translate: -50% -50%;
   }
-
-  /*
-   * Button groups support a variety of button types (e.g. buttons with tooltips, buttons as dropdown triggers, etc.).
-   * This means buttons aren't always direct descendants of the button group, thus we can't target them with the
-   * ::slotted selector. To work around this, the button group component does some magic to add these special classes to
-   * buttons and we style them here instead.
-   */
-
-  :host(.dsa-button-group__button--first:not(.dsa-button-group__button--last))
-    .button {
-    border-start-end-radius: 0;
-    border-end-end-radius: 0;
-  }
-
-  :host(.dsa-button-group__button--inner) .button {
-    border-radius: 0;
-  }
-
-  :host(.dsa-button-group__button--last:not(.dsa-button-group__button--first))
-    .button {
-    border-start-start-radius: 0;
-    border-end-start-radius: 0;
-  }
-
-  /* All except the first */
-  :host(.dsa-button-group__button:not(.dsa-button-group__button--first)) {
-    margin-inline-start: calc(-1 * var(--dsa-wc-button-border-width));
-  }
-
-  /* Add a visual separator between solid buttons */
-  :host(
-      .dsa-button-group__button:not(
-          .dsa-button-group__button--first,
-          .dsa-button-group__button--radio,
-          .dsa-button-group__button--checkbox,
-          [variant='default']
-        ):not(:hover)
-    )
-    .button:after {
-    content: '';
-    position: absolute;
-    top: 0;
-    inset-inline-start: 0;
-    bottom: 0;
-    border-left: solid 1px rgb(128 128 128 / 33%);
-    mix-blend-mode: multiply;
-  }
-
-  /* Bump hovered, focused, and checked buttons up so their focus ring isn't clipped */
-  :host(.dsa-button-group__button--hover) {
-    z-index: 1;
-  }
-
-  /* Focus and checked are always on top */
-  :host(.dsa-button-group__button--focus),
-  :host(.dsa-button-group__button[checked]) {
-    z-index: 2;
-  }
-
-  /* Limit width if inside a vertical button-group */
-  :host(.dsa-button-group__button--vertical) {
-    max-width: 400px;
-  }
 `;
 
 export {

package/dist/chunks/{chunk.KOGIJSJ2.js → chunk.LFCY7UUJ.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.XATWRKAV.js";
+} from "./chunk.CKEB7DWU.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";
@@ -21,6 +21,7 @@ var file_upload_styles_default = css`
       'field field field' 1fr
       'helpText helpText helpText'
       'errorText errorText errorText'
+      'internalError internalError internalError'
       'fileList fileList fileList'
       / auto auto minmax(0, 1fr);
     border: none;
@@ -111,6 +112,18 @@ var file_upload_styles_default = css`
     padding-top: var(--dsa-spacing-16);
   }
 
+  /* Internal Error */
+  .internal-error {
+    grid-area: internalError;
+    display: block;
+  }
+  .form-control--internal-error .internal-error {
+    margin-top: var(--dsa-spacing-8);
+  }
+  .internal-error ul {
+    margin: 0;
+  }
+
   /* Slot Files */
   [part~='slot_files'] {
     grid-area: fileList;
@@ -212,7 +225,7 @@ var file_upload_styles_default = css`
   }
 
   /* Input */
-  [part~='input'] {
+  #file {
     position: absolute;
     top: 0;
     left: 0;
@@ -223,6 +236,115 @@ var file_upload_styles_default = css`
     opacity: 0;
     z-index: -1;
   }
+
+  /** 
+  * Dropzone 
+  **/
+  .dropzone {
+    border: 1px dashed var(--dsa-color-border-default);
+    background: var(--dsa-color-primitive-colors-neutral-50);
+    padding: var(--dsa-spacing-24) var(--dsa-spacing-16);
+    border-radius: var(--dsa-radius-8);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    cursor: pointer;
+  }
+  .form-control--large .dropzone {
+    padding: var(--dsa-spacing-40) var(--dsa-spacing-16);
+  }
+
+  .dropzone__icon-container {
+    display: inline-flex;
+    font-size: 1.5rem;
+    padding: 0.75rem;
+    border-radius: 100%;
+    background: var(--dsa-color-primitive-colors-neutral-100);
+  }
+
+  .dropzone__icon {
+    transition: var(--dsa-wc-transition-medium) transform ease;
+    pointer-events: none;
+  }
+  .form-control--large .dropzone__icon-container {
+    font-size: 2rem;
+    padding: 1rem;
+  }
+
+  .dropzone__text {
+    text-align: center;
+    margin: 12px 0 8px;
+    font: var(--dsa-font-body-s-bold);
+  }
+  .form-control--large .dropzone__text {
+    margin: 16px 0 12px;
+    font: var(--dsa-font-body-m-bold);
+  }
+
+  /* Hover & Dragover */
+  .dropzone:hover,
+  .dropzone--dragover {
+    background: var(--dsa-color-background-hover);
+    border-color: var(--dsa-color-border-hover);
+  }
+  .dropzone:hover .dropzone__icon-container,
+  .dropzone--dragover .dropzone__icon-container {
+    background: var(--dsa-color-primitive-colors-identity-purple-200);
+    color: var(--dsa-color-icon-button-primary-default-background);
+  }
+
+  .dropzone--dragover .dropzone__icon {
+    transform: translate(0px, -4px);
+  }
+
+  /* Active */
+  .dropzone:active {
+    background: var(--dsa-color-background-selected);
+    border-color: var(--dsa-color-border-hover);
+    border-style: solid;
+    box-shadow: 0 0 0 1px var(--dsa-color-border-hover);
+  }
+  .dropzone:active .dropzone__icon-container {
+    background: var(--dsa-color-primitive-colors-identity-purple-300);
+    color: var(--dsa-color-icon-button-primary-default-background);
+  }
+
+  .form-control--large .dropzone--dragover .dropzone__icon {
+    transform: translate(0px, -6px);
+  }
+
+  /* Disabled */
+  .form-control--disabled .dropzone {
+    pointer-events: none;
+  }
+  .form-control--disabled .dropzone__text {
+    color: var(--dsa-color-text-on-base-disabled);
+  }
+  .form-control--disabled .dropzone__icon-container {
+    color: var(--dsa-color-icon-button-default-disabled-on-background);
+  }
+
+  /* Button */
+  .dropzone .button {
+    background-color: var(--dsa-wc-button-tertiary-on-base-color);
+    border-color: var(--dsa-wc-button-tertiary-on-base-border-color);
+    color: var(--dsa-wc-button-tertiary-on-base-font-color);
+  }
+  .dropzone .button:hover {
+    background-color: var(--dsa-wc-button-tertiary-on-base-hover-color);
+    border-color: var(--dsa-wc-button-tertiary-on-base-hover-border-color);
+    color: var(--dsa-wc-button-tertiary-on-base-hover-font-color);
+  }
+  .dropzone .button:active {
+    background-color: var(--dsa-wc-button-tertiary-on-base-active-color);
+    border-color: var(--dsa-wc-button-tertiary-on-base-active-border-color);
+    color: var(--dsa-wc-button-tertiary-on-base-active-font-color);
+  }
+  .dropzone .button--disabled {
+    background-color: var(--dsa-wc-button-tertiary-on-base-disabled-color);
+    border-color: var(--dsa-wc-button-tertiary-on-base-disabled-border-color);
+    color: var(--dsa-wc-button-tertiary-on-base-disabled-font-color);
+  }
 `;
 
 export {

package/dist/chunks/{chunk.2HARVX2F.js → chunk.LHKUT7UW.js}

@@ -1,9 +1,12 @@
 import {
   download_link_styles_default
 } from "./chunk.6HSTAJNR.js";
+import {
+  DSAIcon
+} from "./chunk.CKJJ4MSU.js";
 import {
   ShoelaceElement
-} from "./chunk.SL3DN4BD.js";
+} from "./chunk.SVWU6JW4.js";
 import {
   __decorateClass
 } from "./chunk.N3L4GIUO.js";
@@ -68,6 +71,7 @@ var DSADownloadLink = class extends ShoelaceElement {
   }
 };
 DSADownloadLink.styles = download_link_styles_default;
+DSADownloadLink.dependencies = { "dsa-icon": DSAIcon };
 __decorateClass([
   property()
 ], DSADownloadLink.prototype, "href", 2);

package/dist/chunks/{chunk.OEOSDW6K.js → chunk.LJ2VCS7Q.js}

@@ -24,7 +24,7 @@ var calendar_styles_default = css`
     display: block;
     width: var(--dsa-wc-calendar-width);
     color: var(--dsa-wc-calendar-font-color);
-    font: var(--dsa-font-small-normal);
+    font: var(--dsa-font-body-s-normal);
     background-color: var(--dsa-wc-calendar-background-color);
   }
 

package/dist/chunks/{chunk.GP75TYQS.js → chunk.LPQTWKYW.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk.6WKAXIB2.js";
 import {
   DSATable
-} from "./chunk.LS7YUONN.js";
+} from "./chunk.HALYTFYA.js";
 import {
   LoadingStateElement
-} from "./chunk.KJFIJI7X.js";
+} from "./chunk.YROTOHU3.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";

package/dist/chunks/{chunk.UNN3FKRS.js → chunk.LQAWGV5K.js}

@@ -6,13 +6,16 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.QY3AIGLE.js";
+} from "./chunk.WHHYA5VY.js";
+import {
+  DSAIcon
+} from "./chunk.CKJJ4MSU.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
 import {
   ShoelaceElement
-} from "./chunk.SL3DN4BD.js";
+} from "./chunk.SVWU6JW4.js";
 import {
   __decorateClass
 } from "./chunk.N3L4GIUO.js";
@@ -77,6 +80,7 @@ var DSAFilterButton = class extends ShoelaceElement {
   }
 };
 DSAFilterButton.styles = filter_button_styles_default;
+DSAFilterButton.dependencies = { "dsa-icon": DSAIcon };
 __decorateClass([
   property()
 ], DSAFilterButton.prototype, "label", 2);

package/dist/chunks/{chunk.VOHUSNGA.js → chunk.LZOGVU7B.js}

@@ -1,9 +1,12 @@
 import {
-  accordion_styles_default
-} from "./chunk.U4IPKMN6.js";
+  DSADivider
+} from "./chunk.QGI766JC.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
+import {
+  accordion_styles_default
+} from "./chunk.U4IPKMN6.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -21,13 +24,16 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.QY3AIGLE.js";
+} from "./chunk.WHHYA5VY.js";
+import {
+  DSAIcon
+} from "./chunk.CKJJ4MSU.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
 import {
   ShoelaceElement
-} from "./chunk.SL3DN4BD.js";
+} from "./chunk.SVWU6JW4.js";
 import {
   __decorateClass
 } from "./chunk.N3L4GIUO.js";
@@ -214,6 +220,7 @@ var DSAAccordion = class extends ShoelaceElement {
   }
 };
 DSAAccordion.styles = accordion_styles_default;
+DSAAccordion.dependencies = { "dsa-icon": DSAIcon, "dsa-divider": DSADivider };
 __decorateClass([
   query(".accordion")
 ], DSAAccordion.prototype, "accordion", 2);

package/dist/chunks/{chunk.7O7LNFJW.js → chunk.M5X6QE4H.js}

@@ -1,3 +1,6 @@
+import {
+  DSAIconButton
+} from "./chunk.WNESPUKK.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -14,16 +17,19 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.QY3AIGLE.js";
+} from "./chunk.WHHYA5VY.js";
+import {
+  DSAIcon
+} from "./chunk.CKJJ4MSU.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
 import {
   ShoelaceElement
-} from "./chunk.SL3DN4BD.js";
+} from "./chunk.SVWU6JW4.js";
 import {
   alert_styles_default
-} from "./chunk.5WY2ZKV4.js";
+} from "./chunk.XSPIIP5W.js";
 import {
   __decorateClass
 } from "./chunk.N3L4GIUO.js";
@@ -45,6 +51,7 @@ var DSAAlert = class extends ShoelaceElement {
     this.open = false;
     this.closable = false;
     this.variant = "primary";
+    this.size = "medium";
     this.duration = Infinity;
   }
   firstUpdated() {
@@ -171,7 +178,7 @@ var DSAAlert = class extends ShoelaceElement {
         "<dsa-alert> requires a header-level attribute for accessibility if alert-title is set"
       );
     }
-    if (this.duration) {
+    if (this.duration !== Infinity) {
       a11yWarning(
         "The duration attribute of <dsa-alert> is deprecated and should not be used, because it can prevent some persons from accessing the alert content."
       );
@@ -188,7 +195,8 @@ var DSAAlert = class extends ShoelaceElement {
       "alert--success": this.variant === "success",
       "alert--neutral": this.variant === "neutral",
       "alert--warning": this.variant === "warning",
-      "alert--danger": this.variant === "danger"
+      "alert--danger": this.variant === "danger",
+      "alert--small": this.size === "small"
     })}
           aria-hidden=${this.open ? "false" : "true"}
           @mousemove=${this.handleMouseMove}
@@ -220,7 +228,7 @@ var DSAAlert = class extends ShoelaceElement {
                 <dsa-icon-button
                   part="close-button"
                   class="alert__close-button"
-                  size="xlarge"
+                  size=${this.size === "small" ? "large" : "xlarge"}
                   name="close"
                   label=${this.localize.term("close")}
                   @click=${this.handleCloseClick}
@@ -233,6 +241,10 @@ var DSAAlert = class extends ShoelaceElement {
   }
 };
 DSAAlert.styles = alert_styles_default;
+DSAAlert.dependencies = {
+  "dsa-icon-button": DSAIconButton,
+  "dsa-icon": DSAIcon
+};
 __decorateClass([
   query('[part~="base"]')
 ], DSAAlert.prototype, "base", 2);
@@ -254,6 +266,9 @@ __decorateClass([
 __decorateClass([
   property({ reflect: true })
 ], DSAAlert.prototype, "variant", 2);
+__decorateClass([
+  property({ reflect: true })
+], DSAAlert.prototype, "size", 2);
 __decorateClass([
   property({ type: Number })
 ], DSAAlert.prototype, "duration", 2);

package/dist/chunks/{chunk.6X467UIN.js → chunk.MFGYIAUT.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.XATWRKAV.js";
+} from "./chunk.CKEB7DWU.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/{chunk.JIXU425U.js → chunk.MGW4E3VW.js}

@@ -1,6 +1,9 @@
 import {
   menu_accordion_styles_default
-} from "./chunk.NBBSSAAF.js";
+} from "./chunk.6WPKFGU3.js";
+import {
+  DSATooltip
+} from "./chunk.TP5XEQ2O.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -21,13 +24,16 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.QY3AIGLE.js";
+} from "./chunk.WHHYA5VY.js";
+import {
+  DSAIcon
+} from "./chunk.CKJJ4MSU.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
 import {
   ShoelaceElement
-} from "./chunk.SL3DN4BD.js";
+} from "./chunk.SVWU6JW4.js";
 import {
   __decorateClass
 } from "./chunk.N3L4GIUO.js";
@@ -259,6 +265,7 @@ var DSAMenuAccordion = class extends ShoelaceElement {
   }
 };
 DSAMenuAccordion.styles = menu_accordion_styles_default;
+DSAMenuAccordion.dependencies = { "dsa-icon": DSAIcon, "dsa-tooltip": DSATooltip };
 __decorateClass([
   query("slot[name=summary]")
 ], DSAMenuAccordion.prototype, "summarySlot", 2);

package/dist/chunks/{chunk.LJKZZ5Z7.js → chunk.MPV4OPIK.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.QB2NJE2Y.js";
 import {
   ShoelaceElement
-} from "./chunk.SL3DN4BD.js";
+} from "./chunk.SVWU6JW4.js";
 import {
   __decorateClass
 } from "./chunk.N3L4GIUO.js";

package/dist/chunks/{chunk.VFDZ6OTM.js → chunk.MXDGKTTH.js}

@@ -1,12 +1,21 @@
 import {
   table_action_styles_default
-} from "./chunk.UXRWPABH.js";
+} from "./chunk.OW6RUTZA.js";
+import {
+  DSADivider
+} from "./chunk.QGI766JC.js";
+import {
+  DSAButton
+} from "./chunk.UNDVQ2N3.js";
 import {
   LocalizeController
-} from "./chunk.QY3AIGLE.js";
+} from "./chunk.WHHYA5VY.js";
+import {
+  DSAIcon
+} from "./chunk.CKJJ4MSU.js";
 import {
   ShoelaceElement
-} from "./chunk.SL3DN4BD.js";
+} from "./chunk.SVWU6JW4.js";
 import {
   __decorateClass
 } from "./chunk.N3L4GIUO.js";
@@ -43,6 +52,11 @@ var DSATableAction = class extends ShoelaceElement {
   }
 };
 DSATableAction.styles = table_action_styles_default;
+DSATableAction.dependencies = {
+  "dsa-button": DSAButton,
+  "dsa-divider": DSADivider,
+  "dsa-icon": DSAIcon
+};
 __decorateClass([
   query("#closeButton")
 ], DSATableAction.prototype, "closeButton", 2);

package/dist/chunks/{chunk.364OCK6Y.js → chunk.N2SYQR7M.js}

@@ -1,9 +1,9 @@
 import {
   LocalizeController
-} from "./chunk.QY3AIGLE.js";
+} from "./chunk.WHHYA5VY.js";
 import {
   ShoelaceElement
-} from "./chunk.SL3DN4BD.js";
+} from "./chunk.SVWU6JW4.js";
 import {
   __decorateClass
 } from "./chunk.N3L4GIUO.js";

package/dist/chunks/{chunk.BKZKEYEW.js → chunk.N3SOWEHQ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.JSOEKBRU.js";
 import {
   ShoelaceElement
-} from "./chunk.SL3DN4BD.js";
+} from "./chunk.SVWU6JW4.js";
 import {
   __decorateClass
 } from "./chunk.N3L4GIUO.js";

package/dist/chunks/{chunk.ZJHYC5NS.js → chunk.NCN4I6KX.js}

@@ -1,15 +1,18 @@
 import {
   table_caption_styles_default
-} from "./chunk.S2VPUQPO.js";
+} from "./chunk.QBVIZ55Q.js";
 import {
   LoadingStateElement
-} from "./chunk.KJFIJI7X.js";
+} from "./chunk.YROTOHU3.js";
+import {
+  DSASkeleton
+} from "./chunk.BASV2VAI.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.QY3AIGLE.js";
+} from "./chunk.WHHYA5VY.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -63,6 +66,7 @@ var DSATableCaption = class extends LoadingStateElement {
   }
 };
 DSATableCaption.styles = table_caption_styles_default;
+DSATableCaption.dependencies = { "dsa-skeleton": DSASkeleton };
 __decorateClass([
   property({ attribute: "total-items-label" })
 ], DSATableCaption.prototype, "totalItemsLabel", 2);