react-native-varia 0.0.1 → 0.2.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.
Files changed (86) hide show
  1. package/bin/cli.js +35 -18
  2. package/lib/components/Badge.tsx +31 -32
  3. package/lib/components/Button.tsx +20 -20
  4. package/lib/components/Checkbox.tsx +95 -0
  5. package/lib/components/CircleProgress.tsx +56 -66
  6. package/lib/components/Field.tsx +137 -0
  7. package/lib/components/GradientBackground.tsx +17 -18
  8. package/lib/components/GradientText.tsx +25 -64
  9. package/lib/components/IconWrapper.tsx +32 -25
  10. package/lib/components/Input.tsx +66 -68
  11. package/lib/components/Link.tsx +14 -28
  12. package/lib/components/Modal.tsx +197 -97
  13. package/lib/components/NewSelect.tsx +202 -0
  14. package/lib/components/NumberInput.tsx +226 -0
  15. package/lib/components/RadioGroup.tsx +195 -0
  16. package/lib/components/ReText.tsx +53 -87
  17. package/lib/components/Select.tsx +272 -0
  18. package/lib/components/SelectOld.tsx +153 -0
  19. package/lib/components/Slider.tsx +32 -40
  20. package/lib/components/Slideshow.tsx +174 -261
  21. package/lib/components/SlidingDrawer.tsx +216 -265
  22. package/lib/components/Spinner.tsx +21 -12
  23. package/lib/components/Switch.tsx +133 -180
  24. package/lib/components/Switchold.tsx +174 -0
  25. package/lib/components/Text.tsx +36 -83
  26. package/lib/components/layoutTest.tsx +74 -0
  27. package/lib/patterns/index.tsx +143 -202
  28. package/lib/theme/Badge.recipe.tsx +44 -39
  29. package/lib/theme/Button.recipe.tsx +139 -48
  30. package/lib/theme/Checkbox.recipe.tsx +121 -0
  31. package/lib/theme/CircleProgress.recipe.tsx +16 -22
  32. package/lib/theme/Field.recipe.tsx +66 -0
  33. package/lib/theme/GradientBackground.recipe.tsx +7 -20
  34. package/lib/theme/GradientText.recipe.tsx +42 -28
  35. package/lib/theme/IconWrapper.recipe.tsx +10 -85
  36. package/lib/theme/Input.recipe.tsx +76 -83
  37. package/lib/theme/Link.recipe.tsx +16 -43
  38. package/lib/theme/Modal.recipe.tsx +59 -21
  39. package/lib/theme/NumberInput.recipe.tsx +191 -0
  40. package/lib/theme/RadioGroup.recipe.tsx +163 -0
  41. package/lib/theme/ReText.recipe.tsx +4 -7
  42. package/lib/theme/Select.recipe.tsx +121 -0
  43. package/lib/theme/Slider.recipe.tsx +97 -181
  44. package/lib/theme/Slideshow.recipe.tsx +24 -102
  45. package/lib/theme/SlidingDrawer.recipe.tsx +21 -59
  46. package/lib/theme/Spinner.recipe.tsx +28 -3
  47. package/lib/theme/Switch.recipe.tsx +75 -54
  48. package/lib/theme/Text.recipe.tsx +66 -8
  49. package/lib/theme/animations.tsx +13 -0
  50. package/lib/varia/colorPalettes/amber.ts +54 -0
  51. package/lib/varia/colorPalettes/blue.ts +54 -0
  52. package/lib/varia/colorPalettes/bronze.ts +54 -0
  53. package/lib/varia/colorPalettes/brown.ts +54 -0
  54. package/lib/varia/colorPalettes/crimson.ts +55 -0
  55. package/lib/varia/colorPalettes/cyan.ts +54 -0
  56. package/lib/varia/colorPalettes/gold.ts +54 -0
  57. package/lib/varia/colorPalettes/grass.ts +54 -0
  58. package/lib/varia/colorPalettes/green.ts +54 -0
  59. package/lib/varia/colorPalettes/indigo.ts +54 -0
  60. package/lib/varia/colorPalettes/iris.ts +54 -0
  61. package/lib/varia/colorPalettes/jade.ts +54 -0
  62. package/lib/varia/colorPalettes/lime.ts +55 -0
  63. package/lib/varia/colorPalettes/mauve.ts +54 -0
  64. package/lib/varia/colorPalettes/mint.ts +54 -0
  65. package/lib/varia/colorPalettes/neutral.ts +54 -0
  66. package/lib/varia/colorPalettes/olive.ts +54 -0
  67. package/lib/varia/colorPalettes/orange.ts +54 -0
  68. package/lib/varia/colorPalettes/pink.ts +54 -0
  69. package/lib/varia/colorPalettes/plum.ts +54 -0
  70. package/lib/varia/colorPalettes/purple.ts +56 -0
  71. package/lib/varia/colorPalettes/red.ts +55 -0
  72. package/lib/varia/colorPalettes/ruby.ts +56 -0
  73. package/lib/varia/colorPalettes/sage.ts +56 -0
  74. package/lib/varia/colorPalettes/sand.ts +56 -0
  75. package/lib/varia/colorPalettes/sky.ts +56 -0
  76. package/lib/varia/colorPalettes/slate.ts +56 -0
  77. package/lib/varia/colorPalettes/teal.ts +56 -0
  78. package/lib/varia/colorPalettes/tomato.ts +56 -0
  79. package/lib/varia/colorPalettes/violet.ts +56 -0
  80. package/lib/varia/colorPalettes/yellow.ts +56 -0
  81. package/lib/varia/defaultTheme.ts +174 -0
  82. package/lib/varia/mixins.ts +223 -0
  83. package/lib/varia/textStyles.ts +48 -0
  84. package/lib/varia/types.ts +277 -0
  85. package/lib/varia/utils.ts +283 -0
  86. package/package.json +1 -1
