jfs-components 0.0.52 → 0.0.54
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.
- package/lib/commonjs/components/Drawer/Drawer.js +3 -1
- package/lib/commonjs/components/Section/Section.js +6 -2
- package/lib/commonjs/icons/registry.js +1 -1
- package/lib/module/components/Drawer/Drawer.js +4 -2
- package/lib/module/components/Section/Section.js +7 -3
- package/lib/module/icons/registry.js +1 -1
- package/lib/typescript/src/icons/registry.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/Drawer/Drawer.tsx +2 -2
- package/src/components/Section/Section.tsx +3 -3
- package/src/icons/registry.ts +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useCallback, useEffect, useState, useRef } from 'react';
|
|
4
|
-
import { StyleSheet, Text, useWindowDimensions, View } from 'react-native';
|
|
4
|
+
import { Platform, StyleSheet, Text, useWindowDimensions, View } from 'react-native';
|
|
5
5
|
import { Gesture, GestureDetector, GestureHandlerRootView, ScrollView } from 'react-native-gesture-handler';
|
|
6
6
|
import Animated, { runOnJS, useAnimatedProps, useAnimatedScrollHandler, useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
|
|
7
7
|
import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
|
|
@@ -258,7 +258,9 @@ function Drawer({
|
|
|
258
258
|
rowGap: drawerGap
|
|
259
259
|
}, sheetStyle, animatedStyle],
|
|
260
260
|
accessible: true,
|
|
261
|
-
|
|
261
|
+
...(Platform.OS === 'web' ? {
|
|
262
|
+
accessibilityRole: 'dialog'
|
|
263
|
+
} : undefined),
|
|
262
264
|
accessibilityLabel: undefined,
|
|
263
265
|
accessibilityHint: accessibilityHint || 'Swipe up to expand, swipe down to collapse',
|
|
264
266
|
children: [/*#__PURE__*/_jsx(View, {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useState } from 'react';
|
|
4
|
-
import { View, Text, Pressable } from 'react-native';
|
|
4
|
+
import { View, Text, Pressable, Platform } from 'react-native';
|
|
5
5
|
import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
|
|
6
6
|
import NavArrow from '../NavArrow/NavArrow';
|
|
7
7
|
import { usePressableWebSupport } from '../../utils/web-platform-utils';
|
|
@@ -152,7 +152,9 @@ function Section({
|
|
|
152
152
|
});
|
|
153
153
|
return /*#__PURE__*/_jsxs(View, {
|
|
154
154
|
style: [containerStyle, style],
|
|
155
|
-
|
|
155
|
+
...(Platform.OS === 'web' ? {
|
|
156
|
+
accessibilityRole: 'region'
|
|
157
|
+
} : undefined),
|
|
156
158
|
accessibilityLabel: undefined,
|
|
157
159
|
accessibilityHint: accessibilityHint,
|
|
158
160
|
...rest,
|
|
@@ -252,7 +254,9 @@ function SectionBento({
|
|
|
252
254
|
const processedUpiSlot = upiSlot ? cloneChildrenWithModes(React.Children.toArray(upiSlot), modes) : null;
|
|
253
255
|
return /*#__PURE__*/_jsxs(View, {
|
|
254
256
|
style: [containerStyle, style],
|
|
255
|
-
|
|
257
|
+
...(Platform.OS === 'web' ? {
|
|
258
|
+
accessibilityRole: 'region'
|
|
259
|
+
} : undefined),
|
|
256
260
|
accessibilityLabel: undefined,
|
|
257
261
|
accessibilityHint: accessibilityHint,
|
|
258
262
|
...rest,
|