@capra/core 1.11.1 → 1.13.0

package/dist/style.css

@@ -523,7 +523,7 @@
     color: var(--cds2-temporary-input-foreground-disabled);
   }
 }
-.capra-fieldLayout-module-GZD11W-field {
+.capra-fieldLayout-module-0mM4jW-field {
   gap: var(--cds2-spacing-sm);
   flex-direction: column;
   width: 100%;
@@ -531,17 +531,17 @@
   display: flex;
 
   &[data-layout="horizontal"] {
-    align-items: center;
+    align-items: flex-start;
     gap: var(--cds2-spacing-md);
     flex-direction: row;
 
-    & .capra-fieldLayout-module-GZD11W-labelRow {
+    & .capra-fieldLayout-module-0mM4jW-labelRow {
       min-height: var(--cds2-dimension-component-md);
       flex-shrink: 0;
       align-items: center;
     }
 
-    & .capra-fieldLayout-module-GZD11W-fieldContent {
+    & .capra-fieldLayout-module-0mM4jW-fieldContent {
       gap: var(--cds2-spacing-sm);
       flex-direction: column;
       flex: 1 1 0;
@@ -550,11 +550,11 @@
     }
   }
 
-  & .capra-fieldLayout-module-GZD11W-fieldContent {
+  & .capra-fieldLayout-module-0mM4jW-fieldContent {
     display: contents;
   }
 
-  & .capra-fieldLayout-module-GZD11W-labelRow {
+  & .capra-fieldLayout-module-0mM4jW-labelRow {
     align-items: center;
     gap: var(--cds2-spacing-xs);
     display: flex;
@@ -1046,7 +1046,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
     border-color: var(--cds2-color-border-accent-strong);
   }
 }
-.capra-Switch-module-16LYpW-switch {
+.capra-Switch-module-j8Yc-q-switch {
   --_cds-switch-height: var(--cds2-dimension-component-sm);
   --_cds-switch-width: var(--cds2-dimension-component-xl);
   --_cds-switch-handle-spacing: var(--cds2-spacing-xs);
@@ -1056,7 +1056,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   --_cds-switch-handle-horizontal-extension: calc(var(--_cds-switch-handle-size) * .3);
   -webkit-appearance: none;
   appearance: none;
-  background: var(--cds2-color-neutral-a4);
+  background: var(--cds2-color-neutral-track);
   border-radius: var(--cds2-radius-full);
   box-sizing: border-box;
   cursor: pointer;
@@ -1069,25 +1069,30 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   overflow: visible;
 }
 
-.capra-Switch-module-16LYpW-switch[data-size="sm"] {
+.capra-Switch-module-j8Yc-q-switch[data-size="sm"] {
   --_cds-switch-height: var(--cds2-dimension-component-xs);
   --_cds-switch-width: var(--cds2-dimension-component-md);
 }
 
-.capra-Switch-module-16LYpW-switch[data-disabled="true"], .capra-Switch-module-16LYpW-switch:disabled {
+.capra-Switch-module-j8Yc-q-switch[data-disabled="true"], .capra-Switch-module-j8Yc-q-switch:disabled {
+  background: var(--cds2-color-neutral-a4);
   cursor: not-allowed;
 
+  &:checked {
+    background: var(--cds2-color-accent-a4);
+  }
+
   &:before {
     background: var(--cds2-color-background-neutral-subtle);
   }
 }
 
-.capra-Switch-module-16LYpW-switch:focus-visible {
+.capra-Switch-module-j8Yc-q-switch:focus-visible {
   outline: var(--cds2-border-focus);
   outline-offset: var(--cds2-spacing-xs);
 }
 
-.capra-Switch-module-16LYpW-switch:before {
+.capra-Switch-module-j8Yc-q-switch:before {
   content: "";
   top: var(--_cds-switch-handle-spacing);
   width: var(--_cds-switch-handle-size);
@@ -1106,24 +1111,24 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   position: absolute;
 }
 
-.capra-Switch-module-16LYpW-switch:checked:not(:disabled) {
-  background: var(--cds2-color-background-accent-indicator);
+.capra-Switch-module-j8Yc-q-switch:checked:not(:disabled) {
+  background: var(--cds2-color-accent-track);
 }
 
-.capra-Switch-module-16LYpW-switch:checked:before {
+.capra-Switch-module-j8Yc-q-switch:checked:before {
   left: var(--_cds-switch-handle-checked-left);
 }
 
-.capra-Switch-module-16LYpW-switch:not(:disabled):active:before {
+.capra-Switch-module-j8Yc-q-switch:not(:disabled):active:before {
   width: calc(var(--_cds-switch-handle-size) + var(--_cds-switch-handle-horizontal-extension));
 }
 
-.capra-Switch-module-16LYpW-switch:checked:not(:disabled):active:before {
+.capra-Switch-module-j8Yc-q-switch:checked:not(:disabled):active:before {
   left: calc(var(--_cds-switch-handle-checked-left) - var(--_cds-switch-handle-horizontal-extension));
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .capra-Switch-module-16LYpW-switch, .capra-Switch-module-16LYpW-switch:before {
+  .capra-Switch-module-j8Yc-q-switch, .capra-Switch-module-j8Yc-q-switch:before {
     transition: none;
   }
 }
@@ -2014,6 +2019,337 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   color: var(--cds2-color-foreground-danger-default);
   margin-block-start: var(--cds2-spacing-xs);
 }
+.capra-SelectField-module-1X4diq-triggerShell {
+  border: var(--cds2-border-default);
+  border-radius: var(--cds2-radius-md);
+  background-color: var(--cds2-temporary-input-background-primary);
+  width: 100%;
+  min-width: 0;
+  color: var(--cds2-temporary-input-foreground-primary);
+  transition: border-color var(--cds2-motion-duration-short) ease,
+    box-shadow var(--cds2-motion-duration-short) ease;
+  align-items: center;
+  display: inline-flex;
+
+  &:not([data-disabled="true"]):hover {
+    border-color: var(--cds2-temporary-input-border-highlight);
+  }
+
+  &[data-size="sm"] {
+    min-height: var(--cds2-dimension-component-sm);
+    padding-inline: var(--cds2-spacing-md);
+    font: var(--cds2-typography-body-sm-normal);
+  }
+
+  &[data-size="md"] {
+    min-height: var(--cds2-dimension-component-md);
+    gap: var(--cds2-spacing-md);
+    padding-inline: var(--cds2-spacing-md);
+    font: var(--cds2-typography-body-md-normal);
+  }
+
+  &[data-disabled="true"] {
+    background-color: var(--cds2-temporary-input-background-disabled);
+    border-color: var(--cds2-temporary-input-border-disabled);
+    color: var(--cds2-temporary-input-foreground-disabled);
+    cursor: not-allowed;
+
+    & .capra-SelectField-module-1X4diq-leadingSlot, & .capra-SelectField-module-1X4diq-trailingSlot, & .capra-SelectField-module-1X4diq-valueText, & .capra-SelectField-module-1X4diq-tag {
+      color: var(--cds2-temporary-input-foreground-disabled);
+    }
+  }
+}
+
+.capra-SelectField-module-1X4diq-singleTrigger {
+  &:focus-visible {
+    outline: var(--cds2-border-focus);
+    outline-offset: var(--cds2-spacing-xs);
+  }
+}
+
+.capra-SelectField-module-1X4diq-multipleTrigger {
+  overflow: hidden;
+
+  &:has(.capra-SelectField-module-1X4diq-multipleOpenButton:focus-visible) {
+    outline: var(--cds2-border-focus);
+    outline-offset: var(--cds2-spacing-xs);
+  }
+
+  &[data-empty]:not([data-disabled="true"]) {
+    cursor: pointer;
+  }
+}
+
+.capra-SelectField-module-1X4diq-multipleOpenButton {
+  color: inherit;
+  cursor: pointer;
+  background: none;
+  border: none;
+  flex-shrink: 0;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  display: inline-flex;
+
+  &[data-disabled="true"] {
+    cursor: not-allowed;
+  }
+
+  &:focus {
+    outline: none;
+  }
+}
+
+.capra-SelectField-module-1X4diq-leadingSlot, .capra-SelectField-module-1X4diq-trailingSlot {
+  align-items: center;
+  gap: var(--cds2-spacing-md);
+  color: var(--cds2-color-foreground-subtle);
+  flex-shrink: 0;
+  display: inline-flex;
+}
+
+.capra-SelectField-module-1X4diq-value {
+  align-items: center;
+  gap: var(--cds2-spacing-sm);
+  flex: auto;
+  min-width: 0;
+  display: flex;
+}
+
+.capra-SelectField-module-1X4diq-valueIcon {
+  color: var(--cds2-color-foreground-subtle);
+  flex-shrink: 0;
+  align-items: center;
+  display: inline-flex;
+}
+
+.capra-SelectField-module-1X4diq-valueText {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  overflow: hidden;
+
+  &[data-placeholder] {
+    color: var(--cds2-temporary-input-foreground-placeholder);
+  }
+}
+
+.capra-SelectField-module-1X4diq-tagGroup {
+  flex: auto;
+  min-width: 0;
+  display: flex;
+}
+
+.capra-SelectField-module-1X4diq-tagList {
+  gap: var(--cds2-spacing-xs);
+  min-width: 0;
+  padding-block: var(--cds2-spacing-xs);
+  outline: none;
+  flex-wrap: wrap;
+  flex: auto;
+  display: flex;
+
+  &[data-focus-visible] {
+    outline: none;
+  }
+
+  & > * {
+    flex-shrink: 0;
+  }
+}
+
+.capra-SelectField-module-1X4diq-tag {
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--cds2-spacing-sm);
+  padding: 0 var(--cds2-spacing-md);
+  border-radius: var(--cds2-radius-md);
+  border: var(--cds2-border-default);
+  border-color: var(--cds2-color-border-neutral-subtle);
+  background-color: var(--cds2-color-background-neutral-subtle);
+  color: var(--cds2-color-foreground-subtle);
+  cursor: default;
+  outline: none;
+  display: inline-flex;
+
+  &[data-size="md"] {
+    height: var(--cds2-dimension-component-sm);
+    min-width: var(--cds2-dimension-component-sm);
+    font: var(--cds2-typography-body-sm-normal);
+  }
+
+  &[data-size="sm"] {
+    height: var(--cds2-dimension-component-xs);
+    min-width: var(--cds2-dimension-component-xs);
+    font: var(--cds2-typography-body-xs-normal);
+  }
+
+  &[data-focus-visible] {
+    outline: var(--cds2-border-focus);
+    outline-offset: var(--cds2-spacing-xs);
+  }
+
+  &[data-disabled] {
+    opacity: .6;
+  }
+}
+
+.capra-SelectField-module-1X4diq-tagIcon {
+  color: var(--cds2-color-foreground-subtle);
+  flex-shrink: 0;
+  align-items: center;
+  display: inline-flex;
+}
+
+.capra-SelectField-module-1X4diq-tagLabel {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.capra-SelectField-module-1X4diq-tagRemove {
+  width: var(--cds2-dimension-component-xs);
+  height: var(--cds2-dimension-component-xs);
+  border-radius: var(--cds2-radius-md);
+  color: inherit;
+  cursor: pointer;
+  background: none;
+  border: none;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  display: inline-flex;
+
+  &:hover {
+    background-color: var(--cds-color-state-layer-hover);
+  }
+
+  &:focus-visible {
+    outline: var(--cds2-border-focus);
+    outline-offset: var(--cds2-spacing-xs);
+  }
+}
+
+.capra-SelectField-module-1X4diq-chevron, .capra-SelectField-module-1X4diq-warningIndicator, .capra-SelectField-module-1X4diq-errorIndicator {
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+.capra-SelectField-module-1X4diq-warningIndicator {
+  color: var(--cds2-color-foreground-warning-default);
+}
+
+.capra-SelectField-module-1X4diq-errorIndicator {
+  color: var(--cds2-color-foreground-danger-default);
+}
+
+.capra-SelectField-module-1X4diq-dropdownPanel {
+  gap: var(--cds2-spacing-sm);
+  padding: var(--cds2-spacing-sm);
+  border: var(--cds2-border-default);
+  border-color: var(--cds2-color-border-neutral-subtle);
+  border-radius: var(--cds2-radius-md);
+  background: var(--cds2-color-background-panel-solid);
+  box-shadow: var(--cds2-shadow-medium-down);
+  flex-direction: column;
+  display: flex;
+}
+
+.capra-SelectField-module-1X4diq-search {
+  width: 100%;
+}
+
+.capra-SelectField-module-1X4diq-listbox {
+  gap: var(--cds2-spacing-xs);
+  flex-direction: column;
+  max-height: 320px;
+  display: flex;
+  overflow-y: auto;
+}
+
+.capra-SelectField-module-1X4diq-emptyState {
+  padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
+  color: var(--cds2-color-foreground-subtle);
+  font: var(--cds2-typography-body-md-normal);
+}
+
+.capra-SelectField-module-1X4diq-section {
+  display: contents;
+}
+
+.capra-SelectField-module-1X4diq-header {
+  box-sizing: border-box;
+  color: var(--cds2-color-foreground-default);
+  font: var(--cds2-typography-body-md-semibold);
+  padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
+  align-items: center;
+  width: 100%;
+  display: flex;
+}
+
+.capra-SelectField-module-1X4diq-dropdownPanel:focus-visible, .capra-SelectField-module-1X4diq-listbox:focus-visible {
+  outline: none;
+}
+
+.capra-SelectField-module-1X4diq-item {
+  border-radius: var(--cds2-radius-md);
+  outline: none;
+
+  &:focus {
+    outline: none;
+  }
+
+  &[data-indent="true"] {
+    padding-inline-start: var(--cds2-spacing-xl);
+  }
+
+  &[data-focused="true"] {
+    background-color: var(--cds-color-state-layer-hover);
+  }
+
+  &[data-selected="true"] {
+    background-color: var(--cds-color-state-layer-accent-selected);
+    color: var(--cds2-color-foreground-default);
+  }
+
+  .capra-SelectField-module-1X4diq-listbox[data-selection-mode="multiple"] &[data-selected="true"] {
+    color: var(--cds2-color-foreground-default);
+    background: none;
+  }
+
+  .capra-SelectField-module-1X4diq-listbox[data-selection-mode="multiple"] &[data-focused="true"] {
+    background-color: var(--cds-color-state-layer-hover);
+  }
+
+  &[data-disabled="true"] {
+    background: var(--cds2-color-background-disabled);
+    color: var(--cds2-color-foreground-on-disabled);
+  }
+}
+
+.capra-SelectField-module-1X4diq-itemContent {
+  align-items: center;
+  gap: var(--cds2-spacing-sm);
+  padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
+  display: flex;
+}
+
+.capra-SelectField-module-1X4diq-itemCheck {
+  width: var(--cds2-dimension-icon-md);
+  min-width: var(--cds2-dimension-icon-md);
+  color: var(--cds2-color-foreground-default);
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+
+  .capra-SelectField-module-1X4diq-item[data-disabled="true"] & {
+    color: var(--cds2-color-foreground-on-disabled);
+  }
+}
 .capra-DateRangePickerField-module-QpPhpG-dateRangeInputShell[data-show-string-placeholder="true"] .capra-DateRangePickerField-module-QpPhpG-dateInputsRow {
   opacity: 0;
 }
@@ -3444,7 +3780,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
 .capra-Toast-module-p7lQQG-toast[data-type="error"] {
   --_cds-toast-icon-color: var(--cds2-color-foreground-danger-default);
 }
-.capra-Menu-module-3G4VeG-menu, .capra-Menu-module-3G4VeG-list {
+.capra-Menu-module-HIhAFW-menu, .capra-Menu-module-HIhAFW-list {
   gap: var(--cds2-spacing-xs);
   box-sizing: border-box;
   min-width: 152px;
@@ -3454,29 +3790,29 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   flex-direction: column;
   display: flex;
   overflow: auto;
-}
 
-.capra-Menu-module-3G4VeG-menu > :not(:last-child):not(.capra-Menu-module-3G4VeG-divider):not(:has( + .capra-Menu-module-3G4VeG-divider)), .capra-Menu-module-3G4VeG-list > :not(:last-child):not(.capra-Menu-module-3G4VeG-divider):not(:has( + .capra-Menu-module-3G4VeG-divider)) {
-  margin-block-end: var(--cds2-spacing-xs);
-}
+  & > :not(:last-child):not(.capra-Menu-module-HIhAFW-divider):not(:has( + .capra-Menu-module-HIhAFW-divider)) {
+    margin-block-end: var(--cds2-spacing-xs);
+  }
 
-.capra-Menu-module-3G4VeG-menu {
-  padding: 5px;
+  &:focus-visible {
+    outline: none;
+  }
 }
 
-.capra-Menu-module-3G4VeG-menuTriggerSlot {
-  display: inline-block;
-}
+.capra-Menu-module-HIhAFW-menu {
+  padding: 5px;
 
-.capra-Menu-module-3G4VeG-menu[data-panel-padding="none"] {
-  padding: var(--cds2-spacing-sm);
+  &[data-panel-padding="none"] {
+    padding: var(--cds2-spacing-sm);
+  }
 }
 
-.capra-Menu-module-3G4VeG-menu:focus-visible, .capra-Menu-module-3G4VeG-list:focus-visible {
-  outline: none;
+.capra-Menu-module-HIhAFW-menuTriggerSlot {
+  display: inline-block;
 }
 
-.capra-Menu-module-3G4VeG-menuItem {
+.capra-Menu-module-HIhAFW-menuItem {
   appearance: none;
   border-radius: var(--cds-radius-sm);
   color: var(--cds2-color-foreground-default);
@@ -3491,257 +3827,239 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   min-width: 152px;
   max-width: 256px;
   text-decoration: none;
-}
 
-.capra-Menu-module-3G4VeG-menuItemLeadingGutter {
-  margin-inline-end: var(--cds2-spacing-md);
-}
-
-.capra-Menu-module-3G4VeG-menuItemTrailingGutter {
-  margin-inline-start: var(--cds2-spacing-md);
-}
-
-.capra-Menu-module-3G4VeG-menuItem:hover:not(:disabled, [aria-disabled="true"]) {
-  background-color: var(--cds2-color-background-neutral-hover);
-}
+  &:hover:not(:disabled, [aria-disabled="true"]) {
+    background-color: var(--cds2-color-background-neutral-hover);
+  }
 
-.capra-Menu-module-3G4VeG-menuItem:focus {
-  outline: none;
-}
+  &:focus {
+    outline: none;
+  }
 
-.capra-Menu-module-3G4VeG-menuItem[data-focus-visible="true"] {
-  outline: var(--cds2-border-focus);
-  outline-offset: var(--cds2-spacing-xs);
-}
+  &[data-focus-visible="true"] {
+    outline: var(--cds2-border-focus);
+    outline-offset: var(--cds2-spacing-xs);
+  }
 
-.capra-Menu-module-3G4VeG-menuItem:is(:disabled, [aria-disabled="true"]) {
-  color: var(--cds2-color-foreground-disabled);
-  cursor: not-allowed;
-}
+  &:is(:disabled, [aria-disabled="true"]) {
+    color: var(--cds2-color-foreground-disabled);
+    cursor: not-allowed;
 
-.capra-Menu-module-3G4VeG-menuItem:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemListItemShell, .capra-Menu-module-3G4VeG-menuItem:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
-  color: var(--cds2-color-foreground-disabled);
-}
+    & .capra-Menu-module-HIhAFW-menuItemListItemShell, & .capra-Menu-module-HIhAFW-menuItemLabel, & .capra-Menu-module-HIhAFW-menuItemDescription, & .capra-Menu-module-HIhAFW-menuItemShortcut {
+      color: var(--cds2-color-foreground-disabled);
+    }
 
-.capra-Menu-module-3G4VeG-menuItem:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemShortcut {
-  background-color: var(--cds-color-background-secondary);
-  border: var(--cds2-border-default);
-  color: var(--cds2-color-foreground-disabled);
-}
+    & .capra-Menu-module-HIhAFW-menuItemShortcut {
+      background-color: var(--cds-color-background-secondary);
+      border: var(--cds2-border-default);
+    }
+  }
 
-.capra-Menu-module-3G4VeG-menuItem[data-variant="danger"]:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel, .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"]:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemShortcut {
-  color: var(--cds2-color-foreground-disabled);
-}
+  &[data-active="true"] {
+    background-color: var(--cds2-color-background-accent-selected);
+    color: var(--cds2-color-foreground-default);
 
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem:is(:disabled, [aria-disabled="true"]) {
-  color: var(--cds2-color-foreground-disabled);
-  background-color: #0000;
-}
+    & .capra-Menu-module-HIhAFW-menuItemLabel {
+      color: inherit;
+    }
+  }
 
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
-  color: var(--cds2-color-foreground-disabled);
-}
+  &[data-has-submenu][data-open]:not(:disabled, [aria-disabled="true"]) {
+    background-color: var(--cds2-color-background-neutral-hover);
+    color: var(--cds2-color-foreground-default);
 
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-active="true"]:is(:disabled, [aria-disabled="true"]) {
-  color: var(--cds2-color-foreground-disabled);
-  background-color: #0000;
-  border-inline-end: none;
-}
+    & .capra-Menu-module-HIhAFW-menuItemLabel {
+      color: inherit;
+    }
+  }
 
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-active="true"]:is(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
-  color: var(--cds2-color-foreground-disabled);
-  font: var(--cds2-typography-body-md-normal);
-}
+  &[data-variant="danger"] {
+    color: var(--cds2-color-foreground-danger-default);
 
-.capra-Menu-module-3G4VeG-menuItem[data-active="true"] {
-  background-color: var(--cds2-color-background-accent-selected);
-  color: var(--cds2-color-foreground-default);
-}
+    & .capra-Menu-module-HIhAFW-menuItemLabel {
+      color: inherit;
+    }
 
-.capra-Menu-module-3G4VeG-menuItem[data-active="true"] .capra-Menu-module-3G4VeG-menuItemLabel {
-  color: inherit;
-}
+    &:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-HIhAFW-menuItemShortcut {
+      border: var(--cds2-border-default);
+      color: var(--cds2-color-foreground-danger-default);
+    }
 
-.capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open]:not(:disabled, [aria-disabled="true"]) {
-  background-color: var(--cds2-color-background-neutral-hover);
-  color: var(--cds2-color-foreground-default);
-}
+    &:hover:not(:disabled, [aria-disabled="true"]) {
+      background-color: var(--cds2-color-background-danger-subtle);
+      color: var(--cds2-color-foreground-danger-default);
+    }
 
-.capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open]:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
-  color: inherit;
-}
+    &[data-active="true"] {
+      background-color: var(--cds2-color-background-danger-hover);
+      color: var(--cds2-color-foreground-danger-default);
 
-.capra-Menu-module-3G4VeG-menuItem[data-variant="danger"], .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"] .capra-Menu-module-3G4VeG-menuItemLabel {
-  color: var(--cds2-color-foreground-danger-default);
-}
+      &:hover:not(:disabled, [aria-disabled="true"]) {
+        background-color: var(--cds2-color-background-danger-subtle);
+      }
+    }
+  }
 
-.capra-Menu-module-3G4VeG-menuItem[data-variant="danger"]:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemShortcut {
-  border: var(--cds2-border-default);
-  color: var(--cds2-color-foreground-danger-default);
-}
+  &[data-indent="true"] {
+    padding-inline-start: var(--cds2-spacing-xl);
+  }
 
-.capra-Menu-module-3G4VeG-menuItem[data-variant="danger"]:hover:not(:disabled, [aria-disabled="true"]) {
-  background-color: var(--cds2-color-background-danger-subtle);
-  color: var(--cds2-color-foreground-danger-default);
-}
+  &[data-has-description="true"] {
+    & .capra-Menu-module-HIhAFW-menuItemTrailingGutter {
+      align-self: center;
+      height: auto !important;
+    }
 
-.capra-Menu-module-3G4VeG-menuItem[data-variant="danger"]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
-  color: var(--cds2-color-foreground-danger-default);
-}
+    & .capra-Menu-module-HIhAFW-menuItemListItemShell {
+      align-items: start;
+    }
+  }
 
-.capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"] {
-  background-color: var(--cds2-color-background-danger-hover);
-  color: var(--cds2-color-foreground-danger-default);
+  & .capra-Menu-module-HIhAFW-menuItemListItemShell {
+    width: 100%;
+    color: inherit;
+    align-items: center;
+  }
 }
 
-.capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"] .capra-Menu-module-3G4VeG-menuItemLabel {
-  color: var(--cds2-color-foreground-danger-default);
-}
+.capra-Menu-module-HIhAFW-menuItemLeadingGutter {
+  margin-inline-end: var(--cds2-spacing-md);
 
-.capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) {
-  background-color: var(--cds2-color-background-danger-subtle);
-  color: var(--cds2-color-foreground-danger-default);
+  & .capra-Menu-module-HIhAFW-slot {
+    line-height: 0;
+  }
 }
 
-.capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
-  color: var(--cds2-color-foreground-danger-default);
+.capra-Menu-module-HIhAFW-menuItemTrailingGutter {
+  margin-inline-start: var(--cds2-spacing-md);
 }
 
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"]:hover:not(:disabled, [aria-disabled="true"]) {
-  background-color: var(--cds2-color-background-danger-subtle);
-  color: var(--cds2-color-foreground-danger-default);
+.capra-Menu-module-HIhAFW-menuItemTrailingGroup {
+  align-items: center;
+  gap: var(--cds2-spacing-md);
+  display: inline-flex;
 }
 
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
-  color: var(--cds2-color-foreground-danger-default);
+.capra-Menu-module-HIhAFW-menuItemLabel {
+  color: inherit;
   font: var(--cds2-typography-body-md-normal);
 }
 
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"] {
-  background-color: var(--cds2-color-border-danger-focus);
-  border-inline-end: 2px solid var(--cds2-color-border-accent-default);
-  color: var(--cds2-color-foreground-danger-default);
-}
-
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"] .capra-Menu-module-3G4VeG-menuItemLabel {
-  color: var(--cds2-color-foreground-danger-default);
-  font: var(--cds2-typography-body-md-semibold);
-}
-
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) {
-  background-color: var(--cds2-color-background-danger-subtle);
-  color: var(--cds2-color-foreground-danger-default);
-}
-
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
-  color: var(--cds2-color-foreground-danger-default);
-  font: var(--cds2-typography-body-md-semibold);
-}
-
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem:hover:not(:disabled, [aria-disabled="true"]) {
-  background-color: var(--cds2-color-background-neutral-hover);
+.capra-Menu-module-HIhAFW-menuItemDescription {
+  color: var(--cds2-color-foreground-default);
+  font: var(--cds2-typography-body-sm-normal);
 }
 
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemShortcut {
+.capra-Menu-module-HIhAFW-menuItemShortcut {
+  background-color: var(--cds2-color-neutral-surface);
+  border: var(--cds2-border-default);
+  border-color: var(--cds2-color-border-neutral-subtle);
+  border-radius: var(--cds2-radius-md);
   color: var(--cds2-color-foreground-subtle);
+  font: var(--cds2-typography-body-sm-normal);
+  padding: 0 var(--cds2-spacing-sm);
+  white-space: nowrap;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
 }
 
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-active="true"] {
-  background-color: var(--cds2-color-background-accent-selected);
-  border-inline-end: 2px solid var(--cds2-color-border-accent-default);
-  color: var(--cds2-color-foreground-accent-default);
-}
-
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"][data-item-active-accent-bar="false"] .capra-Menu-module-3G4VeG-menuItem[data-active="true"], .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"][data-item-active-accent-bar="false"] .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"] {
-  border-inline-end: none;
-}
-
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"][data-item-active-label-semibold="false"] .capra-Menu-module-3G4VeG-menuItem[data-active="true"] .capra-Menu-module-3G4VeG-menuItemLabel, .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"][data-item-active-label-semibold="false"] .capra-Menu-module-3G4VeG-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel, .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"][data-item-active-label-semibold="false"] .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"] .capra-Menu-module-3G4VeG-menuItemLabel, .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"][data-item-active-label-semibold="false"] .capra-Menu-module-3G4VeG-menuItem[data-variant="danger"].capra-Menu-module-3G4VeG-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
-  font: var(--cds2-typography-body-md-normal);
-}
-
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-active="true"] .capra-Menu-module-3G4VeG-menuItemLabel {
-  color: var(--cds2-color-foreground-accent-default);
-  font: var(--cds2-typography-body-md-semibold);
-}
-
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-active="true"]:hover:not(:disabled, [aria-disabled="true"]) {
-  background-color: var(--cds2-color-background-accent-selected);
-  color: var(--cds2-color-foreground-accent-default);
-}
+.capra-Menu-module-HIhAFW-menu[data-item-hover-appearance="accent"] {
+  & .capra-Menu-module-HIhAFW-menuItem {
+    &:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-HIhAFW-menuItemShortcut {
+      color: var(--cds2-color-foreground-subtle);
+    }
 
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open]:not(:disabled, [aria-disabled="true"]) {
-  background-color: var(--cds2-color-border-focus);
-  border-inline-end: 2px solid var(--cds2-color-border-accent-default);
-  color: var(--cds2-color-foreground-accent-default);
-}
+    &:is(:disabled, [aria-disabled="true"]) {
+      color: var(--cds2-color-foreground-disabled);
+      background-color: #0000;
 
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open]:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
-  color: var(--cds2-color-foreground-accent-default);
-  font: var(--cds2-typography-body-md-semibold);
-}
+      &[data-active="true"] {
+        background-color: #0000;
+        border-inline-end: none;
+      }
 
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open]:hover:not(:disabled, [aria-disabled="true"]) {
-  background-color: var(--cds2-color-background-accent-selected);
-  color: var(--cds2-color-foreground-accent-default);
-}
+      &[data-active="true"] .capra-Menu-module-HIhAFW-menuItemLabel {
+        font: var(--cds2-typography-body-md-normal);
+      }
+    }
 
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"] .capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
-  color: var(--cds2-color-foreground-accent-default);
-}
+    &[data-active="true"] {
+      background-color: var(--cds2-color-background-accent-selected);
+      border-inline-end: 2px solid var(--cds2-color-border-accent-default);
+      color: var(--cds2-color-foreground-accent-default);
 
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"][data-item-active-accent-bar="false"] .capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open], .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"][data-item-active-accent-bar="false"] .capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open]:hover:not(:disabled, [aria-disabled="true"]) {
-  border-inline-end: none;
-}
+      & .capra-Menu-module-HIhAFW-menuItemLabel {
+        color: var(--cds2-color-foreground-accent-default);
+        font: var(--cds2-typography-body-md-semibold);
+      }
 
