@danske/sapphire-react-lab 0.77.4 → 0.79.1

package/build/cjs/index.js

@@ -1621,6 +1621,7 @@ function _DateField(_a, ref) {
     noClearButton = false,
     showWeekNumbers,
     size = "large",
+    labelPlacement = "above",
     necessityIndicator = false
   } = _b, otherProps = __objRest$e(_b, [
     "error",
@@ -1629,6 +1630,7 @@ function _DateField(_a, ref) {
     "noClearButton",
     "showWeekNumbers",
     "size",
+    "labelPlacement",
     "necessityIndicator"
   ]);
   sapphireReact.useThemeCheck();
@@ -1655,7 +1657,8 @@ function _DateField(_a, ref) {
     isDisabled: otherProps.isDisabled,
     error: state.validationState === "invalid",
     size,
-    ref
+    ref,
+    labelPlacement
   }), otherProps.label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$h(__spreadValues$i({}, labelProps), {
     size,
     necessityIndicator: otherProps.isRequired && necessityIndicator ? "required" : !otherProps.isRequired && necessityIndicator ? "optional" : void 0,
@@ -1860,6 +1863,7 @@ function _DateRangeField(_a, ref) {
     allowUnavailableDatesWithinRange,
     predefinedRanges,
     size = "large",
+    labelPlacement = "above",
     necessityIndicator = false
   } = _b, otherProps = __objRest$c(_b, [
     "error",
@@ -1872,6 +1876,7 @@ function _DateRangeField(_a, ref) {
     "allowUnavailableDatesWithinRange",
     "predefinedRanges",
     "size",
+    "labelPlacement",
     "necessityIndicator"
   ]);
   sapphireReact.useThemeCheck();
@@ -1902,7 +1907,8 @@ function _DateRangeField(_a, ref) {
     isDisabled: otherProps.isDisabled,
     error: state.validationState === "invalid",
     size,
-    ref
+    ref,
+    labelPlacement
   }), /* @__PURE__ */ React__default["default"].createElement(i18n.I18nProvider, {
     locale: preferredLocale
   }, otherProps.label && /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, __spreadProps$e(__spreadValues$f({}, labelProps), {
@@ -2234,12 +2240,15 @@ const ToastRegion = (_a) => {
   var _b = _a, { state } = _b, props = __objRest$9(_b, ["state"]);
   const ref = React.useRef(null);
   const { regionProps } = toast.useToastRegion(props, state, ref);
+  const { overlayZIndex = 100 } = sapphireReact.useThemeContext();
   return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.SapphireOverlayContainer, null, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.ThemeRoot, {
     contrast: true
   }, /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps$a(__spreadValues$b({}, regionProps), {
     ref,
     className: styles__default$7["default"]["sapphire-toast-container"],
-    style: { zIndex: 200 }
+    style: {
+      zIndex: overlayZIndex + 200
+    }
   }), state.visibleToasts.map((toast) => /* @__PURE__ */ React__default["default"].createElement(Toast, __spreadProps$a(__spreadValues$b({}, props), {
     key: toast.key,
     toast,
@@ -2765,7 +2774,8 @@ const Fieldset = (_a) => {
     isRequired,
     necessityIndicator,
     children,
-    size = "large"
+    size = "large",
+    labelPlacement = "above"
   } = _b, props = __objRest$1(_b, [
     "label",
     "contextualHelp",
@@ -2775,17 +2785,20 @@ const Fieldset = (_a) => {
     "isRequired",
     "necessityIndicator",
     "children",
-    "size"
+    "size",
+    "labelPlacement"
   ]);
   sapphireReact.useThemeCheck();
   const { fieldProps, descriptionProps, errorMessageProps } = label.useField({
-    isInvalid: !!error
+    isInvalid: !!error,
+    label: label$1
   });
   return /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field, __spreadValues$1({
     elementType: "fieldset",
     error: !!error,
     isDisabled,
-    size
+    size,
+    labelPlacement
   }, utils$1.mergeProps(props, fieldProps)), /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Field.Label, {
     elementType: "legend"
   }, /* @__PURE__ */ React__default["default"].createElement(sapphireReact.Label, {