@ds-autonomie/web-components 2.17.0 → 2.19.0

package/dist/themes/dsa-wc-theme.styles.js

@@ -2669,21 +2669,21 @@ export default css`
   .dsa-link--with-prefix.dsa-link--with-suffix > dsa-icon:last-of-type {
     margin-right: 0;
   }
-  .dsa-link--on-sitemap {
+  .dsa-link.dsa-link--on-sitemap {
     transition: none;
     border-bottom-style: none;
     color: var(--dsa-color-text-on-layer-primary);
   }
-  .dsa-link--on-contrasted {
+  .dsa-link.dsa-link--on-contrasted {
     color: var(--dsa-wc-link-on-contrasted-color);
   }
-  .dsa-link--on-layer {
+  .dsa-link.dsa-link--on-layer {
     color: var(--dsa-wc-link-on-layer-color);
   }
-  .dsa-link--floating-menu {
+  .dsa-link.dsa-link--floating-menu {
     color: var(--dsa-wc-link-floating-menu-color);
   }
-  .dsa-link--standalone {
+  .dsa-link.dsa-link--standalone {
     border-bottom: transparent;
   }
   .dsa-link:hover {
@@ -2692,63 +2692,48 @@ export default css`
       var(--dsa-wc-link-underline-thickness) *
         var(--dsa-wc-link-hover-underline-thickness-multiplier)
     );
-    margin-bottom: 0;
   }
