@ledgerhq/lumen-ui-rnative 0.1.18 → 0.1.20
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/DotSymbol/DotSymbol.js +141 -0
- package/dist/module/lib/Components/DotSymbol/DotSymbol.js.map +1 -0
- package/dist/module/lib/Components/DotSymbol/DotSymbol.mdx +54 -0
- package/dist/module/lib/Components/DotSymbol/DotSymbol.stories.js +301 -0
- package/dist/module/lib/Components/DotSymbol/DotSymbol.stories.js.map +1 -0
- package/dist/module/lib/Components/DotSymbol/DotSymbol.test.js +134 -0
- package/dist/module/lib/Components/DotSymbol/DotSymbol.test.js.map +1 -0
- package/dist/module/lib/Components/DotSymbol/index.js +5 -0
- package/dist/module/lib/Components/DotSymbol/index.js.map +1 -0
- package/dist/module/lib/Components/DotSymbol/types.js +4 -0
- package/dist/module/lib/Components/DotSymbol/types.js.map +1 -0
- package/dist/module/lib/Components/MediaImage/MediaImage.js +1 -11
- package/dist/module/lib/Components/MediaImage/MediaImage.js.map +1 -1
- package/dist/module/lib/Components/MediaImage/index.js +1 -1
- package/dist/module/lib/Components/MediaImage/index.js.map +1 -1
- package/dist/module/lib/Components/NavBar/NavBar.js +0 -2
- package/dist/module/lib/Components/NavBar/NavBar.js.map +1 -1
- package/dist/module/lib/Components/Select/Select.stories.js +1 -0
- package/dist/module/lib/Components/Select/Select.stories.js.map +1 -1
- package/dist/module/lib/Components/index.js +1 -0
- package/dist/module/lib/Components/index.js.map +1 -1
- package/dist/typescript/src/lib/Components/DotSymbol/DotSymbol.d.ts +21 -0
- package/dist/typescript/src/lib/Components/DotSymbol/DotSymbol.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/DotSymbol/index.d.ts +3 -0
- package/dist/typescript/src/lib/Components/DotSymbol/index.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/DotSymbol/types.d.ts +34 -0
- package/dist/typescript/src/lib/Components/DotSymbol/types.d.ts.map +1 -0
- package/dist/typescript/src/lib/Components/MediaImage/MediaImage.d.ts +1 -2
- package/dist/typescript/src/lib/Components/MediaImage/MediaImage.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/MediaImage/index.d.ts +1 -1
- package/dist/typescript/src/lib/Components/MediaImage/index.d.ts.map +1 -1
- package/dist/typescript/src/lib/Components/index.d.ts +1 -0
- package/dist/typescript/src/lib/Components/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/lib/Components/DotSymbol/DotSymbol.mdx +54 -0
- package/src/lib/Components/DotSymbol/DotSymbol.stories.tsx +191 -0
- package/src/lib/Components/DotSymbol/DotSymbol.test.tsx +119 -0
- package/src/lib/Components/DotSymbol/DotSymbol.tsx +161 -0
- package/src/lib/Components/DotSymbol/index.ts +2 -0
- package/src/lib/Components/DotSymbol/types.ts +40 -0
- package/src/lib/Components/MediaImage/MediaImage.tsx +6 -17
- package/src/lib/Components/MediaImage/index.ts +1 -1
- package/src/lib/Components/NavBar/NavBar.tsx +0 -3
- package/src/lib/Components/Select/Select.stories.tsx +1 -0
- package/src/lib/Components/index.ts +1 -0
|
@@ -15,16 +15,6 @@ const borderRadiusMap = {
|
|
|
15
15
|
48: 'md',
|
|
16
16
|
56: 'lg'
|
|
17
17
|
};
|
|
18
|
-
export const mediaImageDotSizeMap = {
|
|
19
|
-
12: 8,
|
|
20
|
-
16: 8,
|
|
21
|
-
20: 8,
|
|
22
|
-
24: 10,
|
|
23
|
-
32: 12,
|
|
24
|
-
40: 16,
|
|
25
|
-
48: 20,
|
|
26
|
-
56: 24
|
|
27
|
-
};
|
|
28
18
|
const useStyles = ({
|
|
29
19
|
size,
|
|
30
20
|
shape
|
|
@@ -40,7 +30,7 @@ const useStyles = ({
|
|
|
40
30
|
overflow: 'hidden',
|
|
41
31
|
alignItems: 'center',
|
|
42
32
|
justifyContent: 'center',
|
|
43
|
-
backgroundColor: t.colors.bg.
|
|
33
|
+
backgroundColor: t.colors.bg.muted
|
|
44
34
|
},
|
|
45
35
|
image: {
|
|
46
36
|
width: '100%',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useState","Image","StyleSheet","useStyleSheet","Box","jsx","_jsx","borderRadiusMap","
|
|
1
|
+
{"version":3,"names":["useEffect","useState","Image","StyleSheet","useStyleSheet","Box","jsx","_jsx","borderRadiusMap","useStyles","size","shape","t","sizeValue","sizes","radius","borderRadius","full","root","width","height","overflow","alignItems","justifyContent","backgroundColor","colors","bg","muted","image","MediaImage","src","alt","lx","style","ref","props","error","setError","shouldFallback","styles","flatten","accessibilityRole","accessibilityLabel","children","source","uri","accessible","onError","testID"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaImage/MediaImage.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAChD,SAASC,aAAa,QAAQ,0BAAiB;AAC/C,SAASC,GAAG,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKjC,MAAMC,eAAwD,GAAG;EAC/D,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE;AACN,CAAC;AAED,MAAMC,SAAS,GAAGA,CAAC;EACjBC,IAAI;EACJC;AAIF,CAAC,KAAK;EACJ,OAAOP,aAAa,CACjBQ,CAAC,IAAK;IACL,MAAMC,SAAS,GAAGD,CAAC,CAACE,KAAK,CAAC,IAAIJ,IAAI,EAAE,CAAmC;IACvE,MAAMK,MAAM,GACVJ,KAAK,KAAK,QAAQ,GACdC,CAAC,CAACI,YAAY,CAACC,IAAI,GACnBL,CAAC,CAACI,YAAY,CAACR,eAAe,CAACE,IAAI,CAAC,CAAC;IAE3C,OAAO;MACLQ,IAAI,EAAE;QACJC,KAAK,EAAEN,SAAS;QAChBO,MAAM,EAAEP,SAAS;QACjBG,YAAY,EAAED,MAAM;QACpBM,QAAQ,EAAE,QAAQ;QAClBC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,eAAe,EAAEZ,CAAC,CAACa,MAAM,CAACC,EAAE,CAACC;MAC/B,CAAC;MACDC,KAAK,EAAE;QACLT,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE;MACV;IACF,CAAC;EACH,CAAC,EACD,CAACV,IAAI,EAAEC,KAAK,CACd,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMkB,UAAU,GAAGA,CAAC;EACzBC,GAAG;EACHC,GAAG;EACHrB,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,QAAQ;EAChBqB,EAAE,GAAG,CAAC,CAAC;EACPC,KAAK;EACLC,GAAG;EACH,GAAGC;AACY,CAAC,KAAK;EACrB,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGpC,QAAQ,CAAC,KAAK,CAAC;EACzC,MAAMqC,cAAc,GAAG,CAACR,GAAG,IAAIM,KAAK;EACpC,MAAMG,MAAM,GAAG9B,SAAS,CAAC;IAAEC,IAAI;IAAEC;EAAM,CAAC,CAAC;EAEzCX,SAAS,CAAC,MAAM;IACdqC,QAAQ,CAAC,KAAK,CAAC;EACjB,CAAC,EAAE,CAACP,GAAG,CAAC,CAAC;EAET,oBACEvB,IAAA,CAACF,GAAG;IACF6B,GAAG,EAAEA,GAAI;IACTF,EAAE,EAAEA,EAAG;IACPC,KAAK,EAAE9B,UAAU,CAACqC,OAAO,CAAC,CAACD,MAAM,CAACrB,IAAI,EAAEe,KAAK,CAAC,CAAE;IAChDQ,iBAAiB,EAAC,OAAO;IACzBC,kBAAkB,EAAEX,GAAI;IAAA,GACpBI,KAAK;IAAAQ,QAAA,EAER,CAACL,cAAc,iBACd/B,IAAA,CAACL,KAAK;MACJ0C,MAAM,EAAE;QAAEC,GAAG,EAAEf;MAAI,CAAE;MACrBG,KAAK,EAAEM,MAAM,CAACX,KAAM;MACpBkB,UAAU,EAAE,KAAM;MAClBC,OAAO,EAAEA,CAAA,KAAMV,QAAQ,CAAC,IAAI,CAAE;MAC9BW,MAAM,EAAC;IAAiB,CACzB;EACF,CACE,CAAC;AAEV,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["MediaImage"
|
|
1
|
+
{"version":3,"names":["MediaImage"],"sourceRoot":"../../../../../src","sources":["lib/Components/MediaImage/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,iBAAc;AACzC,cAAc,YAAS","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createSafeContext","Children","isValidElement","StyleSheet","useCommonTranslation","useStyleSheet","ArrowLeft","IconButton","Box","Text","CoinCapsule","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","NavBarProvider","useNavBarContext","extractSlots","children","slots","backButton","content","trailing","forEach","child","displayName","type","NavBarContent","style","props","appearance","consumerName","contextRequired","styles","useStyles","NavBarTitle","numberOfLines","title","NavBarDescription","description","NavBarCoinCapsule","ticker","icon","NavBarBackButton","accessibilityLabel","onPress","t","size","NavBarTrailing","container","flexDirection","alignItems","gap","spacings","s4","NavBar","value","topRow","backButtonContainer","trailingContainer","contentContainer","flatten","minWidth","sizes","full","minHeight","s64","justifyContent","paddingHorizontal","paddingVertical","s8","width","position","left","zIndex","flexShrink","right","marginLeft","
|
|
1
|
+
{"version":3,"names":["createSafeContext","Children","isValidElement","StyleSheet","useCommonTranslation","useStyleSheet","ArrowLeft","IconButton","Box","Text","CoinCapsule","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","NavBarProvider","useNavBarContext","extractSlots","children","slots","backButton","content","trailing","forEach","child","displayName","type","NavBarContent","style","props","appearance","consumerName","contextRequired","styles","useStyles","NavBarTitle","numberOfLines","title","NavBarDescription","description","NavBarCoinCapsule","ticker","icon","NavBarBackButton","accessibilityLabel","onPress","t","size","NavBarTrailing","container","flexDirection","alignItems","gap","spacings","s4","NavBar","value","topRow","backButtonContainer","trailingContainer","contentContainer","flatten","minWidth","sizes","full","minHeight","s64","justifyContent","paddingHorizontal","paddingVertical","s8","width","position","left","zIndex","flexShrink","right","marginLeft","s48","s12","paddingBottom","typographies","heading3SemiBold","heading4SemiBold","color","colors","text","base","textAlign","body2","muted"],"sourceRoot":"../../../../../src","sources":["lib/Components/NavBar/NavBar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,6 +7,7 @@ import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, SelectIt
|
|
|
7
7
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
8
8
|
const meta = {
|
|
9
9
|
component: Select,
|
|
10
|
+
tags: ['deprecated'],
|
|
10
11
|
subcomponents: {
|
|
11
12
|
SelectTrigger,
|
|
12
13
|
SelectValue,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","Box","GlobalSelectBottomSheet","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","SelectItemText","SelectGroup","SelectLabel","SelectSeparator","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","meta","component","subcomponents","title","parameters","layout","Base","render","value","setValue","children","style","flex","minHeight","padding","width","maxWidth","onValueChange","label","WithGroups","WithDisabledItems","disabled","DisabledSelect","WithChangeCallback","newValue","alert","onOpenChange","open"],"sourceRoot":"../../../../../src","sources":["lib/Components/Select/Select.stories.tsx"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,GAAG,QAAQ,qBAAY;AAChC,SAASC,uBAAuB,QAAQ,8BAA2B;AACnE,SACEC,MAAM,EACNC,aAAa,EACbC,WAAW,EACXC,aAAa,EACbC,UAAU,EACVC,cAAc,EACdC,WAAW,EACXC,WAAW,EACXC,eAAe,QACV,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAElB,MAAMC,IAAyB,GAAG;EAChCC,SAAS,EAAEhB,MAAM;EACjBiB,aAAa,EAAE;
|
|
1
|
+
{"version":3,"names":["useState","Box","GlobalSelectBottomSheet","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","SelectItemText","SelectGroup","SelectLabel","SelectSeparator","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","meta","component","tags","subcomponents","title","parameters","layout","Base","render","value","setValue","children","style","flex","minHeight","padding","width","maxWidth","onValueChange","label","WithGroups","WithDisabledItems","disabled","DisabledSelect","WithChangeCallback","newValue","alert","onOpenChange","open"],"sourceRoot":"../../../../../src","sources":["lib/Components/Select/Select.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -13,6 +13,7 @@ export * from "./CardButton/index.js";
|
|
|
13
13
|
export * from "./ContentBanner/index.js";
|
|
14
14
|
export * from "./Checkbox/index.js";
|
|
15
15
|
export * from "./Divider/index.js";
|
|
16
|
+
export * from "./DotSymbol/index.js";
|
|
16
17
|
export * from "./Icon/index.js";
|
|
17
18
|
export * from "./IconButton/index.js";
|
|
18
19
|
export * from "./InteractiveIcon/index.js";
|
|
@@ -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,mBAAU;AACxB,cAAc,0BAAiB;AAC/B,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,0BAAiB;AAC/B,cAAc,qBAAY;AAC1B,cAAc,oBAAW;AACzB,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,4BAAmB;AACjC,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,wBAAe;AAC7B,cAAc,sBAAa;AAC3B,cAAc,uBAAc;AAC5B,cAAc,mBAAU;AACxB,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,oBAAW;AACzB,cAAc,sBAAa;AAC3B,cAAc,0BAAiB;AAC/B,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,oBAAW","ignoreList":[]}
|
|
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,0BAAiB;AAC/B,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,0BAAiB;AAC/B,cAAc,qBAAY;AAC1B,cAAc,oBAAW;AACzB,cAAc,sBAAa;AAC3B,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,4BAAmB;AACjC,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,wBAAe;AAC7B,cAAc,sBAAa;AAC3B,cAAc,uBAAc;AAC5B,cAAc,mBAAU;AACxB,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,oBAAW;AACzB,cAAc,sBAAa;AAC3B,cAAc,0BAAiB;AAC/B,cAAc,iBAAQ;AACtB,cAAc,uBAAc;AAC5B,cAAc,oBAAW","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { MediaImageSize } from '../MediaImage';
|
|
2
|
+
import { SpotSize } from '../Spot';
|
|
3
|
+
import { DotSymbolProps, DotSymbolSize } from './types';
|
|
4
|
+
export declare const mediaImageDotSizeMap: Record<MediaImageSize, DotSymbolSize>;
|
|
5
|
+
export declare const spotDotSizeMap: Record<SpotSize, DotSymbolSize>;
|
|
6
|
+
/**
|
|
7
|
+
* A wrapper component that positions a small image indicator at a configurable
|
|
8
|
+
* corner of a child element like MediaImage or Spot.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* import { DotSymbol } from '@ledgerhq/lumen-ui-rnative';
|
|
12
|
+
*
|
|
13
|
+
* <DotSymbol src="https://example.com/eth.png" alt="Ethereum" pin="bottom-end">
|
|
14
|
+
* <MediaImage src="https://example.com/usdc.png" alt="USDC" size={48} />
|
|
15
|
+
* </DotSymbol>
|
|
16
|
+
*/
|
|
17
|
+
export declare const DotSymbol: {
|
|
18
|
+
({ children, src, alt, pin, size, shape, lx, style, ref, ...rest }: DotSymbolProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
displayName: string;
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=DotSymbol.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DotSymbol.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/DotSymbol/DotSymbol.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,OAAO,EAAgB,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAsBtE,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,cAAc,EAAE,aAAa,CAStE,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,QAAQ,EAAE,aAAa,CAM1D,CAAC;AA4DF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS;wEAWnB,cAAc;;CA+BhB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/DotSymbol/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC9E,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import { StyledViewProps } from '../../../styles';
|
|
3
|
+
export type DotSymbolSize = 8 | 10 | 12 | 16 | 20 | 24;
|
|
4
|
+
export type DotSymbolPin = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
|
|
5
|
+
export type DotSymbolProps = {
|
|
6
|
+
/**
|
|
7
|
+
* Image source URL for the dot indicator.
|
|
8
|
+
*/
|
|
9
|
+
src: string;
|
|
10
|
+
/**
|
|
11
|
+
* Alternative text for the dot image.
|
|
12
|
+
*/
|
|
13
|
+
alt?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Corner placement of the dot indicator.
|
|
16
|
+
* @default 'bottom-end'
|
|
17
|
+
*/
|
|
18
|
+
pin?: DotSymbolPin;
|
|
19
|
+
/**
|
|
20
|
+
* The size of the dot indicator in pixels.
|
|
21
|
+
* @default 20
|
|
22
|
+
*/
|
|
23
|
+
size?: DotSymbolSize;
|
|
24
|
+
/**
|
|
25
|
+
* The shape of the dot indicator.
|
|
26
|
+
* @default 'circle'
|
|
27
|
+
*/
|
|
28
|
+
shape?: 'square' | 'circle';
|
|
29
|
+
/**
|
|
30
|
+
* The wrapped component (e.g. MediaImage or Spot).
|
|
31
|
+
*/
|
|
32
|
+
children?: ReactNode;
|
|
33
|
+
} & Omit<StyledViewProps, 'children'>;
|
|
34
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/DotSymbol/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEvD,MAAM,MAAM,YAAY,GACpB,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,CAAC;AAEjB,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { MediaImageProps
|
|
2
|
-
export declare const mediaImageDotSizeMap: Record<MediaImageSize, number>;
|
|
1
|
+
import { MediaImageProps } from './types';
|
|
3
2
|
/**
|
|
4
3
|
* A generic media image component that displays an image with optional shape variants.
|
|
5
4
|
* Supports square and circular appearances with consistent sizing.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaImage.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/MediaImage/MediaImage.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"MediaImage.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/MediaImage/MediaImage.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAmC,MAAM,SAAS,CAAC;AAkD3E;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU,GAAI,qDASxB,eAAe,4CA6BjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/MediaImage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/Components/MediaImage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,cAAc,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}
|
package/package.json
CHANGED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
|
|
2
|
+
import * as DotSymbolStories from './DotSymbol.stories';
|
|
3
|
+
import { CustomTabs, Tab } from '../../../../.storybook/components';
|
|
4
|
+
|
|
5
|
+
<Meta title='Communication/DotSymbol' of={DotSymbolStories} />
|
|
6
|
+
|
|
7
|
+
<CustomTabs>
|
|
8
|
+
<Tab label="Overview">
|
|
9
|
+
# DotSymbol
|
|
10
|
+
|
|
11
|
+
## Introduction
|
|
12
|
+
|
|
13
|
+
DotSymbol positions a small image indicator at a configurable corner of a child element such as MediaImage or Spot. It is commonly used to show a network badge or secondary icon overlapping a primary symbol.
|
|
14
|
+
|
|
15
|
+
## Anatomy
|
|
16
|
+
|
|
17
|
+
<Canvas of={DotSymbolStories.Base} />
|
|
18
|
+
|
|
19
|
+
- **Wrapper**: Relative container that preserves the child's layout
|
|
20
|
+
- **Child**: The primary element (e.g. MediaImage, Spot)
|
|
21
|
+
- **Dot**: Absolutely-positioned image indicator with border and configurable shape
|
|
22
|
+
|
|
23
|
+
## Properties
|
|
24
|
+
|
|
25
|
+
### Overview
|
|
26
|
+
|
|
27
|
+
<Canvas of={DotSymbolStories.Base} />
|
|
28
|
+
<Controls of={DotSymbolStories.Base} />
|
|
29
|
+
|
|
30
|
+
### Pin
|
|
31
|
+
|
|
32
|
+
Four corner placements are available: `bottom-end` (default), `top-end`, `bottom-start`, and `top-start`.
|
|
33
|
+
|
|
34
|
+
<Canvas of={DotSymbolStories.PinShowcase} />
|
|
35
|
+
|
|
36
|
+
### Shapes
|
|
37
|
+
|
|
38
|
+
<Canvas of={DotSymbolStories.ShapeShowcase} />
|
|
39
|
+
|
|
40
|
+
- **circle** (default): Fully rounded dot
|
|
41
|
+
- **square**: Rounded corners that scale with size
|
|
42
|
+
|
|
43
|
+
### Sizes
|
|
44
|
+
|
|
45
|
+
The dot size is driven by the parent MediaImage or Spot size via the mapping helpers `mediaImageDotSizeMap` and `spotDotSizeMap`.
|
|
46
|
+
|
|
47
|
+
<Canvas of={DotSymbolStories.SizeShowcase} />
|
|
48
|
+
|
|
49
|
+
## Accessibility
|
|
50
|
+
|
|
51
|
+
- Always provide a meaningful `alt` prop on the DotSymbol so the indicator image is announced by screen readers.
|
|
52
|
+
- The child element should carry its own accessibility label independently.
|
|
53
|
+
</Tab>
|
|
54
|
+
</CustomTabs>
|
|
@@ -0,0 +1,191 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-native-web-vite';
|
|
2
|
+
import { CoinAlert } from '../../Symbols';
|
|
3
|
+
import { MediaImage } from '../MediaImage';
|
|
4
|
+
import { Spot } from '../Spot';
|
|
5
|
+
import { Box } from '../Utility';
|
|
6
|
+
import { DotSymbol, mediaImageDotSizeMap } from './DotSymbol';
|
|
7
|
+
|
|
8
|
+
const meta = {
|
|
9
|
+
component: DotSymbol,
|
|
10
|
+
title: 'Communication/DotSymbol',
|
|
11
|
+
parameters: {
|
|
12
|
+
docs: {
|
|
13
|
+
source: {
|
|
14
|
+
language: 'tsx',
|
|
15
|
+
format: true,
|
|
16
|
+
type: 'code',
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
},
|
|
20
|
+
} satisfies Meta<typeof DotSymbol>;
|
|
21
|
+
|
|
22
|
+
export default meta;
|
|
23
|
+
type Story = StoryObj<typeof meta>;
|
|
24
|
+
|
|
25
|
+
const parentSrc = 'https://crypto-icons.ledger.com/ADA.png';
|
|
26
|
+
const dotSrc = 'https://crypto-icons.ledger.com/BTC.png';
|
|
27
|
+
|
|
28
|
+
export const Base: Story = {
|
|
29
|
+
args: {
|
|
30
|
+
src: dotSrc,
|
|
31
|
+
alt: 'Ethereum network',
|
|
32
|
+
pin: 'bottom-end',
|
|
33
|
+
size: 20,
|
|
34
|
+
shape: 'circle',
|
|
35
|
+
children: <MediaImage src={parentSrc} alt='Cardano' shape='circle' />,
|
|
36
|
+
},
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
export const PinShowcase: Story = {
|
|
40
|
+
args: { src: dotSrc, alt: 'Pin showcase' },
|
|
41
|
+
render: () => (
|
|
42
|
+
<Box lx={{ flexDirection: 'column', alignItems: 'center', gap: 's24' }}>
|
|
43
|
+
<Box lx={{ flexDirection: 'row', alignItems: 'center', gap: 's32' }}>
|
|
44
|
+
<DotSymbol src={dotSrc} pin='bottom-end'>
|
|
45
|
+
<MediaImage src={parentSrc} shape='circle' />
|
|
46
|
+
</DotSymbol>
|
|
47
|
+
<DotSymbol src={dotSrc} pin='top-end'>
|
|
48
|
+
<MediaImage src={parentSrc} shape='circle' />
|
|
49
|
+
</DotSymbol>
|
|
50
|
+
<DotSymbol src={dotSrc} pin='bottom-start'>
|
|
51
|
+
<MediaImage src={parentSrc} shape='circle' />
|
|
52
|
+
</DotSymbol>
|
|
53
|
+
<DotSymbol src={dotSrc} pin='top-start'>
|
|
54
|
+
<MediaImage src={parentSrc} shape='circle' />
|
|
55
|
+
</DotSymbol>
|
|
56
|
+
</Box>
|
|
57
|
+
<Box lx={{ flexDirection: 'row', alignItems: 'center', gap: 's32' }}>
|
|
58
|
+
<DotSymbol src={dotSrc} pin='bottom-end'>
|
|
59
|
+
<Spot appearance='icon' icon={CoinAlert} />
|
|
60
|
+
</DotSymbol>
|
|
61
|
+
<DotSymbol src={dotSrc} pin='top-end'>
|
|
62
|
+
<Spot appearance='icon' icon={CoinAlert} />
|
|
63
|
+
</DotSymbol>
|
|
64
|
+
<DotSymbol src={dotSrc} pin='bottom-start'>
|
|
65
|
+
<Spot appearance='icon' icon={CoinAlert} />
|
|
66
|
+
</DotSymbol>
|
|
67
|
+
<DotSymbol src={dotSrc} pin='top-start'>
|
|
68
|
+
<Spot appearance='icon' icon={CoinAlert} />
|
|
69
|
+
</DotSymbol>
|
|
70
|
+
</Box>
|
|
71
|
+
</Box>
|
|
72
|
+
),
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
export const ShapeShowcase: Story = {
|
|
76
|
+
args: { src: dotSrc, alt: 'Shape showcase' },
|
|
77
|
+
render: () => (
|
|
78
|
+
<Box lx={{ flexDirection: 'column', alignItems: 'center', gap: 's48' }}>
|
|
79
|
+
<Box lx={{ flexDirection: 'row', alignItems: 'center', gap: 's48' }}>
|
|
80
|
+
<DotSymbol shape='square' src={dotSrc} pin='bottom-end'>
|
|
81
|
+
<MediaImage src={parentSrc} shape='circle' />
|
|
82
|
+
</DotSymbol>
|
|
83
|
+
<DotSymbol shape='circle' src={dotSrc} pin='bottom-end'>
|
|
84
|
+
<MediaImage src={parentSrc} shape='circle' />
|
|
85
|
+
</DotSymbol>
|
|
86
|
+
</Box>
|
|
87
|
+
</Box>
|
|
88
|
+
),
|
|
89
|
+
};
|
|
90
|
+
|
|
91
|
+
export const SizeShowcase: Story = {
|
|
92
|
+
args: { src: dotSrc, alt: 'Size showcase' },
|
|
93
|
+
render: () => (
|
|
94
|
+
<Box lx={{ flexDirection: 'column', gap: 's40' }}>
|
|
95
|
+
<Box lx={{ flexDirection: 'row', alignItems: 'flex-end', gap: 's24' }}>
|
|
96
|
+
<DotSymbol
|
|
97
|
+
src={dotSrc}
|
|
98
|
+
size={mediaImageDotSizeMap[20]}
|
|
99
|
+
pin='bottom-end'
|
|
100
|
+
>
|
|
101
|
+
<MediaImage src={parentSrc} size={20} shape='circle' />
|
|
102
|
+
</DotSymbol>
|
|
103
|
+
<DotSymbol
|
|
104
|
+
src={dotSrc}
|
|
105
|
+
size={mediaImageDotSizeMap[24]}
|
|
106
|
+
pin='bottom-end'
|
|
107
|
+
>
|
|
108
|
+
<MediaImage src={parentSrc} size={24} shape='circle' />
|
|
109
|
+
</DotSymbol>
|
|
110
|
+
<DotSymbol
|
|
111
|
+
src={dotSrc}
|
|
112
|
+
size={mediaImageDotSizeMap[32]}
|
|
113
|
+
pin='bottom-end'
|
|
114
|
+
>
|
|
115
|
+
<MediaImage src={parentSrc} size={32} shape='circle' />
|
|
116
|
+
</DotSymbol>
|
|
117
|
+
<DotSymbol
|
|
118
|
+
src={dotSrc}
|
|
119
|
+
size={mediaImageDotSizeMap[40]}
|
|
120
|
+
pin='bottom-end'
|
|
121
|
+
>
|
|
122
|
+
<MediaImage src={parentSrc} size={40} shape='circle' />
|
|
123
|
+
</DotSymbol>
|
|
124
|
+
<DotSymbol
|
|
125
|
+
src={dotSrc}
|
|
126
|
+
size={mediaImageDotSizeMap[48]}
|
|
127
|
+
pin='bottom-end'
|
|
128
|
+
>
|
|
129
|
+
<MediaImage src={parentSrc} size={48} shape='circle' />
|
|
130
|
+
</DotSymbol>
|
|
131
|
+
<DotSymbol
|
|
132
|
+
src={dotSrc}
|
|
133
|
+
size={mediaImageDotSizeMap[56]}
|
|
134
|
+
pin='bottom-end'
|
|
135
|
+
>
|
|
136
|
+
<MediaImage src={parentSrc} size={56} shape='circle' />
|
|
137
|
+
</DotSymbol>
|
|
138
|
+
</Box>
|
|
139
|
+
<Box lx={{ flexDirection: 'row', alignItems: 'flex-end', gap: 's24' }}>
|
|
140
|
+
<DotSymbol
|
|
141
|
+
shape='square'
|
|
142
|
+
src={dotSrc}
|
|
143
|
+
size={mediaImageDotSizeMap[20]}
|
|
144
|
+
pin='bottom-end'
|
|
145
|
+
>
|
|
146
|
+
<MediaImage src={parentSrc} size={20} shape='circle' />
|
|
147
|
+
</DotSymbol>
|
|
148
|
+
<DotSymbol
|
|
149
|
+
shape='square'
|
|
150
|
+
src={dotSrc}
|
|
151
|
+
size={mediaImageDotSizeMap[24]}
|
|
152
|
+
pin='bottom-end'
|
|
153
|
+
>
|
|
154
|
+
<MediaImage src={parentSrc} size={24} shape='circle' />
|
|
155
|
+
</DotSymbol>
|
|
156
|
+
<DotSymbol
|
|
157
|
+
shape='square'
|
|
158
|
+
src={dotSrc}
|
|
159
|
+
size={mediaImageDotSizeMap[32]}
|
|
160
|
+
pin='bottom-end'
|
|
161
|
+
>
|
|
162
|
+
<MediaImage src={parentSrc} size={32} shape='circle' />
|
|
163
|
+
</DotSymbol>
|
|
164
|
+
<DotSymbol
|
|
165
|
+
shape='square'
|
|
166
|
+
src={dotSrc}
|
|
167
|
+
size={mediaImageDotSizeMap[40]}
|
|
168
|
+
pin='bottom-end'
|
|
169
|
+
>
|
|
170
|
+
<MediaImage src={parentSrc} size={40} shape='circle' />
|
|
171
|
+
</DotSymbol>
|
|
172
|
+
<DotSymbol
|
|
173
|
+
shape='square'
|
|
174
|
+
src={dotSrc}
|
|
175
|
+
size={mediaImageDotSizeMap[48]}
|
|
176
|
+
pin='bottom-end'
|
|
177
|
+
>
|
|
178
|
+
<MediaImage src={parentSrc} size={48} shape='circle' />
|
|
179
|
+
</DotSymbol>
|
|
180
|
+
<DotSymbol
|
|
181
|
+
shape='square'
|
|
182
|
+
src={dotSrc}
|
|
183
|
+
size={mediaImageDotSizeMap[56]}
|
|
184
|
+
pin='bottom-end'
|
|
185
|
+
>
|
|
186
|
+
<MediaImage src={parentSrc} size={56} shape='circle' />
|
|
187
|
+
</DotSymbol>
|
|
188
|
+
</Box>
|
|
189
|
+
</Box>
|
|
190
|
+
),
|
|
191
|
+
};
|