-.capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"][data-item-active-label-semibold="false"] .capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open] .capra-Menu-module-3G4VeG-menuItemLabel, .capra-Menu-module-3G4VeG-menu[data-item-hover-appearance="accent"][data-item-active-label-semibold="false"] .capra-Menu-module-3G4VeG-menuItem[data-has-submenu][data-open]:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-3G4VeG-menuItemLabel {
-  font: var(--cds2-typography-body-md-normal);
-}
+      &:hover:not(:disabled, [aria-disabled="true"]) {
+        background-color: var(--cds2-color-background-accent-selected);
+        color: var(--cds2-color-foreground-accent-default);
+      }
+    }
 
-.capra-Menu-module-3G4VeG-section {
-  display: contents;
-}
+    &[data-has-submenu][data-open]:not(:disabled, [aria-disabled="true"]) {
+      background-color: var(--cds2-color-border-focus);
+      border-inline-end: 2px solid var(--cds2-color-border-accent-default);
+      color: var(--cds2-color-foreground-accent-default);
 
-.capra-Menu-module-3G4VeG-menuItem[data-indent="true"] {
-  padding-inline-start: var(--cds2-spacing-xl);
-}
+      & .capra-Menu-module-HIhAFW-menuItemLabel {
+        color: var(--cds2-color-foreground-accent-default);
+        font: var(--cds2-typography-body-md-semibold);
+      }
 
-.capra-Menu-module-3G4VeG-menuItemLabel {
-  color: inherit;
-  font: var(--cds2-typography-body-md-normal);
-}
+      &:hover {
+        background-color: var(--cds2-color-background-accent-selected);
+      }
+    }
 
