amotify 0.0.32 → 0.0.33

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.
Files changed (7) hide show
  1. package/@types/amot.tsx +3 -1
  2. package/dist/amotify.js +2 -2
  3. package/dist/amotify.min.css +1 -1
  4. package/dist/coreVender.js +1 -1
  5. package/package.json +1 -1
  6. package/src/@variables.tsx +72 -68
  7. package/src/config.tsx +13 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "amotify",
3
- "version": "0.0.32",
3
+ "version": "0.0.33",
4
4
  "description": "UI Component for React",
5
5
  "main": "dist/launch.js",
6
6
  "types": "dist/@types.d.ts",
package/src/@variables.tsx CHANGED
@@ -1,70 +1,74 @@
1
1
  export const launchID = $.uuidGen();
2
2
 
3
- export const ColorKeys: amotify.ThemeColorTypes[] = [
4
- 'comun',
5
- 'leaf',
6
- 'heart',
7
- 'droplet',
8
- 'brick',
9
- 'flower',
10
- 'lip',
11
- 'wine',
12
- 'theater',
13
- 'bat',
14
- 'poizon',
15
- 'eggplant',
16
- 'ufo',
17
- 'alien',
18
- 'tombstone',
19
- 'ninja',
20
- 'moon',
21
- 'rain',
22
- 'unicorn',
23
- 'axe',
24
- 'gem',
25
- 'soap',
26
- 'drizzle',
27
- 'building',
28
- 'fish',
29
- 'icicles',
30
- 'water',
31
- 'tree1',
32
- 'tree2',
33
- 'tree3',
34
- 'battery',
35
- 'seedle',
36
- 'greenTea',
37
- 'oak',
38
- 'salad',
39
- 'cloudy',
40
- 'lemon',
41
- 'angel',
42
- 'parasol',
43
- 'pizza',
44
- 'thunder',
45
- 'latte',
46
- 'island',
47
- 'shovel',
48
- 'coffee',
49
- 'carrot',
50
- 'cactus',
51
- 'volcano',
52
- 'choco',
53
- 'industry',
54
- 'gun',
55
- 'galaxy',
56
- 'line',
57
- 'twitter',
58
- 'amazon',
59
- 'facebook',
60
- 'android',
61
- 'slackBlue',
62
- 'slackGreen',
63
- 'slackRed',
64
- 'slackYellow',
65
- 'slackBase',
66
- 'googleBlue',
67
- 'googleGreen',
68
- 'googleYellow',
69
- 'googleRed'
70
- ];
3
+ export const ColorObjects: {
4
+ key: amotify.ThemeColorTypes
5
+ isBrand: boolean
6
+ isAvocado: boolean
7
+ }[] = [
8
+ { key: 'comun',isBrand: false,isAvocado: true },
9
+ { key: 'leaf',isBrand: false,isAvocado: true },
10
+ { key: 'heart',isBrand: false,isAvocado: true },
11
+ { key: 'droplet',isBrand: false,isAvocado: true },
12
+ { key: 'brick',isBrand: false,isAvocado: false },
13
+ { key: 'flower',isBrand: false,isAvocado: false },
14
+ { key: 'lip',isBrand: false,isAvocado: false },
15
+ { key: 'wine',isBrand: false,isAvocado: false },
16
+ { key: 'theater',isBrand: false,isAvocado: false },
17
+ { key: 'bat',isBrand: false,isAvocado: false },
18
+ { key: 'poizon',isBrand: false,isAvocado: false },
19
+ { key: 'eggplant',isBrand: false,isAvocado: false },
20
+ { key: 'ufo',isBrand: false,isAvocado: false },
21
+ { key: 'alien',isBrand: false,isAvocado: false },
22
+ { key: 'tombstone',isBrand: false,isAvocado: false },
23
+ { key: 'ninja',isBrand: false,isAvocado: false },
24
+ { key: 'moon',isBrand: false,isAvocado: false },
25
+ { key: 'rain',isBrand: false,isAvocado: false },
26
+ { key: 'unicorn',isBrand: false,isAvocado: false },
27
+ { key: 'axe',isBrand: false,isAvocado: false },
28
+ { key: 'gem',isBrand: false,isAvocado: false },
29
+ { key: 'soap',isBrand: false,isAvocado: false },
30
+ { key: 'drizzle',isBrand: false,isAvocado: false },
31
+ { key: 'building',isBrand: false,isAvocado: false },
32
+ { key: 'fish',isBrand: false,isAvocado: false },
33
+ { key: 'icicles',isBrand: false,isAvocado: false },
34
+ { key: 'water',isBrand: false,isAvocado: false },
35
+ { key: 'tree1',isBrand: false,isAvocado: false },
36
+ { key: 'tree2',isBrand: false,isAvocado: false },
37
+ { key: 'tree3',isBrand: false,isAvocado: false },
38
+ { key: 'battery',isBrand: false,isAvocado: false },
39
+ { key: 'seedle',isBrand: false,isAvocado: false },
40
+ { key: 'greenTea',isBrand: false,isAvocado: false },
41
+ { key: 'oak',isBrand: false,isAvocado: false },
42
+ { key: 'salad',isBrand: false,isAvocado: false },
43
+ { key: 'cloudy',isBrand: false,isAvocado: false },
44
+ { key: 'lemon',isBrand: false,isAvocado: false },
45
+ { key: 'angel',isBrand: false,isAvocado: false },
46
+ { key: 'parasol',isBrand: false,isAvocado: false },
47
+ { key: 'pizza',isBrand: false,isAvocado: false },
48
+ { key: 'thunder',isBrand: false,isAvocado: false },
49
+ { key: 'latte',isBrand: false,isAvocado: false },
50
+ { key: 'island',isBrand: false,isAvocado: false },
51
+ { key: 'shovel',isBrand: false,isAvocado: false },
52
+ { key: 'coffee',isBrand: false,isAvocado: false },
53
+ { key: 'carrot',isBrand: false,isAvocado: false },
54
+ { key: 'cactus',isBrand: false,isAvocado: false },
55
+ { key: 'volcano',isBrand: false,isAvocado: false },
56
+ { key: 'choco',isBrand: false,isAvocado: false },
57
+ { key: 'industry',isBrand: false,isAvocado: false },
58
+ { key: 'gun',isBrand: false,isAvocado: false },
59
+ { key: 'galaxy',isBrand: false,isAvocado: false },
60
+ { key: 'line',isBrand: true,isAvocado: false },
61
+ { key: 'twitter',isBrand: true,isAvocado: false },
62
+ { key: 'amazon',isBrand: true,isAvocado: false },
63
+ { key: 'facebook',isBrand: true,isAvocado: false },
64
+ { key: 'android',isBrand: true,isAvocado: false },
65
+ { key: 'slackBlue',isBrand: true,isAvocado: false },
66
+ { key: 'slackGreen',isBrand: true,isAvocado: false },
67
+ { key: 'slackRed',isBrand: true,isAvocado: false },
68
+ { key: 'slackYellow',isBrand: true,isAvocado: false },
69
+ { key: 'slackBase',isBrand: true,isAvocado: false },
70
+ { key: 'googleBlue',isBrand: true,isAvocado: false },
71
+ { key: 'googleGreen',isBrand: true,isAvocado: false },
72
+ { key: 'googleYellow',isBrand: true,isAvocado: false },
73
+ { key: 'googleRed',isBrand: true,isAvocado: false },
74
+ ];
package/src/config.tsx CHANGED
@@ -30,7 +30,7 @@ export const deviceIdentifier = () => {
30
30
 
31
31
  import {
32
32
  launchID,
33
- ColorKeys
33
+ ColorObjects
34
34
  } from './@variables';
35
35
 
36
36
  export const SetThemeColorTag = () => {
@@ -56,11 +56,19 @@ const DarkmodeColors: {
56
56
 
57
57
  const ThemeColors: {
58
58
  [ key in amotify.ThemeColorTypes ]: {
59
- ( alfa?: number ): string
59
+ alfa( alfa?: number ): string
60
+ isBrand: boolean
61
+ isAvocado: boolean
60
62
  }
61
63
  } = {} as any;
62
- ColorKeys.forEach( ( key ) => {
63
- ThemeColors[ key ] = ( alfa?: number ) => ( `hsla( var( --cH_${ key } ),var( --cS_${ key } ),var( --cL_${ key } ),${ alfa ?? 1 } ) ` );
64
+ ColorObjects.forEach( ( ColorObject ) => {
65
+ let { key,isAvocado,isBrand } = ColorObject;
66
+
67
+ ThemeColors[ key ] = {
68
+ alfa: ( alfa?: number ) => ( `hsla( var( --cH_${ key } ),var( --cS_${ key } ),var( --cL_${ key } ),${ alfa ?? 1 } ) ` ),
69
+ isAvocado,
70
+ isBrand,
71
+ }
64
72
  } );
65
73
 
66
74
  export const defaultConfig: amotify.config.Methods = {
@@ -91,7 +99,7 @@ export const defaultConfig: amotify.config.Methods = {
91
99
  amotify.global.useRecycle.do( 'RootViewController' );
92
100
  },
93
101
  themeColor: ( value ) => {
94
- if ( !ColorKeys.includes( value ) ) value = 'comun';
102
+ if ( !ColorObjects.find( ( ColorObject ) => ColorObject.key == value ) ) value = 'comun';
95
103
  if ( value == amotify.config.themeColor ) return;
96
104
 
97
105
  amotify.config.themeColor = value;