npm - @expo/ui - Versions diffs - 58.0.21 → 58.0.22 - Mend

@expo/ui 58.0.21 → 58.0.22

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.

Files changed (113) hide show

package/src/universal/Checkbox/index.android.tsx CHANGED Viewed

@@ -1,8 +1,15 @@
 import { Checkbox as ComposeCheckbox, Row, Text } from '@expo/ui/jetpack-compose';
-import { clickable, testID as testIDModifier } from '@expo/ui/jetpack-compose/modifiers';
+import {
+  defaultMinSize,
+  testID as testIDModifier,
+  toggleable,
+} from '@expo/ui/jetpack-compose/modifiers';
 import type { CheckboxProps } from './types';
+// Material's minimum touch target.
+const MIN_INTERACTIVE_SIZE = 48;
 export function Checkbox({
   value,
   onValueChange,
@@ -11,22 +18,34 @@ export function Checkbox({
   testID,
   modifiers,
 }: CheckboxProps) {
+  const isLabeled = label != null;
   const checkbox = (
     <ComposeCheckbox
       value={value}
-      onCheckedChange={disabled ? undefined : onValueChange}
+      onCheckedChange={isLabeled ? undefined : onValueChange}
       enabled={!disabled}
-      modifiers={[...(modifiers ?? []), ...(testID ? [testIDModifier(testID)] : [])]}
+      modifiers={[
+        ...(modifiers ?? []),
+        ...(isLabeled
+          ? [defaultMinSize({ minWidth: MIN_INTERACTIVE_SIZE, minHeight: MIN_INTERACTIVE_SIZE })]
+          : []),
+        ...(testID ? [testIDModifier(testID)] : []),
+      ]}
     />
   );
-  if (label == null) return checkbox;
+  if (!isLabeled) return checkbox;
   return (
     <Row
       verticalAlignment="center"
       horizontalArrangement={{ spacedBy: 8 }}
-      modifiers={[clickable(() => !disabled && onValueChange(!value))]}>
+      modifiers={[
+        toggleable(value, () => !disabled && onValueChange(!value), {
+          role: 'checkbox',
+          enabled: !disabled,
+        }),
+      ]}>
       {checkbox}
       <Text>{label}</Text>
     </Row>

package/src/universal/ScrollView/index.ios.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Group, ScrollView as SwiftUIScrollView } from '@expo/ui/swift-ui';
+import { HStack, ScrollView as SwiftUIScrollView, VStack } from '@expo/ui/swift-ui';
 import { frame, padding } from '@expo/ui/swift-ui/modifiers';
 import type { ModifierConfig } from '@expo/ui/swift-ui/modifiers';
@@ -18,7 +18,7 @@ export function ScrollView({
   testID,
   modifiers: extraModifiers,
 }: ScrollViewProps) {
-  // Extract padding from style — it goes on the inner Group so content is
+  // Extract padding from style — it goes on the inner stack so content is
   // inset after stretching to full width.
   const {
     padding: paddingAll,
@@ -64,13 +64,24 @@ export function ScrollView({
     );
   }
+  const stack =
+    direction === 'horizontal' ? (
+      <HStack alignment="top" modifiers={innerModifiers}>
+        {children}
+      </HStack>
+    ) : (
+      <VStack alignment="leading" modifiers={innerModifiers}>
+        {children}
+      </VStack>
+    );
   return (
     <SwiftUIScrollView
       axes={direction}
       showsIndicators={showsIndicators}
       modifiers={scrollModifiers}
       testID={testID}>
-      <Group modifiers={innerModifiers}>{children}</Group>
+      {stack}
     </SwiftUIScrollView>
   );
 }

package/src/universal/Switch/index.android.tsx CHANGED Viewed

@@ -1,31 +1,50 @@
 import { Row, Switch as ComposeSwitch, Text } from '@expo/ui/jetpack-compose';
 import {
+  defaultMinSize,
   fillMaxWidth,
   IntrinsicSize,
   testID as testIDModifier,
+  toggleable,
   weight,
   width,
 } from '@expo/ui/jetpack-compose/modifiers';
 import type { SwitchProps } from './types';
+// Material's minimum touch target.
+const MIN_INTERACTIVE_SIZE = 48;
 export function Switch({ value, onValueChange, label, disabled, testID, modifiers }: SwitchProps) {
+  const isLabeled = label != null;
   const toggle = (
     <ComposeSwitch
       value={value}
-      onCheckedChange={disabled ? undefined : onValueChange}
+      onCheckedChange={isLabeled ? undefined : onValueChange}
       enabled={!disabled}
-      modifiers={[...(modifiers ?? []), ...(testID ? [testIDModifier(testID)] : [])]}
+      modifiers={[
+        ...(modifiers ?? []),
+        ...(isLabeled
+          ? [defaultMinSize({ minWidth: MIN_INTERACTIVE_SIZE, minHeight: MIN_INTERACTIVE_SIZE })]
+          : []),
+        ...(testID ? [testIDModifier(testID)] : []),
+      ]}
     />
   );
-  if (label == null) return toggle;
+  if (!isLabeled) return toggle;
   return (
     <Row
       verticalAlignment="center"
       horizontalArrangement={{ spacedBy: 8 }}
-      modifiers={[fillMaxWidth(), width(IntrinsicSize.Max)]}>
+      modifiers={[
+        fillMaxWidth(),
+        width(IntrinsicSize.Max),
+        toggleable(value, () => !disabled && onValueChange(!value), {
+          role: 'switch',
+          enabled: !disabled,
+        }),
+      ]}>
       <Text modifiers={[weight(1)]}>{label}</Text>
       {toggle}
     </Row>

package/src/universal/Switch/index.tsx CHANGED Viewed

@@ -28,6 +28,7 @@ const styles = StyleSheet.create({
   },
   text: {
     color: colors.foreground,
+    flexGrow: 1,
     userSelect: 'none',
   },
   track: {

package/src/universal/Text/index.tsx CHANGED Viewed

@@ -4,8 +4,8 @@ import { useUniversalLifecycle } from '../hooks';
 import type { TextProps } from './types';
 const styles = StyleSheet.create({
-  light: { color: '#000000' },
-  dark: { color: '#FFFFFF' },
+  light: { color: 'var(--expo-ui-foreground, #000000)' },
+  dark: { color: 'var(--expo-ui-foreground, #FFFFFF)' },
   hidden: { display: 'none' },
   disabled: { opacity: 0.5 },
 });

package/src/universal/webUtils.ts CHANGED Viewed

@@ -132,6 +132,10 @@ export const globalCss = css`
     }
   }
+  [data-theme='light'] {
+    ${lightVariables}
+  }
   [data-theme='dark'] {
     ${darkVariables}
   }

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.21/expo.modules.ui-58.0.21-sources.jar.md5 DELETED Viewed

	@@ -1 +0,0 @@
1	- 83ac1d8d00a142a3ffa834c4a6c1db65

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.21/expo.modules.ui-58.0.21-sources.jar.sha1 DELETED Viewed

	@@ -1 +0,0 @@
1	- 5d7c4fd251da7578f23af5102d539533aefb3e64

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.21/expo.modules.ui-58.0.21-sources.jar.sha256 DELETED Viewed

	@@ -1 +0,0 @@
1	- f9a24faad34f9f66bebcdde7d05a6cf72a8b4b9030819b80049de5084a694ef0

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.21/expo.modules.ui-58.0.21-sources.jar.sha512 DELETED Viewed

	@@ -1 +0,0 @@
1	- 10ed672c04082cf5f06e6ca6dca0f28229f11f3d503d46e5b61dbc7d3ad50bfdc1399838dd38dc5b8c1643ec375c4bf1672c95606ce28f7ed36384f66b829b68

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.21/expo.modules.ui-58.0.21.aar DELETED Viewed

Binary file

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.21/expo.modules.ui-58.0.21.aar.md5 DELETED Viewed

	@@ -1 +0,0 @@
1	- 485ed53072102e73937c25dae52b054c

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.21/expo.modules.ui-58.0.21.aar.sha1 DELETED Viewed

	@@ -1 +0,0 @@
1	- 0a7945dfaec70218a5a6ed678049dd831dde7c23

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.21/expo.modules.ui-58.0.21.aar.sha256 DELETED Viewed

	@@ -1 +0,0 @@
1	- 83f788f94510400d5695ee901721e3cef284309da751b00c9df7eeb8e4fdd5ca

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.21/expo.modules.ui-58.0.21.aar.sha512 DELETED Viewed

	@@ -1 +0,0 @@
1	- 61d884b5f7528ac4d2791cebbdc45eefa1bfaf4eca17faf37b322a58a5670b042b1096a860bba051adb4a9d95334f227a9ea8f69473289d7a7725ea2600d7c48

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.21/expo.modules.ui-58.0.21.module.md5 DELETED Viewed

	@@ -1 +0,0 @@
1	- 8fcf066c38977392c25464211134215f

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.21/expo.modules.ui-58.0.21.module.sha1 DELETED Viewed

	@@ -1 +0,0 @@
1	- aa7bf9c6ba26b5b17ed01fee30da4bebcccc3a30

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.21/expo.modules.ui-58.0.21.module.sha256 DELETED Viewed

	@@ -1 +0,0 @@
1	- 40b983bbed71d40341901a69d3ccb11f05df376770fdf645d690adcdc2ecb2ad

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.21/expo.modules.ui-58.0.21.module.sha512 DELETED Viewed

	@@ -1 +0,0 @@
1	- d99293cea982f3bb6bd43ced68122e957b7de2fe6462e340d3a712220a05102f2c399896100844629fbaf9e4676005d0f5975d27b35066d4b1714a40ba160e22

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.21/expo.modules.ui-58.0.21.pom.md5 DELETED Viewed

	@@ -1 +0,0 @@
1	- 5eeba624939deea1d7fb87fe510557ae

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.21/expo.modules.ui-58.0.21.pom.sha1 DELETED Viewed

	@@ -1 +0,0 @@
1	- 326c7b1245711c1546f6cff3d3b43a8d0055a7d5

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.21/expo.modules.ui-58.0.21.pom.sha256 DELETED Viewed

	@@ -1 +0,0 @@
1	- 6f11e59da1bd0114fa50e832c7adb7f64651956a13e2989218f3f24b5e210b63

package/local-maven-repo/expo/modules/ui/expo.modules.ui/58.0.21/expo.modules.ui-58.0.21.pom.sha512 DELETED Viewed

	@@ -1 +0,0 @@
1	- d469c3b770e3c8135b80e503922da3361b5eb101d722a3cb92fa2602585c37938a0bc8096a6e1735e4d7d8612dcc46b7eb486816780a49a62531c58f48c7d3be