@luscii-healthtech/web-ui 56.2.0 → 57.0.0

package/dist/index.development.js

@@ -1239,22 +1239,6 @@ const createRadiusRightClassName = (borderRadius) => {
   });
 };
 
-const spacingKeys = [
-  "p",
-  "pt",
-  "pr",
-  "pb",
-  "pl",
-  "px",
-  "py",
-  "m",
-  "mt",
-  "mr",
-  "mb",
-  "ml",
-  "mx",
-  "my"
-];
 const underscoredSpacingPropNames = [
   "_p",
   "_pt",
@@ -1271,25 +1255,15 @@ const underscoredSpacingPropNames = [
   "_mx",
   "_my"
 ];
-const allSpacingPropNames = [
-  ...spacingKeys,
-  ...underscoredSpacingPropNames
-];
-const createSpacingClassNames = (keys, spacingPropsArg) => {
-  const underscoredPropKeys = [...underscoredSpacingPropNames];
-  const current = keys.filter((key) => spacingPropsArg[key] && !underscoredPropKeys.includes(key)).map((key) => `ui:${key}-${spacingPropsArg[key]}`).join(" ");
-  const underscored = keys.filter((key) => spacingPropsArg[key] && underscoredPropKeys.includes(key)).map((key) => `ui:${key.replace("_", "")}-f_${spacingPropsArg[key]}`).join(" ");
-  return `${current} ${underscored}`;
-};
+const createSpacingClassNames = (spacingPropsArg) => underscoredSpacingPropNames.filter((key) => spacingPropsArg[key]).map((key) => `ui:${key.replace("_", "")}-f_${spacingPropsArg[key]}`).join(" ");
 const BoxInner = (props, ref) => {
   const { as: Element = "div", borderRadius, borderRadiusLeft, borderRadiusRight, className, elevation, width, backgroundColor, hoverBackgroundColor, cursor } = props, attributes = __rest(props, ["as", "borderRadius", "borderRadiusLeft", "borderRadiusRight", "className", "elevation", "width", "backgroundColor", "hoverBackgroundColor", "cursor"]);
-  const spacingClasses = createSpacingClassNames(allSpacingPropNames, props);
+  const spacingClasses = createSpacingClassNames(props);
   const shadowClassName = createShadowClassName(elevation);
   const borderRadiusClassName = createRadiusClassName(borderRadius);
   const borderRadiusLeftClassName = createRadiusLeftClassName(borderRadiusLeft);
   const borderRadiusRightClassName = createRadiusRightClassName(borderRadiusRight);
   const attributesWithoutSpacingKeys = lodashEs.omit(attributes, [
-    ...spacingKeys,
     ...underscoredSpacingPropNames
   ]);
   const boxClasses = classNames__default.default(spacingClasses, {
@@ -1339,27 +1313,13 @@ const BoxInner = (props, ref) => {
 const Box = React__namespace.default.forwardRef(BoxInner);
 
 const StackInner = (props, ref) => {
-  const { children, gap, _gap, align = "start", justify = "normal", axis = "y", className, reverse, wrap = false, divider, as } = props, attributes = __rest(props, ["children", "gap", "_gap", "align", "justify", "axis", "className", "reverse", "wrap", "divider", "as"]);
+  const { children, _gap, align = "start", justify = "normal", axis = "y", className, reverse, wrap = false, divider, as } = props, attributes = __rest(props, ["children", "_gap", "align", "justify", "axis", "className", "reverse", "wrap", "divider", "as"]);
   const stackClasses = classNames__default.default(`ui:flex`, {
     "ui:flex-row": axis === "x",
     "ui:flex-col": axis === "y",
     "ui:flex-row-reverse": axis === "x" && reverse,
     "ui:flex-col-reverse": axis === "y" && reverse,
     "ui:flex-wrap": wrap,
-    /**
-     * @deprecated
-     * Old spacing system, to be removed in a future major release. Use the `_gap` prop instead.
-     */
-    "ui:gap-m": gap === "m",
-    "ui:gap-none": gap === "none",
-    "ui:gap-xxxxs": gap === "xxxxs",
-    "ui:gap-xxxs": gap === "xxxs",
-    "ui:gap-xxs": gap === "xxs",
-    "ui:gap-xs": gap === "xs",
-    "ui:gap-s": gap === "s",
-    "ui:gap-l": gap === "l",
-    "ui:gap-xl": gap === "xl",
-    "ui:gap-xxl": gap === "xxl",
     "ui:gap-f_none": _gap === "none",
     "ui:gap-f_xs": _gap === "xs",
     "ui:gap-f_s": _gap === "s",