@ledgerhq/lumen-ui-rnative 0.1.30 → 0.1.32
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/i18n/i18n.js +5 -1
- package/dist/module/i18n/i18n.js.map +1 -1
- package/dist/module/i18n/locales/en.json +5 -0
- package/dist/module/lib/Components/AddressInput/AddressInput.mdx +10 -12
- package/dist/module/lib/Components/AddressInput/AddressInput.stories.js +2 -1
- package/dist/module/lib/Components/AddressInput/AddressInput.stories.js.map +1 -1
- package/dist/module/lib/Components/AmountInput/AmountInput.mdx +3 -3
- package/dist/module/lib/Components/BaseInput/BaseInput.js +60 -32
- package/dist/module/lib/Components/BaseInput/BaseInput.js.map +1 -1
- package/dist/module/lib/Components/DotCount/DotCount.stories.js +9 -18
- package/dist/module/lib/Components/DotCount/DotCount.stories.js.map +1 -1
- package/dist/module/lib/Components/DotIndicator/DotIndicator.stories.js +3 -5
- package/dist/module/lib/Components/DotIndicator/DotIndicator.stories.js.map +1 -1
- package/dist/module/lib/Components/MediaImage/MediaImage.test.js +7 -3
- package/dist/module/lib/Components/MediaImage/MediaImage.test.js.map +1 -1
- package/dist/module/lib/Components/SearchInput/SearchInput.mdx +4 -10
- package/dist/module/lib/Components/SearchInput/SearchInput.stories.js +2 -1
- package/dist/module/lib/Components/SearchInput/SearchInput.stories.js.map +1 -1
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.js +2 -1
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.mdx +34 -4
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.stories.js +32 -7
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.stories.js.map +1 -1
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.test.js +26 -0
- package/dist/module/lib/Components/SegmentedControl/SegmentedControl.test.js.map +1 -1
- package/dist/module/lib/Components/TextInput/TextInput.js +4 -3
- package/dist/module/lib/Components/TextInput/TextInput.js.map +1 -1
- package/dist/module/lib/Components/TextInput/TextInput.mdx +8 -10
- package/dist/module/lib/Components/TextInput/TextInput.stories.js +40 -1
- package/dist/module/lib/Components/TextInput/TextInput.stories.js.map +1 -1
- package/dist/module/lib/Components/TextInput/TextInput.test.js +76 -0
- package/dist/module/lib/Components/TextInput/TextInput.test.js.map +1 -0
- package/dist/module/lib/Components/Trend/Trend.js +103 -0
- package/dist/module/lib/Components/Trend/Trend.js.map +1 -0
- package/dist/module/lib/Components/Trend/Trend.mdx +106 -0
- package/dist/module/lib/Components/Trend/Trend.stories.js +79 -0
- package/dist/module/lib/Components/Trend/Trend.stories.js.map +1 -0
- package/dist/module/lib/Components/Trend/Trend.test.js +149 -0
- package/dist/module/lib/Components/Trend/Trend.test.js.map +1 -0
- package/dist/module/lib/Components/Trend/index.js +5 -0
- package/dist/module/lib/Components/Trend/index.js.map +1 -0
- package/dist/module/lib/Components/Trend/types.js +4 -0
- package/dist/module/lib/Components/Trend/types.js.map +1 -0
- package/dist/module/lib/Components/index.js +5 -4
- package/dist/module/lib/Components/index.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Ar.js +2 -2
- package/dist/module/lib/Symbols/Icons/Ar.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/ArrowLeft.js +1 -1
- package/dist/module/lib/Symbols/Icons/ArrowLeft.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/ArrowRight.js +1 -1
- package/dist/module/lib/Symbols/Icons/ArrowRight.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/BasketPutIn.js +1 -1
- package/dist/module/lib/Symbols/Icons/BasketPutIn.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Clip.js +1 -1
- package/dist/module/lib/Symbols/Icons/ClockFill.js +5 -14
- package/dist/module/lib/Symbols/Icons/ClockFill.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/CloudDownload.js +1 -1
- package/dist/module/lib/Symbols/Icons/CloudDownload.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/CloudUpload.js +1 -1
- package/dist/module/lib/Symbols/Icons/CloudUpload.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/CoinsAddPlus.js +1 -1
- package/dist/module/lib/Symbols/Icons/CoinsAddPlus.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/CoinsCheck.js +1 -1
- package/dist/module/lib/Symbols/Icons/CoinsCheck.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/CoinsCross.js +1 -1
- package/dist/module/lib/Symbols/Icons/CoinsCross.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/ColorPalette.js +1 -1
- package/dist/module/lib/Symbols/Icons/ColorPalette.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/CryptoBitcoinCoin.js +1 -1
- package/dist/module/lib/Symbols/Icons/Csv.js +1 -1
- package/dist/module/lib/Symbols/Icons/Csv.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Discord.js +1 -1
- package/dist/module/lib/Symbols/Icons/Discord.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Download.js +1 -1
- package/dist/module/lib/Symbols/Icons/Download.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Exchange.js +1 -1
- package/dist/module/lib/Symbols/Icons/Exchange.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/ExchangeFill.js +1 -1
- package/dist/module/lib/Symbols/Icons/ExchangeFill.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/ExitLogout.js +1 -1
- package/dist/module/lib/Symbols/Icons/ExitLogout.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Expand.js +1 -1
- package/dist/module/lib/Symbols/Icons/Expand.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Experiment2.js +1 -1
- package/dist/module/lib/Symbols/Icons/Experiment2.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/ExternalLink.js +1 -1
- package/dist/module/lib/Symbols/Icons/ExternalLink.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/FileDownload.js +1 -1
- package/dist/module/lib/Symbols/Icons/FileDownload.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Github.js +1 -1
- package/dist/module/lib/Symbols/Icons/HandCard.js +1 -1
- package/dist/module/lib/Symbols/Icons/HandCard.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Infinite.js +1 -1
- package/dist/module/lib/Symbols/Icons/MobileArrow.js +1 -1
- package/dist/module/lib/Symbols/Icons/MobileArrow.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/NftHide.js +1 -1
- package/dist/module/lib/Symbols/Icons/NftHide.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Parachute.js +1 -1
- package/dist/module/lib/Symbols/Icons/Parachute.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/PictureImage.js +1 -1
- package/dist/module/lib/Symbols/Icons/Range.js +1 -1
- package/dist/module/lib/Symbols/Icons/Range.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Reddit.js +2 -2
- package/dist/module/lib/Symbols/Icons/Reduce.js +1 -1
- package/dist/module/lib/Symbols/Icons/Reduce.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Screens.js +1 -1
- package/dist/module/lib/Symbols/Icons/Screens.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Shapes.js +1 -1
- package/dist/module/lib/Symbols/Icons/Share.js +1 -1
- package/dist/module/lib/Symbols/Icons/Share.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/StarHalf.js +1 -1
- package/dist/module/lib/Symbols/Icons/StarHalf.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/TransferHorizontal.js +1 -1
- package/dist/module/lib/Symbols/Icons/TransferHorizontal.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/TransferVertical.js +1 -1
- package/dist/module/lib/Symbols/Icons/TransferVertical.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/Truck.js +1 -1
- package/dist/module/lib/Symbols/Icons/Usb.js +1 -1
- package/dist/module/lib/Symbols/Icons/Usb.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/UserArrowRight.js +1 -1
- package/dist/module/lib/Symbols/Icons/UserArrowRight.js.map +1 -1
- package/dist/module/lib/Symbols/Icons/WalletInput.js +1 -1
- package/dist/module/lib/Symbols/Icons/WalletInput.js.map +1 -1
- package/dist/typescript/src/i18n/i18n.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/BaseInput/types.d.ts +9 -2
- package/dist/typescript/src/lib/Components/BaseInput/types.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/types.d.ts +4 -0
- package/dist/typescript/src/lib/Components/SegmentedControl/types.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/TextInput/TextInput.d.ts +4 -3
- package/dist/typescript/src/lib/Components/TextInput/TextInput.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/Trend/Trend.d.ts +3 -0
- package/dist/typescript/src/lib/Components/Trend/Trend.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/Trend/index.d.ts +3 -0
- package/dist/typescript/src/lib/Components/Trend/index.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/Trend/types.d.ts +20 -0
- package/dist/typescript/src/lib/Components/Trend/types.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/index.d.ts +5 -4
- package/dist/typescript/src/lib/Components/index.d.ts.map +1 -1
- package/dist/typescript/src/lib/Symbols/Icons/ClockFill.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/i18n/i18n.ts +12 -1
- package/src/i18n/locales/en.json +5 -0
- package/src/lib/Components/AddressInput/AddressInput.mdx +10 -12
- package/src/lib/Components/AddressInput/AddressInput.stories.tsx +2 -1
- package/src/lib/Components/AmountInput/AmountInput.mdx +3 -3
- package/src/lib/Components/BaseInput/BaseInput.tsx +61 -29
- package/src/lib/Components/BaseInput/types.ts +10 -2
- package/src/lib/Components/DotCount/DotCount.stories.tsx +12 -10
- package/src/lib/Components/DotIndicator/DotIndicator.stories.tsx +1 -3
- package/src/lib/Components/MediaImage/MediaImage.test.tsx +7 -3
- package/src/lib/Components/SearchInput/SearchInput.mdx +4 -10
- package/src/lib/Components/SearchInput/SearchInput.stories.tsx +2 -1
- package/src/lib/Components/SegmentedControl/SegmentedControl.mdx +34 -4
- package/src/lib/Components/SegmentedControl/SegmentedControl.stories.tsx +34 -6
- package/src/lib/Components/SegmentedControl/SegmentedControl.test.tsx +27 -0
- package/src/lib/Components/SegmentedControl/SegmentedControl.tsx +2 -0
- package/src/lib/Components/SegmentedControl/types.ts +4 -0
- package/src/lib/Components/TextInput/TextInput.mdx +8 -10
- package/src/lib/Components/TextInput/TextInput.stories.tsx +41 -1
- package/src/lib/Components/TextInput/TextInput.test.tsx +90 -0
- package/src/lib/Components/TextInput/TextInput.tsx +4 -3
- package/src/lib/Components/Trend/Trend.mdx +106 -0
- package/src/lib/Components/Trend/Trend.stories.tsx +61 -0
- package/src/lib/Components/Trend/Trend.test.tsx +125 -0
- package/src/lib/Components/Trend/Trend.tsx +118 -0
- package/src/lib/Components/Trend/index.ts +2 -0
- package/src/lib/Components/Trend/types.ts +20 -0
- package/src/lib/Components/index.ts +5 -4
- package/src/lib/Symbols/Icons/Ar.tsx +2 -2
- package/src/lib/Symbols/Icons/ArrowLeft.tsx +1 -1
- package/src/lib/Symbols/Icons/ArrowRight.tsx +1 -1
- package/src/lib/Symbols/Icons/BasketPutIn.tsx +1 -1
- package/src/lib/Symbols/Icons/Clip.tsx +1 -1
- package/src/lib/Symbols/Icons/ClockFill.tsx +1 -9
- package/src/lib/Symbols/Icons/CloudDownload.tsx +1 -1
- package/src/lib/Symbols/Icons/CloudUpload.tsx +1 -1
- package/src/lib/Symbols/Icons/CoinsAddPlus.tsx +1 -1
- package/src/lib/Symbols/Icons/CoinsCheck.tsx +1 -1
- package/src/lib/Symbols/Icons/CoinsCross.tsx +1 -1
- package/src/lib/Symbols/Icons/ColorPalette.tsx +1 -1
- package/src/lib/Symbols/Icons/CryptoBitcoinCoin.tsx +1 -1
- package/src/lib/Symbols/Icons/Csv.tsx +1 -1
- package/src/lib/Symbols/Icons/Discord.tsx +1 -1
- package/src/lib/Symbols/Icons/Download.tsx +1 -1
- package/src/lib/Symbols/Icons/Exchange.tsx +1 -1
- package/src/lib/Symbols/Icons/ExchangeFill.tsx +1 -1
- package/src/lib/Symbols/Icons/ExitLogout.tsx +1 -1
- package/src/lib/Symbols/Icons/Expand.tsx +1 -1
- package/src/lib/Symbols/Icons/Experiment2.tsx +1 -1
- package/src/lib/Symbols/Icons/ExternalLink.tsx +1 -1
- package/src/lib/Symbols/Icons/FileDownload.tsx +1 -1
- package/src/lib/Symbols/Icons/Github.tsx +1 -1
- package/src/lib/Symbols/Icons/HandCard.tsx +1 -1
- package/src/lib/Symbols/Icons/Infinite.tsx +1 -1
- package/src/lib/Symbols/Icons/MobileArrow.tsx +1 -1
- package/src/lib/Symbols/Icons/NftHide.tsx +1 -1
- package/src/lib/Symbols/Icons/Parachute.tsx +1 -1
- package/src/lib/Symbols/Icons/PictureImage.tsx +1 -1
- package/src/lib/Symbols/Icons/Range.tsx +1 -1
- package/src/lib/Symbols/Icons/Reddit.tsx +2 -2
- package/src/lib/Symbols/Icons/Reduce.tsx +1 -1
- package/src/lib/Symbols/Icons/Screens.tsx +1 -1
- package/src/lib/Symbols/Icons/Shapes.tsx +1 -1
- package/src/lib/Symbols/Icons/Share.tsx +1 -1
- package/src/lib/Symbols/Icons/StarHalf.tsx +1 -1
- package/src/lib/Symbols/Icons/TransferHorizontal.tsx +1 -1
- package/src/lib/Symbols/Icons/TransferVertical.tsx +1 -1
- package/src/lib/Symbols/Icons/Truck.tsx +1 -1
- package/src/lib/Symbols/Icons/Usb.tsx +1 -1
- package/src/lib/Symbols/Icons/UserArrowRight.tsx +1 -1
- package/src/lib/Symbols/Icons/WalletInput.tsx +1 -1
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useDisabledContext } from '@ledgerhq/lumen-utils-shared';
|
|
4
|
+
import { StyleSheet } from 'react-native';
|
|
5
|
+
import { useCommonTranslation } from "../../../i18n/index.js";
|
|
6
|
+
import { useStyleSheet } from "../../../styles/index.js";
|
|
7
|
+
import { Minus, TriangleDown, TriangleUp } from "../../Symbols/index.js";
|
|
8
|
+
import { Box, Text } from "../Utility/index.js";
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
function getVariant(value) {
|
|
11
|
+
if (value === 0) {
|
|
12
|
+
return 'neutral';
|
|
13
|
+
}
|
|
14
|
+
return value > 0 ? 'positive' : 'negative';
|
|
15
|
+
}
|
|
16
|
+
export function Trend({
|
|
17
|
+
value,
|
|
18
|
+
size = 'md',
|
|
19
|
+
lx = {},
|
|
20
|
+
disabled: disabledProp = false,
|
|
21
|
+
style,
|
|
22
|
+
...props
|
|
23
|
+
}) {
|
|
24
|
+
const variant = getVariant(value);
|
|
25
|
+
const disabled = useDisabledContext({
|
|
26
|
+
consumerName: 'Trend',
|
|
27
|
+
mergeWith: {
|
|
28
|
+
disabled: disabledProp
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
const {
|
|
32
|
+
t
|
|
33
|
+
} = useCommonTranslation();
|
|
34
|
+
const styles = useStyles({
|
|
35
|
+
size,
|
|
36
|
+
variant,
|
|
37
|
+
disabled
|
|
38
|
+
});
|
|
39
|
+
const Icon = {
|
|
40
|
+
positive: TriangleUp,
|
|
41
|
+
negative: TriangleDown,
|
|
42
|
+
neutral: Minus
|
|
43
|
+
}[variant];
|
|
44
|
+
const iconSize = {
|
|
45
|
+
md: 16,
|
|
46
|
+
sm: 12
|
|
47
|
+
}[size];
|
|
48
|
+
const iconColor = {
|
|
49
|
+
positive: 'success',
|
|
50
|
+
negative: 'error',
|
|
51
|
+
neutral: 'muted'
|
|
52
|
+
}[variant];
|
|
53
|
+
const absoluteFormattedValue = `${Math.abs(value).toFixed(2)}%`;
|
|
54
|
+
const formattedValue = value < 0 ? `-${absoluteFormattedValue}` : absoluteFormattedValue;
|
|
55
|
+
return /*#__PURE__*/_jsxs(Box, {
|
|
56
|
+
accessible: true,
|
|
57
|
+
accessibilityLabel: t(`components.trend.${variant}AriaLabel`, {
|
|
58
|
+
value: absoluteFormattedValue
|
|
59
|
+
}),
|
|
60
|
+
accessibilityState: {
|
|
61
|
+
disabled
|
|
62
|
+
},
|
|
63
|
+
lx: lx,
|
|
64
|
+
style: [styles.container, style],
|
|
65
|
+
...props,
|
|
66
|
+
children: [/*#__PURE__*/_jsx(Icon, {
|
|
67
|
+
size: iconSize,
|
|
68
|
+
color: disabled ? 'disabled' : iconColor
|
|
69
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
70
|
+
style: styles.text,
|
|
71
|
+
children: formattedValue
|
|
72
|
+
})]
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
const useStyles = ({
|
|
76
|
+
size,
|
|
77
|
+
variant,
|
|
78
|
+
disabled
|
|
79
|
+
}) => useStyleSheet(t => {
|
|
80
|
+
const color = {
|
|
81
|
+
positive: t.colors.text.success,
|
|
82
|
+
negative: t.colors.text.error,
|
|
83
|
+
neutral: t.colors.text.muted
|
|
84
|
+
}[variant];
|
|
85
|
+
const sizeMap = {
|
|
86
|
+
sm: t.typographies.body3,
|
|
87
|
+
md: t.typographies.body2
|
|
88
|
+
}[size];
|
|
89
|
+
return {
|
|
90
|
+
container: {
|
|
91
|
+
flexDirection: 'row',
|
|
92
|
+
alignItems: 'center',
|
|
93
|
+
gap: t.spacings.s2
|
|
94
|
+
},
|
|
95
|
+
text: StyleSheet.flatten([{
|
|
96
|
+
...sizeMap,
|
|
97
|
+
color
|
|
98
|
+
}, disabled && {
|
|
99
|
+
color: t.colors.text.disabled
|
|
100
|
+
}])
|
|
101
|
+
};
|
|
102
|
+
}, [size, variant, disabled]);
|
|
103
|
+
//# sourceMappingURL=Trend.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useDisabledContext","StyleSheet","useCommonTranslation","useStyleSheet","Minus","TriangleDown","TriangleUp","Box","Text","jsx","_jsx","jsxs","_jsxs","getVariant","value","Trend","size","lx","disabled","disabledProp","style","props","variant","consumerName","mergeWith","t","styles","useStyles","Icon","positive","negative","neutral","iconSize","md","sm","iconColor","absoluteFormattedValue","Math","abs","toFixed","formattedValue","accessible","accessibilityLabel","accessibilityState","container","children","color","text","colors","success","error","muted","sizeMap","typographies","body3","body2","flexDirection","alignItems","gap","spacings","s2","flatten"],"sourceRoot":"../../../../../src","sources":["lib/Components/Trend/Trend.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
|
|
2
|
+
import * as TrendStories from './Trend.stories';
|
|
3
|
+
import { CustomTabs, Tab } from '../../../../.storybook/components';
|
|
4
|
+
import { DoVsDontRow, DoBlockItem, DontBlockItem } from '../../../../.storybook/components/DoVsDont';
|
|
5
|
+
import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/CommonRulesDoAndDont.mdx';
|
|
6
|
+
|
|
7
|
+
<Meta title='Communication/Trend' of={TrendStories} />
|
|
8
|
+
|
|
9
|
+
# Trend
|
|
10
|
+
|
|
11
|
+
<CustomTabs>
|
|
12
|
+
<Tab label="Overview">
|
|
13
|
+
|
|
14
|
+
## Introduction
|
|
15
|
+
|
|
16
|
+
A compact indicator used to communicate directional change in a numeric value, typically a percentage. It combines an icon and a formatted label to convey whether a value has gone up, down, or stayed flat.
|
|
17
|
+
|
|
18
|
+
> View in [Figma](https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=892-5393).
|
|
19
|
+
|
|
20
|
+
## Anatomy
|
|
21
|
+
|
|
22
|
+
- **Icon:** A directional triangle (up or down) or a minus symbol that visually reinforces the direction of change at a glance.
|
|
23
|
+
- **Value:** The numeric percentage formatted to exactly two decimal places, ensuring consistent alignment across lists and tables.
|
|
24
|
+
|
|
25
|
+
## Properties
|
|
26
|
+
|
|
27
|
+
### Overview
|
|
28
|
+
|
|
29
|
+
<Canvas of={TrendStories.Base} />
|
|
30
|
+
<Controls of={TrendStories.Base} />
|
|
31
|
+
|
|
32
|
+
### Variants
|
|
33
|
+
|
|
34
|
+
The variant is derived automatically from the `value` prop. No manual selection needed! This ensures the color and icon always stay in sync with the actual data.
|
|
35
|
+
|
|
36
|
+
- **Positive** - value greater than 0: green color, triangle up icon
|
|
37
|
+
- **Negative** - value less than 0: red color, triangle down icon
|
|
38
|
+
- **Neutral** - value equal to 0: muted color, minus icon
|
|
39
|
+
|
|
40
|
+
<Canvas of={TrendStories.VariantShowcase} />
|
|
41
|
+
|
|
42
|
+
---
|
|
43
|
+
|
|
44
|
+
### Size
|
|
45
|
+
|
|
46
|
+
Two sizes are available to accommodate different layout densities. Use `md` in most contexts and `sm` when space is constrained, such as inside a table cell or a compact list item.
|
|
47
|
+
|
|
48
|
+
- **md** (default) - standard body text and icon sizes
|
|
49
|
+
- **sm** - smaller text and icon, suitable for dense UIs
|
|
50
|
+
|
|
51
|
+
<Canvas of={TrendStories.SizeShowcase} />
|
|
52
|
+
|
|
53
|
+
---
|
|
54
|
+
|
|
55
|
+
### Disabled
|
|
56
|
+
|
|
57
|
+
When `disabled` is `true`, the icon and text both render in a muted, non-interactive style regardless of the underlying value. Use this when the data is unavailable, loading, or the surrounding context is non-interactive.
|
|
58
|
+
|
|
59
|
+
<Canvas of={TrendStories.DisabledShowcase} />
|
|
60
|
+
|
|
61
|
+
</Tab>
|
|
62
|
+
<Tab label="Implementation">
|
|
63
|
+
|
|
64
|
+
## Setup
|
|
65
|
+
|
|
66
|
+
Install and set up the library with our [Setup Guide →](?path=/docs/getting-started-setup--docs).
|
|
67
|
+
|
|
68
|
+
### Basic Usage
|
|
69
|
+
|
|
70
|
+
Pass any numeric value - the component handles color, icon, and formatting automatically.
|
|
71
|
+
|
|
72
|
+
```tsx
|
|
73
|
+
import { Trend } from '@ledgerhq/lumen-ui-rnative';
|
|
74
|
+
|
|
75
|
+
function MyComponent() {
|
|
76
|
+
return <Trend value={5.25} />;
|
|
77
|
+
}
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
### Sizes
|
|
81
|
+
|
|
82
|
+
Choose `sm` for dense layouts like tables or compact list rows, and `md` for standard content areas.
|
|
83
|
+
|
|
84
|
+
```tsx
|
|
85
|
+
<Trend value={3.14} size='md' />
|
|
86
|
+
<Trend value={3.14} size='sm' />
|
|
87
|
+
```
|
|
88
|
+
|
|
89
|
+
### Disabled State
|
|
90
|
+
|
|
91
|
+
Wrap or pass `disabled` when the value is unavailable or the parent context is non-interactive. The component style updates automatically - no extra styling needed.
|
|
92
|
+
|
|
93
|
+
```tsx
|
|
94
|
+
<Trend value={5.25} disabled />
|
|
95
|
+
```
|
|
96
|
+
|
|
97
|
+
### Layout Adjustments
|
|
98
|
+
|
|
99
|
+
Use `lx` for layout only - not for overriding colors or typography. The component's visual appearance is controlled exclusively via props.
|
|
100
|
+
|
|
101
|
+
```tsx
|
|
102
|
+
<Trend value={-1.5} lx={{ marginTop: 's4' }} />
|
|
103
|
+
```
|
|
104
|
+
|
|
105
|
+
</Tab>
|
|
106
|
+
</CustomTabs>
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Box } from "../Utility/Box/index.js";
|
|
4
|
+
import { Trend } from "./Trend.js";
|
|
5
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
+
const meta = {
|
|
7
|
+
component: Trend,
|
|
8
|
+
title: 'Communication/Trend',
|
|
9
|
+
argTypes: {
|
|
10
|
+
value: {
|
|
11
|
+
control: 'number'
|
|
12
|
+
},
|
|
13
|
+
size: {
|
|
14
|
+
control: 'radio',
|
|
15
|
+
options: ['sm', 'md']
|
|
16
|
+
},
|
|
17
|
+
disabled: {
|
|
18
|
+
control: 'boolean'
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
export default meta;
|
|
23
|
+
export const Base = {
|
|
24
|
+
args: {
|
|
25
|
+
value: 5.25,
|
|
26
|
+
size: 'md',
|
|
27
|
+
disabled: false
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
export const VariantShowcase = {
|
|
31
|
+
render: () => /*#__PURE__*/_jsxs(Box, {
|
|
32
|
+
lx: {
|
|
33
|
+
flexDirection: 'column',
|
|
34
|
+
gap: 's8'
|
|
35
|
+
},
|
|
36
|
+
children: [/*#__PURE__*/_jsx(Trend, {
|
|
37
|
+
value: 5.25
|
|
38
|
+
}), /*#__PURE__*/_jsx(Trend, {
|
|
39
|
+
value: -3.14
|
|
40
|
+
}), /*#__PURE__*/_jsx(Trend, {
|
|
41
|
+
value: 0
|
|
42
|
+
})]
|
|
43
|
+
})
|
|
44
|
+
};
|
|
45
|
+
export const SizeShowcase = {
|
|
46
|
+
render: () => /*#__PURE__*/_jsxs(Box, {
|
|
47
|
+
lx: {
|
|
48
|
+
flexDirection: 'row',
|
|
49
|
+
alignItems: 'center',
|
|
50
|
+
gap: 's16'
|
|
51
|
+
},
|
|
52
|
+
children: [/*#__PURE__*/_jsx(Trend, {
|
|
53
|
+
value: 5.25,
|
|
54
|
+
size: "md"
|
|
55
|
+
}), /*#__PURE__*/_jsx(Trend, {
|
|
56
|
+
value: 5.25,
|
|
57
|
+
size: "sm"
|
|
58
|
+
})]
|
|
59
|
+
})
|
|
60
|
+
};
|
|
61
|
+
export const DisabledShowcase = {
|
|
62
|
+
render: () => /*#__PURE__*/_jsxs(Box, {
|
|
63
|
+
lx: {
|
|
64
|
+
flexDirection: 'column',
|
|
65
|
+
gap: 's8'
|
|
66
|
+
},
|
|
67
|
+
children: [/*#__PURE__*/_jsx(Trend, {
|
|
68
|
+
value: 5.25,
|
|
69
|
+
disabled: true
|
|
70
|
+
}), /*#__PURE__*/_jsx(Trend, {
|
|
71
|
+
value: -3.14,
|
|
72
|
+
disabled: true
|
|
73
|
+
}), /*#__PURE__*/_jsx(Trend, {
|
|
74
|
+
value: 0,
|
|
75
|
+
disabled: true
|
|
76
|
+
})]
|
|
77
|
+
})
|
|
78
|
+
};
|
|
79
|
+
//# sourceMappingURL=Trend.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Box","Trend","jsx","_jsx","jsxs","_jsxs","meta","component","title","argTypes","value","control","size","options","disabled","Base","args","VariantShowcase","render","lx","flexDirection","gap","children","SizeShowcase","alignItems","DisabledShowcase"],"sourceRoot":"../../../../../src","sources":["lib/Components/Trend/Trend.stories.tsx"],"mappings":";;AACA,SAASA,GAAG,QAAQ,yBAAgB;AACpC,SAASC,KAAK,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhC,MAAMC,IAAwB,GAAG;EAC/BC,SAAS,EAAEN,KAAK;EAChBO,KAAK,EAAE,qBAAqB;EAC5BC,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJD,OAAO,EAAE,OAAO;MAChBE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI;IACtB,CAAC;IACDC,QAAQ,EAAE;MACRH,OAAO,EAAE;IACX;EACF;AACF,CAAC;AAED,eAAeL,IAAI;AAInB,OAAO,MAAMS,IAAW,GAAG;EACzBC,IAAI,EAAE;IACJN,KAAK,EAAE,IAAI;IACXE,IAAI,EAAE,IAAI;IACVE,QAAQ,EAAE;EACZ;AACF,CAAC;AAED,OAAO,MAAMG,eAAsB,GAAG;EACpCC,MAAM,EAAEA,CAAA,kBACNb,KAAA,CAACL,GAAG;IAACmB,EAAE,EAAE;MAAEC,aAAa,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAK,CAAE;IAAAC,QAAA,gBAC9CnB,IAAA,CAACF,KAAK;MAACS,KAAK,EAAE;IAAK,CAAE,CAAC,eACtBP,IAAA,CAACF,KAAK;MAACS,KAAK,EAAE,CAAC;IAAK,CAAE,CAAC,eACvBP,IAAA,CAACF,KAAK;MAACS,KAAK,EAAE;IAAE,CAAE,CAAC;EAAA,CAChB;AAET,CAAC;AAED,OAAO,MAAMa,YAAmB,GAAG;EACjCL,MAAM,EAAEA,CAAA,kBACNb,KAAA,CAACL,GAAG;IAACmB,EAAE,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEI,UAAU,EAAE,QAAQ;MAAEH,GAAG,EAAE;IAAM,CAAE;IAAAC,QAAA,gBAClEnB,IAAA,CAACF,KAAK;MAACS,KAAK,EAAE,IAAK;MAACE,IAAI,EAAC;IAAI,CAAE,CAAC,eAChCT,IAAA,CAACF,KAAK;MAACS,KAAK,EAAE,IAAK;MAACE,IAAI,EAAC;IAAI,CAAE,CAAC;EAAA,CAC7B;AAET,CAAC;AAED,OAAO,MAAMa,gBAAuB,GAAG;EACrCP,MAAM,EAAEA,CAAA,kBACNb,KAAA,CAACL,GAAG;IAACmB,EAAE,EAAE;MAAEC,aAAa,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAK,CAAE;IAAAC,QAAA,gBAC9CnB,IAAA,CAACF,KAAK;MAACS,KAAK,EAAE,IAAK;MAACI,QAAQ;IAAA,CAAE,CAAC,eAC/BX,IAAA,CAACF,KAAK;MAACS,KAAK,EAAE,CAAC,IAAK;MAACI,QAAQ;IAAA,CAAE,CAAC,eAChCX,IAAA,CAACF,KAAK;MAACS,KAAK,EAAE,CAAE;MAACI,QAAQ;IAAA,CAAE,CAAC;EAAA,CACzB;AAET,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { describe, it, expect } from '@jest/globals';
|
|
4
|
+
import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
|
|
5
|
+
import { render } from '@testing-library/react-native';
|
|
6
|
+
import { ThemeProvider } from "../ThemeProvider/ThemeProvider.js";
|
|
7
|
+
import { Trend } from "./Trend.js";
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
const TestWrapper = ({
|
|
10
|
+
children
|
|
11
|
+
}) => /*#__PURE__*/_jsx(ThemeProvider, {
|
|
12
|
+
themes: ledgerLiveThemes,
|
|
13
|
+
colorScheme: "dark",
|
|
14
|
+
locale: "en",
|
|
15
|
+
children: children
|
|
16
|
+
});
|
|
17
|
+
describe('Trend Component', () => {
|
|
18
|
+
it('should render positive value', () => {
|
|
19
|
+
const {
|
|
20
|
+
getByText
|
|
21
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
22
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
23
|
+
value: 5.5
|
|
24
|
+
})
|
|
25
|
+
}));
|
|
26
|
+
expect(getByText('5.50%')).toBeTruthy();
|
|
27
|
+
});
|
|
28
|
+
it('should render negative value', () => {
|
|
29
|
+
const {
|
|
30
|
+
getByText
|
|
31
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
32
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
33
|
+
value: -3.2
|
|
34
|
+
})
|
|
35
|
+
}));
|
|
36
|
+
expect(getByText('-3.20%')).toBeTruthy();
|
|
37
|
+
});
|
|
38
|
+
it('should render neutral when value is zero', () => {
|
|
39
|
+
const {
|
|
40
|
+
getByText
|
|
41
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
42
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
43
|
+
value: 0
|
|
44
|
+
})
|
|
45
|
+
}));
|
|
46
|
+
expect(getByText('0.00%')).toBeTruthy();
|
|
47
|
+
});
|
|
48
|
+
it('should render with sm size', () => {
|
|
49
|
+
const {
|
|
50
|
+
getByText
|
|
51
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
52
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
53
|
+
value: 1.5,
|
|
54
|
+
size: "sm"
|
|
55
|
+
})
|
|
56
|
+
}));
|
|
57
|
+
expect(getByText('1.50%')).toBeTruthy();
|
|
58
|
+
});
|
|
59
|
+
it('should render with md size', () => {
|
|
60
|
+
const {
|
|
61
|
+
getByText
|
|
62
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
63
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
64
|
+
value: 1.5,
|
|
65
|
+
size: "md"
|
|
66
|
+
})
|
|
67
|
+
}));
|
|
68
|
+
expect(getByText('1.50%')).toBeTruthy();
|
|
69
|
+
});
|
|
70
|
+
it('should render in disabled state', () => {
|
|
71
|
+
const {
|
|
72
|
+
getByText
|
|
73
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
74
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
75
|
+
value: 5,
|
|
76
|
+
disabled: true
|
|
77
|
+
})
|
|
78
|
+
}));
|
|
79
|
+
expect(getByText('5.00%')).toBeTruthy();
|
|
80
|
+
});
|
|
81
|
+
it('should pass testID to root element', () => {
|
|
82
|
+
const {
|
|
83
|
+
getByTestId
|
|
84
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
85
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
86
|
+
testID: "trend-id",
|
|
87
|
+
value: 10
|
|
88
|
+
})
|
|
89
|
+
}));
|
|
90
|
+
expect(getByTestId('trend-id')).toBeTruthy();
|
|
91
|
+
});
|
|
92
|
+
it('should format value to 2 decimal places', () => {
|
|
93
|
+
const {
|
|
94
|
+
getByText
|
|
95
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
96
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
97
|
+
value: 1.123456
|
|
98
|
+
})
|
|
99
|
+
}));
|
|
100
|
+
expect(getByText('1.12%')).toBeTruthy();
|
|
101
|
+
});
|
|
102
|
+
it('should render all variants side by side', () => {
|
|
103
|
+
const {
|
|
104
|
+
getByText
|
|
105
|
+
} = render(/*#__PURE__*/_jsxs(TestWrapper, {
|
|
106
|
+
children: [/*#__PURE__*/_jsx(Trend, {
|
|
107
|
+
value: 10
|
|
108
|
+
}), /*#__PURE__*/_jsx(Trend, {
|
|
109
|
+
value: -10
|
|
110
|
+
}), /*#__PURE__*/_jsx(Trend, {
|
|
111
|
+
value: 0
|
|
112
|
+
})]
|
|
113
|
+
}));
|
|
114
|
+
expect(getByText('10.00%')).toBeTruthy();
|
|
115
|
+
expect(getByText('-10.00%')).toBeTruthy();
|
|
116
|
+
expect(getByText('0.00%')).toBeTruthy();
|
|
117
|
+
});
|
|
118
|
+
it('should expose positive accessibility label', () => {
|
|
119
|
+
const {
|
|
120
|
+
getByLabelText
|
|
121
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
122
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
123
|
+
value: 5.5
|
|
124
|
+
})
|
|
125
|
+
}));
|
|
126
|
+
expect(getByLabelText('Trending up by 5.50%')).toBeTruthy();
|
|
127
|
+
});
|
|
128
|
+
it('should expose negative accessibility label with absolute value', () => {
|
|
129
|
+
const {
|
|
130
|
+
getByLabelText
|
|
131
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
132
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
133
|
+
value: -3.2
|
|
134
|
+
})
|
|
135
|
+
}));
|
|
136
|
+
expect(getByLabelText('Trending down by 3.20%')).toBeTruthy();
|
|
137
|
+
});
|
|
138
|
+
it('should expose neutral accessibility label', () => {
|
|
139
|
+
const {
|
|
140
|
+
getByLabelText
|
|
141
|
+
} = render(/*#__PURE__*/_jsx(TestWrapper, {
|
|
142
|
+
children: /*#__PURE__*/_jsx(Trend, {
|
|
143
|
+
value: 0
|
|
144
|
+
})
|
|
145
|
+
}));
|
|
146
|
+
expect(getByLabelText('No change, 0.00%')).toBeTruthy();
|
|
147
|
+
});
|
|
148
|
+
});
|
|
149
|
+
//# sourceMappingURL=Trend.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["describe","it","expect","ledgerLiveThemes","render","ThemeProvider","Trend","jsx","_jsx","jsxs","_jsxs","TestWrapper","children","themes","colorScheme","locale","getByText","value","toBeTruthy","size","disabled","getByTestId","testID","getByLabelText"],"sourceRoot":"../../../../../src","sources":["lib/Components/Trend/Trend.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/Trend/index.ts"],"mappings":";;AAAA,cAAc,YAAS;AACvB,cAAc,YAAS","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/Trend/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -6,15 +6,15 @@ export * from "./AmountInput/index.js";
|
|
|
6
6
|
export * from "./Avatar/index.js";
|
|
7
7
|
export * from "./Banner/index.js";
|
|
8
8
|
export * from "./BottomSheet/index.js";
|
|
9
|
-
export * from "./DotCount/index.js";
|
|
10
|
-
export * from "./DotIndicator/index.js";
|
|
11
9
|
export * from "./Button/index.js";
|
|
12
10
|
export * from "./Card/index.js";
|
|
13
11
|
export * from "./CardButton/index.js";
|
|
14
|
-
export * from "./ContentBanner/index.js";
|
|
15
12
|
export * from "./Checkbox/index.js";
|
|
13
|
+
export * from "./ContentBanner/index.js";
|
|
16
14
|
export * from "./Divider/index.js";
|
|
15
|
+
export * from "./DotCount/index.js";
|
|
17
16
|
export * from "./DotIcon/index.js";
|
|
17
|
+
export * from "./DotIndicator/index.js";
|
|
18
18
|
export * from "./DotSymbol/index.js";
|
|
19
19
|
export * from "./Icon/index.js";
|
|
20
20
|
export * from "./IconButton/index.js";
|
|
@@ -39,10 +39,11 @@ export * from "./Subheader/index.js";
|
|
|
39
39
|
export * from "./Switch/index.js";
|
|
40
40
|
export * from "./TabBar/index.js";
|
|
41
41
|
export * from "./Tag/index.js";
|
|
42
|
-
export * from "./Utility/index.js";
|
|
43
42
|
export * from "./TextInput/index.js";
|
|
44
43
|
export * from "./ThemeProvider/index.js";
|
|
45
44
|
export * from "./Tile/index.js";
|
|
46
45
|
export * from "./TileButton/index.js";
|
|
47
46
|
export * from "./Tooltip/index.js";
|
|
47
|
+
export * from "./Trend/index.js";
|
|
48
|
+
export * from "./Utility/index.js";
|
|
48
49
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["lib/Components/index.ts"],"mappings":";;AAAA,cAAc,yBAAgB;AAC9B,cAAc,0BAAiB;AAC/B,cAAc,wBAAe;AAC7B,cAAc,mBAAU;AACxB,cAAc,mBAAU;AACxB,cAAc,wBAAe;AAC7B,cAAc,
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["lib/Components/index.ts"],"mappings":";;AAAA,cAAc,yBAAgB;AAC9B,cAAc,0BAAiB;AAC/B,cAAc,wBAAe;AAC7B,cAAc,mBAAU;AACxB,cAAc,mBAAU;AACxB,cAAc,wBAAe;AAC7B,cAAc,mBAAU;AACxB,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,qBAAY;AAC1B,cAAc,0BAAiB;AAC/B,cAAc,oBAAW;AACzB,cAAc,qBAAY;AAC1B,cAAc,oBAAW;AACzB,cAAc,yBAAgB;AAC9B,cAAc,sBAAa;AAC3B,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,4BAAmB;AACjC,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,wBAAe;AAC7B,cAAc,wBAAe;AAC7B,cAAc,sBAAa;AAC3B,cAAc,uBAAc;AAC5B,cAAc,mBAAU;AACxB,cAAc,uBAAc;AAC5B,cAAc,0BAAiB;AAC/B,cAAc,wBAAe;AAC7B,cAAc,6BAAoB;AAClC,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,oBAAW;AACzB,cAAc,iBAAQ;AACtB,cAAc,oBAAW;AACzB,cAAc,sBAAa;AAC3B,cAAc,mBAAU;AACxB,cAAc,mBAAU;AACxB,cAAc,gBAAO;AACrB,cAAc,sBAAa;AAC3B,cAAc,0BAAiB;AAC/B,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,oBAAW;AACzB,cAAc,kBAAS;AACvB,cAAc,oBAAW","ignoreList":[]}
|
|
@@ -41,10 +41,10 @@ export const Ar = createIcon('Ar', /*#__PURE__*/_jsxs(Svg, {
|
|
|
41
41
|
viewBox: "0 0 17 16",
|
|
42
42
|
children: [/*#__PURE__*/_jsx(Path, {
|
|
43
43
|
fill: "currentColor",
|
|
44
|
-
d: "M8.197 4.967a.166.166 0 1 1-.333 0 .166.166 0 0 1 .333 0m-3.848 6.83a.167.167 0 0 1-.23-.053.167.167 0 0 1 .283-.176.167.167 0 0 1-.053.229m3.848-6.164a.167.167 0 0 1-.166.167.17.17 0 0 1-.
|
|
44
|
+
d: "M8.197 4.967a.166.166 0 1 1-.333 0 .166.166 0 0 1 .333 0m-3.848 6.83a.167.167 0 0 1-.23-.053.167.167 0 0 1 .283-.176.167.167 0 0 1-.053.229m3.848-6.164a.167.167 0 0 1-.166.167.17.17 0 0 1-.167-.167.167.167 0 0 1 .333 0m-3.283 5.812a.166.166 0 1 1-.176-.283.166.166 0 0 1 .176.283M8.197 6.3a.167.167 0 1 1-.334 0 .167.167 0 0 1 .334 0M5.48 11.093a.166.166 0 1 1-.175-.282.166.166 0 0 1 .175.282m2.717-4.126a.166.166 0 1 1-.333 0 .166.166 0 0 1 .333 0m-2.15 3.774a.166.166 0 1 1-.177-.282.166.166 0 0 1 .177.282m2.15-3.108a.167.167 0 0 1-.334 0 .167.167 0 0 1 .334 0M6.612 10.39a.166.166 0 1 1-.175-.283.166.166 0 0 1 .175.283m.567-.352a.166.166 0 1 1-.176-.283.166.166 0 0 1 .176.283M8.197 8.3a.167.167 0 0 1-.166.167.167.167 0 1 1 0-.334c.092 0 .166.075.166.167m.73 1.777a.167.167 0 1 1-.288-.166.167.167 0 0 1 .288.166m.577.333a.167.167 0 1 1-.289-.165.167.167 0 0 1 .289.165m.578.334a.167.167 0 0 1-.228.061.166.166 0 1 1 .228-.061m.577.333a.167.167 0 1 1-.288-.166.167.167 0 0 1 .288.166m.577.333a.167.167 0 1 1-.289-.165.167.167 0 0 1 .29.165m.578.334a.167.167 0 0 1-.228.061.166.166 0 1 1 .228-.061"
|
|
45
45
|
}), /*#__PURE__*/_jsx(Path, {
|
|
46
46
|
fill: "currentColor",
|
|
47
|
-
d: "m3.364 7-.
|
|
47
|
+
d: "m3.364 7-.29-.581a.65.65 0 0 0-.36.581zm9 0h.65a.65.65 0 0 0-.342-.572zM8.03 14.667l-.29.581a.65.65 0 0 0 .599-.009zM8.013 1.349l.46-.46-.46-.459-.46.46zm-1.843.924a.65.65 0 1 0 .92.919l-.46-.46zm2.766.919a.65.65 0 1 0 .92-.92l-.46.46zM.775 13.966l-.635-.14-.14.634.635.14zm1.77 1.056a.65.65 0 1 0 .28-1.27l-.14.635zm-.714-2.826a.65.65 0 0 0-1.27-.28l.635.14zm13.116 1.77.14.634.635-.14-.14-.634zm-2.05-.214a.65.65 0 0 0 .28 1.27l-.14-.635zm2.263-1.836a.65.65 0 0 0-1.27.28l.636-.14zm-11.796.417h.65V7h-1.3v5.333zm0-5.333.29.581 4.667-2.333-.29-.581-.291-.582L3.073 6.42zM8.03 4.667l-.308.572 4.334 2.333.308-.572.308-.572-4.333-2.334zM12.364 7h-.65v5.333h1.3V7zm0 5.333-.308-.572-4.334 2.333.308.573.309.572 4.333-2.333zM8.03 14.667l.291-.582-4.667-2.333-.29.581-.29.582 4.666 2.333zM12.364 7l-.327-.562L7.73 8.94l.326.562.327.562 4.308-2.502zM8.055 9.502h-.65v5.172h1.3V9.502zm0 0 .306-.573L3.67 6.426 3.364 7l-.306.574 4.691 2.502zM8.03 4.667l.65-.004-.017-3.317-.65.003-.65.004.017 3.317zm-1.4-1.935.46.46 1.382-1.383-.46-.46-.459-.46L6.17 2.274zM8.013 1.35l-.46.46 1.383 1.383.46-.46.46-.46L8.471.89zm-4.65 10.984-.346-.55-2.589 1.633.347.55.346.55 2.59-1.633zm-.678 2.054.14-.635-1.91-.421-.14.635-.14.634 1.91.422zm-1.91-.421.635.14.42-1.91-.634-.14-.635-.14-.421 1.91zm11.589-1.633-.348.55 2.584 1.632.347-.55.347-.549-2.583-1.632zm.673 2.054.14.635 1.91-.422-.14-.634-.14-.635-1.91.421zm1.91-.421.635-.14-.422-1.91-.634.14-.635.14.421 1.91z"
|
|
48
48
|
})]
|
|
49
49
|
}));
|
|
50
50
|
//# sourceMappingURL=Ar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Svg","Path","createIcon","jsx","_jsx","jsxs","_jsxs","Ar","width","height","fill","viewBox","children","d"],"sourceRoot":"../../../../../src","sources":["lib/Symbols/Icons/Ar.tsx"],"mappings":";;AAAA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,qCAAkC;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA7BA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA8BA,OAAO,MAAMC,EAAE,GAAGL,UAAU,CAC1B,IAAI,eACJI,KAAA,CAACN,GAAG;EAACQ,KAAK,EAAE,EAAG;EAACC,MAAM,EAAE,EAAG;EAACC,IAAI,EAAC,cAAc;EAACC,OAAO,EAAC,WAAW;EAAAC,QAAA,gBACjER,IAAA,CAACH,IAAI;IACHS,IAAI,EAAC,cAAc;IACnBG,CAAC,EAAC;
|
|
1
|
+
{"version":3,"names":["Svg","Path","createIcon","jsx","_jsx","jsxs","_jsxs","Ar","width","height","fill","viewBox","children","d"],"sourceRoot":"../../../../../src","sources":["lib/Symbols/Icons/Ar.tsx"],"mappings":";;AAAA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,qCAAkC;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA7BA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA8BA,OAAO,MAAMC,EAAE,GAAGL,UAAU,CAC1B,IAAI,eACJI,KAAA,CAACN,GAAG;EAACQ,KAAK,EAAE,EAAG;EAACC,MAAM,EAAE,EAAG;EAACC,IAAI,EAAC,cAAc;EAACC,OAAO,EAAC,WAAW;EAAAC,QAAA,gBACjER,IAAA,CAACH,IAAI;IACHS,IAAI,EAAC,cAAc;IACnBG,CAAC,EAAC;EAAilC,CACplC,CAAC,eACFT,IAAA,CAACH,IAAI;IACHS,IAAI,EAAC,cAAc;IACnBG,CAAC,EAAC;EAA26C,CAC96C,CAAC;AAAA,CACC,CACP,CAAC","ignoreList":[]}
|
|
@@ -44,7 +44,7 @@ export const ArrowLeft = createIcon('ArrowLeft', /*#__PURE__*/_jsx(Svg, {
|
|
|
44
44
|
strokeLinecap: "round",
|
|
45
45
|
strokeLinejoin: "round",
|
|
46
46
|
strokeWidth: 1.3,
|
|
47
|
-
d: "M3.333 8h9.
|
|
47
|
+
d: "M3.333 8h9.334m-6 3.333L3.333 8l3.334-3.333"
|
|
48
48
|
})
|
|
49
49
|
}));
|
|
50
50
|
//# sourceMappingURL=ArrowLeft.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Svg","Path","createIcon","jsx","_jsx","ArrowLeft","width","height","fill","viewBox","children","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d"],"sourceRoot":"../../../../../src","sources":["lib/Symbols/Icons/ArrowLeft.tsx"],"mappings":";;AAAA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,qCAAkC;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA7BA,SAAAC,GAAA,IAAAC,IAAA;AA8BA,OAAO,MAAMC,SAAS,GAAGH,UAAU,CACjC,WAAW,eACXE,IAAA,CAACJ,GAAG;EAACM,KAAK,EAAE,EAAG;EAACC,MAAM,EAAE,EAAG;EAACC,IAAI,EAAC,cAAc;EAACC,OAAO,EAAC,WAAW;EAAAC,QAAA,eACjEN,IAAA,CAACH,IAAI;IACHU,MAAM,EAAC,cAAc;IACrBC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,WAAW,EAAE,GAAI;IACjBC,CAAC,EAAC;
|
|
1
|
+
{"version":3,"names":["Svg","Path","createIcon","jsx","_jsx","ArrowLeft","width","height","fill","viewBox","children","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d"],"sourceRoot":"../../../../../src","sources":["lib/Symbols/Icons/ArrowLeft.tsx"],"mappings":";;AAAA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,qCAAkC;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA7BA,SAAAC,GAAA,IAAAC,IAAA;AA8BA,OAAO,MAAMC,SAAS,GAAGH,UAAU,CACjC,WAAW,eACXE,IAAA,CAACJ,GAAG;EAACM,KAAK,EAAE,EAAG;EAACC,MAAM,EAAE,EAAG;EAACC,IAAI,EAAC,cAAc;EAACC,OAAO,EAAC,WAAW;EAAAC,QAAA,eACjEN,IAAA,CAACH,IAAI;IACHU,MAAM,EAAC,cAAc;IACrBC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,WAAW,EAAE,GAAI;IACjBC,CAAC,EAAC;EAA6C,CAChD;AAAC,CACC,CACP,CAAC","ignoreList":[]}
|
|
@@ -44,7 +44,7 @@ export const ArrowRight = createIcon('ArrowRight', /*#__PURE__*/_jsx(Svg, {
|
|
|
44
44
|
strokeLinecap: "round",
|
|
45
45
|
strokeLinejoin: "round",
|
|
46
46
|
strokeWidth: 1.3,
|
|
47
|
-
d: "M12.667 8H3.
|
|
47
|
+
d: "M12.667 8H3.333m6-3.333L12.667 8l-3.334 3.333"
|
|
48
48
|
})
|
|
49
49
|
}));
|
|
50
50
|
//# sourceMappingURL=ArrowRight.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Svg","Path","createIcon","jsx","_jsx","ArrowRight","width","height","fill","viewBox","children","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d"],"sourceRoot":"../../../../../src","sources":["lib/Symbols/Icons/ArrowRight.tsx"],"mappings":";;AAAA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,qCAAkC;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA7BA,SAAAC,GAAA,IAAAC,IAAA;AA8BA,OAAO,MAAMC,UAAU,GAAGH,UAAU,CAClC,YAAY,eACZE,IAAA,CAACJ,GAAG;EAACM,KAAK,EAAE,EAAG;EAACC,MAAM,EAAE,EAAG;EAACC,IAAI,EAAC,cAAc;EAACC,OAAO,EAAC,WAAW;EAAAC,QAAA,eACjEN,IAAA,CAACH,IAAI;IACHU,MAAM,EAAC,cAAc;IACrBC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,WAAW,EAAE,GAAI;IACjBC,CAAC,EAAC;
|
|
1
|
+
{"version":3,"names":["Svg","Path","createIcon","jsx","_jsx","ArrowRight","width","height","fill","viewBox","children","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d"],"sourceRoot":"../../../../../src","sources":["lib/Symbols/Icons/ArrowRight.tsx"],"mappings":";;AAAA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,qCAAkC;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA7BA,SAAAC,GAAA,IAAAC,IAAA;AA8BA,OAAO,MAAMC,UAAU,GAAGH,UAAU,CAClC,YAAY,eACZE,IAAA,CAACJ,GAAG;EAACM,KAAK,EAAE,EAAG;EAACC,MAAM,EAAE,EAAG;EAACC,IAAI,EAAC,cAAc;EAACC,OAAO,EAAC,WAAW;EAAAC,QAAA,eACjEN,IAAA,CAACH,IAAI;IACHU,MAAM,EAAC,cAAc;IACrBC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,WAAW,EAAE,GAAI;IACjBC,CAAC,EAAC;EAA+C,CAClD;AAAC,CACC,CACP,CAAC","ignoreList":[]}
|
|
@@ -44,7 +44,7 @@ export const BasketPutIn = createIcon('BasketPutIn', /*#__PURE__*/_jsx(Svg, {
|
|
|
44
44
|
strokeLinecap: "round",
|
|
45
45
|
strokeLinejoin: "round",
|
|
46
46
|
strokeWidth: 1.3,
|
|
47
|
-
d: "M5.5 12h6.667M5.5 12a1.167 1.167 0 1 0 0 2.333A1.167 1.167 0 0 0 5.5 12m6.667 0a1.167 1.167 0 1 0 0 2.333 1.167 1.167 0 0 0 0-2.333M3.762 4.667h1.571M8.667 4v3.
|
|
47
|
+
d: "M5.5 12h6.667M5.5 12a1.167 1.167 0 1 0 0 2.333A1.167 1.167 0 0 0 5.5 12m6.667 0a1.167 1.167 0 1 0 0 2.333 1.167 1.167 0 0 0 0-2.333M3.762 4.667h1.571M8.667 4v3.333M10 6 8.667 7.333 7.333 6m-2 6-2-9.333H2m10 2h1.333a.667.667 0 0 1 .644.838l-1.066 4a.67.67 0 0 1-.644.495H4.905"
|
|
48
48
|
})
|
|
49
49
|
}));
|
|
50
50
|
//# sourceMappingURL=BasketPutIn.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Svg","Path","createIcon","jsx","_jsx","BasketPutIn","width","height","fill","viewBox","children","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d"],"sourceRoot":"../../../../../src","sources":["lib/Symbols/Icons/BasketPutIn.tsx"],"mappings":";;AAAA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,qCAAkC;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA7BA,SAAAC,GAAA,IAAAC,IAAA;AA8BA,OAAO,MAAMC,WAAW,GAAGH,UAAU,CACnC,aAAa,eACbE,IAAA,CAACJ,GAAG;EAACM,KAAK,EAAE,EAAG;EAACC,MAAM,EAAE,EAAG;EAACC,IAAI,EAAC,cAAc;EAACC,OAAO,EAAC,WAAW;EAAAC,QAAA,eACjEN,IAAA,CAACH,IAAI;IACHU,MAAM,EAAC,cAAc;IACrBC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,WAAW,EAAE,GAAI;IACjBC,CAAC,EAAC;
|
|
1
|
+
{"version":3,"names":["Svg","Path","createIcon","jsx","_jsx","BasketPutIn","width","height","fill","viewBox","children","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d"],"sourceRoot":"../../../../../src","sources":["lib/Symbols/Icons/BasketPutIn.tsx"],"mappings":";;AAAA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,qCAAkC;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA7BA,SAAAC,GAAA,IAAAC,IAAA;AA8BA,OAAO,MAAMC,WAAW,GAAGH,UAAU,CACnC,aAAa,eACbE,IAAA,CAACJ,GAAG;EAACM,KAAK,EAAE,EAAG;EAACC,MAAM,EAAE,EAAG;EAACC,IAAI,EAAC,cAAc;EAACC,OAAO,EAAC,WAAW;EAAAC,QAAA,eACjEN,IAAA,CAACH,IAAI;IACHU,MAAM,EAAC,cAAc;IACrBC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,WAAW,EAAE,GAAI;IACjBC,CAAC,EAAC;EAAqR,CACxR;AAAC,CACC,CACP,CAAC","ignoreList":[]}
|
|
@@ -44,7 +44,7 @@ export const Clip = createIcon('Clip', /*#__PURE__*/_jsx(Svg, {
|
|
|
44
44
|
strokeLinecap: "round",
|
|
45
45
|
strokeLinejoin: "round",
|
|
46
46
|
strokeWidth: 1.3,
|
|
47
|
-
d: "M8.967 6.253 5.28 9.94a1.083 1.083 0 0 0 0 1.547h-.007c.427.427 1.12.427 1.547 0l5.747-5.75a2.197 2.197 0 0 0 0-3.1l-.007-.007a2.19 2.19 0 0 0-3.1-.007h-.007L3.7 8.369a3.
|
|
47
|
+
d: "M8.967 6.253 5.28 9.94a1.083 1.083 0 0 0 0 1.547h-.007c.427.427 1.12.427 1.547 0l5.747-5.75a2.197 2.197 0 0 0 0-3.1l-.007-.007a2.19 2.19 0 0 0-3.1-.007h-.007L3.7 8.369a3.277 3.277 0 0 0-.007 4.639 3.283 3.283 0 0 0 4.64 0v-.007l4.2-4.2"
|
|
48
48
|
})
|
|
49
49
|
}));
|
|
50
50
|
//# sourceMappingURL=Clip.js.map
|