-.capra-Menu-module-3G4VeG-menuItemDescription {
-  color: var(--cds2-color-foreground-default);
-  font: var(--cds2-typography-body-sm-normal);
-}
+    &[data-variant="danger"] {
+      &:hover:not(:disabled, [aria-disabled="true"]) {
+        background-color: var(--cds2-color-background-danger-subtle);
+        color: var(--cds2-color-foreground-danger-default);
+
+        & .capra-Menu-module-HIhAFW-menuItemLabel {
+          font: var(--cds2-typography-body-md-normal);
+        }
+      }
+
+      &[data-active="true"] {
+        background-color: var(--cds2-color-border-danger-focus);
+        border-inline-end: 2px solid var(--cds2-color-border-accent-default);
+        color: var(--cds2-color-foreground-danger-default);
+
+        & .capra-Menu-module-HIhAFW-menuItemLabel {
+          color: var(--cds2-color-foreground-danger-default);
+          font: var(--cds2-typography-body-md-semibold);
+        }
+
+        &:hover:not(:disabled, [aria-disabled="true"]) {
+          background-color: var(--cds2-color-background-danger-subtle);
+        }
+      }
+    }
+  }
 
-.capra-Menu-module-3G4VeG-menuItem[data-has-description="true"] .capra-Menu-module-3G4VeG-menuItemTrailingGutter {
-  align-self: center;
-  height: auto !important;
-}
+  &[data-item-active-accent-bar="false"] {
+    & .capra-Menu-module-HIhAFW-menuItem[data-active="true"], & .capra-Menu-module-HIhAFW-menuItem[data-has-submenu][data-open] {
+      border-inline-end: none;
+    }
+  }
 
