@ds-autonomie/web-components 2.3.0 → 2.4.0

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

@@ -369,7 +369,7 @@ export default css`
     --dsa-wc-tab-color-disabled: var(--dsa-color-tab-disabled);
     --dsa-wc-tab-color-hover: var(--dsa-color-tab-hover);
     --dsa-wc-tab-color-active-tab: var(--dsa-color-tab-active);
-    --dsa-wc-tab-padding: var(--dsa-spacing-16) var(--dsa-spacing-24);
+    --dsa-wc-tab-padding: var(--dsa-spacing-12) var(--dsa-spacing-24);
     --dsa-wc-tab-closable-padding-inline-start: var(--dsa-spacing-8);
     --dsa-wc-tab-close-size: var(--dsa-spacing-16);
     --dsa-wc-tab-close-padding: 0;
@@ -391,6 +391,13 @@ export default css`
     );
     --dsa-wc-icon-button-border-radius: var(--dsa-radius-4);
     --dsa-wc-icon-button-padding: var(--dsa-spacing-8);
+    --dsa-wc-icon-button-size--2xsmall: 0.625rem;
+    --dsa-wc-icon-button-size--xsmall: 0.75rem;
+    --dsa-wc-icon-button-size--small: 0.875rem;
+    --dsa-wc-icon-button-size--medium: 1rem;
+    --dsa-wc-icon-button-size--large: 1.25rem;
+    --dsa-wc-icon-button-size--xlarge: 1.5rem;
+    --dsa-wc-icon-button-size--2xlarge: 2.25rem;
     --dsa-wc-card-color: var(--dsa-color-card-on-background);
     --dsa-wc-card-body-font: var(--dsa-font-medium-normal);
     --dsa-wc-card-title-font: var(--dsa-font-medium-bold);
@@ -423,8 +430,8 @@ export default css`
     --dsa-wc-download-card-document-info-color: var(
       --dsa-color-text-on-base-secondary
     );
-    --dsa-wc-download-card-icon-color: var(--dsa-color-link-on-base-default);
-    --dsa-wc-download-card-icon-size: 24px;
+    --dsa-wc-download-card-icon-color: var(--dsa-color-text-on-base-primary);
+    --dsa-wc-download-card-icon-size: 1.5rem;
     --dsa-wc-download-card-border-width: 1px;
     --dsa-wc-download-card-border-color: var(--dsa-color-border-default);
     --dsa-wc-download-card-border-color-hover: var(--dsa-color-border-hover);
@@ -432,6 +439,12 @@ export default css`
     --dsa-wc-download-card-border-color-active: var(
       --dsa-color-background-selected
     );
+    --dsa-wc-download-link-icon-size--xlarge: 2rem;
+    --dsa-wc-download-link-icon-size--large: 1.75rem;
+    --dsa-wc-download-link-icon-size--medium: 1.5rem;
+    --dsa-wc-download-link-icon-size--small: 1.25rem;
+    --dsa-wc-download-link-icon-size--xsmall: 1rem;
+    --dsa-wc-download-link-icon-size--2xsmall: 0.875rem;
     --dsa-wc-menu-background-color: var(--dsa-color-background-base);
     --dsa-wc-menu-border: solid 1px var(--dsa-color-border-default);
     --dsa-wc-menu-border-radius: var(--dsa-spacing-4);
