@ds-autonomie/web-components 1.16.1 → 1.16.2

package/dist/custom-elements.json

@@ -270,6 +270,16 @@
                 "text": "HTMLElement"
               }
             },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The alert's title.",
+              "attribute": "title"
+            },
             {
               "kind": "field",
               "name": "open",
@@ -373,6 +383,15 @@
             }
           ],
           "attributes": [
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The alert's title.",
+              "fieldName": "title"
+            },
             {
               "name": "open",
               "type": {
@@ -7021,7 +7040,15 @@
               "name": "text-right"
             }
           ],
-          "members": [],
+          "members": [
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(\n    this,\n    'text-left',\n    'text-right'\n  )"
+            }
+          ],
           "superclass": {
             "name": "ShoelaceElement",
             "module": "/src/internal/shoelace-element"
@@ -13349,6 +13376,15 @@
               "description": "Custom label for the number of items per page",
               "attribute": "items-per-page-label"
             },
+            {
+              "kind": "field",
+              "name": "navAriaLabel",
+              "type": {
+                "text": "string"
+              },
+              "description": "Custom aria-label for the pagination <nav> element",
+              "attribute": "nav-aria-label"
+            },
             {
               "kind": "field",
               "name": "navigationType",
@@ -13488,6 +13524,14 @@
               "description": "Custom label for the number of items per page",
               "fieldName": "itemsPerPageLabel"
             },
