@eclass/ui-kit 1.39.3 → 1.39.4

package/dist/eclass-ui-kit.es.js

@@ -9545,7 +9545,7 @@ function _objectWithoutPropertiesLoose$e(source, excluded) {
   }
   return target;
 }
-var _excluded$h = ["containerRef"];
+var _excluded$g = ["containerRef"];
 var _createContext$5 = createContext({
   strict: false,
   name: "PortalContext"
@@ -9628,7 +9628,7 @@ var ContainerPortal = function ContainerPortal2(props) {
   return null;
 };
 function Portal(props) {
-  var containerRef = props.containerRef, rest = _objectWithoutPropertiesLoose$e(props, _excluded$h);
+  var containerRef = props.containerRef, rest = _objectWithoutPropertiesLoose$e(props, _excluded$g);
   return containerRef ? /* @__PURE__ */ React.createElement(ContainerPortal, _extends$f({
     containerRef
   }, rest)) : /* @__PURE__ */ React.createElement(DefaultPortal, rest);
@@ -11401,7 +11401,7 @@ function _objectWithoutPropertiesLoose$d(source, excluded) {
   }
   return target;
 }
-var _excluded$g = ["__cssMap", "__cssVars", "__breakpoints"];
+var _excluded$f = ["__cssMap", "__cssVars", "__breakpoints"];
 var tokens = ["colors", "borders", "borderWidths", "borderStyles", "fonts", "fontSizes", "fontWeights", "letterSpacings", "lineHeights", "radii", "space", "shadows", "sizes", "zIndices", "transition", "blur"];
 function extractTokens(theme2) {
   var _tokens = tokens;
@@ -11414,7 +11414,7 @@ function omitVars(rawTheme) {
   rawTheme.__cssMap;
   rawTheme.__cssVars;
   rawTheme.__breakpoints;
-  var cleanTheme = _objectWithoutPropertiesLoose$d(rawTheme, _excluded$g);
+  var cleanTheme = _objectWithoutPropertiesLoose$d(rawTheme, _excluded$f);
   return cleanTheme;
 }
 function flattenTokens(_ref2) {
@@ -11917,7 +11917,7 @@ var validHTMLProps = /* @__PURE__ */ new Set(["htmlWidth", "htmlHeight", "htmlSi
 var shouldForwardProp = function shouldForwardProp2(prop2) {
   return validHTMLProps.has(prop2) || !allPropNames.has(prop2);
 };
-var _excluded$1$4 = ["theme", "css", "__css", "sx"], _excluded2$5 = ["baseStyle"];
+var _excluded$1$4 = ["theme", "css", "__css", "sx"], _excluded2$4 = ["baseStyle"];
 var toCSSObject = function toCSSObject2(_ref2) {
   var baseStyle22 = _ref2.baseStyle;
   return function(props) {
@@ -11933,7 +11933,7 @@ var toCSSObject = function toCSSObject2(_ref2) {
   };
 };
 function styled(component, options) {
-  var _ref2 = options != null ? options : {}, baseStyle22 = _ref2.baseStyle, styledOptions = _objectWithoutPropertiesLoose$c(_ref2, _excluded2$5);
+  var _ref2 = options != null ? options : {}, baseStyle22 = _ref2.baseStyle, styledOptions = _objectWithoutPropertiesLoose$c(_ref2, _excluded2$4);
   if (!styledOptions.shouldForwardProp) {
     styledOptions.shouldForwardProp = shouldForwardProp;
   }
@@ -11945,7 +11945,7 @@ function styled(component, options) {
 function forwardRef(component) {
   return /* @__PURE__ */ React.forwardRef(component);
 }
-var _excluded$f = ["styleConfig"];
+var _excluded$e = ["styleConfig"];
 function useStyleConfig(themeKey, props, opts) {
   var _styleConfig$defaultP;
   if (props === void 0) {
@@ -11954,7 +11954,7 @@ function useStyleConfig(themeKey, props, opts) {
   if (opts === void 0) {
     opts = {};
   }
-  var _props = props, styleConfigProp = _props.styleConfig, rest = _objectWithoutPropertiesLoose$c(_props, _excluded$f);
+  var _props = props, styleConfigProp = _props.styleConfig, rest = _objectWithoutPropertiesLoose$c(_props, _excluded$e);
   var _useChakra = useChakra(), theme2 = _useChakra.theme, colorMode = _useChakra.colorMode;
   var themeStyleConfig = memoizedGet(theme2, "components." + themeKey);
   var styleConfig = styleConfigProp || themeStyleConfig;
@@ -16581,7 +16581,7 @@ function _objectWithoutPropertiesLoose$b(source, excluded) {
   }
   return target;
 }
-var _excluded$e = ["as", "viewBox", "color", "focusable", "children", "className", "__css"];
+var _excluded$d = ["as", "viewBox", "color", "focusable", "children", "className", "__css"];
 var fallbackIcon = {
   path: /* @__PURE__ */ React.createElement("g", {
     stroke: "currentColor",
@@ -16604,7 +16604,7 @@ var fallbackIcon = {
   viewBox: "0 0 24 24"
 };
 var Icon = /* @__PURE__ */ forwardRef(function(props, ref) {
-  var element = props.as, viewBox = props.viewBox, _props$color = props.color, color2 = _props$color === void 0 ? "currentColor" : _props$color, _props$focusable = props.focusable, focusable = _props$focusable === void 0 ? false : _props$focusable, children = props.children, className = props.className, __css = props.__css, rest = _objectWithoutPropertiesLoose$b(props, _excluded$e);
+  var element = props.as, viewBox = props.viewBox, _props$color = props.color, color2 = _props$color === void 0 ? "currentColor" : _props$color, _props$focusable = props.focusable, focusable = _props$focusable === void 0 ? false : _props$focusable, children = props.children, className = props.className, __css = props.__css, rest = _objectWithoutPropertiesLoose$b(props, _excluded$d);
   var _className = cx("chakra-icon", className);
   var styles2 = _extends$a({
     w: "1em",
@@ -23322,9 +23322,9 @@ function useImage(props) {
   }, [status, load, ignoreFallback]);
   return ignoreFallback ? "loaded" : status;
 }
-var _excluded$d = ["htmlWidth", "htmlHeight", "alt"], _excluded2$3 = ["fallbackSrc", "fallback", "src", "srcSet", "align", "fit", "loading", "ignoreFallback", "crossOrigin"];
+var _excluded$c = ["htmlWidth", "htmlHeight", "alt"], _excluded2$3 = ["fallbackSrc", "fallback", "src", "srcSet", "align", "fit", "loading", "ignoreFallback", "crossOrigin"];
 var NativeImage = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-  var htmlWidth = props.htmlWidth, htmlHeight = props.htmlHeight, alt = props.alt, rest = _objectWithoutPropertiesLoose$9(props, _excluded$d);
+  var htmlWidth = props.htmlWidth, htmlHeight = props.htmlHeight, alt = props.alt, rest = _objectWithoutPropertiesLoose$9(props, _excluded$c);
   return /* @__PURE__ */ React.createElement("img", _extends$8({
     width: htmlWidth,
     height: htmlHeight,
@@ -23406,7 +23406,7 @@ function _objectWithoutPropertiesLoose$8(source, excluded) {
   }
   return target;
 }
-var _excluded$c = ["label", "thickness", "speed", "emptyColor", "className"];
+var _excluded$b = ["label", "thickness", "speed", "emptyColor", "className"];
 var spin$1 = keyframes$2({
   "0%": {
     transform: "rotate(0deg)"
@@ -23417,7 +23417,7 @@ var spin$1 = keyframes$2({
 });
 var Spinner = /* @__PURE__ */ forwardRef(function(props, ref) {
   var styles2 = useStyleConfig("Spinner", props);
-  var _omitThemingProps = omitThemingProps(props), _omitThemingProps$lab = _omitThemingProps.label, label = _omitThemingProps$lab === void 0 ? "Loading..." : _omitThemingProps$lab, _omitThemingProps$thi = _omitThemingProps.thickness, thickness = _omitThemingProps$thi === void 0 ? "2px" : _omitThemingProps$thi, _omitThemingProps$spe = _omitThemingProps.speed, speed = _omitThemingProps$spe === void 0 ? "0.45s" : _omitThemingProps$spe, _omitThemingProps$emp = _omitThemingProps.emptyColor, emptyColor = _omitThemingProps$emp === void 0 ? "transparent" : _omitThemingProps$emp, className = _omitThemingProps.className, rest = _objectWithoutPropertiesLoose$8(_omitThemingProps, _excluded$c);
+  var _omitThemingProps = omitThemingProps(props), _omitThemingProps$lab = _omitThemingProps.label, label = _omitThemingProps$lab === void 0 ? "Loading..." : _omitThemingProps$lab, _omitThemingProps$thi = _omitThemingProps.thickness, thickness = _omitThemingProps$thi === void 0 ? "2px" : _omitThemingProps$thi, _omitThemingProps$spe = _omitThemingProps.speed, speed = _omitThemingProps$spe === void 0 ? "0.45s" : _omitThemingProps$spe, _omitThemingProps$emp = _omitThemingProps.emptyColor, emptyColor = _omitThemingProps$emp === void 0 ? "transparent" : _omitThemingProps$emp, className = _omitThemingProps.className, rest = _objectWithoutPropertiesLoose$8(_omitThemingProps, _excluded$b);
   var _className = cx("chakra-spinner", className);
   var spinnerStyles = _extends$7({
     display: "inline-block",
@@ -23677,32 +23677,6 @@ var Center = chakra("div", {
     justifyContent: "center"
   }
 });
-var _excluded$b = ["borderLeftWidth", "borderBottomWidth", "borderTopWidth", "borderRightWidth", "borderWidth", "borderStyle", "borderColor"], _excluded2$4 = ["className", "orientation", "__css"];
-var Divider = /* @__PURE__ */ forwardRef(function(props, ref) {
-  var _useStyleConfig = useStyleConfig("Divider", props), borderLeftWidth = _useStyleConfig.borderLeftWidth, borderBottomWidth = _useStyleConfig.borderBottomWidth, borderTopWidth = _useStyleConfig.borderTopWidth, borderRightWidth = _useStyleConfig.borderRightWidth, borderWidth = _useStyleConfig.borderWidth, borderStyle = _useStyleConfig.borderStyle, borderColor = _useStyleConfig.borderColor, styles2 = _objectWithoutPropertiesLoose$5(_useStyleConfig, _excluded$b);
-  var _omitThemingProps = omitThemingProps(props), className = _omitThemingProps.className, _omitThemingProps$ori = _omitThemingProps.orientation, orientation = _omitThemingProps$ori === void 0 ? "horizontal" : _omitThemingProps$ori, __css = _omitThemingProps.__css, rest = _objectWithoutPropertiesLoose$5(_omitThemingProps, _excluded2$4);
-  var dividerStyles = {
-    vertical: {
-      borderLeftWidth: borderLeftWidth || borderRightWidth || borderWidth || "1px",
-      height: "100%"
-    },
-    horizontal: {
-      borderBottomWidth: borderBottomWidth || borderTopWidth || borderWidth || "1px",
-      width: "100%"
-    }
-  };
-  return /* @__PURE__ */ React.createElement(chakra.hr, _extends$4({
-    ref,
-    "aria-orientation": orientation
-  }, rest, {
-    __css: _extends$4({}, styles2, {
-      border: "0",
-      borderColor,
-      borderStyle
-    }, dividerStyles[orientation], __css),
-    className: cx("chakra-divider", className)
-  }));
-});
 var _excluded$a = ["direction", "align", "justify", "wrap", "basis", "grow", "shrink"];
 var Flex = /* @__PURE__ */ forwardRef(function(props, ref) {
   var direction2 = props.direction, align = props.align, justify = props.justify, wrap3 = props.wrap, basis = props.basis, grow = props.grow, shrink = props.shrink, rest = _objectWithoutPropertiesLoose$5(props, _excluded$a);
@@ -31769,6 +31743,8 @@ function ModalAlert({
         justifyContent: "center",
         textAlign: "center",
         py: "2rem",
+        borderBottom: "1px solid #E6E6E6",
+        marginY: "3.75rem",
         children: [/* @__PURE__ */ jsx(Box, {
           display: "flex",
           justifyContent: "center",
@@ -31781,12 +31757,6 @@ function ModalAlert({
           px: "2rem",
           children: description
         })]
-      }), /* @__PURE__ */ jsx(Divider, {
-        colorScheme: "#E6E6E6",
-        size: "2",
-        opacity: "1",
-        margin: "0",
-        padding: "0"
       }), /* @__PURE__ */ jsx(ModalFooter, {
         justifyContent: "center",
         padding: "0",