@boostdev/design-system-components 0.1.13 → 0.1.15

package/dist/index.css

@@ -1,22 +1,22 @@
 /* src/components/ui/Accordion/Accordion.module.css */
 @layer component {
-  .bds0113Accordion-accordion {
+  .bds0115Accordion-accordion {
     display: flex;
     flex-direction: column;
     border: 1px solid var(--color_bg--subtle);
     border-radius: var(--border_radius--s);
     overflow: hidden;
   }
-  .bds0113Accordion-item {
+  .bds0115Accordion-item {
     border-bottom: 1px solid var(--color_bg--subtle);
   }
-  .bds0113Accordion-item:last-child {
+  .bds0115Accordion-item:last-child {
     border-bottom: none;
   }
-  .bds0113Accordion-heading {
+  .bds0115Accordion-heading {
     margin: 0;
   }
-  .bds0113Accordion-trigger {
+  .bds0115Accordion-trigger {
     all: unset;
     display: flex;
     align-items: center;
@@ -31,44 +31,44 @@
     transition: var(--animation_transition);
     box-sizing: border-box;
   }
-  .bds0113Accordion-trigger:disabled {
+  .bds0115Accordion-trigger:disabled {
     opacity: 0.4;
     cursor: not-allowed;
   }
-  .bds0113Accordion-trigger:focus-visible {
+  .bds0115Accordion-trigger:focus-visible {
     outline: var(--outline_default);
     outline-offset: calc(var(--outline_offset) * -1);
     border-radius: var(--border_radius--xs);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0113Accordion-trigger:not(:disabled):hover {
+    .bds0115Accordion-trigger:not(:disabled):hover {
       background-color: var(--color_bg--subtle);
     }
   }
-  .bds0113Accordion-triggerLabel {
+  .bds0115Accordion-triggerLabel {
     flex: 1;
     text-align: start;
   }
-  .bds0113Accordion-chevron {
+  .bds0115Accordion-chevron {
     width: 1.25rem;
     height: 1.25rem;
     flex-shrink: 0;
     transition: transform var(--animation_transition-duration) var(--animation_easing);
   }
-  .bds0113Accordion-item.bds0113Accordion---open .bds0113Accordion-chevron {
+  .bds0115Accordion-item.bds0115Accordion---open .bds0115Accordion-chevron {
     transform: rotate(180deg);
   }
-  .bds0113Accordion-panel {
+  .bds0115Accordion-panel {
     overflow: hidden;
   }
-  .bds0113Accordion-panelContent {
+  .bds0115Accordion-panelContent {
     padding: 0 var(--space_m) var(--space_m);
     color: var(--color_on-bg);
     font-size: var(--font_size--body);
     line-height: var(--font_line-height--body);
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0113Accordion-chevron {
+    .bds0115Accordion-chevron {
       transition: none;
     }
   }
@@ -76,58 +76,55 @@
 
 /* src/components/ui/Alert/Alert.module.css */
 @layer component {
-  .bds0113Alert-alert {
-    --alert_bg: var(--color_blue--subtle);
-    --alert_text: var(--color_on-blue--subtle);
-    --alert_border: var(--color_blue);
+  .bds0115Alert-alert {
     display: flex;
     align-items: flex-start;
     gap: var(--space_s);
     padding: var(--space_m);
     border-radius: var(--border_radius--s);
-    border-inline-start: var(--space_s) solid var(--alert_border);
-    background-color: var(--alert_bg);
-    color: var(--alert_text);
+    border-inline-start: var(--space_s) solid var(--alert_border, var(--color_blue));
+    background-color: var(--alert_bg, var(--color_blue--subtle));
+    color: var(--alert_text, var(--color_on-blue--subtle));
     font-size: var(--font_size--body);
     line-height: var(--font_line-height--body);
   }
-  .bds0113Alert---variant_info {
+  .bds0115Alert---variant_info {
     --alert_bg: var(--color_blue--subtle);
     --alert_text: var(--color_on-blue--subtle);
     --alert_border: var(--color_blue);
   }
-  .bds0113Alert---variant_success {
+  .bds0115Alert---variant_success {
     --alert_bg: var(--color_success--subtle);
     --alert_text: var(--color_on-success--subtle);
     --alert_border: var(--color_success);
   }
-  .bds0113Alert---variant_warning {
+  .bds0115Alert---variant_warning {
     --alert_bg: var(--color_orange--subtle);
     --alert_text: var(--color_on-orange--subtle);
     --alert_border: var(--color_warning);
   }
-  .bds0113Alert---variant_error {
+  .bds0115Alert---variant_error {
     --alert_bg: rgb(from var(--color_error) r g b / 12%);
     --alert_text: var(--color_on-bg);
     --alert_border: var(--color_error);
   }
-  .bds0113Alert-icon {
+  .bds0115Alert-icon {
     display: flex;
     align-items: center;
     flex-shrink: 0;
     margin-block-start: 0.1em;
   }
-  .bds0113Alert-content {
+  .bds0115Alert-content {
     flex: 1;
     display: flex;
     flex-direction: column;
     gap: var(--space_xxs);
   }
-  .bds0113Alert-title {
+  .bds0115Alert-title {
     font-weight: var(--font_weight--semibold);
     font-size: var(--font_size--body);
   }
-  .bds0113Alert-dismiss {
+  .bds0115Alert-dismiss {
     all: unset;
     display: flex;
     align-items: center;
@@ -139,16 +136,16 @@
     border: 1px solid currentcolor;
     border-radius: 50%;
   }
-  .bds0113Alert-dismiss svg {
+  .bds0115Alert-dismiss svg {
     width: 1rem;
     height: 1rem;
   }
-  .bds0113Alert-dismiss:focus-visible {
+  .bds0115Alert-dismiss:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0113Alert-dismiss:hover {
+    .bds0115Alert-dismiss:hover {
       opacity: 0.7;
     }
   }
@@ -156,88 +153,81 @@
 
 /* src/components/ui/Avatar/Avatar.module.css */
 @layer component {
-  .bds0113Avatar-avatar {
-    --avatar_size: 3em;
-    --avatar_bg: var(--color_blue);
-    --avatar_text: var(--color_on-blue);
+  .bds0115Avatar-avatar {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    width: var(--avatar_size);
-    height: var(--avatar_size);
+    width: var(--avatar_size, 3em);
+    height: var(--avatar_size, 3em);
     border-radius: 50%;
     overflow: hidden;
     flex-shrink: 0;
   }
-  .bds0113Avatar-avatar.bds0113Avatar---fallback {
-    background-color: var(--avatar_bg);
-    color: var(--avatar_text);
+  .bds0115Avatar-avatar.bds0115Avatar---fallback {
+    background-color: var(--avatar_bg, var(--color_blue));
+    color: var(--avatar_text, var(--color_on-blue));
     font-weight: var(--font_weight--semibold);
   }
-  .bds0113Avatar-avatar.bds0113Avatar---size_small {
+  .bds0115Avatar-avatar.bds0115Avatar---size_small {
     --avatar_size: 2em;
   }
-  .bds0113Avatar-avatar.bds0113Avatar---size_medium {
+  .bds0115Avatar-avatar.bds0115Avatar---size_medium {
     --avatar_size: 3em;
   }
-  .bds0113Avatar-avatar.bds0113Avatar---size_large {
+  .bds0115Avatar-avatar.bds0115Avatar---size_large {
     --avatar_size: 4.5em;
   }
-  .bds0113Avatar-image {
+  .bds0115Avatar-image {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
   }
-  .bds0113Avatar-initials {
+  .bds0115Avatar-initials {
     line-height: 1;
     user-select: none;
     font-size: var(--font_size--body);
   }
-  .bds0113Avatar-avatar.bds0113Avatar---size_small .bds0113Avatar-initials {
+  .bds0115Avatar-avatar.bds0115Avatar---size_small .bds0115Avatar-initials {
     font-size: var(--font_size--body--s);
   }
-  .bds0113Avatar-avatar.bds0113Avatar---size_large .bds0113Avatar-initials {
+  .bds0115Avatar-avatar.bds0115Avatar---size_large .bds0115Avatar-initials {
     font-size: var(--font_size--heading-3);
   }
 }
 
 /* src/components/ui/Badge/Badge.module.css */
 @layer component {
-  .bds0113Badge-badge {
-    --badge_bg: var(--color_blue);
-    --badge_text: var(--color_on-blue);
-    --badge_radius: 2em;
-    --badge_font-size: var(--font_size--body--s);
+  .bds0115Badge-badge {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: var(--space_xxs) var(--space_xs);
-    border-radius: var(--badge_radius);
-    font-size: var(--badge_font-size);
+    border-radius: var(--badge_radius, 2em);
+    font-size: var(--badge_font-size, var(--font_size--body--s));
     font-weight: var(--font_weight--semibold);
     line-height: 1;
     white-space: nowrap;
-    background-color: var(--badge_bg);
-    color: var(--badge_text);
+    background-color: var(--badge_bg, var(--color_blue));
+    color: var(--badge_text, var(--color_on-blue));
   }
-  .bds0113Badge---variant_primary {
+  .bds0115Badge---variant_primary {
     --badge_bg: var(--color_interactive);
     --badge_text: var(--color_on-interactive);
   }
-  .bds0113Badge---variant_secondary {
+  .bds0115Badge---variant_secondary {
     --badge_bg: var(--color_bg);
     --badge_text: var(--color_on-bg);
   }
-  .bds0113Badge---variant_success {
+  .bds0115Badge---variant_success {
     --badge_bg: var(--color_success);
     --badge_text: var(--color_on-success);
   }
-  .bds0113Badge---variant_error {
+  .bds0115Badge---variant_error {
     --badge_bg: var(--color_error);
     --badge_text: var(--color_on-error);
   }
-  .bds0113Badge---variant_warning {
+  .bds0115Badge---variant_warning {
     --badge_bg: var(--color_warning);
     --badge_text: var(--color_on-warning);
   }
@@ -245,10 +235,10 @@
 
 /* src/components/ui/Breadcrumb/Breadcrumb.module.css */
 @layer component {
-  .bds0113Breadcrumb-breadcrumb {
+  .bds0115Breadcrumb-breadcrumb {
     font-size: var(--font_size--body--s);
   }
-  .bds0113Breadcrumb-list {
+  .bds0115Breadcrumb-list {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
@@ -257,40 +247,105 @@
     margin: 0;
     padding: 0;
   }
-  .bds0113Breadcrumb-item {
+  .bds0115Breadcrumb-item {
     display: flex;
     align-items: center;
     gap: var(--space_xxs);
   }
-  .bds0113Breadcrumb-link {
+  .bds0115Breadcrumb-link {
     color: var(--color_interactive);
     text-decoration: none;
     transition: var(--animation_transition);
   }
-  .bds0113Breadcrumb-link:focus-visible {
+  .bds0115Breadcrumb-link:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
     border-radius: var(--border_radius--xs);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0113Breadcrumb-link:hover {
+    .bds0115Breadcrumb-link:hover {
       text-decoration: underline;
       text-underline-offset: 0.2em;
     }
   }
-  .bds0113Breadcrumb-separator {
+  .bds0115Breadcrumb-separator {
     color: var(--color_on-bg--subtle);
     user-select: none;
   }
-  .bds0113Breadcrumb-current {
+  .bds0115Breadcrumb-current {
     color: var(--color_on-bg--subtle);
     font-weight: var(--font_weight--semibold);
   }
 }
 
+/* src/components/ui/Collapsible/Collapsible.module.css */
+@layer component {
+  .bds0115Collapsible-collapsible {
+    border: var(--collapsible_border-width, 1px) solid var(--collapsible_border-color, var(--color_bg--subtle));
+    border-radius: var(--collapsible_border-radius, var(--border_radius--m));
+    overflow: hidden;
+  }
+  .bds0115Collapsible-summary {
+    list-style: none;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space_m);
+    padding: var(--space_m);
+    cursor: pointer;
+    font-weight: var(--font_weight--semibold);
+    font-size: var(--font_size--body);
+    color: var(--collapsible_color, var(--color_on-bg));
+    background-color: var(--collapsible_bg, var(--color_bg));
+    user-select: none;
+    transition: var(--animation_transition);
+  }
+  .bds0115Collapsible-summary::-webkit-details-marker {
+    display: none;
+  }
+  .bds0115Collapsible-summary:focus-visible {
+    outline: var(--outline_default);
+    outline-offset: calc(var(--outline_offset) * -1);
+  }
+  @media (hover: hover) and (pointer: fine) {
+    .bds0115Collapsible-summary:hover {
+      background-color: var(--collapsible_bg--hover, var(--color_bg--subtle));
+    }
+  }
+  .bds0115Collapsible-collapsible[open] > .bds0115Collapsible-summary {
+    border-block-end: var(--collapsible_border-width, 1px) solid var(--collapsible_border-color, var(--color_bg--subtle));
+  }
+  .bds0115Collapsible-summaryContent {
+    flex: 1;
+  }
+  .bds0115Collapsible-icon {
+    width: 0.5rem;
+    height: 0.5rem;
+    border-right: 2px solid currentcolor;
+    border-bottom: 2px solid currentcolor;
+    transform: rotate(45deg);
+    flex-shrink: 0;
+    transition: transform var(--animation_transition-duration) var(--animation_easing);
+  }
+  .bds0115Collapsible-collapsible[open] > .bds0115Collapsible-summary .bds0115Collapsible-icon {
+    transform: rotate(-135deg);
+  }
+  .bds0115Collapsible-content {
+    padding: var(--space_m);
+    color: var(--collapsible_on-color, var(--color_on-bg));
+    font-size: var(--font_size--body);
+    line-height: var(--font_line-height--body);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .bds0115Collapsible-icon {
+      transition: none;
+    }
+  }
+}
+
 /* src/components/ui/Calendar/Calendar.module.css */
 @layer component {
-  .bds0113Calendar-calendar {
+  .bds0115Calendar-calendar {
     display: inline-flex;
     flex-direction: column;
     gap: var(--space_s);
@@ -301,17 +356,17 @@
     box-shadow: var(--shadow_s);
     width: 20rem;
   }
-  .bds0113Calendar-header {
+  .bds0115Calendar-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
   }
-  .bds0113Calendar-monthYear {
+  .bds0115Calendar-monthYear {
     font-size: var(--font_size--body);
     font-weight: var(--font_weight--semibold);
     color: var(--color_on-bg);
   }
-  .bds0113Calendar-navBtn {
+  .bds0115Calendar-navBtn {
     all: unset;
     display: flex;
     align-items: center;
@@ -323,35 +378,35 @@
     color: var(--color_on-bg);
     transition: var(--animation_transition);
   }
-  .bds0113Calendar-navBtn svg {
+  .bds0115Calendar-navBtn svg {
     width: 1rem;
     height: 1rem;
   }
-  .bds0113Calendar-navBtn:focus-visible {
+  .bds0115Calendar-navBtn:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0113Calendar-navBtn:hover {
+    .bds0115Calendar-navBtn:hover {
       background-color: var(--color_bg--subtle);
     }
   }
-  .bds0113Calendar-grid {
+  .bds0115Calendar-grid {
     border-collapse: collapse;
     width: 100%;
     table-layout: fixed;
   }
-  .bds0113Calendar-weekday {
+  .bds0115Calendar-weekday {
     font-size: var(--font_size--body--s);
     font-weight: var(--font_weight--semibold);
     color: var(--color_on-bg--muted);
     text-align: center;
     padding-block-end: var(--space_xs);
   }
-  .bds0113Calendar-empty {
+  .bds0115Calendar-empty {
     padding: 0;
   }
-  .bds0113Calendar-day {
+  .bds0115Calendar-day {
     all: unset;
     display: flex;
     align-items: center;
@@ -365,30 +420,30 @@
     transition: var(--animation_transition);
     box-sizing: border-box;
   }
-  .bds0113Calendar-day:focus-visible {
+  .bds0115Calendar-day:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0113Calendar-day:not(.bds0113Calendar-disabled, .bds0113Calendar-selected):hover {
+    .bds0115Calendar-day:not(.bds0115Calendar-disabled, .bds0115Calendar-selected):hover {
       background-color: var(--color_bg--subtle);
     }
   }
-  .bds0113Calendar-today {
+  .bds0115Calendar-today {
     border: 2px solid var(--color_interactive);
     font-weight: var(--font_weight--semibold);
   }
-  .bds0113Calendar-selected {
+  .bds0115Calendar-selected {
     background-color: var(--color_interactive);
     color: var(--color_on-interactive);
     font-weight: var(--font_weight--semibold);
   }
-  .bds0113Calendar-disabled {
+  .bds0115Calendar-disabled {
     opacity: 0.35;
     cursor: not-allowed;
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0113Calendar-day {
+    .bds0115Calendar-day {
       transition: none;
     }
   }
@@ -396,13 +451,13 @@
 
 /* src/components/ui/Carousel/Carousel.module.css */
 @layer component {
-  .bds0113Carousel-carousel {
+  .bds0115Carousel-carousel {
     position: relative;
     display: flex;
     align-items: center;
     gap: var(--space_xs);
   }
-  .bds0113Carousel-track {
+  .bds0115Carousel-track {
     display: flex;
     gap: var(--space_m);
     overflow-x: auto;
@@ -411,14 +466,14 @@
     flex: 1;
     scroll-behavior: smooth;
   }
-  .bds0113Carousel-track::-webkit-scrollbar {
+  .bds0115Carousel-track::-webkit-scrollbar {
     display: none;
   }
-  .bds0113Carousel-slide {
+  .bds0115Carousel-slide {
     scroll-snap-align: start;
     flex-shrink: 0;
   }
-  .bds0113Carousel-navBtn {
+  .bds0115Carousel-navBtn {
     all: unset;
     display: flex;
     align-items: center;
@@ -434,21 +489,21 @@
     transition: var(--animation_transition);
     box-shadow: var(--shadow_s);
   }
-  .bds0113Carousel-navBtn svg {
+  .bds0115Carousel-navBtn svg {
     width: 1.25rem;
     height: 1.25rem;
   }
-  .bds0113Carousel-navBtn:focus-visible {
+  .bds0115Carousel-navBtn:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0113Carousel-navBtn:hover {
+    .bds0115Carousel-navBtn:hover {
       background-color: var(--color_bg--subtle);
     }
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0113Carousel-track {
+    .bds0115Carousel-track {
       scroll-behavior: auto;
     }
   }
@@ -456,7 +511,7 @@
 
 /* src/components/ui/DescriptionList/DescriptionList.module.css */
 @layer component {
-  .bds0113DescriptionList-list {
+  .bds0115DescriptionList-list {
     display: flex;
     flex-direction: column;
     gap: var(--space_s);
@@ -465,63 +520,61 @@
     font-size: var(--font_size--body);
     color: var(--color_on-bg);
   }
-  .bds0113DescriptionList-group {
+  .bds0115DescriptionList-group {
     display: flex;
     flex-direction: column;
     gap: var(--space_xxs);
   }
-  .bds0113DescriptionList-term {
+  .bds0115DescriptionList-term {
     font-weight: var(--font_weight--semibold);
     color: var(--color_on-bg);
   }
-  .bds0113DescriptionList-details {
+  .bds0115DescriptionList-details {
     margin: 0;
     color: var(--color_on-bg--muted);
   }
-  .bds0113DescriptionList---layout_inline .bds0113DescriptionList-group {
+  .bds0115DescriptionList---layout_inline .bds0115DescriptionList-group {
     display: grid;
     grid-template-columns: minmax(8rem, 1fr) 2fr;
     gap: var(--space_xs);
     align-items: baseline;
   }
-  .bds0113DescriptionList---layout_inline .bds0113DescriptionList-term {
+  .bds0115DescriptionList---layout_inline .bds0115DescriptionList-term {
     grid-column: 1;
   }
-  .bds0113DescriptionList---layout_inline .bds0113DescriptionList-details {
+  .bds0115DescriptionList---layout_inline .bds0115DescriptionList-details {
     grid-column: 2;
   }
 }
 
 /* src/components/ui/Link/Link.module.css */
 @layer component {
-  .bds0113Link-link {
-    --link_color: var(--color_interactive);
-    --link_color-hover: var(--color_blue--strong);
-    color: var(--link_color);
+  .bds0115Link-link {
+    color: var(--link_color, var(--color_interactive));
     text-decoration: underline;
     text-underline-offset: 0.2em;
     transition: var(--animation_transition);
     cursor: pointer;
   }
-  .bds0113Link-link:focus-visible {
+  .bds0115Link-link:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
     border-radius: var(--border_radius--xs);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0113Link-link:hover {
-      --link_color: var(--link_color-hover);
+    .bds0115Link-link:hover {
+      --link_color: var(--link_color-hover, var(--color_blue--strong));
     }
   }
-  .bds0113Link---variant_default {
+  .bds0115Link---variant_default {
     --link_color: var(--color_interactive);
     --link_color-hover: var(--color_blue--strong);
   }
-  .bds0113Link---variant_subtle {
+  .bds0115Link---variant_subtle {
     --link_color: var(--color_on-bg);
     --link_color-hover: var(--color_interactive);
   }
-  .bds0113Link---variant_standalone {
+  .bds0115Link---variant_standalone {
     --link_color: var(--color_interactive);
     --link_color-hover: var(--color_blue--strong);
     display: inline-flex;
@@ -531,12 +584,12 @@
     text-decoration: none;
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0113Link---variant_standalone:hover {
+    .bds0115Link---variant_standalone:hover {
       text-decoration: underline;
       text-underline-offset: 0.2em;
     }
   }
-  .bds0113Link-externalLabel {
+  .bds0115Link-externalLabel {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -551,12 +604,12 @@
 
 /* src/components/ui/Loading/Loading.module.css */
 @layer component {
-  .bds0113Loading-loading {
+  .bds0115Loading-loading {
     display: flex;
     justify-content: center;
     align-items: center;
   }
-  .bds0113Loading-spinner {
+  .bds0115Loading-spinner {
     width: 2.5em;
     height: 2.5em;
     border: 4px solid var(--color_bg);
@@ -564,12 +617,12 @@
     border-radius: 50%;
     animation: spin 1s linear infinite;
   }
-  .bds0113Loading---size_small .bds0113Loading-spinner {
+  .bds0115Loading---size_small .bds0115Loading-spinner {
     width: 1.5em;
     height: 1.5em;
     border-width: 2px;
   }
-  .bds0113Loading---size_large .bds0113Loading-spinner {
+  .bds0115Loading---size_large .bds0115Loading-spinner {
     width: 4em;
     height: 4em;
     border-width: 6px;
@@ -586,48 +639,45 @@
 
 /* src/components/ui/NotificationBanner/NotificationBanner.module.css */
 @layer component {
-  .bds0113NotificationBanner-banner {
-    --banner_bg: var(--color_blue--subtle);
-    --banner_text: var(--color_on-blue--subtle);
-    --banner_border: var(--color_blue);
+  .bds0115NotificationBanner-banner {
     display: flex;
     align-items: center;
     gap: var(--space_m);
     padding: var(--space_s) var(--space_m);
-    background-color: var(--banner_bg);
-    color: var(--banner_text);
-    border-block-end: 3px solid var(--banner_border);
+    background-color: var(--banner_bg, var(--color_blue--subtle));
+    color: var(--banner_text, var(--color_on-blue--subtle));
+    border-block-end: 3px solid var(--banner_border, var(--color_blue));
     font-size: var(--font_size--body);
     line-height: var(--font_line-height--body);
     width: 100%;
   }
-  .bds0113NotificationBanner---variant_info {
+  .bds0115NotificationBanner---variant_info {
     --banner_bg: var(--color_blue--subtle);
     --banner_text: var(--color_on-blue--subtle);
     --banner_border: var(--color_blue);
   }
-  .bds0113NotificationBanner---variant_success {
+  .bds0115NotificationBanner---variant_success {
     --banner_bg: var(--color_success--subtle);
     --banner_text: var(--color_on-success--subtle);
     --banner_border: var(--color_success);
   }
-  .bds0113NotificationBanner---variant_warning {
+  .bds0115NotificationBanner---variant_warning {
     --banner_bg: var(--color_orange--subtle);
     --banner_text: var(--color_on-orange--subtle);
     --banner_border: var(--color_warning);
   }
-  .bds0113NotificationBanner---variant_error {
+  .bds0115NotificationBanner---variant_error {
     --banner_bg: rgb(from var(--color_error) r g b / 12%);
     --banner_text: var(--color_on-bg);
     --banner_border: var(--color_error);
   }
-  .bds0113NotificationBanner-content {
+  .bds0115NotificationBanner-content {
     flex: 1;
   }
-  .bds0113NotificationBanner-action {
+  .bds0115NotificationBanner-action {
     flex-shrink: 0;
   }
-  .bds0113NotificationBanner-dismiss {
+  .bds0115NotificationBanner-dismiss {
     all: unset;
     display: flex;
     align-items: center;
@@ -639,16 +689,16 @@
     border: 1px solid currentcolor;
     transition: var(--animation_transition);
   }
-  .bds0113NotificationBanner-dismiss svg {
+  .bds0115NotificationBanner-dismiss svg {
     width: 1rem;
     height: 1rem;
   }
-  .bds0113NotificationBanner-dismiss:focus-visible {
+  .bds0115NotificationBanner-dismiss:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0113NotificationBanner-dismiss:hover {
+    .bds0115NotificationBanner-dismiss:hover {
       opacity: 0.7;
     }
   }
@@ -656,11 +706,11 @@
 
 /* src/components/ui/Pagination/Pagination.module.css */
 @layer component {
-  .bds0113Pagination-pagination {
+  .bds0115Pagination-pagination {
     display: flex;
     justify-content: center;
   }
-  .bds0113Pagination-list {
+  .bds0115Pagination-list {
     display: flex;
     align-items: center;
     gap: var(--space_xxs);
@@ -668,10 +718,7 @@
     margin: 0;
     padding: 0;
   }
-  .bds0113Pagination-button {
-    --btn_bg: transparent;
-    --btn_color: var(--color_on-bg);
-    --btn_border: var(--color_bg--subtle);
+  .bds0115Pagination-button {
     all: unset;
     display: inline-flex;
     align-items: center;
@@ -680,9 +727,9 @@
     height: 2.25rem;
     padding-inline: var(--space_xs);
     border-radius: var(--border_radius--xs);
-    border: 1px solid var(--btn_border);
-    background-color: var(--btn_bg);
-    color: var(--btn_color);
+    border: 1px solid var(--btn_border, var(--color_bg--subtle));
+    background-color: var(--btn_bg, transparent);
+    color: var(--btn_color, var(--color_on-bg));
     font-family: var(--font_family--body);
     font-size: var(--font_size--body);
     font-variant-numeric: tabular-nums;
@@ -690,30 +737,30 @@
     transition: var(--animation_transition);
     box-sizing: border-box;
   }
-  .bds0113Pagination-button:disabled {
+  .bds0115Pagination-button:disabled {
     opacity: 0.4;
     cursor: not-allowed;
   }
-  .bds0113Pagination-button:focus-visible {
+  .bds0115Pagination-button:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0113Pagination-button:not(:disabled, .bds0113Pagination---active):hover {
+    .bds0115Pagination-button:not(:disabled, .bds0115Pagination---active):hover {
       --btn_bg: var(--color_bg--subtle);
       --btn_color: var(--color_interactive);
     }
   }
-  .bds0113Pagination-button.bds0113Pagination---active {
+  .bds0115Pagination-button.bds0115Pagination---active {
     --btn_bg: var(--color_interactive);
     --btn_color: var(--color_on-interactive);
     --btn_border: var(--color_interactive);
   }
-  .bds0113Pagination-button.bds0113Pagination---nav svg {
+  .bds0115Pagination-button.bds0115Pagination---nav svg {
     width: 1rem;
     height: 1rem;
   }
-  .bds0113Pagination-ellipsis {
+  .bds0115Pagination-ellipsis {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -727,50 +774,49 @@
 
 /* src/components/ui/Progress/Progress.module.css */
 @layer component {
-  .bds0113Progress-container {
+  .bds0115Progress-container {
     display: flex;
     flex-direction: column;
     gap: var(--space_xxs);
     width: 100%;
   }
-  .bds0113Progress-labelRow {
+  .bds0115Progress-labelRow {
     display: flex;
     justify-content: space-between;
     align-items: baseline;
     font-size: var(--font_size--body--s);
     color: var(--color_on-bg);
   }
-  .bds0113Progress-label {
+  .bds0115Progress-label {
     font-weight: var(--font_weight--semibold);
   }
-  .bds0113Progress-value {
+  .bds0115Progress-value {
     font-variant-numeric: tabular-nums;
   }
-  .bds0113Progress-track {
-    --progress_height: var(--space_xs);
+  .bds0115Progress-track {
     width: 100%;
-    height: var(--progress_height);
+    height: var(--progress_height, var(--space_xs));
     background-color: var(--color_bg--subtle);
     border-radius: 999px;
     overflow: hidden;
   }
-  .bds0113Progress-track.bds0113Progress---size_small {
+  .bds0115Progress-track.bds0115Progress---size_small {
     --progress_height: var(--space_xxs);
   }
-  .bds0113Progress-track.bds0113Progress---size_medium {
+  .bds0115Progress-track.bds0115Progress---size_medium {
     --progress_height: var(--space_xs);
   }
-  .bds0113Progress-track.bds0113Progress---size_large {
+  .bds0115Progress-track.bds0115Progress---size_large {
     --progress_height: var(--space_s);
   }
-  .bds0113Progress-fill {
+  .bds0115Progress-fill {
     height: 100%;
     background-color: var(--progress_color-active, var(--color_active));
     border-radius: 999px;
     transition: width var(--animation_transition-duration) var(--animation_easing);
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0113Progress-fill {
+    .bds0115Progress-fill {
       transition: none;
     }
   }
@@ -778,23 +824,23 @@
 
 /* src/components/ui/ProgressCircle/ProgressCircle.module.css */
 @layer component {
-  .bds0113ProgressCircle-wrapper {
+  .bds0115ProgressCircle-wrapper {
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-content: center;
   }
-  .bds0113ProgressCircle-svg {
+  .bds0115ProgressCircle-svg {
     display: block;
   }
-  .bds0113ProgressCircle-track {
+  .bds0115ProgressCircle-track {
     stroke: var(--color_bg--subtle);
   }
-  .bds0113ProgressCircle-fill {
+  .bds0115ProgressCircle-fill {
     stroke: var(--progressCircle_color-active, var(--color_active));
     transition: stroke-dashoffset var(--animation_transition-duration) var(--animation_easing);
   }
-  .bds0113ProgressCircle-value {
+  .bds0115ProgressCircle-value {
     position: absolute;
     font-size: var(--font_size--body--s);
     font-weight: var(--font_weight--semibold);
@@ -802,17 +848,17 @@
     color: var(--color_on-bg);
     line-height: 1;
   }
-  .bds0113ProgressCircle---size_small .bds0113ProgressCircle-value {
+  .bds0115ProgressCircle---size_small .bds0115ProgressCircle-value {
     font-size: 0.5rem;
   }
-  .bds0113ProgressCircle---size_medium .bds0113ProgressCircle-value {
+  .bds0115ProgressCircle---size_medium .bds0115ProgressCircle-value {
     font-size: var(--font_size--body--s);
   }
-  .bds0113ProgressCircle---size_large .bds0113ProgressCircle-value {
+  .bds0115ProgressCircle---size_large .bds0115ProgressCircle-value {
     font-size: var(--font_size--body);
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0113ProgressCircle-fill {
+    .bds0115ProgressCircle-fill {
       transition: none;
     }
   }
@@ -820,16 +866,16 @@
 
 /* src/components/ui/Separator/Separator.module.css */
 @layer component {
-  .bds0113Separator-separator {
+  .bds0115Separator-separator {
     border: none;
     background-color: var(--separator_color, var(--color_on-bg));
   }
-  .bds0113Separator-separator.bds0113Separator---horizontal {
+  .bds0115Separator-separator.bds0115Separator---horizontal {
     display: block;
     width: 100%;
     height: var(--separator_thickness, 1px);
   }
-  .bds0113Separator-separator.bds0113Separator---vertical {
+  .bds0115Separator-separator.bds0115Separator---vertical {
     display: inline-block;
     width: var(--separator_thickness, 1px);
     align-self: stretch;
@@ -838,7 +884,7 @@
 
 /* src/components/ui/Skeleton/Skeleton.module.css */
 @layer component {
-  .bds0113Skeleton-skeleton {
+  .bds0115Skeleton-skeleton {
     background:
       linear-gradient(
         90deg,
@@ -862,7 +908,7 @@
 
 /* src/components/ui/SkipLink/SkipLink.module.css */
 @layer component {
-  .bds0113SkipLink-skipLink {
+  .bds0115SkipLink-skipLink {
     position: absolute;
     inset-block-start: var(--space_s);
     inset-inline-start: var(--space_s);
@@ -878,13 +924,13 @@
     transform: translateY(-200%);
     transition: transform var(--animation_transition-duration) var(--animation_easing);
   }
-  .bds0113SkipLink-skipLink:focus-visible {
+  .bds0115SkipLink-skipLink:focus-visible {
     transform: translateY(0);
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0113SkipLink-skipLink {
+    .bds0115SkipLink-skipLink {
       transition: none;
     }
   }
@@ -892,29 +938,29 @@
 
 /* src/components/ui/Table/Table.module.css */
 @layer component {
-  .bds0113Table-wrapper {
+  .bds0115Table-wrapper {
     width: 100%;
     overflow-x: auto;
     border-radius: var(--border_radius--s);
     border: 1px solid var(--color_bg--subtle);
   }
-  .bds0113Table-table {
+  .bds0115Table-table {
     width: 100%;
     border-collapse: collapse;
     font-size: var(--font_size--body);
     font-family: var(--font_family--body);
   }
-  .bds0113Table-caption {
+  .bds0115Table-caption {
     caption-side: top;
     text-align: start;
     padding: var(--space_s) var(--space_m);
     font-weight: var(--font_weight--semibold);
     color: var(--color_on-bg);
   }
-  .bds0113Table-thead {
+  .bds0115Table-thead {
     background-color: var(--color_bg--subtle);
   }
-  .bds0113Table-th {
+  .bds0115Table-th {
     padding: var(--space_s) var(--space_m);
     text-align: start;
     font-weight: var(--font_weight--semibold);
@@ -923,10 +969,10 @@
     white-space: nowrap;
     border-bottom: 1px solid var(--color_bg--subtle);
   }
-  .bds0113Table-th.bds0113Table---sortable {
+  .bds0115Table-th.bds0115Table---sortable {
     padding: 0;
   }
-  .bds0113Table-sortButton {
+  .bds0115Table-sortButton {
     all: unset;
     display: flex;
     align-items: center;
@@ -940,47 +986,47 @@
     transition: var(--animation_transition);
     box-sizing: border-box;
   }
-  .bds0113Table-sortButton:focus-visible {
+  .bds0115Table-sortButton:focus-visible {
     outline: var(--outline_default);
     outline-offset: calc(var(--outline_offset) * -1);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0113Table-sortButton:hover {
+    .bds0115Table-sortButton:hover {
       color: var(--color_on-bg);
     }
   }
-  .bds0113Table-sortIcon {
+  .bds0115Table-sortIcon {
     width: 1rem;
     height: 1rem;
     opacity: 0.4;
     transition: transform var(--animation_transition-duration) var(--animation_easing), opacity var(--animation_transition-duration) var(--animation_easing);
   }
-  .bds0113Table-sortIcon.bds0113Table---sort-active {
+  .bds0115Table-sortIcon.bds0115Table---sort-active {
     opacity: 1;
     color: var(--color_interactive);
   }
-  .bds0113Table-sortIcon.bds0113Table---sort-desc {
+  .bds0115Table-sortIcon.bds0115Table---sort-desc {
     transform: rotate(180deg);
   }
-  .bds0113Table-tbody .bds0113Table-tr {
+  .bds0115Table-tbody .bds0115Table-tr {
     border-bottom: 1px solid var(--color_bg--subtle);
     transition: var(--animation_transition);
   }
-  .bds0113Table-tbody .bds0113Table-tr:last-child {
+  .bds0115Table-tbody .bds0115Table-tr:last-child {
     border-bottom: none;
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0113Table-tbody .bds0113Table-tr:hover {
+    .bds0115Table-tbody .bds0115Table-tr:hover {
       background-color: var(--color_bg--subtle);
     }
   }
-  .bds0113Table-td {
+  .bds0115Table-td {
     padding: var(--space_s) var(--space_m);
     color: var(--color_on-bg);
     vertical-align: middle;
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0113Table-sortIcon {
+    .bds0115Table-sortIcon {
       transition: none;
     }
   }
@@ -988,18 +1034,16 @@
 
 /* src/components/ui/Tabs/Tabs.module.css */
 @layer component {
-  .bds0113Tabs-tabs {
+  .bds0115Tabs-tabs {
     display: flex;
     flex-direction: column;
   }
-  .bds0113Tabs-tabList {
+  .bds0115Tabs-tabList {
     display: flex;
     border-bottom: 1px solid var(--color_bg--subtle);
     gap: var(--space_xxs);
   }
-  .bds0113Tabs-tab {
-    --tab_color: var(--color_on-bg);
-    --tab_border-color: transparent;
+  .bds0115Tabs-tab {
     all: unset;
     display: inline-flex;
     align-items: center;
@@ -1007,34 +1051,34 @@
     font-family: var(--font_family--body);
     font-size: var(--font_size--body);
     font-weight: var(--font_weight--semibold);
-    color: var(--tab_color);
-    border-bottom: 2px solid var(--tab_border-color);
+    color: var(--tab_color, var(--color_on-bg));
+    border-bottom: 2px solid var(--tab_border-color, transparent);
     margin-bottom: -1px;
     cursor: pointer;
     transition: var(--animation_transition);
   }
-  .bds0113Tabs-tab.bds0113Tabs---active {
+  .bds0115Tabs-tab.bds0115Tabs---active {
     --tab_color: var(--color_interactive);
     --tab_border-color: var(--color_interactive);
   }
-  .bds0113Tabs-tab:disabled {
+  .bds0115Tabs-tab:disabled {
     opacity: 0.4;
     cursor: not-allowed;
   }
-  .bds0113Tabs-tab:focus-visible {
+  .bds0115Tabs-tab:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
     border-radius: var(--border_radius--xs);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0113Tabs-tab:not(:disabled, .bds0113Tabs---active):hover {
+    .bds0115Tabs-tab:not(:disabled, .bds0115Tabs---active):hover {
       --tab_color: var(--color_interactive);
     }
   }
-  .bds0113Tabs-panel {
+  .bds0115Tabs-panel {
     padding-block-start: var(--space_m);
   }
-  .bds0113Tabs-panel:focus-visible {
+  .bds0115Tabs-panel:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
@@ -1042,20 +1086,18 @@
 
 /* src/components/ui/Tooltip/Tooltip.module.css */
 @layer component {
-  .bds0113Tooltip-wrapper {
+  .bds0115Tooltip-wrapper {
     position: relative;
     display: inline-flex;
     align-items: center;
   }
-  .bds0113Tooltip-tooltip {
-    --tooltip_bg: var(--color_on-bg);
-    --tooltip_text: var(--color_bg);
+  .bds0115Tooltip-tooltip {
     position: absolute;
     z-index: var(--z-index_popover);
     padding: var(--space_xxs) var(--space_xs);
     border-radius: var(--border_radius--xs);
-    background-color: var(--tooltip_bg);
-    color: var(--tooltip_text);
+    background-color: var(--tooltip_bg, var(--color_on-bg));
+    color: var(--tooltip_text, var(--color_bg));
     font-size: var(--font_size--body--s);
     line-height: var(--font_line-height--body);
     white-space: nowrap;
@@ -1064,33 +1106,33 @@
     opacity: 0;
     transition: opacity var(--animation_transition-duration) var(--animation_easing);
   }
-  .bds0113Tooltip-wrapper:hover .bds0113Tooltip-tooltip,
-  .bds0113Tooltip-wrapper:focus-within .bds0113Tooltip-tooltip {
+  .bds0115Tooltip-wrapper:hover .bds0115Tooltip-tooltip,
+  .bds0115Tooltip-wrapper:focus-within .bds0115Tooltip-tooltip {
     visibility: visible;
     opacity: 1;
   }
-  .bds0113Tooltip---placement_top {
+  .bds0115Tooltip---placement_top {
     bottom: calc(100% + var(--space_xs));
     left: 50%;
     transform: translateX(-50%);
   }
-  .bds0113Tooltip---placement_bottom {
+  .bds0115Tooltip---placement_bottom {
     top: calc(100% + var(--space_xs));
     left: 50%;
     transform: translateX(-50%);
   }
-  .bds0113Tooltip---placement_left {
+  .bds0115Tooltip---placement_left {
     right: calc(100% + var(--space_xs));
     top: 50%;
     transform: translateY(-50%);
   }
-  .bds0113Tooltip---placement_right {
+  .bds0115Tooltip---placement_right {
     left: calc(100% + var(--space_xs));
     top: 50%;
     transform: translateY(-50%);
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0113Tooltip-tooltip {
+    .bds0115Tooltip-tooltip {
       transition: none;
     }
   }
@@ -1098,34 +1140,34 @@
 
 /* src/components/ui/Typography/Typography.module.css */
 @layer component {
-  .bds0113Typography-typography {
+  .bds0115Typography-typography {
     margin: 0;
     font-family: var(--font_family--body);
     color: var(--typography_color, var(--color_on-bg));
   }
-  .bds0113Typography---h1 {
+  .bds0115Typography---h1 {
     font-family: var(--font_family--heading);
     font-size: var(--font_size--heading-1);
     font-weight: var(--font_weight--bold);
     line-height: var(--font_line-height--heading);
   }
-  .bds0113Typography---h2 {
+  .bds0115Typography---h2 {
     font-family: var(--font_family--heading);
     font-size: var(--font_size--heading-2);
     font-weight: var(--font_weight--semibold);
     line-height: var(--font_line-height--heading);
   }
-  .bds0113Typography---h3 {
+  .bds0115Typography---h3 {
     font-family: var(--font_family--heading);
     font-size: var(--font_size--heading-3);
     font-weight: var(--font_weight--semibold);
     line-height: var(--font_line-height--heading);
   }
-  .bds0113Typography---body {
+  .bds0115Typography---body {
     font-size: var(--font_size--body);
     line-height: var(--font_line-height--body);
   }
-  .bds0113Typography---body_s {
+  .bds0115Typography---body_s {
     font-size: var(--font_size--body--s);
     line-height: var(--font_line-height--body);
   }
@@ -1135,109 +1177,102 @@
 @keyframes pulse {
   0% {
     transform: scale(1);
-    box-shadow: 0 0 0 0 rgb(from var(--button_pulse-color) r g b / 50%);
+    box-shadow: 0 0 0 0 rgb(from var(--button_pulse-color, var(--color_cta)) r g b / 50%);
   }
   70% {
     transform: scale(1.01);
-    box-shadow: 0 0 0 var(--space_m) rgb(from var(--button_pulse-color) r g b / 0%);
+    box-shadow: 0 0 0 var(--space_m) rgb(from var(--button_pulse-color, var(--color_cta)) r g b / 0%);
   }
   100% {
     transform: scale(1);
-    box-shadow: 0 0 0 0 rgb(from var(--button_pulse-color) r g b / 0%);
+    box-shadow: 0 0 0 0 rgb(from var(--button_pulse-color, var(--color_cta)) r g b / 0%);
   }
 }
 @layer component {
-  .bds0113Button-button,
-  .bds0113Button-button[href] {
-    --button_height: 3em;
-    --button_font-size: inherit;
-    --button_bg: var(--color_cta);
-    --button_text: var(--color_on-cta);
-    --button_border-color: var(--color_cta);
-    --button_pulse-color: var(--button_bg);
+  .bds0115Button-button,
+  .bds0115Button-button[href] {
     all: unset;
     position: relative;
     font: inherit;
     padding-inline: var(--space_l);
     display: inline-flex;
     gap: var(--space_xs);
-    border-radius: var(--border_radius--s);
+    border-radius: var(--button_border_radius--s, var(--border_radius--s));
     align-items: center;
     cursor: pointer;
     scroll-padding-block-end: var(--space_l);
     justify-content: center;
-    height: var(--button_height);
-    font-size: var(--button_font-size);
+    height: var(--button_height, 3em);
+    font-size: var(--button_font-size, inherit);
     white-space: nowrap;
     line-height: 1;
-    background-color: var(--button_bg);
-    color: var(--button_text);
-    border: 2px solid var(--button_border-color);
+    background-color: var(--button_bg, var(--color_cta));
+    color: var(--button_text, var(--color_on-cta));
+    border: 2px solid var(--button_border-color, var(--color_cta));
     transition: var(--animation_transition);
   }
-  .bds0113Button-button.bds0113Button---primary {
-    --button_bg: var(--color_cta);
-    --button_text: var(--color_on-cta);
+  .bds0115Button-button.bds0115Button---primary {
     --button_border-color: transparent;
   }
-  .bds0113Button-button.bds0113Button---secondary {
+  .bds0115Button-button.bds0115Button---secondary {
     --button_bg: var(--color_bg);
     --button_text: var(--color_on-bg);
     --button_border-color: var(--button_text);
   }
-  .bds0113Button-button.bds0113Button---size_small {
+  .bds0115Button-button.bds0115Button---size_small {
     --button_height: 2.25em;
     --button_font-size: var(--font_size--body--s);
+    --button_border_radius--s: var(--border_radius--xs);
     padding-inline: var(--space_m);
   }
-  .bds0113Button-button.bds0113Button---size_medium {
+  .bds0115Button-button.bds0115Button---size_medium {
     --button_height: 3em;
     padding-inline: var(--space_l);
   }
-  .bds0113Button-button.bds0113Button---size_large {
-    --button_height: 3.75em;
+  .bds0115Button-button.bds0115Button---size_large {
     --button_font-size: var(--font_size--heading-3);
     padding-inline: var(--space_xl);
+    --button_border_radius--s: var(--border_radius--m);
   }
-  .bds0113Button-button.bds0113Button---hasPulse {
+  .bds0115Button-button.bds0115Button---hasPulse {
     animation: pulse 3s infinite;
   }
-  .bds0113Button-button[href] {
+  .bds0115Button-button[href] {
     text-decoration: none;
   }
-  .bds0113Button-button svg {
+  .bds0115Button-button svg {
     --icon__stroke: currentcolor;
     fill: currentcolor;
     color: currentcolor;
     flex-shrink: 0;
   }
-  .bds0113Button-prefix {
+  .bds0115Button-prefix {
     display: flex;
     align-items: center;
     margin-inline-start: calc(var(--space_s) * -1);
     transition: var(--animation_transition);
   }
-  .bds0113Button-suffix {
+  .bds0115Button-suffix {
     display: flex;
     align-items: center;
     margin-inline-end: calc(var(--space_s) * -1);
     transition: var(--animation_transition);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0113Button-button:hover .bds0113Button-prefix svg {
+    .bds0115Button-button:hover .bds0115Button-prefix svg {
       animation: 2s infinite fadeZoom ease-out;
     }
-    .bds0113Button-button:hover .bds0113Button-suffix svg {
+    .bds0115Button-button:hover .bds0115Button-suffix svg {
       animation: 2s infinite fadeZoom ease-out;
     }
   }
-  .bds0113Button-button:focus-visible {
+  .bds0115Button-button:focus-visible {
     outline-offset: var(--outline_offset);
     outline: var(--outline_default);
     border-radius: var(--border_radius--s);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0113Button-button:hover {
+    .bds0115Button-button:hover {
       --button_bg: var(--color_bg);
       --button_text: var(--color_interactive);
       --button_pulse-color: var(--color_interactive);
@@ -1248,7 +1283,7 @@
 
 /* src/components/interaction/Command/Command.module.css */
 @layer component {
-  .bds0113Command-dialog {
+  .bds0115Command-dialog {
     padding: 0;
     border: none;
     border-radius: var(--border_radius--m);
@@ -1258,10 +1293,11 @@
     overflow: visible;
     margin-block-start: 10vh;
   }
-  .bds0113Command-dialog::backdrop {
-    background: rgb(0 0 0 / 50%);
+  .bds0115Command-dialog::backdrop {
+    background-color: var(--command_backdrop-color, rgb(0 0 0 / 50%));
+    backdrop-filter: blur(3px);
   }
-  .bds0113Command-palette {
+  .bds0115Command-palette {
     display: flex;
     flex-direction: column;
     background-color: var(--command_color, var(--color_bg));
@@ -1272,7 +1308,7 @@
     max-height: 70vh;
     border: 1px solid currentcolor;
   }
-  .bds0113Command-searchRow {
+  .bds0115Command-searchRow {
     display: flex;
     align-items: center;
     gap: var(--space_xs);
@@ -1280,13 +1316,13 @@
     border-block-end: 1px solid currentcolor;
     flex-shrink: 0;
   }
-  .bds0113Command-searchIcon {
+  .bds0115Command-searchIcon {
     width: 1.25rem;
     height: 1.25rem;
     color: var(--color_on-bg--muted);
     flex-shrink: 0;
   }
-  .bds0113Command-search {
+  .bds0115Command-search {
     flex: 1;
     border: none;
     outline: none;
@@ -1296,10 +1332,10 @@
     background: transparent;
     min-width: 0;
   }
-  .bds0113Command-search::placeholder {
+  .bds0115Command-search::placeholder {
     color: var(--color_on-bg--muted);
   }
-  .bds0113Command-escHint {
+  .bds0115Command-escHint {
     font-size: var(--font_size--body--s);
     color: var(--color_on-bg--muted);
     border: 1px solid currentcolor;
@@ -1307,18 +1343,18 @@
     padding: 0.1em 0.4em;
     flex-shrink: 0;
   }
-  .bds0113Command-list {
+  .bds0115Command-list {
     overflow-y: auto;
     list-style: none;
     margin: 0;
     padding: var(--space_xs) 0;
   }
-  .bds0113Command-groupList {
+  .bds0115Command-groupList {
     list-style: none;
     margin: 0;
     padding: 0;
   }
-  .bds0113Command-group {
+  .bds0115Command-group {
     padding: var(--space_xs) var(--space_m);
     font-size: var(--font_size--body--s);
     font-weight: var(--font_weight--semibold);
@@ -1326,7 +1362,7 @@
     text-transform: uppercase;
     letter-spacing: 0.05em;
   }
-  .bds0113Command-item {
+  .bds0115Command-item {
     display: flex;
     align-items: center;
     gap: var(--space_s);
@@ -1334,26 +1370,26 @@
     cursor: pointer;
     transition: background-color var(--animation_transition-duration) var(--animation_easing);
   }
-  .bds0113Command-itemActive {
+  .bds0115Command-itemActive {
     background-color: var(--color_bg--subtle);
   }
-  .bds0113Command-itemLabel {
+  .bds0115Command-itemLabel {
     flex: 1;
     font-size: var(--font_size--body);
     color: var(--color_on-bg);
   }
-  .bds0113Command-itemDesc {
+  .bds0115Command-itemDesc {
     font-size: var(--font_size--body--s);
     color: var(--color_on-bg--muted);
   }
-  .bds0113Command-shortcut {
+  .bds0115Command-shortcut {
     font-size: var(--font_size--body--s);
     color: var(--color_on-bg--muted);
     border: 1px solid currentcolor;
     border-radius: var(--border_radius--xs);
     padding: 0.1em 0.4em;
   }
-  .bds0113Command-empty {
+  .bds0115Command-empty {
     padding: var(--space_l) var(--space_m);
     text-align: center;
     color: var(--color_on-bg--muted);
@@ -1363,7 +1399,7 @@
 
 /* src/components/interaction/Dialog/Dialog.module.css */
 @layer component {
-  .bds0113Dialog-dialog {
+  .bds0115Dialog-dialog {
     font-size: var(--font_size--body--s);
     border: 2px solid currentcolor;
     background-color: var(--dialog_color ,var(--color_grey--subtle));
@@ -1374,19 +1410,19 @@
     max-height: 90svh;
     overflow: visible;
   }
-  .bds0113Dialog-dialogContent {
+  .bds0115Dialog-dialogContent {
     display: grid;
     gap: var(--grid_gap);
     overflow-y: auto;
     min-height: 0;
     flex: 1;
   }
-  .bds0113Dialog-closeForm {
+  .bds0115Dialog-closeForm {
     position: absolute;
     inset-block-start: -1em;
     inset-inline-end: -1em;
   }
-  .bds0113Dialog-closeButton {
+  .bds0115Dialog-closeButton {
     all: unset;
     width: 2em;
     height: 2em;
@@ -1399,19 +1435,19 @@
     border: 2px solid currentcolor;
     cursor: pointer;
   }
-  .bds0113Dialog-closeButton svg {
+  .bds0115Dialog-closeButton svg {
     width: 1.25em;
     height: 1.25em;
   }
-  .bds0113Dialog-dialog::backdrop {
+  .bds0115Dialog-dialog::backdrop {
     background-color: var(--dialog_backdrop-color, rgb(0 0 0 / 50%));
-    backdrop-filter: blur(2px);
+    backdrop-filter: blur(3px);
   }
 }
 
 /* src/components/interaction/Drawer/Drawer.module.css */
 @layer component {
-  .bds0113Drawer-drawer {
+  .bds0115Drawer-drawer {
     position: fixed;
     inset: 0;
     margin: 0;
@@ -1424,10 +1460,11 @@
     background: transparent;
     overflow: hidden;
   }
-  .bds0113Drawer-drawer::backdrop {
-    background: rgb(0 0 0 / 50%);
+  .bds0115Drawer-drawer::backdrop {
+    background-color: var(--drawer_backdrop-color, rgb(0 0 0 / 50%));
+    backdrop-filter: blur(3px);
   }
-  .bds0113Drawer-panel {
+  .bds0115Drawer-panel {
     position: absolute;
     inset-block: 0;
     display: flex;
@@ -1438,15 +1475,15 @@
     color: var(--drawer_on-color, var(--color_on-bg));
     box-shadow: var(--shadow_xl);
     overflow: hidden;
-    transition: transform var(--animation_transition-duration) var(--animation_easing);
+    transition: var(--animation_transition);
   }
-  .bds0113Drawer---side_right .bds0113Drawer-panel {
+  .bds0115Drawer---side_right .bds0115Drawer-panel {
     inset-inline-end: 0;
   }
-  .bds0113Drawer---side_left .bds0113Drawer-panel {
+  .bds0115Drawer---side_left .bds0115Drawer-panel {
     inset-inline-start: 0;
   }
-  .bds0113Drawer-header {
+  .bds0115Drawer-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -1454,13 +1491,7 @@
     border-block-end: 1px solid currentcolor;
     flex-shrink: 0;
   }
-  .bds0113Drawer-title {
-    margin: 0;
-    font-size: var(--font_size--heading--s);
-    font-weight: var(--font_weight--semibold);
-    line-height: var(--font_line-height--heading);
-  }
-  .bds0113Drawer-closeButton {
+  .bds0115Drawer-closeButton {
     all: unset;
     display: flex;
     align-items: center;
@@ -1471,26 +1502,26 @@
     cursor: pointer;
     transition: var(--animation_transition);
   }
-  .bds0113Drawer-closeButton svg {
+  .bds0115Drawer-closeButton svg {
     width: 1.25rem;
     height: 1.25rem;
   }
-  .bds0113Drawer-closeButton:focus-visible {
+  .bds0115Drawer-closeButton:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0113Drawer-closeButton:hover {
+    .bds0115Drawer-closeButton:hover {
       background-color: var(--color_bg--subtle);
     }
   }
-  .bds0113Drawer-body {
+  .bds0115Drawer-body {
     flex: 1;
     overflow-y: auto;
     padding: var(--space_l);
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0113Drawer-panel {
+    .bds0115Drawer-panel {
       transition: none;
     }
   }
@@ -1498,11 +1529,11 @@
 
 /* src/components/interaction/DropdownMenu/DropdownMenu.module.css */
 @layer component {
-  .bds0113DropdownMenu-wrapper {
+  .bds0115DropdownMenu-wrapper {
     position: relative;
     display: inline-flex;
   }
-  .bds0113DropdownMenu-menu {
+  .bds0115DropdownMenu-menu {
     position: absolute;
     top: calc(100% + var(--space_xxs));
     z-index: var(--z-index_dropdown);
@@ -1516,19 +1547,19 @@
     list-style: none;
     margin: 0;
   }
-  .bds0113DropdownMenu---placement_bottom-start {
+  .bds0115DropdownMenu---placement_bottom-start {
     left: 0;
   }
-  .bds0113DropdownMenu---placement_bottom-end {
+  .bds0115DropdownMenu---placement_bottom-end {
     right: 0;
   }
-  .bds0113DropdownMenu-separator {
+  .bds0115DropdownMenu-separator {
     border: none;
     border-top: 1px solid currentcolor;
     margin: var(--space_xxs) 0;
     opacity: 0.15;
   }
-  .bds0113DropdownMenu-item {
+  .bds0115DropdownMenu-item {
     all: unset;
     display: flex;
     align-items: center;
@@ -1542,22 +1573,22 @@
     box-sizing: border-box;
     transition: var(--animation_transition);
   }
-  .bds0113DropdownMenu-item:disabled {
+  .bds0115DropdownMenu-item:disabled {
     opacity: 0.4;
     cursor: not-allowed;
   }
-  .bds0113DropdownMenu-item:focus-visible {
+  .bds0115DropdownMenu-item:focus-visible {
     outline: var(--outline_default);
     outline-offset: calc(var(--outline_offset) * -1);
     border-radius: var(--border_radius--xs);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0113DropdownMenu-item:not(:disabled):hover {
+    .bds0115DropdownMenu-item:not(:disabled):hover {
       background-color: var(--color_bg--subtle);
       color: var(--color_interactive);
     }
   }
-  .bds0113DropdownMenu-icon {
+  .bds0115DropdownMenu-icon {
     display: flex;
     align-items: center;
     flex-shrink: 0;
@@ -1566,11 +1597,11 @@
 
 /* src/components/interaction/Popover/Popover.module.css */
 @layer component {
-  .bds0113Popover-wrapper {
+  .bds0115Popover-wrapper {
     position: relative;
     display: inline-flex;
   }
-  .bds0113Popover-panel {
+  .bds0115Popover-panel {
     position: absolute;
     z-index: var(--z-index_popover);
     min-width: 12rem;
@@ -1582,19 +1613,19 @@
     color: var(--popover_on-color, var(--color_on-bg));
     font-size: var(--font_size--body);
   }
-  .bds0113Popover---placement_bottom {
+  .bds0115Popover---placement_bottom {
     top: calc(100% + var(--space_xs));
     left: 0;
   }
-  .bds0113Popover---placement_top {
+  .bds0115Popover---placement_top {
     bottom: calc(100% + var(--space_xs));
     left: 0;
   }
-  .bds0113Popover---placement_right {
+  .bds0115Popover---placement_right {
     left: calc(100% + var(--space_xs));
     top: 0;
   }
-  .bds0113Popover---placement_left {
+  .bds0115Popover---placement_left {
     right: calc(100% + var(--space_xs));
     top: 0;
   }
@@ -1602,23 +1633,23 @@
 
 /* src/components/interaction/Rating/Rating.module.css */
 @layer component {
-  .bds0113Rating-rating {
+  .bds0115Rating-rating {
     display: inline-flex;
     gap: var(--space_xxxs);
     color: var(--color_bg);
   }
-  .bds0113Rating-star {
+  .bds0115Rating-star {
     width: 1.5em;
     height: 1.5em;
   }
-  .bds0113Rating---filled {
+  .bds0115Rating---filled {
     color: var(--color_warning);
   }
 }
 
 /* src/components/interaction/Toast/Toast.module.css */
 @layer component {
-  .bds0113Toast-toastContainer {
+  .bds0115Toast-toastContainer {
     position: fixed;
     bottom: var(--space_xl);
     right: var(--space_xl);
@@ -1627,11 +1658,10 @@
     gap: var(--space_m);
     z-index: var(--z-index_toast);
   }
-  .bds0113Toast-toast {
+  .bds0115Toast-toast {
     padding: var(--space_m) var(--space_l);
     background-color: var(--toast_color, var(--color_bg));
     color: var(--toast_on-color, var(--color_on-bg));
-    border: 1px solid currentcolor;
     border-radius: var(--border_radius--s);
     box-shadow: var(--shadow_s);
     display: flex;
@@ -1640,10 +1670,26 @@
     min-width: 300px;
     animation: slideIn var(--animation_duration--fast) var(--animation_easing);
   }
-  .bds0113Toast-message {
+  .bds0115Toast-toast.bds0115Toast---variant_success {
+    --toast_color: var(--color_success);
+    --toast_on-color: var(--color_on-success);
+  }
+  .bds0115Toast-toast.bds0115Toast---variant_warning {
+    --toast_color: var(--color_warning);
+    --toast_on-color: var(--color_on-warning);
+  }
+  .bds0115Toast-toast.bds0115Toast---variant_info {
+    --toast_color: var(--color_bg--subtle);
+    --toast_on-color: var(--color_on-bg--subtle);
+  }
+  .bds0115Toast-toast.bds0115Toast---variant_error {
+    --toast_color: var(--color_error);
+    --toast_on-color: var(--color_on-error);
+  }
+  .bds0115Toast-message {
     flex: 1;
   }
-  .bds0113Toast-closeButton {
+  .bds0115Toast-closeButton {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -1654,13 +1700,9 @@
     background: none;
     border: none;
     cursor: pointer;
-    color: inherit;
-    opacity: 0.6;
+    color: var(--toast_on-color);
   }
-  .bds0113Toast-closeButton:hover {
-    opacity: 1;
-  }
-  .bds0113Toast-closeButton svg {
+  .bds0115Toast-closeButton svg {
     width: 1rem;
     height: 1rem;
   }
@@ -1678,17 +1720,17 @@
 
 /* src/components/interaction/form/Checkbox/Checkbox.module.css */
 @layer component {
-  .bds0113Checkbox-checkboxGroup {
+  .bds0115Checkbox-checkboxGroup {
     --inputSize: calc(var(--space_s) * 2);
     display: flex;
     flex-direction: column;
   }
-  .bds0113Checkbox-inputWrapper {
+  .bds0115Checkbox-inputWrapper {
     display: flex;
     align-items: stretch;
     gap: var(--space_xs);
   }
-  .bds0113Checkbox-checkbox {
+  .bds0115Checkbox-checkbox {
     margin-block-start: 0.25em;
     width: var(--inputSize);
     height: var(--inputSize);
@@ -1701,11 +1743,11 @@
     position: relative;
     transition: background-color 0.3s ease, border-color 0.3s ease;
   }
-  .bds0113Checkbox-checkbox:checked {
+  .bds0115Checkbox-checkbox:checked {
     background-color: var(--checkbox_color-active, var(--color_active));
     border-color: var(--checkbox_color-active, var(--color_active));
   }
-  .bds0113Checkbox-checkbox:checked::after {
+  .bds0115Checkbox-checkbox:checked::after {
     content: "";
     position: absolute;
     left: 0.6em;
@@ -1716,15 +1758,15 @@
     border-width: 0 2px 2px 0;
     transform: rotate(45deg);
   }
-  .bds0113Checkbox-checkbox:focus {
+  .bds0115Checkbox-checkbox:focus {
     outline: none;
     border-color: var(--color_interactive);
     box-shadow: 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%);
   }
-  .bds0113Checkbox-checkboxError {
+  .bds0115Checkbox-checkboxError {
     border-color: var(--color_error);
   }
-  .bds0113Checkbox-checkboxError:focus {
+  .bds0115Checkbox-checkboxError:focus {
     border-color: var(--color_error);
     box-shadow: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
   }
@@ -1732,19 +1774,19 @@
 
 /* src/components/interaction/form/atoms/Message.module.css */
 @layer component {
-  .bds0113Message-error,
-  .bds0113Message-hint {
+  .bds0115Message-error,
+  .bds0115Message-hint {
     font-size: var(--font_size--body--s);
     margin-inline-start: var(--labelPosition);
   }
-  .bds0113Message-error {
+  .bds0115Message-error {
     color: var(--color_error);
   }
 }
 
 /* src/components/interaction/form/atoms/Label.module.css */
 @layer component {
-  .bds0113Label-label {
+  .bds0115Label-label {
     display: flex;
     align-items: center;
     font-family: var(--font_family--body);
@@ -1756,7 +1798,7 @@
 
 /* src/components/interaction/form/atoms/InputContainer.module.css */
 @layer component {
-  .bds0113InputContainer-container {
+  .bds0115InputContainer-container {
     --labelPosition: calc(var(--inputSize) + var(--space_m));
     display: flex;
     flex-direction: column;
@@ -1766,16 +1808,16 @@
 
 /* src/components/interaction/form/Combobox/Combobox.module.css */
 @layer component {
-  .bds0113Combobox-formGroup {
+  .bds0115Combobox-formGroup {
     display: flex;
     flex-direction: column;
   }
-  .bds0113Combobox-inputWrapper {
+  .bds0115Combobox-inputWrapper {
     position: relative;
     display: flex;
     align-items: center;
   }
-  .bds0113Combobox-input {
+  .bds0115Combobox-input {
     appearance: none;
     width: 100%;
     font-family: var(--font_family--body);
@@ -1788,22 +1830,22 @@
     color: var(--combobox_color, var(--color_on-bg));
     transition: var(--animation_transition);
   }
-  .bds0113Combobox-input:focus {
+  .bds0115Combobox-input:focus {
     --combobox_border-color: var(--color_interactive);
     outline: none;
     box-shadow: var(--combobox_focus-ring, 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%));
   }
-  .bds0113Combobox-input:disabled {
+  .bds0115Combobox-input:disabled {
     opacity: 0.5;
     cursor: not-allowed;
   }
-  .bds0113Combobox-inputError {
+  .bds0115Combobox-inputError {
     --combobox_border-color: var(--color_error);
   }
-  .bds0113Combobox-inputError:focus {
+  .bds0115Combobox-inputError:focus {
     --combobox_focus-ring: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
   }
-  .bds0113Combobox-chevron {
+  .bds0115Combobox-chevron {
     position: absolute;
     inset-inline-end: var(--space_s);
     display: flex;
@@ -1811,11 +1853,11 @@
     pointer-events: none;
     color: var(--combobox_color, var(--color_on-bg));
   }
-  .bds0113Combobox-chevron svg {
+  .bds0115Combobox-chevron svg {
     width: 1rem;
     height: 1rem;
   }
-  .bds0113Combobox-listbox {
+  .bds0115Combobox-listbox {
     position: absolute;
     top: calc(100% + var(--space_xxs));
     left: 0;
@@ -1832,7 +1874,7 @@
     color: var(--combobox_on-color, var(--color_on-bg));
     box-shadow: var(--shadow_m);
   }
-  .bds0113Combobox-option {
+  .bds0115Combobox-option {
     display: flex;
     align-items: center;
     padding: var(--space_xs) var(--space_m);
@@ -1841,14 +1883,14 @@
     cursor: pointer;
     transition: var(--animation_transition);
   }
-  .bds0113Combobox-option.bds0113Combobox---highlighted {
+  .bds0115Combobox-option.bds0115Combobox---highlighted {
     background-color: var(--color_bg--subtle);
     color: var(--color_interactive);
   }
-  .bds0113Combobox-option.bds0113Combobox---selected {
+  .bds0115Combobox-option.bds0115Combobox---selected {
     font-weight: var(--font_weight--semibold);
   }
-  .bds0113Combobox-option.bds0113Combobox---disabled {
+  .bds0115Combobox-option.bds0115Combobox---disabled {
     opacity: 0.4;
     cursor: not-allowed;
   }
@@ -1856,11 +1898,11 @@
 
 /* src/components/interaction/form/FileInput/FileInput.module.css */
 @layer component {
-  .bds0113FileInput-formGroup {
+  .bds0115FileInput-formGroup {
     display: flex;
     flex-direction: column;
   }
-  .bds0113FileInput-dropZone {
+  .bds0115FileInput-dropZone {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -1874,40 +1916,40 @@
     text-align: center;
     transition: var(--animation_transition);
   }
-  .bds0113FileInput-dropZone:focus-within {
+  .bds0115FileInput-dropZone:focus-within {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
     border-color: var(--fileInput_border-color, currentcolor);
   }
-  .bds0113FileInput-isDragging {
+  .bds0115FileInput-isDragging {
     border-color: currentcolor;
     background-color: rgb(from currentcolor r g b / 8%);
   }
-  .bds0113FileInput-hasError {
+  .bds0115FileInput-hasError {
     border-color: var(--color_error);
   }
-  .bds0113FileInput-isDisabled {
+  .bds0115FileInput-isDisabled {
     opacity: 0.5;
     cursor: not-allowed;
   }
-  .bds0113FileInput-icon {
+  .bds0115FileInput-icon {
     width: 2rem;
     height: 2rem;
     flex-shrink: 0;
   }
-  .bds0113FileInput-prompt {
+  .bds0115FileInput-prompt {
     font-size: var(--font_size--body);
     color: var(--color_on-bg--muted);
   }
-  .bds0113FileInput-prompt strong {
+  .bds0115FileInput-prompt strong {
     color: var(--color_interactive);
     font-weight: var(--font_weight--semibold);
   }
-  .bds0113FileInput-acceptHint {
+  .bds0115FileInput-acceptHint {
     font-size: var(--font_size--body--s);
     color: var(--color_on-bg--muted);
   }
-  .bds0113FileInput-hiddenInput {
+  .bds0115FileInput-hiddenInput {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -1917,7 +1959,7 @@
     border: 0;
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0113FileInput-dropZone:not(.bds0113FileInput-isDisabled):hover {
+    .bds0115FileInput-dropZone:not(.bds0115FileInput-isDisabled):hover {
       border-color: var(--color_interactive);
       background-color: rgb(from var(--color_interactive) r g b / 4%);
     }
@@ -1926,12 +1968,12 @@
 
 /* src/components/interaction/form/FormInput/FormInput.module.css */
 @layer component {
-  .bds0113FormInput-formGroup {
+  .bds0115FormInput-formGroup {
     --labelPosition: 0;
     display: flex;
     flex-direction: column;
   }
-  .bds0113FormInput-input {
+  .bds0115FormInput-input {
     font-family: var(--font_family--body);
     font-size: var(--font_size--body);
     padding: var(--space_s);
@@ -1941,26 +1983,26 @@
     color: var(--input_color, var(--color_on-bg));
     background-color: var(--input_color_bg, var(--color_bg));
   }
-  .bds0113FormInput-input:focus {
+  .bds0115FormInput-input:focus {
     --input_border-color: var(--color_interactive);
     outline: none;
     box-shadow: var(--input_focus-ring, 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%));
   }
-  .bds0113FormInput-inputError {
+  .bds0115FormInput-inputError {
     --input_border-color: var(--color_error);
   }
-  .bds0113FormInput-inputError:focus {
+  .bds0115FormInput-inputError:focus {
     --input_focus-ring: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
   }
 }
 
 /* src/components/interaction/form/NumberInput/NumberInput.module.css */
 @layer component {
-  .bds0113NumberInput-formGroup {
+  .bds0115NumberInput-formGroup {
     display: flex;
     flex-direction: column;
   }
-  .bds0113NumberInput-inputRow {
+  .bds0115NumberInput-inputRow {
     display: flex;
     align-items: stretch;
     border: 1px solid currentcolor;
@@ -1968,11 +2010,11 @@
     overflow: hidden;
     transition: var(--animation_transition);
   }
-  .bds0113NumberInput-inputRow:focus-within {
+  .bds0115NumberInput-inputRow:focus-within {
     border-color: var(--numberInput_border-color, var(--color_interactive));
     box-shadow: var(--numberInput_focus-ring, 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%));
   }
-  .bds0113NumberInput-input {
+  .bds0115NumberInput-input {
     flex: 1;
     border: none;
     outline: none;
@@ -1985,17 +2027,17 @@
     min-width: 0;
     appearance: textfield;
   }
-  .bds0113NumberInput-input::-webkit-inner-spin-button,
-  .bds0113NumberInput-input::-webkit-outer-spin-button {
+  .bds0115NumberInput-input::-webkit-inner-spin-button,
+  .bds0115NumberInput-input::-webkit-outer-spin-button {
     appearance: none;
   }
-  .bds0113NumberInput-inputError {
+  .bds0115NumberInput-inputError {
     --numberInput_border-color: var(--color_error);
   }
-  .bds0113NumberInput-inputError:focus-within {
+  .bds0115NumberInput-inputError:focus-within {
     --numberInput_focus-ring: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
   }
-  .bds0113NumberInput-stepper {
+  .bds0115NumberInput-stepper {
     all: unset;
     display: flex;
     align-items: center;
@@ -2007,16 +2049,16 @@
     transition: var(--animation_transition);
     flex-shrink: 0;
   }
-  .bds0113NumberInput-stepper svg {
+  .bds0115NumberInput-stepper svg {
     width: 1rem;
     height: 1rem;
   }
-  .bds0113NumberInput-stepper:disabled {
+  .bds0115NumberInput-stepper:disabled {
     opacity: 0.4;
     cursor: not-allowed;
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0113NumberInput-stepper:not(:disabled):hover {
+    .bds0115NumberInput-stepper:not(:disabled):hover {
       background-color: var(--color_bg--subtle);
       opacity: 0.7;
     }
@@ -2025,55 +2067,66 @@
 
 /* src/components/interaction/form/Radio/Radio.module.css */
 @layer component {
-  .bds0113Radio-radioGroup {
+  .bds0115Radio-radioGroup {
     --inputSize: calc(var(--space_s) * 2);
     --labelPosition: calc(var(--inputSize) + var(--space_m));
     display: flex;
     flex-direction: column;
   }
-  .bds0113Radio-inputWrapper {
+  .bds0115Radio-inputWrapper {
     display: flex;
-    align-items: stretch;
+    align-items: flex-start;
     gap: var(--space_xs);
   }
-  .bds0113Radio-radio {
+  .bds0115Radio-textWrapper {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space_xxxs);
+    padding-block-start: var(--space_xxxs);
+  }
+  .bds0115Radio-description {
+    font-size: var(--font_size--body--s);
+    color: var(--radio_description-color, var(--color_on-bg--subtle));
+    line-height: var(--font_line-height--body);
+  }
+  .bds0115Radio-radio {
     flex-shrink: 0;
-    margin-block-start: 0.25em;
+    margin-block-start: 0.2em;
     width: var(--inputSize);
     height: var(--inputSize);
     color: var(--radio_color, var(--color_on-bg));
-    border: 1px solid currentcolor;
+    border: 1.5px solid currentcolor;
     border-radius: 50%;
     appearance: none;
     background-color: var(--radio_color_bg, var(--color_bg));
     cursor: pointer;
     position: relative;
-    transition: background-color 0.3s ease, border-color 0.3s ease;
+    transition: background-color 0.2s ease, border-color 0.2s ease;
   }
-  .bds0113Radio-radio:checked {
+  .bds0115Radio-radio:checked {
     background-color: var(--radio_color-active, var(--color_active));
     border-color: var(--radio_color-active, var(--color_active));
   }
-  .bds0113Radio-radio:checked::after {
+  .bds0115Radio-radio:checked::after {
     content: "";
     position: absolute;
-    left: 0.6em;
-    top: 0.25em;
-    width: 0.5em;
-    height: 1em;
-    border: solid var(--radio_color-on-active, var(--color_on-active));
-    border-width: 0 2px 2px 0;
-    transform: rotate(45deg);
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    width: 0.4em;
+    height: 0.4em;
+    border-radius: 50%;
+    background-color: var(--radio_color-on-active, var(--color_on-active));
   }
-  .bds0113Radio-radio:focus {
+  .bds0115Radio-radio:focus {
     outline: none;
     border-color: var(--color_interactive);
     box-shadow: 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%);
   }
-  .bds0113Radio-radioError {
+  .bds0115Radio-radioError {
     border-color: var(--color_error);
   }
-  .bds0113Radio-radioError:focus {
+  .bds0115Radio-radioError:focus {
     border-color: var(--color_error);
     box-shadow: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
   }
@@ -2081,16 +2134,16 @@
 
 /* src/components/interaction/form/Select/Select.module.css */
 @layer component {
-  .bds0113Select-formGroup {
+  .bds0115Select-formGroup {
     display: flex;
     flex-direction: column;
   }
-  .bds0113Select-selectWrapper {
+  .bds0115Select-selectWrapper {
     position: relative;
     display: flex;
     align-items: center;
   }
-  .bds0113Select-select {
+  .bds0115Select-select {
     appearance: none;
     width: 100%;
     font-family: var(--font_family--body);
@@ -2104,22 +2157,22 @@
     cursor: pointer;
     transition: var(--animation_transition);
   }
-  .bds0113Select-select:focus {
+  .bds0115Select-select:focus {
     --select_border-color: var(--color_interactive);
     outline: none;
     box-shadow: var(--select_focus-ring, 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%));
   }
-  .bds0113Select-select:disabled {
+  .bds0115Select-select:disabled {
     opacity: 0.5;
     cursor: not-allowed;
   }
-  .bds0113Select-selectError {
+  .bds0115Select-selectError {
     --select_border-color: var(--color_error);
   }
-  .bds0113Select-selectError:focus {
+  .bds0115Select-selectError:focus {
     --select_focus-ring: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
   }
-  .bds0113Select-chevron {
+  .bds0115Select-chevron {
     position: absolute;
     inset-inline-end: var(--space_s);
     display: flex;
@@ -2127,7 +2180,7 @@
     pointer-events: none;
     color: var(--select_color, var(--color_on-bg));
   }
-  .bds0113Select-chevron svg {
+  .bds0115Select-chevron svg {
     width: 1rem;
     height: 1rem;
   }
@@ -2135,22 +2188,22 @@
 
 /* src/components/interaction/form/Slider/Slider.module.css */
 @layer component {
-  .bds0113Slider-formGroup {
+  .bds0115Slider-formGroup {
     display: flex;
     flex-direction: column;
     gap: var(--space_xxs);
   }
-  .bds0113Slider-labelRow {
+  .bds0115Slider-labelRow {
     display: flex;
     justify-content: space-between;
     align-items: baseline;
   }
-  .bds0113Slider-value {
+  .bds0115Slider-value {
     font-size: var(--font_size--body--s);
     font-variant-numeric: tabular-nums;
     color: var(--color_on-bg--subtle);
   }
-  .bds0113Slider-slider {
+  .bds0115Slider-slider {
     --slider_fill: 0%;
     --slider_track-height: var(--space_xxs);
     --slider_thumb-size: calc(var(--space_s) * 2);
@@ -2169,16 +2222,16 @@
     cursor: pointer;
     transition: var(--animation_transition);
   }
-  .bds0113Slider-slider:focus-visible {
+  .bds0115Slider-slider:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
     border-radius: 999px;
   }
-  .bds0113Slider-slider:disabled {
+  .bds0115Slider-slider:disabled {
     opacity: 0.4;
     cursor: not-allowed;
   }
-  .bds0113Slider-slider::-webkit-slider-thumb {
+  .bds0115Slider-slider::-webkit-slider-thumb {
     appearance: none;
     width: var(--slider_thumb-size);
     height: var(--slider_thumb-size);
@@ -2188,7 +2241,7 @@
     transition: var(--animation_transition);
     cursor: pointer;
   }
-  .bds0113Slider-slider::-moz-range-thumb {
+  .bds0115Slider-slider::-moz-range-thumb {
     width: var(--slider_thumb-size);
     height: var(--slider_thumb-size);
     border: none;
@@ -2197,7 +2250,7 @@
     box-shadow: var(--shadow_s);
     cursor: pointer;
   }
-  .bds0113Slider-sliderError {
+  .bds0115Slider-sliderError {
     background:
       linear-gradient(
         to right,
@@ -2206,16 +2259,16 @@
         var(--color_bg--subtle) var(--slider_fill),
         var(--color_bg--subtle) 100%);
   }
-  .bds0113Slider-sliderError::-webkit-slider-thumb {
+  .bds0115Slider-sliderError::-webkit-slider-thumb {
     background-color: var(--color_error);
   }
-  .bds0113Slider-sliderError::-moz-range-thumb {
+  .bds0115Slider-sliderError::-moz-range-thumb {
     background-color: var(--color_error);
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0113Slider-slider,
-    .bds0113Slider-slider::-webkit-slider-thumb,
-    .bds0113Slider-slider::-moz-range-thumb {
+    .bds0115Slider-slider,
+    .bds0115Slider-slider::-webkit-slider-thumb,
+    .bds0115Slider-slider::-moz-range-thumb {
       transition: none;
     }
   }
@@ -2223,34 +2276,30 @@
 
 /* src/components/interaction/form/Switch/Switch.module.css */
 @layer component {
-  .bds0113Switch-switchGroup {
+  .bds0115Switch-switchGroup {
     --switch_thumb-size: 1.25em;
     --switch_track-pad: var(--space_xxxs);
     --switch_track-height: calc(var(--switch_thumb-size) + var(--switch_track-pad) * 2);
     --switch_track-width: calc(var(--switch_thumb-size) * 2 + var(--switch_track-pad) * 2);
-    --track_bg: var(--color_grey--subtle);
-    --track_active: var(--color_active--subtle);
-    --thumb_bg: var(--color_grey);
-    --thumb_bg--active: var(--color_active--strong);
     color: var(--switch_color, var(--color_on-bg));
     display: flex;
     flex-direction: column;
   }
-  .bds0113Switch-switchGroup.bds0113Switch---size_small {
+  .bds0115Switch-switchGroup.bds0115Switch---size_small {
     --switch_thumb-size: 1em;
   }
-  .bds0113Switch-switchGroup.bds0113Switch---size_medium {
+  .bds0115Switch-switchGroup.bds0115Switch---size_medium {
     --switch_thumb-size: 1.25em;
   }
-  .bds0113Switch-switchGroup.bds0113Switch---size_large {
+  .bds0115Switch-switchGroup.bds0115Switch---size_large {
     --switch_thumb-size: 1.5em;
   }
-  .bds0113Switch-inputWrapper {
+  .bds0115Switch-inputWrapper {
     display: flex;
     align-items: center;
     gap: var(--space_xs);
   }
-  .bds0113Switch-trackWrapper {
+  .bds0115Switch-trackWrapper {
     position: relative;
     display: inline-flex;
     align-items: center;
@@ -2258,7 +2307,7 @@
     width: var(--switch_track-width);
     height: var(--switch_track-height);
   }
-  .bds0113Switch-switch {
+  .bds0115Switch-switch {
     position: absolute;
     inset: 0;
     appearance: none;
@@ -2269,54 +2318,54 @@
     cursor: pointer;
     z-index: 1;
   }
-  .bds0113Switch-switch:disabled {
+  .bds0115Switch-switch:disabled {
     cursor: not-allowed;
   }
-  .bds0113Switch-track {
+  .bds0115Switch-track {
     display: inline-flex;
     align-items: center;
     width: var(--switch_track-width);
     height: var(--switch_track-height);
     border-radius: 999px;
-    background-color: var(--track_bg);
+    background-color: var(--track_bg, var(--color_grey--subtle));
     padding-inline: var(--switch_track-pad);
     pointer-events: none;
     transition: var(--animation_transition);
-    outline: 1px solid var(--thumb_bg);
+    outline: 1px solid var(--thumb_bg, var(--color_grey));
     outline-offset: var(--outline_offset);
   }
-  .bds0113Switch-thumb {
+  .bds0115Switch-thumb {
     display: block;
     width: var(--switch_thumb-size);
     height: var(--switch_thumb-size);
     border-radius: 50%;
-    background-color: var(--thumb_bg);
+    background-color: var(--thumb_bg, var(--color_grey));
     box-shadow: var(--shadow_s);
     transition: var(--animation_transition);
     transform: translateX(0);
   }
-  .bds0113Switch-switch.bds0113Switch-switchError + .bds0113Switch-track {
+  .bds0115Switch-switch.bds0115Switch-switchError + .bds0115Switch-track {
     outline: 1px solid var(--color_error);
   }
-  .bds0113Switch-switch:checked + .bds0113Switch-track {
-    background-color: var(--track_active);
-    outline-color: var(--thumb_bg--active);
+  .bds0115Switch-switch:checked + .bds0115Switch-track {
+    background-color: var(--track_active, var(--color_active--subtle));
+    outline-color: var(--thumb_bg--active, var(--color_active--strong));
   }
-  .bds0113Switch-switch:checked + .bds0113Switch-track .bds0113Switch-thumb {
-    background-color: var(--thumb_bg--active);
+  .bds0115Switch-switch:checked + .bds0115Switch-track .bds0115Switch-thumb {
+    background-color: var(--thumb_bg--active, var(--color_active--strong));
     transform: translateX(var(--switch_thumb-size));
   }
-  .bds0113Switch-switch:focus-visible + .bds0113Switch-track {
+  .bds0115Switch-switch:focus-visible + .bds0115Switch-track {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
     border-radius: 999px;
   }
-  .bds0113Switch-switch:disabled + .bds0113Switch-track {
+  .bds0115Switch-switch:disabled + .bds0115Switch-track {
     opacity: 0.4;
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds0113Switch-track,
-    .bds0113Switch-thumb {
+    .bds0115Switch-track,
+    .bds0115Switch-thumb {
       transition: none;
     }
   }
@@ -2324,11 +2373,11 @@
 
 /* src/components/interaction/form/Textarea/Textarea.module.css */
 @layer component {
-  .bds0113Textarea-formGroup {
+  .bds0115Textarea-formGroup {
     display: flex;
     flex-direction: column;
   }
-  .bds0113Textarea-textarea {
+  .bds0115Textarea-textarea {
     font-family: var(--font_family--body);
     font-size: var(--font_size--body);
     line-height: var(--font_line-height--body);
@@ -2341,69 +2390,69 @@
     min-height: calc(var(--space_m) * 5);
     transition: var(--animation_transition);
   }
-  .bds0113Textarea-textarea:focus {
+  .bds0115Textarea-textarea:focus {
     --textarea_border-color: var(--color_interactive);
     outline: none;
     box-shadow: var(--textarea_focus-ring, 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%));
   }
-  .bds0113Textarea-textarea:disabled {
+  .bds0115Textarea-textarea:disabled {
     opacity: 0.5;
     cursor: not-allowed;
     resize: none;
   }
-  .bds0113Textarea-textareaError {
+  .bds0115Textarea-textareaError {
     --textarea_border-color: var(--color_error);
   }
-  .bds0113Textarea-textareaError:focus {
+  .bds0115Textarea-textareaError:focus {
     --textarea_focus-ring: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
   }
 }
 
 /* src/components/layout/ButtonGroup/ButtonGroup.module.css */
 @layer component {
-  .bds0113ButtonGroup-buttonGroup {
+  .bds0115ButtonGroup-buttonGroup {
     container-type: inline-size;
     container-name: button-group;
     grid-column: var(--grid_span-100);
   }
-  .bds0113ButtonGroup-buttonGroup .bds0113ButtonGroup-container {
+  .bds0115ButtonGroup-buttonGroup .bds0115ButtonGroup-container {
     position: relative;
     display: flex;
     flex-direction: column-reverse;
     gap: var(--space_l);
     align-items: center;
   }
-  .bds0113ButtonGroup-buttonGroup.bds0113ButtonGroup---variant__card .bds0113ButtonGroup-container {
+  .bds0115ButtonGroup-buttonGroup.bds0115ButtonGroup---variant_card .bds0115ButtonGroup-container {
     align-items: stretch;
   }
-  .bds0113ButtonGroup-buttonGroup.bds0113ButtonGroup---variant__flow .bds0113ButtonGroup-container,
-  .bds0113ButtonGroup-buttonGroup.bds0113ButtonGroup---variant__modal .bds0113ButtonGroup-container {
+  .bds0115ButtonGroup-buttonGroup.bds0115ButtonGroup---variant_flow .bds0115ButtonGroup-container,
+  .bds0115ButtonGroup-buttonGroup.bds0115ButtonGroup---variant_modal .bds0115ButtonGroup-container {
     align-items: center;
   }
-  .bds0113ButtonGroup-buttonGroup.bds0113ButtonGroup---variant__content .bds0113ButtonGroup-container {
+  .bds0115ButtonGroup-buttonGroup.bds0115ButtonGroup---variant_content .bds0115ButtonGroup-container {
     align-items: flex-start;
   }
   @supports (contain: inline-size) {
     @container button-group (min-width: 30rem) {
-      .bds0113ButtonGroup-buttonGroup .bds0113ButtonGroup-container {
+      .bds0115ButtonGroup-buttonGroup .bds0115ButtonGroup-container {
         flex-direction: row;
         justify-content: space-between;
       }
-      .bds0113ButtonGroup-buttonGroup.bds0113ButtonGroup---variant__modal .bds0113ButtonGroup-container > :first-child:last-child,
-      .bds0113ButtonGroup-buttonGroup.bds0113ButtonGroup---variant__flow .bds0113ButtonGroup-container > :first-child:last-child {
+      .bds0115ButtonGroup-buttonGroup.bds0115ButtonGroup---variant_modal .bds0115ButtonGroup-container > :first-child:last-child,
+      .bds0115ButtonGroup-buttonGroup.bds0115ButtonGroup---variant_flow .bds0115ButtonGroup-container > :first-child:last-child {
         margin-inline-start: auto;
       }
-      .bds0113ButtonGroup-buttonGroup.bds0113ButtonGroup---variant__card .bds0113ButtonGroup-container {
+      .bds0115ButtonGroup-buttonGroup.bds0115ButtonGroup---variant_card .bds0115ButtonGroup-container {
         justify-content: center;
       }
-      .bds0113ButtonGroup-buttonGroup.bds0113ButtonGroup---variant__modal .bds0113ButtonGroup-container {
+      .bds0115ButtonGroup-buttonGroup.bds0115ButtonGroup---variant_modal .bds0115ButtonGroup-container {
         justify-content: flex-end;
       }
-      .bds0113ButtonGroup-buttonGroup.bds0113ButtonGroup---variant__content .bds0113ButtonGroup-container {
+      .bds0115ButtonGroup-buttonGroup.bds0115ButtonGroup---variant_content .bds0115ButtonGroup-container {
         justify-content: flex-start;
         align-items: center;
       }
-      .bds0113ButtonGroup-buttonGroup.bds0113ButtonGroup---variant__grid .bds0113ButtonGroup-container {
+      .bds0115ButtonGroup-buttonGroup.bds0115ButtonGroup---variant_grid .bds0115ButtonGroup-container {
         justify-content: center;
       }
     }
@@ -2412,59 +2461,59 @@
 
 /* src/components/layout/Card/Card.module.css */
 @layer component {
-  .bds0113Card-card {
+  .bds0115Card-card {
     background-color: var(--card_color, var(--color_bg));
     color: var(--card_on-color, var(--color_on-bg));
     border-radius: var(--border_radius--m);
     transition: all 0.3s ease;
     position: relative;
   }
-  .bds0113Card-card.bds0113Card---default {
+  .bds0115Card-card.bds0115Card---default {
     box-shadow: var(--shadow_s);
   }
-  .bds0113Card-card.bds0113Card---elevated {
+  .bds0115Card-card.bds0115Card---elevated {
     box-shadow: var(--shadow_m);
   }
-  .bds0113Card-card.bds0113Card---outlined {
+  .bds0115Card-card.bds0115Card---outlined {
     border: 1px solid currentcolor;
     box-shadow: var(--shadow_s);
   }
-  .bds0113Card-card.bds0113Card---clickable {
+  .bds0115Card-card.bds0115Card---clickable {
     cursor: pointer;
   }
-  .bds0113Card-card.bds0113Card---padding-none {
+  .bds0115Card-card.bds0115Card---padding-none {
     padding: 0;
   }
-  .bds0113Card-card.bds0113Card---padding-small {
+  .bds0115Card-card.bds0115Card---padding-small {
     padding: var(--space_s);
   }
-  .bds0113Card-card.bds0113Card---padding-medium {
+  .bds0115Card-card.bds0115Card---padding-medium {
     padding: var(--space_m);
   }
-  .bds0113Card-card.bds0113Card---padding-large {
+  .bds0115Card-card.bds0115Card---padding-large {
     padding: var(--space_l);
   }
-  .bds0113Card-card.bds0113Card---text-start {
+  .bds0115Card-card.bds0115Card---text-start {
     text-align: left;
   }
-  .bds0113Card-card.bds0113Card---text-center {
+  .bds0115Card-card.bds0115Card---text-center {
     text-align: center;
   }
-  .bds0113Card-card.bds0113Card---text-end {
+  .bds0115Card-card.bds0115Card---text-end {
     text-align: right;
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds0113Card-card.bds0113Card---clickable:hover {
+    .bds0115Card-card.bds0115Card---clickable:hover {
       transform: translateY(-2px);
       box-shadow: var(--shadow_xl);
     }
-    .bds0113Card-card.bds0113Card---default:hover {
+    .bds0115Card-card.bds0115Card---default:hover {
       box-shadow: var(--shadow_m);
     }
-    .bds0113Card-card.bds0113Card---elevated:hover {
+    .bds0115Card-card.bds0115Card---elevated:hover {
       box-shadow: var(--shadow_2xl);
     }
-    .bds0113Card-card.bds0113Card---outlined:hover {
+    .bds0115Card-card.bds0115Card---outlined:hover {
       box-shadow: var(--shadow_s);
     }
   }
@@ -2472,60 +2521,60 @@
 
 /* src/components/layout/SectionHeader/SectionHeader.module.css */
 @layer component {
-  .bds0113SectionHeader-sectionHeader {
+  .bds0115SectionHeader-sectionHeader {
     display: flex;
     flex-direction: column;
     gap: var(--space_m);
     grid-column: var(--grid_span-100);
   }
-  .bds0113SectionHeader-title {
+  .bds0115SectionHeader-title {
     color: var(--sectionHeader-title-color, var(--color_on-bg));
     margin: 0;
     font-family: var(--font_family--body);
   }
-  .bds0113SectionHeader-subtitle {
+  .bds0115SectionHeader-subtitle {
     color: var(--sectionHeader_subtitle-color, var(--color_grey--strong));
     margin: 0;
     font-family: var(--font_family--body);
     font-weight: var(--font_weight--medium);
   }
-  .bds0113SectionHeader-sectionHeader.bds0113SectionHeader---start {
+  .bds0115SectionHeader-sectionHeader.bds0115SectionHeader---start {
     align-items: flex-start;
     text-align: left;
   }
-  .bds0113SectionHeader-sectionHeader.bds0113SectionHeader---center {
+  .bds0115SectionHeader-sectionHeader.bds0115SectionHeader---center {
     align-items: center;
     text-align: center;
   }
-  .bds0113SectionHeader-sectionHeader.bds0113SectionHeader---end {
+  .bds0115SectionHeader-sectionHeader.bds0115SectionHeader---end {
     align-items: flex-end;
     text-align: right;
   }
-  .bds0113SectionHeader-sectionHeader.bds0113SectionHeader---small .bds0113SectionHeader-title {
+  .bds0115SectionHeader-sectionHeader.bds0115SectionHeader---small .bds0115SectionHeader-title {
     font-size: var(--font_size--heading-1);
     line-height: var(--font_line-height--heading);
     font-weight: var(--font_weight--bold);
   }
-  .bds0113SectionHeader-sectionHeader.bds0113SectionHeader---small .bds0113SectionHeader-subtitle {
+  .bds0115SectionHeader-sectionHeader.bds0115SectionHeader---small .bds0115SectionHeader-subtitle {
     font-size: var(--font_size--body);
     line-height: 1.4;
   }
-  .bds0113SectionHeader-sectionHeader.bds0113SectionHeader---medium .bds0113SectionHeader-title {
+  .bds0115SectionHeader-sectionHeader.bds0115SectionHeader---medium .bds0115SectionHeader-title {
     font-size: var(--font_size--display);
     line-height: var(--font_line-height--display);
     font-weight: var(--font_weight--bold);
   }
-  .bds0113SectionHeader-sectionHeader.bds0113SectionHeader---medium .bds0113SectionHeader-subtitle {
+  .bds0115SectionHeader-sectionHeader.bds0115SectionHeader---medium .bds0115SectionHeader-subtitle {
     font-size: var(--font_size--heading-3);
     line-height: 1.3;
   }
-  .bds0113SectionHeader-sectionHeader.bds0113SectionHeader---large .bds0113SectionHeader-title {
+  .bds0115SectionHeader-sectionHeader.bds0115SectionHeader---large .bds0115SectionHeader-title {
     font-size: var(--font_size--display);
     line-height: var(--font_line-height--display);
     font-weight: var(--font_weight--bold);
     letter-spacing: var(--font_tracking--tight);
   }
-  .bds0113SectionHeader-sectionHeader.bds0113SectionHeader---large .bds0113SectionHeader-subtitle {
+  .bds0115SectionHeader-sectionHeader.bds0115SectionHeader---large .bds0115SectionHeader-subtitle {
     font-size: var(--font_size--heading-2);
     line-height: 1.3;
     font-weight: var(--font_weight--medium);
@@ -2534,7 +2583,7 @@
 
 /* src/components/layout/IconWrapper/IconWrapper.module.css */
 @layer component {
-  .bds0113IconWrapper-wrapper {
+  .bds0115IconWrapper-wrapper {
     width: 2em;
     height: 2em;
     font-size: 3em;
@@ -2549,7 +2598,7 @@
     position: relative;
     transition: var(--animation_transition);
   }
-  .bds0113IconWrapper-wrapper svg {
+  .bds0115IconWrapper-wrapper svg {
     fill: currentcolor;
   }
 }