@app-studio/web 0.9.65 → 0.9.67

package/dist/web.esm.js

@@ -3093,14 +3093,14 @@ var AlertView = _ref => {
     ,
     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.createElement(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)));
 };
 
@@ -3423,16 +3423,16 @@ var MessageView = _ref => {
   }, /*#__PURE__*/React.createElement(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.createElement(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.createElement(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.createElement(View, Object.assign({
     position: "absolute",
     zIndex: 10000,
@@ -4835,17 +4835,17 @@ var Loader = LoaderComponent;
  */
 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 {
@@ -9707,7 +9707,7 @@ var SelectorView = _ref => {
     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.
@@ -9718,13 +9718,13 @@ var SelectorView = _ref => {
         // 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.
@@ -9734,12 +9734,12 @@ var SelectorView = _ref => {
         // 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.createElement(Button, Object.assign({
@@ -9759,7 +9759,7 @@ var SelectorView = _ref => {
         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,
@@ -26274,13 +26274,13 @@ var ToastView = _ref => {
     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.createElement(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.createElement(Text, Object.assign({
     size: "sm",
     fontWeight: "600" // Semi-bold for better readability
@@ -26289,7 +26289,7 @@ var ToastView = _ref => {
     ,
     cursor: "pointer",
     color: Theme[variant].content.color,
-    bgColor: Theme[variant].container.backgroundColor,
+    backgroundColor: Theme[variant].container.backgroundColor,
     onClick: e => {
       e.stopPropagation();
       action();