+            {
+              "name": "nav-aria-label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Custom aria-label for the pagination <nav> element",
+              "fieldName": "navAriaLabel"
+            },
             {
               "name": "navigation-type",
               "type": {
@@ -23576,6 +23620,111 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/table/table-action/table-action.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSATableAction",
+          "slots": [
+            {
+              "description": "Used to indicate the number of selected items.",
+              "name": "label"
+            },
+            {
+              "description": "Used to contain the actions.",
+              "name": "action"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "closeButton",
+              "type": {
+                "text": "DSAButton"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "`true` if it should be visible.",
+              "attribute": "show",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleClose",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleShowChange"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the close button is activated.",
+              "name": "dsa-table-actions-close"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "`true` if it should be visible.",
+              "fieldName": "show"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "module": "/src/internal/shoelace-element"
+          },
+          "summary": "The table-actions allows to perform actions on a table selected items. Can be used inside the `action` slot of a `dsa-table-container` component.",
+          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/tableau-table/actions-multiples-table-action/web-BixUCCat",
+          "dependencies": [
+            "dsa-button",
+            "dsa-divider",
+            "dsa-icon"
+          ],
+          "tagName": "dsa-table-action",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DSATableAction",
+            "module": "components/table/table-action/table-action.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "dsa-table-action",
+          "declaration": {
+            "name": "DSATableAction",
+            "module": "components/table/table-action/table-action.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/navbar/navbar-menu/navbar-menu.js",
@@ -23836,111 +23985,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/table/table-action/table-action.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "DSATableAction",
-          "slots": [
-            {
-              "description": "Used to indicate the number of selected items.",
-              "name": "label"
-            },
-            {
-              "description": "Used to contain the actions.",
-              "name": "action"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "closeButton",
-              "type": {
-                "text": "DSAButton"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "show",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "`true` if it should be visible.",
-              "attribute": "show",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleClose",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleShowChange"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the close button is activated.",
-              "name": "dsa-table-actions-close"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "show",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "`true` if it should be visible.",
-              "fieldName": "show"
-            }
-          ],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "module": "/src/internal/shoelace-element"
-          },
-          "summary": "The table-actions allows to perform actions on a table selected items. Can be used inside the `action` slot of a `dsa-table-container` component.",
-          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/tableau-table/actions-multiples-table-action/web-BixUCCat",
-          "dependencies": [
-            "dsa-button",
-            "dsa-divider",
-            "dsa-icon"
-          ],
-          "tagName": "dsa-table-action",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "DSATableAction",
-            "module": "components/table/table-action/table-action.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "dsa-table-action",
-          "declaration": {
-            "name": "DSATableAction",
-            "module": "components/table/table-action/table-action.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/table/table-body/table-body.js",
@@ -25530,7 +25574,7 @@
   ],
   "package": {
     "name": "@ds-autonomie/web-components",
-    "version": "1.16.1",
+    "version": "1.16.2",
     "author": "CNSA",
     "license": "MIT"
   }

package/dist/design-system.js

@@ -66,7 +66,7 @@ import {
 import "./chunks/chunk.FZODQJBF.js";
 import {
   DSAFilterSelect
-} from "./chunks/chunk.I7SW3V2A.js";
+} from "./chunks/chunk.NXQ42SSB.js";
 import "./chunks/chunk.YOLAIUYX.js";
 import {
   DSATree
@@ -85,8 +85,8 @@ import {
 } from "./chunks/chunk.RYD4BVIA.js";
 import {
   DSATextarea
-} from "./chunks/chunk.UAC34KI2.js";
-import "./chunks/chunk.QE5KX6GC.js";
+} from "./chunks/chunk.VLSSVYAB.js";
+import "./chunks/chunk.6TASDLIO.js";
 import {
   DSATooltip
 } from "./chunks/chunk.R6572W75.js";
@@ -163,7 +163,7 @@ import "./chunks/chunk.KD5BVWTU.js";
 import "./chunks/chunk.VO6MIHUM.js";
 import {
   DSAPagination
-} from "./chunks/chunk.2B2LL7AI.js";
+} from "./chunks/chunk.Z5LJXDHJ.js";
 import "./chunks/chunk.PFGVYROJ.js";
 import {
   DSAPaginationButton
@@ -202,18 +202,18 @@ import {
 } from "./chunks/chunk.IER4ZBFV.js";
 import {
   DSAInputMask
-} from "./chunks/chunk.6GBDSLDV.js";
-import "./chunks/chunk.IJAP6FX7.js";
+} from "./chunks/chunk.QDXCYEAZ.js";
+import "./chunks/chunk.4DRKFRDB.js";
 import {
   DSAInputPhone
-} from "./chunks/chunk.KFFAVINP.js";
+} from "./chunks/chunk.EAP74BQL.js";
 import {
   DSASelect
-} from "./chunks/chunk.U5EXTR5D.js";
-import "./chunks/chunk.ULHEP5Y6.js";
+} from "./chunks/chunk.PNTPO2DN.js";
+import "./chunks/chunk.ZWVWEQGL.js";
 import {
   DSAOption
-} from "./chunks/chunk.YCOCNU2O.js";
+} from "./chunks/chunk.BAU3732X.js";
 import {
   DSAVisuallyHidden
 } from "./chunks/chunk.DSGUQNN4.js";
@@ -228,16 +228,16 @@ import "./chunks/chunk.7OLEA3GQ.js";
 import {
   getPhoneConfig
 } from "./chunks/chunk.65HTBW2L.js";
-import "./chunks/chunk.MYXTAE6O.js";
+import "./chunks/chunk.43EIYNTL.js";
 import {
   DSAInclude
 } from "./chunks/chunk.FHDPJN6L.js";
 import "./chunks/chunk.NNBOLKWI.js";
 import {
   DSAInput
-} from "./chunks/chunk.JUG6IFUT.js";
+} from "./chunks/chunk.TRKYAEYS.js";
 import "./chunks/chunk.KBT2EKLF.js";
-import "./chunks/chunk.APYW2WVZ.js";
+import "./chunks/chunk.VC3XT47N.js";
 import {
   DSAHeaderExternalLink
 } from "./chunks/chunk.OZWZRPR2.js";