-  .dsa-link--with-prefix:hover,
-  .dsa-link--with-suffix:hover {
-    border-bottom-color: unset;
-    color: var(--dsa-wc-link-hover-on-base-color);
-  }
-  .dsa-link--on-sitemap:hover {
+  .dsa-link.dsa-link--on-sitemap:hover {
     border-bottom-style: solid;
     border-bottom-width: var(--dsa-wc-link-underline-thickness);
-    color: var(--dsa-color-text-on-layer-primary);
   }
-  .dsa-link--on-contrasted:hover {
+  .dsa-link.dsa-link--on-contrasted:hover {
     color: var(--dsa-wc-link-hover-on-contrasted-color);
   }
-  .dsa-link--on-layer:hover {
+  .dsa-link.dsa-link--on-layer:hover {
     color: var(--dsa-wc-link-hover-on-layer-color);
   }
-  .dsa-link--floating-menu:hover {
+  .dsa-link.dsa-link--floating-menu:hover {
     color: var(--dsa-wc-link-hover-floating-menu-color);
   }
   .dsa-link:visited {
     color: var(--dsa-wc-link-visited-on-base-color);
   }
-  .dsa-link--with-prefix:visited,
-  .dsa-link--with-suffix:visited {
+  .dsa-link.dsa-link--on-sitemap:visited {
     color: var(--dsa-wc-link-visited-on-base-color);
   }
-  .dsa-link--on-sitemap:visited {
-    color: var(--dsa-wc-link-visited-on-base-color);
-  }
-  .dsa-link--on-contrasted:visited {
+  .dsa-link.dsa-link--on-contrasted:visited {
     color: var(--dsa-wc-link-visited-on-contrasted-color);
   }
-  .dsa-link--on-layer:visited {
+  .dsa-link.dsa-link--on-layer:visited {
     color: var(--dsa-wc-link-visited-on-layer-color);
   }
-  .dsa-link--floating-menu:visited {
+  .dsa-link.dsa-link--floating-menu:visited {
     color: var(--dsa-wc-link-visited-floating-menu-color);
   }
   .dsa-link:active {
     color: var(--dsa-wc-link-active-on-base-color);
   }
-  .dsa-link--with-prefix:active,
-  .dsa-link--with-suffix:active {
-    color: var(--dsa-wc-link-active-on-base-color);
-  }
-  .dsa-link--on-sitemap:active {
+  .dsa-link.dsa-link--on-sitemap:active {
     color: var(--dsa-wc-link-active-on-base-color);
   }
-  .dsa-link--on-contrasted:active {
+  .dsa-link.dsa-link--on-contrasted:active {
     color: var(--dsa-wc-link-active-on-contrasted-color);
   }
-  .dsa-link--on-layer:active {
+  .dsa-link.dsa-link--on-layer:active {
     color: var(--dsa-wc-link-active-on-layer-color);
   }
-  .dsa-link--floating-menu:active {
+  .dsa-link.dsa-link--floating-menu:active {
     color: var(--dsa-wc-link-active-floating-menu-color);
   }
   .dsa-link:focus-visible {
@@ -2781,8 +2766,7 @@ export default css`
     display: grid;
     gap: var(--dsa-grid-gap);
     grid-template-columns: repeat(4, 1fr);
-    margin-left: var(--dsa-grid-padding);
-    margin-right: var(--dsa-grid-padding);
+    margin-inline: var(--dsa-grid-padding);
   }
   .dsa-grid-container-with-sidebar {
     --dsa-grid-with-sidebar-gap: 24px;
@@ -2790,8 +2774,7 @@ export default css`
     display: grid;
     gap: var(--dsa-grid-with-sidebar-gap);
     grid-template-columns: repeat(8, 1fr);
-    margin-left: var(--dsa-grid-with-sidebar-padding);
-    margin-right: var(--dsa-grid-with-sidebar-padding);
+    margin-inline: var(--dsa-grid-with-sidebar-padding);
   }
   @media only screen and (min-width: 600px) {
     .dsa-grid-container {
@@ -2840,8 +2823,7 @@ export default css`
     width: 328px;
     grid-template-columns: repeat(4, 1fr);
     gap: 16px;
-    margin-left: 16px;
-    margin-right: 16px;
+    margin-inline: 16px;
   }
 
   .dsa-table {
@@ -2887,14 +2869,6 @@ export default css`
     border-block-end: var(--dsa-wc-table-cell-border-size) solid
       var(--dsa-wc-table-cell-border-color);
   }
-  .dsa-table-header-cell {
-    padding: var(--dsa-wc-table-header-cell-padding-y)
-      var(--dsa-wc-table-header-cell-padding-x);
-  }
-  .dsa-table-cell {
-    padding: var(--dsa-wc-table-cell-padding-y)
-      var(--dsa-wc-table-cell-padding-x);
-  }
   .dsa-table-header-cell--hover {
     background: var(--dsa-wc-table-header-cell-background-hover);
   }

package/dist/translations/en-gb.js

@@ -1,7 +1,7 @@
 import {
   en_default,
   registerTranslation
-} from "../chunks/chunk.WHHYA5VY.js";
+} from "../chunks/chunk.34HS7ICN.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/translations/en.js

@@ -1,6 +1,6 @@
 import {
   en_default
-} from "../chunks/chunk.WHHYA5VY.js";
+} from "../chunks/chunk.34HS7ICN.js";
 import "../chunks/chunk.N3L4GIUO.js";
 export {
   en_default as default

package/dist/translations/fr.js

@@ -1,6 +1,6 @@
 import {
   fr_default
-} from "../chunks/chunk.WHHYA5VY.js";
+} from "../chunks/chunk.34HS7ICN.js";
 import "../chunks/chunk.N3L4GIUO.js";
 export {
   fr_default as default

package/dist/utilities/helpers.d.ts

@@ -1,2 +1,4 @@
 export declare function normalizeStr(str: string): string;
+export declare function setAttributeIfDifferent(element: Element, name: string, value: string): void;
+export declare function removeAttributeIfPresent(element: Element, name: string): void;
 export declare function isMacOS(): boolean;

package/dist/utilities/helpers.js

@@ -1,9 +1,13 @@
 import {
   isMacOS,
-  normalizeStr
-} from "../chunks/chunk.FLRB45SF.js";
+  normalizeStr,
+  removeAttributeIfPresent,
+  setAttributeIfDifferent
+} from "../chunks/chunk.PSYTLBRK.js";
 import "../chunks/chunk.N3L4GIUO.js";
 export {
   isMacOS,
-  normalizeStr
+  normalizeStr,
+  removeAttributeIfPresent,
+  setAttributeIfDifferent
 };

package/dist/utilities/localize.d.ts

@@ -69,6 +69,8 @@ export interface Translation extends DefaultTranslation {
     showExpandedTableRowHeader: string;
     showExpandedTableRow: string;
     hideExpandedTableRow: string;
+    reorderTableRowsHeader: string;
+    startReorderTableRow: string;
     cnsaFooterLogoLabel: string;
     openAll: string;
     closeAll: string;

package/dist/utilities/localize.js

@@ -1,7 +1,7 @@
 import {
   LocalizeController,
   registerTranslation
-} from "../chunks/chunk.WHHYA5VY.js";
+} from "../chunks/chunk.34HS7ICN.js";
 import "../chunks/chunk.N3L4GIUO.js";
 export {
   LocalizeController,

package/dist/utilities/storybook.js

@@ -1,4 +1,4 @@
-import "../chunks/chunk.TP5XEQ2O.js";
+import "../chunks/chunk.ELOLGOFM.js";
 import "../chunks/chunk.UVGAHM33.js";
 import "../chunks/chunk.GYWU4AAB.js";
 import "../chunks/chunk.WOMQVTNZ.js";
@@ -6,7 +6,7 @@ import "../chunks/chunk.B4BZKR24.js";
 import "../chunks/chunk.D6XRV35U.js";
 import "../chunks/chunk.HPDCOGLH.js";
 import "../chunks/chunk.PWL7QCVG.js";
-import "../chunks/chunk.WHHYA5VY.js";
+import "../chunks/chunk.34HS7ICN.js";
 import "../chunks/chunk.QB2NJE2Y.js";
 import "../chunks/chunk.SVWU6JW4.js";
 import "../chunks/chunk.TUVJKY7S.js";

package/dist/vscode.html-custom-data.json

@@ -325,6 +325,12 @@
       ],
       "references": []
     },
+    {
+      "name": "dsa-breadcrumb",
+      "description": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.\n---\n\n\n### **Slots:**\n - _default_ - One or more breadcrumb items to display.",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "dsa-breadcrumb-item",
       "description": "Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.\n---\n\n\n### **Slots:**\n - _default_ - The breadcrumb item's label.\n- **prefix** - An optional prefix, usually an icon or icon button.\n- **suffix** - An optional suffix, usually an icon or icon button.",
@@ -352,12 +358,6 @@
       ],
       "references": []
     },
-    {
-      "name": "dsa-breadcrumb",
-      "description": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.\n---\n\n\n### **Slots:**\n - _default_ - One or more breadcrumb items to display.",
-      "attributes": [],
-      "references": []
-    },
     {
       "name": "dsa-button",
       "description": "Buttons represent actions that are available to the user.\n---\n\n\n### **Events:**\n - **dsa-blur** - Emitted when the button loses focus.\n- **dsa-focus** - Emitted when the button gains focus.\n- **dsa-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n- **dsa-change** - Emitted when a toggle button changes its pressed state.\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The button's label.\n- **prefix** - A presentational prefix icon or similar element.\n- **suffix** - A presentational suffix icon or similar element.",
@@ -1969,6 +1969,11 @@
           "name": "mobile",
           "description": "Controls whether the header search is rendered in its mobile version or in its desktop version",
           "values": []
+        },
+        {
+          "name": "placeholder",
+          "description": "Provides a custom placeholder for the search input",
+          "values": []
         }
       ],
       "references": []
@@ -2131,7 +2136,8 @@
           "name": "hoist",
           "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
           "values": []
-        }
+        },
+        { "name": "disabled-date-error", "values": [] }
       ],
       "references": []
     },
@@ -3579,6 +3585,11 @@
           "description": "`true` if this table contains expandable rows",
           "values": []
         },
+        {
+          "name": "reorderable",
+          "description": "`true` if this table contains draggable rows",
+          "values": []
+        },
         {
           "name": "alignment",
           "description": "Used to align content",
@@ -3644,7 +3655,11 @@
       "description": "\n---\n",
       "attributes": [
         { "name": "role", "description": "The table-row's role", "values": [] },
-        { "name": "colspan", "description": "The colspan.", "values": [] },
+        {
+          "name": "colspan",
+          "description": "The colspan. Automatically set based on the number of columns in the table.",
+          "values": []
+        },
         {
           "name": "expanded",
           "description": "`true` if the table row should be expanded.",
@@ -3690,7 +3705,7 @@
     },
     {
       "name": "dsa-table-header-row",
-      "description": "The table header row defines a row of cells in a [table-head](/components/table/table-head) within a [table](/components/table/table)\n---\n\n\n### **Events:**\n - **dsa-table-row-all-change-selection** - Emit when alls rows are selected or unselected upon interaction with the checkbox.\n- **dsa-table-row-change-selection** - Emit when row is selected or unselected upon interaction with the checkbox.\n- **dsa-table-row-click** - Emitted when the user clicks on the table row.\n\n### **Slots:**\n - **Content** - to be placed inside the table header row",
+      "description": "The table header row defines a row of cells in a [table-head](/components/table/table-head) within a [table](/components/table/table)\n---\n\n\n### **Events:**\n - **dsa-table-row-all-change-selection** - Emit when alls rows are selected or unselected upon interaction with the checkbox.\n- **dsa-table-row-reorder-toggle**\n- **dsa-table-row-reorder-move**\n- **dsa-table-row-reorder-drag-start**\n- **dsa-table-row-reorder-drag-end**\n- **dsa-table-row-change-selection** - Emit when row is selected or unselected upon interaction with the checkbox.\n- **dsa-table-row-click** - Emitted when the user clicks on the table row.\n\n### **Slots:**\n - **Content** - to be placed inside the table header row",
       "attributes": [
         { "name": "role", "description": "The table-row's role", "values": [] },
         {
@@ -3712,6 +3727,16 @@
           "description": "Draws the row in a expanded state to show content underneath",
           "values": []
         },
+        {
+          "name": "reorderable",
+          "description": "`true` if this row can be rearranged by the user.",
+          "values": []
+        },
+        {
+          "name": "rearranging",
+          "description": "`true` if this row is currently in rearrange mode.",
+          "values": []
+        },
         {
           "name": "expanded",
           "description": "`true` if row expanded is draw",
@@ -3742,6 +3767,11 @@
           "description": "The `value` attribute for the `<checkbox>` for selection.",
           "values": []
         },
+        {
+          "name": "reorder-label",
+          "description": "The `aria-label` attribute for the reorder button.",
+          "values": []
+        },
         {
           "name": "loading",
           "description": "Displays a loading state.",
@@ -3774,7 +3804,7 @@
     },
     {
       "name": "dsa-table-row",
-      "description": "The table row defines a row of cells in a [table](/components/table)\n---\n\n\n### **Events:**\n - **dsa-table-row-change-selection** - Emit when row is selected or unselected upon interaction with the checkbox.\n- **dsa-table-row-click** - Emitted when the user clicks on the table row.\n\n### **Slots:**\n - **Content** - to be placed inside the table row",
+      "description": "The table row defines a row of cells in a [table](/components/table)\n---\n\n\n### **Events:**\n - **dsa-table-row-reorder-toggle**\n- **dsa-table-row-reorder-move**\n- **dsa-table-row-reorder-drag-start**\n- **dsa-table-row-reorder-drag-end**\n- **dsa-table-row-change-selection** - Emit when row is selected or unselected upon interaction with the checkbox.\n- **dsa-table-row-click** - Emitted when the user clicks on the table row.\n\n### **Slots:**\n - **Content** - to be placed inside the table row",
       "attributes": [
         { "name": "role", "description": "The table-row's role", "values": [] },
         {
@@ -3796,6 +3826,16 @@
           "description": "Draws the row in a expanded state to show content underneath",
           "values": []
         },
+        {
+          "name": "reorderable",
+          "description": "`true` if this row can be rearranged by the user.",
+          "values": []
+        },
+        {
+          "name": "rearranging",
+          "description": "`true` if this row is currently in rearrange mode.",
+          "values": []
+        },
         {
           "name": "expanded",
           "description": "`true` if row expanded is draw",
@@ -3826,6 +3866,11 @@
           "description": "The `value` attribute for the `<checkbox>` for selection.",
           "values": []
         },
+        {
+          "name": "reorder-label",
+          "description": "The `aria-label` attribute for the reorder button.",
+          "values": []
+        },
         {
           "name": "loading",
           "description": "Displays a loading state.",
@@ -4132,6 +4177,11 @@
             { "name": "leaf" },
             { "name": "parent" }
           ]
+        },
+        {
+          "name": "disable-checkbox-sync",
+          "description": "Disables checkbox synchronization between parent and child nodes when the tree's selection mode is `multiple`.",
+          "values": []
         }
       ],
       "references": []