@app-studio/web 0.9.65 → 0.9.67

package/dist/web.umd.development.js

@@ -3062,14 +3062,14 @@
       ,
       lineHeight: "24px",
       color: themes[variant].content.color,
-      bgColor: themes[variant].container.backgroundColor
+      backgroundColor: themes[variant].container.backgroundColor
     }, views == null ? void 0 : views.title), title), /*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({
       fontSize: "14px",
       fontWeight: "400" // Regular
       ,
       lineHeight: "20px",
       color: themes[variant].content.color,
-      bgColor: themes[variant].container.backgroundColor
+      backgroundColor: themes[variant].container.backgroundColor
     }, views == null ? void 0 : views.description), description || children)));
   };
 
@@ -3392,16 +3392,16 @@
     }, /*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({
       size: "md",
       weight: "semiBold",
-      bgColor: Theme[variant].container.backgroundColor
+      backgroundColor: Theme[variant].container.backgroundColor
     }, views == null ? void 0 : views.title), title), subtitle && (/*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({
       size: "sm",
-      bgColor: Theme[variant].container.backgroundColor
+      backgroundColor: Theme[variant].container.backgroundColor
     }, views == null ? void 0 : views.subtitle), subtitle))), showAction && (/*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({
       marginRight: 10,
       onClick: action,
       padding: "6px 10px",
       whiteSpace: "nowrap",
-      bgColor: Theme[variant].container.backgroundColor
+      backgroundColor: Theme[variant].container.backgroundColor
     }, containerStyle, views == null ? void 0 : views.actionText), actionText)), isClosable && (/*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({
       position: "absolute",
       zIndex: 10000,
@@ -4804,17 +4804,17 @@
    */
   var ButtonFontSize = {
     xs: 10,
-    sm: 14,
-    md: 16,
-    lg: 18,
+    sm: 12,
+    md: 14,
+    lg: 16,
     xl: 20
   };
   var ButtonLineHeight = {
-    xs: 14,
-    sm: 20,
-    md: 24,
-    lg: 28,
-    xl: 32
+    xs: 12,
+    sm: 16,
+    md: 20,
+    lg: 24,
+    xl: 28
   };
   var getButtonSize = size => {
     return {
@@ -9676,7 +9676,7 @@
       var isSelected = value === option.value;
       var borderColor = getColor('color.gray.200');
       var textColor = getColor('color.gray.500');
-      var bgColor = 'transparent';
+      var backgroundColor = 'transparent';
       if (isSelected) {
         if (option.color) {
           // We need a way to get related colors (50, 500, 700 etc) from a base color if we want full fidelity.
@@ -9687,13 +9687,13 @@
           // Simplification: if color provided, use it for border/text.
           // Background is hard to derive without more specific props.
           // Let's try to use a very light opacity of the color for background.
-          bgColor = 'rgba(0,0,0,0.05)'; // Generic active background
+          backgroundColor = 'rgba(0,0,0,0.05)'; // Generic active background
         } else {
           // Default active style
           var primary = getColor('theme.primary');
           borderColor = primary;
           textColor = primary;
-          bgColor = 'color.gray.50';
+          backgroundColor = 'color.gray.50';
         }
         // Specific overrides based on user request "ComplexitySelector" style
         // If the values match 'High', 'Medium', 'Low' we can hardcode for *demo* fidelity if generic logic fails.
@@ -9703,12 +9703,12 @@
           // Fallback for customized options
           borderColor = getColor(option.color);
           textColor = getColor(option.color);
-          bgColor = 'transparent';
+          backgroundColor = 'transparent';
         } else {
           // Default fallback
           borderColor = getColor('theme.primary');
           textColor = getColor('theme.primary');
-          bgColor = 'transparent';
+          backgroundColor = 'transparent';
         }
       }
       return /*#__PURE__*/React__default.createElement(Button, Object.assign({
@@ -9728,7 +9728,7 @@
           borderBottom: "1px solid " + (isSelected ? borderColor : getColor('color.gray.200')),
           borderLeft: "1px solid " + (isSelected ? borderColor : getColor('color.gray.200')),
           borderRight: index === arr.length - 1 || isSelected ? "1px solid " + (isSelected ? borderColor : getColor('color.gray.200')) : 'none',
-          backgroundColor: bgColor,
+          backgroundColor: backgroundColor,
           color: textColor,
           borderRadius: index === 0 ? '6px 0 0 6px' : index === arr.length - 1 ? '0 6px 6px 0' : '0',
           zIndex: isSelected ? 1 : 0,
@@ -26243,13 +26243,13 @@
       fontWeight: "600" // Semi-bold for better readability
       ,
       color: Theme[variant].content.color,
-      bgColor: Theme[variant].container.backgroundColor
+      backgroundColor: Theme[variant].container.backgroundColor
     }, views == null ? void 0 : views.title), title), description && (/*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({
       size: "sm",
       color: Theme[variant].content.color,
       fontWeight: "400" // Regular weight
       ,
-      bgColor: Theme[variant].container.backgroundColor
+      backgroundColor: Theme[variant].container.backgroundColor
     }, views == null ? void 0 : views.description), description)), action && actionText && (/*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({
       size: "sm",
       fontWeight: "600" // Semi-bold for better readability
@@ -26258,7 +26258,7 @@
       ,
       cursor: "pointer",
       color: Theme[variant].content.color,
-      bgColor: Theme[variant].container.backgroundColor,
+      backgroundColor: Theme[variant].container.backgroundColor,
       onClick: e => {
         e.stopPropagation();
         action();