@@ -273,7 +273,7 @@ import {
 import "./chunks/chunk.SUFR3KIW.js";
 import {
   DSAFooterMandatoryMentions
-} from "./chunks/chunk.ZVIBE4XH.js";
+} from "./chunks/chunk.MJ3ZLDHO.js";
 import "./chunks/chunk.G4ODEI4O.js";
 import {
   DSAFooterSitemap
@@ -313,7 +313,7 @@ import {
 import "./chunks/chunk.SZ2VCGC3.js";
 import {
   DSACombobox
-} from "./chunks/chunk.TJHLVV2Q.js";
+} from "./chunks/chunk.AMIXGL74.js";
 import {
   DSATag
 } from "./chunks/chunk.A2AK34DU.js";
@@ -322,10 +322,10 @@ import {
   DSAPopup
 } from "./chunks/chunk.V5J2RAQ5.js";
 import "./chunks/chunk.XD5JM6WF.js";
-import "./chunks/chunk.AWHBPZCA.js";
+import "./chunks/chunk.2UZSRWJ7.js";
 import {
   DSADialog
-} from "./chunks/chunk.M6LJDR7Y.js";
+} from "./chunks/chunk.CKBRIIGV.js";
 import "./chunks/chunk.ISAFRNR2.js";
 import "./chunks/chunk.EMIT7S33.js";
 import "./chunks/chunk.LFYUJOPU.js";
@@ -398,11 +398,11 @@ import "./chunks/chunk.XWUQFDIN.js";
 import "./chunks/chunk.BVRGK5ZO.js";
 import {
   DSAAccordion
-} from "./chunks/chunk.WFCZZ5Y7.js";
-import "./chunks/chunk.FYTGBKGY.js";
+} from "./chunks/chunk.7DHGAM7P.js";
+import "./chunks/chunk.VDOVUA55.js";
 import {
   DSAAlert
-} from "./chunks/chunk.VFWCJMJG.js";
+} from "./chunks/chunk.IDAQJSVV.js";
 import {
   DSAIconButton
 } from "./chunks/chunk.IEBTPGUT.js";

package/dist/themes/dsa-wc-theme.css

@@ -354,9 +354,6 @@
   --dsa-wc-menu-accordion-button-padding: var(--dsa-spacing-16);
   --dsa-wc-menu-accordion-body-padding: 0 var(--dsa-spacing-16);
   --dsa-wc-menu-accordion-button-focus-ring-offset: -3px;
-  --dsa-wc-select-input-font: var(--dsa-font-medium-normal);
-  --dsa-wc-select-input-font-small: var(--dsa-font-small-normal);
-  --dsa-wc-select-input-font-large: var(--dsa-font-large-normal);
   --dsa-wc-option-color: var(--dsa-color-text-on-base-primary);
   --dsa-wc-option-hover-color: var(--dsa-color-option-hover-background);
   --dsa-wc-option-error-color: var(--dsa-color-icon-on-base-error);
@@ -1043,7 +1040,7 @@
   --dsa-wc-tag-medium-height: 32px;
   --dsa-wc-tag-medium-padding-y: 0.75rem;
   --dsa-wc-tag-large-font-size: var(--dsa-font-medium-normal);