package/lib/varia/colorPalettes/green.ts ADDED
@@ -0,0 +1,54 @@
1
+ export const green = {
2
+ light: {
3
+ '1': '#fbfefc',
4
+ '2': '#f4fbf6',
5
+ '3': '#e6f6eb',
6
+ '4': '#d6f1df',
7
+ '5': '#c4e8d1',
8
+ '6': '#adddc0',
9
+ '7': '#8eceaa',
10
+ '8': '#5bb98b',
11
+ '9': '#30a46c',
12
+ '10': '#2b9a66',
13
+ '11': '#218358',
14
+ '12': '#193b2d',
15
+ a1: '#00c04004',
16
+ a2: '#00a32f0b',
17
+ a3: '#00a43319',
18
+ a4: '#00a83829',
19
+ a5: '#019c393b',
20
+ a6: '#00963c52',
21
+ a7: '#00914071',
22
+ a8: '#00924ba4',
23
+ a9: '#008f4acf',
24
+ a10: '#008647d4',
25
+ a11: '#00713fde',
26
+ a12: '#002616e6',
27
+ },
28
+ dark: {
29
+ '1': '#0e1512',
30
+ '2': '#121b17',
31
+ '3': '#132d21',
32
+ '4': '#113b29',
33
+ '5': '#174933',
34
+ '6': '#20573e',
35
+ '7': '#28684a',
36
+ '8': '#2f7c57',
37
+ '9': '#30a46c',
38
+ '10': '#33b074',
39
+ '11': '#3dd68c',
40
+ '12': '#b1f1cb',
41
+ a1: '#00de4505',
42
+ a2: '#29f99d0b',
43
+ a3: '#22ff991e',
44
+ a4: '#11ff992d',
45
+ a5: '#2bffa23c',
46
+ a6: '#44ffaa4b',
47
+ a7: '#50fdac5e',
48
+ a8: '#54ffad73',
49
+ a9: '#44ffa49e',
50
+ a10: '#43fea4ab',
51
+ a11: '#46fea5d4',
52
+ a12: '#bbffd7f0',
53
+ },
54
+ }
package/lib/varia/colorPalettes/indigo.ts ADDED
@@ -0,0 +1,54 @@
1
+ export const indigo = {
2
+ light: {
3
+ '1': '#fdfdfe',
4
+ '2': '#f7f9ff',
5
+ '3': '#edf2fe',
6
+ '4': '#e1e9ff',
7
+ '5': '#d2deff',
8
+ '6': '#c1d0ff',
9
+ '7': '#abbdf9',
10
+ '8': '#8da4ef',
11
+ '9': '#3e63dd',
12
+ '10': '#3358d4',
13
+ '11': '#3a5bc7',
14
+ '12': '#1f2d5c',
15
+ a1: '#00008002',
16
+ a2: '#0040ff08',
17
+ a3: '#0047f112',
18
+ a4: '#0044ff1e',
19
+ a5: '#0044ff2d',
20
+ a6: '#003eff3e',
21
+ a7: '#0037ed54',
22
+ a8: '#0034dc72',
23
+ a9: '#0031d2c1',
24
+ a10: '#002ec9cc',
25
+ a11: '#002bb7c5',
26
+ a12: '#001046e0',
27
+ },
28
+ dark: {
29
+ '1': '#11131f',
30
+ '2': '#141726',
31
+ '3': '#182449',
32
+ '4': '#1d2e62',
33
+ '5': '#253974',
34
+ '6': '#304384',
35
+ '7': '#3a4f97',
36
+ '8': '#435db1',
37
+ '9': '#3e63dd',
38
+ '10': '#5472e4',
39
+ '11': '#9eb1ff',
40
+ '12': '#d6e1ff',
41
+ a1: '#1133ff0f',
42
+ a2: '#3354fa17',
43
+ a3: '#2f62ff3c',
44
+ a4: '#3566ff57',
45
+ a5: '#4171fd6b',
46
+ a6: '#5178fd7c',
47
+ a7: '#5a7fff90',
48
+ a8: '#5b81feac',
49
+ a9: '#4671ffdb',
50
+ a10: '#5c7efee3',
51
+ a11: '#9eb1ff',
52
+ a12: '#d6e1ff',
53
+ },
54
+ }
package/lib/varia/colorPalettes/iris.ts ADDED
@@ -0,0 +1,54 @@
1
+ export const iris = {
2
+ light: {
3
+ '1': '#fdfdff',
4
+ '2': '#f8f8ff',
5
+ '3': '#f0f1fe',
6
+ '4': '#e6e7ff',
7
+ '5': '#dadcff',
8
+ '6': '#cbcdff',
9
+ '7': '#b8baf8',
10
+ '8': '#9b9ef0',
11
+ '9': '#5b5bd6',
12
+ '10': '#5151cd',
13
+ '11': '#5753c6',
14
+ '12': '#272962',
15
+ a1: '#0000ff02',
16
+ a2: '#0000ff07',
17
+ a3: '#0011ee0f',
18
+ a4: '#000bff19',
19
+ a5: '#000eff25',
20
+ a6: '#000aff34',
21
+ a7: '#0008e647',
22
+ a8: '#0008d964',
23
+ a9: '#0000c0a4',
24
+ a10: '#0000b6ae',
25
+ a11: '#0600abac',
26
+ a12: '#000246d8',
27
+ },
28
+ dark: {
29
+ '1': '#13131e',
30
+ '2': '#171625',
31
+ '3': '#202248',
32
+ '4': '#262a65',
33
+ '5': '#303374',
34
+ '6': '#3d3e82',
35
+ '7': '#4a4a95',
36
+ '8': '#5958b1',
37
+ '9': '#5b5bd6',
38
+ '10': '#6e6ade',
39
+ '11': '#b1a9ff',
40
+ '12': '#e0dffe',
41
+ a1: '#3636fe0e',
42
+ a2: '#564bf916',
43
+ a3: '#525bff3b',
44
+ a4: '#4d58ff5a',
45
+ a5: '#5b62fd6b',
46
+ a6: '#6d6ffd7a',
47
+ a7: '#7777fe8e',
48
+ a8: '#7b7afeac',
49
+ a9: '#6a6afed4',
50
+ a10: '#7d79ffdc',
51
+ a11: '#b1a9ff',
52
+ a12: '#e1e0fffe',
53
+ },
54
+ }
package/lib/varia/colorPalettes/jade.ts ADDED
@@ -0,0 +1,54 @@
1
+ export const jade = {
2
+ light: {
3
+ '1': '#fbfefd',
4
+ '2': '#f4fbf7',
5
+ '3': '#e6f7ed',
6
+ '4': '#d6f1e3',
7
+ '5': '#c3e9d7',
8
+ '6': '#acdec8',
9
+ '7': '#8bceb6',
10
+ '8': '#56ba9f',
11
+ '9': '#29a383',
12
+ '10': '#26997b',
13
+ '11': '#208368',
14
+ '12': '#1d3b31',
15
+ a1: '#00c08004',
16
+ a2: '#00a3460b',
17
+ a3: '#00ae4819',
18
+ a4: '#00a85129',
19
+ a5: '#00a2553c',
20
+ a6: '#009a5753',
21
+ a7: '#00945f74',
22
+ a8: '#00976ea9',
23
+ a9: '#00916bd6',
24
+ a10: '#008764d9',
25
+ a11: '#007152df',
26
+ a12: '#002217e2',
27
+ },
28
+ dark: {
29
+ '1': '#0d1512',
30
+ '2': '#121c18',
31
+ '3': '#0f2e22',
32
+ '4': '#0b3b2c',
33
+ '5': '#114837',
34
+ '6': '#1b5745',
35
+ '7': '#246854',
36
+ '8': '#2a7e68',
37
+ '9': '#29a383',
38
+ '10': '#27b08b',
39
+ '11': '#1fd8a4',
40
+ '12': '#adf0d4',
41
+ a1: '#00de4505',
42
+ a2: '#27fba60c',
43
+ a3: '#02f99920',
44
+ a4: '#00ffaa2d',
45
+ a5: '#11ffb63b',
46
+ a6: '#34ffc24b',
47
+ a7: '#45fdc75e',
48
+ a8: '#48ffcf75',
49
+ a9: '#38feca9d',
50
+ a10: '#31fec7ab',
51
+ a11: '#21fec0d6',
52
+ a12: '#b8ffe1ef',
53
+ },
54
+ }
package/lib/varia/colorPalettes/lime.ts ADDED
@@ -0,0 +1,55 @@
1
+ // src/colors/lime.ts
2
+ export const lime = {
3
+ light: {
4
+ '1': '#fcfdfa',
5
+ '2': '#f8faf3',
6
+ '3': '#eef6d6',
7
+ '4': '#e2f0bd',
8
+ '5': '#d3e7a6',
9
+ '6': '#c2da91',
10
+ '7': '#abc978',
11
+ '8': '#8db654',
12
+ '9': '#bdee63',
13
+ '10': '#b0e64c',
14
+ '11': '#5c7c2f',
15
+ '12': '#37401c',
16
+ a1: '#66990005',
17
+ a2: '#6b95000c',
18
+ a3: '#96c80029',
19
+ a4: '#8fc60042',
20
+ a5: '#81bb0059',
21
+ a6: '#72aa006e',
22
+ a7: '#61990087',
23
+ a8: '#559200ab',
24
+ a9: '#93e4009c',
25
+ a10: '#8fdc00b3',
26
+ a11: '#375f00d0',
27
+ a12: '#1e2900e3',
28
+ },
29
+ dark: {
30
+ '1': '#11130c',
31
+ '2': '#151a10',
32
+ '3': '#1f2917',
33
+ '4': '#29371d',
34
+ '5': '#334423',
35
+ '6': '#3d522a',
36
+ '7': '#496231',
37
+ '8': '#577538',
38
+ '9': '#bdee63',
39
+ '10': '#d4ff70',
40
+ '11': '#bde56c',
41
+ '12': '#e3f7ba',
42
+ a1: '#11bb0003',
43
+ a2: '#78f7000a',
44
+ a3: '#9bfd4c1a',
45
+ a4: '#a7fe5c29',
46
+ a5: '#affe6537',
47
+ a6: '#b2fe6d46',
48
+ a7: '#b6ff6f57',
49
+ a8: '#b6fd6d6c',
50
+ a9: '#caff69ed',
51
+ a10: '#d4ff70',
52
+ a11: '#d1fe77e4',
53
+ a12: '#e9febff7',
54
+ },
55
+ }
package/lib/varia/colorPalettes/mauve.ts ADDED
@@ -0,0 +1,54 @@
1
+ export const mauve = {
2
+ light: {
3
+ '1': '#fdfcfd',
4
+ '2': '#faf9fb',
5
+ '3': '#f2eff3',
6
+ '4': '#eae7ec',
7
+ '5': '#e3dfe6',
8
+ '6': '#dbd8e0',
9
+ '7': '#d0cdd7',
10
+ '8': '#bcbac7',
11
+ '9': '#8e8c99',
12
+ '10': '#84828e',
13
+ '11': '#65636d',
14
+ '12': '#211f26',
15
+ a1: '#55005503',
16
+ a2: '#2b005506',
17
+ a3: '#30004010',
18
+ a4: '#20003618',
19
+ a5: '#20003820',
20
+ a6: '#14003527',
21
+ a7: '#10003332',
22
+ a8: '#08003145',
23
+ a9: '#05001d73',
24
+ a10: '#0500197d',
25
+ a11: '#0400119c',
26
+ a12: '#020008e0',
27
+ },
28
+ dark: {
29
+ '1': '#121113',
30
+ '2': '#1a191b',
31
+ '3': '#232225',
32
+ '4': '#2b292d',
33
+ '5': '#323035',
34
+ '6': '#3c393f',
35
+ '7': '#49474e',
36
+ '8': '#625f69',
37
+ '9': '#6f6d78',
38
+ '10': '#7c7a85',
39
+ '11': '#b5b2bc',
40
+ '12': '#eeeef0',
41
+ a1: '#00000000',
42
+ a2: '#f5f4f609',
43
+ a3: '#ebeaf814',
44
+ a4: '#eee5f81d',
45
+ a5: '#efe6fe25',
46
+ a6: '#f1e6fd30',
47
+ a7: '#eee9ff40',
48
+ a8: '#eee7ff5d',
49
+ a9: '#eae6fd6e',
50
+ a10: '#ece9fd7c',
51
+ a11: '#f5f1ffb7',
52
+ a12: '#fdfdffef',
53
+ },
54
+ }
package/lib/varia/colorPalettes/mint.ts ADDED
@@ -0,0 +1,54 @@
1
+ export const mint = {
2
+ light: {
3
+ '1': '#f9fefd',
4
+ '2': '#f2fbf9',
5
+ '3': '#ddf9f2',
6
+ '4': '#c8f4e9',
7
+ '5': '#b3ecde',
8
+ '6': '#9ce0d0',
9
+ '7': '#7ecfbd',
10
+ '8': '#4cbba5',
11
+ '9': '#86ead4',
12
+ '10': '#7de0cb',
13
+ '11': '#027864',
14
+ '12': '#16433c',
15
+ a1: '#00d5aa06',
16
+ a2: '#00b18a0d',
17
+ a3: '#00d29e22',
18
+ a4: '#00cc9937',
19
+ a5: '#00c0914c',
20
+ a6: '#00b08663',
21
+ a7: '#00a17d81',
22
+ a8: '#009e7fb3',
23
+ a9: '#00d3a579',
24
+ a10: '#00c39982',
25
+ a11: '#007763fd',
26
+ a12: '#00312ae9',
27
+ },
28
+ dark: {
29
+ '1': '#0e1515',
30
+ '2': '#0f1b1b',
31
+ '3': '#092c2b',
32
+ '4': '#003a38',
33
+ '5': '#004744',
34
+ '6': '#105650',
35
+ '7': '#1e685f',
36
+ '8': '#277f70',
37
+ '9': '#86ead4',
38
+ '10': '#a8f5e5',
39
+ '11': '#58d5ba',
40
+ '12': '#c4f5e1',
41
+ a1: '#00dede05',
42
+ a2: '#00f9f90b',
43
+ a3: '#00fff61d',
44
+ a4: '#00fff42c',
45
+ a5: '#00fff23a',
46
+ a6: '#0effeb4a',
47
+ a7: '#34fde55e',
48
+ a8: '#41ffdf76',
49
+ a9: '#92ffe7e9',
50
+ a10: '#aefeedf5',
51
+ a11: '#67ffded2',
52
+ a12: '#cbfee9f5',
53
+ },
54
+ }
package/lib/varia/colorPalettes/neutral.ts ADDED
@@ -0,0 +1,54 @@
1
+ export const neutral = {
2
+ light: {
3
+ '1': '#fcfcfc',
4
+ '2': '#f9f9f9',
5
+ '3': '#f0f0f0',
6
+ '4': '#e8e8e8',
7
+ '5': '#e0e0e0',
8
+ '6': '#d9d9d9',
9
+ '7': '#cecece',
10
+ '8': '#bbbbbb',
11
+ '9': '#8d8d8d',
12
+ '10': '#838383',
13
+ '11': '#646464',
14
+ '12': '#202020',
15
+ a1: '#00000003',
16
+ a2: '#00000006',
17
+ a3: '#0000000f',
18
+ a4: '#00000017',
19
+ a5: '#0000001f',
20
+ a6: '#00000026',
21
+ a7: '#00000031',
22
+ a8: '#00000044',
23
+ a9: '#00000072',
24
+ a10: '#0000007c',
25
+ a11: '#0000009b',
26
+ a12: '#000000df',
27
+ },
28
+ dark: {
29
+ '1': '#111111',
30
+ '2': '#191919',
31
+ '3': '#222222',
32
+ '4': '#2a2a2a',
33
+ '5': '#313131',
34
+ '6': '#3a3a3a',
35
+ '7': '#484848',
36
+ '8': '#606060',
37
+ '9': '#6e6e6e',
38
+ '10': '#7b7b7b',
39
+ '11': '#b4b4b4',
40
+ '12': '#eeeeee',
41
+ a1: '#00000000',
42
+ a2: '#ffffff09',
43
+ a3: '#ffffff12',
44
+ a4: '#ffffff1b',
45
+ a5: '#ffffff22',
46
+ a6: '#ffffff2c',
47
+ a7: '#ffffff3b',
48
+ a8: '#ffffff55',
49
+ a9: '#ffffff64',
50
+ a10: '#ffffff72',
51
+ a11: '#ffffffaf',
52
+ a12: '#ffffffed',
53
+ },
54
+ }
package/lib/varia/colorPalettes/olive.ts ADDED
@@ -0,0 +1,54 @@
1
+ export const olive = {
2
+ light: {
3
+ '1': '#fcfdfc',
4
+ '2': '#f8faf8',
5
+ '3': '#eff1ef',
6
+ '4': '#e7e9e7',
7
+ '5': '#dfe2df',
8
+ '6': '#d7dad7',
9
+ '7': '#cccfcc',
10
+ '8': '#b9bcb8',
11
+ '9': '#898e87',
12
+ '10': '#7f847d',
13
+ '11': '#60655f',
14
+ '12': '#1d211c',
15
+ a1: '#00550003',
16
+ a2: '#00490007',
17
+ a3: '#00200010',
18
+ a4: '#00160018',
19
+ a5: '#00180020',
20
+ a6: '#00140028',
21
+ a7: '#000f0033',
22
+ a8: '#040f0047',
23
+ a9: '#050f0078',
24
+ a10: '#040e0082',
25
+ a11: '#020a00a0',
26
+ a12: '#010600e3',
27
+ },
28
+ dark: {
29
+ '1': '#111210',
30
+ '2': '#181917',
31
+ '3': '#212220',
32
+ '4': '#282a27',
33
+ '5': '#2f312e',
34
+ '6': '#383a36',
35
+ '7': '#454843',
36
+ '8': '#5c625b',
37
+ '9': '#687066',
38
+ '10': '#767d74',
39
+ '11': '#afb5ad',
40
+ '12': '#eceeec',
41
+ a1: '#00000000',
42
+ a2: '#f1f2f008',
43
+ a3: '#f4f5f312',
44
+ a4: '#f3fef21a',
45
+ a5: '#f2fbf122',
46
+ a6: '#f4faed2c',
47
+ a7: '#f2fced3b',
48
+ a8: '#edfdeb57',
49
+ a9: '#ebfde766',
50
+ a10: '#f0fdec74',
51
+ a11: '#f6fef4b0',
52
+ a12: '#fdfffded',
53
+ },
54
+ }
package/lib/varia/colorPalettes/orange.ts ADDED
@@ -0,0 +1,54 @@
1
+ export const orange = {
2
+ light: {
3
+ '1': '#fefcfb',
4
+ '2': '#fff7ed',
5
+ '3': '#ffefd6',
6
+ '4': '#ffdfb5',
7
+ '5': '#ffd19a',
8
+ '6': '#ffc182',
9
+ '7': '#f5ae73',
10
+ '8': '#ec9455',
11
+ '9': '#f76b15',
12
+ '10': '#ef5f00',
13
+ '11': '#cc4e00',
14
+ '12': '#582d1d',
15
+ a1: '#c0400004',
16
+ a2: '#ff8e0012',
17
+ a3: '#ff9c0029',
18
+ a4: '#ff91014a',
19
+ a5: '#ff8b0065',
20
+ a6: '#ff81007d',
21
+ a7: '#ed6c008c',
22
+ a8: '#e35f00aa',
23
+ a9: '#f65e00ea',
24
+ a10: '#ef5f00',
25
+ a11: '#cc4e00',
26
+ a12: '#431200e2',
27
+ },
28
+ dark: {
29
+ '1': '#17120e',
30
+ '2': '#1e160f',
31
+ '3': '#331e0b',
32
+ '4': '#462100',
33
+ '5': '#562800',
34
+ '6': '#66350c',
35
+ '7': '#7e451d',
36
+ '8': '#a35829',
37
+ '9': '#f76b15',
38
+ '10': '#ff801f',
39
+ '11': '#ffa057',
40
+ '12': '#ffe0c2',
41
+ a1: '#ec360007',
42
+ a2: '#fe6d000e',
43
+ a3: '#fb6a0025',
44
+ a4: '#ff590039',
45
+ a5: '#ff61004a',
46
+ a6: '#fd75045c',
47
+ a7: '#ff832c75',
48
+ a8: '#fe84389d',
49
+ a9: '#fe6d15f7',
50
+ a10: '#ff801f',
51
+ a11: '#ffa057',
52
+ a12: '#ffe0c2',
53
+ },
54
+ }
package/lib/varia/colorPalettes/pink.ts ADDED
@@ -0,0 +1,54 @@
1
+ export const pink = {
2
+ light: {
3
+ '1': '#fffcfe',
4
+ '2': '#fef7fb',
5
+ '3': '#fee9f5',
6
+ '4': '#fbdcef',
7
+ '5': '#f6cee7',
8
+ '6': '#efbfdd',
9
+ '7': '#e7acd0',
10
+ '8': '#dd93c2',
11
+ '9': '#d6409f',
12
+ '10': '#cf3897',
13
+ '11': '#c2298a',
14
+ '12': '#651249',
15
+ a1: '#ff00aa03',
16
+ a2: '#e0008008',
17
+ a3: '#f4008c16',
18
+ a4: '#e2008b23',
19
+ a5: '#d1008331',
20
+ a6: '#c0007840',
21
+ a7: '#b6006f53',
22
+ a8: '#af006f6c',
23
+ a9: '#c8007fbf',
24
+ a10: '#c2007ac7',
25
+ a11: '#b60074d6',
26
+ a12: '#59003bed',
27
+ },
28
+ dark: {
29
+ '1': '#191117',
30
+ '2': '#21121d',
31
+ '3': '#37172f',
32
+ '4': '#4b143d',
33
+ '5': '#591c47',
34
+ '6': '#692955',
35
+ '7': '#833869',
36
+ '8': '#a84885',
37
+ '9': '#d6409f',
38
+ '10': '#de51a8',
39
+ '11': '#ff8dcc',
40
+ '12': '#fdd1ea',
41
+ a1: '#f412bc09',
42
+ a2: '#f420bb12',
43
+ a3: '#fe37cc29',
44
+ a4: '#fc1ec43f',
45
+ a5: '#fd35c24e',
46
+ a6: '#fd51c75f',
47
+ a7: '#fd62c87b',
48
+ a8: '#ff68c8a2',
49
+ a9: '#fe49bcd4',
50
+ a10: '#ff5cc0dc',
51
+ a11: '#ff8dcc',
52
+ a12: '#ffd3ecfd',
53
+ },
54
+ }
package/lib/varia/colorPalettes/plum.ts ADDED
@@ -0,0 +1,54 @@
1
+ export const plum = {
2
+ light: {
3
+ '1': '#fefcff',
4
+ '2': '#fdf7fd',
5
+ '3': '#fbebfb',
6
+ '4': '#f7def8',
7
+ '5': '#f2d1f3',
8
+ '6': '#e9c2ec',
9
+ '7': '#deade3',
10
+ '8': '#cf91d8',
11
+ '9': '#ab4aba',
12
+ '10': '#a144af',
13
+ '11': '#953ea3',
14
+ '12': '#53195d',
15
+ a1: '#aa00ff03',
16
+ a2: '#c000c008',
17
+ a3: '#cc00cc14',
18
+ a4: '#c200c921',
19
+ a5: '#b700bd2e',
20
+ a6: '#a400b03d',
21
+ a7: '#9900a852',
22
+ a8: '#9000a56e',
23
+ a9: '#89009eb5',
24
+ a10: '#7f0092bb',
25
+ a11: '#730086c1',
26
+ a12: '#40004be6',
27
+ },
28
+ dark: {
29
+ '1': '#181118',
30
+ '2': '#201320',
31
+ '3': '#351a35',
32
+ '4': '#451d47',
33
+ '5': '#512454',
34
+ '6': '#5e3061',
35
+ '7': '#734079',
36
+ '8': '#92549c',
37
+ '9': '#ab4aba',
38
+ '10': '#b658c4',
39
+ '11': '#e796f3',
40
+ '12': '#f4d4f4',
41
+ a1: '#f112f108',
42
+ a2: '#f22ff211',
43
+ a3: '#fd4cfd27',
44
+ a4: '#f646ff3a',
45
+ a5: '#f455ff48',
46
+ a6: '#f66dff56',
47
+ a7: '#f07cfd70',
48
+ a8: '#ee84ff95',
49
+ a9: '#e961feb6',
50
+ a10: '#ed70ffc0',
51
+ a11: '#f19cfef3',
52
+ a12: '#feddfef4',
53
+ },
54
+ }