@@ -534,17 +547,15 @@ export default css`
       var(--dsa-spacing-8);
     --dsa-wc-option-prefix-suffix-inline-padding: var(--dsa-spacing-8);
     --dsa-wc-option-large-prefix-suffix-inline-padding: var(--dsa-spacing-12);
-    --dsa-wc-badge-font: var(--dsa-font-x-small-bold);
     --dsa-wc-badge-small-font: var(--dsa-font-2x-small-bold);
-    --dsa-wc-badge-dot-padding: 8px;
-    --dsa-wc-badge-dot-small-padding: 4px;
-    --dsa-wc-badge-text-padding: 6px 9px;
-    --dsa-wc-badge-text-small-padding: 3px 5px;
-    --dsa-wc-badge-padding: 6px 9px;
-    --dsa-wc-badge-small-padding: 3px 5px;
-    --dsa-wc-badge-text-min-width: 24px;
-    --dsa-wc-badge-text-small-min-width: 16px;
-    --dsa-wc-badge-border-radius: 32px;
+    --dsa-wc-badge-medium-font: var(--dsa-font-x-small-bold);
+    --dsa-wc-badge-dot-small-padding: 0.25rem;
+    --dsa-wc-badge-dot-medium-padding: 0.5rem;
+    --dsa-wc-badge-text-small-padding: 0.125rem 0.5rem;
+    --dsa-wc-badge-text-medium-padding: 0.35rem 0.7rem;
+    --dsa-wc-badge-text-medium-min-width: 1.5rem;
+    --dsa-wc-badge-text-small-min-width: 1rem;
+    --dsa-wc-badge-border-radius: 2rem;
     --dsa-wc-badge-background-color-primary: var(
       --dsa-color-badge-background-default
     );
@@ -1218,14 +1229,14 @@ export default css`
     --dsa-wc-tag-border-radius: var(--dsa-radius-32);
     --dsa-wc-tag-icon-spacing: var(--dsa-spacing-4);
     --dsa-wc-tag-small-font-size: var(--dsa-font-x-small-normal);
-    --dsa-wc-tag-small-height: 24px;
-    --dsa-wc-tag-small-padding-y: 0.5rem;
+    --dsa-wc-tag-small-height: 1.5rem;
+    --dsa-wc-tag-small-padding: 0 0.5rem;
     --dsa-wc-tag-medium-font-size: var(--dsa-font-small-normal);
-    --dsa-wc-tag-medium-height: 32px;
-    --dsa-wc-tag-medium-padding-y: 0.75rem;
+    --dsa-wc-tag-medium-height: 2rem;
+    --dsa-wc-tag-medium-padding: 0 0.75rem;
     --dsa-wc-tag-large-font-size: var(--dsa-font-medium-normal);
-    --dsa-wc-tag-large-height: 40px;
-    --dsa-wc-tag-large-padding-y: 1rem;
+    --dsa-wc-tag-large-height: 2.5rem;
+    --dsa-wc-tag-large-padding: 0 1rem;
     --dsa-wc-tag-green-700-on-base: var(
       --dsa-color-tag-simple-green-on-dark-background
     );
@@ -1419,6 +1430,7 @@ export default css`
     --dsa-wc-breadcrumb-item-spacing: 0.5rem;
     --dsa-wc-breadcrumb-item-separator-margin-y: 0.5rem;
     --dsa-wc-breadcrumb-item-icon-color: var(--dsa-color-icon-on-base-default);
+    --dsa-wc-breadcrumb-item-icon-size: 1.125rem;
     --dsa-wc-breadcrumb-item-text-decoration-thickness: 0.125rem;
     --dsa-wc-breadcrumb-item-text-underline-offset: 4px;
     --dsa-wc-breadcrumb-item-outline-offset: 3px;
@@ -1615,9 +1627,7 @@ export default css`
     --dsa-wc-error-text-icon-padding-small: 1.5px;
     --dsa-wc-error-text-icon-padding-large: 1.5px;
     --dsa-wc-error-text-icon-color: var(--dsa-color-icon-error);
-    --dsa-wc-error-text-icon-size: 0.833rem;
-    --dsa-wc-error-text-icon-size-small: 0.729rem;
-    --dsa-wc-error-text-icon-size-large: 0.938rem;
+    --dsa-wc-error-text-icon-size: 1.25em;
     --dsa-wc-error-text-color: var(--dsa-color-input-label-error);
     --dsa-wc-error-text-font: var(--dsa-font-x-small-normal);
     --dsa-wc-error-text-font-small: var(--dsa-font-2x-small-normal);
