fix(Item.Action): sizes

Author: tenphi

src/components/actions/ItemAction/ItemAction.tsx

@@ -77,7 +77,13 @@ const ItemActionElement = tasty({
     outlineOffset: 1,
     cursor: { '': 'pointer', disabled: 'default' },
 
-    '$icon-size': 'min($action-icon-size, ($action-size - .5x))',
+    Icon: {
+      fontSize: 'min($icon-size, ($action-size - .5x))',
+    },
+
+    RightIcon: {
+      fontSize: 'min($icon-size, ($action-size - .5x))',
+    },
   },
   variants: {
     // Default theme

src/components/content/Item/Item.tsx

@@ -281,7 +281,6 @@ const ItemElement = tasty({
     },
     '$inline-compensation': '.5x',
     '$min-inline-padding': '(1x - 1bw)',
-    '$action-icon-size': '$icon-size',
 
     Icon: DEFAULT_ICON_STYLES,
 

src/components/fields/TextInput/TextInputBase.tsx

@@ -74,6 +74,7 @@ export const INPUT_WRAPPER_STYLES: Styles = {
     '': '#purple-03.0',
     'invalid & focused': '#danger.50',
   },
+  preset: 't3',
   radius: true,
   cursor: 'text',
   color: {

src/data/item-themes.ts

@@ -37,6 +37,8 @@ export const ITEM_ACTION_BASE_STYLES: Styles = {
   },
   placeSelf: 'center',
 
+  // Side padding for the action buttons
+  '$side-padding': '(($size - $action-size - 2bw) / 2)',
   // Size using custom property
   '$action-size': 'min(max((2x + 2bw), ($size - 1x - 2bw)), (4x - 2bw))',