-.capra-Menu-module-3G4VeG-menuItemTrailingGroup {
-  align-items: center;
-  gap: var(--cds2-spacing-md);
-  display: inline-flex;
+  &[data-item-active-label-semibold="false"] {
+    & .capra-Menu-module-HIhAFW-menuItem[data-active="true"] .capra-Menu-module-HIhAFW-menuItemLabel, & .capra-Menu-module-HIhAFW-menuItem[data-has-submenu][data-open] .capra-Menu-module-HIhAFW-menuItemLabel {
+      font: var(--cds2-typography-body-md-normal);
+    }
+  }
 }
 
-.capra-Menu-module-3G4VeG-menuItemShortcut {
-  background-color: var(--cds2-color-neutral-surface);
-  border: var(--cds2-border-default);
-  border-color: var(--cds2-color-border-neutral-subtle);
-  border-radius: var(--cds2-radius-md);
-  color: var(--cds2-color-foreground-subtle);
-  font: var(--cds2-typography-body-sm-normal);
-  padding: 0 var(--cds2-spacing-sm);
-  white-space: nowrap;
-  justify-content: center;
-  align-items: center;
-  display: inline-flex;
+.capra-Menu-module-HIhAFW-section {
+  display: contents;
 }
 
-.capra-Menu-module-3G4VeG-header {
+.capra-Menu-module-HIhAFW-header {
   box-sizing: border-box;
   color: var(--cds2-color-foreground-default);
   font: var(--cds2-typography-body-md-semibold);
@@ -3752,7 +4070,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 }
 
-.capra-Menu-module-3G4VeG-divider {
+.capra-Menu-module-HIhAFW-divider {
   border: none;
   border-block-start: var(--cds2-border-default);
   border-color: var(--cds2-color-border-neutral-subtle);
@@ -3762,10 +4080,6 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   width: 100%;
   padding: 0;
 }
-
-.capra-Menu-module-3G4VeG-menuItemListItemShell {
-  width: 100%;
-}
 .capra-TabNav-module-pLDWhG-root {
   flex-direction: column;
   width: 100%;