@capra/core 1.12.0 → 1.14.0

package/dist/style.css

@@ -342,7 +342,7 @@
   position: absolute;
   overflow: hidden;
 }
-.capra-TextInput-module-pTHfnG-wrapper {
+.capra-TextInput-module--5NVeG-wrapper {
   border: var(--cds2-border-default);
   border-color: var(--cds2-temporary-input-border-primary);
   border-radius: var(--cds2-radius-md);
@@ -371,7 +371,7 @@
     border-color: var(--cds2-temporary-input-border-disabled);
     color: var(--cds2-temporary-input-foreground-disabled);
 
-    & .capra-TextInput-module-pTHfnG-leadingSlot, & .capra-TextInput-module-pTHfnG-trailingSlot {
+    & .capra-TextInput-module--5NVeG-leadingSlot, & .capra-TextInput-module--5NVeG-trailingSlot {
       color: var(--cds2-temporary-input-foreground-disabled);
     }
   }
@@ -379,7 +379,7 @@
   &:has( > input:read-only) {
     cursor: default;
 
-    & .capra-TextInput-module-pTHfnG-input {
+    & .capra-TextInput-module--5NVeG-input {
       cursor: default;
     }
   }
@@ -387,12 +387,12 @@
   &:has( > input:disabled) {
     cursor: not-allowed;
 
-    & .capra-TextInput-module-pTHfnG-input {
+    & .capra-TextInput-module--5NVeG-input {
       cursor: not-allowed;
     }
   }
 
-  & .capra-TextInput-module-pTHfnG-input {
+  & .capra-TextInput-module--5NVeG-input {
     min-width: 0;
     color: inherit;
     font: inherit;
@@ -403,31 +403,31 @@
     padding: 0;
 
     &::placeholder {
-      color: var(--cds2-temporary-input-foreground-placeholder);
+      color: var(--cds2-color-foreground-placeholder);
     }
   }
 
   &[data-size="sm"] {
     gap: var(--cds2-spacing-sm);
 
-    &:not(:has(.capra-TextInput-module-pTHfnG-leadingSlot)) .capra-TextInput-module-pTHfnG-input {
+    &:not(:has(.capra-TextInput-module--5NVeG-leadingSlot)) .capra-TextInput-module--5NVeG-input {
       padding-inline-start: var(--cds2-spacing-md);
     }
 
-    &:not(:has(.capra-TextInput-module-pTHfnG-trailingSlot)) .capra-TextInput-module-pTHfnG-input {
+    &:not(:has(.capra-TextInput-module--5NVeG-trailingSlot)) .capra-TextInput-module--5NVeG-input {
       padding-inline-end: var(--cds2-spacing-md);
     }
 
-    & .capra-TextInput-module-pTHfnG-input {
+    & .capra-TextInput-module--5NVeG-input {
       height: calc(var(--cds2-dimension-component-sm) - 2px);
       font: var(--cds2-typography-body-sm-normal);
     }
 
-    & .capra-TextInput-module-pTHfnG-leadingSlot {
+    & .capra-TextInput-module--5NVeG-leadingSlot {
       padding-inline-start: var(--cds2-spacing-md);
     }
 
-    & .capra-TextInput-module-pTHfnG-trailingSlot {
+    & .capra-TextInput-module--5NVeG-trailingSlot {
       padding-inline-end: var(--cds2-spacing-md);
     }
   }
@@ -435,29 +435,29 @@
   &[data-size="md"] {
     gap: var(--cds2-spacing-md);
 
-    &:not(:has(.capra-TextInput-module-pTHfnG-leadingSlot)) .capra-TextInput-module-pTHfnG-input {
+    &:not(:has(.capra-TextInput-module--5NVeG-leadingSlot)) .capra-TextInput-module--5NVeG-input {
       padding-inline-start: var(--cds2-spacing-md);
     }
 
-    &:not(:has(.capra-TextInput-module-pTHfnG-trailingSlot)) .capra-TextInput-module-pTHfnG-input {
+    &:not(:has(.capra-TextInput-module--5NVeG-trailingSlot)) .capra-TextInput-module--5NVeG-input {
       padding-inline-end: var(--cds2-spacing-md);
     }
 
-    & .capra-TextInput-module-pTHfnG-input {
+    & .capra-TextInput-module--5NVeG-input {
       height: calc(var(--cds2-dimension-component-md) - 2px);
       font: var(--cds2-typography-body-md-normal);
     }
 
-    & .capra-TextInput-module-pTHfnG-leadingSlot {
+    & .capra-TextInput-module--5NVeG-leadingSlot {
       padding-inline-start: var(--cds2-spacing-md);
     }
 
-    & .capra-TextInput-module-pTHfnG-trailingSlot {
+    & .capra-TextInput-module--5NVeG-trailingSlot {
       padding-inline-end: var(--cds2-spacing-md);
     }
   }
 
-  & .capra-TextInput-module-pTHfnG-leadingSlot, & .capra-TextInput-module-pTHfnG-trailingSlot {
+  & .capra-TextInput-module--5NVeG-leadingSlot, & .capra-TextInput-module--5NVeG-trailingSlot {
     align-items: center;
     gap: var(--cds2-spacing-xs);
     color: var(--cds2-color-foreground-subtle);
@@ -465,7 +465,7 @@
     display: inline-flex;
   }
 
-  & .capra-TextInput-module-pTHfnG-errorIndicator {
+  & .capra-TextInput-module--5NVeG-errorIndicator {
     color: var(--cds2-color-foreground-danger-default);
     flex-shrink: 0;
     justify-content: center;
@@ -473,7 +473,7 @@
     display: inline-flex;
   }
 
-  & .capra-TextInput-module-pTHfnG-warningIndicator {
+  & .capra-TextInput-module--5NVeG-warningIndicator {
     color: var(--cds2-color-foreground-warning-default);
     flex-shrink: 0;
     justify-content: center;
@@ -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;
   }
 }
@@ -1362,8 +1367,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   border-color: var(--cds2-core-color-yellow-a6);
   color: var(--cds2-core-color-yellow-a11);
 }
-.capra-Checkbox-module-EcGsRq-base {
-  gap: var(--cds2-spacing-md);
+.capra-Checkbox-module-IniPuq-base {
   align-items: center;
   display: flex;
 
@@ -1371,7 +1375,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
     align-items: baseline;
   }
 
-  & input[type="checkbox"] {
+  & input[type="checkbox"], & .capra-Checkbox-module-IniPuq-inner {
     appearance: none;
     cursor: pointer;
     border: var(--cds2-border-default);
@@ -1383,12 +1387,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
       background-color var(--cds2-motion-duration-short) ease;
     display: block;
 
-    &:checked:where(:not([data-indeterminate="true"]):not(:disabled)) {
+    .capra-Checkbox-module-IniPuq-base[data-selected="true"] &:where(:not([data-indeterminate="true"]):not(:disabled)), &:checked:where(:not([data-indeterminate="true"]):not(:disabled)) {
       background-color: var(--cds2-color-background-accent-indicator);
       border: none;
     }
 
-    &[data-indeterminate="true"]:where(:not(:disabled)) {
+    .capra-Checkbox-module-IniPuq-base[data-indeterminate="true"]:not([data-disabled="true"]) &, &[data-indeterminate="true"]:where(:not(:disabled)) {
       background-color: var(--cds2-color-background-accent-indicator);
       color: var(--cds2-color-foreground-danger-contrast);
       border: none;
@@ -1398,7 +1402,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
       border-color: var(--cds2-color-border-accent-strong);
     }
 
-    &:disabled {
+    &:disabled, .capra-Checkbox-module-IniPuq-base[data-disabled="true"] & {
       cursor: not-allowed;
       border-color: var(--cds2-color-border-disabled);
       background-color: var(--cds2-color-background-disabled);
@@ -1414,18 +1418,18 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
     cursor: not-allowed;
     color: var(--cds2-color-foreground-disabled);
 
-    & .capra-Checkbox-module-EcGsRq-input {
+    & .capra-Checkbox-module-IniPuq-input {
       color: var(--cds2-color-foreground-on-disabled);
     }
 
-    & label {
+    & label, & .capra-Checkbox-module-IniPuq-text {
       cursor: not-allowed;
       color: var(--cds2-color-foreground-disabled);
     }
   }
 }
 
-.capra-Checkbox-module-EcGsRq-input {
+.capra-Checkbox-module-IniPuq-input {
   height: var(--cds2-dimension-component-xs);
   width: var(--cds2-dimension-component-xs);
   color: var(--cds2-color-foreground-accent-contrast);
@@ -1440,11 +1444,15 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-Checkbox-module-EcGsRq-base[data-has-label="false"] .capra-Checkbox-module-EcGsRq-input {
+.capra-Checkbox-module-IniPuq-base[data-has-label="false"] .capra-Checkbox-module-IniPuq-input {
   transform: none;
 }
 
-.capra-Checkbox-module-EcGsRq-label {
+.capra-Checkbox-module-IniPuq-base[data-focus-visible="true"] {
+  outline: var(--cds2-border-focus);
+}
+
+.capra-Checkbox-module-IniPuq-label, .capra-Checkbox-module-IniPuq-text {
   color: var(--cds2-color-foreground-default);
   cursor: pointer;
   font: var(--cds2-typography-body-md-normal);
@@ -1639,7 +1647,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
 .capra-InputRow-module-hUHSXW-row > [data-capra-input-row-addon]:only-child {
   border-radius: var(--cds2-radius-md);
 }
-.capra-NumberField-module-crO5za-withStepper {
+.capra-NumberField-module-IscOzq-withStepper {
   align-items: stretch;
 
   & input {
@@ -1653,11 +1661,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-NumberField-module-crO5za-slotAlign {
+.capra-NumberField-module-IscOzq-slotAlign {
   align-self: center;
 }
 
-.capra-NumberField-module-crO5za-withStepper .capra-NumberField-module-crO5za-stepper {
+.capra-NumberField-module-IscOzq-withStepper .capra-NumberField-module-IscOzq-stepper {
   border-left: var(--cds2-border-default);
   border-color: var(--cds2-temporary-input-border-primary);
   border-radius: 0 var(--cds2-radius-md) var(--cds2-radius-md) 0;
@@ -1667,12 +1675,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   flex-direction: column;
   flex-shrink: 0;
   align-self: stretch;
-  margin-inline-end: calc(-1 * var(--cds2-spacing-md));
   display: flex;
   overflow: hidden;
 }
 
-.capra-NumberField-module-crO5za-withStepper .capra-NumberField-module-crO5za-stepButton {
+.capra-NumberField-module-IscOzq-withStepper .capra-NumberField-module-IscOzq-stepButton {
   background: var(--cds2-temporary-input-background-primary);
   min-height: 0;
   color: var(--cds2-color-foreground-subtle);
@@ -1696,18 +1703,18 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-NumberField-module-crO5za-withStepper:has(input:disabled) .capra-NumberField-module-crO5za-stepper, .capra-NumberField-module-crO5za-withStepper:has(input:read-only) .capra-NumberField-module-crO5za-stepper {
+.capra-NumberField-module-IscOzq-withStepper:has(input:disabled) .capra-NumberField-module-IscOzq-stepper, .capra-NumberField-module-IscOzq-withStepper:has(input:read-only) .capra-NumberField-module-IscOzq-stepper {
   display: none;
 }
 
-.capra-NumberField-module-crO5za-withStepper .capra-NumberField-module-crO5za-stepDivider {
+.capra-NumberField-module-IscOzq-withStepper .capra-NumberField-module-IscOzq-stepDivider {
   border-top: var(--cds2-border-default);
   border-color: var(--cds2-temporary-input-border-primary);
   flex-shrink: 0;
   height: 0;
 }
 
-.capra-NumberField-module-crO5za-withStepper .capra-NumberField-module-crO5za-stepIcon {
+.capra-NumberField-module-IscOzq-withStepper .capra-NumberField-module-IscOzq-stepIcon {
   line-height: 0;
   display: inline-flex;
 }
@@ -2014,6 +2021,328 @@ 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-KwnLuW-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-KwnLuW-leadingSlot, & .capra-SelectField-module-KwnLuW-trailingSlot, & .capra-SelectField-module-KwnLuW-valueText, & .capra-SelectField-module-KwnLuW-tag {
+      color: var(--cds2-temporary-input-foreground-disabled);
+    }
+  }
+}
+
+.capra-SelectField-module-KwnLuW-singleTrigger {
+  &:focus-visible {
+    outline: var(--cds2-border-focus);
+    outline-offset: var(--cds2-spacing-xs);
+  }
+}
+
+.capra-SelectField-module-KwnLuW-multipleTrigger {
+  overflow: hidden;
+
+  &:has(.capra-SelectField-module-KwnLuW-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-KwnLuW-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-KwnLuW-leadingSlot, .capra-SelectField-module-KwnLuW-trailingSlot {
+  align-items: center;
+  gap: var(--cds2-spacing-md);
+  color: var(--cds2-color-foreground-subtle);
+  flex-shrink: 0;
+  display: inline-flex;
+}
+
+.capra-SelectField-module-KwnLuW-value {
+  align-items: center;
+  gap: var(--cds2-spacing-sm);
+  flex: auto;
+  min-width: 0;
+  display: flex;
+}
+
+.capra-SelectField-module-KwnLuW-valueIcon {
+  color: var(--cds2-color-foreground-subtle);
+  flex-shrink: 0;
+  align-items: center;
+  display: inline-flex;
+}
+
+.capra-SelectField-module-KwnLuW-valueText {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  overflow: hidden;
+
+  &[data-placeholder] {
+    color: var(--cds2-temporary-input-foreground-placeholder);
+  }
+}
+
+.capra-SelectField-module-KwnLuW-tagGroup {
+  flex: auto;
+  min-width: 0;
+  display: flex;
+}
+
+.capra-SelectField-module-KwnLuW-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-KwnLuW-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-KwnLuW-tagIcon {
+  color: var(--cds2-color-foreground-subtle);
+  flex-shrink: 0;
+  align-items: center;
+  display: inline-flex;
+}
+
+.capra-SelectField-module-KwnLuW-tagLabel {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.capra-SelectField-module-KwnLuW-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-KwnLuW-chevron, .capra-SelectField-module-KwnLuW-warningIndicator, .capra-SelectField-module-KwnLuW-errorIndicator {
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+.capra-SelectField-module-KwnLuW-warningIndicator {
+  color: var(--cds2-color-foreground-warning-default);
+}
+
+.capra-SelectField-module-KwnLuW-errorIndicator {
+  color: var(--cds2-color-foreground-danger-default);
+}
+
+.capra-SelectField-module-KwnLuW-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-KwnLuW-search {
+  width: 100%;
+}
+
+.capra-SelectField-module-KwnLuW-listbox {
+  gap: var(--cds2-spacing-xs);
+  flex-direction: column;
+  max-height: 320px;
+  display: flex;
+  overflow-y: auto;
+}
+
+.capra-SelectField-module-KwnLuW-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-KwnLuW-section {
+  display: contents;
+}
+
+.capra-SelectField-module-KwnLuW-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-KwnLuW-dropdownPanel:focus-visible, .capra-SelectField-module-KwnLuW-listbox:focus-visible {
+  outline: none;
+}
+
+.capra-SelectField-module-KwnLuW-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(--cds2-color-background-accent-hover);
+  }
+
+  &[data-selected="true"] {
+    background-color: var(--cds2-color-background-accent-selected);
+    color: var(--cds2-color-foreground-default);
+  }
+
+  &[data-disabled="true"] {
+    background: var(--cds2-color-background-disabled);
+    color: var(--cds2-color-foreground-on-disabled);
+  }
+}
+
+.capra-SelectField-module-KwnLuW-itemContent {
+  align-items: center;
+  gap: var(--cds2-spacing-sm);
+  padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
+  display: flex;
+}
+
+.capra-SelectField-module-KwnLuW-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-KwnLuW-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;
 }
@@ -2754,15 +3083,63 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
     border: none;
   }
 }
-.capra-Link-module-7lYr7a-base {
-  color: var(--cds2-color-foreground-accent-default);
+.capra-ToggleButtonGroup-module-cS5LeW-base {
+  display: inline-flex;
+
+  & > button {
+    z-index: 1;
+    border-radius: 0;
+    margin-inline-start: -1px;
+
+    &:first-child {
+      border-start-start-radius: var(--cds2-radius-md);
+      border-end-start-radius: var(--cds2-radius-md);
+      margin-inline-start: 0;
+    }
+
+    &:last-child {
+      border-start-end-radius: var(--cds2-radius-md);
+      border-end-end-radius: var(--cds2-radius-md);
+    }
+
+    &:only-child {
+      border-radius: var(--cds2-radius-md);
+    }
+
+    &[data-selected="true"] {
+      z-index: 2;
+    }
+
+    &:hover, &:focus-visible {
+      z-index: 3;
+    }
+
+    &[data-disabled="true"] {
+      z-index: 0;
+    }
+  }
+
+  & > [data-variant="secondary"][data-selected="true"]:not([data-disabled="true"]) {
+    border-color: var(--cds2-color-border-accent-strong);
+    color: var(--cds2-color-foreground-accent-default);
+    background-color: var(--cds2-color-background-accent-default);
+  }
+}
+.capra-Link-module-OvXy7G-base {
+  color: var(--cds2-color-foreground-link);
   align-items: center;
   gap: var(--cds2-spacing-xs);
   flex-direction: row;
+  line-height: 1;
   display: inline-flex;
+
+  &:hover {
+    color: var(--cds2-color-foreground-link);
+    text-decoration: underline;
+  }
 }
 
-.capra-Link-module-7lYr7a-base:focus-visible {
+.capra-Link-module-OvXy7G-base:focus-visible {
   border-radius: var(--cds2-radius-md);
   outline: var(--cds2-border-focus);
   outline-offset: var(--cds2-spacing-xs);
@@ -3444,7 +3821,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-HIhAFW-menu, .capra-Menu-module-HIhAFW-list {
+.capra-Menu-module-eTI_TG-menu, .capra-Menu-module-eTI_TG-list {
   gap: var(--cds2-spacing-xs);
   box-sizing: border-box;
   min-width: 152px;
@@ -3455,7 +3832,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
   overflow: auto;
 
-  & > :not(:last-child):not(.capra-Menu-module-HIhAFW-divider):not(:has( + .capra-Menu-module-HIhAFW-divider)) {
+  & > :not(:last-child):not(.capra-Menu-module-eTI_TG-divider):not(:has( + .capra-Menu-module-eTI_TG-divider)) {
     margin-block-end: var(--cds2-spacing-xs);
   }
 
@@ -3464,7 +3841,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-Menu-module-HIhAFW-menu {
+.capra-Menu-module-eTI_TG-menu {
   padding: 5px;
 
   &[data-panel-padding="none"] {
@@ -3472,11 +3849,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-Menu-module-HIhAFW-menuTriggerSlot {
+.capra-Menu-module-eTI_TG-menuTriggerSlot {
   display: inline-block;
 }
 
-.capra-Menu-module-HIhAFW-menuItem {
+.capra-Menu-module-eTI_TG-menuItem {
   appearance: none;
   border-radius: var(--cds-radius-sm);
   color: var(--cds2-color-foreground-default);
@@ -3484,6 +3861,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   font: var(--cds2-typography-body-md-normal);
   min-height: var(--cds2-dimension-component-md);
   text-align: start;
+  white-space: nowrap;
   background: none;
   border: none;
   gap: 0;
@@ -3500,6 +3878,10 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
     outline: none;
   }
 
+  &[data-allow-line-wrap="true"] {
+    white-space: normal;
+  }
+
   &[data-focus-visible="true"] {
     outline: var(--cds2-border-focus);
     outline-offset: var(--cds2-spacing-xs);
@@ -3509,11 +3891,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
     color: var(--cds2-color-foreground-disabled);
     cursor: not-allowed;
 
-    & .capra-Menu-module-HIhAFW-menuItemListItemShell, & .capra-Menu-module-HIhAFW-menuItemLabel, & .capra-Menu-module-HIhAFW-menuItemDescription, & .capra-Menu-module-HIhAFW-menuItemShortcut {
+    & .capra-Menu-module-eTI_TG-menuItemListItemShell, & .capra-Menu-module-eTI_TG-menuItemLabel, & .capra-Menu-module-eTI_TG-menuItemDescription, & .capra-Menu-module-eTI_TG-menuItemShortcut {
       color: var(--cds2-color-foreground-disabled);
     }
 
-    & .capra-Menu-module-HIhAFW-menuItemShortcut {
+    & .capra-Menu-module-eTI_TG-menuItemShortcut {
       background-color: var(--cds-color-background-secondary);
       border: var(--cds2-border-default);
     }
@@ -3523,7 +3905,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
     background-color: var(--cds2-color-background-accent-selected);
     color: var(--cds2-color-foreground-default);
 
-    & .capra-Menu-module-HIhAFW-menuItemLabel {
+    & .capra-Menu-module-eTI_TG-menuItemLabel {
       color: inherit;
     }
   }
@@ -3532,7 +3914,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
     background-color: var(--cds2-color-background-neutral-hover);
     color: var(--cds2-color-foreground-default);
 
-    & .capra-Menu-module-HIhAFW-menuItemLabel {
+    & .capra-Menu-module-eTI_TG-menuItemLabel {
       color: inherit;
     }
   }
@@ -3540,11 +3922,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   &[data-variant="danger"] {
     color: var(--cds2-color-foreground-danger-default);
 
-    & .capra-Menu-module-HIhAFW-menuItemLabel {
+    & .capra-Menu-module-eTI_TG-menuItemLabel {
       color: inherit;
     }
 
-    &:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-HIhAFW-menuItemShortcut {
+    &:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-eTI_TG-menuItemShortcut {
       border: var(--cds2-border-default);
       color: var(--cds2-color-foreground-danger-default);
     }
@@ -3569,52 +3951,52 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 
   &[data-has-description="true"] {
-    & .capra-Menu-module-HIhAFW-menuItemTrailingGutter {
+    & .capra-Menu-module-eTI_TG-menuItemTrailingGutter {
       align-self: center;
       height: auto !important;
     }
 
-    & .capra-Menu-module-HIhAFW-menuItemListItemShell {
+    & .capra-Menu-module-eTI_TG-menuItemListItemShell {
       align-items: start;
     }
   }
 
-  & .capra-Menu-module-HIhAFW-menuItemListItemShell {
+  & .capra-Menu-module-eTI_TG-menuItemListItemShell {
     width: 100%;
     color: inherit;
     align-items: center;
   }
 }
 
-.capra-Menu-module-HIhAFW-menuItemLeadingGutter {
+.capra-Menu-module-eTI_TG-menuItemLeadingGutter {
   margin-inline-end: var(--cds2-spacing-md);
 
-  & .capra-Menu-module-HIhAFW-slot {
+  & .capra-Menu-module-eTI_TG-slot {
     line-height: 0;
   }
 }
 
-.capra-Menu-module-HIhAFW-menuItemTrailingGutter {
+.capra-Menu-module-eTI_TG-menuItemTrailingGutter {
   margin-inline-start: var(--cds2-spacing-md);
 }
 
-.capra-Menu-module-HIhAFW-menuItemTrailingGroup {
+.capra-Menu-module-eTI_TG-menuItemTrailingGroup {
   align-items: center;
   gap: var(--cds2-spacing-md);
   display: inline-flex;
 }
 
-.capra-Menu-module-HIhAFW-menuItemLabel {
+.capra-Menu-module-eTI_TG-menuItemLabel {
   color: inherit;
   font: var(--cds2-typography-body-md-normal);
 }
 
-.capra-Menu-module-HIhAFW-menuItemDescription {
+.capra-Menu-module-eTI_TG-menuItemDescription {
   color: var(--cds2-color-foreground-default);
   font: var(--cds2-typography-body-sm-normal);
 }
 
-.capra-Menu-module-HIhAFW-menuItemShortcut {
+.capra-Menu-module-eTI_TG-menuItemShortcut {
   background-color: var(--cds2-color-neutral-surface);
   border: var(--cds2-border-default);
   border-color: var(--cds2-color-border-neutral-subtle);
@@ -3628,9 +4010,9 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: inline-flex;
 }
 
-.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 {
+.capra-Menu-module-eTI_TG-menu[data-item-hover-appearance="accent"] {
+  & .capra-Menu-module-eTI_TG-menuItem {
+    &:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-eTI_TG-menuItemShortcut {
       color: var(--cds2-color-foreground-subtle);
     }
 
@@ -3643,7 +4025,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
         border-inline-end: none;
       }
 
-      &[data-active="true"] .capra-Menu-module-HIhAFW-menuItemLabel {
+      &[data-active="true"] .capra-Menu-module-eTI_TG-menuItemLabel {
         font: var(--cds2-typography-body-md-normal);
       }
     }
@@ -3653,7 +4035,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
       border-inline-end: 2px solid var(--cds2-color-border-accent-default);
       color: var(--cds2-color-foreground-accent-default);
 
-      & .capra-Menu-module-HIhAFW-menuItemLabel {
+      & .capra-Menu-module-eTI_TG-menuItemLabel {
         color: var(--cds2-color-foreground-accent-default);
         font: var(--cds2-typography-body-md-semibold);
       }
@@ -3669,7 +4051,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
       border-inline-end: 2px solid var(--cds2-color-border-accent-default);
       color: var(--cds2-color-foreground-accent-default);
 
-      & .capra-Menu-module-HIhAFW-menuItemLabel {
+      & .capra-Menu-module-eTI_TG-menuItemLabel {
         color: var(--cds2-color-foreground-accent-default);
         font: var(--cds2-typography-body-md-semibold);
       }
@@ -3684,7 +4066,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
         background-color: var(--cds2-color-background-danger-subtle);
         color: var(--cds2-color-foreground-danger-default);
 
-        & .capra-Menu-module-HIhAFW-menuItemLabel {
+        & .capra-Menu-module-eTI_TG-menuItemLabel {
           font: var(--cds2-typography-body-md-normal);
         }
       }
@@ -3694,7 +4076,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
         border-inline-end: 2px solid var(--cds2-color-border-accent-default);
         color: var(--cds2-color-foreground-danger-default);
 
-        & .capra-Menu-module-HIhAFW-menuItemLabel {
+        & .capra-Menu-module-eTI_TG-menuItemLabel {
           color: var(--cds2-color-foreground-danger-default);
           font: var(--cds2-typography-body-md-semibold);
         }
@@ -3707,23 +4089,23 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 
   &[data-item-active-accent-bar="false"] {
-    & .capra-Menu-module-HIhAFW-menuItem[data-active="true"], & .capra-Menu-module-HIhAFW-menuItem[data-has-submenu][data-open] {
+    & .capra-Menu-module-eTI_TG-menuItem[data-active="true"], & .capra-Menu-module-eTI_TG-menuItem[data-has-submenu][data-open] {
       border-inline-end: none;
     }
   }
 
   &[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 {
+    & .capra-Menu-module-eTI_TG-menuItem[data-active="true"] .capra-Menu-module-eTI_TG-menuItemLabel, & .capra-Menu-module-eTI_TG-menuItem[data-has-submenu][data-open] .capra-Menu-module-eTI_TG-menuItemLabel {
       font: var(--cds2-typography-body-md-normal);
     }
   }
 }
 
-.capra-Menu-module-HIhAFW-section {
+.capra-Menu-module-eTI_TG-section {
   display: contents;
 }
 
-.capra-Menu-module-HIhAFW-header {
+.capra-Menu-module-eTI_TG-header {
   box-sizing: border-box;
   color: var(--cds2-color-foreground-default);
   font: var(--cds2-typography-body-md-semibold);
@@ -3734,7 +4116,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 }
 
-.capra-Menu-module-HIhAFW-divider {
+.capra-Menu-module-eTI_TG-divider {
   border: none;
   border-block-start: var(--cds2-border-default);
   border-color: var(--cds2-color-border-neutral-subtle);
@@ -4096,6 +4478,178 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   gap: var(--cds2-spacing-md);
   display: inline-flex;
 }
+.capra-FilterToolbar-module-1TgfVW-toolbar {
+  border-radius: var(--cds2-radius-md);
+  padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  display: flex;
+
+  &[data-mode="bulk-edit"] {
+    background-color: var(--cds2-color-background-neutral-default);
+  }
+}
+.capra-Table-module-YRCV0q-base {
+  background-color: var(--cds2-color-background-panel-solid);
+  width: 100%;
+  overflow: auto;
+}
+
+.capra-Table-module-YRCV0q-header {
+  background-color: var(--cds2-color-background-neutral-subtle);
+  z-index: 2;
+  border-radius: var(--cds2-radius-md);
+  position: sticky;
+  top: 0;
+
+  &:after {
+    content: "";
+    border: var(--cds2-border-default);
+    border-radius: inherit;
+    pointer-events: none;
+    position: absolute;
+    inset: 0;
+  }
+}
+
+.capra-Table-module-YRCV0q-column {
+  font: var(--cds2-typography-body-md-semibold);
+  padding-inline: var(--cds2-spacing-lg);
+  position: relative;
+  overflow: clip;
+
+  &[data-focus-visible] {
+    outline: var(--cds2-border-focus);
+    outline-offset: -2px;
+  }
+
+  [data-density="default"] & {
+    height: var(--cds2-dimension-component-lg);
+    padding-block: var(--cds2-spacing-md);
+  }
+
+  [data-density="compact"] & {
+    height: var(--cds2-dimension-component-md);
+    padding-block: var(--cds2-spacing-sm);
+  }
+
+  [data-density="tight"] & {
+    height: var(--cds2-dimension-component-sm);
+  }
+
+  &[data-allows-sorting] {
+    cursor: pointer;
+  }
+}
+
+.capra-Table-module-YRCV0q-columnHeader {
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--cds2-spacing-md);
+  display: flex;
+}
+
+.capra-Table-module-YRCV0q-columnName {
+  &[data-focus-visible] {
+    outline: var(--cds2-border-focus) !important;
+  }
+}
+
+.capra-Table-module-YRCV0q-columnDivider {
+  width: 1px;
+  height: var(--cds2-dimension-component-xs);
+  background-color: var(--cds2-color-border-neutral-default);
+  align-items: flex-start;
+  min-width: 1px;
+  max-width: 1px;
+  display: flex;
+  position: absolute;
+  right: 0;
+
+  [data-density="default"] & {
+    top: calc(var(--cds2-spacing-md) + ((var(--cds2-dimension-component-sm) - var(--cds2-dimension-component-xs)) / 2));
+  }
+
+  [data-density="compact"] & {
+    top: calc(var(--cds2-spacing-sm) + ((var(--cds2-dimension-component-sm) - var(--cds2-dimension-component-xs)) / 2));
+  }
+
+  [data-density="tight"] & {
+    top: calc((var(--cds2-dimension-component-sm) - var(--cds2-dimension-component-xs)) / 2);
+  }
+
+  .capra-Table-module-YRCV0q-column:last-child & {
+    display: none;
+  }
+}
+
+.capra-Table-module-YRCV0q-row {
+  [data-appearance="zebra"] &:nth-child(2n) {
+    background-color: var(--cds2-color-background-neutral-subtle);
+  }
+
+  [data-density="default"] & {
+    height: var(--cds2-dimension-component-lg);
+  }
+
+  [data-density="compact"] & {
+    height: var(--cds2-dimension-component-md);
+  }
+
+  [data-density="tight"] & {
+    height: var(--cds2-dimension-component-sm);
+  }
+}
+
+.capra-Table-module-YRCV0q-cell {
+  border-bottom: var(--cds2-border-default);
+  border-radius: var(--cds2-radius-md);
+  padding-inline: var(--cds2-spacing-lg);
+  position: relative;
+
+  &[data-padding="reduced"] {
+    padding-inline: var(--cds2-spacing-md);
+    text-align: center;
+
+    & label {
+      width: 16px;
+      margin: auto;
+    }
+  }
+
+  &[data-focus-visible] {
+    outline: var(--cds2-border-focus);
+    outline-offset: -2px;
+  }
+}
+
+.capra-Table-module-YRCV0q-sortIcons {
+  color: var(--cds2-color-foreground-on-disabled);
+  flex-direction: column;
+  display: flex;
+
+  & svg:first-child {
+    margin-bottom: calc(-1 * var(--cds2-spacing-md));
+  }
+
+  &[data-sort-direction="ascending"] {
+    & svg:last-child {
+      color: var(--cds2-color-foreground-default);
+    }
+  }
+
+  &[data-sort-direction="descending"] {
+    & svg:first-child {
+      color: var(--cds2-color-foreground-default);
+    }
+  }
+}
+
+.capra-Table-module-YRCV0q-dropIndicator {
+  background-color: var(--cds2-brand-accent-purple-300);
+  outline: 1px solid var(--cds2-brand-accent-purple-300);
+}
 .capra-ListItem-module-QN6vFW-__listItem-layout {
   padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
   gap: var(--cds2-spacing-md);