@class101/cdn-ui-system 0.0.11 → 0.0.12

package/lib/Media/Image/Image.js

@@ -22,6 +22,7 @@ var Image = forwardRef((props, ref) => {
     sizes,
     width = "100%",
     maxWidth,
+    maxHeight,
     height = "100%",
     objectFit = "cover"
   } = _a, restProps = __objRest(_a, [
@@ -32,6 +33,7 @@ var Image = forwardRef((props, ref) => {
     "sizes",
     "width",
     "maxWidth",
+    "maxHeight",
     "height",
     "objectFit"
   ]);
@@ -67,6 +69,7 @@ var Image = forwardRef((props, ref) => {
     sizes: actualSizes,
     width: "100%",
     maxWidth,
+    maxHeight,
     height: "100%",
     objectFit,
     verticalAlign: "top"

package/lib/Media/Image/useActualSizes.js

@@ -47,6 +47,15 @@ function useActualSizes({ sizes, width, maxWidth }) {
     if (isDefined(sizes)) {
       return appendCssUnit(sizes, "px");
     }
+    if (Array.isArray(maxWidth)) {
+      return maxWidth.map((maxWidthItem, index) => {
+        const condition = breakpoints[Math.min(index, breakpoints.length - 1)];
+        if (typeof maxWidthItem === "number" || (maxWidthItem == null ? void 0 : maxWidthItem.slice(-2)) === "px") {
+          const result = appendCssUnit(maxWidthItem, "px");
+          return index < maxWidth.length - 1 ? `(min-width: ${condition}) ${result}` : result;
+        }
+      }).join(",");
+    }
     if (typeof maxWidth === "number" || (maxWidth == null ? void 0 : maxWidth.slice(-2)) === "px") {
       const result = appendCssUnit(maxWidth, "px");
       return `(min-width: ${result}) ${result}`;

package/lib/Tab/Tab/Tab.js

@@ -21,7 +21,7 @@ var Tab = system()(propVariant({
     md: {
       titleLevel: 6,
       captionLevel: 5,
-      tabPadding: 0
+      tabPadding: 10
     },
     lg: {
       titleLevel: 5,

package/lib/Typography/Text/Text.js

@@ -1,6 +1,6 @@
 import {
   nl2br
-} from "../../../chunk-QNI6E7MT.js";
+} from "../../../chunk-WVIP3U54.js";
 import {
   React,
   __objRest,
@@ -111,7 +111,11 @@ var Text = system()(propVariant({
   skipForward: true
 }))((_a) => {
   var _b = _a, { children, as = "span", color = "gray.900" } = _b, restProps = __objRest(_b, ["children", "as", "color"]);
-  return /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({}, restProps), {
+  return /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({
+    m: 0,
+    p: 0,
+    border: 0
+  }, restProps), {
     as,
     color
   }), typeof children === "string" ? nl2br(children) : children);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@class101/cdn-ui-system",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "sideEffects": false,
   "main": "src/index.ts"
 }