jfs-components 0.0.58 → 0.0.59

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.
@@ -57,7 +57,7 @@ function Button({
57
57
  const lineHeight = getVariableByName('button/lineHeight', modes) || 19;
58
58
  const fontSize = getVariableByName('button/fontSize', modes) || 16;
59
59
  const textColor = getVariableByName('button/foreground', modes) || '#0f0d0a';
60
- const iconColor = getVariableByName('button/icon/color', modes) ?? textColor;
60
+ const iconColor = textColor;
61
61
  const iconSize = getVariableByName('button/icon/size', modes) ?? 18;
62
62
  const [isHovered, setIsHovered] = useState(false);
63
63
  const [isPressed, setIsPressed] = useState(false);
@@ -29,7 +29,7 @@ function ButtonGroup({
29
29
  style
30
30
  }) {
31
31
  // Resolve design tokens
32
- const gap = getVariableByName('buttonGroup/padding/gap', modes) ?? 12;
32
+ const gap = getVariableByName('buttonGroup/gap', modes) ?? 12;
33
33
  const paddingHorizontal = getVariableByName('buttonGroup/padding/horizontal', modes) ?? 0;
34
34
  const paddingVertical = getVariableByName('buttonGroup/padding/vertical', modes) ?? 0;
35
35
 
@@ -224,7 +224,7 @@ function Drawer({
224
224
 
225
225
  // Design Tokens
226
226
  const backgroundColor = getVariableByName('drawer/background', modes) || '#f5f5f5';
227
- const radius = getVariableByName('drawer/radius', modes) || 12;
227
+ const radius = getVariableByName('drawer/radius/top', modes) || 12;
228
228
 
229
229
  // Handle
230
230
  const handleColor = getVariableByName('drawer/handlebar/background', modes) || '#e0e0e3';