@umituz/react-native-design-system 1.4.0 → 1.4.1
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/README.md +2 -1
- package/lib/index.d.ts +3 -2
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +8 -2
- package/lib/index.js.map +1 -1
- package/lib/presentation/atoms/AtomicButton.d.ts +1 -0
- package/lib/presentation/atoms/AtomicButton.d.ts.map +1 -1
- package/lib/presentation/atoms/AtomicButton.js +9 -6
- package/lib/presentation/atoms/AtomicButton.js.map +1 -1
- package/lib/presentation/atoms/AtomicDatePicker.js +1 -1
- package/lib/presentation/atoms/AtomicDatePicker.js.map +1 -1
- package/lib/presentation/atoms/AtomicFab.d.ts +1 -0
- package/lib/presentation/atoms/AtomicFab.d.ts.map +1 -1
- package/lib/presentation/atoms/AtomicFab.js +5 -4
- package/lib/presentation/atoms/AtomicFab.js.map +1 -1
- package/lib/presentation/atoms/AtomicPicker.js +1 -1
- package/lib/presentation/atoms/AtomicPicker.js.map +1 -1
- package/lib/presentation/atoms/AtomicProgress.d.ts +3 -0
- package/lib/presentation/atoms/AtomicProgress.d.ts.map +1 -1
- package/lib/presentation/atoms/AtomicProgress.js +2 -1
- package/lib/presentation/atoms/AtomicProgress.js.map +1 -1
- package/lib/presentation/atoms/AtomicSkeleton.d.ts +4 -4
- package/lib/presentation/atoms/AtomicSkeleton.js +4 -4
- package/lib/presentation/atoms/AtomicTouchable.d.ts +11 -1
- package/lib/presentation/atoms/AtomicTouchable.d.ts.map +1 -1
- package/lib/presentation/atoms/AtomicTouchable.js +19 -6
- package/lib/presentation/atoms/AtomicTouchable.js.map +1 -1
- package/lib/presentation/atoms/fab/types/index.d.ts +5 -0
- package/lib/presentation/atoms/fab/types/index.d.ts.map +1 -1
- package/lib/presentation/atoms/touchable/styles/touchableStyles.d.ts +5 -0
- package/lib/presentation/atoms/touchable/styles/touchableStyles.d.ts.map +1 -1
- package/lib/presentation/atoms/touchable/styles/touchableStyles.js +8 -0
- package/lib/presentation/atoms/touchable/styles/touchableStyles.js.map +1 -1
- package/lib/presentation/atoms/touchable/types/index.d.ts +7 -1
- package/lib/presentation/atoms/touchable/types/index.d.ts.map +1 -1
- package/lib/presentation/loading/presentation/components/LoadingState.d.ts +39 -0
- package/lib/presentation/loading/presentation/components/LoadingState.d.ts.map +1 -0
- package/lib/presentation/loading/presentation/components/LoadingState.js +123 -0
- package/lib/presentation/loading/presentation/components/LoadingState.js.map +1 -0
- package/lib/presentation/molecules/AtomicConfirmationModal.js +1 -1
- package/lib/presentation/organisms/ScreenLayout.d.ts +15 -0
- package/lib/presentation/organisms/ScreenLayout.d.ts.map +1 -1
- package/lib/presentation/organisms/ScreenLayout.js +10 -1
- package/lib/presentation/organisms/ScreenLayout.js.map +1 -1
- package/lib/presentation/tokens/AppDesignTokens.d.ts +1 -1
- package/lib/presentation/tokens/AppDesignTokens.d.ts.map +1 -1
- package/lib/presentation/tokens/AppDesignTokens.js +1 -1
- package/lib/presentation/tokens/AppDesignTokens.js.map +1 -1
- package/lib/presentation/tokens/commonStyles.d.ts +1 -1
- package/lib/presentation/tokens/commonStyles.js +1 -1
- package/lib/presentation/tokens/core/BaseTokens.d.ts +25 -0
- package/lib/presentation/tokens/core/BaseTokens.d.ts.map +1 -1
- package/lib/presentation/tokens/core/BaseTokens.js +18 -0
- package/lib/presentation/tokens/core/BaseTokens.js.map +1 -1
- package/lib/presentation/tokens/core/TokenFactory.d.ts +15 -2
- package/lib/presentation/tokens/core/TokenFactory.d.ts.map +1 -1
- package/lib/presentation/tokens/core/TokenFactory.js +2 -1
- package/lib/presentation/tokens/core/TokenFactory.js.map +1 -1
- package/package.json +3 -4
- package/src/index.ts +10 -1
- package/src/presentation/atoms/AtomicButton.tsx +16 -5
- package/src/presentation/atoms/AtomicDatePicker.tsx +1 -1
- package/src/presentation/atoms/AtomicFab.tsx +9 -3
- package/src/presentation/atoms/AtomicPicker.tsx +1 -1
- package/src/presentation/atoms/AtomicProgress.tsx +4 -0
- package/src/presentation/atoms/AtomicSkeleton.tsx +4 -4
- package/src/presentation/atoms/AtomicTouchable.tsx +27 -3
- package/src/presentation/atoms/fab/types/index.ts +6 -0
- package/src/presentation/atoms/touchable/styles/touchableStyles.ts +9 -0
- package/src/presentation/atoms/touchable/types/index.ts +8 -1
- package/src/presentation/loading/presentation/components/LoadingState.tsx +200 -0
- package/src/presentation/molecules/AtomicConfirmationModal.tsx +1 -1
- package/src/presentation/organisms/ScreenLayout.tsx +40 -0
- package/src/presentation/tokens/AppDesignTokens.ts +2 -0
- package/src/presentation/tokens/commonStyles.ts +1 -1
- package/src/presentation/tokens/core/BaseTokens.ts +22 -0
- package/src/presentation/tokens/core/TokenFactory.ts +4 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/fab/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD;;;GAGG;AACH,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/fab/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD;;;GAGG;AACH,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}
|
|
@@ -13,6 +13,11 @@ export declare const getTouchableContainerStyle: () => ViewStyle;
|
|
|
13
13
|
* Get disabled touchable style
|
|
14
14
|
*/
|
|
15
15
|
export declare const getDisabledStyle: () => ViewStyle;
|
|
16
|
+
/**
|
|
17
|
+
* Get loading container style
|
|
18
|
+
* Centers the loading indicator
|
|
19
|
+
*/
|
|
20
|
+
export declare const getLoadingContainerStyle: () => ViewStyle;
|
|
16
21
|
/**
|
|
17
22
|
* Convert number to HitSlop object
|
|
18
23
|
* If hitSlop is a number, apply it to all sides
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"touchableStyles.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/touchable/styles/touchableStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,UAAU,gBAAgB,KAAG,MAW5D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,0BAA0B,QAAO,SAK5C,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,QAAO,SAElC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,MAAM,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,KAC7F;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,SAkBjE,CAAC"}
|
|
1
|
+
{"version":3,"file":"touchableStyles.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/touchable/styles/touchableStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,UAAU,gBAAgB,KAAG,MAW5D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,0BAA0B,QAAO,SAK5C,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,QAAO,SAElC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,wBAAwB,QAAO,SAG1C,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,MAAM,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,KAC7F;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,SAkBjE,CAAC"}
|
|
@@ -29,6 +29,14 @@ export const getTouchableContainerStyle = () => ({
|
|
|
29
29
|
export const getDisabledStyle = () => ({
|
|
30
30
|
opacity: 0.5,
|
|
31
31
|
});
|
|
32
|
+
/**
|
|
33
|
+
* Get loading container style
|
|
34
|
+
* Centers the loading indicator
|
|
35
|
+
*/
|
|
36
|
+
export const getLoadingContainerStyle = () => ({
|
|
37
|
+
justifyContent: 'center',
|
|
38
|
+
alignItems: 'center',
|
|
39
|
+
});
|
|
32
40
|
/**
|
|
33
41
|
* Convert number to HitSlop object
|
|
34
42
|
* If hitSlop is a number, apply it to all sides
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"touchableStyles.js","sourceRoot":"","sources":["../../../../../src/presentation/atoms/touchable/styles/touchableStyles.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAA0B,EAAU,EAAE;IACpE,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb;YACE,OAAO,GAAG,CAAC;IACf,CAAC;AACH,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAc,EAAE,CAAC,CAAC;IAC1D,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,EAAE;IACb,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAc,EAAE,CAAC,CAAC;IAChD,OAAO,EAAE,GAAG;CACb,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,OAA8F,EACpB,EAAE;IAC5E,IAAI,OAAO,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAE5C,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO;YACL,GAAG,EAAE,OAAO;YACZ,MAAM,EAAE,OAAO;YACf,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO;SACf,CAAC;IACJ,CAAC;IAED,OAAO;QACL,GAAG,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;QACrB,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,CAAC;QAC3B,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC;QACvB,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;KAC1B,CAAC;AACJ,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"touchableStyles.js","sourceRoot":"","sources":["../../../../../src/presentation/atoms/touchable/styles/touchableStyles.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAA0B,EAAU,EAAE;IACpE,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb;YACE,OAAO,GAAG,CAAC;IACf,CAAC;AACH,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAc,EAAE,CAAC,CAAC;IAC1D,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,EAAE;IACb,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAc,EAAE,CAAC,CAAC;IAChD,OAAO,EAAE,GAAG;CACb,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAc,EAAE,CAAC,CAAC;IACxD,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,OAA8F,EACpB,EAAE;IAC5E,IAAI,OAAO,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAE5C,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO;YACL,GAAG,EAAE,OAAO;YACZ,MAAM,EAAE,OAAO;YACf,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO;SACf,CAAC;IACJ,CAAC;IAED,OAAO;QACL,GAAG,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;QACrB,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,CAAC;QAC3B,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC;QACvB,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;KAC1B,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -36,7 +36,8 @@ export interface HitSlop {
|
|
|
36
36
|
* onPress={handlePress}
|
|
37
37
|
* feedback="opacity"
|
|
38
38
|
* strength="normal"
|
|
39
|
-
* disabled={
|
|
39
|
+
* disabled={isLoading}
|
|
40
|
+
* loading={isLoading}
|
|
40
41
|
* hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}
|
|
41
42
|
* style={styles.touchable}
|
|
42
43
|
* >
|
|
@@ -80,6 +81,11 @@ export interface AtomicTouchableProps {
|
|
|
80
81
|
* @default false
|
|
81
82
|
*/
|
|
82
83
|
disabled?: boolean;
|
|
84
|
+
/**
|
|
85
|
+
* Show loading indicator (disables touch)
|
|
86
|
+
* @default false
|
|
87
|
+
*/
|
|
88
|
+
loading?: boolean;
|
|
83
89
|
/**
|
|
84
90
|
* Hit slop - extends touchable area
|
|
85
91
|
* Useful for small touch targets
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/touchable/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAE3E;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5E;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE9D;;;GAGG;AACH,MAAM,WAAW,OAAO;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/touchable/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAE3E;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5E;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE9D;;;GAGG;AACH,MAAM,WAAW,OAAO;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAEnD;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAEpD;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAErD;;;OAGG;IACH,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAE7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE3B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEpC;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAErC;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAE/C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* LoadingState - Dynamic Icon-Based Loading Component
|
|
3
|
+
*
|
|
4
|
+
* Universal loading component with configurable emoji/icon support
|
|
5
|
+
* Inspired by meditation_timer's breathing animation pattern
|
|
6
|
+
* Theme: {{THEME_NAME}} ({{CATEGORY}} category)
|
|
7
|
+
*
|
|
8
|
+
* Features:
|
|
9
|
+
* - ✅ Dynamic emoji/icon per screen (🏠 Home, ⚙️ Settings, 💪 Workout, etc.)
|
|
10
|
+
* - ✅ Breathing animation effect (scale 1 → 1.15 → 1)
|
|
11
|
+
* - ✅ Size variants (small, medium, large)
|
|
12
|
+
* - ✅ Full screen or inline modes
|
|
13
|
+
* - ✅ Optional loading message
|
|
14
|
+
* - ✅ Theme-aware styling
|
|
15
|
+
*/
|
|
16
|
+
import React from 'react';
|
|
17
|
+
export type LoadingStateSize = 'small' | 'medium' | 'large';
|
|
18
|
+
export interface LoadingStateProps {
|
|
19
|
+
/**
|
|
20
|
+
* Emoji/icon to display (changes per screen context)
|
|
21
|
+
* Examples: 🏠 Home, ⚙️ Settings, 💪 Workout, 🧘 Meditation, 📊 Analytics
|
|
22
|
+
*/
|
|
23
|
+
icon?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Optional loading message
|
|
26
|
+
*/
|
|
27
|
+
message?: string;
|
|
28
|
+
/**
|
|
29
|
+
* Size variant
|
|
30
|
+
*/
|
|
31
|
+
size?: LoadingStateSize;
|
|
32
|
+
/**
|
|
33
|
+
* Full screen overlay mode
|
|
34
|
+
*/
|
|
35
|
+
fullScreen?: boolean;
|
|
36
|
+
}
|
|
37
|
+
export declare const LoadingState: React.FC<LoadingStateProps>;
|
|
38
|
+
export default LoadingState;
|
|
39
|
+
//# sourceMappingURL=LoadingState.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoadingState.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/loading/presentation/components/LoadingState.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAqC,MAAM,OAAO,CAAC;AAe1D,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5D,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAkCD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4EpD,CAAC;AAmCF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* LoadingState - Dynamic Icon-Based Loading Component
|
|
3
|
+
*
|
|
4
|
+
* Universal loading component with configurable emoji/icon support
|
|
5
|
+
* Inspired by meditation_timer's breathing animation pattern
|
|
6
|
+
* Theme: {{THEME_NAME}} ({{CATEGORY}} category)
|
|
7
|
+
*
|
|
8
|
+
* Features:
|
|
9
|
+
* - ✅ Dynamic emoji/icon per screen (🏠 Home, ⚙️ Settings, 💪 Workout, etc.)
|
|
10
|
+
* - ✅ Breathing animation effect (scale 1 → 1.15 → 1)
|
|
11
|
+
* - ✅ Size variants (small, medium, large)
|
|
12
|
+
* - ✅ Full screen or inline modes
|
|
13
|
+
* - ✅ Optional loading message
|
|
14
|
+
* - ✅ Theme-aware styling
|
|
15
|
+
*/
|
|
16
|
+
import React, { useRef, useEffect, useMemo } from 'react';
|
|
17
|
+
import { View, StyleSheet, Animated, Easing, } from 'react-native';
|
|
18
|
+
import { useAppDesignTokens } from '../../../hooks/useAppDesignTokens';
|
|
19
|
+
import { AtomicText } from '../../../atoms/AtomicText';
|
|
20
|
+
const SIZE_CONFIG = {
|
|
21
|
+
small: {
|
|
22
|
+
iconSize: 32,
|
|
23
|
+
showMessage: false,
|
|
24
|
+
containerPadding: 16,
|
|
25
|
+
},
|
|
26
|
+
medium: {
|
|
27
|
+
iconSize: 48,
|
|
28
|
+
showMessage: true,
|
|
29
|
+
containerPadding: 24,
|
|
30
|
+
},
|
|
31
|
+
large: {
|
|
32
|
+
iconSize: 64,
|
|
33
|
+
showMessage: true,
|
|
34
|
+
containerPadding: 32,
|
|
35
|
+
},
|
|
36
|
+
};
|
|
37
|
+
// =============================================================================
|
|
38
|
+
// COMPONENT IMPLEMENTATION
|
|
39
|
+
// =============================================================================
|
|
40
|
+
export const LoadingState = ({ icon = '⏳', // Default hourglass icon
|
|
41
|
+
message, size = 'large', fullScreen = false, }) => {
|
|
42
|
+
// ✅ Dynamic theme tokens
|
|
43
|
+
const tokens = useAppDesignTokens();
|
|
44
|
+
// Animation ref for breathing effect
|
|
45
|
+
const scaleAnim = useRef(new Animated.Value(1)).current;
|
|
46
|
+
// Size configuration
|
|
47
|
+
const config = SIZE_CONFIG[size];
|
|
48
|
+
/**
|
|
49
|
+
* Breathing Animation Effect
|
|
50
|
+
* Smoothly scales icon from 1 → 1.15 → 1 in continuous loop
|
|
51
|
+
* Creates calming, natural breathing sensation
|
|
52
|
+
*/
|
|
53
|
+
useEffect(() => {
|
|
54
|
+
const breathingAnimation = Animated.loop(Animated.sequence([
|
|
55
|
+
// Expand (inhale)
|
|
56
|
+
Animated.timing(scaleAnim, {
|
|
57
|
+
toValue: 1.15,
|
|
58
|
+
duration: tokens.animations.slowest,
|
|
59
|
+
easing: Easing.inOut(Easing.ease),
|
|
60
|
+
useNativeDriver: true,
|
|
61
|
+
}),
|
|
62
|
+
// Contract (exhale)
|
|
63
|
+
Animated.timing(scaleAnim, {
|
|
64
|
+
toValue: 1,
|
|
65
|
+
duration: tokens.animations.slowest,
|
|
66
|
+
easing: Easing.inOut(Easing.ease),
|
|
67
|
+
useNativeDriver: true,
|
|
68
|
+
}),
|
|
69
|
+
]));
|
|
70
|
+
breathingAnimation.start();
|
|
71
|
+
return () => {
|
|
72
|
+
breathingAnimation.stop();
|
|
73
|
+
};
|
|
74
|
+
}, [scaleAnim]);
|
|
75
|
+
// Dynamic styles based on theme
|
|
76
|
+
const styles = useMemo(() => getStyles(tokens, config, fullScreen), [tokens, config, fullScreen]);
|
|
77
|
+
return (<View style={styles.container}>
|
|
78
|
+
{/* Animated Icon/Emoji */}
|
|
79
|
+
<Animated.Text style={[
|
|
80
|
+
styles.icon,
|
|
81
|
+
{
|
|
82
|
+
fontSize: config.iconSize,
|
|
83
|
+
transform: [{ scale: scaleAnim }],
|
|
84
|
+
},
|
|
85
|
+
]}>
|
|
86
|
+
{icon}
|
|
87
|
+
</Animated.Text>
|
|
88
|
+
|
|
89
|
+
{/* Optional Loading Message */}
|
|
90
|
+
{config.showMessage && message && (<AtomicText type="bodyMedium" style={styles.message}>
|
|
91
|
+
{message}
|
|
92
|
+
</AtomicText>)}
|
|
93
|
+
</View>);
|
|
94
|
+
};
|
|
95
|
+
// =============================================================================
|
|
96
|
+
// STYLES
|
|
97
|
+
// =============================================================================
|
|
98
|
+
const getStyles = (tokens, config, fullScreen) => StyleSheet.create({
|
|
99
|
+
container: {
|
|
100
|
+
...(fullScreen ? {
|
|
101
|
+
flex: 1,
|
|
102
|
+
justifyContent: 'center',
|
|
103
|
+
alignItems: 'center',
|
|
104
|
+
backgroundColor: tokens.colors.backgroundPrimary,
|
|
105
|
+
} : {
|
|
106
|
+
justifyContent: 'center',
|
|
107
|
+
alignItems: 'center',
|
|
108
|
+
padding: config.containerPadding,
|
|
109
|
+
}),
|
|
110
|
+
},
|
|
111
|
+
icon: {
|
|
112
|
+
textAlign: 'center',
|
|
113
|
+
marginBottom: tokens.spacing.md,
|
|
114
|
+
},
|
|
115
|
+
message: {
|
|
116
|
+
color: tokens.colors.textSecondary,
|
|
117
|
+
textAlign: 'center',
|
|
118
|
+
marginTop: tokens.spacing.sm,
|
|
119
|
+
maxWidth: 300,
|
|
120
|
+
},
|
|
121
|
+
});
|
|
122
|
+
export default LoadingState;
|
|
123
|
+
//# sourceMappingURL=LoadingState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoadingState.js","sourceRoot":"","sources":["../../../../../src/presentation/loading/presentation/components/LoadingState.tsx"],"names":[],"mappings":"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"}
|
|
@@ -74,7 +74,7 @@ export const AtomicConfirmationModal = ({ visible, title, message, variant = 'de
|
|
|
74
74
|
onCancel();
|
|
75
75
|
}
|
|
76
76
|
};
|
|
77
|
-
return (<Modal visible={visible} transparent animationType="
|
|
77
|
+
return (<Modal visible={visible} transparent animationType="fade" onRequestClose={onCancel} statusBarTranslucent testID={testID}>
|
|
78
78
|
<View style={getModalOverlayStyle(tokens)}>
|
|
79
79
|
{/* Backdrop - Tap to dismiss if enabled */}
|
|
80
80
|
{showBackdrop && (<TouchableOpacity style={getBackdropStyle()} activeOpacity={1} onPress={handleBackdropPress} testID={`${testID}-backdrop`}/>)}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
* Provides consistent layout structure for all screens:
|
|
5
5
|
* - SafeAreaView with configurable edges
|
|
6
6
|
* - Optional ScrollView for content
|
|
7
|
+
* - Loading state support
|
|
7
8
|
* - Theme-aware background colors
|
|
8
9
|
* - Optional header/footer slots
|
|
9
10
|
* - Consistent spacing and padding
|
|
@@ -16,6 +17,7 @@
|
|
|
16
17
|
* Advanced:
|
|
17
18
|
* <ScreenLayout
|
|
18
19
|
* scrollable={false}
|
|
20
|
+
* loading={isLoading}
|
|
19
21
|
* edges={['top', 'bottom']}
|
|
20
22
|
* header={<CustomHeader />}
|
|
21
23
|
* >
|
|
@@ -43,6 +45,19 @@ export interface ScreenLayoutProps {
|
|
|
43
45
|
* - [] - No safe area (use cautiously)
|
|
44
46
|
*/
|
|
45
47
|
edges?: Edge[];
|
|
48
|
+
/**
|
|
49
|
+
* Show loading state
|
|
50
|
+
* When true, displays LoadingState component
|
|
51
|
+
*/
|
|
52
|
+
loading?: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* Loading icon name (default: 'settings')
|
|
55
|
+
*/
|
|
56
|
+
loadingIcon?: string;
|
|
57
|
+
/**
|
|
58
|
+
* Loading message (default: 'Loading...')
|
|
59
|
+
*/
|
|
60
|
+
loadingMessage?: string;
|
|
46
61
|
/**
|
|
47
62
|
* Optional header component
|
|
48
63
|
* Rendered above scrollable content
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScreenLayout.d.ts","sourceRoot":"","sources":["../../../src/presentation/organisms/ScreenLayout.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"ScreenLayout.d.ts","sourceRoot":"","sources":["../../../src/presentation/organisms/ScreenLayout.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAgC,SAAS,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EAAgB,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAIpE,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B;;OAEG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAElC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAE5B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4EpD,CAAC"}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
* Provides consistent layout structure for all screens:
|
|
5
5
|
* - SafeAreaView with configurable edges
|
|
6
6
|
* - Optional ScrollView for content
|
|
7
|
+
* - Loading state support
|
|
7
8
|
* - Theme-aware background colors
|
|
8
9
|
* - Optional header/footer slots
|
|
9
10
|
* - Consistent spacing and padding
|
|
@@ -16,6 +17,7 @@
|
|
|
16
17
|
* Advanced:
|
|
17
18
|
* <ScreenLayout
|
|
18
19
|
* scrollable={false}
|
|
20
|
+
* loading={isLoading}
|
|
19
21
|
* edges={['top', 'bottom']}
|
|
20
22
|
* header={<CustomHeader />}
|
|
21
23
|
* >
|
|
@@ -26,11 +28,18 @@ import React, { useMemo } from 'react';
|
|
|
26
28
|
import { View, ScrollView, StyleSheet } from 'react-native';
|
|
27
29
|
import { SafeAreaView } from 'react-native-safe-area-context';
|
|
28
30
|
import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
|
|
29
|
-
|
|
31
|
+
import { LoadingState } from '../loading/presentation/components/LoadingState';
|
|
32
|
+
export const ScreenLayout = ({ children, scrollable = true, edges = ['top'], loading = false, loadingIcon = 'settings', loadingMessage = 'Loading...', header, footer, backgroundColor, containerStyle, contentContainerStyle, testID, hideScrollIndicator = false, keyboardAvoiding = false, }) => {
|
|
30
33
|
// Automatically uses current theme from global store
|
|
31
34
|
const tokens = useAppDesignTokens();
|
|
32
35
|
const styles = useMemo(() => getStyles(tokens), [tokens]);
|
|
33
36
|
const bgColor = backgroundColor || tokens.colors.backgroundPrimary;
|
|
37
|
+
// Show loading state
|
|
38
|
+
if (loading) {
|
|
39
|
+
return (<SafeAreaView style={[styles.container, { backgroundColor: bgColor }, containerStyle]} edges={edges} testID={testID}>
|
|
40
|
+
<LoadingState icon={loadingIcon} message={loadingMessage} size="large" fullScreen/>
|
|
41
|
+
</SafeAreaView>);
|
|
42
|
+
}
|
|
34
43
|
// Non-scrollable layout
|
|
35
44
|
if (!scrollable) {
|
|
36
45
|
return (<SafeAreaView style={[styles.container, { backgroundColor: bgColor }, containerStyle]} edges={edges} testID={testID}>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScreenLayout.js","sourceRoot":"","sources":["../../../src/presentation/organisms/ScreenLayout.tsx"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"ScreenLayout.js","sourceRoot":"","sources":["../../../src/presentation/organisms/ScreenLayout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,6 @@
|
|
|
9
9
|
* @module AppDesignTokens
|
|
10
10
|
*/
|
|
11
11
|
export { createDesignTokens, STATIC_DESIGN_TOKENS, STATIC_TOKENS, withAlpha, type DesignTokens, type ThemeMode, type ColorPalette, } from './core/TokenFactory';
|
|
12
|
-
export { BASE_TOKENS, spacing, typography, borders, iconSizes, opacity, avatarSizes, type Spacing, type Typography, type Borders, type IconSizes, type Opacity, type AvatarSizes, type BaseTokens, } from './core/BaseTokens';
|
|
12
|
+
export { BASE_TOKENS, spacing, typography, animations, borders, iconSizes, opacity, avatarSizes, type Spacing, type Typography, type Animations, type Borders, type IconSizes, type Opacity, type AvatarSizes, type BaseTokens, } from './core/BaseTokens';
|
|
13
13
|
export { lightColors, darkColors, getColorPalette, } from './core/ColorPalette';
|
|
14
14
|
//# sourceMappingURL=AppDesignTokens.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppDesignTokens.d.ts","sourceRoot":"","sources":["../../../src/presentation/tokens/AppDesignTokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAMH,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,aAAa,EACb,SAAS,EACT,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,YAAY,GAClB,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EACL,WAAW,EACX,OAAO,EACP,UAAU,EACV,OAAO,EACP,SAAS,EACT,OAAO,EACP,WAAW,EACX,KAAK,OAAO,EACZ,KAAK,UAAU,EACf,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,OAAO,EACZ,KAAK,WAAW,EAChB,KAAK,UAAU,GAChB,MAAM,mBAAmB,CAAC;AAM3B,OAAO,EACL,WAAW,EACX,UAAU,EACV,eAAe,GAChB,MAAM,qBAAqB,CAAC"}
|
|
1
|
+
{"version":3,"file":"AppDesignTokens.d.ts","sourceRoot":"","sources":["../../../src/presentation/tokens/AppDesignTokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAMH,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,aAAa,EACb,SAAS,EACT,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,YAAY,GAClB,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EACL,WAAW,EACX,OAAO,EACP,UAAU,EACV,UAAU,EACV,OAAO,EACP,SAAS,EACT,OAAO,EACP,WAAW,EACX,KAAK,OAAO,EACZ,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,OAAO,EACZ,KAAK,WAAW,EAChB,KAAK,UAAU,GAChB,MAAM,mBAAmB,CAAC;AAM3B,OAAO,EACL,WAAW,EACX,UAAU,EACV,eAAe,GAChB,MAAM,qBAAqB,CAAC"}
|
|
@@ -15,7 +15,7 @@ export { createDesignTokens, STATIC_DESIGN_TOKENS, STATIC_TOKENS, withAlpha, } f
|
|
|
15
15
|
// =============================================================================
|
|
16
16
|
// BASE TOKEN EXPORTS
|
|
17
17
|
// =============================================================================
|
|
18
|
-
export { BASE_TOKENS, spacing, typography, borders, iconSizes, opacity, avatarSizes, } from './core/BaseTokens';
|
|
18
|
+
export { BASE_TOKENS, spacing, typography, animations, borders, iconSizes, opacity, avatarSizes, } from './core/BaseTokens';
|
|
19
19
|
// =============================================================================
|
|
20
20
|
// COLOR PALETTE EXPORTS
|
|
21
21
|
// =============================================================================
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppDesignTokens.js","sourceRoot":"","sources":["../../../src/presentation/tokens/AppDesignTokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,gFAAgF;AAChF,mCAAmC;AACnC,gFAAgF;AAEhF,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,aAAa,EACb,SAAS,GAIV,MAAM,qBAAqB,CAAC;AAE7B,gFAAgF;AAChF,qBAAqB;AACrB,gFAAgF;AAEhF,OAAO,EACL,WAAW,EACX,OAAO,EACP,UAAU,EACV,OAAO,EACP,SAAS,EACT,OAAO,EACP,WAAW,
|
|
1
|
+
{"version":3,"file":"AppDesignTokens.js","sourceRoot":"","sources":["../../../src/presentation/tokens/AppDesignTokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,gFAAgF;AAChF,mCAAmC;AACnC,gFAAgF;AAEhF,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,aAAa,EACb,SAAS,GAIV,MAAM,qBAAqB,CAAC;AAE7B,gFAAgF;AAChF,qBAAqB;AACrB,gFAAgF;AAEhF,OAAO,EACL,WAAW,EACX,OAAO,EACP,UAAU,EACV,UAAU,EACV,OAAO,EACP,SAAS,EACT,OAAO,EACP,WAAW,GASZ,MAAM,mBAAmB,CAAC;AAE3B,gFAAgF;AAChF,wBAAwB;AACxB,gFAAgF;AAEhF,OAAO,EACL,WAAW,EACX,UAAU,EACV,eAAe,GAChB,MAAM,qBAAqB,CAAC"}
|
|
@@ -51,7 +51,7 @@ export declare const useCommonStyles: () => {
|
|
|
51
51
|
scrollContentCentered: ViewStyle;
|
|
52
52
|
/**
|
|
53
53
|
* Centered container - both horizontal and vertical
|
|
54
|
-
* Perfect for empty states, splash screens
|
|
54
|
+
* Perfect for empty states, loading screens, splash screens
|
|
55
55
|
*/
|
|
56
56
|
centerContainer: ViewStyle;
|
|
57
57
|
/**
|
|
@@ -82,7 +82,7 @@ export const useCommonStyles = () => {
|
|
|
82
82
|
// ========================================================================
|
|
83
83
|
/**
|
|
84
84
|
* Centered container - both horizontal and vertical
|
|
85
|
-
* Perfect for empty states, splash screens
|
|
85
|
+
* Perfect for empty states, loading screens, splash screens
|
|
86
86
|
*/
|
|
87
87
|
centerContainer: {
|
|
88
88
|
flex: 1,
|
|
@@ -73,6 +73,18 @@ export declare const typography: {
|
|
|
73
73
|
readonly caption: TextStyle;
|
|
74
74
|
readonly overline: TextStyle;
|
|
75
75
|
};
|
|
76
|
+
export declare const animations: {
|
|
77
|
+
readonly fastest: 150;
|
|
78
|
+
readonly fast: 150;
|
|
79
|
+
readonly normal: 300;
|
|
80
|
+
readonly slow: 500;
|
|
81
|
+
readonly slower: 750;
|
|
82
|
+
readonly slowest: 1000;
|
|
83
|
+
readonly easeInOut: "ease-in-out";
|
|
84
|
+
readonly easeIn: "ease-in";
|
|
85
|
+
readonly easeOut: "ease-out";
|
|
86
|
+
readonly linear: "linear";
|
|
87
|
+
};
|
|
76
88
|
export declare const opacity: {
|
|
77
89
|
readonly disabled: 0.6;
|
|
78
90
|
readonly subtle: 0.8;
|
|
@@ -221,6 +233,18 @@ export declare const BASE_TOKENS: {
|
|
|
221
233
|
readonly caption: TextStyle;
|
|
222
234
|
readonly overline: TextStyle;
|
|
223
235
|
};
|
|
236
|
+
readonly animations: {
|
|
237
|
+
readonly fastest: 150;
|
|
238
|
+
readonly fast: 150;
|
|
239
|
+
readonly normal: 300;
|
|
240
|
+
readonly slow: 500;
|
|
241
|
+
readonly slower: 750;
|
|
242
|
+
readonly slowest: 1000;
|
|
243
|
+
readonly easeInOut: "ease-in-out";
|
|
244
|
+
readonly easeIn: "ease-in";
|
|
245
|
+
readonly easeOut: "ease-out";
|
|
246
|
+
readonly linear: "linear";
|
|
247
|
+
};
|
|
224
248
|
readonly opacity: {
|
|
225
249
|
readonly disabled: 0.6;
|
|
226
250
|
readonly subtle: 0.8;
|
|
@@ -303,6 +327,7 @@ export declare const BASE_TOKENS: {
|
|
|
303
327
|
};
|
|
304
328
|
export type Spacing = typeof spacing;
|
|
305
329
|
export type Typography = typeof typography;
|
|
330
|
+
export type Animations = typeof animations;
|
|
306
331
|
export type Opacity = typeof opacity;
|
|
307
332
|
export type Borders = typeof borders;
|
|
308
333
|
export type Sizes = typeof sizes;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTokens.d.ts","sourceRoot":"","sources":["../../../../src/presentation/tokens/core/BaseTokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;CA6BV,CAAC;AAMX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;2BAoChB,SAAS;4BAMT,SAAS;2BAMT,SAAS;4BAOT,SAAS;6BAMT,SAAS;4BAMT,SAAS;yBAOT,SAAS;0BAMT,SAAS;yBAMT,SAAS;wBAOT,SAAS;yBAMT,SAAS;wBAMT,SAAS;yBAOT,SAAS;0BAMT,SAAS;yBAMT,SAAS;2BAUT,SAAS;4BAMT,SAAS;2BAMT,SAAS;qBAMT,SAAS;sBAMT,SAAS;uBAQT,SAAS;CACN,CAAC;AAMX,eAAO,MAAM,OAAO;;;;;;CAMV,CAAC;AAMX,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCV,CAAC;AAMX,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;CA8BR,CAAC;AAMX,eAAO,MAAM,SAAS;;;;;;;CAOZ,CAAC;AAMX,eAAO,MAAM,WAAW;;;;;;;CAOd,CAAC;AAMX;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+
|
|
1
|
+
{"version":3,"file":"BaseTokens.d.ts","sourceRoot":"","sources":["../../../../src/presentation/tokens/core/BaseTokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;CA6BV,CAAC;AAMX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;2BAoChB,SAAS;4BAMT,SAAS;2BAMT,SAAS;4BAOT,SAAS;6BAMT,SAAS;4BAMT,SAAS;yBAOT,SAAS;0BAMT,SAAS;yBAMT,SAAS;wBAOT,SAAS;yBAMT,SAAS;wBAMT,SAAS;yBAOT,SAAS;0BAMT,SAAS;yBAMT,SAAS;2BAUT,SAAS;4BAMT,SAAS;2BAMT,SAAS;qBAMT,SAAS;sBAMT,SAAS;uBAQT,SAAS;CACN,CAAC;AAMX,eAAO,MAAM,UAAU;;;;;;;;;;;CAcb,CAAC;AAMX,eAAO,MAAM,OAAO;;;;;;CAMV,CAAC;AAMX,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCV,CAAC;AAMX,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;CA8BR,CAAC;AAMX,eAAO,MAAM,SAAS;;;;;;;CAOZ,CAAC;AAMX,eAAO,MAAM,WAAW;;;;;;;CAOd,CAAC;AAMX;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA1RjB,SAAS;gCAMT,SAAS;+BAMT,SAAS;gCAOT,SAAS;iCAMT,SAAS;gCAMT,SAAS;6BAOT,SAAS;8BAMT,SAAS;6BAMT,SAAS;4BAOT,SAAS;6BAMT,SAAS;4BAMT,SAAS;6BAOT,SAAS;8BAMT,SAAS;6BAMT,SAAS;+BAUT,SAAS;gCAMT,SAAS;+BAMT,SAAS;yBAMT,SAAS;0BAMT,SAAS;2BAQT,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiKN,CAAC;AAMX,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC;AACrC,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC;AAC3C,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC;AAC3C,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC;AACrC,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC;AACrC,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC;AACjC,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC;AACzC,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC;AAC7C,MAAM,MAAM,UAAU,GAAG,OAAO,WAAW,CAAC"}
|
|
@@ -184,6 +184,23 @@ export const typography = {
|
|
|
184
184
|
},
|
|
185
185
|
};
|
|
186
186
|
// =============================================================================
|
|
187
|
+
// ANIMATION TOKENS
|
|
188
|
+
// =============================================================================
|
|
189
|
+
export const animations = {
|
|
190
|
+
// Duration scale (milliseconds)
|
|
191
|
+
fastest: 150,
|
|
192
|
+
fast: 150,
|
|
193
|
+
normal: 300,
|
|
194
|
+
slow: 500,
|
|
195
|
+
slower: 750,
|
|
196
|
+
slowest: 1000,
|
|
197
|
+
// Easing functions
|
|
198
|
+
easeInOut: 'ease-in-out',
|
|
199
|
+
easeIn: 'ease-in',
|
|
200
|
+
easeOut: 'ease-out',
|
|
201
|
+
linear: 'linear',
|
|
202
|
+
};
|
|
203
|
+
// =============================================================================
|
|
187
204
|
// OPACITY TOKENS
|
|
188
205
|
// =============================================================================
|
|
189
206
|
export const opacity = {
|
|
@@ -295,6 +312,7 @@ export const avatarSizes = {
|
|
|
295
312
|
export const BASE_TOKENS = {
|
|
296
313
|
spacing,
|
|
297
314
|
typography,
|
|
315
|
+
animations,
|
|
298
316
|
opacity,
|
|
299
317
|
borders,
|
|
300
318
|
sizes,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTokens.js","sourceRoot":"","sources":["../../../../src/presentation/tokens/core/BaseTokens.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"BaseTokens.js","sourceRoot":"","sources":["../../../../src/presentation/tokens/core/BaseTokens.ts"],"names":[],"mappings":"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"}
|
|
@@ -12,12 +12,13 @@ import { BASE_TOKENS } from './BaseTokens';
|
|
|
12
12
|
import { withAlpha, type ThemeMode, type ColorPalette } from './ColorPalette';
|
|
13
13
|
/**
|
|
14
14
|
* Complete design tokens shape
|
|
15
|
-
* Combines static tokens (spacing, typography, borders) + dynamic colors
|
|
15
|
+
* Combines static tokens (spacing, typography, animations, borders) + dynamic colors
|
|
16
16
|
*/
|
|
17
17
|
export type DesignTokens = {
|
|
18
18
|
colors: ColorPalette;
|
|
19
19
|
spacing: typeof BASE_TOKENS.spacing;
|
|
20
20
|
typography: typeof BASE_TOKENS.typography;
|
|
21
|
+
animations: typeof BASE_TOKENS.animations;
|
|
21
22
|
iconSizes: typeof BASE_TOKENS.iconSizes;
|
|
22
23
|
opacity: typeof BASE_TOKENS.opacity;
|
|
23
24
|
avatarSizes: typeof BASE_TOKENS.avatarSizes;
|
|
@@ -63,7 +64,7 @@ export declare const createDesignTokens: (mode: ThemeMode) => DesignTokens;
|
|
|
63
64
|
*/
|
|
64
65
|
export declare const STATIC_DESIGN_TOKENS: DesignTokens;
|
|
65
66
|
/**
|
|
66
|
-
* STATIC TOKENS (spacing, typography, borders)
|
|
67
|
+
* STATIC TOKENS (spacing, typography, animations, borders)
|
|
67
68
|
* These DON'T change with theme - safe to use anywhere
|
|
68
69
|
*/
|
|
69
70
|
export declare const STATIC_TOKENS: {
|
|
@@ -131,6 +132,18 @@ export declare const STATIC_TOKENS: {
|
|
|
131
132
|
readonly caption: import("react-native").TextStyle;
|
|
132
133
|
readonly overline: import("react-native").TextStyle;
|
|
133
134
|
};
|
|
135
|
+
readonly animations: {
|
|
136
|
+
readonly fastest: 150;
|
|
137
|
+
readonly fast: 150;
|
|
138
|
+
readonly normal: 300;
|
|
139
|
+
readonly slow: 500;
|
|
140
|
+
readonly slower: 750;
|
|
141
|
+
readonly slowest: 1000;
|
|
142
|
+
readonly easeInOut: "ease-in-out";
|
|
143
|
+
readonly easeIn: "ease-in";
|
|
144
|
+
readonly easeOut: "ease-out";
|
|
145
|
+
readonly linear: "linear";
|
|
146
|
+
};
|
|
134
147
|
readonly opacity: {
|
|
135
148
|
readonly disabled: 0.6;
|
|
136
149
|
readonly subtle: 0.8;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenFactory.d.ts","sourceRoot":"","sources":["../../../../src/presentation/tokens/core/TokenFactory.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAmB,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM/F;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,YAAY,CAAC;IACrB,OAAO,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC;IACpC,UAAU,EAAE,OAAO,WAAW,CAAC,UAAU,CAAC;IAC1C,SAAS,EAAE,OAAO,WAAW,CAAC,SAAS,CAAC;IACxC,OAAO,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC;IACpC,WAAW,EAAE,OAAO,WAAW,CAAC,WAAW,CAAC;IAC5C,OAAO,EAAE,OAAO,WAAW,CAAC,OAAO,GAAG;QACpC,IAAI,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC,IAAI,GAAG;YAAE,WAAW,EAAE,MAAM,CAAA;SAAE,CAAC;QAChE,KAAK,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC,KAAK,GAAG;YAAE,WAAW,EAAE,MAAM,CAAA;SAAE,CAAC;KACnE,CAAC;CACH,CAAC;AAMF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,kBAAkB,GAAI,MAAM,SAAS,KAAG,
|
|
1
|
+
{"version":3,"file":"TokenFactory.d.ts","sourceRoot":"","sources":["../../../../src/presentation/tokens/core/TokenFactory.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAmB,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM/F;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,YAAY,CAAC;IACrB,OAAO,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC;IACpC,UAAU,EAAE,OAAO,WAAW,CAAC,UAAU,CAAC;IAC1C,UAAU,EAAE,OAAO,WAAW,CAAC,UAAU,CAAC;IAC1C,SAAS,EAAE,OAAO,WAAW,CAAC,SAAS,CAAC;IACxC,OAAO,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC;IACpC,WAAW,EAAE,OAAO,WAAW,CAAC,WAAW,CAAC;IAC5C,OAAO,EAAE,OAAO,WAAW,CAAC,OAAO,GAAG;QACpC,IAAI,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC,IAAI,GAAG;YAAE,WAAW,EAAE,MAAM,CAAA;SAAE,CAAC;QAChE,KAAK,EAAE,OAAO,WAAW,CAAC,OAAO,CAAC,KAAK,GAAG;YAAE,WAAW,EAAE,MAAM,CAAA;SAAE,CAAC;KACnE,CAAC;CACH,CAAC;AAMF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,kBAAkB,GAAI,MAAM,SAAS,KAAG,YA8BpD,CAAC;AAMF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,oBAAoB,cAA8B,CAAC;AAEhE;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAc,CAAC;AAMzC,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -40,6 +40,7 @@ export const createDesignTokens = (mode) => {
|
|
|
40
40
|
// ✅ STATIC: These don't change with theme
|
|
41
41
|
spacing: BASE_TOKENS.spacing,
|
|
42
42
|
typography: BASE_TOKENS.typography,
|
|
43
|
+
animations: BASE_TOKENS.animations,
|
|
43
44
|
iconSizes: BASE_TOKENS.iconSizes,
|
|
44
45
|
opacity: BASE_TOKENS.opacity,
|
|
45
46
|
avatarSizes: BASE_TOKENS.avatarSizes,
|
|
@@ -75,7 +76,7 @@ export const createDesignTokens = (mode) => {
|
|
|
75
76
|
*/
|
|
76
77
|
export const STATIC_DESIGN_TOKENS = createDesignTokens('light');
|
|
77
78
|
/**
|
|
78
|
-
* STATIC TOKENS (spacing, typography, borders)
|
|
79
|
+
* STATIC TOKENS (spacing, typography, animations, borders)
|
|
79
80
|
* These DON'T change with theme - safe to use anywhere
|
|
80
81
|
*/
|
|
81
82
|
export const STATIC_TOKENS = BASE_TOKENS;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenFactory.js","sourceRoot":"","sources":["../../../../src/presentation/tokens/core/TokenFactory.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,SAAS,EAAqC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"TokenFactory.js","sourceRoot":"","sources":["../../../../src/presentation/tokens/core/TokenFactory.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,SAAS,EAAqC,MAAM,gBAAgB,CAAC;AAwB/F,gFAAgF;AAChF,yBAAyB;AACzB,gFAAgF;AAEhF;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAe,EAAgB,EAAE;IAClE,mCAAmC;IACnC,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAErC,yCAAyC;IACzC,OAAO;QACL,oCAAoC;QACpC,MAAM;QAEN,0CAA0C;QAC1C,OAAO,EAAE,WAAW,CAAC,OAAO;QAC5B,UAAU,EAAE,WAAW,CAAC,UAAU;QAClC,UAAU,EAAE,WAAW,CAAC,UAAU;QAClC,SAAS,EAAE,WAAW,CAAC,SAAS;QAChC,OAAO,EAAE,WAAW,CAAC,OAAO;QAC5B,WAAW,EAAE,WAAW,CAAC,WAAW;QAEpC,wDAAwD;QACxD,OAAO,EAAE;YACP,GAAG,WAAW,CAAC,OAAO;YACtB,IAAI,EAAE;gBACJ,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI;gBAC3B,WAAW,EAAE,MAAM,CAAC,MAAM;aAC3B;YACD,KAAK,EAAE;gBACL,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK;gBAC5B,WAAW,EAAE,MAAM,CAAC,MAAM;aAC3B;SACF;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,gFAAgF;AAChF,kDAAkD;AAClD,gFAAgF;AAEhF;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAEhE;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC;AAEzC,gFAAgF;AAChF,kBAAkB;AAClB,gFAAgF;AAEhF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|