@ds-autonomie/web-components 2.3.1 → 2.4.0

package/cdn/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/cdn/translations/en-gb.js

@@ -1,6 +1,6 @@
 import {
   en_default
-} from "../chunks/chunk.LICWCBKN.js";
+} from "../chunks/chunk.VARBZAJP.js";
 import {
   registerTranslation
 } from "../chunks/chunk.CAMVBH5H.js";

package/cdn/translations/en.js

@@ -1,6 +1,6 @@
 import {
   en_default
-} from "../chunks/chunk.LICWCBKN.js";
+} from "../chunks/chunk.VARBZAJP.js";
 import "../chunks/chunk.CAMVBH5H.js";
 import "../chunks/chunk.4ZGVANML.js";
 export {

package/cdn/translations/fr.js

@@ -1,6 +1,6 @@
 import {
   fr_default
-} from "../chunks/chunk.LICWCBKN.js";
+} from "../chunks/chunk.VARBZAJP.js";
 import "../chunks/chunk.CAMVBH5H.js";
 import "../chunks/chunk.4ZGVANML.js";
 export {

package/cdn/utilities/date.js

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

package/cdn/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/cdn/utilities/localize.js

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "../chunks/chunk.LICWCBKN.js";
+} from "../chunks/chunk.VARBZAJP.js";
 import {
   registerTranslation
 } from "../chunks/chunk.CAMVBH5H.js";

package/cdn/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",
@@ -2770,51 +2793,51 @@
       "references": []
     },
     {
-      "name": "dsa-quote",
-      "description": "The quote component indicates that the enclosed text is an extended quotation.\n---\n\n\n### **Slots:**\n - **details** - Details about the quote.\n- **image** - Image associated with the quote.",
+      "name": "dsa-progress-ring",
+      "description": "Progress rings are used to show the progress of a determinate operation in a circular fashion.\n---\n",
       "attributes": [
-        { "name": "quote", "description": "The quote's content", "values": [] },
-        { "name": "author", "description": "The quote's Author", "values": [] },
-        {
-          "name": "cite",
-          "description": "The quote's url source",
-          "values": []
-        },
         {
-          "name": "details",
-          "description": "Details about the quote",
+          "name": "value",
+          "description": "The current progress as a percentage, 0 to 100.",
           "values": []
         },
         {
-          "name": "borders",
-          "description": "True if the quote has borders",
+          "name": "label",
+          "description": "A custom label for assistive devices.",
           "values": []
         },
         {
           "name": "size",
-          "description": "Size of the quote",
+          "description": "The progress-ring's size.",
           "values": [{ "name": "small" }, { "name": "medium" }]
         }
       ],
       "references": []
     },
     {
-      "name": "dsa-progress-ring",
-      "description": "Progress rings are used to show the progress of a determinate operation in a circular fashion.\n---\n",
+      "name": "dsa-quote",
+      "description": "The quote component indicates that the enclosed text is an extended quotation.\n---\n\n\n### **Slots:**\n - **details** - Details about the quote.\n- **image** - Image associated with the quote.",
       "attributes": [
+        { "name": "quote", "description": "The quote's content", "values": [] },
+        { "name": "author", "description": "The quote's Author", "values": [] },
         {
-          "name": "value",
-          "description": "The current progress as a percentage, 0 to 100.",
+          "name": "cite",
+          "description": "The quote's url source",
           "values": []
         },
         {
-          "name": "label",
-          "description": "A custom label for assistive devices.",
+          "name": "details",
+          "description": "Details about the quote",
+          "values": []
+        },
+        {
+          "name": "borders",
+          "description": "True if the quote has borders",
           "values": []
         },
         {
           "name": "size",
-          "description": "The progress-ring's size.",
+          "description": "Size of the quote",
           "values": [{ "name": "small" }, { "name": "medium" }]
         }
       ],
@@ -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.",
@@ -3116,12 +3144,6 @@
       ],
       "references": []
     },
-    {
-      "name": "dsa-skip-links",
-      "description": "Skip links allows users to jump directly to specific content areas, bypassing repetitive or navigational elements. Skip links are often placed at the beginning of a web page and are hidden from the visual layout until they receive focus.\n---\n\n\n### **Slots:**\n - _default_ - The link options. Must be `<dsa-skip-link-item>` elements.",
-      "attributes": [],
-      "references": []
-    },
     {
       "name": "dsa-skip-link-item",
       "description": "Skip link item define an hyperlink within a [skip-link](/components/skip-link)\n---\n\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the anchor.\n- **blur()** - Removes focus from the anchor.\n\n### **Slots:**\n - _default_ - The skip-link-item's label",
@@ -3134,6 +3156,12 @@
       ],
       "references": []
     },
+    {
+      "name": "dsa-skip-links",
+      "description": "Skip links allows users to jump directly to specific content areas, bypassing repetitive or navigational elements. Skip links are often placed at the beginning of a web page and are hidden from the visual layout until they receive focus.\n---\n\n\n### **Slots:**\n - _default_ - The link options. Must be `<dsa-skip-link-item>` elements.",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "dsa-spinner",
       "description": "Spinners are used to show the progress of an indeterminate operation.\n---\n\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -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": []
     },