@@ -1645,6 +1655,7 @@ export default css`
     --dsa-wc-accordion-disabled-icon-color: var(
       --dsa-color-icon-on-base-disabled
     );
+    --dsa-wc-accordion-icon-size: 1.125rem;
     --dsa-wc-accordion-color: var(--dsa-color-text-on-base-primary);
     --dsa-wc-accordion-disabled-color: var(--dsa-color-text-on-base-disabled);
     --dsa-wc-accordion-font: var(--dsa-font-medium-normal);
@@ -1673,6 +1684,7 @@ export default css`
     --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-icon-size: 1rem;
     --dsa-wc-multiselect-tag-margin-inline-start: 0.25rem;
     --dsa-wc-multiselect-tag-background: var(
       --dsa-color-tag-multiselect-background
@@ -1706,6 +1718,7 @@ export default css`
     --dsa-wc-combobox-expand-icon-error-color: var(
       --dsa-color-icon-on-base-error
     );
+    --dsa-wc-combobox-expand-icon-size: 1.125rem;
     --dsa-wc-combobox-clear-button-focus-ring: solid 2px
       var(--dsa-wc-focus-ring-color);
     --dsa-wc-drawer-overlay-color: var(--dsa-color-surface-overlay);
@@ -2003,6 +2016,19 @@ export default css`
     );
     --dsa-wc-header-search-mobile-input-font: var(--dsa-font-small-normal);
     --dsa-wc-header-search-input-font: var(--dsa-font-medium-normal);
+    --dsa-wc-page-header-background: var(--dsa-color-surface-layer);
+    --dsa-wc-page-header-color: var(--dsa-color-text-on-base-primary);
+    --dsa-wc-page-header-padding-x-mobile: var(--dsa-spacing-16);
+    --dsa-wc-page-header-padding-x-desktop: 80px;
+    --dsa-wc-page-header-title-icon-size-mobile: 2.5rem;
+    --dsa-wc-page-header-title-icon-size-desktop: 2rem;
+    --dsa-wc-page-header-title-font-mobile: var(--dsa-font-large-bold);
+    --dsa-wc-page-header-title-font-desktop: var(--dsa-font-x-large-bold);
+    --dsa-wc-page-header-subtitle-font: var(--dsa-font-medium-normal);
+    --dsa-wc-page-header-secondary-text-font: var(--dsa-font-small-normal);
+    --dsa-wc-page-header-secondary-text-color: var(
+      --dsa-color-text-on-base-secondary
+    );
     --dsa-wc-profile-button-border-radius: 40px;
     --dsa-wc-profile-button-font: var(--dsa-font-small-normal);
     --dsa-wc-profile-button-background: var(--dsa-color-background-base);
@@ -2040,7 +2066,6 @@ export default css`
       --dsa-color-table-header-cell-default-background
     );
     --dsa-wc-table-header-row-color: var(--dsa-color-text-on-base-primary);
-    --dsa-wc-table-header-row-height: 2.5rem;
     --dsa-wc-table-cell-padding-y: var(--dsa-spacing-4);
     --dsa-wc-table-cell-padding-x: var(--dsa-spacing-8);
     --dsa-wc-table-cell-border-color: var(--dsa-color-divider-background);
@@ -2140,12 +2165,13 @@ export default css`
     --dsa-wc-filter-button-hover-background-color: var(
       --dsa-color-primitive-colors-identity-purple-100
     );
+    --dsa-wc-filter-button-icon-size: 1.125rem;
     --dsa-wc-filter-button-drawer-min-height: var(--dsa-spacing-48);
     --dsa-wc-filter-button-drawer-padding: var(--dsa-spacing-8)
       var(--dsa-spacing-12);
     --dsa-filter-panel-min-width: 280px;
     --dsa-filter-panel-max-height: 760px;
-    --dsa-wc-calendar-width: 280px;
+    --dsa-wc-calendar-width: 17.5rem;
     --dsa-wc-calendar-radius: var(--dsa-radius-4);
     --dsa-wc-calendar-background-color: var(--dsa-color-background-base);
     --dsa-wc-calendar-font-color: var(--dsa-color-text-on-base-primary);
