@cfx-dev/ui-components 5.0.10 → 5.0.12

package/dist/components/Flex/Flex.js

@@ -10,9 +10,9 @@ function x(e) {
   return /* @__PURE__ */ l(
     r,
     {
+      ...n(e),
       className: m,
       style: s,
-      ...n(e),
       children: o
     }
   );

package/dist/components/RSC/Flex/Flex.js

@@ -2,12 +2,12 @@ import { jsx as m } from "react/jsx-runtime";
 import A from "../Box/Box.js";
 import { clsx as v } from "../../../utils/clsx.js";
 import { ui as n } from "../../../utils/ui/ui.js";
-const C = "cfxui__Flex__root__d860a", F = "cfxui__Flex__centered__e911c", b = "cfxui__Flex__centeredAxis__a7613", w = "cfxui__Flex__centeredCrossAxis__11477", y = "cfxui__Flex__baselineAxis__5a93c", h = "cfxui__Flex__baselineCrossAxis__b3c28", E = "cfxui__Flex__reverseOrder__3d910", T = "cfxui__Flex__vertical__552db", R = "cfxui__Flex__alignToEnd__a45a8", B = "cfxui__Flex__alignToEndAxis__80f62", S = "cfxui__Flex__spaceBetween__b5438", j = "cfxui__Flex__stretch__5c1ce", O = "cfxui__Flex__horizontal__d64f7", s = {
+const C = "cfxui__Flex__root__d860a", F = "cfxui__Flex__centered__e911c", b = "cfxui__Flex__centeredAxis__a7613", y = "cfxui__Flex__centeredCrossAxis__11477", w = "cfxui__Flex__baselineAxis__5a93c", h = "cfxui__Flex__baselineCrossAxis__b3c28", E = "cfxui__Flex__reverseOrder__3d910", T = "cfxui__Flex__vertical__552db", R = "cfxui__Flex__alignToEnd__a45a8", B = "cfxui__Flex__alignToEndAxis__80f62", S = "cfxui__Flex__spaceBetween__b5438", j = "cfxui__Flex__stretch__5c1ce", O = "cfxui__Flex__horizontal__d64f7", s = {
   root: C,
   centered: F,
   centeredAxis: b,
-  centeredCrossAxis: w,
-  baselineAxis: y,
+  centeredCrossAxis: y,
+  baselineAxis: w,
   baselineCrossAxis: h,
   reverseOrder: E,
   vertical: T,
@@ -66,14 +66,16 @@ function I(e) {
     direction: i,
     alignItems: r,
     justifyContent: o,
-    wrap: a
+    wrap: a,
+    style: c
   } = e;
   return {
     ...n.getSizeStyles("gap", t),
     ...n.getResponsiveStyles("flex-direction", i),
     ...n.getResponsiveStyles("align-items", r),
     ...n.getResponsiveStyles("justify-content", o),
-    ...n.getResponsiveStyles("flex-wrap", a, z)
+    ...n.getResponsiveStyles("flex-wrap", a, z),
+    ...c
   };
 }
 function P(e) {
@@ -103,9 +105,9 @@ function H(e) {
   return /* @__PURE__ */ m(
     A,
     {
+      ...P(e),
       className: i,
       style: r,
-      ...P(e),
       children: t
     }
   );

package/dist/styles-scss/tokens.scss

@@ -326,7 +326,7 @@
   @include ui.def('tabular-medium-item-padding', ui.offset('medium'));
   @include ui.def('tabular-large-item-height', ui.q(10));
   @include ui.def('tabular-large-item-padding', ui.offset('medium'));
-  @include ui.def('tabular-item-border-size', ui.q(0.25));
+  @include ui.def('tabular-item-border-size', ui.q(0.5));
 }
 
 @mixin modal-tokens() {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cfx-dev/ui-components",
   "private": false,
-  "version": "5.0.10",
+  "version": "5.0.12",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",