@capra/core 1.14.2 → 1.15.0

package/dist/style.css

@@ -342,14 +342,13 @@
   position: absolute;
   overflow: hidden;
 }
-.capra-TextInput-module--5NVeG-wrapper {
+.capra-TextInput-module-bNpXFG-wrapper {
   border: var(--cds2-border-default);
-  border-color: var(--cds2-temporary-input-border-primary);
   border-radius: var(--cds2-radius-md);
-  background-color: var(--cds2-temporary-input-background-primary);
+  background-color: var(--cds2-color-background-neutral-surface);
   width: 100%;
   min-width: 0;
-  color: var(--cds2-temporary-input-foreground-primary);
+  color: var(--cds2-color-foreground-neutral-default);
   font: var(--cds2-typography-body-md-normal);
   transition: border-color var(--cds2-motion-duration-short) ease,
     box-shadow var(--cds2-motion-duration-short) ease;
@@ -357,29 +356,29 @@
   display: inline-flex;
 
   &:hover:not(:has( > input:disabled)):not(:has( > input:read-only)) {
-    border-color: var(--cds2-temporary-input-border-highlight);
+    border-color: var(--cds2-color-border-accent-hover);
   }
 
   &:has( > input:focus-visible):not(:has( > input:disabled)):not(:has( > input:read-only)) {
     outline: var(--cds2-border-focus);
     outline-offset: var(--cds2-spacing-xs);
-    border-color: var(--cds2-temporary-input-border-highlight);
+    border-color: var(--cds2-color-border-accent-hover);
   }
 
   &:has( > input:disabled), &:has( > input:read-only) {
-    background-color: var(--cds2-temporary-input-background-disabled);
-    border-color: var(--cds2-temporary-input-border-disabled);
-    color: var(--cds2-temporary-input-foreground-disabled);
+    background-color: var(--cds2-color-background-disabled);
+    border-color: var(--cds2-color-border-disabled);
+    color: var(--cds2-color-foreground-on-disabled);
 
-    & .capra-TextInput-module--5NVeG-leadingSlot, & .capra-TextInput-module--5NVeG-trailingSlot {
-      color: var(--cds2-temporary-input-foreground-disabled);
+    & .capra-TextInput-module-bNpXFG-leadingSlot, & .capra-TextInput-module-bNpXFG-trailingSlot {
+      color: var(--cds2-color-foreground-on-disabled);
     }
   }
 
   &:has( > input:read-only) {
     cursor: default;
 
-    & .capra-TextInput-module--5NVeG-input {
+    & .capra-TextInput-module-bNpXFG-input {
       cursor: default;
     }
   }
@@ -387,12 +386,12 @@
   &:has( > input:disabled) {
     cursor: not-allowed;
 
-    & .capra-TextInput-module--5NVeG-input {
+    & .capra-TextInput-module-bNpXFG-input {
       cursor: not-allowed;
     }
   }
 
-  & .capra-TextInput-module--5NVeG-input {
+  & .capra-TextInput-module-bNpXFG-input {
     min-width: 0;
     color: inherit;
     font: inherit;
@@ -410,24 +409,24 @@
   &[data-size="sm"] {
     gap: var(--cds2-spacing-sm);
 
-    &:not(:has(.capra-TextInput-module--5NVeG-leadingSlot)) .capra-TextInput-module--5NVeG-input {
+    &:not(:has(.capra-TextInput-module-bNpXFG-leadingSlot)) .capra-TextInput-module-bNpXFG-input {
       padding-inline-start: var(--cds2-spacing-md);
     }
 
-    &:not(:has(.capra-TextInput-module--5NVeG-trailingSlot)) .capra-TextInput-module--5NVeG-input {
+    &:not(:has(.capra-TextInput-module-bNpXFG-trailingSlot)) .capra-TextInput-module-bNpXFG-input {
       padding-inline-end: var(--cds2-spacing-md);
     }
 
-    & .capra-TextInput-module--5NVeG-input {
+    & .capra-TextInput-module-bNpXFG-input {
       height: calc(var(--cds2-dimension-component-sm) - 2px);
       font: var(--cds2-typography-body-sm-normal);
     }
 
-    & .capra-TextInput-module--5NVeG-leadingSlot {
+    & .capra-TextInput-module-bNpXFG-leadingSlot {
       padding-inline-start: var(--cds2-spacing-md);
     }
 
-    & .capra-TextInput-module--5NVeG-trailingSlot {
+    & .capra-TextInput-module-bNpXFG-trailingSlot {
       padding-inline-end: var(--cds2-spacing-md);
     }
   }
@@ -435,29 +434,29 @@
   &[data-size="md"] {
     gap: var(--cds2-spacing-md);
 
-    &:not(:has(.capra-TextInput-module--5NVeG-leadingSlot)) .capra-TextInput-module--5NVeG-input {
+    &:not(:has(.capra-TextInput-module-bNpXFG-leadingSlot)) .capra-TextInput-module-bNpXFG-input {
       padding-inline-start: var(--cds2-spacing-md);
     }
 
-    &:not(:has(.capra-TextInput-module--5NVeG-trailingSlot)) .capra-TextInput-module--5NVeG-input {
+    &:not(:has(.capra-TextInput-module-bNpXFG-trailingSlot)) .capra-TextInput-module-bNpXFG-input {
       padding-inline-end: var(--cds2-spacing-md);
     }
 
-    & .capra-TextInput-module--5NVeG-input {
+    & .capra-TextInput-module-bNpXFG-input {
       height: calc(var(--cds2-dimension-component-md) - 2px);
       font: var(--cds2-typography-body-md-normal);
     }
 
-    & .capra-TextInput-module--5NVeG-leadingSlot {
+    & .capra-TextInput-module-bNpXFG-leadingSlot {
       padding-inline-start: var(--cds2-spacing-md);
     }
 
-    & .capra-TextInput-module--5NVeG-trailingSlot {
+    & .capra-TextInput-module-bNpXFG-trailingSlot {
       padding-inline-end: var(--cds2-spacing-md);
     }
   }
 
-  & .capra-TextInput-module--5NVeG-leadingSlot, & .capra-TextInput-module--5NVeG-trailingSlot {
+  & .capra-TextInput-module-bNpXFG-leadingSlot, & .capra-TextInput-module-bNpXFG-trailingSlot {
     align-items: center;
     gap: var(--cds2-spacing-xs);
     color: var(--cds2-color-foreground-subtle);
@@ -465,7 +464,7 @@
     display: inline-flex;
   }
 
-  & .capra-TextInput-module--5NVeG-errorIndicator {
+  & .capra-TextInput-module-bNpXFG-errorIndicator {
     color: var(--cds2-color-foreground-danger-default);
     flex-shrink: 0;
     justify-content: center;
@@ -473,7 +472,7 @@
     display: inline-flex;
   }
 
-  & .capra-TextInput-module--5NVeG-warningIndicator {
+  & .capra-TextInput-module-bNpXFG-warningIndicator {
     color: var(--cds2-color-foreground-warning-default);
     flex-shrink: 0;
     justify-content: center;
@@ -481,13 +480,13 @@
     display: inline-flex;
   }
 }
-.capra-HelperText-module-0SVw3W-layout {
+.capra-HelperText-module-ofZKJW-layout {
   align-items: center;
   gap: var(--cds2-spacing-sm);
   display: flex;
 }
 
-.capra-HelperText-module-0SVw3W-helper {
+.capra-HelperText-module-ofZKJW-helper {
   align-items: center;
   gap: var(--cds2-spacing-xs);
   color: var(--cds2-color-foreground-subtle);
@@ -503,24 +502,24 @@
     color: var(--cds2-color-foreground-warning-default);
   }
 
-  .capra-HelperText-module-0SVw3W-layout[data-disabled="true"] & {
-    color: var(--cds2-temporary-input-foreground-disabled);
+  .capra-HelperText-module-ofZKJW-layout[data-disabled="true"] & {
+    color: var(--cds2-color-foreground-on-disabled);
   }
 }
 
-.capra-HelperText-module-0SVw3W-icon {
+.capra-HelperText-module-ofZKJW-icon {
   color: inherit;
   flex-shrink: 0;
   display: inline-flex;
 }
 
-.capra-HelperText-module-0SVw3W-count {
+.capra-HelperText-module-ofZKJW-count {
   font: var(--cds2-typography-body-sm-normal);
   color: var(--cds2-color-foreground-subtle);
   white-space: nowrap;
 
-  .capra-HelperText-module-0SVw3W-layout[data-disabled="true"] & {
-    color: var(--cds2-temporary-input-foreground-disabled);
+  .capra-HelperText-module-ofZKJW-layout[data-disabled="true"] & {
+    color: var(--cds2-color-foreground-on-disabled);
   }
 }
 .capra-fieldLayout-module-0mM4jW-field {
@@ -1570,7 +1569,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
     transition: none;
   }
 }
-.capra-InputRow-module-hUHSXW-row {
+.capra-InputRow-module-hu7l6q-row {
   flex-direction: row;
   align-items: stretch;
   width: 100%;
@@ -1609,15 +1608,14 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-InputRow-module-hUHSXW-addon {
+.capra-InputRow-module-hu7l6q-addon {
   box-sizing: border-box;
   align-items: center;
   gap: var(--cds2-spacing-md);
   padding-inline: var(--cds2-spacing-md);
   border: var(--cds2-border-default);
-  border-color: var(--cds2-temporary-input-border-primary);
   background-color: var(--cds2-brand-core-gray-25);
-  color: var(--cds2-temporary-input-foreground-primary);
+  color: var(--cds2-color-foreground-neutral-default);
   white-space: nowrap;
   display: inline-flex;
 
@@ -1632,20 +1630,20 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-InputRow-module-hUHSXW-row > [data-capra-input-row-addon]:first-child:not(:only-child) {
+.capra-InputRow-module-hu7l6q-row > [data-capra-input-row-addon]:first-child:not(:only-child) {
   border-top-left-radius: var(--cds2-radius-md);
   border-bottom-left-radius: var(--cds2-radius-md);
 }
 
-.capra-InputRow-module-hUHSXW-row > [data-capra-input-row-addon]:last-child:not(:only-child) {
+.capra-InputRow-module-hu7l6q-row > [data-capra-input-row-addon]:last-child:not(:only-child) {
   border-top-right-radius: var(--cds2-radius-md);
   border-bottom-right-radius: var(--cds2-radius-md);
 }
 
-.capra-InputRow-module-hUHSXW-row > [data-capra-input-row-addon]:only-child {
+.capra-InputRow-module-hu7l6q-row > [data-capra-input-row-addon]:only-child {
   border-radius: var(--cds2-radius-md);
 }
-.capra-NumberField-module-IscOzq-withStepper {
+.capra-NumberField-module-9EHhwq-withStepper {
   align-items: stretch;
 
   & input {
@@ -1659,13 +1657,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-NumberField-module-IscOzq-slotAlign {
+.capra-NumberField-module-9EHhwq-slotAlign {
   align-self: center;
 }
 
-.capra-NumberField-module-IscOzq-withStepper .capra-NumberField-module-IscOzq-stepper {
+.capra-NumberField-module-9EHhwq-withStepper .capra-NumberField-module-9EHhwq-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;
   width: 28px;
   min-width: 28px;
@@ -1677,8 +1674,8 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   overflow: hidden;
 }
 
-.capra-NumberField-module-IscOzq-withStepper .capra-NumberField-module-IscOzq-stepButton {
-  background: var(--cds2-temporary-input-background-primary);
+.capra-NumberField-module-9EHhwq-withStepper .capra-NumberField-module-9EHhwq-stepButton {
+  background: var(--cds2-color-background-neutral-surface);
   min-height: 0;
   color: var(--cds2-color-foreground-subtle);
   cursor: pointer;
@@ -1691,7 +1688,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
 
   &:disabled {
     cursor: not-allowed;
-    color: var(--cds2-temporary-input-foreground-disabled);
+    color: var(--cds2-color-foreground-on-disabled);
   }
 
   &:focus-visible {
@@ -1701,70 +1698,69 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.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 {
+.capra-NumberField-module-9EHhwq-withStepper:has(input:disabled) .capra-NumberField-module-9EHhwq-stepper, .capra-NumberField-module-9EHhwq-withStepper:has(input:read-only) .capra-NumberField-module-9EHhwq-stepper {
   display: none;
 }
 
-.capra-NumberField-module-IscOzq-withStepper .capra-NumberField-module-IscOzq-stepDivider {
+.capra-NumberField-module-9EHhwq-withStepper .capra-NumberField-module-9EHhwq-stepDivider {
   border-top: var(--cds2-border-default);
-  border-color: var(--cds2-temporary-input-border-primary);
   flex-shrink: 0;
   height: 0;
 }
 
-.capra-NumberField-module-IscOzq-withStepper .capra-NumberField-module-IscOzq-stepIcon {
+.capra-NumberField-module-9EHhwq-withStepper .capra-NumberField-module-9EHhwq-stepIcon {
   line-height: 0;
   display: inline-flex;
 }
-.capra-DatePickerField-module-F3cFEa-datePickerField[data-open="true"] [data-capra-text-input] {
+.capra-DatePickerField-module-QiJSbG-datePickerField[data-open="true"] [data-capra-text-input] {
   border-color: var(--cds2-color-background-accent-solid-active);
 }
 
-.capra-DatePickerField-module-F3cFEa-datePickerShell {
+.capra-DatePickerField-module-QiJSbG-datePickerShell {
   box-sizing: border-box;
   gap: var(--cds2-spacing-md);
   padding-inline: var(--cds2-spacing-md);
   border-radius: var(--cds2-radius-md);
 }
 
-.capra-DatePickerField-module-F3cFEa-datePickerField:not([data-disabled="true"], [data-readonly="true"]) .capra-DatePickerField-module-F3cFEa-datePickerShell:hover {
-  border-color: var(--cds2-temporary-input-border-highlight);
+.capra-DatePickerField-module-QiJSbG-datePickerField:not([data-disabled="true"], [data-readonly="true"]) .capra-DatePickerField-module-QiJSbG-datePickerShell:hover {
+  border-color: var(--cds2-color-border-accent-hover);
 }
 
-.capra-DatePickerField-module-F3cFEa-datePickerField:not([data-disabled="true"], [data-readonly="true"]) .capra-DatePickerField-module-F3cFEa-datePickerShell:has([data-focused="true"]) {
+.capra-DatePickerField-module-QiJSbG-datePickerField:not([data-disabled="true"], [data-readonly="true"]) .capra-DatePickerField-module-QiJSbG-datePickerShell:has([data-focused="true"]) {
   outline: var(--cds2-border-focus);
   outline-offset: var(--cds2-spacing-xs);
-  border-color: var(--cds2-temporary-input-border-highlight);
+  border-color: var(--cds2-color-border-accent-hover);
 }
 
-.capra-DatePickerField-module-F3cFEa-datePickerField[data-disabled="true"] .capra-DatePickerField-module-F3cFEa-datePickerShell, .capra-DatePickerField-module-F3cFEa-datePickerField[data-readonly="true"] .capra-DatePickerField-module-F3cFEa-datePickerShell {
-  background-color: var(--cds2-temporary-input-background-disabled);
-  border-color: var(--cds2-temporary-input-border-disabled);
-  color: var(--cds2-temporary-input-foreground-disabled);
+.capra-DatePickerField-module-QiJSbG-datePickerField[data-disabled="true"] .capra-DatePickerField-module-QiJSbG-datePickerShell, .capra-DatePickerField-module-QiJSbG-datePickerField[data-readonly="true"] .capra-DatePickerField-module-QiJSbG-datePickerShell {
+  background-color: var(--cds2-color-background-disabled);
+  border-color: var(--cds2-color-border-disabled);
+  color: var(--cds2-color-foreground-on-disabled);
 }
 
-.capra-DatePickerField-module-F3cFEa-datePickerField[data-readonly="true"] .capra-DatePickerField-module-F3cFEa-datePickerShell {
+.capra-DatePickerField-module-QiJSbG-datePickerField[data-readonly="true"] .capra-DatePickerField-module-QiJSbG-datePickerShell {
   cursor: default;
 }
 
-.capra-DatePickerField-module-F3cFEa-datePickerField[data-disabled="true"] .capra-DatePickerField-module-F3cFEa-datePickerShell {
+.capra-DatePickerField-module-QiJSbG-datePickerField[data-disabled="true"] .capra-DatePickerField-module-QiJSbG-datePickerShell {
   cursor: not-allowed;
 }
 
-.capra-DatePickerField-module-F3cFEa-dateInputShell {
+.capra-DatePickerField-module-QiJSbG-dateInputShell {
   flex: auto;
   min-width: 0;
   position: relative;
 }
 
-.capra-DatePickerField-module-F3cFEa-dateInputShell[data-show-string-placeholder="true"] .capra-DatePickerField-module-F3cFEa-dateInput {
+.capra-DatePickerField-module-QiJSbG-dateInputShell[data-show-string-placeholder="true"] .capra-DatePickerField-module-QiJSbG-dateInput {
   opacity: 0;
 }
 
-.capra-DatePickerField-module-F3cFEa-stringPlaceholder {
+.capra-DatePickerField-module-QiJSbG-stringPlaceholder {
   max-width: 100%;
   font: inherit;
-  color: var(--cds2-temporary-input-foreground-placeholder);
+  color: var(--cds2-color-foreground-placeholder);
   white-space: nowrap;
   text-overflow: ellipsis;
   pointer-events: none;
@@ -1776,11 +1772,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   overflow: hidden;
 }
 
-.capra-DatePickerField-module-F3cFEa-datePickerField[data-disabled="true"] .capra-DatePickerField-module-F3cFEa-stringPlaceholder, .capra-DatePickerField-module-F3cFEa-datePickerField[data-readonly="true"] .capra-DatePickerField-module-F3cFEa-stringPlaceholder {
-  color: var(--cds2-temporary-input-foreground-disabled);
+.capra-DatePickerField-module-QiJSbG-datePickerField[data-disabled="true"] .capra-DatePickerField-module-QiJSbG-stringPlaceholder, .capra-DatePickerField-module-QiJSbG-datePickerField[data-readonly="true"] .capra-DatePickerField-module-QiJSbG-stringPlaceholder {
+  color: var(--cds2-color-foreground-on-disabled);
 }
 
-.capra-DatePickerField-module-F3cFEa-dateInput {
+.capra-DatePickerField-module-QiJSbG-dateInput {
   min-width: 0;
   color: var(--cds2-color-foreground-default);
   align-items: center;
@@ -1797,7 +1793,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-DatePickerField-module-F3cFEa-segment {
+.capra-DatePickerField-module-QiJSbG-segment {
   padding: 0 var(--cds2-spacing-xs);
   border-radius: var(--cds2-radius-md);
   font: inherit;
@@ -1812,12 +1808,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 
   &[data-placeholder="true"] {
-    color: var(--cds2-temporary-input-foreground-placeholder);
+    color: var(--cds2-color-foreground-placeholder);
   }
 
   &[data-readonly="true"], &[data-disabled="true"] {
     cursor: not-allowed;
-    color: var(--cds2-temporary-input-foreground-disabled);
+    color: var(--cds2-color-foreground-on-disabled);
   }
 
   &[data-focused="true"] {
@@ -1826,7 +1822,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-DatePickerField-module-F3cFEa-calendarButton {
+.capra-DatePickerField-module-QiJSbG-calendarButton {
   box-sizing: border-box;
   min-width: var(--cds2-dimension-component-sm);
   min-height: var(--cds2-dimension-component-sm);
@@ -1843,7 +1839,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
 
   &[data-disabled="true"] {
     cursor: not-allowed;
-    color: var(--cds2-temporary-input-foreground-disabled);
+    color: var(--cds2-color-foreground-on-disabled);
   }
 
   &[data-focus-visible="true"] {
@@ -1853,20 +1849,19 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-DatePickerField-module-F3cFEa-popover {
+.capra-DatePickerField-module-QiJSbG-popover {
   padding: calc(var(--cds2-spacing-md) + var(--cds2-spacing-sm));
   border-radius: var(--cds2-radius-md);
   border: var(--cds2-border-default);
-  border-color: var(--cds2-temporary-input-border-primary);
-  background: var(--cds2-temporary-input-background-primary);
+  background: var(--cds2-color-background-neutral-surface);
   box-shadow: var(--cds2-shadow-medium-down);
 }
 
-.capra-DatePickerField-module-F3cFEa-dialog {
+.capra-DatePickerField-module-QiJSbG-dialog {
   outline: none;
 }
 
-.capra-DatePickerField-module-F3cFEa-calendar {
+.capra-DatePickerField-module-QiJSbG-calendar {
   gap: var(--cds2-spacing-md);
   border-radius: var(--cds2-radius-md);
   flex-direction: column;
@@ -1875,7 +1870,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 }
 
-.capra-DatePickerField-module-F3cFEa-calendarHeader {
+.capra-DatePickerField-module-QiJSbG-calendarHeader {
   justify-content: space-between;
   align-items: center;
   gap: var(--cds2-spacing-md);
@@ -1885,7 +1880,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 }
 
-.capra-DatePickerField-module-F3cFEa-calendarHeaderLeading, .capra-DatePickerField-module-F3cFEa-calendarHeaderTrailing {
+.capra-DatePickerField-module-QiJSbG-calendarHeaderLeading, .capra-DatePickerField-module-QiJSbG-calendarHeaderTrailing {
   align-items: center;
   gap: var(--cds2-spacing-sm);
   flex-shrink: 0;
@@ -1893,11 +1888,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 }
 
-.capra-DatePickerField-module-F3cFEa-calendarHeaderTrailing {
+.capra-DatePickerField-module-QiJSbG-calendarHeaderTrailing {
   justify-content: flex-end;
 }
 
-.capra-DatePickerField-module-F3cFEa-navButton {
+.capra-DatePickerField-module-QiJSbG-navButton {
   box-sizing: border-box;
   width: var(--cds2-dimension-component-sm);
   height: var(--cds2-dimension-component-sm);
@@ -1914,7 +1909,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
 
   &[data-disabled="true"] {
     cursor: not-allowed;
-    color: var(--cds2-temporary-input-foreground-disabled);
+    color: var(--cds2-color-foreground-on-disabled);
   }
 
   &[data-focus-visible="true"] {
@@ -1923,7 +1918,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-DatePickerField-module-F3cFEa-calendarTitle {
+.capra-DatePickerField-module-QiJSbG-calendarTitle {
   text-align: center;
   min-width: 0;
   font: var(--cds2-typography-body-md-semibold);
@@ -1932,7 +1927,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   margin: 0;
 }
 
-.capra-DatePickerField-module-F3cFEa-grid {
+.capra-DatePickerField-module-QiJSbG-grid {
   table-layout: fixed;
   border-collapse: collapse;
   width: 224px;
@@ -1965,7 +1960,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-DatePickerField-module-F3cFEa-cell {
+.capra-DatePickerField-module-QiJSbG-cell {
   box-sizing: border-box;
   width: var(--cds2-dimension-component-sm);
   height: var(--cds2-dimension-component-sm);
@@ -1984,12 +1979,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 
   &[data-outside-month="true"] {
-    color: var(--cds2-temporary-input-foreground-placeholder);
+    color: var(--cds2-color-foreground-placeholder);
   }
 
   &[data-disabled="true"] {
     cursor: not-allowed;
-    color: var(--cds2-temporary-input-foreground-disabled);
+    color: var(--cds2-color-foreground-on-disabled);
   }
 
   &[data-unavailable="true"] {
@@ -2014,25 +2009,25 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-DatePickerField-module-F3cFEa-fieldError {
+.capra-DatePickerField-module-QiJSbG-fieldError {
   font: var(--cds2-typography-body-sm-normal);
   color: var(--cds2-color-foreground-danger-default);
   margin-block-start: var(--cds2-spacing-xs);
 }
-.capra-SelectField-module-0VcKhq-triggerShell {
+.capra-SelectField-module-oGbaGG-triggerShell {
   border: var(--cds2-border-default);
   border-radius: var(--cds2-radius-md);
-  background-color: var(--cds2-temporary-input-background-primary);
+  background-color: var(--cds2-color-background-neutral-surface);
   width: 100%;
   min-width: 0;
-  color: var(--cds2-temporary-input-foreground-primary);
+  color: var(--cds2-color-foreground-neutral-default);
   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);
+    border-color: var(--cds2-color-border-accent-hover);
   }
 
   &[data-size="sm"] {
@@ -2049,28 +2044,28 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 
   &[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);
+    background-color: var(--cds2-color-background-disabled);
+    border-color: var(--cds2-color-border-disabled);
+    color: var(--cds2-color-foreground-on-disabled);
     cursor: not-allowed;
 
-    & .capra-SelectField-module-0VcKhq-leadingSlot, & .capra-SelectField-module-0VcKhq-trailingSlot, & .capra-SelectField-module-0VcKhq-valueText, & .capra-SelectField-module-0VcKhq-tag {
-      color: var(--cds2-temporary-input-foreground-disabled);
+    & .capra-SelectField-module-oGbaGG-leadingSlot, & .capra-SelectField-module-oGbaGG-trailingSlot, & .capra-SelectField-module-oGbaGG-valueText, & .capra-SelectField-module-oGbaGG-tag {
+      color: var(--cds2-color-foreground-on-disabled);
     }
   }
 }
 
-.capra-SelectField-module-0VcKhq-singleTrigger {
+.capra-SelectField-module-oGbaGG-singleTrigger {
   &:focus-visible {
     outline: var(--cds2-border-focus);
     outline-offset: var(--cds2-spacing-xs);
   }
 }
 
-.capra-SelectField-module-0VcKhq-multipleTrigger {
+.capra-SelectField-module-oGbaGG-multipleTrigger {
   overflow: hidden;
 
-  &:has(.capra-SelectField-module-0VcKhq-multipleOpenButton:focus-visible) {
+  &:has(.capra-SelectField-module-oGbaGG-multipleOpenButton:focus-visible) {
     outline: var(--cds2-border-focus);
     outline-offset: var(--cds2-spacing-xs);
   }
@@ -2080,7 +2075,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-SelectField-module-0VcKhq-multipleOpenButton {
+.capra-SelectField-module-oGbaGG-multipleOpenButton {
   color: inherit;
   cursor: pointer;
   background: none;
@@ -2100,7 +2095,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-SelectField-module-0VcKhq-leadingSlot, .capra-SelectField-module-0VcKhq-trailingSlot {
+.capra-SelectField-module-oGbaGG-leadingSlot, .capra-SelectField-module-oGbaGG-trailingSlot {
   align-items: center;
   gap: var(--cds2-spacing-md);
   color: var(--cds2-color-foreground-subtle);
@@ -2108,7 +2103,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: inline-flex;
 }
 
-.capra-SelectField-module-0VcKhq-value {
+.capra-SelectField-module-oGbaGG-value {
   align-items: center;
   gap: var(--cds2-spacing-sm);
   flex: auto;
@@ -2116,31 +2111,31 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 }
 
-.capra-SelectField-module-0VcKhq-valueIcon {
+.capra-SelectField-module-oGbaGG-valueIcon {
   color: var(--cds2-color-foreground-subtle);
   flex-shrink: 0;
   align-items: center;
   display: inline-flex;
 }
 
-.capra-SelectField-module-0VcKhq-valueText {
+.capra-SelectField-module-oGbaGG-valueText {
   text-overflow: ellipsis;
   white-space: nowrap;
   min-width: 0;
   overflow: hidden;
 
   &[data-placeholder] {
-    color: var(--cds2-temporary-input-foreground-placeholder);
+    color: var(--cds2-color-foreground-placeholder);
   }
 }
 
-.capra-SelectField-module-0VcKhq-tagGroup {
+.capra-SelectField-module-oGbaGG-tagGroup {
   flex: auto;
   min-width: 0;
   display: flex;
 }
 
-.capra-SelectField-module-0VcKhq-tagList {
+.capra-SelectField-module-oGbaGG-tagList {
   gap: var(--cds2-spacing-xs);
   min-width: 0;
   padding-block: var(--cds2-spacing-xs);
@@ -2158,7 +2153,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-SelectField-module-0VcKhq-tag {
+.capra-SelectField-module-oGbaGG-tag {
   justify-content: space-between;
   align-items: center;
   gap: var(--cds2-spacing-sm);
@@ -2194,21 +2189,21 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-SelectField-module-0VcKhq-tagIcon {
+.capra-SelectField-module-oGbaGG-tagIcon {
   color: var(--cds2-color-foreground-subtle);
   flex-shrink: 0;
   align-items: center;
   display: inline-flex;
 }
 
-.capra-SelectField-module-0VcKhq-tagLabel {
+.capra-SelectField-module-oGbaGG-tagLabel {
   text-overflow: ellipsis;
   white-space: nowrap;
   min-width: 0;
   overflow: hidden;
 }
 
-.capra-SelectField-module-0VcKhq-tagRemove {
+.capra-SelectField-module-oGbaGG-tagRemove {
   width: var(--cds2-dimension-component-xs);
   height: var(--cds2-dimension-component-xs);
   border-radius: var(--cds2-radius-md);
@@ -2233,21 +2228,21 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-SelectField-module-0VcKhq-chevron, .capra-SelectField-module-0VcKhq-warningIndicator, .capra-SelectField-module-0VcKhq-errorIndicator {
+.capra-SelectField-module-oGbaGG-chevron, .capra-SelectField-module-oGbaGG-warningIndicator, .capra-SelectField-module-oGbaGG-errorIndicator {
   justify-content: center;
   align-items: center;
   display: inline-flex;
 }
 
-.capra-SelectField-module-0VcKhq-warningIndicator {
+.capra-SelectField-module-oGbaGG-warningIndicator {
   color: var(--cds2-color-foreground-warning-default);
 }
 
-.capra-SelectField-module-0VcKhq-errorIndicator {
+.capra-SelectField-module-oGbaGG-errorIndicator {
   color: var(--cds2-color-foreground-danger-default);
 }
 
-.capra-SelectField-module-0VcKhq-dropdownPanel {
+.capra-SelectField-module-oGbaGG-dropdownPanel {
   gap: var(--cds2-spacing-sm);
   padding: var(--cds2-spacing-sm);
   border: var(--cds2-border-default);
@@ -2259,11 +2254,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 }
 
-.capra-SelectField-module-0VcKhq-search {
+.capra-SelectField-module-oGbaGG-search {
   width: 100%;
 }
 
-.capra-SelectField-module-0VcKhq-listbox {
+.capra-SelectField-module-oGbaGG-listbox {
   gap: var(--cds2-spacing-xs);
   flex-direction: column;
   max-height: 320px;
@@ -2271,17 +2266,17 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   overflow-y: auto;
 }
 
-.capra-SelectField-module-0VcKhq-emptyState {
+.capra-SelectField-module-oGbaGG-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-0VcKhq-section {
+.capra-SelectField-module-oGbaGG-section {
   display: contents;
 }
 
-.capra-SelectField-module-0VcKhq-header {
+.capra-SelectField-module-oGbaGG-header {
   box-sizing: border-box;
   color: var(--cds2-color-foreground-default);
   font: var(--cds2-typography-body-md-semibold);
@@ -2291,11 +2286,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 }
 
-.capra-SelectField-module-0VcKhq-dropdownPanel:focus-visible, .capra-SelectField-module-0VcKhq-listbox:focus-visible {
+.capra-SelectField-module-oGbaGG-dropdownPanel:focus-visible, .capra-SelectField-module-oGbaGG-listbox:focus-visible {
   outline: none;
 }
 
-.capra-SelectField-module-0VcKhq-item {
+.capra-SelectField-module-oGbaGG-item {
   border-radius: var(--cds2-radius-md);
   outline: none;
 
@@ -2318,21 +2313,21 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-SelectField-module-0VcKhq-itemContent {
+.capra-SelectField-module-oGbaGG-itemContent {
   align-items: center;
   gap: var(--cds2-spacing-sm);
   padding: var(--cds2-spacing-sm) var(--cds2-spacing-md) var(--cds2-spacing-sm) var(--cds2-spacing-sm);
   display: flex;
 }
 
-.capra-SelectField-module-0VcKhq-itemBody {
+.capra-SelectField-module-oGbaGG-itemBody {
   align-items: center;
   gap: var(--cds2-spacing-md);
   min-width: 0;
   display: inline-flex;
 }
 
-.capra-SelectField-module-0VcKhq-itemCheck {
+.capra-SelectField-module-oGbaGG-itemCheck {
   width: var(--cds2-dimension-icon-sm);
   min-width: var(--cds2-dimension-icon-sm);
   height: var(--cds2-dimension-icon-sm);
@@ -2341,15 +2336,15 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   align-items: center;
   display: inline-flex;
 
-  .capra-SelectField-module-0VcKhq-item[data-disabled="true"] & {
+  .capra-SelectField-module-oGbaGG-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 {
+.capra-DateRangePickerField-module-2--cmG-dateRangeInputShell[data-show-string-placeholder="true"] .capra-DateRangePickerField-module-2--cmG-dateInputsRow {
   opacity: 0;
 }
 
-.capra-DateRangePickerField-module-QpPhpG-dateInputsRow {
+.capra-DateRangePickerField-module-2--cmG-dateInputsRow {
   align-items: center;
   gap: var(--cds2-spacing-xs);
   flex: auto;
@@ -2357,7 +2352,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 }
 
-.capra-DateRangePickerField-module-QpPhpG-stringPlaceholderRange {
+.capra-DateRangePickerField-module-2--cmG-stringPlaceholderRange {
   gap: var(--cds2-spacing-xs);
   white-space: normal;
   width: 100%;
@@ -2366,7 +2361,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   overflow: hidden;
 }
 
-.capra-DateRangePickerField-module-QpPhpG-stringPlaceholderText {
+.capra-DateRangePickerField-module-2--cmG-stringPlaceholderText {
   white-space: nowrap;
   text-overflow: ellipsis;
   flex: 1 1 0;
@@ -2374,14 +2369,14 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   overflow: hidden;
 }
 
-.capra-DateRangePickerField-module-QpPhpG-stringPlaceholderSwap {
+.capra-DateRangePickerField-module-2--cmG-stringPlaceholderSwap {
   color: inherit;
   flex-shrink: 0;
   align-items: center;
   display: inline-flex;
 }
 
-.capra-DateRangePickerField-module-QpPhpG-grid {
+.capra-DateRangePickerField-module-2--cmG-grid {
   table-layout: fixed;
   border-collapse: collapse;
   width: 224px;
@@ -2432,7 +2427,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-DateRangePickerField-module-QpPhpG-cell {
+.capra-DateRangePickerField-module-2--cmG-cell {
   box-sizing: border-box;
   width: var(--cds2-dimension-component-sm);
   height: var(--cds2-dimension-component-sm);
@@ -2449,12 +2444,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 
   &[data-outside-month="true"] {
-    color: var(--cds2-temporary-input-foreground-placeholder);
+    color: var(--cds2-color-foreground-placeholder);
   }
 
   &[data-disabled="true"] {
     cursor: not-allowed;
-    color: var(--cds2-temporary-input-foreground-disabled);
+    color: var(--cds2-color-foreground-on-disabled);
   }
 
   &[data-unavailable="true"] {
@@ -2469,7 +2464,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 
   &[data-capra-range-track]:not([data-selection-start="true"]):not([data-selection-end="true"])[data-outside-month="true"] {
-    color: var(--cds2-temporary-input-foreground-placeholder);
+    color: var(--cds2-color-foreground-placeholder);
   }
 
   &[data-selected="true"][data-selection-start="true"], &[data-selected="true"][data-selection-end="true"], &[data-capra-range-track][data-selection-start="true"], &[data-capra-range-track][data-selection-end="true"] {
@@ -2487,12 +2482,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
     outline-offset: 2px;
   }
 }
-.capra-TextArea-module-mXpaDq-wrapper {
-  background-color: var(--cds2-temporary-input-background-primary);
-  border-color: var(--cds2-temporary-input-border-primary);
+.capra-TextArea-module-R8TFDG-wrapper {
+  background-color: var(--cds2-color-background-neutral-surface);
   border-radius: var(--cds2-radius-md);
   border: var(--cds2-border-default);
-  color: var(--cds2-temporary-input-foreground-primary);
+  color: var(--cds2-color-foreground-neutral-default);
   font: var(--cds2-typography-body-md-normal);
   width: 100%;
   min-width: 0;
@@ -2503,12 +2497,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
   position: relative;
 
-  &[data-has-indicator="true"] .capra-TextArea-module-mXpaDq-textarea {
+  &[data-has-indicator="true"] .capra-TextArea-module-R8TFDG-textarea {
     padding-inline-end: var(--cds2-spacing-xl);
   }
 
   &:hover:not([data-disabled="true"]):not([data-read-only="true"]) {
-    border-color: var(--cds2-temporary-input-border-highlight);
+    border-color: var(--cds2-color-border-accent-hover);
   }
 
   &:has(textarea:focus-visible):not([data-disabled="true"]):not([data-read-only="true"]) {
@@ -2517,19 +2511,19 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 
   &[data-disabled="true"], &[data-read-only="true"] {
-    background-color: var(--cds2-temporary-input-background-disabled);
-    border-color: var(--cds2-temporary-input-border-disabled);
-    color: var(--cds2-temporary-input-foreground-disabled);
+    background-color: var(--cds2-color-background-disabled);
+    border-color: var(--cds2-color-border-disabled);
+    color: var(--cds2-color-foreground-on-disabled);
 
-    & .capra-TextArea-module-mXpaDq-trailingRow {
-      color: var(--cds2-temporary-input-foreground-disabled);
+    & .capra-TextArea-module-R8TFDG-trailingRow {
+      color: var(--cds2-color-foreground-on-disabled);
     }
   }
 
   &[data-read-only="true"] {
     cursor: default;
 
-    & .capra-TextArea-module-mXpaDq-textarea {
+    & .capra-TextArea-module-R8TFDG-textarea {
       cursor: default;
     }
   }
@@ -2537,12 +2531,12 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   &[data-disabled="true"] {
     cursor: not-allowed;
 
-    & .capra-TextArea-module-mXpaDq-textarea {
+    & .capra-TextArea-module-R8TFDG-textarea {
       cursor: not-allowed;
     }
   }
 
-  & .capra-TextArea-module-mXpaDq-textarea {
+  & .capra-TextArea-module-R8TFDG-textarea {
     color: inherit;
     font: inherit;
     min-width: 0;
@@ -2558,20 +2552,20 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
     width: 100%;
 
     &::placeholder {
-      color: var(--cds2-temporary-input-foreground-placeholder);
+      color: var(--cds2-color-foreground-placeholder);
     }
   }
 
-  &[data-resizable="false"] .capra-TextArea-module-mXpaDq-textarea {
+  &[data-resizable="false"] .capra-TextArea-module-R8TFDG-textarea {
     resize: none;
   }
 
-  &[data-autosize="true"] .capra-TextArea-module-mXpaDq-textarea {
+  &[data-autosize="true"] .capra-TextArea-module-R8TFDG-textarea {
     resize: none;
     overflow-x: hidden;
   }
 
-  & .capra-TextArea-module-mXpaDq-indicators {
+  & .capra-TextArea-module-R8TFDG-indicators {
     align-items: center;
     gap: var(--cds2-spacing-xs);
     right: var(--cds2-spacing-sm);
@@ -2580,18 +2574,18 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
     position: absolute;
   }
 
-  & .capra-TextArea-module-mXpaDq-errorIndicator, & .capra-TextArea-module-mXpaDq-warningIndicator {
+  & .capra-TextArea-module-R8TFDG-errorIndicator, & .capra-TextArea-module-R8TFDG-warningIndicator {
     flex-shrink: 0;
     justify-content: center;
     align-items: center;
     display: inline-flex;
   }
 
-  & .capra-TextArea-module-mXpaDq-errorIndicator {
+  & .capra-TextArea-module-R8TFDG-errorIndicator {
     color: var(--cds2-color-foreground-danger-default);
   }
 
-  & .capra-TextArea-module-mXpaDq-warningIndicator {
+  & .capra-TextArea-module-R8TFDG-warningIndicator {
     color: var(--cds2-color-foreground-warning-default);
   }
 }