@app-studio/web 0.9.47 → 0.9.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4797,65 +4797,42 @@
4797
4797
  * - Rounded corners: Consistent border radius
4798
4798
  * - Transitions: Subtle animations
4799
4799
  */
4800
+ var ButtonFontSize = {
4801
+ xs: 10,
4802
+ sm: 14,
4803
+ md: 16,
4804
+ lg: 18,
4805
+ xl: 20
4806
+ };
4807
+ var ButtonLineHeight = {
4808
+ xs: 14,
4809
+ sm: 20,
4810
+ md: 24,
4811
+ lg: 28,
4812
+ xl: 32
4813
+ };
4814
+ var getButtonSize = size => {
4815
+ return {
4816
+ minHeight: ButtonLineHeight[size] * 2,
4817
+ paddingHorizontal: ButtonLineHeight[size] / 2,
4818
+ fontSize: ButtonFontSize[size],
4819
+ fontWeight: 500,
4820
+ lineHeight: ButtonLineHeight[size],
4821
+ letterSpacing: '-0.01em',
4822
+ paddingInline: ButtonLineHeight[size],
4823
+ paddingBlock: ButtonLineHeight[size] / 2,
4824
+ outlineWidth: 'medium'
4825
+ };
4826
+ };
4800
4827
  /**
4801
4828
  * Button sizes following the 4px grid system
4802
4829
  */
4803
4830
  var ButtonSizes = {
4804
- xs: {
4805
- minHeight: 8 * 4,
4806
- paddingTop: 1,
4807
- paddingBottom: 1,
4808
- paddingLeft: 2,
4809
- paddingRight: 2,
4810
- fontSize: 10,
4811
- fontWeight: '500',
4812
- lineHeight: 14,
4813
- letterSpacing: '-0.01em'
4814
- },
4815
- sm: {
4816
- minHeight: 10 * 4,
4817
- paddingTop: 4,
4818
- paddingBottom: 4,
4819
- paddingLeft: 8,
4820
- paddingRight: 8,
4821
- fontSize: 12,
4822
- fontWeight: '500',
4823
- lineHeight: 16,
4824
- letterSpacing: '-0.01em'
4825
- },
4826
- md: {
4827
- minHeight: 12 * 4,
4828
- paddingTop: 8,
4829
- paddingBottom: 8,
4830
- paddingLeft: 20,
4831
- paddingRight: 20,
4832
- fontSize: 16,
4833
- fontWeight: 550,
4834
- lineHeight: 24,
4835
- letterSpacing: '-0.01em'
4836
- },
4837
- lg: {
4838
- minHeight: 14 * 4,
4839
- paddingTop: 8,
4840
- paddingBottom: 8,
4841
- paddingLeft: 16,
4842
- paddingRight: 16,
4843
- fontSize: 16,
4844
- fontWeight: '500',
4845
- lineHeight: 18,
4846
- letterSpacing: '-0.01em'
4847
- },
4848
- xl: {
4849
- minHeight: 16 * 4,
4850
- paddingTop: 10,
4851
- paddingBottom: 10,
4852
- paddingLeft: 20,
4853
- paddingRight: 20,
4854
- fontSize: 20,
4855
- fontWeight: '500',
4856
- lineHeight: 22,
4857
- letterSpacing: '-0.01em'
4858
- }
4831
+ xs: /*#__PURE__*/getButtonSize('xs'),
4832
+ sm: /*#__PURE__*/getButtonSize('sm'),
4833
+ md: /*#__PURE__*/getButtonSize('md'),
4834
+ lg: /*#__PURE__*/getButtonSize('lg'),
4835
+ xl: /*#__PURE__*/getButtonSize('xl')
4859
4836
  };
4860
4837
  /**
4861
4838
  * Button shapes with consistent border radius
@@ -5287,7 +5264,7 @@
5287
5264
  // primary candidate for main color
5288
5265
  color,
5289
5266
  // 2nd candidate for main color (NOT text‑color)
5290
- isAuto,
5267
+ isAuto = true,
5291
5268
  isFilled,
5292
5269
  isDisabled,
5293
5270
  isLoading,