sellmate-design-system-react 9.0.0-beta.92 → 9.0.0-beta.94

package/dist/styles.css

@@ -731,6 +731,9 @@
   .isolate {
     isolation: isolate;
   }
+  .z-1 {
+    z-index: 1;
+  }
   .z-10 {
     z-index: 10;
   }
@@ -764,6 +767,9 @@
   .z-\[7\] {
     z-index: 7;
   }
+  .z-\[8\] {
+    z-index: 8;
+  }
   .z-\[30\] {
     z-index: 30;
   }
@@ -818,8 +824,8 @@
   .mx-\[4px\] {
     margin-inline: 4px;
   }
-  .mx-\[calc\(12px-var\(--cmp-chipFilter-chip-group\)\)\] {
-    margin-inline: calc(12px - var(--cmp-chipFilter-chip-group));
+  .mx-\[calc\(var\(--cmp-chipFilter-bar-gap\)_-_var\(--cmp-chipFilter-chip-group\)\)\] {
+    margin-inline: calc(var(--cmp-chipFilter-bar-gap) - var(--cmp-chipFilter-chip-group));
   }
   .mx-auto {
     margin-inline: auto;
@@ -944,14 +950,14 @@
   .mb-sd-32 {
     margin-bottom: var(--spacing-sd-32);
   }
-  .-ml-px {
-    margin-left: -1px;
+  .ml-\(--cmp-radioButton-group-gap\) {
+    margin-left: var(--cmp-radioButton-group-gap);
   }
   .ml-\[220px\] {
     margin-left: 220px;
   }
-  .ml-\[calc\(12px-var\(--cmp-chipFilter-chip-group\)\)\] {
-    margin-left: calc(12px - var(--cmp-chipFilter-chip-group));
+  .ml-\[calc\(var\(--cmp-chipFilter-bar-gap\)_-_var\(--cmp-chipFilter-chip-group\)\)\] {
+    margin-left: calc(var(--cmp-chipFilter-bar-gap) - var(--cmp-chipFilter-chip-group));
   }
   .ml-auto {
     margin-left: auto;
@@ -999,14 +1005,14 @@
     width: var(--cmp-calendarBoard-daySequence-size);
     height: var(--cmp-calendarBoard-daySequence-size);
   }
+  .size-\(--cmp-checkbox-size\) {
+    width: var(--cmp-checkbox-size);
+    height: var(--cmp-checkbox-size);
+  }
   .size-\(--cmp-ghostButton-xxs-size\) {
     width: var(--cmp-ghostButton-xxs-size);
     height: var(--cmp-ghostButton-xxs-size);
   }
-  .size-\[16px\] {
-    width: 16px;
-    height: 16px;
-  }
   .size-\[24px\] {
     width: 24px;
     height: 24px;
@@ -1043,6 +1049,18 @@
   .h-\(--cmp-splitter-border-width\) {
     height: var(--cmp-splitter-border-width);
   }
+  .h-\(--cmp-switch-height\) {
+    height: var(--cmp-switch-height);
+  }
+  .h-\(--cmp-switch-knob-size\) {
+    height: var(--cmp-switch-knob-size);
+  }
+  .h-\(--cmp-toggle-sm-height\) {
+    height: var(--cmp-toggle-sm-height);
+  }
+  .h-\(--cmp-toggle-xs-height\) {
+    height: var(--cmp-toggle-xs-height);
+  }
   .h-0 {
     height: 0;
   }
@@ -1208,6 +1226,9 @@
   .h-\[var\(--cmp-table-header-height\)\] {
     height: var(--cmp-table-header-height);
   }
+  .h-\[var\(--cmp-table-header-resizingBar-height\)\] {
+    height: var(--cmp-table-header-resizingBar-height);
+  }
   .h-\[var\(--sys-size-\.\.\.\)\] {
     height: var(--sys-size-...);
   }
@@ -1307,6 +1328,9 @@
   .w-\(--cmp-listDraggableItem-accentStripe-width\) {
     width: var(--cmp-listDraggableItem-accentStripe-width);
   }
+  .w-\(--cmp-listExpansionItem-accentStripe-width\) {
+    width: var(--cmp-listExpansionItem-accentStripe-width);
+  }
   .w-\(--cmp-listItem-accentStripe-width\) {
     width: var(--cmp-listItem-accentStripe-width);
   }
@@ -1319,6 +1343,12 @@
   .w-\(--cmp-splitter-border-width\) {
     width: var(--cmp-splitter-border-width);
   }
+  .w-\(--cmp-switch-knob-size\) {
+    width: var(--cmp-switch-knob-size);
+  }
+  .w-\(--cmp-switch-width\) {
+    width: var(--cmp-switch-width);
+  }
   .w-0 {
     width: 0;
   }
@@ -1364,9 +1394,6 @@
   .w-\[28px\] {
     width: 28px;
   }
-  .w-\[32px\] {
-    width: 32px;
-  }
   .w-\[40px\] {
     width: 40px;
   }
@@ -1664,14 +1691,6 @@
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .-translate-x-full {
-    --tw-translate-x: -100%;
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-  .translate-x-0 {
-    --tw-translate-x: 0;
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
   .translate-x-1\/2 {
     --tw-translate-x: calc(1 / 2 * 100%);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1973,6 +1992,9 @@
   .gap-\(--cmp-list-group-gap\) {
     gap: var(--cmp-list-group-gap);
   }
+  .gap-\(--cmp-listBoxItem-gap\) {
+    gap: var(--cmp-listBoxItem-gap);
+  }
   .gap-\(--cmp-listDraggableItem-gap\) {
     gap: var(--cmp-listDraggableItem-gap);
   }
@@ -1982,6 +2004,18 @@
   .gap-\(--cmp-listItem-gap\) {
     gap: var(--cmp-listItem-gap);
   }
+  .gap-\(--cmp-modal-confirm-body-gap\) {
+    gap: var(--cmp-modal-confirm-body-gap);
+  }
+  .gap-\(--cmp-modal-confirm-gap\) {
+    gap: var(--cmp-modal-confirm-gap);
+  }
+  .gap-\(--cmp-modal-confirm-title-gap\) {
+    gap: var(--cmp-modal-confirm-title-gap);
+  }
+  .gap-\(--cmp-modal-loading-gap\) {
+    gap: var(--cmp-modal-loading-gap);
+  }
   .gap-\(--cmp-pageHeader-gap\) {
     gap: var(--cmp-pageHeader-gap);
   }
@@ -2006,6 +2040,24 @@
   .gap-\(--cmp-select-sm-gap\) {
     gap: var(--cmp-select-sm-gap);
   }
+  .gap-\(--cmp-switch-gap\) {
+    gap: var(--cmp-switch-gap);
+  }
+  .gap-\(--cmp-tab-main-container-gap\) {
+    gap: var(--cmp-tab-main-container-gap);
+  }
+  .gap-\(--cmp-tab-main-gap\) {
+    gap: var(--cmp-tab-main-gap);
+  }
+  .gap-\(--cmp-tab-sub-gap-horizontal\) {
+    gap: var(--cmp-tab-sub-gap-horizontal);
+  }
+  .gap-\(--cmp-tab-sub-gap-vertical\) {
+    gap: var(--cmp-tab-sub-gap-vertical);
+  }
+  .gap-\(--cmp-tooltip-gap\) {
+    gap: var(--cmp-tooltip-gap);
+  }
   .gap-\(--cmp-tree-item-contentGap\) {
     gap: var(--cmp-tree-item-contentGap);
   }
@@ -2346,6 +2398,9 @@
   .rounded {
     border-radius: 0.25rem;
   }
+  .rounded-\(--cmp-badge-radius\) {
+    border-radius: var(--cmp-badge-radius);
+  }
   .rounded-\(--cmp-calendarBoard-dayCard-focus-border-radius\) {
     border-radius: var(--cmp-calendarBoard-dayCard-focus-border-radius);
   }
@@ -2379,6 +2434,9 @@
   .rounded-\(--cmp-chatFile-radius\) {
     border-radius: var(--cmp-chatFile-radius);
   }
+  .rounded-\(--cmp-checkbox-radius\) {
+    border-radius: var(--cmp-checkbox-radius);
+  }
   .rounded-\(--cmp-gnb-launcher-listBox-radius\) {
     border-radius: var(--cmp-gnb-launcher-listBox-radius);
   }
@@ -2391,6 +2449,9 @@
   .rounded-\(--cmp-listDraggableItem-radius-bordered\) {
     border-radius: var(--cmp-listDraggableItem-radius-bordered);
   }
+  .rounded-\(--cmp-listExpansionItem-bordered-radius\) {
+    border-radius: var(--cmp-listExpansionItem-bordered-radius);
+  }
   .rounded-\(--cmp-listItem-radius-bordered\) {
     border-radius: var(--cmp-listItem-radius-bordered);
   }
@@ -2400,6 +2461,21 @@
   .rounded-\(--cmp-radioCard-radius\) {
     border-radius: var(--cmp-radioCard-radius);
   }
+  .rounded-\(--cmp-sectionHeaderCard-radius\) {
+    border-radius: var(--cmp-sectionHeaderCard-radius);
+  }
+  .rounded-\(--cmp-switch-radius\) {
+    border-radius: var(--cmp-switch-radius);
+  }
+  .rounded-\(--cmp-toggle-radius\) {
+    border-radius: var(--cmp-toggle-radius);
+  }
+  .rounded-\(--cmp-tooltip-radius\) {
+    border-radius: var(--cmp-tooltip-radius);
+  }
+  .rounded-\(--dd-radius\) {
+    border-radius: var(--dd-radius);
+  }
   .rounded-\(--radius-8\) {
     border-radius: var(--radius-8);
   }
@@ -2460,9 +2536,6 @@
   .rounded-\[var\(--cmp-datepicker-sm-radius\)\] {
     border-radius: var(--cmp-datepicker-sm-radius);
   }
-  .rounded-\[var\(--cmp-ghostButton-radius-sm\)\] {
-    border-radius: var(--cmp-ghostButton-radius-sm);
-  }
   .rounded-\[var\(--cmp-guide-button-radius\)\] {
     border-radius: var(--cmp-guide-button-radius);
   }
@@ -2522,10 +2595,6 @@
     border-top-left-radius: 0.25rem;
     border-bottom-left-radius: 0.25rem;
   }
-  .rounded-l-\[4px\] {
-    border-top-left-radius: 4px;
-    border-bottom-left-radius: 4px;
-  }
   .rounded-tl {
     border-top-left-radius: 0.25rem;
   }
@@ -2533,10 +2602,6 @@
     border-top-right-radius: 0.25rem;
     border-bottom-right-radius: 0.25rem;
   }
-  .rounded-r-\[4px\] {
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px;
-  }
   .rounded-tr {
     border-top-right-radius: 0.25rem;
   }
@@ -2544,10 +2609,6 @@
     border-bottom-right-radius: 0.25rem;
     border-bottom-left-radius: 0.25rem;
   }
-  .rounded-b-\[8px\] {
-    border-bottom-right-radius: 8px;
-    border-bottom-left-radius: 8px;
-  }
   .rounded-b-\[var\(--cmp-table-radius\)\] {
     border-bottom-right-radius: var(--cmp-table-radius);
     border-bottom-left-radius: var(--cmp-table-radius);
@@ -2574,14 +2635,34 @@
     border-style: var(--tw-border-style);
     border-width: var(--cmp-chatFile-border-width);
   }
+  .border-\(length\:--cmp-checkbox-borderWidth\) {
+    border-style: var(--tw-border-style);
+    border-width: var(--cmp-checkbox-borderWidth);
+  }
+  .border-\(length\:--cmp-listDraggableItem-border-width-default\) {
+    border-style: var(--tw-border-style);
+    border-width: var(--cmp-listDraggableItem-border-width-default);
+  }
+  .border-\(length\:--cmp-listItem-border-width-default\) {
+    border-style: var(--tw-border-style);
+    border-width: var(--cmp-listItem-border-width-default);
+  }
   .border-\(length\:--cmp-radio-borderWidth\) {
     border-style: var(--tw-border-style);
     border-width: var(--cmp-radio-borderWidth);
   }
+  .border-\(length\:--cmp-radioButton-border-width\) {
+    border-style: var(--tw-border-style);
+    border-width: var(--cmp-radioButton-border-width);
+  }
   .border-\(length\:--cmp-radioCard-border-width\) {
     border-style: var(--tw-border-style);
     border-width: var(--cmp-radioCard-border-width);
   }
+  .border-\(length\:--cmp-toggle-border-width\) {
+    border-style: var(--tw-border-style);
+    border-width: var(--cmp-toggle-border-width);
+  }
   .border-0 {
     border-style: var(--tw-border-style);
     border-width: 0px;
@@ -2590,6 +2671,10 @@
     border-style: var(--tw-border-style);
     border-width: 3px;
   }
+  .border-\[length\:var\(--cmp-button-border-width-default\)\] {
+    border-style: var(--tw-border-style);
+    border-width: var(--cmp-button-border-width-default);
+  }
   .border-\[length\:var\(--cmp-callout-border-width\)\] {
     border-style: var(--tw-border-style);
     border-width: var(--cmp-callout-border-width);
@@ -2606,6 +2691,10 @@
     border-style: var(--tw-border-style);
     border-width: var(--cmp-contextAlert-border-width);
   }
+  .border-\[length\:var\(--cmp-datepicker-border-width\)\] {
+    border-style: var(--tw-border-style);
+    border-width: var(--cmp-datepicker-border-width);
+  }
   .border-\[length\:var\(--cmp-guide-button-border-width\)\] {
     border-style: var(--tw-border-style);
     border-width: var(--cmp-guide-button-border-width);
@@ -2626,6 +2715,10 @@
     border-right-style: var(--tw-border-style);
     border-right-width: 1px;
   }
+  .border-r-\(length\:--cmp-field-addonLabel-border-width\) {
+    border-right-style: var(--tw-border-style);
+    border-right-width: var(--cmp-field-addonLabel-border-width);
+  }
   .border-r-0 {
     border-right-style: var(--tw-border-style);
     border-right-width: 0px;
@@ -2634,6 +2727,14 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+  .border-b-\(length\:--border-width-1\) {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: var(--border-width-1);
+  }
+  .border-b-\(length\:--cmp-tree-item-border-width-default\) {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: var(--cmp-tree-item-border-width-default);
+  }
   .border-b-0 {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 0px;
@@ -2642,6 +2743,10 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
   }
+  .border-l-\[length\:var\(--cmp-button-border-width-default\)\] {
+    border-left-style: var(--tw-border-style);
+    border-left-width: var(--cmp-button-border-width-default);
+  }
   .border-dashed {
     --tw-border-style: dashed;
     border-style: dashed;
@@ -2654,8 +2759,8 @@
     --tw-border-style: solid;
     border-style: solid;
   }
-  .\!border-border-accentLight {
-    border-color: var(--color-border-accentLight) !important;
+  .\!border-\(--cmp-listExpansionItem-border-expanded\) {
+    border-color: var(--cmp-listExpansionItem-border-expanded) !important;
   }
   .border-\(--cmp-calendarBoard-border\) {
     border-color: var(--cmp-calendarBoard-border);
@@ -2708,6 +2813,9 @@
   .border-\(--cmp-radioCard-border-selected\) {
     border-color: var(--cmp-radioCard-border-selected);
   }
+  .border-\(--cmp-sectionHeaderCard-border\) {
+    border-color: var(--cmp-sectionHeaderCard-border);
+  }
   .border-\(--cmp-sectionHeaderCard-header-border\) {
     border-color: var(--cmp-sectionHeaderCard-header-border);
   }
@@ -2786,6 +2894,9 @@
   .border-\[color\:var\(--sys-color-border-default\)\] {
     border-color: var(--sys-color-border-default);
   }
+  .border-\[color\:var\(--sys-color-divider-default\)\] {
+    border-color: var(--sys-color-divider-default);
+  }
   .border-\[color\:var\(--sys-color-field-border-default\)\] {
     border-color: var(--sys-color-field-border-default);
   }
@@ -2942,6 +3053,9 @@
   .bg-\(--cmp-listDraggableItem-bordered-dragging-bg\) {
     background-color: var(--cmp-listDraggableItem-bordered-dragging-bg);
   }
+  .bg-\(--cmp-listExpansionItem-accentStripe-color\) {
+    background-color: var(--cmp-listExpansionItem-accentStripe-color);
+  }
   .bg-\(--cmp-listExpansionItem-body-bg\) {
     background-color: var(--cmp-listExpansionItem-body-bg);
   }
@@ -2972,6 +3086,9 @@
   .bg-\(--cmp-radioCard-bg-selected\) {
     background-color: var(--cmp-radioCard-bg-selected);
   }
+  .bg-\(--cmp-sectionHeaderCard-body-bg\) {
+    background-color: var(--cmp-sectionHeaderCard-body-bg);
+  }
   .bg-\(--cmp-sectionHeaderCard-header-bg\) {
     background-color: var(--cmp-sectionHeaderCard-header-bg);
   }
@@ -2990,6 +3107,9 @@
   .bg-\(--cmp-tree-item-bg-default\) {
     background-color: var(--cmp-tree-item-bg-default);
   }
+  .bg-\(--cmp-tree-item-bg-hover\) {
+    background-color: var(--cmp-tree-item-bg-hover);
+  }
   .bg-\(--gsb-bg\) {
     background-color: var(--gsb-bg);
   }
@@ -3290,6 +3410,9 @@
   .p-\(--cmp-listExpansionItem-body-padding\) {
     padding: var(--cmp-listExpansionItem-body-padding);
   }
+  .p-\(--cmp-switch-paddingXY\) {
+    padding: var(--cmp-switch-paddingXY);
+  }
   .p-\(--sys-space-panel-padding-default\) {
     padding: var(--sys-space-panel-padding-default);
   }
@@ -3311,9 +3434,6 @@
   .p-64 {
     padding: calc(var(--spacing) * 64);
   }
-  .p-\[2px\] {
-    padding: 2px;
-  }
   .p-\[4px\] {
     padding: 4px;
   }
@@ -3440,6 +3560,9 @@
   .px-\(--cmp-listItem-paddingX\) {
     padding-inline: var(--cmp-listItem-paddingX);
   }
+  .px-\(--cmp-modal-confirm-paddingX\) {
+    padding-inline: var(--cmp-modal-confirm-paddingX);
+  }
   .px-\(--cmp-pageHeader-paddingX\) {
     padding-inline: var(--cmp-pageHeader-paddingX);
   }
@@ -3458,6 +3581,15 @@
   .px-\(--cmp-select-sm-paddingX\) {
     padding-inline: var(--cmp-select-sm-paddingX);
   }
+  .px-\(--cmp-toggle-sm-paddingX\) {
+    padding-inline: var(--cmp-toggle-sm-paddingX);
+  }
+  .px-\(--cmp-toggle-xs-paddingX\) {
+    padding-inline: var(--cmp-toggle-xs-paddingX);
+  }
+  .px-\(--cmp-tooltip-paddingX\) {
+    padding-inline: var(--cmp-tooltip-paddingX);
+  }
   .px-\(--cmp-tree-item-paddingX\) {
     padding-inline: var(--cmp-tree-item-paddingX);
   }
@@ -3506,9 +3638,6 @@
   .px-\[var\(--cmp-chipFilter-addButton-paddingX\)\] {
     padding-inline: var(--cmp-chipFilter-addButton-paddingX);
   }
-  .px-\[var\(--cmp-chipFilter-chip-paddingX\)\] {
-    padding-inline: var(--cmp-chipFilter-chip-paddingX);
-  }
   .px-\[var\(--cmp-chipFilter-listbox-bottom-paddingX\)\] {
     padding-inline: var(--cmp-chipFilter-listbox-bottom-paddingX);
   }
@@ -3596,6 +3725,9 @@
   .py-\(--cmp-chipInput-sm-paddingY\) {
     padding-block: var(--cmp-chipInput-sm-paddingY);
   }
+  .py-\(--cmp-listBoxItem-paddingY\) {
+    padding-block: var(--cmp-listBoxItem-paddingY);
+  }
   .py-\(--cmp-listBoxItem-search-paddingY\) {
     padding-block: var(--cmp-listBoxItem-search-paddingY);
   }
@@ -3623,6 +3755,9 @@
   .py-\(--cmp-listItem-paddingY-normal\) {
     padding-block: var(--cmp-listItem-paddingY-normal);
   }
+  .py-\(--cmp-modal-confirm-paddingY\) {
+    padding-block: var(--cmp-modal-confirm-paddingY);
+  }
   .py-\(--cmp-pageHeader-bar-paddingY\) {
     padding-block: var(--cmp-pageHeader-bar-paddingY);
   }
@@ -3638,6 +3773,9 @@
   .py-\(--cmp-sectionHeaderCard-header-paddingY\) {
     padding-block: var(--cmp-sectionHeaderCard-header-paddingY);
   }
+  .py-\(--cmp-tooltip-paddingY\) {
+    padding-block: var(--cmp-tooltip-paddingY);
+  }
   .py-\(--cmp-tree-item-paddingY\) {
     padding-block: var(--cmp-tree-item-paddingY);
   }
@@ -3659,9 +3797,6 @@
   .py-\[12px\] {
     padding-block: 12px;
   }
-  .py-\[40px\] {
-    padding-block: 40px;
-  }
   .py-\[var\(--chipfilter-bar-padding-y\)\] {
     padding-block: var(--chipfilter-bar-padding-y);
   }
@@ -3755,6 +3890,9 @@
   .pr-\(--cmp-chatMessage-row-paddingInset\) {
     padding-right: var(--cmp-chatMessage-row-paddingInset);
   }
+  .pr-\(--cmp-listBoxItem-paddingRight\) {
+    padding-right: var(--cmp-listBoxItem-paddingRight);
+  }
   .pr-\(--cmp-listExpansionItem-title-gap\) {
     padding-right: var(--cmp-listExpansionItem-title-gap);
   }
@@ -3764,8 +3902,8 @@
   .pr-\(--cmp-listItem-paddingX\) {
     padding-right: var(--cmp-listItem-paddingX);
   }
-  .pr-\[12px\] {
-    padding-right: 12px;
+  .pr-\(--cmp-radioCard-paddingX\) {
+    padding-right: var(--cmp-radioCard-paddingX);
   }
   .pr-\[calc\(var\(--cmp-overlay-header-paddingX\)\+20px\)\] {
     padding-right: calc(var(--cmp-overlay-header-paddingX) + 20px);
@@ -3791,6 +3929,9 @@
   .pb-\(--cmp-calendarBoard-grid-gap\) {
     padding-bottom: var(--cmp-calendarBoard-grid-gap);
   }
+  .pb-\(--cmp-radioCard-paddingY\) {
+    padding-bottom: var(--cmp-radioCard-paddingY);
+  }
   .pb-\[8px\] {
     padding-bottom: 8px;
   }
@@ -3827,6 +3968,15 @@
   .pl-\(--cmp-guide-contents-depth-paddingLeft\) {
     padding-left: var(--cmp-guide-contents-depth-paddingLeft);
   }
+  .pl-\(--cmp-listBoxItem-paddingLeft-depth1\) {
+    padding-left: var(--cmp-listBoxItem-paddingLeft-depth1);
+  }
+  .pl-\(--cmp-listExpansionItem-title-paddingX\) {
+    padding-left: var(--cmp-listExpansionItem-title-paddingX);
+  }
+  .pl-\(--cmp-listItem-paddingX\) {
+    padding-left: var(--cmp-listItem-paddingX);
+  }
   .pl-\(--cmp-pageHeader-title-paddingLeft\) {
     padding-left: var(--cmp-pageHeader-title-paddingLeft);
   }
@@ -3836,9 +3986,6 @@
   .pl-5 {
     padding-left: calc(var(--spacing) * 5);
   }
-  .pl-\[16px\] {
-    padding-left: 16px;
-  }
   .pl-\[32px\] {
     padding-left: 32px;
   }
@@ -3848,6 +3995,9 @@
   .pl-\[56px\] {
     padding-left: 56px;
   }
+  .pl-\[calc\(var\(--cmp-radioCard-paddingX\)\+var\(--cmp-radioCard-subtitle-paddingLeft\)\)\] {
+    padding-left: calc(var(--cmp-radioCard-paddingX) + var(--cmp-radioCard-subtitle-paddingLeft));
+  }
   .pl-\[var\(--cmp-overlay-header-paddingX\)\] {
     padding-left: var(--cmp-overlay-header-paddingX);
   }
@@ -3878,9 +4028,6 @@
   .align-middle {
     vertical-align: middle;
   }
-  .font-base {
-    font-family: var(--font-base);
-  }
   .font-sans {
     font-family: var(--font-sans);
   }
@@ -3992,10 +4139,6 @@
     --tw-leading: 28px;
     line-height: 28px;
   }
-  .leading-\[30px\] {
-    --tw-leading: 30px;
-    line-height: 30px;
-  }
   .leading-\[normal\] {
     --tw-leading: normal;
     line-height: normal;
@@ -4016,10 +4159,6 @@
     --tw-leading: var(--spacing-sd-20);
     line-height: var(--spacing-sd-20);
   }
-  .leading-sd-24 {
-    --tw-leading: var(--spacing-sd-24);
-    line-height: var(--spacing-sd-24);
-  }
   .font-\[600\] {
     --tw-font-weight: 600;
     font-weight: 600;
@@ -4230,6 +4369,12 @@
   .text-\(--cmp-radioCard-subtitle-color\) {
     color: var(--cmp-radioCard-subtitle-color);
   }
+  .text-\(--cmp-sectionHeaderCard-subtitle-color\) {
+    color: var(--cmp-sectionHeaderCard-subtitle-color);
+  }
+  .text-\(--cmp-sectionHeaderCard-title-color\) {
+    color: var(--cmp-sectionHeaderCard-title-color);
+  }
   .text-\(--cmp-tree-item-text-default\) {
     color: var(--cmp-tree-item-text-default);
   }
@@ -4278,9 +4423,6 @@
   .text-\(--sys-color-fg-accentLight\) {
     color: var(--sys-color-fg-accentLight);
   }
-  .text-\(--sys-color-fg-brand\) {
-    color: var(--sys-color-fg-brand);
-  }
   .text-\(--sys-color-fg-danger\) {
     color: var(--sys-color-fg-danger);
   }
@@ -4866,10 +5008,10 @@
       }
     }
   }
-  .group-hover\/ghost-button\:opacity-5 {
+  .group-hover\/ghost-button\:opacity-\(--cmp-ghostButton-hover-opacity\) {
     &:is(:where(.group\/ghost-button):hover *) {
       @media (hover: hover) {
-        opacity: 5%;
+        opacity: var(--cmp-ghostButton-hover-opacity);
       }
     }
   }
@@ -4895,13 +5037,6 @@
       }
     }
   }
-  .group-hover\/select-remove\:opacity-5 {
-    &:is(:where(.group\/select-remove):hover *) {
-      @media (hover: hover) {
-        opacity: 5%;
-      }
-    }
-  }
   .group-hover\/table-row\:bg-\[var\(--color-grey-05\)\] {
     &:is(:where(.group\/table-row):hover *) {
       @media (hover: hover) {
@@ -4916,6 +5051,20 @@
       }
     }
   }
+  .group-hover\/tree-label\:inline-flex {
+    &:is(:where(.group\/tree-label):hover *) {
+      @media (hover: hover) {
+        display: inline-flex;
+      }
+    }
+  }
+  .group-hover\/tree-label\:underline {
+    &:is(:where(.group\/tree-label):hover *) {
+      @media (hover: hover) {
+        text-decoration-line: underline;
+      }
+    }
+  }
   .group-focus-visible\:bg-\(--cmp-splitter-border-color\) {
     &:is(:where(.group):focus-visible *) {
       background-color: var(--cmp-splitter-border-color);
@@ -5147,6 +5296,13 @@
       }
     }
   }
+  .hover\:border-\(--cmp-listExpansionItem-border-hover\) {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--cmp-listExpansionItem-border-hover);
+      }
+    }
+  }
   .hover\:border-\(--cmp-listItem-bordered-border-hover\) {
     &:hover {
       @media (hover: hover) {
@@ -5189,17 +5345,10 @@
       }
     }
   }
-  .hover\:border-\[var\(--color-border-accentLight\)\] {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--color-border-accentLight);
-      }
-    }
-  }
-  .hover\:border-border-strong {
+  .hover\:border-\[var\(--cmp-numberInput-stepper-border-default\)\] {
     &:hover {
       @media (hover: hover) {
-        border-color: var(--color-border-strong);
+        border-color: var(--cmp-numberInput-stepper-border-default);
       }
     }
   }
@@ -5601,9 +5750,9 @@
       color: var(--sys-color-fg-inverse);
     }
   }
-  .data-\[state\=checked\]\:translate-x-\[12px\] {
+  .data-\[state\=checked\]\:translate-x-\[calc\(var\(--cmp-switch-width\)_-_var\(--cmp-switch-knob-size\)_-_var\(--cmp-switch-paddingXY\)_\*_2\)\] {
     &[data-state="checked"] {
-      --tw-translate-x: 12px;
+      --tw-translate-x: calc(var(--cmp-switch-width) - var(--cmp-switch-knob-size) - var(--cmp-switch-paddingXY) * 2);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
@@ -6593,9 +6742,9 @@
       display: none;
     }
   }
-  .\[\&\:has\(\>button\:hover\)\]\:border-border-strong {
+  .\[\&\:has\(\>button\:hover\)\]\:border-\(--cmp-listExpansionItem-border-hover\) {
     &:has(>button:hover) {
-      border-color: var(--color-border-strong);
+      border-color: var(--cmp-listExpansionItem-border-hover);
     }
   }
   .\[\&\>\*\]\:w-full {