@app-studio/web 0.9.47 → 0.9.48

package/dist/web.cjs.development.js

@@ -4836,65 +4836,42 @@ var Loader = LoaderComponent;
  * - Rounded corners: Consistent border radius
  * - Transitions: Subtle animations
  */
+var ButtonFontSize = {
+  xs: 10,
+  sm: 14,
+  md: 16,
+  lg: 18,
+  xl: 20
+};
+var ButtonLineHeight = {
+  xs: 14,
+  sm: 20,
+  md: 24,
+  lg: 28,
+  xl: 32
+};
+var getButtonSize = size => {
+  return {
+    minHeight: ButtonLineHeight[size] * 2,
+    paddingHorizontal: ButtonLineHeight[size] / 2,
+    fontSize: ButtonFontSize[size],
+    fontWeight: 500,
+    lineHeight: ButtonLineHeight[size],
+    letterSpacing: '-0.01em',
+    paddingInline: ButtonLineHeight[size],
+    paddingBlock: ButtonLineHeight[size] / 2,
+    outlineWidth: 'medium'
+  };
+};
 /**
  * Button sizes following the 4px grid system
  */
 var ButtonSizes = {
-  xs: {
-    minHeight: 8 * 4,
-    paddingTop: 1,
-    paddingBottom: 1,
-    paddingLeft: 2,
-    paddingRight: 2,
-    fontSize: 10,
-    fontWeight: '500',
-    lineHeight: 14,
-    letterSpacing: '-0.01em'
-  },
-  sm: {
-    minHeight: 10 * 4,
-    paddingTop: 4,
-    paddingBottom: 4,
-    paddingLeft: 8,
-    paddingRight: 8,
-    fontSize: 12,
-    fontWeight: '500',
-    lineHeight: 16,
-    letterSpacing: '-0.01em'
-  },
-  md: {
-    minHeight: 12 * 4,
-    paddingTop: 8,
-    paddingBottom: 8,
-    paddingLeft: 20,
-    paddingRight: 20,
-    fontSize: 16,
-    fontWeight: 550,
-    lineHeight: 24,
-    letterSpacing: '-0.01em'
-  },
-  lg: {
-    minHeight: 14 * 4,
-    paddingTop: 8,
-    paddingBottom: 8,
-    paddingLeft: 16,
-    paddingRight: 16,
-    fontSize: 16,
-    fontWeight: '500',
-    lineHeight: 18,
-    letterSpacing: '-0.01em'
-  },
-  xl: {
-    minHeight: 16 * 4,
-    paddingTop: 10,
-    paddingBottom: 10,
-    paddingLeft: 20,
-    paddingRight: 20,
-    fontSize: 20,
-    fontWeight: '500',
-    lineHeight: 22,
-    letterSpacing: '-0.01em'
-  }
+  xs: /*#__PURE__*/getButtonSize('xs'),
+  sm: /*#__PURE__*/getButtonSize('sm'),
+  md: /*#__PURE__*/getButtonSize('md'),
+  lg: /*#__PURE__*/getButtonSize('lg'),
+  xl: /*#__PURE__*/getButtonSize('xl')
 };
 /**
  * Button shapes with consistent border radius
@@ -5326,7 +5303,7 @@ var ButtonView = _ref5 => {
       // primary candidate for main color
       color,
       // 2nd candidate for main color (NOT text‑color)
-      isAuto,
+      isAuto = true,
       isFilled,
       isDisabled,
       isLoading,