@x-plat/design-system 0.4.5 → 0.5.0

package/dist/layout/index.js

@@ -1,24 +1,15 @@
-// ../../node_modules/clsx/dist/clsx.mjs
-function r(e) {
-  var t, f, n = "";
-  if ("string" == typeof e || "number" == typeof e) n += e;
-  else if ("object" == typeof e) if (Array.isArray(e)) {
-    var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-  } else for (f in e) e[f] && (n && (n += " "), n += f);
-  return n;
-}
-function clsx() {
-  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
-}
-var clsx_default = clsx;
-
 // src/layout/Grid/FullGrid/FullGrid.tsx
 import { jsx } from "react/jsx-runtime";
 var FullGrid = (props) => {
-  const { children, className } = props;
-  return /* @__PURE__ */ jsx("div", { className: clsx_default("lib-xplat-full-grid", className), children });
+  const { children, gap } = props;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "lib-xplat-full-grid",
+      style: gap ? { gap } : void 0,
+      children
+    }
+  );
 };
 FullGrid.displayName = "FullGrid";
 var FullGrid_default = FullGrid;
@@ -26,8 +17,15 @@ var FullGrid_default = FullGrid;
 // src/layout/Grid/FullScreen/FullScreen.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var FullScreen = (props) => {
-  const { children, className } = props;
-  return /* @__PURE__ */ jsx2("div", { className: clsx_default("lib-xplat-full-screen", className), children });
+  const { children, gap } = props;
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      className: "lib-xplat-full-screen",
+      style: gap ? { gap } : void 0,
+      children
+    }
+  );
 };
 FullScreen.displayName = "FullScreen";
 var FullScreen_default = FullScreen;
@@ -35,6 +33,22 @@ var FullScreen_default = FullScreen;
 // src/tokens/breakpoints.ts
 var BREAKPOINT_KEYS_ORDERED = ["laptop", "tablet", "mobile"];
 
+// ../../node_modules/clsx/dist/clsx.mjs
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+var clsx_default = clsx;
+
 // src/layout/Grid/Item/Item.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
 var calculateSpans = (column) => {