@@ -2155,7 +2181,7 @@ export default css`
     --dsa-wc-calendar-header-color: var(--dsa-color-text-on-base-secondary);
     --dsa-wc-calendar-cell-font: var(--dsa-font-small-normal);
     --dsa-wc-calendar-cell-color: var(--dsa-color-text-on-base-primary);
-    --dsa-wc-calendar-cell-size: 36px;
+    --dsa-wc-calendar-cell-size: 2.25rem;
     --dsa-wc-calendar-cell-padding: var(--dsa-spacing-8);
     --dsa-wc-calendar-cell-overflow-color: var(
       --dsa-color-primitive-colors-neutral-650
@@ -2323,12 +2349,21 @@ export default css`
     border-bottom-style: solid;
     transition: border-width 0.1s ease-out;
   }
-  .dsa-link--with-prefix,
-  .dsa-link--with-suffix {
-    display: inline-flex;
-    flex-direction: row;
-    align-items: center;
-    gap: var(--dsa-spacing-8);
+  .dsa-link--with-prefix > dsa-icon,
+  .dsa-link--with-suffix > dsa-icon {
+    margin-bottom: -0.1875rem;
+  }
+  .dsa-link--with-prefix > dsa-icon {
+    margin-right: var(--dsa-spacing-4);
+  }
+  .dsa-link--with-suffix > dsa-icon {
+    margin-left: var(--dsa-spacing-4);
+  }
+  .dsa-link--with-prefix.dsa-link--with-suffix > dsa-icon:first-of-type {
+    margin-left: 0;
+  }
+  .dsa-link--with-prefix.dsa-link--with-suffix > dsa-icon:last-of-type {
+    margin-right: 0;
   }
   .dsa-link--on-sitemap {
     transition: none;
@@ -2353,6 +2388,7 @@ 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 {
@@ -2484,4 +2520,62 @@ export default css`
     width: 360px;
     grid-template-columns: repeat(4, 1fr);
   }
+
+  .dsa-table {
+    width: 100%;
+    border-spacing: 0;
+  }
+  .dsa-table .dsa-table-header-row,
+  .dsa-table .dsa-table-row {
+    block-size: var(--dsa-wc-table-row-medium-height);
+  }
+  .dsa-table--small .dsa-table-header-row,
+  .dsa-table--small .dsa-table-row {
+    block-size: var(--dsa-wc-table-row-small-height);
+  }
+  .dsa-table--large .dsa-table-header-row,
+  .dsa-table--large .dsa-table-row {
+    block-size: var(--dsa-wc-table-row-large-height);
+  }
+  .dsa-table-header-row {
+    font: var(--dsa-wc-table-header-row-font);
+    background: var(--dsa-wc-table-header-row-background);
+    color: var(--dsa-wc-table-header-row-color);
+  }
+  .dsa-table-row {
+    border: none;
+    background: var(--dsa-wc-table-row-background);
+    font: var(--dsa-wc-table-row-font);
+    color: var(--dsa-wc-table-row-color);
+  }
+  .dsa-table-row:hover {
+    background: var(--dsa-wc-table-row-hover-background);
+  }
+  .dsa-table-header-cell[colspan]:not([colspan="1"]) {
+    text-align: center;
+  }
+  .dsa-table-header-cell,
+  .dsa-table-cell {
+    box-sizing: border-box;
+    padding: var(--dsa-wc-table-header-cell-padding-y)
+      var(--dsa-wc-table-header-cell-padding-x);
+    vertical-align: middle;
+    text-align: start;
+    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);
+  }
+  .dsa-table-cell--hover {
+    background: var(--dsa-wc-table-row-hover-background);
+  }
 `;

package/dist/translations/en-gb.js

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

package/dist/translations/en.js

@@ -1,6 +1,6 @@
 import {
   en_default
-} from "../chunks/chunk.U7ZMMMJ3.js";
+} from "../chunks/chunk.YWHYMKYI.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   en_default as default

package/dist/translations/fr.js

@@ -1,6 +1,6 @@
 import {
   fr_default
-} from "../chunks/chunk.U7ZMMMJ3.js";
+} from "../chunks/chunk.YWHYMKYI.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   fr_default as default

package/dist/utilities/date.js

@@ -6,7 +6,7 @@ import {
   isValidDate,
   monthLength,
   parseDate
-} from "../chunks/chunk.6BXZEG5L.js";
+} from "../chunks/chunk.YBWQADCH.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   getDateFromISO,

