@idealyst/components 1.2.146 → 1.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/components",
-  "version": "1.2.146",
+  "version": "1.3.1",
   "description": "Shared component library for React and React Native",
   "documentation": "https://github.com/IdealystIO/idealyst-framework/tree/main/packages/components#readme",
   "readme": "README.md",
@@ -56,7 +56,7 @@
     "publish:npm": "npm publish"
   },
   "peerDependencies": {
-    "@idealyst/theme": "^1.2.146",
+    "@idealyst/theme": "^1.3.1",
     "@mdi/js": ">=7.0.0",
     "@mdi/react": ">=1.0.0",
     "@react-native-vector-icons/common": ">=12.0.0",
@@ -111,8 +111,8 @@
   },
   "devDependencies": {
     "@idealyst/blur": "^1.2.40",
-    "@idealyst/theme": "^1.2.146",
-    "@idealyst/tooling": "^1.2.146",
+    "@idealyst/theme": "^1.3.1",
+    "@idealyst/tooling": "^1.3.1",
     "@mdi/react": "^1.6.1",
     "@types/react": "^19.1.0",
     "react": "^19.1.0",

package/src/Button/Button.styles.tsx

@@ -49,7 +49,7 @@ export const buttonStyles = defineStyle('Button', (theme: Theme) => ({
         alignItems: 'center',
         justifyContent: 'center',
         borderRadius: 8,
-        fontWeight: '600',
+        fontWeight: '500',
         textAlign: 'center',
         // Inline theme accesses so Unistyles can trace them
         backgroundColor: type === 'contained'
@@ -99,7 +99,7 @@ export const buttonStyles = defineStyle('Button', (theme: Theme) => ({
         },
     }),
     text: ({ intent = 'primary', type = 'contained' }: ButtonDynamicProps) => ({
-        fontWeight: '600',
+        fontWeight: '500',
         textAlign: 'center',
         // Inline: contained uses contrast, others use primary
         color: type === 'contained'
@@ -135,7 +135,7 @@ export const buttonStyles = defineStyle('Button', (theme: Theme) => ({
         flexDirection: 'row' as const,
         alignItems: 'center' as const,
         justifyContent: 'center' as const,
-        gap: 4,
+        gap: 10,
     }),
     spinner: ({ intent = 'primary', type = 'contained' }: ButtonDynamicProps) => ({
         display: 'flex',

package/src/Select/Select.styles.tsx

@@ -74,7 +74,7 @@ export const selectStyles = defineStyle('Select', (theme: Theme) => ({
             borderWidth: 1,
             borderStyle: 'solid' as const,
             borderColor,
-            borderRadius: 8,
+            borderRadius: theme.radii.md,
             opacity: disabled ? 0.6 : 1,
             backgroundColor: type === 'filled' ? theme.colors.surface.secondary : theme.colors.surface.primary,
             variants: {
@@ -84,6 +84,7 @@ export const selectStyles = defineStyle('Select', (theme: Theme) => ({
                 display: 'flex',
                 width: '100%',
                 boxSizing: 'border-box',
+                textAlign: 'left',
                 cursor: disabled ? 'not-allowed' : 'pointer',
                 border: `1px solid ${borderColor}`,
                 boxShadow: focused && !hasError ? `0 0 0 2px ${theme.intents[intent]?.primary ?? theme.intents.primary.primary}33` : 'none',
@@ -166,7 +167,7 @@ export const selectStyles = defineStyle('Select', (theme: Theme) => ({
         left: 0,
         right: 0,
         backgroundColor: theme.colors.surface.primary,
-        borderRadius: 8,
+        borderRadius: theme.radii.md,
         borderWidth: 1,
         borderStyle: 'solid' as const,
         borderColor: theme.colors.border.primary,

package/src/Table/Table.styles.tsx

@@ -162,6 +162,7 @@ export const tableStyles = defineStyle('Table', (theme: Theme) => ({
     headerCell: (_props: TableDynamicProps) => ({
         flexDirection: 'row' as const,
         alignItems: 'center' as const,
+        fontWeight: '500' as const,
         color: theme.colors.text.secondary,
         borderBottomWidth: 1,
         borderBottomColor: theme.colors.border.primary,