-  --dsa-wc-tag-large-height: 41px;
+  --dsa-wc-tag-large-height: 40px;
   --dsa-wc-tag-large-padding-y: 1rem;
   --dsa-wc-tag-green-700-on-base: var(
     --dsa-color-tag-simple-green-on-dark-background
@@ -1405,9 +1402,9 @@
   --dsa-wc-select-padding-y: var(--dsa-spacing-4);
   --dsa-wc-select-padding: var(--dsa-wc-select-padding-y)
     var(--dsa-wc-select-padding-x);
-  --dsa-wc-select-input-font: var(--dsa-font-medium-normal);
-  --dsa-wc-select-input-font-small: var(--dsa-font-small-normal);
-  --dsa-wc-select-input-font-large: var(--dsa-font-large-normal);
+  --dsa-wc-select-input-font: var(--dsa-font-small-normal);
+  --dsa-wc-select-input-font-small: var(--dsa-font-x-small-normal);
+  --dsa-wc-select-input-font-large: var(--dsa-font-medium-normal);
   --dsa-wc-select-listbox-divider-spacing: 0.5rem;
   --dsa-wc-select-listbox-padding-inline: 1.75rem;
   --dsa-wc-select-listbox-border-radius: 0.25rem;
@@ -1415,24 +1412,21 @@
   --dsa-wc-select-listbox-border-color: var(--dsa-color-border-default);
   --dsa-wc-select-listbox-background-color: var(--dsa-color-background-base);
   --dsa-wc-select-icon-margin: 0.75rem;
-  --dsa-wc-select-tag-margin-inline-start: 0.25rem;
-  --dsa-wc-select-tag-background: transparent;
-  --dsa-wc-select-tag-color: var(
-    --dsa-color-tag-multiselect-default-on-background-text
-  );
-  --dsa-wc-select-tag-border-color: var(
-    --dsa-color-tag-multiselect-default-on-background-border
+  --dsa-wc-multiselect-tag-margin-inline-start: 0.25rem;
+  --dsa-wc-multiselect-tag-background: var(
+    --dsa-color-tag-multiselect-background
   );
-  --dsa-wc-select-tag-error-background: transparent;
-  --dsa-wc-select-tag-error-color: var(
-    --dsa-color-tag-multiselect-error-on-background
+  --dsa-wc-multiselect-tag-color: var(
+    --dsa-color-tag-multiselect-default-on-background-text
   );
-  --dsa-wc-select-tag-error-border-color: var(
+  --dsa-wc-multiselect-tag-border-color: var(
     --dsa-color-tag-multiselect-default-on-background-border
   );
-  --dsa-wc-combobox-input-font: var(--dsa-font-medium-normal);
-  --dsa-wc-combobox-input-font-small: var(--dsa-font-small-normal);
-  --dsa-wc-combobox-input-font-large: var(--dsa-font-large-normal);
+  --dsa-wc-multiselect-tag-border-radius: var(--dsa-radius-4);
+  --dsa-wc-multiselect-tag-padding-inline: var(--dsa-spacing-4);
+  --dsa-wc-combobox-input-font: var(--dsa-font-small-normal);
+  --dsa-wc-combobox-input-font-small: var(--dsa-font-x-small-normal);
+  --dsa-wc-combobox-input-font-large: var(--dsa-font-medium-normal);
   --dsa-wc-combobox-listbox-divider-spacing: 0.5rem;
   --dsa-wc-combobox-listbox-padding-inline: 1.75rem;
   --dsa-wc-combobox-listbox-border-radius: 0.25rem;
@@ -1444,23 +1438,6 @@
   --dsa-wc-combobox-empty-label-font: var(--dsa-font-small-normal);
   --dsa-wc-combobox-listbox-padding-inline: 1.75rem;
   --dsa-wc-combobox-icon-margin: 0.75rem;
-  --dsa-wc-combobox-tag-margin-inline-start: 0.25rem;
-  --dsa-wc-combobox-tag-background: transparent;
-  --dsa-wc-combobox-tag-color: var(
-    --dsa-color-tag-multiselect-default-on-background-text
-  );
-  --dsa-wc-combobox-tag-border-radius: var(--dsa-radius-4);
-  --dsa-wc-combobox-tag-padding-inline: var(--dsa-spacing-4);
-  --dsa-wc-combobox-tag-border-color: var(
-    --dsa-color-tag-multiselect-default-on-background-border
-  );
-  --dsa-wc-combobox-tag-error-background: transparent;
-  --dsa-wc-combobox-tag-error-color: var(
-    --dsa-color-tag-multiselect-error-on-background
-  );
-  --dsa-wc-combobox-tag-error-border-color: var(
-    --dsa-color-tag-multiselect-error-border
-  );
   --dsa-wc-combobox-expand-icon-error-color: var(
     --dsa-color-icon-on-base-error
   );