@ostack.tech/ui 0.10.0 → 0.10.2

package/dist/ostack-ui.css

@@ -2455,7 +2455,12 @@ a > .o-ui-code {
 
 .o-ui-heading {
   margin-top: 0;
+  margin-bottom: 0;
+}
+.o-ui-heading:not(:last-child) {
   margin-bottom: calc(var(--o-ui-space) * 2);
+}
+.o-ui-heading {
   font-weight: 700;
 }
 .o-ui-heading--1 {

package/dist/ostack-ui.js

@@ -826,6 +826,7 @@ function useCreateFieldContext() {
         controlTagName: void 0,
         controlFocused: false,
         controlRequired: false,
+        controlStatus: void 0,
         controlHasCode: false,
         label: void 0,
         labelId: void 0,
@@ -871,6 +872,9 @@ function useFieldControlFocused() {
 function useFieldControlRequired() {
   return useFieldStore((state) => state.controlRequired);
 }
+function useFieldControlStatus() {
+  return useFieldStore((state) => state.controlStatus);
+}
 function useFieldLabel() {
   return useFieldStore((state) => state.label);
 }
@@ -883,7 +887,7 @@ function useFieldDescriptionIds() {
 function useFieldErrorMessageIds() {
   return useFieldStore((state) => state.errorMessageIds);
 }
-function useSetFieldControl(controlId, controlTagName, controlCodeId, controlHasCode = false, controlRequired = false) {
+function useSetFieldControl(controlId, controlTagName, controlCodeId, controlHasCode = false, controlRequired = false, controlStatus = void 0) {
   const prefix = usePrefix();
   const store = useFieldContext();
   const generatedId = useId();
@@ -894,15 +898,24 @@ function useSetFieldControl(controlId, controlTagName, controlCodeId, controlHas
       controlId: actualControlId,
       controlTagName,
       controlHasCode,
-      controlRequired
+      controlRequired,
+      controlStatus
     });
     return () => store?.setState?.({
       controlId: void 0,
       controlTagName: void 0,
       controlHasCode: false,
-      controlRequired: false
+      controlRequired: false,
+      controlStatus: void 0
     });
-  }, [actualControlId, controlTagName, controlHasCode, controlRequired, store]);
+  }, [
+    actualControlId,
+    controlTagName,
+    controlHasCode,
+    controlRequired,
+    store,
+    controlStatus
+  ]);
   return {
     generatedId,
     controlId: actualControlId,
@@ -3741,7 +3754,8 @@ const Table = forwardRef(
       "DIV",
       void 0,
       false,
-      required
+      required,
+      status
     );
     const visuallyHiddenCaptionId = visuallyHiddenCaption ? visuallyHiddenCaptionProps?.id ?? prefix(`table-caption-${generatedId}`) : void 0;
     const tableRef = useRef(null);
@@ -4927,7 +4941,8 @@ const Checkbox = forwardRef(function Checkbox2({
     "BUTTON",
     codeProps?.id,
     Boolean(code),
-    required
+    required,
+    status
   );
   const labelId = children && (labelProps?.id ?? prefix(`checkbox-label-${generatedId}`));
   const loadingDescriptionId = loading && loadingDescription && prefix(`control-loading-${generatedId}`);
@@ -6173,7 +6188,8 @@ const Input$1 = forwardRef(
       tagName,
       codeProps?.id,
       Boolean(code),
-      required
+      required,
+      status
     );
     const loadingDescriptionId = loading && loadingDescription && prefix(`control-loading-${generatedId}`);
     const containerRef = useRef(null);
@@ -8975,7 +8991,8 @@ const CheckboxGroup = forwardRef(function CheckboxGroup2({
     "DIV",
     codeProps?.id,
     Boolean(code),
-    required
+    required,
+    status
   );
   const loadingDescriptionId = loading && loadingDescription ? prefix(`control-loading-${generatedId}`) : void 0;
   const checkboxGroupRef = useRef(null);
@@ -9730,7 +9747,8 @@ const DateRangeInput = forwardRef(function DateRangeInput2({
     "INPUT",
     codeProps?.id,
     Boolean(code),
-    required
+    required,
+    status
   );
   const setFieldControlFocused = useSetFieldControlFocused();
   const startInputLabelId = startInputLabel && prefix(`control-start-label-${generatedId}`);
@@ -11046,7 +11064,7 @@ const FeedbackPopover = forwardRef(function FeedbackPopover2({
 const Feedback = forwardRef(
   function Feedback2({
     asChild,
-    type = "error",
+    type,
     visuallyHiddenPrefix,
     id,
     className,
@@ -11056,6 +11074,8 @@ const Feedback = forwardRef(
     const prefix = usePrefix();
     const [locale7] = useLocale();
     visuallyHiddenPrefix ??= locale7.Feedback.visuallyHiddenPrefix;
+    const controlStatus = useFieldControlStatus();
+    type ??= controlStatus === "warned" ? "warning" : controlStatus === "valid" ? "success" : "error";
     const { onAddFeedback, onRemoveFeedback } = useFeedbackPopoverContext() ?? {};
     useLayoutEffect$1(() => {
       onAddFeedback?.(type);
@@ -11938,7 +11958,8 @@ const RadioGroup = forwardRef(function RadioGroup2({
     "DIV",
     codeProps?.id,
     Boolean(code),
-    required
+    required,
+    status
   );
   const loadingDescriptionId = loading && loadingDescription && prefix(`control-loading-${generatedId}`);
   const radioGroupRef = useRef(null);