@boostdev/design-system-components 0.1.4 → 0.1.5

package/dist/index.css

@@ -1,22 +1,22 @@
 /* src/components/ui/Accordion/Accordion.module.css */
 @layer component {
-  .bds014-accordion {
+  .bds015-accordion {
     display: flex;
     flex-direction: column;
     border: 1px solid var(--color_bg--subtle);
     border-radius: var(--border_radius--s);
     overflow: hidden;
   }
-  .bds014-item {
+  .bds015-item {
     border-bottom: 1px solid var(--color_bg--subtle);
   }
-  .bds014-item:last-child {
+  .bds015-item:last-child {
     border-bottom: none;
   }
-  .bds014-heading {
+  .bds015-heading {
     margin: 0;
   }
-  .bds014-trigger {
+  .bds015-trigger {
     all: unset;
     display: flex;
     align-items: center;
@@ -31,44 +31,44 @@
     transition: var(--animation_transition);
     box-sizing: border-box;
   }
-  .bds014-trigger:disabled {
+  .bds015-trigger:disabled {
     opacity: 0.4;
     cursor: not-allowed;
   }
-  .bds014-trigger:focus-visible {
+  .bds015-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) {
-    .bds014-trigger:not(:disabled):hover {
+    .bds015-trigger:not(:disabled):hover {
       background-color: var(--color_bg--subtle);
     }
   }
-  .bds014-triggerLabel {
+  .bds015-triggerLabel {
     flex: 1;
     text-align: start;
   }
-  .bds014-chevron {
+  .bds015-chevron {
     width: 1.25rem;
     height: 1.25rem;
     flex-shrink: 0;
     transition: transform var(--animation_transition-duration) var(--animation_easing);
   }
-  .bds014-item.bds014---open .bds014-chevron {
+  .bds015-item.bds015---open .bds015-chevron {
     transform: rotate(180deg);
   }
-  .bds014-panel {
+  .bds015-panel {
     overflow: hidden;
   }
-  .bds014-panelContent {
+  .bds015-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) {
-    .bds014-chevron {
+    .bds015-chevron {
       transition: none;
     }
   }
@@ -76,7 +76,7 @@
 
 /* src/components/ui/Alert/Alert.module.css */
 @layer component {
-  .bds014-alert {
+  .bds015-alert {
     --alert_bg: var(--color_blue--subtle);
     --alert_text: var(--color_on-blue--subtle);
     --alert_border: var(--color_blue);
@@ -91,43 +91,43 @@
     font-size: var(--font_size--body);
     line-height: var(--font_line-height--body);
   }
-  .bds014---variant_info {
+  .bds015---variant_info {
     --alert_bg: var(--color_blue--subtle);
     --alert_text: var(--color_on-blue--subtle);
     --alert_border: var(--color_blue);
   }
-  .bds014---variant_success {
+  .bds015---variant_success {
     --alert_bg: var(--color_green--subtle);
     --alert_text: var(--color_on-green--subtle);
     --alert_border: var(--color_green);
   }
-  .bds014---variant_warning {
+  .bds015---variant_warning {
     --alert_bg: var(--color_orange--subtle);
     --alert_text: var(--color_on-orange--subtle);
     --alert_border: var(--color_warning);
   }
-  .bds014---variant_error {
+  .bds015---variant_error {
     --alert_bg: rgb(from var(--color_error) r g b / 12%);
     --alert_text: var(--color_on-bg);
     --alert_border: var(--color_error);
   }
-  .bds014-icon {
+  .bds015-icon {
     display: flex;
     align-items: center;
     flex-shrink: 0;
     margin-block-start: 0.1em;
   }
-  .bds014-content {
+  .bds015-content {
     flex: 1;
     display: flex;
     flex-direction: column;
     gap: var(--space_xxs);
   }
-  .bds014-title {
+  .bds015-title {
     font-weight: var(--font_weight--semibold);
     font-size: var(--font_size--body);
   }
-  .bds014-dismiss {
+  .bds015-dismiss {
     all: unset;
     display: flex;
     align-items: center;
@@ -139,16 +139,16 @@
     border: 1px solid currentcolor;
     border-radius: 50%;
   }
-  .bds014-dismiss svg {
+  .bds015-dismiss svg {
     width: 1rem;
     height: 1rem;
   }
-  .bds014-dismiss:focus-visible {
+  .bds015-dismiss:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds014-dismiss:hover {
+    .bds015-dismiss:hover {
       opacity: 0.7;
     }
   }
@@ -156,7 +156,7 @@
 
 /* src/components/ui/Avatar/Avatar.module.css */
 @layer component {
-  .bds014-avatar {
+  .bds015-avatar {
     --avatar_size: 3em;
     --avatar_bg: var(--color_blue);
     --avatar_text: var(--color_on-blue);
@@ -169,42 +169,42 @@
     overflow: hidden;
     flex-shrink: 0;
   }
-  .bds014-avatar.bds014---fallback {
+  .bds015-avatar.bds015---fallback {
     background-color: var(--avatar_bg);
     color: var(--avatar_text);
     font-weight: var(--font_weight--semibold);
   }
-  .bds014-avatar.bds014---size_small {
+  .bds015-avatar.bds015---size_small {
     --avatar_size: 2em;
   }
-  .bds014-avatar.bds014---size_medium {
+  .bds015-avatar.bds015---size_medium {
     --avatar_size: 3em;
   }
-  .bds014-avatar.bds014---size_large {
+  .bds015-avatar.bds015---size_large {
     --avatar_size: 4.5em;
   }
-  .bds014-image {
+  .bds015-image {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
   }
-  .bds014-initials {
+  .bds015-initials {
     line-height: 1;
     user-select: none;
     font-size: var(--font_size--body);
   }
-  .bds014-avatar.bds014---size_small .bds014-initials {
+  .bds015-avatar.bds015---size_small .bds015-initials {
     font-size: var(--font_size--body--s);
   }
-  .bds014-avatar.bds014---size_large .bds014-initials {
+  .bds015-avatar.bds015---size_large .bds015-initials {
     font-size: var(--font_size--heading-3);
   }
 }
 
 /* src/components/ui/Badge/Badge.module.css */
 @layer component {
-  .bds014-badge {
+  .bds015-badge {
     --badge_bg: var(--color_blue);
     --badge_text: var(--color_on-blue);
     --badge_radius: 2em;
@@ -221,23 +221,23 @@
     background-color: var(--badge_bg);
     color: var(--badge_text);
   }
-  .bds014---variant_primary {
+  .bds015---variant_primary {
     --badge_bg: var(--color_interactive);
     --badge_text: var(--color_on-interactive);
   }
-  .bds014---variant_secondary {
+  .bds015---variant_secondary {
     --badge_bg: var(--color_bg);
     --badge_text: var(--color_on-bg);
   }
-  .bds014---variant_success {
+  .bds015---variant_success {
     --badge_bg: var(--color_success);
     --badge_text: var(--color_on-success);
   }
-  .bds014---variant_error {
+  .bds015---variant_error {
     --badge_bg: var(--color_error);
     --badge_text: var(--color_on-error);
   }
-  .bds014---variant_warning {
+  .bds015---variant_warning {
     --badge_bg: var(--color_warning);
     --badge_text: var(--color_on-warning);
   }
@@ -245,10 +245,10 @@
 
 /* src/components/ui/Breadcrumb/Breadcrumb.module.css */
 @layer component {
-  .bds014-breadcrumb {
+  .bds015-breadcrumb {
     font-size: var(--font_size--body--s);
   }
-  .bds014-list {
+  .bds015-list {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
@@ -257,32 +257,32 @@
     margin: 0;
     padding: 0;
   }
-  .bds014-item {
+  .bds015-item {
     display: flex;
     align-items: center;
     gap: var(--space_xxs);
   }
-  .bds014-link {
+  .bds015-link {
     color: var(--color_interactive);
     text-decoration: none;
     transition: var(--animation_transition);
   }
-  .bds014-link:focus-visible {
+  .bds015-link:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
     border-radius: var(--border_radius--xs);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds014-link:hover {
+    .bds015-link:hover {
       text-decoration: underline;
       text-underline-offset: 0.2em;
     }
   }
-  .bds014-separator {
+  .bds015-separator {
     color: var(--color_on-bg--subtle);
     user-select: none;
   }
-  .bds014-current {
+  .bds015-current {
     color: var(--color_on-bg--subtle);
     font-weight: var(--font_weight--semibold);
   }
@@ -290,7 +290,7 @@
 
 /* src/components/ui/Calendar/Calendar.module.css */
 @layer component {
-  .bds014-calendar {
+  .bds015-calendar {
     display: inline-flex;
     flex-direction: column;
     gap: var(--space_s);
@@ -301,17 +301,17 @@
     box-shadow: var(--shadow_s);
     width: 20rem;
   }
-  .bds014-header {
+  .bds015-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
   }
-  .bds014-monthYear {
+  .bds015-monthYear {
     font-size: var(--font_size--body);
     font-weight: var(--font_weight--semibold);
     color: var(--color_on-bg);
   }
-  .bds014-navBtn {
+  .bds015-navBtn {
     all: unset;
     display: flex;
     align-items: center;
@@ -323,35 +323,35 @@
     color: var(--color_on-bg);
     transition: var(--animation_transition);
   }
-  .bds014-navBtn svg {
+  .bds015-navBtn svg {
     width: 1rem;
     height: 1rem;
   }
-  .bds014-navBtn:focus-visible {
+  .bds015-navBtn:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds014-navBtn:hover {
+    .bds015-navBtn:hover {
       background-color: var(--color_bg--subtle);
     }
   }
-  .bds014-grid {
+  .bds015-grid {
     border-collapse: collapse;
     width: 100%;
     table-layout: fixed;
   }
-  .bds014-weekday {
+  .bds015-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);
   }
-  .bds014-empty {
+  .bds015-empty {
     padding: 0;
   }
-  .bds014-day {
+  .bds015-day {
     all: unset;
     display: flex;
     align-items: center;
@@ -365,30 +365,30 @@
     transition: var(--animation_transition);
     box-sizing: border-box;
   }
-  .bds014-day:focus-visible {
+  .bds015-day:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds014-day:not(.bds014-disabled, .bds014-selected):hover {
+    .bds015-day:not(.bds015-disabled, .bds015-selected):hover {
       background-color: var(--color_bg--subtle);
     }
   }
-  .bds014-today {
+  .bds015-today {
     border: 2px solid var(--color_interactive);
     font-weight: var(--font_weight--semibold);
   }
-  .bds014-selected {
+  .bds015-selected {
     background-color: var(--color_interactive);
     color: var(--color_on-interactive);
     font-weight: var(--font_weight--semibold);
   }
-  .bds014-disabled {
+  .bds015-disabled {
     opacity: 0.35;
     cursor: not-allowed;
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds014-day {
+    .bds015-day {
       transition: none;
     }
   }
@@ -396,13 +396,13 @@
 
 /* src/components/ui/Carousel/Carousel.module.css */
 @layer component {
-  .bds014-carousel {
+  .bds015-carousel {
     position: relative;
     display: flex;
     align-items: center;
     gap: var(--space_xs);
   }
-  .bds014-track {
+  .bds015-track {
     display: flex;
     gap: var(--space_m);
     overflow-x: auto;
@@ -411,14 +411,14 @@
     flex: 1;
     scroll-behavior: smooth;
   }
-  .bds014-track::-webkit-scrollbar {
+  .bds015-track::-webkit-scrollbar {
     display: none;
   }
-  .bds014-slide {
+  .bds015-slide {
     scroll-snap-align: start;
     flex-shrink: 0;
   }
-  .bds014-navBtn {
+  .bds015-navBtn {
     all: unset;
     display: flex;
     align-items: center;
@@ -434,21 +434,21 @@
     transition: var(--animation_transition);
     box-shadow: var(--shadow_s);
   }
-  .bds014-navBtn svg {
+  .bds015-navBtn svg {
     width: 1.25rem;
     height: 1.25rem;
   }
-  .bds014-navBtn:focus-visible {
+  .bds015-navBtn:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds014-navBtn:hover {
+    .bds015-navBtn:hover {
       background-color: var(--color_bg--subtle);
     }
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds014-track {
+    .bds015-track {
       scroll-behavior: auto;
     }
   }
@@ -456,7 +456,7 @@
 
 /* src/components/ui/DescriptionList/DescriptionList.module.css */
 @layer component {
-  .bds014-list {
+  .bds015-list {
     display: flex;
     flex-direction: column;
     gap: var(--space_s);
@@ -465,36 +465,36 @@
     font-size: var(--font_size--body);
     color: var(--color_on-bg);
   }
-  .bds014-group {
+  .bds015-group {
     display: flex;
     flex-direction: column;
     gap: var(--space_xxs);
   }
-  .bds014-term {
+  .bds015-term {
     font-weight: var(--font_weight--semibold);
     color: var(--color_on-bg);
   }
-  .bds014-details {
+  .bds015-details {
     margin: 0;
     color: var(--color_on-bg--muted);
   }
-  .bds014---layout_inline .bds014-group {
+  .bds015---layout_inline .bds015-group {
     display: grid;
     grid-template-columns: minmax(8rem, 1fr) 2fr;
     gap: var(--space_xs);
     align-items: baseline;
   }
-  .bds014---layout_inline .bds014-term {
+  .bds015---layout_inline .bds015-term {
     grid-column: 1;
   }
-  .bds014---layout_inline .bds014-details {
+  .bds015---layout_inline .bds015-details {
     grid-column: 2;
   }
 }
 
 /* src/components/ui/Link/Link.module.css */
 @layer component {
-  .bds014-link {
+  .bds015-link {
     --link_color: var(--color_interactive);
     --link_color-hover: var(--color_blue--strong);
     color: var(--link_color);
@@ -503,25 +503,25 @@
     transition: var(--animation_transition);
     cursor: pointer;
   }
-  .bds014-link:focus-visible {
+  .bds015-link:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
     border-radius: var(--border_radius--xs);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds014-link:hover {
+    .bds015-link:hover {
       --link_color: var(--link_color-hover);
     }
   }
-  .bds014---variant_default {
+  .bds015---variant_default {
     --link_color: var(--color_interactive);
     --link_color-hover: var(--color_blue--strong);
   }
-  .bds014---variant_subtle {
+  .bds015---variant_subtle {
     --link_color: var(--color_on-bg);
     --link_color-hover: var(--color_interactive);
   }
-  .bds014---variant_standalone {
+  .bds015---variant_standalone {
     --link_color: var(--color_interactive);
     --link_color-hover: var(--color_blue--strong);
     display: inline-flex;
@@ -531,12 +531,12 @@
     text-decoration: none;
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds014---variant_standalone:hover {
+    .bds015---variant_standalone:hover {
       text-decoration: underline;
       text-underline-offset: 0.2em;
     }
   }
-  .bds014-externalLabel {
+  .bds015-externalLabel {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -551,12 +551,12 @@
 
 /* src/components/ui/Loading/Loading.module.css */
 @layer component {
-  .bds014-loading {
+  .bds015-loading {
     display: flex;
     justify-content: center;
     align-items: center;
   }
-  .bds014-spinner {
+  .bds015-spinner {
     width: 2.5em;
     height: 2.5em;
     border: 4px solid var(--color_bg);
@@ -564,12 +564,12 @@
     border-radius: 50%;
     animation: spin 1s linear infinite;
   }
-  .bds014---size_small .bds014-spinner {
+  .bds015---size_small .bds015-spinner {
     width: 1.5em;
     height: 1.5em;
     border-width: 2px;
   }
-  .bds014---size_large .bds014-spinner {
+  .bds015---size_large .bds015-spinner {
     width: 4em;
     height: 4em;
     border-width: 6px;
@@ -586,7 +586,7 @@
 
 /* src/components/ui/NotificationBanner/NotificationBanner.module.css */
 @layer component {
-  .bds014-banner {
+  .bds015-banner {
     --banner_bg: var(--color_blue--subtle);
     --banner_text: var(--color_on-blue--subtle);
     --banner_border: var(--color_blue);
@@ -601,33 +601,33 @@
     line-height: var(--font_line-height--body);
     width: 100%;
   }
-  .bds014---variant_info {
+  .bds015---variant_info {
     --banner_bg: var(--color_blue--subtle);
     --banner_text: var(--color_on-blue--subtle);
     --banner_border: var(--color_blue);
   }
-  .bds014---variant_success {
+  .bds015---variant_success {
     --banner_bg: var(--color_green--subtle);
     --banner_text: var(--color_on-green--subtle);
     --banner_border: var(--color_green);
   }
-  .bds014---variant_warning {
+  .bds015---variant_warning {
     --banner_bg: var(--color_orange--subtle);
     --banner_text: var(--color_on-orange--subtle);
     --banner_border: var(--color_warning);
   }
-  .bds014---variant_error {
+  .bds015---variant_error {
     --banner_bg: rgb(from var(--color_error) r g b / 12%);
     --banner_text: var(--color_on-bg);
     --banner_border: var(--color_error);
   }
-  .bds014-content {
+  .bds015-content {
     flex: 1;
   }
-  .bds014-action {
+  .bds015-action {
     flex-shrink: 0;
   }
-  .bds014-dismiss {
+  .bds015-dismiss {
     all: unset;
     display: flex;
     align-items: center;
@@ -639,16 +639,16 @@
     border: 1px solid currentcolor;
     transition: var(--animation_transition);
   }
-  .bds014-dismiss svg {
+  .bds015-dismiss svg {
     width: 1rem;
     height: 1rem;
   }
-  .bds014-dismiss:focus-visible {
+  .bds015-dismiss:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds014-dismiss:hover {
+    .bds015-dismiss:hover {
       opacity: 0.7;
     }
   }
@@ -656,11 +656,11 @@
 
 /* src/components/ui/Pagination/Pagination.module.css */
 @layer component {
-  .bds014-pagination {
+  .bds015-pagination {
     display: flex;
     justify-content: center;
   }
-  .bds014-list {
+  .bds015-list {
     display: flex;
     align-items: center;
     gap: var(--space_xxs);
@@ -668,7 +668,7 @@
     margin: 0;
     padding: 0;
   }
-  .bds014-button {
+  .bds015-button {
     --btn_bg: transparent;
     --btn_color: var(--color_on-bg);
     --btn_border: var(--color_bg--subtle);
@@ -690,30 +690,30 @@
     transition: var(--animation_transition);
     box-sizing: border-box;
   }
-  .bds014-button:disabled {
+  .bds015-button:disabled {
     opacity: 0.4;
     cursor: not-allowed;
   }
-  .bds014-button:focus-visible {
+  .bds015-button:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds014-button:not(:disabled, .bds014---active):hover {
+    .bds015-button:not(:disabled, .bds015---active):hover {
       --btn_bg: var(--color_bg--subtle);
       --btn_color: var(--color_interactive);
     }
   }
-  .bds014-button.bds014---active {
+  .bds015-button.bds015---active {
     --btn_bg: var(--color_interactive);
     --btn_color: var(--color_on-interactive);
     --btn_border: var(--color_interactive);
   }
-  .bds014-button.bds014---nav svg {
+  .bds015-button.bds015---nav svg {
     width: 1rem;
     height: 1rem;
   }
-  .bds014-ellipsis {
+  .bds015-ellipsis {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -727,26 +727,26 @@
 
 /* src/components/ui/Progress/Progress.module.css */
 @layer component {
-  .bds014-container {
+  .bds015-container {
     display: flex;
     flex-direction: column;
     gap: var(--space_xxs);
     width: 100%;
   }
-  .bds014-labelRow {
+  .bds015-labelRow {
     display: flex;
     justify-content: space-between;
     align-items: baseline;
     font-size: var(--font_size--body--s);
     color: var(--color_on-bg);
   }
-  .bds014-label {
+  .bds015-label {
     font-weight: var(--font_weight--semibold);
   }
-  .bds014-value {
+  .bds015-value {
     font-variant-numeric: tabular-nums;
   }
-  .bds014-track {
+  .bds015-track {
     --progress_height: var(--space_xs);
     width: 100%;
     height: var(--progress_height);
@@ -754,23 +754,23 @@
     border-radius: 999px;
     overflow: hidden;
   }
-  .bds014-track.bds014---size_small {
+  .bds015-track.bds015---size_small {
     --progress_height: var(--space_xxs);
   }
-  .bds014-track.bds014---size_medium {
+  .bds015-track.bds015---size_medium {
     --progress_height: var(--space_xs);
   }
-  .bds014-track.bds014---size_large {
+  .bds015-track.bds015---size_large {
     --progress_height: var(--space_s);
   }
-  .bds014-fill {
+  .bds015-fill {
     height: 100%;
     background-color: var(--color_green);
     border-radius: 999px;
     transition: width var(--animation_transition-duration) var(--animation_easing);
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds014-fill {
+    .bds015-fill {
       transition: none;
     }
   }
@@ -778,23 +778,23 @@
 
 /* src/components/ui/ProgressCircle/ProgressCircle.module.css */
 @layer component {
-  .bds014-wrapper {
+  .bds015-wrapper {
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-content: center;
   }
-  .bds014-svg {
+  .bds015-svg {
     display: block;
   }
-  .bds014-track {
+  .bds015-track {
     stroke: var(--color_bg--subtle);
   }
-  .bds014-fill {
+  .bds015-fill {
     stroke: var(--color_green);
     transition: stroke-dashoffset var(--animation_transition-duration) var(--animation_easing);
   }
-  .bds014-value {
+  .bds015-value {
     position: absolute;
     font-size: var(--font_size--body--s);
     font-weight: var(--font_weight--semibold);
@@ -802,17 +802,17 @@
     color: var(--color_on-bg);
     line-height: 1;
   }
-  .bds014---size_small .bds014-value {
+  .bds015---size_small .bds015-value {
     font-size: 0.5rem;
   }
-  .bds014---size_medium .bds014-value {
+  .bds015---size_medium .bds015-value {
     font-size: var(--font_size--body--s);
   }
-  .bds014---size_large .bds014-value {
+  .bds015---size_large .bds015-value {
     font-size: var(--font_size--body);
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds014-fill {
+    .bds015-fill {
       transition: none;
     }
   }
@@ -820,17 +820,17 @@
 
 /* src/components/ui/Separator/Separator.module.css */
 @layer component {
-  .bds014-separator {
+  .bds015-separator {
     border: none;
-    background-color: var(--separator_color, var(--color_border));
+    background-color: var(--separator_color, var(--color_on-bg));
   }
-  .bds014-separator.bds014---horizontal {
+  .bds015-separator.bds015---horizontal {
     display: block;
     width: 100%;
     height: var(--separator_thickness, 1px);
     margin-block: var(--space_m);
   }
-  .bds014-separator.bds014---vertical {
+  .bds015-separator.bds015---vertical {
     display: inline-block;
     width: var(--separator_thickness, 1px);
     align-self: stretch;
@@ -840,7 +840,7 @@
 
 /* src/components/ui/Skeleton/Skeleton.module.css */
 @layer component {
-  .bds014-skeleton {
+  .bds015-skeleton {
     background:
       linear-gradient(
         90deg,
@@ -864,7 +864,7 @@
 
 /* src/components/ui/SkipLink/SkipLink.module.css */
 @layer component {
-  .bds014-skipLink {
+  .bds015-skipLink {
     position: absolute;
     inset-block-start: var(--space_s);
     inset-inline-start: var(--space_s);
@@ -880,13 +880,13 @@
     transform: translateY(-200%);
     transition: transform var(--animation_transition-duration) var(--animation_easing);
   }
-  .bds014-skipLink:focus-visible {
+  .bds015-skipLink:focus-visible {
     transform: translateY(0);
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds014-skipLink {
+    .bds015-skipLink {
       transition: none;
     }
   }
@@ -894,29 +894,29 @@
 
 /* src/components/ui/Table/Table.module.css */
 @layer component {
-  .bds014-wrapper {
+  .bds015-wrapper {
     width: 100%;
     overflow-x: auto;
     border-radius: var(--border_radius--s);
     border: 1px solid var(--color_bg--subtle);
   }
-  .bds014-table {
+  .bds015-table {
     width: 100%;
     border-collapse: collapse;
     font-size: var(--font_size--body);
     font-family: var(--font_family--body);
   }
-  .bds014-caption {
+  .bds015-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);
   }
-  .bds014-thead {
+  .bds015-thead {
     background-color: var(--color_bg--subtle);
   }
-  .bds014-th {
+  .bds015-th {
     padding: var(--space_s) var(--space_m);
     text-align: start;
     font-weight: var(--font_weight--semibold);
@@ -925,10 +925,10 @@
     white-space: nowrap;
     border-bottom: 1px solid var(--color_bg--subtle);
   }
-  .bds014-th.bds014---sortable {
+  .bds015-th.bds015---sortable {
     padding: 0;
   }
-  .bds014-sortButton {
+  .bds015-sortButton {
     all: unset;
     display: flex;
     align-items: center;
@@ -942,47 +942,47 @@
     transition: var(--animation_transition);
     box-sizing: border-box;
   }
-  .bds014-sortButton:focus-visible {
+  .bds015-sortButton:focus-visible {
     outline: var(--outline_default);
     outline-offset: calc(var(--outline_offset) * -1);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds014-sortButton:hover {
+    .bds015-sortButton:hover {
       color: var(--color_on-bg);
     }
   }
-  .bds014-sortIcon {
+  .bds015-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);
   }
-  .bds014-sortIcon.bds014---sort-active {
+  .bds015-sortIcon.bds015---sort-active {
     opacity: 1;
     color: var(--color_interactive);
   }
-  .bds014-sortIcon.bds014---sort-desc {
+  .bds015-sortIcon.bds015---sort-desc {
     transform: rotate(180deg);
   }
-  .bds014-tbody .bds014-tr {
+  .bds015-tbody .bds015-tr {
     border-bottom: 1px solid var(--color_bg--subtle);
     transition: var(--animation_transition);
   }
-  .bds014-tbody .bds014-tr:last-child {
+  .bds015-tbody .bds015-tr:last-child {
     border-bottom: none;
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds014-tbody .bds014-tr:hover {
+    .bds015-tbody .bds015-tr:hover {
       background-color: var(--color_bg--subtle);
     }
   }
-  .bds014-td {
+  .bds015-td {
     padding: var(--space_s) var(--space_m);
     color: var(--color_on-bg);
     vertical-align: middle;
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds014-sortIcon {
+    .bds015-sortIcon {
       transition: none;
     }
   }
@@ -990,16 +990,16 @@
 
 /* src/components/ui/Tabs/Tabs.module.css */
 @layer component {
-  .bds014-tabs {
+  .bds015-tabs {
     display: flex;
     flex-direction: column;
   }
-  .bds014-tabList {
+  .bds015-tabList {
     display: flex;
     border-bottom: 1px solid var(--color_bg--subtle);
     gap: var(--space_xxs);
   }
-  .bds014-tab {
+  .bds015-tab {
     --tab_color: var(--color_on-bg);
     --tab_border-color: transparent;
     all: unset;
@@ -1015,28 +1015,28 @@
     cursor: pointer;
     transition: var(--animation_transition);
   }
-  .bds014-tab.bds014---active {
+  .bds015-tab.bds015---active {
     --tab_color: var(--color_interactive);
     --tab_border-color: var(--color_interactive);
   }
-  .bds014-tab:disabled {
+  .bds015-tab:disabled {
     opacity: 0.4;
     cursor: not-allowed;
   }
-  .bds014-tab:focus-visible {
+  .bds015-tab:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
     border-radius: var(--border_radius--xs);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds014-tab:not(:disabled, .bds014---active):hover {
+    .bds015-tab:not(:disabled, .bds015---active):hover {
       --tab_color: var(--color_interactive);
     }
   }
-  .bds014-panel {
+  .bds015-panel {
     padding-block-start: var(--space_m);
   }
-  .bds014-panel:focus-visible {
+  .bds015-panel:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
@@ -1044,12 +1044,12 @@
 
 /* src/components/ui/Tooltip/Tooltip.module.css */
 @layer component {
-  .bds014-wrapper {
+  .bds015-wrapper {
     position: relative;
     display: inline-flex;
     align-items: center;
   }
-  .bds014-tooltip {
+  .bds015-tooltip {
     --tooltip_bg: var(--color_on-bg);
     --tooltip_text: var(--color_bg);
     position: absolute;
@@ -1066,33 +1066,33 @@
     opacity: 0;
     transition: opacity var(--animation_transition-duration) var(--animation_easing);
   }
-  .bds014-wrapper:hover .bds014-tooltip,
-  .bds014-wrapper:focus-within .bds014-tooltip {
+  .bds015-wrapper:hover .bds015-tooltip,
+  .bds015-wrapper:focus-within .bds015-tooltip {
     visibility: visible;
     opacity: 1;
   }
-  .bds014---placement_top {
+  .bds015---placement_top {
     bottom: calc(100% + var(--space_xs));
     left: 50%;
     transform: translateX(-50%);
   }
-  .bds014---placement_bottom {
+  .bds015---placement_bottom {
     top: calc(100% + var(--space_xs));
     left: 50%;
     transform: translateX(-50%);
   }
-  .bds014---placement_left {
+  .bds015---placement_left {
     right: calc(100% + var(--space_xs));
     top: 50%;
     transform: translateY(-50%);
   }
-  .bds014---placement_right {
+  .bds015---placement_right {
     left: calc(100% + var(--space_xs));
     top: 50%;
     transform: translateY(-50%);
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds014-tooltip {
+    .bds015-tooltip {
       transition: none;
     }
   }
@@ -1100,34 +1100,34 @@
 
 /* src/components/ui/Typography/Typography.module.css */
 @layer component {
-  .bds014-typography {
+  .bds015-typography {
     margin: 0;
     font-family: var(--font_family--body);
     color: var(--typography_color, var(--color_on-bg));
   }
-  .bds014---h1 {
+  .bds015---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);
   }
-  .bds014---h2 {
+  .bds015---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);
   }
-  .bds014---h3 {
+  .bds015---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);
   }
-  .bds014---body {
+  .bds015---body {
     font-size: var(--font_size--body);
     line-height: var(--font_line-height--body);
   }
-  .bds014---body_s {
+  .bds015---body_s {
     font-size: var(--font_size--body--s);
     line-height: var(--font_line-height--body);
   }
@@ -1149,8 +1149,8 @@
   }
 }
 @layer component {
-  .bds014-button,
-  .bds014-button[href] {
+  .bds015-button,
+  .bds015-button[href] {
     --button_height: 3em;
     --button_font-size: inherit;
     --button_bg: var(--color_cta);
@@ -1177,69 +1177,69 @@
     border: 2px solid var(--button_border-color);
     transition: var(--animation_transition);
   }
-  .bds014-button.bds014---primary {
+  .bds015-button.bds015---primary {
     --button_bg: var(--color_cta);
     --button_text: var(--color_on-cta);
     --button_border-color: transparent;
   }
-  .bds014-button.bds014---secondary {
+  .bds015-button.bds015---secondary {
     --button_bg: var(--color_bg);
     --button_text: var(--color_on-bg);
     --button_border-color: var(--button_text);
   }
-  .bds014-button.bds014---size_small {
+  .bds015-button.bds015---size_small {
     --button_height: 2.25em;
     --button_font-size: var(--font_size--body--s);
     padding-inline: var(--space_m);
   }
-  .bds014-button.bds014---size_medium {
+  .bds015-button.bds015---size_medium {
     --button_height: 3em;
     padding-inline: var(--space_l);
   }
-  .bds014-button.bds014---size_large {
+  .bds015-button.bds015---size_large {
     --button_height: 3.75em;
     --button_font-size: var(--font_size--heading-3);
     padding-inline: var(--space_xl);
   }
-  .bds014-button.bds014---hasPulse {
+  .bds015-button.bds015---hasPulse {
     animation: pulse 3s infinite;
   }
-  .bds014-button[href] {
+  .bds015-button[href] {
     text-decoration: none;
   }
-  .bds014-button svg {
+  .bds015-button svg {
     --icon__stroke: currentcolor;
     fill: currentcolor;
     color: currentcolor;
     flex-shrink: 0;
   }
-  .bds014-prefix {
+  .bds015-prefix {
     display: flex;
     align-items: center;
     margin-inline-start: calc(var(--space_s) * -1);
     transition: var(--animation_transition);
   }
-  .bds014-suffix {
+  .bds015-suffix {
     display: flex;
     align-items: center;
     margin-inline-end: calc(var(--space_s) * -1);
     transition: var(--animation_transition);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds014-button:hover .bds014-prefix svg {
+    .bds015-button:hover .bds015-prefix svg {
       animation: 2s infinite fadeZoom ease-out;
     }
-    .bds014-button:hover .bds014-suffix svg {
+    .bds015-button:hover .bds015-suffix svg {
       animation: 2s infinite fadeZoom ease-out;
     }
   }
-  .bds014-button:focus-visible {
+  .bds015-button:focus-visible {
     outline-offset: var(--outline_offset);
     outline: var(--outline_default);
     border-radius: var(--border_radius--s);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds014-button:hover {
+    .bds015-button:hover {
       --button_bg: var(--color_bg);
       --button_text: var(--color_interactive);
       --button_pulse-color: var(--color_interactive);
@@ -1250,7 +1250,7 @@
 
 /* src/components/interaction/Command/Command.module.css */
 @layer component {
-  .bds014-dialog {
+  .bds015-dialog {
     padding: 0;
     border: none;
     border-radius: var(--border_radius--m);
@@ -1260,10 +1260,10 @@
     overflow: visible;
     margin-block-start: 10vh;
   }
-  .bds014-dialog::backdrop {
+  .bds015-dialog::backdrop {
     background: rgb(0 0 0 / 50%);
   }
-  .bds014-palette {
+  .bds015-palette {
     display: flex;
     flex-direction: column;
     background-color: var(--color_bg);
@@ -1273,7 +1273,7 @@
     max-height: 70vh;
     border: 1px solid var(--color_bg--subtle);
   }
-  .bds014-searchRow {
+  .bds015-searchRow {
     display: flex;
     align-items: center;
     gap: var(--space_xs);
@@ -1281,13 +1281,13 @@
     border-block-end: 1px solid var(--color_bg--subtle);
     flex-shrink: 0;
   }
-  .bds014-searchIcon {
+  .bds015-searchIcon {
     width: 1.25rem;
     height: 1.25rem;
     color: var(--color_on-bg--muted);
     flex-shrink: 0;
   }
-  .bds014-search {
+  .bds015-search {
     flex: 1;
     border: none;
     outline: none;
@@ -1297,10 +1297,10 @@
     background: transparent;
     min-width: 0;
   }
-  .bds014-search::placeholder {
+  .bds015-search::placeholder {
     color: var(--color_on-bg--muted);
   }
-  .bds014-escHint {
+  .bds015-escHint {
     font-size: var(--font_size--body--s);
     color: var(--color_on-bg--muted);
     border: 1px solid var(--color_on-bg--muted);
@@ -1308,18 +1308,18 @@
     padding: 0.1em 0.4em;
     flex-shrink: 0;
   }
-  .bds014-list {
+  .bds015-list {
     overflow-y: auto;
     list-style: none;
     margin: 0;
     padding: var(--space_xs) 0;
   }
-  .bds014-groupList {
+  .bds015-groupList {
     list-style: none;
     margin: 0;
     padding: 0;
   }
-  .bds014-group {
+  .bds015-group {
     padding: var(--space_xs) var(--space_m);
     font-size: var(--font_size--body--s);
     font-weight: var(--font_weight--semibold);
@@ -1327,7 +1327,7 @@
     text-transform: uppercase;
     letter-spacing: 0.05em;
   }
-  .bds014-item {
+  .bds015-item {
     display: flex;
     align-items: center;
     gap: var(--space_s);
@@ -1335,26 +1335,26 @@
     cursor: pointer;
     transition: background-color var(--animation_transition-duration) var(--animation_easing);
   }
-  .bds014-itemActive {
+  .bds015-itemActive {
     background-color: var(--color_bg--subtle);
   }
-  .bds014-itemLabel {
+  .bds015-itemLabel {
     flex: 1;
     font-size: var(--font_size--body);
     color: var(--color_on-bg);
   }
-  .bds014-itemDesc {
+  .bds015-itemDesc {
     font-size: var(--font_size--body--s);
     color: var(--color_on-bg--muted);
   }
-  .bds014-shortcut {
+  .bds015-shortcut {
     font-size: var(--font_size--body--s);
     color: var(--color_on-bg--muted);
     border: 1px solid var(--color_on-bg--muted);
     border-radius: var(--border_radius--xs);
     padding: 0.1em 0.4em;
   }
-  .bds014-empty {
+  .bds015-empty {
     padding: var(--space_l) var(--space_m);
     text-align: center;
     color: var(--color_on-bg--muted);
@@ -1364,7 +1364,7 @@
 
 /* src/components/interaction/Dialog/Dialog.module.css */
 @layer component {
-  .bds014-dialog {
+  .bds015-dialog {
     display: grid;
     gap: var(--grid_gap);
     font-size: var(--font_size--body--s);
@@ -1376,12 +1376,12 @@
     overflow: visible;
     max-width: 90svw;
   }
-  .bds014-closeForm {
+  .bds015-closeForm {
     position: absolute;
     inset-block-start: -1em;
     inset-inline-end: -1em;
   }
-  .bds014-closeButton {
+  .bds015-closeButton {
     all: unset;
     width: 2em;
     height: 2em;
@@ -1394,7 +1394,7 @@
     border: 2px solid currentcolor;
     cursor: pointer;
   }
-  .bds014-closeButton svg {
+  .bds015-closeButton svg {
     width: 1.25em;
     height: 1.25em;
   }
@@ -1402,7 +1402,7 @@
 
 /* src/components/interaction/Drawer/Drawer.module.css */
 @layer component {
-  .bds014-drawer {
+  .bds015-drawer {
     position: fixed;
     inset: 0;
     margin: 0;
@@ -1415,10 +1415,10 @@
     background: transparent;
     overflow: hidden;
   }
-  .bds014-drawer::backdrop {
+  .bds015-drawer::backdrop {
     background: rgb(0 0 0 / 50%);
   }
-  .bds014-panel {
+  .bds015-panel {
     position: absolute;
     inset-block: 0;
     display: flex;
@@ -1431,13 +1431,13 @@
     overflow: hidden;
     transition: transform var(--animation_transition-duration) var(--animation_easing);
   }
-  .bds014---side_right .bds014-panel {
+  .bds015---side_right .bds015-panel {
     inset-inline-end: 0;
   }
-  .bds014---side_left .bds014-panel {
+  .bds015---side_left .bds015-panel {
     inset-inline-start: 0;
   }
-  .bds014-header {
+  .bds015-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -1445,13 +1445,13 @@
     border-block-end: 1px solid var(--color_bg--subtle);
     flex-shrink: 0;
   }
-  .bds014-title {
+  .bds015-title {
     margin: 0;
     font-size: var(--font_size--heading--s);
     font-weight: var(--font_weight--semibold);
     line-height: var(--font_line-height--heading);
   }
-  .bds014-closeButton {
+  .bds015-closeButton {
     all: unset;
     display: flex;
     align-items: center;
@@ -1463,26 +1463,26 @@
     color: var(--color_on-bg);
     transition: var(--animation_transition);
   }
-  .bds014-closeButton svg {
+  .bds015-closeButton svg {
     width: 1.25rem;
     height: 1.25rem;
   }
-  .bds014-closeButton:focus-visible {
+  .bds015-closeButton:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds014-closeButton:hover {
+    .bds015-closeButton:hover {
       background-color: var(--color_bg--subtle);
     }
   }
-  .bds014-body {
+  .bds015-body {
     flex: 1;
     overflow-y: auto;
     padding: var(--space_l);
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds014-panel {
+    .bds015-panel {
       transition: none;
     }
   }
@@ -1490,11 +1490,11 @@
 
 /* src/components/interaction/DropdownMenu/DropdownMenu.module.css */
 @layer component {
-  .bds014-wrapper {
+  .bds015-wrapper {
     position: relative;
     display: inline-flex;
   }
-  .bds014-menu {
+  .bds015-menu {
     position: absolute;
     top: calc(100% + var(--space_xxs));
     z-index: var(--z-index_dropdown);
@@ -1507,18 +1507,18 @@
     list-style: none;
     margin: 0;
   }
-  .bds014---placement_bottom-start {
+  .bds015---placement_bottom-start {
     left: 0;
   }
-  .bds014---placement_bottom-end {
+  .bds015---placement_bottom-end {
     right: 0;
   }
-  .bds014-separator {
+  .bds015-separator {
     border: none;
     border-top: 1px solid var(--color_bg--subtle);
     margin: var(--space_xxs) 0;
   }
-  .bds014-item {
+  .bds015-item {
     all: unset;
     display: flex;
     align-items: center;
@@ -1532,22 +1532,22 @@
     box-sizing: border-box;
     transition: var(--animation_transition);
   }
-  .bds014-item:disabled {
+  .bds015-item:disabled {
     opacity: 0.4;
     cursor: not-allowed;
   }
-  .bds014-item:focus-visible {
+  .bds015-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) {
-    .bds014-item:not(:disabled):hover {
+    .bds015-item:not(:disabled):hover {
       background-color: var(--color_bg--subtle);
       color: var(--color_interactive);
     }
   }
-  .bds014-icon {
+  .bds015-icon {
     display: flex;
     align-items: center;
     flex-shrink: 0;
@@ -1556,11 +1556,11 @@
 
 /* src/components/interaction/Popover/Popover.module.css */
 @layer component {
-  .bds014-wrapper {
+  .bds015-wrapper {
     position: relative;
     display: inline-flex;
   }
-  .bds014-panel {
+  .bds015-panel {
     position: absolute;
     z-index: var(--z-index_popover);
     min-width: 12rem;
@@ -1572,19 +1572,19 @@
     color: var(--color_on-bg);
     font-size: var(--font_size--body);
   }
-  .bds014---placement_bottom {
+  .bds015---placement_bottom {
     top: calc(100% + var(--space_xs));
     left: 0;
   }
-  .bds014---placement_top {
+  .bds015---placement_top {
     bottom: calc(100% + var(--space_xs));
     left: 0;
   }
-  .bds014---placement_right {
+  .bds015---placement_right {
     left: calc(100% + var(--space_xs));
     top: 0;
   }
-  .bds014---placement_left {
+  .bds015---placement_left {
     right: calc(100% + var(--space_xs));
     top: 0;
   }
@@ -1592,23 +1592,23 @@
 
 /* src/components/interaction/Rating/Rating.module.css */
 @layer component {
-  .bds014-rating {
+  .bds015-rating {
     display: inline-flex;
     gap: var(--space_xxxs);
     color: var(--color_bg);
   }
-  .bds014-star {
+  .bds015-star {
     width: 1.5em;
     height: 1.5em;
   }
-  .bds014---filled {
+  .bds015---filled {
     color: var(--color_warning);
   }
 }
 
 /* src/components/interaction/Toast/Toast.module.css */
 @layer component {
-  .bds014-toastContainer {
+  .bds015-toastContainer {
     position: fixed;
     bottom: var(--space_xl);
     right: var(--space_xl);
@@ -1617,7 +1617,7 @@
     gap: var(--space_m);
     z-index: var(--z-index_toast);
   }
-  .bds014-toast {
+  .bds015-toast {
     padding: var(--space_m) var(--space_l);
     background-color: var(--color_bg);
     color: var(--color_on-bg);
@@ -1629,15 +1629,39 @@
     min-width: 300px;
     animation: slideIn var(--animation_duration--fast) var(--animation_easing);
   }
-  .bds014---variant_success {
+  .bds015---variant_success {
     border-left: 4px solid var(--color_success);
   }
-  .bds014---variant_error {
+  .bds015---variant_error {
     border-left: 4px solid var(--color_error);
   }
-  .bds014---variant_info {
+  .bds015---variant_info {
     border-left: 4px solid var(--color_interactive);
   }
+  .bds015-message {
+    flex: 1;
+  }
+  .bds015-closeButton {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    width: 1.25rem;
+    height: 1.25rem;
+    padding: 0;
+    background: none;
+    border: none;
+    cursor: pointer;
+    color: inherit;
+    opacity: 0.6;
+  }
+  .bds015-closeButton:hover {
+    opacity: 1;
+  }
+  .bds015-closeButton svg {
+    width: 1rem;
+    height: 1rem;
+  }
 }
 @keyframes slideIn {
   from {
@@ -1652,22 +1676,22 @@
 
 /* src/components/interaction/form/Checkbox/Checkbox.module.css */
 @layer component {
-  .bds014-checkboxGroup {
+  .bds015-checkboxGroup {
     --inputSize: calc(var(--space_s) * 2);
     display: flex;
     flex-direction: column;
     margin-block-end: var(--space_m);
   }
-  .bds014-inputWrapper {
+  .bds015-inputWrapper {
     display: flex;
     align-items: stretch;
     gap: var(--space_xs);
   }
-  .bds014-checkbox {
+  .bds015-checkbox {
     margin-block-start: 0.25em;
     width: var(--inputSize);
     height: var(--inputSize);
-    border: 1px solid var(--color_border);
+    border: 1px solid var(--color_on-bg);
     border-radius: var(--border_radius--xs);
     appearance: none;
     background-color: var(--color_bg);
@@ -1675,12 +1699,12 @@
     position: relative;
     transition: background-color 0.3s ease, border-color 0.3s ease;
   }
-  .bds014-checkbox:checked {
+  .bds015-checkbox:checked {
     background-color: var(--color_green);
     border-color: var(--color_green);
     box-shadow: 0 0 0 2px var(--color_green);
   }
-  .bds014-checkbox:checked::after {
+  .bds015-checkbox:checked::after {
     content: "";
     position: absolute;
     left: 0.6em;
@@ -1691,15 +1715,15 @@
     border-width: 0 2px 2px 0;
     transform: rotate(45deg);
   }
-  .bds014-checkbox:focus {
+  .bds015-checkbox:focus {
     outline: none;
     border-color: var(--color_interactive);
     box-shadow: 0 0 0 2px var(--color_green);
   }
-  .bds014-checkboxError {
+  .bds015-checkboxError {
     border-color: var(--color_error);
   }
-  .bds014-checkboxError:focus {
+  .bds015-checkboxError:focus {
     border-color: var(--color_error);
     box-shadow: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
   }
@@ -1707,19 +1731,19 @@
 
 /* src/components/interaction/form/atoms/Message.module.css */
 @layer component {
-  .bds014-error,
-  .bds014-hint {
+  .bds015-error,
+  .bds015-hint {
     font-size: var(--font_size--body--s);
     margin-inline-start: var(--labelPosition);
   }
-  .bds014-error {
+  .bds015-error {
     color: var(--color_error);
   }
 }
 
 /* src/components/interaction/form/atoms/Label.module.css */
 @layer component {
-  .bds014-label {
+  .bds015-label {
     display: flex;
     align-items: center;
     font-family: var(--font_family--body);
@@ -1731,7 +1755,7 @@
 
 /* src/components/interaction/form/atoms/InputContainer.module.css */
 @layer component {
-  .bds014-container {
+  .bds015-container {
     --labelPosition: calc(var(--inputSize) + var(--space_m));
     display: flex;
     flex-direction: column;
@@ -1741,16 +1765,16 @@
 
 /* src/components/interaction/form/Combobox/Combobox.module.css */
 @layer component {
-  .bds014-formGroup {
+  .bds015-formGroup {
     display: flex;
     flex-direction: column;
   }
-  .bds014-inputWrapper {
+  .bds015-inputWrapper {
     position: relative;
     display: flex;
     align-items: center;
   }
-  .bds014-input {
+  .bds015-input {
     --combobox_border-color: var(--color_on-bg);
     --combobox_focus-ring: 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%);
     appearance: none;
@@ -1765,22 +1789,22 @@
     color: var(--color_on-bg);
     transition: var(--animation_transition);
   }
-  .bds014-input:focus {
+  .bds015-input:focus {
     --combobox_border-color: var(--color_interactive);
     outline: none;
     box-shadow: var(--combobox_focus-ring);
   }
-  .bds014-input:disabled {
+  .bds015-input:disabled {
     opacity: 0.5;
     cursor: not-allowed;
   }
-  .bds014-inputError {
+  .bds015-inputError {
     --combobox_border-color: var(--color_error);
   }
-  .bds014-inputError:focus {
+  .bds015-inputError:focus {
     --combobox_focus-ring: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
   }
-  .bds014-chevron {
+  .bds015-chevron {
     position: absolute;
     inset-inline-end: var(--space_s);
     display: flex;
@@ -1788,11 +1812,11 @@
     pointer-events: none;
     color: var(--color_on-bg);
   }
-  .bds014-chevron svg {
+  .bds015-chevron svg {
     width: 1rem;
     height: 1rem;
   }
-  .bds014-listbox {
+  .bds015-listbox {
     position: absolute;
     top: calc(100% + var(--space_xxs));
     left: 0;
@@ -1808,7 +1832,7 @@
     background-color: var(--color_bg);
     box-shadow: var(--shadow_m);
   }
-  .bds014-option {
+  .bds015-option {
     display: flex;
     align-items: center;
     padding: var(--space_xs) var(--space_m);
@@ -1817,14 +1841,14 @@
     cursor: pointer;
     transition: var(--animation_transition);
   }
-  .bds014-option.bds014---highlighted {
+  .bds015-option.bds015---highlighted {
     background-color: var(--color_bg--subtle);
     color: var(--color_interactive);
   }
-  .bds014-option.bds014---selected {
+  .bds015-option.bds015---selected {
     font-weight: var(--font_weight--semibold);
   }
-  .bds014-option.bds014---disabled {
+  .bds015-option.bds015---disabled {
     opacity: 0.4;
     cursor: not-allowed;
   }
@@ -1832,11 +1856,11 @@
 
 /* src/components/interaction/form/FileInput/FileInput.module.css */
 @layer component {
-  .bds014-formGroup {
+  .bds015-formGroup {
     display: flex;
     flex-direction: column;
   }
-  .bds014-dropZone {
+  .bds015-dropZone {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -1850,40 +1874,40 @@
     transition: var(--animation_transition);
     color: var(--color_on-bg--muted);
   }
-  .bds014-dropZone:focus-within {
+  .bds015-dropZone:focus-within {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
     border-color: var(--color_interactive);
   }
-  .bds014-isDragging {
+  .bds015-isDragging {
     border-color: var(--color_interactive);
     background-color: rgb(from var(--color_interactive) r g b / 8%);
   }
-  .bds014-hasError {
+  .bds015-hasError {
     border-color: var(--color_error);
   }
-  .bds014-isDisabled {
+  .bds015-isDisabled {
     opacity: 0.5;
     cursor: not-allowed;
   }
-  .bds014-icon {
+  .bds015-icon {
     width: 2rem;
     height: 2rem;
     flex-shrink: 0;
   }
-  .bds014-prompt {
+  .bds015-prompt {
     font-size: var(--font_size--body);
     color: var(--color_on-bg--muted);
   }
-  .bds014-prompt strong {
+  .bds015-prompt strong {
     color: var(--color_interactive);
     font-weight: var(--font_weight--semibold);
   }
-  .bds014-acceptHint {
+  .bds015-acceptHint {
     font-size: var(--font_size--body--s);
     color: var(--color_on-bg--muted);
   }
-  .bds014-hiddenInput {
+  .bds015-hiddenInput {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -1893,7 +1917,7 @@
     border: 0;
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds014-dropZone:not(.bds014-isDisabled):hover {
+    .bds015-dropZone:not(.bds015-isDisabled):hover {
       border-color: var(--color_interactive);
       background-color: rgb(from var(--color_interactive) r g b / 4%);
     }
@@ -1902,12 +1926,12 @@
 
 /* src/components/interaction/form/FormInput/FormInput.module.css */
 @layer component {
-  .bds014-formGroup {
+  .bds015-formGroup {
     --labelPosition: 0;
     display: flex;
     flex-direction: column;
   }
-  .bds014-input {
+  .bds015-input {
     --input_border-color: var(--color_on-bg);
     --input_radius: var(--border_radius--xs);
     --input_focus-ring: 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%);
@@ -1918,26 +1942,26 @@
     border-radius: var(--input_radius);
     transition: var(--animation_transition);
   }
-  .bds014-input:focus {
+  .bds015-input:focus {
     --input_border-color: var(--color_interactive);
     outline: none;
     box-shadow: var(--input_focus-ring);
   }
-  .bds014-inputError {
+  .bds015-inputError {
     --input_border-color: var(--color_error);
   }
-  .bds014-inputError:focus {
+  .bds015-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 {
-  .bds014-formGroup {
+  .bds015-formGroup {
     display: flex;
     flex-direction: column;
   }
-  .bds014-inputRow {
+  .bds015-inputRow {
     display: flex;
     align-items: stretch;
     border: 1px solid var(--color_on-bg);
@@ -1945,11 +1969,11 @@
     overflow: hidden;
     transition: var(--animation_transition);
   }
-  .bds014-inputRow:focus-within {
+  .bds015-inputRow:focus-within {
     border-color: var(--color_interactive);
     box-shadow: 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%);
   }
-  .bds014-input {
+  .bds015-input {
     flex: 1;
     border: none;
     outline: none;
@@ -1962,18 +1986,18 @@
     min-width: 0;
     appearance: textfield;
   }
-  .bds014-input::-webkit-inner-spin-button,
-  .bds014-input::-webkit-outer-spin-button {
+  .bds015-input::-webkit-inner-spin-button,
+  .bds015-input::-webkit-outer-spin-button {
     appearance: none;
   }
-  .bds014-inputError {
+  .bds015-inputError {
     border-color: var(--color_error);
   }
-  .bds014-inputError:focus-within {
+  .bds015-inputError:focus-within {
     border-color: var(--color_error);
     box-shadow: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
   }
-  .bds014-stepper {
+  .bds015-stepper {
     all: unset;
     display: flex;
     align-items: center;
@@ -1985,16 +2009,16 @@
     transition: var(--animation_transition);
     flex-shrink: 0;
   }
-  .bds014-stepper svg {
+  .bds015-stepper svg {
     width: 1rem;
     height: 1rem;
   }
-  .bds014-stepper:disabled {
+  .bds015-stepper:disabled {
     opacity: 0.4;
     cursor: not-allowed;
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds014-stepper:not(:disabled):hover {
+    .bds015-stepper:not(:disabled):hover {
       background-color: var(--color_bg--subtle);
       opacity: 0.7;
     }
@@ -2003,23 +2027,23 @@
 
 /* src/components/interaction/form/Radio/Radio.module.css */
 @layer component {
-  .bds014-radioGroup {
+  .bds015-radioGroup {
     --inputSize: calc(var(--space_s) * 2);
     --labelPosition: calc(var(--inputSize) + var(--space_m));
     display: flex;
     flex-direction: column;
   }
-  .bds014-inputWrapper {
+  .bds015-inputWrapper {
     display: flex;
     align-items: stretch;
     gap: var(--space_xs);
   }
-  .bds014-radio {
+  .bds015-radio {
     flex-shrink: 0;
     margin-block-start: 0.25em;
     width: var(--inputSize);
     height: var(--inputSize);
-    border: 1px solid var(--color_border);
+    border: 1px solid var(--color_on-bg);
     border-radius: 50%;
     appearance: none;
     background-color: var(--color_bg);
@@ -2027,12 +2051,12 @@
     position: relative;
     transition: background-color 0.3s ease, border-color 0.3s ease;
   }
-  .bds014-radio:checked {
+  .bds015-radio:checked {
     background-color: var(--color_green);
     border-color: var(--color_green);
     box-shadow: 0 0 0 2px var(--color_green);
   }
-  .bds014-radio:checked::after {
+  .bds015-radio:checked::after {
     content: "";
     position: absolute;
     left: 0.6em;
@@ -2043,15 +2067,15 @@
     border-width: 0 2px 2px 0;
     transform: rotate(45deg);
   }
-  .bds014-radio:focus {
+  .bds015-radio:focus {
     outline: none;
     border-color: var(--color_interactive);
     box-shadow: 0 0 0 2px var(--color_green);
   }
-  .bds014-radioError {
+  .bds015-radioError {
     border-color: var(--color_error);
   }
-  .bds014-radioError:focus {
+  .bds015-radioError:focus {
     border-color: var(--color_error);
     box-shadow: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
   }
@@ -2059,16 +2083,16 @@
 
 /* src/components/interaction/form/Select/Select.module.css */
 @layer component {
-  .bds014-formGroup {
+  .bds015-formGroup {
     display: flex;
     flex-direction: column;
   }
-  .bds014-selectWrapper {
+  .bds015-selectWrapper {
     position: relative;
     display: flex;
     align-items: center;
   }
-  .bds014-select {
+  .bds015-select {
     --select_border-color: var(--color_on-bg);
     --select_focus-ring: 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%);
     appearance: none;
@@ -2084,22 +2108,22 @@
     cursor: pointer;
     transition: var(--animation_transition);
   }
-  .bds014-select:focus {
+  .bds015-select:focus {
     --select_border-color: var(--color_interactive);
     outline: none;
     box-shadow: var(--select_focus-ring);
   }
-  .bds014-select:disabled {
+  .bds015-select:disabled {
     opacity: 0.5;
     cursor: not-allowed;
   }
-  .bds014-selectError {
+  .bds015-selectError {
     --select_border-color: var(--color_error);
   }
-  .bds014-selectError:focus {
+  .bds015-selectError:focus {
     --select_focus-ring: 0 0 0 2px rgb(from var(--color_error) r g b / 20%);
   }
-  .bds014-chevron {
+  .bds015-chevron {
     position: absolute;
     inset-inline-end: var(--space_s);
     display: flex;
@@ -2107,7 +2131,7 @@
     pointer-events: none;
     color: var(--color_on-bg);
   }
-  .bds014-chevron svg {
+  .bds015-chevron svg {
     width: 1rem;
     height: 1rem;
   }
@@ -2115,22 +2139,22 @@
 
 /* src/components/interaction/form/Slider/Slider.module.css */
 @layer component {
-  .bds014-formGroup {
+  .bds015-formGroup {
     display: flex;
     flex-direction: column;
     gap: var(--space_xxs);
   }
-  .bds014-labelRow {
+  .bds015-labelRow {
     display: flex;
     justify-content: space-between;
     align-items: baseline;
   }
-  .bds014-value {
+  .bds015-value {
     font-size: var(--font_size--body--s);
     font-variant-numeric: tabular-nums;
     color: var(--color_on-bg--subtle);
   }
-  .bds014-slider {
+  .bds015-slider {
     --slider_fill: 0%;
     --slider_track-height: var(--space_xxs);
     --slider_thumb-size: calc(var(--space_s) * 2);
@@ -2148,16 +2172,16 @@
     cursor: pointer;
     transition: var(--animation_transition);
   }
-  .bds014-slider:focus-visible {
+  .bds015-slider:focus-visible {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
     border-radius: 999px;
   }
-  .bds014-slider:disabled {
+  .bds015-slider:disabled {
     opacity: 0.4;
     cursor: not-allowed;
   }
-  .bds014-slider::-webkit-slider-thumb {
+  .bds015-slider::-webkit-slider-thumb {
     appearance: none;
     width: var(--slider_thumb-size);
     height: var(--slider_thumb-size);
@@ -2167,7 +2191,7 @@
     transition: var(--animation_transition);
     cursor: pointer;
   }
-  .bds014-slider::-moz-range-thumb {
+  .bds015-slider::-moz-range-thumb {
     width: var(--slider_thumb-size);
     height: var(--slider_thumb-size);
     border: none;
@@ -2176,7 +2200,7 @@
     box-shadow: var(--shadow_s);
     cursor: pointer;
   }
-  .bds014-sliderError {
+  .bds015-sliderError {
     background:
       linear-gradient(
         to right,
@@ -2185,16 +2209,16 @@
         var(--color_bg--subtle) var(--slider_fill),
         var(--color_bg--subtle) 100%);
   }
-  .bds014-sliderError::-webkit-slider-thumb {
+  .bds015-sliderError::-webkit-slider-thumb {
     background-color: var(--color_error);
   }
-  .bds014-sliderError::-moz-range-thumb {
+  .bds015-sliderError::-moz-range-thumb {
     background-color: var(--color_error);
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds014-slider,
-    .bds014-slider::-webkit-slider-thumb,
-    .bds014-slider::-moz-range-thumb {
+    .bds015-slider,
+    .bds015-slider::-webkit-slider-thumb,
+    .bds015-slider::-moz-range-thumb {
       transition: none;
     }
   }
@@ -2202,7 +2226,7 @@
 
 /* src/components/interaction/form/Switch/Switch.module.css */
 @layer component {
-  .bds014-switchGroup {
+  .bds015-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);
@@ -2215,21 +2239,21 @@
     flex-direction: column;
     margin-block-end: var(--space_m);
   }
-  .bds014-switchGroup.bds014---size_small {
+  .bds015-switchGroup.bds015---size_small {
     --switch_thumb-size: 1em;
   }
-  .bds014-switchGroup.bds014---size_medium {
+  .bds015-switchGroup.bds015---size_medium {
     --switch_thumb-size: 1.25em;
   }
-  .bds014-switchGroup.bds014---size_large {
+  .bds015-switchGroup.bds015---size_large {
     --switch_thumb-size: 1.5em;
   }
-  .bds014-inputWrapper {
+  .bds015-inputWrapper {
     display: flex;
     align-items: center;
     gap: var(--space_xs);
   }
-  .bds014-trackWrapper {
+  .bds015-trackWrapper {
     position: relative;
     display: inline-flex;
     align-items: center;
@@ -2237,7 +2261,7 @@
     width: var(--switch_track-width);
     height: var(--switch_track-height);
   }
-  .bds014-switch {
+  .bds015-switch {
     position: absolute;
     inset: 0;
     appearance: none;
@@ -2248,10 +2272,10 @@
     cursor: pointer;
     z-index: 1;
   }
-  .bds014-switch:disabled {
+  .bds015-switch:disabled {
     cursor: not-allowed;
   }
-  .bds014-track {
+  .bds015-track {
     display: inline-flex;
     align-items: center;
     width: var(--switch_track-width);
@@ -2264,7 +2288,7 @@
     outline: 1px solid var(--thumb_bg);
     outline-offset: var(--outline_offset);
   }
-  .bds014-thumb {
+  .bds015-thumb {
     display: block;
     width: var(--switch_thumb-size);
     height: var(--switch_thumb-size);
@@ -2274,28 +2298,28 @@
     transition: var(--animation_transition);
     transform: translateX(0);
   }
-  .bds014-switch.bds014-switchError + .bds014-track {
+  .bds015-switch.bds015-switchError + .bds015-track {
     outline: 1px solid var(--color_error);
   }
-  .bds014-switch:checked + .bds014-track {
+  .bds015-switch:checked + .bds015-track {
     background-color: var(--track_active);
     outline-color: var(--thumb_bg--active);
   }
-  .bds014-switch:checked + .bds014-track .bds014-thumb {
+  .bds015-switch:checked + .bds015-track .bds015-thumb {
     background-color: var(--thumb_bg--active);
     transform: translateX(var(--switch_thumb-size));
   }
-  .bds014-switch:focus-visible + .bds014-track {
+  .bds015-switch:focus-visible + .bds015-track {
     outline: var(--outline_default);
     outline-offset: var(--outline_offset);
     border-radius: 999px;
   }
-  .bds014-switch:disabled + .bds014-track {
+  .bds015-switch:disabled + .bds015-track {
     opacity: 0.4;
   }
   @media (prefers-reduced-motion: reduce) {
-    .bds014-track,
-    .bds014-thumb {
+    .bds015-track,
+    .bds015-thumb {
       transition: none;
     }
   }
@@ -2303,11 +2327,11 @@
 
 /* src/components/interaction/form/Textarea/Textarea.module.css */
 @layer component {
-  .bds014-formGroup {
+  .bds015-formGroup {
     display: flex;
     flex-direction: column;
   }
-  .bds014-textarea {
+  .bds015-textarea {
     --textarea_border-color: var(--color_on-bg);
     --textarea_focus-ring: 0 0 0 2px rgb(from var(--color_interactive) r g b / 20%);
     font-family: var(--font_family--body);
@@ -2322,69 +2346,69 @@
     min-height: calc(var(--space_m) * 5);
     transition: var(--animation_transition);
   }
-  .bds014-textarea:focus {
+  .bds015-textarea:focus {
     --textarea_border-color: var(--color_interactive);
     outline: none;
     box-shadow: var(--textarea_focus-ring);
   }
-  .bds014-textarea:disabled {
+  .bds015-textarea:disabled {
     opacity: 0.5;
     cursor: not-allowed;
     resize: none;
   }
-  .bds014-textareaError {
+  .bds015-textareaError {
     --textarea_border-color: var(--color_error);
   }
-  .bds014-textareaError:focus {
+  .bds015-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 {
-  .bds014-buttonGroup {
+  .bds015-buttonGroup {
     container-type: inline-size;
     container-name: button-group;
     grid-column: var(--grid_span-100);
   }
-  .bds014-buttonGroup .bds014-container {
+  .bds015-buttonGroup .bds015-container {
     position: relative;
     display: flex;
     flex-direction: column-reverse;
     gap: var(--space_l);
     align-items: center;
   }
-  .bds014-buttonGroup.bds014---variant__card .bds014-container {
+  .bds015-buttonGroup.bds015---variant__card .bds015-container {
     align-items: stretch;
   }
-  .bds014-buttonGroup.bds014---variant__flow .bds014-container,
-  .bds014-buttonGroup.bds014---variant__modal .bds014-container {
+  .bds015-buttonGroup.bds015---variant__flow .bds015-container,
+  .bds015-buttonGroup.bds015---variant__modal .bds015-container {
     align-items: center;
   }
-  .bds014-buttonGroup.bds014---variant__content .bds014-container {
+  .bds015-buttonGroup.bds015---variant__content .bds015-container {
     align-items: flex-start;
   }
   @supports (contain: inline-size) {
     @container button-group (min-width: 30rem) {
-      .bds014-buttonGroup .bds014-container {
+      .bds015-buttonGroup .bds015-container {
         flex-direction: row;
         justify-content: space-between;
       }
-      .bds014-buttonGroup.bds014---variant__modal .bds014-container > :first-child:last-child,
-      .bds014-buttonGroup.bds014---variant__flow .bds014-container > :first-child:last-child {
+      .bds015-buttonGroup.bds015---variant__modal .bds015-container > :first-child:last-child,
+      .bds015-buttonGroup.bds015---variant__flow .bds015-container > :first-child:last-child {
         margin-inline-start: auto;
       }
-      .bds014-buttonGroup.bds014---variant__card .bds014-container {
+      .bds015-buttonGroup.bds015---variant__card .bds015-container {
         justify-content: center;
       }
-      .bds014-buttonGroup.bds014---variant__modal .bds014-container {
+      .bds015-buttonGroup.bds015---variant__modal .bds015-container {
         justify-content: flex-end;
       }
-      .bds014-buttonGroup.bds014---variant__content .bds014-container {
+      .bds015-buttonGroup.bds015---variant__content .bds015-container {
         justify-content: flex-start;
         align-items: center;
       }
-      .bds014-buttonGroup.bds014---variant__grid .bds014-container {
+      .bds015-buttonGroup.bds015---variant__grid .bds015-container {
         justify-content: center;
       }
     }
@@ -2393,58 +2417,58 @@
 
 /* src/components/layout/Card/Card.module.css */
 @layer component {
-  .bds014-card {
+  .bds015-card {
     background-color: var(--color_bg);
     border-radius: var(--border_radius--m);
     transition: all 0.3s ease;
     position: relative;
   }
-  .bds014-card.bds014---default {
+  .bds015-card.bds015---default {
     box-shadow: var(--shadow_s);
   }
-  .bds014-card.bds014---elevated {
+  .bds015-card.bds015---elevated {
     box-shadow: var(--shadow_m);
   }
-  .bds014-card.bds014---outlined {
+  .bds015-card.bds015---outlined {
     border: 1px solid var(--color_on-bg);
     box-shadow: var(--shadow_s);
   }
-  .bds014-card.bds014---clickable {
+  .bds015-card.bds015---clickable {
     cursor: pointer;
   }
-  .bds014-card.bds014---padding-none {
+  .bds015-card.bds015---padding-none {
     padding: 0;
   }
-  .bds014-card.bds014---padding-small {
+  .bds015-card.bds015---padding-small {
     padding: var(--space_s);
   }
-  .bds014-card.bds014---padding-medium {
+  .bds015-card.bds015---padding-medium {
     padding: var(--space_m);
   }
-  .bds014-card.bds014---padding-large {
+  .bds015-card.bds015---padding-large {
     padding: var(--space_l);
   }
-  .bds014-card.bds014---text-start {
+  .bds015-card.bds015---text-start {
     text-align: left;
   }
-  .bds014-card.bds014---text-center {
+  .bds015-card.bds015---text-center {
     text-align: center;
   }
-  .bds014-card.bds014---text-end {
+  .bds015-card.bds015---text-end {
     text-align: right;
   }
   @media (hover: hover) and (pointer: fine) {
-    .bds014-card.bds014---clickable:hover {
+    .bds015-card.bds015---clickable:hover {
       transform: translateY(-2px);
       box-shadow: var(--shadow_xl);
     }
-    .bds014-card.bds014---default:hover {
+    .bds015-card.bds015---default:hover {
       box-shadow: var(--shadow_m);
     }
-    .bds014-card.bds014---elevated:hover {
+    .bds015-card.bds015---elevated:hover {
       box-shadow: var(--shadow_2xl);
     }
-    .bds014-card.bds014---outlined:hover {
+    .bds015-card.bds015---outlined:hover {
       box-shadow: var(--shadow_s);
     }
   }
@@ -2452,61 +2476,61 @@
 
 /* src/components/layout/SectionHeader/SectionHeader.module.css */
 @layer component {
-  .bds014-sectionHeader {
+  .bds015-sectionHeader {
     display: flex;
     flex-direction: column;
     gap: var(--space_m);
     grid-column: var(--grid_span-100);
     margin-block-end: var(--space_xl);
   }
-  .bds014-title {
+  .bds015-title {
     color: var(--sectionHeader-title-color, var(--color_on-bg));
     margin: 0;
     font-family: var(--font_family--body);
   }
-  .bds014-subtitle {
+  .bds015-subtitle {
     color: var(--sectionHeader_subtitle-color, var(--color_grey--strong));
     margin: 0;
     font-family: var(--font_family--body);
     font-weight: var(--font_weight--medium);
   }
-  .bds014-sectionHeader.bds014---start {
+  .bds015-sectionHeader.bds015---start {
     align-items: flex-start;
     text-align: left;
   }
-  .bds014-sectionHeader.bds014---center {
+  .bds015-sectionHeader.bds015---center {
     align-items: center;
     text-align: center;
   }
-  .bds014-sectionHeader.bds014---end {
+  .bds015-sectionHeader.bds015---end {
     align-items: flex-end;
     text-align: right;
   }
-  .bds014-sectionHeader.bds014---small .bds014-title {
+  .bds015-sectionHeader.bds015---small .bds015-title {
     font-size: var(--font_size--heading-1);
     line-height: var(--font_line-height--heading);
     font-weight: var(--font_weight--bold);
   }
-  .bds014-sectionHeader.bds014---small .bds014-subtitle {
+  .bds015-sectionHeader.bds015---small .bds015-subtitle {
     font-size: var(--font_size--body);
     line-height: 1.4;
   }
-  .bds014-sectionHeader.bds014---medium .bds014-title {
+  .bds015-sectionHeader.bds015---medium .bds015-title {
     font-size: var(--font_size--display);
     line-height: var(--font_line-height--display);
     font-weight: var(--font_weight--bold);
   }
-  .bds014-sectionHeader.bds014---medium .bds014-subtitle {
+  .bds015-sectionHeader.bds015---medium .bds015-subtitle {
     font-size: var(--font_size--heading-3);
     line-height: 1.3;
   }
-  .bds014-sectionHeader.bds014---large .bds014-title {
+  .bds015-sectionHeader.bds015---large .bds015-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);
   }
-  .bds014-sectionHeader.bds014---large .bds014-subtitle {
+  .bds015-sectionHeader.bds015---large .bds015-subtitle {
     font-size: var(--font_size--heading-2);
     line-height: 1.3;
     font-weight: var(--font_weight--medium);
@@ -2515,7 +2539,7 @@
 
 /* src/components/layout/IconWrapper/IconWrapper.module.css */
 @layer component {
-  .bds014-wrapper {
+  .bds015-wrapper {
     width: 2em;
     height: 2em;
     font-size: 3em;
@@ -2530,7 +2554,7 @@
     position: relative;
     transition: var(--animation_transition);
   }
-  .bds014-wrapper svg {
+  .bds015-wrapper svg {
     fill: currentcolor;
   }
 }