@osdk/react-components 0.3.0 → 0.4.0-main-90a01d202dfa1e497125bd6cfcdc8175278fb7ec

package/build/cjs/public/experimental.css

@@ -2949,11 +2949,28 @@
 .osdkFormFooter {
   display: flex;
   flex-direction: row;
-  justify-content: flex-end;
+  justify-content: space-between;
+  align-items: center;
   border-top: var(--osdk-surface-border-width) solid var(--osdk-form-footer-border-color);
   padding-block: var(--osdk-form-content-padding);
   padding-inline: var(--osdk-form-content-padding);
 }
+.osdkFormSubmitButton {
+  margin-inline-start: auto;
+}
+.osdkFormErrorIndicator {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--osdk-surface-spacing) * 2);
+  color: var(--osdk-form-footer-error-color);
+  font-size: var(--osdk-form-footer-error-font-size);
+  cursor: help;
+}
+.osdkFormErrorList {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
 
 /* src/action-form/FormField.module.css */
 .osdkFormField {
@@ -2996,6 +3013,9 @@
     outline: var(--osdk-datetime-input-focus-outline);
     outline-offset: var(--osdk-datetime-input-focus-outline-offset);
   }
+  &[aria-invalid] {
+    border-color: var(--osdk-datetime-input-error-border-color);
+  }
 }
 .triggerButtonPlaceholder {
   color: var(--osdk-datetime-input-placeholder-color, currentColor);
@@ -3278,6 +3298,9 @@
     outline: var(--osdk-file-picker-trigger-focus-width) solid var(--osdk-file-picker-trigger-focus-color);
     outline-offset: var(--osdk-file-picker-trigger-focus-offset);
   }
+  &[aria-invalid] {
+    border-color: var(--osdk-file-picker-trigger-border-color-error);
+  }
 }
 .osdkFilePickerHiddenInput {
   position: absolute;
@@ -3365,6 +3388,9 @@
     outline-offset: var(--osdk-input-focus-offset);
     border-color: var(--osdk-input-border-color-focus);
   }
+  &[aria-invalid] {
+    border-color: var(--osdk-input-border-color-error);
+  }
 }
 .osdkNumberInputField {
   flex: 1;
@@ -3526,6 +3552,9 @@
     cursor: not-allowed;
     opacity: var(--osdk-input-disabled-opacity);
   }
+  &[aria-invalid] {
+    border-color: var(--osdk-input-border-color-error);
+  }
 }
 
 /* src/action-form/FormHeader.module.css */