package/dist/utilities/localize.d.ts

@@ -57,6 +57,7 @@ export interface Translation extends DefaultTranslation {
     dsaGoToHomepage: string;
     search: string;
     cancel: string;
+    showTableActionsAnnouncement: string;
     selectAllTableRows: string;
     selectRow: string;
     showExpandedTableRowHeader: string;
@@ -67,6 +68,7 @@ export interface Translation extends DefaultTranslation {
     deselectAll: string;
     selectAll: string;
     seeAll: (totalAmount: number) => string;
+    seeMore: string;
     columns: string;
     increase: string;
     decrease: string;

package/dist/utilities/localize.js

@@ -1,7 +1,7 @@
 import {
   LocalizeController,
   registerTranslation
-} from "../chunks/chunk.U7ZMMMJ3.js";
+} from "../chunks/chunk.YWHYMKYI.js";
 import "../chunks/chunk.S3NI7NKU.js";
 export {
   LocalizeController,

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

@@ -4,7 +4,7 @@
   "tags": [
     {
       "name": "dsa-accordion",
-      "description": "Accordion show a brief summary and expand to show additional content.\n---\n\n\n### **Events:**\n - **dsa-show** - Emitted when the accordion opens.\n- **dsa-after-show** - Emitted after the accordion opens and all animations are complete.\n- **dsa-hide** - Emitted when the accordion closes.\n- **dsa-after-hide** - Emitted after the accordion closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the accordion.\n- **hide()** - Hides the accordion\n\n### **Slots:**\n - _default_ - The accordion's main content.\n- **summary** - The accordion's summary. Alternatively, you can use the `summary` attribute.",
+      "description": "Accordion show a brief summary and expand to show additional content.\n---\n\n\n### **Events:**\n - **dsa-show** - Emitted when the accordion opens.\n- **dsa-after-show** - Emitted after the accordion opens and all animations are complete.\n- **dsa-hide** - Emitted when the accordion closes.\n- **dsa-after-hide** - Emitted after the accordion closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the accordion.\n- **hide()** - Hides the accordion\n\n### **Slots:**\n - _default_ - The accordion's main content.\n- **summary** - The accordion's summary. Alternatively, you can use the `summary` attribute.\n- **actions** -  Additional actions, which will be visible in the accordion's header.",
       "attributes": [
         {
           "name": "open",
@@ -684,6 +684,11 @@
           "description": "The checkbox groups's help text. If you need to display HTML, use the `help-text` slot instead.",
           "values": []
         },
+        {
+          "name": "description",
+          "description": "Provides an accessible description for the element",
+          "values": []
+        },
         {
           "name": "name",
           "description": "The name of the checkbox group, submitted as a name/value pair with form data.",
@@ -789,6 +794,11 @@
           "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
           "values": []
         },
+        {
+          "name": "visible-list-length",
+          "description": "The number of options that will be displayed by default in the list. Clicking on the \"show more\" button will display\nthis number much of new items in the list",
+          "values": []
+        },
         {
           "name": "debounce-timeout",
           "description": "Delay between when a user types into an input. It affects the `dsa-input` event.",
@@ -799,6 +809,7 @@
           "description": "When using asynchronous option loading, allows to specify the fetching state",
           "values": [
             { "name": "" },
+            { "name": "idle" },
             { "name": "loading" },
             { "name": "error" },
             { "name": "success" }
@@ -2471,6 +2482,18 @@
       ],
       "references": []
     },
+    {
+      "name": "dsa-page-header",
+      "description": "The page header offers elements of information on the page (title, actions, etc.).\n---\n\n\n### **Slots:**\n - **breadcrumb** - Breadcrumb component (dsa-breadcrumb).\n- **backlink** - Link to the previous page.\n- **title-icon** - Icon before the title (dsa-icon).\n- **title** - Title of the page.\n- **tags** - Tags related to the page.\n- **subtitle** - Subtitle of the page.\n- **secondary-text** - Additional information for the page.\n- **actions** - Actions related to the page.\n- _default_ - Custom additional content.\n\n### **CSS Properties:**\n - **--page-header-max-width** - Custom value for the header content maximum width _(default: undefined)_\n- **--page-header-padding-inline** - Custom value for the header inline padding _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "mobile",
+          "description": "Controls whether the page header is rendered in its mobile version or in its desktop version",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "dsa-pagination",
       "description": "\n---\n",
@@ -2758,7 +2781,7 @@
         },
         {
           "name": "indeterminate",
-          "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
+          "description": "When true, percentage is ignored, the value is hidden, and the progress bar is drawn in an indeterminate state.",
           "values": []
         },
         {
@@ -2892,6 +2915,11 @@
           "description": "The radio groups's help text. If you need to display HTML, use the `help-text` slot instead.",
           "values": []
         },
+        {
+          "name": "description",
+          "description": "Provides an accessible description for the element",
+          "values": []
+        },
         {
           "name": "name",
           "description": "The name of the radio group, submitted as a name/value pair with form data.",
@@ -3361,12 +3389,17 @@
     },
     {
       "name": "dsa-tab-group",
-      "description": "Tab groups organize content into a container that shows one section at a time.\n---\n\n\n### **Events:**\n - **dsa-tab-show** - Emitted when a tab is shown.\n- **dsa-tab-hide** - Emitted when a tab is hidden.\n\n### **Methods:**\n - **show(panel: _string_)** - Shows the specified tab panel.\n\n### **Slots:**\n - _default_ - Used for grouping tab panels in the tab group. Must be `<dsa-tab-panel>` elements.\n- **nav** - Used for grouping tabs in the tab group. Must be `<dsa-tab>` elements.",
+      "description": "Tab groups organize content into a container that shows one section at a time.\n---\n\n\n### **Events:**\n - **dsa-tab-show** - Emitted when a tab is shown.\n- **dsa-tab-hide** - Emitted when a tab is hidden.\n\n### **Methods:**\n - **show(panel: _string_)** - Shows the specified tab panel.\n\n### **Slots:**\n - _default_ - Used for grouping tab panels in the tab group. Must be `<dsa-tab-panel>` elements.\n- **nav** - Used for grouping tabs in the tab group. Must be `<dsa-tab>` elements.\n\n### **CSS Properties:**\n - **--tab-group-max-width** - Custom value for the tab-group content maximum width _(default: undefined)_\n- **--tab-group-padding-inline** - Custom value for the tab-group inline padding _(default: undefined)_",
       "attributes": [
         {
           "name": "activation",
           "description": "When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.",
           "values": [{ "name": "auto" }, { "name": "manual" }]
+        },
+        {
+          "name": "below-page-header",
+          "description": "Whether the tab group is below the page header",
+          "values": []
         }
       ],
       "references": []
@@ -3453,7 +3486,7 @@
     {
       "name": "dsa-table-caption",
       "description": "The table caption defines the caption (or title) of a [table](/components/table/table)\n---\n\n\n### **Slots:**\n - **title** - The table caption's title\n- **subtitle** - The table caption's subtitle\n- **total-items** - Used to display the number of results. Used in association with the `dsa-table` component.",
-      "attributes": [],
+      "attributes": [{ "name": "total-items-label", "values": [] }],
       "references": []
     },
     {
@@ -3472,7 +3505,8 @@
           "name": "show-table-actions",
           "description": "`true` if table actions should be shown.",
           "values": []
-        }
+        },
+        { "name": "actions-announcement", "values": [] }
       ],
       "references": []
     },