@ledgerhq/lumen-ui-rnative 0.1.9 → 0.1.11
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/dist/module/lib/Components/AmountInput/AmountInput.js +16 -10
- package/dist/module/lib/Components/AmountInput/AmountInput.js.map +1 -1
- package/dist/module/lib/Components/BaseInput/BaseInput.js +15 -8
- package/dist/module/lib/Components/BaseInput/BaseInput.js.map +1 -1
- package/dist/module/lib/Components/Button/BaseButton.js +8 -1
- package/dist/module/lib/Components/Button/BaseButton.js.map +1 -1
- package/dist/module/lib/Components/Card/Card.js +45 -49
- package/dist/module/lib/Components/Card/Card.js.map +1 -1
- package/dist/module/lib/Components/CardButton/CardButton.js +8 -1
- package/dist/module/lib/Components/CardButton/CardButton.js.map +1 -1
- package/dist/module/lib/Components/Checkbox/Checkbox.js +8 -1
- package/dist/module/lib/Components/Checkbox/Checkbox.js.map +1 -1
- package/dist/module/lib/Components/InteractiveIcon/InteractiveIcon.js +10 -3
- package/dist/module/lib/Components/InteractiveIcon/InteractiveIcon.js.map +1 -1
- package/dist/module/lib/Components/Label/Label.js +9 -2
- package/dist/module/lib/Components/Label/Label.js.map +1 -1
- package/dist/module/lib/Components/ListItem/ListItem.js +14 -19
- package/dist/module/lib/Components/ListItem/ListItem.js.map +1 -1
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.js +8 -1
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/module/lib/Components/Select/Select.js +8 -1
- package/dist/module/lib/Components/Select/Select.js.map +1 -1
- package/dist/module/lib/Components/Spot/Spot.js +4 -4
- package/dist/module/lib/Components/Spot/Spot.js.map +1 -1
- package/dist/module/lib/Components/Stepper/Stepper.js +9 -3
- package/dist/module/lib/Components/Stepper/Stepper.js.map +1 -1
- package/dist/module/lib/Components/Subheader/Subheader.js +1 -34
- package/dist/module/lib/Components/Subheader/Subheader.js.map +1 -1
- package/dist/module/lib/Components/Subheader/Subheader.mdx +26 -61
- package/dist/module/lib/Components/Subheader/Subheader.stories.js +23 -12
- package/dist/module/lib/Components/Subheader/Subheader.stories.js.map +1 -1
- package/dist/module/lib/Components/Subheader/Subheader.test.js +2 -26
- package/dist/module/lib/Components/Subheader/Subheader.test.js.map +1 -1
- package/dist/module/lib/Components/Subheader/index.js +1 -1
- package/dist/module/lib/Components/Subheader/index.js.map +1 -1
- package/dist/module/lib/Components/Switch/Switch.js +8 -1
- package/dist/module/lib/Components/Switch/Switch.js.map +1 -1
- package/dist/module/lib/Components/TabBar/TabBar.js +4 -3
- package/dist/module/lib/Components/TabBar/TabBar.js.map +1 -1
- package/dist/module/lib/Components/Tag/Tag.js +9 -2
- package/dist/module/lib/Components/Tag/Tag.js.map +1 -1
- package/dist/module/lib/Components/Tile/Tile.js +27 -48
- package/dist/module/lib/Components/Tile/Tile.js.map +1 -1
- package/dist/module/lib/Components/Tile/Tile.mdx +34 -26
- package/dist/module/lib/Components/Tile/Tile.stories.js +31 -28
- package/dist/module/lib/Components/Tile/Tile.stories.js.map +1 -1
- package/dist/module/lib/Components/Tile/Tile.test.js +33 -188
- package/dist/module/lib/Components/Tile/Tile.test.js.map +1 -1
- package/dist/module/lib/Components/Tile/index.js +1 -1
- package/dist/module/lib/Components/Tile/index.js.map +1 -1
- package/dist/module/lib/Components/TileButton/TileButton.js +8 -2
- package/dist/module/lib/Components/TileButton/TileButton.js.map +1 -1
- package/dist/typescript/src/lib/Components/AmountInput/AmountInput.d.ts +1 -1
- package/dist/typescript/src/lib/Components/AmountInput/AmountInput.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/BaseInput/BaseInput.d.ts +1 -1
- package/dist/typescript/src/lib/Components/BaseInput/BaseInput.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Button/BaseButton.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Button/BaseButton.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Card/Card.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Card/types.d.ts +1 -3
- package/dist/typescript/src/lib/Components/Card/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/CardButton/CardButton.d.ts +1 -1
- package/dist/typescript/src/lib/Components/CardButton/CardButton.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/InteractiveIcon/InteractiveIcon.d.ts +1 -1
- package/dist/typescript/src/lib/Components/InteractiveIcon/InteractiveIcon.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/InteractiveIcon/types.d.ts +6 -1
- package/dist/typescript/src/lib/Components/InteractiveIcon/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Label/Label.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Label/Label.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/ListItem/ListItem.d.ts +1 -1
- package/dist/typescript/src/lib/Components/ListItem/ListItem.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/SegmentedControl/SegmentedControl.d.ts +1 -1
- package/dist/typescript/src/lib/Components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/SegmentedControl/SegmentedControlContext.d.ts +1 -1
- package/dist/typescript/src/lib/Components/SegmentedControl/SegmentedControlContext.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Select/Select.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Select/Select.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Stepper/Stepper.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Stepper/Stepper.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Subheader/Subheader.d.ts +2 -7
- package/dist/typescript/src/lib/Components/Subheader/Subheader.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Subheader/index.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Subheader/index.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Subheader/types.d.ts +1 -11
- package/dist/typescript/src/lib/Components/Subheader/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Switch/Switch.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Switch/Switch.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/TabBar/TabBar.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Tag/Tag.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Tag/Tag.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Tile/Tile.d.ts +17 -23
- package/dist/typescript/src/lib/Components/Tile/Tile.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Tile/index.d.ts +1 -1
- package/dist/typescript/src/lib/Components/Tile/index.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Tile/types.d.ts +0 -9
- package/dist/typescript/src/lib/Components/Tile/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/TileButton/TileButton.d.ts +1 -1
- package/dist/typescript/src/lib/Components/TileButton/TileButton.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/lib/Components/AmountInput/AmountInput.tsx +15 -7
- package/src/lib/Components/BaseInput/BaseInput.tsx +12 -7
- package/src/lib/Components/Button/BaseButton.tsx +6 -1
- package/src/lib/Components/Card/Card.tsx +45 -50
- package/src/lib/Components/Card/types.ts +1 -4
- package/src/lib/Components/CardButton/CardButton.tsx +7 -1
- package/src/lib/Components/Checkbox/Checkbox.tsx +7 -1
- package/src/lib/Components/InteractiveIcon/InteractiveIcon.tsx +8 -3
- package/src/lib/Components/InteractiveIcon/types.ts +6 -1
- package/src/lib/Components/Label/Label.tsx +7 -2
- package/src/lib/Components/ListItem/ListItem.tsx +15 -12
- package/src/lib/Components/SegmentedControl/SegmentedControl.tsx +6 -1
- package/src/lib/Components/SegmentedControl/SegmentedControlContext.tsx +1 -1
- package/src/lib/Components/Select/Select.tsx +6 -1
- package/src/lib/Components/Spot/Spot.tsx +4 -4
- package/src/lib/Components/Stepper/Stepper.tsx +9 -2
- package/src/lib/Components/Subheader/Subheader.mdx +26 -61
- package/src/lib/Components/Subheader/Subheader.stories.tsx +16 -10
- package/src/lib/Components/Subheader/Subheader.test.tsx +0 -22
- package/src/lib/Components/Subheader/Subheader.tsx +1 -42
- package/src/lib/Components/Subheader/index.ts +0 -1
- package/src/lib/Components/Subheader/types.ts +1 -16
- package/src/lib/Components/Switch/Switch.tsx +6 -1
- package/src/lib/Components/TabBar/TabBar.tsx +5 -2
- package/src/lib/Components/Tag/Tag.tsx +7 -2
- package/src/lib/Components/Tile/Tile.mdx +34 -26
- package/src/lib/Components/Tile/Tile.stories.tsx +26 -26
- package/src/lib/Components/Tile/Tile.test.tsx +17 -137
- package/src/lib/Components/Tile/Tile.tsx +28 -40
- package/src/lib/Components/Tile/index.ts +0 -1
- package/src/lib/Components/Tile/types.ts +0 -11
- package/src/lib/Components/TileButton/TileButton.tsx +9 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useDisabledContext","useMemo","StyleSheet","Text","useStyleSheet","BluetoothCircleFill","CheckmarkCircleFill","DeleteCircleFill","InformationFill","WarningFill","Spinner","Box","jsx","_jsx","BLUETOOTH_COLOR","iconSizeMap","spotSizeMap","numberTypographyMap","useStyles","size","appearance","disabled","t","colorMap","icon","colors","text","base","bluetooth","check","success","error","warning","info","muted","loader","number","spotSize","typography","typographies","contentColor","root","alignItems","justifyContent","borderRadius","full","backgroundColor","bg","mutedTransparent","width","height","color","numberText","flatten","Spot","props","lx","style","rest","
|
|
1
|
+
{"version":3,"names":["useDisabledContext","useMemo","StyleSheet","Text","useStyleSheet","BluetoothCircleFill","CheckmarkCircleFill","DeleteCircleFill","InformationFill","WarningFill","Spinner","Box","jsx","_jsx","BLUETOOTH_COLOR","iconSizeMap","spotSizeMap","numberTypographyMap","useStyles","size","appearance","disabled","t","colorMap","icon","colors","text","base","bluetooth","check","success","error","warning","info","muted","loader","number","spotSize","typography","typographies","contentColor","root","alignItems","justifyContent","borderRadius","full","backgroundColor","bg","mutedTransparent","width","height","color","numberText","flatten","Spot","props","disabledProp","lx","style","rest","consumerName","mergeWith","styles","calculatedIconSize","content","Icon","children","testID"],"sourceRoot":"../../../../../src","sources":["lib/Components/Spot/Spot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { getStepperCalculations } from '@ledgerhq/lumen-utils-shared';
|
|
3
|
+
import { getStepperCalculations, useDisabledContext } from '@ledgerhq/lumen-utils-shared';
|
|
4
4
|
import { useEffect } from 'react';
|
|
5
5
|
import Animated, { cancelAnimation, useAnimatedProps, useSharedValue, withTiming } from 'react-native-reanimated';
|
|
6
6
|
import Svg, { Circle } from 'react-native-svg';
|
|
@@ -16,7 +16,7 @@ const AnimatedCircle = Animated.createAnimatedComponent(Circle);
|
|
|
16
16
|
const _worklet_3381650496170_init_data = {
|
|
17
17
|
code: "function StepperTsx1(){const{animatedOffset}=this.__closure;return{strokeDashoffset:animatedOffset.value};}",
|
|
18
18
|
location: "/home/runner/work/lumen/lumen/libs/ui-rnative/src/lib/Components/Stepper/Stepper.tsx",
|
|
19
|
-
sourceMap: "{\"version\":3,\"names\":[\"StepperTsx1\",\"animatedOffset\",\"__closure\",\"strokeDashoffset\",\"value\"],\"sources\":[\"/home/runner/work/lumen/lumen/libs/ui-rnative/src/lib/Components/Stepper/Stepper.tsx\"],\"mappings\":\"
|
|
19
|
+
sourceMap: "{\"version\":3,\"names\":[\"StepperTsx1\",\"animatedOffset\",\"__closure\",\"strokeDashoffset\",\"value\"],\"sources\":[\"/home/runner/work/lumen/lumen/libs/ui-rnative/src/lib/Components/Stepper/Stepper.tsx\"],\"mappings\":\"AAyCI,SAAAA,YAAA,QAAAC,cAAA,OAAAC,SAAA,OAAO,CACLC,gBAAgB,CAAEF,cAAc,CAACG,KACnC,CAAC\",\"ignoreList\":[]}"
|
|
20
20
|
};
|
|
21
21
|
const useAnimatedProgress = ({
|
|
22
22
|
progressDashOffset
|
|
@@ -67,11 +67,17 @@ export const Stepper = ({
|
|
|
67
67
|
lx = {},
|
|
68
68
|
currentStep,
|
|
69
69
|
totalSteps,
|
|
70
|
-
disabled = false,
|
|
70
|
+
disabled: disabledProp = false,
|
|
71
71
|
label,
|
|
72
72
|
ref,
|
|
73
73
|
...props
|
|
74
74
|
}) => {
|
|
75
|
+
const disabled = useDisabledContext({
|
|
76
|
+
consumerName: 'Stepper',
|
|
77
|
+
mergeWith: {
|
|
78
|
+
disabled: disabledProp
|
|
79
|
+
}
|
|
80
|
+
});
|
|
75
81
|
const {
|
|
76
82
|
t
|
|
77
83
|
} = useCommonTranslation();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getStepperCalculations","useEffect","Animated","cancelAnimation","useAnimatedProps","useSharedValue","withTiming","Svg","Circle","useCommonTranslation","useTheme","useTimingConfig","Box","Text","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SIZE","STROKE_WIDTH","AnimatedCircle","createAnimatedComponent","_worklet_3381650496170_init_data","code","location","sourceMap","useAnimatedProgress","progressDashOffset","animatedOffset","timingConfig","duration","easing","value","animatedProgress","StepperTsx1Factory","_e","global","Error","StepperTsx1","strokeDashoffset","__closure","__workletHash","__pluginVersion","__initData","__stackDetails","Stepper","lx","currentStep","totalSteps","disabled","label","ref","props","t","theme","displayLabel","r","cx","cy","trackDashArray","progressDashArray","size","strokeWidth","accessibilityRole","accessibilityValue","now","min","max","text","accessibilityLabel","Math","width","height","flexShrink","alignItems","justifyContent","borderRadius","children","viewBox","style","transform","rotate","fill","stroke","colors","border","mutedSubtle","strokeLinecap","strokeDasharray","mutedSubtleHover","active","animatedProps","position","flexDirection","top","left","right","bottom","typography","color","displayName"],"sourceRoot":"../../../../../src","sources":["lib/Components/Stepper/Stepper.tsx"],"mappings":";;AAAA,
|
|
1
|
+
{"version":3,"names":["getStepperCalculations","useDisabledContext","useEffect","Animated","cancelAnimation","useAnimatedProps","useSharedValue","withTiming","Svg","Circle","useCommonTranslation","useTheme","useTimingConfig","Box","Text","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SIZE","STROKE_WIDTH","AnimatedCircle","createAnimatedComponent","_worklet_3381650496170_init_data","code","location","sourceMap","useAnimatedProgress","progressDashOffset","animatedOffset","timingConfig","duration","easing","value","animatedProgress","StepperTsx1Factory","_e","global","Error","StepperTsx1","strokeDashoffset","__closure","__workletHash","__pluginVersion","__initData","__stackDetails","Stepper","lx","currentStep","totalSteps","disabled","disabledProp","label","ref","props","consumerName","mergeWith","t","theme","displayLabel","r","cx","cy","trackDashArray","progressDashArray","size","strokeWidth","accessibilityRole","accessibilityValue","now","min","max","text","accessibilityLabel","Math","width","height","flexShrink","alignItems","justifyContent","borderRadius","children","viewBox","style","transform","rotate","fill","stroke","colors","border","mutedSubtle","strokeLinecap","strokeDasharray","mutedSubtleHover","active","animatedProps","position","flexDirection","top","left","right","bottom","typography","color","displayName"],"sourceRoot":"../../../../../src","sources":["lib/Components/Stepper/Stepper.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -164,39 +164,6 @@ export const SubheaderDescription = ({
|
|
|
164
164
|
});
|
|
165
165
|
};
|
|
166
166
|
|
|
167
|
-
/**
|
|
168
|
-
* Action component for the Subheader. Displays an interactive text button.
|
|
169
|
-
* Automatically positions itself at the end of the row using marginLeft: 'auto'.
|
|
170
|
-
*/
|
|
171
|
-
export const SubheaderAction = ({
|
|
172
|
-
children,
|
|
173
|
-
onPress,
|
|
174
|
-
lx,
|
|
175
|
-
style,
|
|
176
|
-
...props
|
|
177
|
-
}) => {
|
|
178
|
-
const styles = useStyleSheet(t => ({
|
|
179
|
-
container: {
|
|
180
|
-
flexShrink: 0,
|
|
181
|
-
marginLeft: 'auto',
|
|
182
|
-
paddingLeft: t.spacings.s8
|
|
183
|
-
},
|
|
184
|
-
text: StyleSheet.flatten([t.typographies.body2, {
|
|
185
|
-
color: t.colors.text.interactive
|
|
186
|
-
}])
|
|
187
|
-
}), []);
|
|
188
|
-
return /*#__PURE__*/_jsx(Pressable, {
|
|
189
|
-
lx: lx,
|
|
190
|
-
onPress: onPress,
|
|
191
|
-
style: [styles.container, style],
|
|
192
|
-
...props,
|
|
193
|
-
children: /*#__PURE__*/_jsx(Text, {
|
|
194
|
-
style: styles.text,
|
|
195
|
-
children: children
|
|
196
|
-
})
|
|
197
|
-
});
|
|
198
|
-
};
|
|
199
|
-
|
|
200
167
|
/**
|
|
201
168
|
* A subheader component for displaying section titles with optional count, hints, descriptions, and action elements.
|
|
202
169
|
* Uses a composable API where you explicitly nest sub-components to define the layout.
|
|
@@ -225,7 +192,7 @@ export const SubheaderAction = ({
|
|
|
225
192
|
* </Subheader>
|
|
226
193
|
*
|
|
227
194
|
* @example
|
|
228
|
-
* // Interactive row
|
|
195
|
+
* // Interactive row
|
|
229
196
|
* <Subheader>
|
|
230
197
|
* <SubheaderRow onPress={handleClick}>
|
|
231
198
|
* <SubheaderTitle>Accounts</SubheaderTitle>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","useStyleSheet","ChevronRight","Information","InteractiveIcon","Box","Pressable","Text","jsx","_jsx","SubheaderTitle","children","lx","style","props","styles","t","title","flatten","typographies","heading4SemiBold","flexShrink","color","colors","text","base","numberOfLines","ellipsizeMode","SubheaderRow","onPress","container","width","flexDirection","alignItems","gap","spacings","s4","mergedStyle","SubheaderCount","value","format","formatted","count","body2","muted","SubheaderInfo","iconType","accessibilityLabel","size","SubheaderShowMore","justifyContent","icon","SubheaderDescription","description","body3","
|
|
1
|
+
{"version":3,"names":["StyleSheet","useStyleSheet","ChevronRight","Information","InteractiveIcon","Box","Pressable","Text","jsx","_jsx","SubheaderTitle","children","lx","style","props","styles","t","title","flatten","typographies","heading4SemiBold","flexShrink","color","colors","text","base","numberOfLines","ellipsizeMode","SubheaderRow","onPress","container","width","flexDirection","alignItems","gap","spacings","s4","mergedStyle","SubheaderCount","value","format","formatted","count","body2","muted","SubheaderInfo","iconType","accessibilityLabel","size","SubheaderShowMore","justifyContent","icon","SubheaderDescription","description","body3","Subheader"],"sourceRoot":"../../../../../src","sources":["lib/Components/Subheader/Subheader.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,7 +9,6 @@ import {
|
|
|
9
9
|
SubheaderInfo,
|
|
10
10
|
SubheaderShowMore,
|
|
11
11
|
SubheaderDescription,
|
|
12
|
-
SubheaderAction,
|
|
13
12
|
} from './Subheader';
|
|
14
13
|
import {
|
|
15
14
|
CustomTabs,
|
|
@@ -29,7 +28,7 @@ import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/Com
|
|
|
29
28
|
|
|
30
29
|
## Introduction
|
|
31
30
|
|
|
32
|
-
Subheaders are section headers that provide context and organization to content blocks. They use a composite component pattern that provides full flexibility over layout and content through composable sub-components.
|
|
31
|
+
Subheaders are section headers that provide context and organization to content blocks. They use a composite component pattern that provides full flexibility over layout and content through composable sub-components. The right-side action slot (`SubheaderAction`) has been removed to simplify the API.
|
|
33
32
|
|
|
34
33
|
> View in [Figma](https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=your-node-id).
|
|
35
34
|
|
|
@@ -46,7 +45,6 @@ The Subheader uses a composite structure with the following components:
|
|
|
46
45
|
- **SubheaderShowMore**: Static chevron right icon to indicate expandable content, positioned after the count (optional)
|
|
47
46
|
- **SubheaderInfo**: Information icon that can be wrapped in tooltips or bottom sheets (optional)
|
|
48
47
|
- **SubheaderDescription**: Additional descriptive text below the row (optional)
|
|
49
|
-
- **SubheaderAction**: Container for action elements, positioned at the far right (optional)
|
|
50
48
|
|
|
51
49
|
## Properties
|
|
52
50
|
|
|
@@ -67,9 +65,9 @@ Use the info icon to provide contextual help:
|
|
|
67
65
|
|
|
68
66
|
<Canvas of={SubheaderStories.WithInfoIcon} />
|
|
69
67
|
|
|
70
|
-
### With
|
|
68
|
+
### With action (layout)
|
|
71
69
|
|
|
72
|
-
|
|
70
|
+
You can add an action by placing a Link in a flex row aligned with the title row.
|
|
73
71
|
|
|
74
72
|
<Canvas of={SubheaderStories.WithAction} />
|
|
75
73
|
|
|
@@ -79,7 +77,6 @@ Use actions for quick access to related functionality:
|
|
|
79
77
|
> - Title truncates with ellipsis when too long for the available space
|
|
80
78
|
> - Count, hint, and action elements maintain their positions
|
|
81
79
|
> - Uses flex layout for responsive arrangement
|
|
82
|
-
> - Action elements are positioned at the far right using `marginLeft: 'auto'`
|
|
83
80
|
|
|
84
81
|
## Accessibility
|
|
85
82
|
|
|
@@ -208,27 +205,39 @@ function InfoExample() {
|
|
|
208
205
|
}
|
|
209
206
|
```
|
|
210
207
|
|
|
211
|
-
### With
|
|
208
|
+
### With action (layout pattern)
|
|
212
209
|
|
|
213
|
-
|
|
210
|
+
Add an action by placing a Link in a flex row aligned with the title:
|
|
214
211
|
|
|
215
212
|
```tsx
|
|
216
213
|
import {
|
|
217
214
|
Subheader,
|
|
218
215
|
SubheaderRow,
|
|
219
216
|
SubheaderTitle,
|
|
220
|
-
|
|
217
|
+
SubheaderDescription,
|
|
218
|
+
Link,
|
|
221
219
|
} from '@ledgerhq/lumen-ui-rnative';
|
|
220
|
+
import { View } from 'react-native';
|
|
222
221
|
|
|
223
|
-
function
|
|
222
|
+
function WithActionExample() {
|
|
224
223
|
return (
|
|
225
224
|
<Subheader>
|
|
226
|
-
<
|
|
227
|
-
<
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
225
|
+
<View style={{ flexDirection: 'row', alignItems: 'center', gap: 24 }}>
|
|
226
|
+
<SubheaderRow style={{ flex: 1, minWidth: 0 }}>
|
|
227
|
+
<SubheaderTitle>Recent Activity</SubheaderTitle>
|
|
228
|
+
</SubheaderRow>
|
|
229
|
+
<Link
|
|
230
|
+
onPress={() => {}}
|
|
231
|
+
appearance="accent"
|
|
232
|
+
size="sm"
|
|
233
|
+
underline={false}
|
|
234
|
+
>
|
|
235
|
+
View all
|
|
236
|
+
</Link>
|
|
237
|
+
</View>
|
|
238
|
+
<SubheaderDescription>
|
|
239
|
+
Place the action link in a flex layout beside the subheader
|
|
240
|
+
</SubheaderDescription>
|
|
232
241
|
</Subheader>
|
|
233
242
|
);
|
|
234
243
|
}
|
|
@@ -303,7 +312,7 @@ function InteractiveExample() {
|
|
|
303
312
|
|
|
304
313
|
### Combining Multiple Options
|
|
305
314
|
|
|
306
|
-
You can combine different components as needed. The `SubheaderRow` and `SubheaderTitle` are required, while all other components (`SubheaderCount`, `SubheaderInfo`, `SubheaderDescription
|
|
315
|
+
You can combine different components as needed. The `SubheaderRow` and `SubheaderTitle` are required, while all other components (`SubheaderCount`, `SubheaderInfo`, `SubheaderDescription`) are optional:
|
|
307
316
|
|
|
308
317
|
```tsx
|
|
309
318
|
import {
|
|
@@ -313,7 +322,6 @@ import {
|
|
|
313
322
|
SubheaderCount,
|
|
314
323
|
SubheaderInfo,
|
|
315
324
|
SubheaderDescription,
|
|
316
|
-
SubheaderAction,
|
|
317
325
|
Tooltip,
|
|
318
326
|
TooltipTrigger,
|
|
319
327
|
TooltipContent,
|
|
@@ -332,9 +340,6 @@ function FullExample() {
|
|
|
332
340
|
</TooltipTrigger>
|
|
333
341
|
<TooltipContent content={<Text>Additional info</Text>} />
|
|
334
342
|
</Tooltip>
|
|
335
|
-
<SubheaderAction onPress={() => console.log('Action clicked')}>
|
|
336
|
-
Action
|
|
337
|
-
</SubheaderAction>
|
|
338
343
|
</SubheaderRow>
|
|
339
344
|
<SubheaderDescription>
|
|
340
345
|
This is a detailed description of the section.
|
|
@@ -435,46 +440,6 @@ The following guidelines ensure consistent usage of the Subheader component and
|
|
|
435
440
|
|
|
436
441
|
</DoVsDontRow>
|
|
437
442
|
|
|
438
|
-
<DoVsDontRow>
|
|
439
|
-
<DoBlockItem
|
|
440
|
-
title='Use Action in Row with onPress'
|
|
441
|
-
description='Action should have an onPress handler and be placed in Row for right alignment'
|
|
442
|
-
>
|
|
443
|
-
|
|
444
|
-
{/* prettier-ignore */}
|
|
445
|
-
```tsx
|
|
446
|
-
<Subheader>
|
|
447
|
-
<SubheaderRow>
|
|
448
|
-
<SubheaderTitle>Title</SubheaderTitle>
|
|
449
|
-
<SubheaderAction onPress={handleAction}>
|
|
450
|
-
Action
|
|
451
|
-
</SubheaderAction>
|
|
452
|
-
</SubheaderRow>
|
|
453
|
-
</Subheader>
|
|
454
|
-
```
|
|
455
|
-
|
|
456
|
-
</DoBlockItem>
|
|
457
|
-
<DontBlockItem
|
|
458
|
-
title="Don't place Action outside Row"
|
|
459
|
-
description='Action must be inside SubheaderRow for proper positioning'
|
|
460
|
-
>
|
|
461
|
-
|
|
462
|
-
{/* prettier-ignore */}
|
|
463
|
-
```tsx
|
|
464
|
-
<Subheader>
|
|
465
|
-
<SubheaderRow>
|
|
466
|
-
<SubheaderTitle>Title</SubheaderTitle>
|
|
467
|
-
</SubheaderRow>
|
|
468
|
-
<SubheaderAction onPress={handleAction}>
|
|
469
|
-
Action
|
|
470
|
-
</SubheaderAction>
|
|
471
|
-
</Subheader>
|
|
472
|
-
```
|
|
473
|
-
|
|
474
|
-
</DontBlockItem>
|
|
475
|
-
|
|
476
|
-
</DoVsDontRow>
|
|
477
|
-
|
|
478
443
|
<DoVsDontRow>
|
|
479
444
|
<DoBlockItem
|
|
480
445
|
title='Use lx for layout adjustments only'
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { View, Text } from 'react-native';
|
|
5
|
+
import { Link } from "../Link/index.js";
|
|
5
6
|
import { Tooltip, TooltipTrigger, TooltipContent } from "../Tooltip/index.js";
|
|
6
|
-
import { Subheader, SubheaderRow, SubheaderTitle, SubheaderCount, SubheaderInfo, SubheaderShowMore, SubheaderDescription
|
|
7
|
+
import { Subheader, SubheaderRow, SubheaderTitle, SubheaderCount, SubheaderInfo, SubheaderShowMore, SubheaderDescription } from "./Subheader.js";
|
|
7
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
9
|
const Container = ({
|
|
9
10
|
children
|
|
@@ -11,7 +12,7 @@ const Container = ({
|
|
|
11
12
|
style: {
|
|
12
13
|
padding: 8,
|
|
13
14
|
backgroundColor: '#ffffff',
|
|
14
|
-
width:
|
|
15
|
+
width: 400
|
|
15
16
|
},
|
|
16
17
|
children: children
|
|
17
18
|
});
|
|
@@ -24,8 +25,7 @@ const meta = {
|
|
|
24
25
|
SubheaderDescription,
|
|
25
26
|
SubheaderCount,
|
|
26
27
|
SubheaderInfo,
|
|
27
|
-
SubheaderShowMore
|
|
28
|
-
SubheaderAction
|
|
28
|
+
SubheaderShowMore
|
|
29
29
|
},
|
|
30
30
|
decorators: [Story => /*#__PURE__*/_jsx(Container, {
|
|
31
31
|
children: /*#__PURE__*/_jsx(Story, {})
|
|
@@ -78,18 +78,29 @@ export const WithInfoIcon = {
|
|
|
78
78
|
};
|
|
79
79
|
export const WithAction = {
|
|
80
80
|
render: () => /*#__PURE__*/_jsxs(Subheader, {
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
81
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
82
|
+
style: {
|
|
83
|
+
flexDirection: 'row',
|
|
84
|
+
alignItems: 'center',
|
|
85
|
+
gap: 24
|
|
86
|
+
},
|
|
87
|
+
children: [/*#__PURE__*/_jsx(SubheaderRow, {
|
|
88
|
+
style: {
|
|
89
|
+
flex: 1,
|
|
90
|
+
minWidth: 0
|
|
91
|
+
},
|
|
92
|
+
children: /*#__PURE__*/_jsx(SubheaderTitle, {
|
|
93
|
+
children: "Recent Activity"
|
|
94
|
+
})
|
|
95
|
+
}), /*#__PURE__*/_jsx(Link, {
|
|
88
96
|
onPress: () => console.log('View all'),
|
|
97
|
+
appearance: "accent",
|
|
98
|
+
size: "sm",
|
|
99
|
+
underline: false,
|
|
89
100
|
children: "View all"
|
|
90
101
|
})]
|
|
91
102
|
}), /*#__PURE__*/_jsx(SubheaderDescription, {
|
|
92
|
-
children: "
|
|
103
|
+
children: "Place the action link in a flex layout beside the subheader"
|
|
93
104
|
})]
|
|
94
105
|
})
|
|
95
106
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","Tooltip","TooltipTrigger","TooltipContent","Subheader","SubheaderRow","SubheaderTitle","SubheaderCount","SubheaderInfo","SubheaderShowMore","SubheaderDescription","
|
|
1
|
+
{"version":3,"names":["React","View","Text","Link","Tooltip","TooltipTrigger","TooltipContent","Subheader","SubheaderRow","SubheaderTitle","SubheaderCount","SubheaderInfo","SubheaderShowMore","SubheaderDescription","jsx","_jsx","jsxs","_jsxs","Container","children","style","padding","backgroundColor","width","meta","component","title","subcomponents","decorators","Story","Base","render","InteractiveRow","onPress","console","log","value","WithInfoIcon","content","WithAction","flexDirection","alignItems","gap","flex","minWidth","appearance","size","underline"],"sourceRoot":"../../../../../src","sources":["lib/Components/Subheader/Subheader.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,7 +5,7 @@ import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
|
|
|
5
5
|
import { render, screen, fireEvent } from '@testing-library/react-native';
|
|
6
6
|
import React from 'react';
|
|
7
7
|
import { ThemeProvider } from "../ThemeProvider/ThemeProvider.js";
|
|
8
|
-
import { Subheader, SubheaderRow, SubheaderTitle, SubheaderCount, SubheaderInfo, SubheaderShowMore, SubheaderDescription
|
|
8
|
+
import { Subheader, SubheaderRow, SubheaderTitle, SubheaderCount, SubheaderInfo, SubheaderShowMore, SubheaderDescription } from "./Subheader.js";
|
|
9
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
10
|
const TestWrapper = ({
|
|
11
11
|
children
|
|
@@ -110,25 +110,6 @@ describe('Subheader', () => {
|
|
|
110
110
|
}));
|
|
111
111
|
expect(screen.getByText('This is a description')).toBeTruthy();
|
|
112
112
|
});
|
|
113
|
-
it('renders the action in row', () => {
|
|
114
|
-
const handlePress = jest.fn();
|
|
115
|
-
render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
116
|
-
children: /*#__PURE__*/_jsx(Subheader, {
|
|
117
|
-
children: /*#__PURE__*/_jsxs(SubheaderRow, {
|
|
118
|
-
children: [/*#__PURE__*/_jsx(SubheaderTitle, {
|
|
119
|
-
children: "Title"
|
|
120
|
-
}), /*#__PURE__*/_jsx(SubheaderAction, {
|
|
121
|
-
onPress: handlePress,
|
|
122
|
-
children: "Action"
|
|
123
|
-
})]
|
|
124
|
-
})
|
|
125
|
-
})
|
|
126
|
-
}));
|
|
127
|
-
const button = screen.getByText('Action');
|
|
128
|
-
expect(button).toBeTruthy();
|
|
129
|
-
fireEvent.press(button);
|
|
130
|
-
expect(handlePress).toHaveBeenCalledTimes(1);
|
|
131
|
-
});
|
|
132
113
|
it('renders interactive row with onPress', () => {
|
|
133
114
|
const handlePress = jest.fn();
|
|
134
115
|
render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
@@ -150,7 +131,6 @@ describe('Subheader', () => {
|
|
|
150
131
|
}
|
|
151
132
|
});
|
|
152
133
|
it('renders all components together', () => {
|
|
153
|
-
const handleAction = jest.fn();
|
|
154
134
|
render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
155
135
|
children: /*#__PURE__*/_jsxs(Subheader, {
|
|
156
136
|
children: [/*#__PURE__*/_jsxs(SubheaderRow, {
|
|
@@ -158,10 +138,7 @@ describe('Subheader', () => {
|
|
|
158
138
|
children: "Title"
|
|
159
139
|
}), /*#__PURE__*/_jsx(SubheaderCount, {
|
|
160
140
|
value: 42
|
|
161
|
-
}), /*#__PURE__*/_jsx(SubheaderInfo, {})
|
|
162
|
-
onPress: handleAction,
|
|
163
|
-
children: "Action"
|
|
164
|
-
})]
|
|
141
|
+
}), /*#__PURE__*/_jsx(SubheaderInfo, {})]
|
|
165
142
|
}), /*#__PURE__*/_jsx(SubheaderDescription, {
|
|
166
143
|
children: "Description text"
|
|
167
144
|
})]
|
|
@@ -169,7 +146,6 @@ describe('Subheader', () => {
|
|
|
169
146
|
}));
|
|
170
147
|
expect(screen.getByText('Title')).toBeTruthy();
|
|
171
148
|
expect(screen.getByText('(42)')).toBeTruthy();
|
|
172
|
-
expect(screen.getByText('Action')).toBeTruthy();
|
|
173
149
|
expect(screen.getByText('Description text')).toBeTruthy();
|
|
174
150
|
});
|
|
175
151
|
it('works without row wrapper', () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","render","screen","fireEvent","React","ThemeProvider","Subheader","SubheaderRow","SubheaderTitle","SubheaderCount","SubheaderInfo","SubheaderShowMore","SubheaderDescription","
|
|
1
|
+
{"version":3,"names":["describe","it","expect","jest","ledgerLiveThemes","render","screen","fireEvent","React","ThemeProvider","Subheader","SubheaderRow","SubheaderTitle","SubheaderCount","SubheaderInfo","SubheaderShowMore","SubheaderDescription","jsx","_jsx","jsxs","_jsxs","TestWrapper","children","themes","colorScheme","locale","getByText","toBeTruthy","value","format","n","handlePress","fn","onPress","row","parent","press","toHaveBeenCalledTimes"],"sourceRoot":"../../../../../src","sources":["lib/Components/Subheader/Subheader.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
export { Subheader, SubheaderRow, SubheaderTitle, SubheaderCount, SubheaderInfo, SubheaderShowMore, SubheaderDescription
|
|
3
|
+
export { Subheader, SubheaderRow, SubheaderTitle, SubheaderCount, SubheaderInfo, SubheaderShowMore, SubheaderDescription } from "./Subheader.js";
|
|
4
4
|
export * from "./types.js";
|
|
5
5
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Subheader","SubheaderRow","SubheaderTitle","SubheaderCount","SubheaderInfo","SubheaderShowMore","SubheaderDescription"
|
|
1
|
+
{"version":3,"names":["Subheader","SubheaderRow","SubheaderTitle","SubheaderCount","SubheaderInfo","SubheaderShowMore","SubheaderDescription"],"sourceRoot":"../../../../../src","sources":["lib/Components/Subheader/index.ts"],"mappings":";;AAAA,SACEA,SAAS,EACTC,YAAY,EACZC,cAAc,EACdC,cAAc,EACdC,aAAa,EACbC,iBAAiB,EACjBC,oBAAoB,QACf,gBAAa;AACpB,cAAc,YAAS","ignoreList":[]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { useDisabledContext } from '@ledgerhq/lumen-utils-shared';
|
|
3
4
|
import { useControllableState } from "../../utils/index.js";
|
|
4
5
|
import { Pressable } from "../Utility/index.js";
|
|
5
6
|
import { BaseSwitchThumb, BaseSwitchRoot } from "./BaseSwitch.js";
|
|
@@ -33,11 +34,17 @@ export const Switch = ({
|
|
|
33
34
|
checked: checkedProp,
|
|
34
35
|
onCheckedChange: onCheckedChangeProp,
|
|
35
36
|
defaultChecked = false,
|
|
36
|
-
disabled,
|
|
37
|
+
disabled: disabledProp,
|
|
37
38
|
size = 'md',
|
|
38
39
|
ref,
|
|
39
40
|
...props
|
|
40
41
|
}) => {
|
|
42
|
+
const disabled = useDisabledContext({
|
|
43
|
+
consumerName: 'Switch',
|
|
44
|
+
mergeWith: {
|
|
45
|
+
disabled: disabledProp
|
|
46
|
+
}
|
|
47
|
+
});
|
|
41
48
|
const [checked, onCheckedChange] = useControllableState({
|
|
42
49
|
prop: checkedProp,
|
|
43
50
|
onChange: onCheckedChangeProp,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useControllableState","Pressable","BaseSwitchThumb","BaseSwitchRoot","jsx","_jsx","Switch","lx","style","checked","checkedProp","onCheckedChange","onCheckedChangeProp","defaultChecked","disabled","size","ref","props","prop","onChange","defaultProp","children","displayName"],"sourceRoot":"../../../../../src","sources":["lib/Components/Switch/Switch.tsx"],"mappings":";;AAAA,SAASA,oBAAoB,QAAQ,sBAAa;AAClD,SAASC,SAAS,QAAQ,qBAAY;AACtC,SAASC,eAAe,EAAEC,cAAc,QAAQ,iBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGA,CAAC;EACrBC,EAAE;EACFC,KAAK;EACLC,OAAO,EAAEC,WAAW;EACpBC,eAAe,EAAEC,mBAAmB;EACpCC,cAAc,GAAG,KAAK;EACtBC,QAAQ;
|
|
1
|
+
{"version":3,"names":["useDisabledContext","useControllableState","Pressable","BaseSwitchThumb","BaseSwitchRoot","jsx","_jsx","Switch","lx","style","checked","checkedProp","onCheckedChange","onCheckedChangeProp","defaultChecked","disabled","disabledProp","size","ref","props","consumerName","mergeWith","prop","onChange","defaultProp","children","displayName"],"sourceRoot":"../../../../../src","sources":["lib/Components/Switch/Switch.tsx"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,oBAAoB,QAAQ,sBAAa;AAClD,SAASC,SAAS,QAAQ,qBAAY;AACtC,SAASC,eAAe,EAAEC,cAAc,QAAQ,iBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGA,CAAC;EACrBC,EAAE;EACFC,KAAK;EACLC,OAAO,EAAEC,WAAW;EACpBC,eAAe,EAAEC,mBAAmB;EACpCC,cAAc,GAAG,KAAK;EACtBC,QAAQ,EAAEC,YAAY;EACtBC,IAAI,GAAG,IAAI;EACXC,GAAG;EACH,GAAGC;AACQ,CAAC,KAAK;EACjB,MAAMJ,QAAQ,GAAGf,kBAAkB,CAAC;IAClCoB,YAAY,EAAE,QAAQ;IACtBC,SAAS,EAAE;MAAEN,QAAQ,EAAEC;IAAa;EACtC,CAAC,CAAC;EACF,MAAM,CAACN,OAAO,EAAEE,eAAe,CAAC,GAAGX,oBAAoB,CAAC;IACtDqB,IAAI,EAAEX,WAAW;IACjBY,QAAQ,EAAEV,mBAAmB;IAC7BW,WAAW,EAAEV;EACf,CAAC,CAAC;EAEF,oBACER,IAAA,CAACJ,SAAS;IAACgB,GAAG,EAAEA,GAAI;IAACV,EAAE,EAAEA,EAAG;IAACC,KAAK,EAAEA,KAAM;IAAA,GAAKU,KAAK;IAAAM,QAAA,eAClDnB,IAAA,CAACF,cAAc;MACbW,QAAQ,EAAEA,QAAS;MACnBL,OAAO,EAAEA,OAAQ;MACjBE,eAAe,EAAEA,eAAgB;MACjCK,IAAI,EAAEA,IAAK;MAAAQ,QAAA,eAEXnB,IAAA,CAACH,eAAe,IAAE;IAAC,CACL;EAAC,CACR,CAAC;AAEhB,CAAC;AAEDI,MAAM,CAACmB,WAAW,GAAG,QAAQ","ignoreList":[]}
|
|
@@ -329,12 +329,13 @@ export function TabBar({
|
|
|
329
329
|
accessibilityRole: "tablist",
|
|
330
330
|
...props,
|
|
331
331
|
children: [children, Platform.OS === 'android' ? /*#__PURE__*/_jsx(View, {
|
|
332
|
-
style: styles.
|
|
332
|
+
style: styles.fallbackBackground
|
|
333
333
|
}) : /*#__PURE__*/_jsx(BlurView, {
|
|
334
334
|
style: styles.blur,
|
|
335
335
|
blurAmount: theme.blur.lg,
|
|
336
336
|
blurType: colorScheme === 'dark' ? 'dark' : 'light',
|
|
337
|
-
overlayColor: colorScheme === 'dark' ? 'rgba(0,0,0,0.15)' : 'rgba(255,255,255,0.2)'
|
|
337
|
+
overlayColor: colorScheme === 'dark' ? 'rgba(0,0,0,0.15)' : 'rgba(255,255,255,0.2)',
|
|
338
|
+
reducedTransparencyFallbackColor: styles.fallbackBackground.backgroundColor
|
|
338
339
|
}), /*#__PURE__*/_jsx(Animated.View, {
|
|
339
340
|
style: [styles.pill, animatedPillStyle]
|
|
340
341
|
})]
|
|
@@ -357,7 +358,7 @@ const useStyles = () => useStyleSheet(t => ({
|
|
|
357
358
|
height: TAB_BAR_HEIGHT + t.sizes.s16,
|
|
358
359
|
zIndex: -1
|
|
359
360
|
},
|
|
360
|
-
|
|
361
|
+
fallbackBackground: {
|
|
361
362
|
...StyleSheet.absoluteFillObject,
|
|
362
363
|
zIndex: -1,
|
|
363
364
|
backgroundColor: t.colors.bg.muted
|