@tamagui/colors 1.0.1-beta.59 → 1.0.1-beta.62

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 (116) hide show
  1. package/package.json +3 -2
  2. package/src/blackA.ts +14 -0
  3. package/src/dark/amber.ts +14 -0
  4. package/src/dark/amberA.ts +14 -0
  5. package/src/dark/blue.ts +14 -0
  6. package/src/dark/blueA.ts +14 -0
  7. package/src/dark/bronze.ts +14 -0
  8. package/src/dark/bronzeA.ts +14 -0
  9. package/src/dark/brown.ts +14 -0
  10. package/src/dark/brownA.ts +14 -0
  11. package/src/dark/crimson.ts +14 -0
  12. package/src/dark/crimsonA.ts +14 -0
  13. package/src/dark/cyan.ts +14 -0
  14. package/src/dark/cyanA.ts +14 -0
  15. package/src/dark/gold.ts +14 -0
  16. package/src/dark/goldA.ts +14 -0
  17. package/src/dark/grass.ts +14 -0
  18. package/src/dark/grassA.ts +14 -0
  19. package/src/dark/gray.ts +14 -0
  20. package/src/dark/grayA.ts +14 -0
  21. package/src/dark/green.ts +14 -0
  22. package/src/dark/greenA.ts +14 -0
  23. package/src/dark/indigo.ts +14 -0
  24. package/src/dark/indigoA.ts +14 -0
  25. package/src/dark/lime.ts +14 -0
  26. package/src/dark/limeA.ts +14 -0
  27. package/src/dark/mauve.ts +14 -0
  28. package/src/dark/mauveA.ts +14 -0
  29. package/src/dark/mint.ts +14 -0
  30. package/src/dark/mintA.ts +14 -0
  31. package/src/dark/olive.ts +14 -0
  32. package/src/dark/oliveA.ts +14 -0
  33. package/src/dark/orange.ts +14 -0
  34. package/src/dark/orangeA.ts +14 -0
  35. package/src/dark/pink.ts +14 -0
  36. package/src/dark/pinkA.ts +14 -0
  37. package/src/dark/plum.ts +14 -0
  38. package/src/dark/plumA.ts +14 -0
  39. package/src/dark/purple.ts +14 -0
  40. package/src/dark/purpleA.ts +14 -0
  41. package/src/dark/red.ts +14 -0
  42. package/src/dark/redA.ts +14 -0
  43. package/src/dark/sage.ts +14 -0
  44. package/src/dark/sageA.ts +14 -0
  45. package/src/dark/sand.ts +14 -0
  46. package/src/dark/sandA.ts +14 -0
  47. package/src/dark/sky.ts +14 -0
  48. package/src/dark/skyA.ts +14 -0
  49. package/src/dark/slate.ts +14 -0
  50. package/src/dark/slateA.ts +14 -0
  51. package/src/dark/teal.ts +14 -0
  52. package/src/dark/tealA.ts +14 -0
  53. package/src/dark/tomato.ts +14 -0
  54. package/src/dark/tomatoA.ts +14 -0
  55. package/src/dark/violet.ts +14 -0
  56. package/src/dark/violetA.ts +14 -0
  57. package/src/dark/yellow.ts +14 -0
  58. package/src/dark/yellowA.ts +14 -0
  59. package/src/index.ts +145 -0
  60. package/src/light/amber.ts +14 -0
  61. package/src/light/amberA.ts +14 -0
  62. package/src/light/blue.ts +14 -0
  63. package/src/light/blueA.ts +14 -0
  64. package/src/light/bronze.ts +14 -0
  65. package/src/light/bronzeA.ts +14 -0
  66. package/src/light/brown.ts +14 -0
  67. package/src/light/brownA.ts +14 -0
  68. package/src/light/crimson.ts +14 -0
  69. package/src/light/crimsonA.ts +14 -0
  70. package/src/light/cyan.ts +14 -0
  71. package/src/light/cyanA.ts +14 -0
  72. package/src/light/gold.ts +14 -0
  73. package/src/light/goldA.ts +14 -0
  74. package/src/light/grass.ts +14 -0
  75. package/src/light/grassA.ts +14 -0
  76. package/src/light/gray.ts +14 -0
  77. package/src/light/grayA.ts +14 -0
  78. package/src/light/green.ts +14 -0
  79. package/src/light/greenA.ts +14 -0
  80. package/src/light/indigo.ts +14 -0
  81. package/src/light/indigoA.ts +14 -0
  82. package/src/light/lime.ts +14 -0
  83. package/src/light/limeA.ts +14 -0
  84. package/src/light/mauve.ts +14 -0
  85. package/src/light/mauveA.ts +14 -0
  86. package/src/light/mint.ts +14 -0
  87. package/src/light/mintA.ts +14 -0
  88. package/src/light/olive.ts +14 -0
  89. package/src/light/oliveA.ts +14 -0
  90. package/src/light/orange.ts +14 -0
  91. package/src/light/orangeA.ts +14 -0
  92. package/src/light/pink.ts +14 -0
  93. package/src/light/pinkA.ts +14 -0
  94. package/src/light/plum.ts +14 -0
  95. package/src/light/plumA.ts +14 -0
  96. package/src/light/purple.ts +14 -0
  97. package/src/light/purpleA.ts +14 -0
  98. package/src/light/red.ts +14 -0
  99. package/src/light/redA.ts +14 -0
  100. package/src/light/sage.ts +14 -0
  101. package/src/light/sageA.ts +14 -0
  102. package/src/light/sand.ts +14 -0
  103. package/src/light/sandA.ts +14 -0
  104. package/src/light/sky.ts +14 -0
  105. package/src/light/skyA.ts +14 -0
  106. package/src/light/slate.ts +14 -0
  107. package/src/light/slateA.ts +14 -0
  108. package/src/light/teal.ts +14 -0
  109. package/src/light/tealA.ts +14 -0
  110. package/src/light/tomato.ts +14 -0
  111. package/src/light/tomatoA.ts +14 -0
  112. package/src/light/violet.ts +14 -0
  113. package/src/light/violetA.ts +14 -0
  114. package/src/light/yellow.ts +14 -0
  115. package/src/light/yellowA.ts +14 -0
  116. package/src/whiteA.ts +14 -0
package/package.json CHANGED
@@ -1,12 +1,13 @@
1
1
  {
2
2
  "name": "@tamagui/colors",
3
- "version": "1.0.1-beta.59",
3
+ "version": "1.0.1-beta.62",
4
4
  "source": "src/index.ts",
5
5
  "types": "./types/index.d.ts",
6
6
  "main": "dist/cjs",
7
7
  "module": "dist/esm",
8
8
  "module:jsx": "dist/jsx",
9
9
  "files": [
10
+ "src",
10
11
  "types",
11
12
  "dist"
12
13
  ],
@@ -17,7 +18,7 @@
17
18
  "clean:build": "tamagui-build clean:build"
18
19
  },
19
20
  "devDependencies": {
20
- "@tamagui/build": "^1.0.1-beta.59"
21
+ "@tamagui/build": "^1.0.1-beta.62"
21
22
  },
22
23
  "publishConfig": {
23
24
  "access": "public"
package/src/blackA.ts ADDED
@@ -0,0 +1,14 @@
1
+ export const blackA = {
2
+ blackA1: 'hsla(0, 0%, 0%, 0.012)',
3
+ blackA2: 'hsla(0, 0%, 0%, 0.027)',
4
+ blackA3: 'hsla(0, 0%, 0%, 0.047)',
5
+ blackA4: 'hsla(0, 0%, 0%, 0.071)',
6
+ blackA5: 'hsla(0, 0%, 0%, 0.090)',
7
+ blackA6: 'hsla(0, 0%, 0%, 0.114)',
8
+ blackA7: 'hsla(0, 0%, 0%, 0.141)',
9
+ blackA8: 'hsla(0, 0%, 0%, 0.220)',
10
+ blackA9: 'hsla(0, 0%, 0%, 0.439)',
11
+ blackA10: 'hsla(0, 0%, 0%, 0.478)',
12
+ blackA11: 'hsla(0, 0%, 0%, 0.565)',
13
+ blackA12: 'hsla(0, 0%, 0%, 0.910)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const amber = {
2
+ amber1: 'hsl(36, 100%, 6.1%)',
3
+ amber2: 'hsl(35, 100%, 7.6%)',
4
+ amber3: 'hsl(32, 100%, 10.2%)',
5
+ amber4: 'hsl(32, 100%, 12.4%)',
6
+ amber5: 'hsl(33, 100%, 14.6%)',
7
+ amber6: 'hsl(35, 100%, 17.1%)',
8
+ amber7: 'hsl(35, 91.0%, 21.6%)',
9
+ amber8: 'hsl(36, 100%, 25.5%)',
10
+ amber9: 'hsl(39, 100%, 57.0%)',
11
+ amber10: 'hsl(43, 100%, 64.0%)',
12
+ amber11: 'hsl(39, 90.0%, 49.8%)',
13
+ amber12: 'hsl(39, 97.0%, 93.2%)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const amberA = {
2
+ amberA1: 'hsla(0, 0%, 0%, 0)',
3
+ amberA2: 'hsla(31, 100%, 49.7%, 0.036)',
4
+ amberA3: 'hsla(27, 100%, 49.9%, 0.094)',
5
+ amberA4: 'hsla(29, 100%, 50.0%, 0.143)',
6
+ amberA5: 'hsla(31, 100%, 50.0%, 0.192)',
7
+ amberA6: 'hsla(35, 100%, 50.0%, 0.250)',
8
+ amberA7: 'hsla(34, 99.6%, 52.9%, 0.331)',
9
+ amberA8: 'hsla(36, 100%, 50.0%, 0.442)',
10
+ amberA9: 'hsla(40, 100%, 57.2%, 0.980)',
11
+ amberA10: 'hsla(44, 100%, 64.2%, 0.980)',
12
+ amberA11: 'hsla(39, 99.9%, 52.7%, 0.938)',
13
+ amberA12: 'hsla(45, 100%, 94.2%, 0.980)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const blue = {
2
+ blue1: 'hsl(212, 35.0%, 9.2%)',
3
+ blue2: 'hsl(216, 50.0%, 11.8%)',
4
+ blue3: 'hsl(214, 59.4%, 15.3%)',
5
+ blue4: 'hsl(214, 65.8%, 17.9%)',
6
+ blue5: 'hsl(213, 71.2%, 20.2%)',
7
+ blue6: 'hsl(212, 77.4%, 23.1%)',
8
+ blue7: 'hsl(211, 85.1%, 27.4%)',
9
+ blue8: 'hsl(211, 89.7%, 34.1%)',
10
+ blue9: 'hsl(206, 100%, 50.0%)',
11
+ blue10: 'hsl(209, 100%, 60.6%)',
12
+ blue11: 'hsl(210, 100%, 66.1%)',
13
+ blue12: 'hsl(206, 98.0%, 95.8%)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const blueA = {
2
+ blueA1: 'hsla(0, 0%, 0%, 0)',
3
+ blueA2: 'hsla(221, 97.8%, 52.4%, 0.059)',
4
+ blueA3: 'hsla(215, 99.3%, 54.2%, 0.135)',
5
+ blueA4: 'hsla(215, 99.3%, 53.8%, 0.198)',
6
+ blueA5: 'hsla(213, 99.4%, 52.8%, 0.252)',
7
+ blueA6: 'hsla(212, 99.9%, 51.7%, 0.323)',
8
+ blueA7: 'hsla(211, 100%, 50.7%, 0.435)',
9
+ blueA8: 'hsla(211, 99.8%, 50.9%, 0.597)',
10
+ blueA9: 'hsla(205, 100%, 50.0%, 0.980)',
11
+ blueA10: 'hsla(208, 100%, 60.7%, 0.980)',
12
+ blueA11: 'hsla(209, 100%, 66.3%, 0.980)',
13
+ blueA12: 'hsla(196, 100%, 96.8%, 0.980)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const bronze = {
2
+ bronze1: 'hsl(17, 10.0%, 8.8%)',
3
+ bronze2: 'hsl(15, 14.8%, 10.6%)',
4
+ bronze3: 'hsl(15, 16.3%, 14.3%)',
5
+ bronze4: 'hsl(16, 17.1%, 17.2%)',
6
+ bronze5: 'hsl(16, 17.6%, 19.6%)',
7
+ bronze6: 'hsl(16, 18.1%, 22.9%)',
8
+ bronze7: 'hsl(17, 18.8%, 28.8%)',
9
+ bronze8: 'hsl(17, 19.6%, 38.0%)',
10
+ bronze9: 'hsl(17, 20.0%, 54.0%)',
11
+ bronze10: 'hsl(18, 24.0%, 59.0%)',
12
+ bronze11: 'hsl(18, 35.0%, 68.5%)',
13
+ bronze12: 'hsl(18, 57.0%, 94.1%)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const bronzeA = {
2
+ bronzeA1: 'hsla(0, 0%, 0%, 0)',
3
+ bronzeA2: 'hsla(20, 88.2%, 74.2%, 0.027)',
4
+ bronzeA3: 'hsla(10, 99.4%, 83.0%, 0.074)',
5
+ bronzeA4: 'hsla(18, 96.0%, 81.1%, 0.114)',
6
+ bronzeA5: 'hsla(18, 99.4%, 81.7%, 0.148)',
7
+ bronzeA6: 'hsla(15, 98.1%, 82.4%, 0.192)',
8
+ bronzeA7: 'hsla(16, 99.2%, 82.9%, 0.270)',
9
+ bronzeA8: 'hsla(18, 99.5%, 82.6%, 0.396)',
10
+ bronzeA9: 'hsla(18, 99.3%, 85.0%, 0.592)',
11
+ bronzeA10: 'hsla(18, 99.6%, 85.2%, 0.657)',
12
+ bronzeA11: 'hsla(17, 99.9%, 86.1%, 0.774)',
13
+ bronzeA12: 'hsla(20, 99.8%, 96.4%, 0.974)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const brown = {
2
+ brown1: 'hsl(22, 15.0%, 8.7%)',
3
+ brown2: 'hsl(20, 28.3%, 10.4%)',
4
+ brown3: 'hsl(20, 28.0%, 14.0%)',
5
+ brown4: 'hsl(21, 28.4%, 16.5%)',
6
+ brown5: 'hsl(22, 28.7%, 18.9%)',
7
+ brown6: 'hsl(23, 29.0%, 22.3%)',
8
+ brown7: 'hsl(25, 29.5%, 27.8%)',
9
+ brown8: 'hsl(27, 30.1%, 35.9%)',
10
+ brown9: 'hsl(28, 34.0%, 51.0%)',
11
+ brown10: 'hsl(28, 41.4%, 55.8%)',
12
+ brown11: 'hsl(28, 60.0%, 64.5%)',
13
+ brown12: 'hsl(30, 67.0%, 94.0%)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const brownA = {
2
+ brownA1: 'hsla(0, 0%, 0%, 0)',
3
+ brownA2: 'hsla(22, 99.6%, 53.6%, 0.035)',
4
+ brownA3: 'hsla(18, 97.8%, 69.0%, 0.088)',
5
+ brownA4: 'hsla(21, 98.2%, 71.0%, 0.123)',
6
+ brownA5: 'hsla(25, 98.4%, 72.1%, 0.158)',
7
+ brownA6: 'hsla(25, 98.7%, 73.5%, 0.206)',
8
+ brownA7: 'hsla(25, 99.0%, 74.6%, 0.289)',
9
+ brownA8: 'hsla(28, 99.2%, 75.3%, 0.407)',
10
+ brownA9: 'hsla(28, 100%, 74.8%, 0.642)',
11
+ brownA10: 'hsla(28, 99.9%, 74.9%, 0.712)',
12
+ brownA11: 'hsla(28, 99.9%, 74.9%, 0.843)',
13
+ brownA12: 'hsla(32, 98.2%, 95.7%, 0.979)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const crimson = {
2
+ crimson1: 'hsl(335, 20.0%, 9.6%)',
3
+ crimson2: 'hsl(335, 32.2%, 11.6%)',
4
+ crimson3: 'hsl(335, 42.5%, 16.5%)',
5
+ crimson4: 'hsl(335, 47.2%, 19.3%)',
6
+ crimson5: 'hsl(335, 50.9%, 21.8%)',
7
+ crimson6: 'hsl(335, 55.7%, 25.3%)',
8
+ crimson7: 'hsl(336, 62.9%, 30.8%)',
9
+ crimson8: 'hsl(336, 74.9%, 39.0%)',
10
+ crimson9: 'hsl(336, 80.0%, 57.8%)',
11
+ crimson10: 'hsl(339, 84.1%, 62.6%)',
12
+ crimson11: 'hsl(341, 90.0%, 67.3%)',
13
+ crimson12: 'hsl(332, 87.0%, 96.0%)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const crimsonA = {
2
+ crimsonA1: 'hsla(0, 0%, 0%, 0)',
3
+ crimsonA2: 'hsla(336, 96.8%, 53.2%, 0.045)',
4
+ crimsonA3: 'hsla(335, 98.7%, 59.3%, 0.138)',
5
+ crimsonA4: 'hsla(336, 99.1%, 59.9%, 0.191)',
6
+ crimsonA5: 'hsla(335, 99.4%, 59.4%, 0.244)',
7
+ crimsonA6: 'hsla(335, 99.4%, 59.4%, 0.315)',
8
+ crimsonA7: 'hsla(336, 99.5%, 57.8%, 0.439)',
9
+ crimsonA8: 'hsla(336, 99.9%, 55.4%, 0.642)',
10
+ crimsonA9: 'hsla(336, 99.9%, 62.8%, 0.903)',
11
+ crimsonA10: 'hsla(339, 99.9%, 66.3%, 0.934)',
12
+ crimsonA11: 'hsla(341, 99.9%, 69.5%, 0.965)',
13
+ crimsonA12: 'hsla(327, 100%, 97.1%, 0.980)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const cyan = {
2
+ cyan1: 'hsl(192, 60.0%, 7.2%)',
3
+ cyan2: 'hsl(192, 71.4%, 8.2%)',
4
+ cyan3: 'hsl(192, 75.9%, 10.8%)',
5
+ cyan4: 'hsl(192, 79.3%, 12.8%)',
6
+ cyan5: 'hsl(192, 82.5%, 14.6%)',
7
+ cyan6: 'hsl(192, 86.6%, 16.9%)',
8
+ cyan7: 'hsl(192, 92.6%, 20.1%)',
9
+ cyan8: 'hsl(192, 100%, 24.5%)',
10
+ cyan9: 'hsl(190, 95.0%, 39.0%)',
11
+ cyan10: 'hsl(188, 100%, 40.0%)',
12
+ cyan11: 'hsl(186, 100%, 42.2%)',
13
+ cyan12: 'hsl(185, 73.0%, 93.2%)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const cyanA = {
2
+ cyanA1: 'hsla(0, 0%, 0%, 0)',
3
+ cyanA2: 'hsla(196, 100%, 50.0%, 0.031)',
4
+ cyanA3: 'hsla(192, 98.0%, 50.9%, 0.085)',
5
+ cyanA4: 'hsla(194, 99.6%, 51.3%, 0.133)',
6
+ cyanA5: 'hsla(192, 99.5%, 51.3%, 0.173)',
7
+ cyanA6: 'hsla(193, 99.7%, 50.4%, 0.226)',
8
+ cyanA7: 'hsla(192, 100%, 50.0%, 0.310)',
9
+ cyanA8: 'hsla(193, 100%, 50.0%, 0.425)',
10
+ cyanA9: 'hsla(190, 99.8%, 50.8%, 0.731)',
11
+ cyanA10: 'hsla(188, 100%, 50.0%, 0.775)',
12
+ cyanA11: 'hsla(186, 100%, 49.9%, 0.824)',
13
+ cyanA12: 'hsla(185, 99.8%, 95.1%, 0.978)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const gold = {
2
+ gold1: 'hsl(44, 9.0%, 8.3%)',
3
+ gold2: 'hsl(43, 14.3%, 9.6%)',
4
+ gold3: 'hsl(42, 15.5%, 13.0%)',
5
+ gold4: 'hsl(41, 16.4%, 15.6%)',
6
+ gold5: 'hsl(41, 16.9%, 17.8%)',
7
+ gold6: 'hsl(40, 17.6%, 20.8%)',
8
+ gold7: 'hsl(38, 18.5%, 26.4%)',
9
+ gold8: 'hsl(36, 19.6%, 35.1%)',
10
+ gold9: 'hsl(36, 20.0%, 49.5%)',
11
+ gold10: 'hsl(36, 22.3%, 54.5%)',
12
+ gold11: 'hsl(35, 30.0%, 64.0%)',
13
+ gold12: 'hsl(49, 52.0%, 93.8%)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const goldA = {
2
+ goldA1: 'hsla(0, 0%, 0%, 0)',
3
+ goldA2: 'hsla(40, 93.7%, 70.6%, 0.022)',
4
+ goldA3: 'hsla(40, 97.5%, 80.6%, 0.065)',
5
+ goldA4: 'hsla(40, 95.9%, 80.8%, 0.100)',
6
+ goldA5: 'hsla(38, 97.3%, 82.1%, 0.130)',
7
+ goldA6: 'hsla(39, 97.2%, 82.5%, 0.169)',
8
+ goldA7: 'hsla(37, 99.3%, 82.4%, 0.246)',
9
+ goldA8: 'hsla(35, 98.7%, 82.2%, 0.363)',
10
+ goldA9: 'hsla(36, 99.7%, 82.8%, 0.552)',
11
+ goldA10: 'hsla(35, 99.2%, 83.7%, 0.613)',
12
+ goldA11: 'hsla(35, 99.3%, 85.3%, 0.725)',
13
+ goldA12: 'hsla(49, 98.6%, 96.7%, 0.966)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const grass = {
2
+ grass1: 'hsl(146, 30.0%, 7.4%)',
3
+ grass2: 'hsl(136, 33.3%, 8.8%)',
4
+ grass3: 'hsl(137, 36.0%, 11.4%)',
5
+ grass4: 'hsl(137, 37.6%, 13.7%)',
6
+ grass5: 'hsl(136, 38.7%, 16.0%)',
7
+ grass6: 'hsl(135, 39.6%, 19.1%)',
8
+ grass7: 'hsl(134, 40.3%, 23.8%)',
9
+ grass8: 'hsl(131, 40.1%, 30.8%)',
10
+ grass9: 'hsl(131, 41.0%, 46.5%)',
11
+ grass10: 'hsl(131, 39.0%, 52.1%)',
12
+ grass11: 'hsl(131, 43.0%, 57.2%)',
13
+ grass12: 'hsl(137, 72.0%, 94.0%)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const grassA = {
2
+ grassA1: 'hsla(0, 0%, 0%, 0)',
3
+ grassA2: 'hsla(107, 97.2%, 61.9%, 0.022)',
4
+ grassA3: 'hsla(128, 96.5%, 69.8%, 0.066)',
5
+ grassA4: 'hsla(130, 100%, 70.2%, 0.100)',
6
+ grassA5: 'hsla(130, 98.2%, 69.1%, 0.140)',
7
+ grassA6: 'hsla(132, 99.9%, 69.3%, 0.187)',
8
+ grassA7: 'hsla(132, 99.9%, 69.8%, 0.261)',
9
+ grassA8: 'hsla(130, 99.6%, 70.5%, 0.370)',
10
+ grassA9: 'hsla(130, 99.7%, 70.6%, 0.618)',
11
+ grassA10: 'hsla(131, 100%, 73.5%, 0.674)',
12
+ grassA11: 'hsla(130, 99.7%, 75.6%, 0.731)',
13
+ grassA12: 'hsla(137, 100%, 95.8%, 0.980)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const gray = {
2
+ gray1: 'hsl(0, 0%, 8.5%)',
3
+ gray2: 'hsl(0, 0%, 11.0%)',
4
+ gray3: 'hsl(0, 0%, 13.6%)',
5
+ gray4: 'hsl(0, 0%, 15.8%)',
6
+ gray5: 'hsl(0, 0%, 17.9%)',
7
+ gray6: 'hsl(0, 0%, 20.5%)',
8
+ gray7: 'hsl(0, 0%, 24.3%)',
9
+ gray8: 'hsl(0, 0%, 31.2%)',
10
+ gray9: 'hsl(0, 0%, 43.9%)',
11
+ gray10: 'hsl(0, 0%, 49.4%)',
12
+ gray11: 'hsl(0, 0%, 62.8%)',
13
+ gray12: 'hsl(0, 0%, 93.0%)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const grayA = {
2
+ grayA1: 'hsla(0, 0%, 100%, 0)',
3
+ grayA2: 'hsla(0, 0%, 100%, 0.026)',
4
+ grayA3: 'hsla(0, 0%, 100%, 0.056)',
5
+ grayA4: 'hsla(0, 0%, 100%, 0.077)',
6
+ grayA5: 'hsla(0, 0%, 100%, 0.103)',
7
+ grayA6: 'hsla(0, 0%, 100%, 0.129)',
8
+ grayA7: 'hsla(0, 0%, 100%, 0.172)',
9
+ grayA8: 'hsla(0, 0%, 100%, 0.249)',
10
+ grayA9: 'hsla(0, 0%, 100%, 0.386)',
11
+ grayA10: 'hsla(0, 0%, 100%, 0.446)',
12
+ grayA11: 'hsla(0, 0%, 100%, 0.592)',
13
+ grayA12: 'hsla(0, 0%, 100%, 0.923)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const green = {
2
+ green1: 'hsl(146, 30.0%, 7.4%)',
3
+ green2: 'hsl(155, 44.2%, 8.4%)',
4
+ green3: 'hsl(155, 46.7%, 10.9%)',
5
+ green4: 'hsl(154, 48.4%, 12.9%)',
6
+ green5: 'hsl(154, 49.7%, 14.9%)',
7
+ green6: 'hsl(154, 50.9%, 17.6%)',
8
+ green7: 'hsl(153, 51.8%, 21.8%)',
9
+ green8: 'hsl(151, 51.7%, 28.4%)',
10
+ green9: 'hsl(151, 55.0%, 41.5%)',
11
+ green10: 'hsl(151, 49.3%, 46.5%)',
12
+ green11: 'hsl(151, 50.0%, 53.2%)',
13
+ green12: 'hsl(137, 72.0%, 94.0%)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const greenA = {
2
+ greenA1: 'hsla(0, 0%, 0%, 0)',
3
+ greenA2: 'hsla(169, 100%, 48.5%, 0.027)',
4
+ greenA3: 'hsla(162, 98.7%, 57.9%, 0.070)',
5
+ greenA4: 'hsla(158, 98.6%, 59.7%, 0.105)',
6
+ greenA5: 'hsla(158, 98.6%, 60.7%, 0.140)',
7
+ greenA6: 'hsla(156, 99.9%, 62.0%, 0.187)',
8
+ greenA7: 'hsla(154, 99.5%, 63.1%, 0.257)',
9
+ greenA8: 'hsla(152, 99.7%, 64.2%, 0.370)',
10
+ greenA9: 'hsla(151, 99.7%, 63.8%, 0.605)',
11
+ greenA10: 'hsla(152, 99.9%, 66.5%, 0.661)',
12
+ greenA11: 'hsla(151, 99.7%, 69.2%, 0.740)',
13
+ greenA12: 'hsla(137, 100%, 95.8%, 0.980)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const indigo = {
2
+ indigo1: 'hsl(229, 24.0%, 10.0%)',
3
+ indigo2: 'hsl(230, 36.4%, 12.9%)',
4
+ indigo3: 'hsl(228, 43.3%, 17.5%)',
5
+ indigo4: 'hsl(227, 47.2%, 21.0%)',
6
+ indigo5: 'hsl(227, 50.0%, 24.1%)',
7
+ indigo6: 'hsl(226, 52.9%, 28.2%)',
8
+ indigo7: 'hsl(226, 56.0%, 34.5%)',
9
+ indigo8: 'hsl(226, 58.2%, 44.1%)',
10
+ indigo9: 'hsl(226, 70.0%, 55.5%)',
11
+ indigo10: 'hsl(227, 75.2%, 61.6%)',
12
+ indigo11: 'hsl(228, 100%, 75.9%)',
13
+ indigo12: 'hsl(226, 83.0%, 96.3%)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const indigoA = {
2
+ indigoA1: 'hsla(0, 0%, 0%, 0)',
3
+ indigoA2: 'hsla(234, 97.4%, 59.9%, 0.059)',
4
+ indigoA3: 'hsla(228, 99.2%, 61.7%, 0.144)',
5
+ indigoA4: 'hsla(227, 99.7%, 62.0%, 0.211)',
6
+ indigoA5: 'hsla(227, 99.2%, 62.3%, 0.270)',
7
+ indigoA6: 'hsla(226, 99.9%, 62.1%, 0.350)',
8
+ indigoA7: 'hsla(226, 99.9%, 62.0%, 0.471)',
9
+ indigoA8: 'hsla(226, 99.9%, 62.1%, 0.655)',
10
+ indigoA9: 'hsla(226, 99.9%, 63.6%, 0.848)',
11
+ indigoA10: 'hsla(227, 99.8%, 67.7%, 0.893)',
12
+ indigoA11: 'hsla(227, 100%, 76.3%, 0.980)',
13
+ indigoA12: 'hsla(226, 100%, 97.5%, 0.980)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const lime = {
2
+ lime1: 'hsl(75, 55.0%, 6.0%)',
3
+ lime2: 'hsl(74, 56.8%, 7.3%)',
4
+ lime3: 'hsl(78, 50.2%, 9.9%)',
5
+ lime4: 'hsl(79, 50.3%, 12.1%)',
6
+ lime5: 'hsl(79, 52.6%, 14.2%)',
7
+ lime6: 'hsl(78, 55.7%, 16.7%)',
8
+ lime7: 'hsl(77, 59.7%, 20.1%)',
9
+ lime8: 'hsl(75, 64.8%, 24.5%)',
10
+ lime9: 'hsl(81, 67.0%, 50.0%)',
11
+ lime10: 'hsl(75, 85.0%, 60.0%)',
12
+ lime11: 'hsl(81, 70.0%, 43.8%)',
13
+ lime12: 'hsl(84, 79.0%, 92.6%)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const limeA = {
2
+ limeA1: 'hsla(0, 0%, 0%, 0)',
3
+ limeA2: 'hsla(75, 96.4%, 59.6%, 0.022)',
4
+ limeA3: 'hsla(88, 98.0%, 70.4%, 0.061)',
5
+ limeA4: 'hsla(81, 97.8%, 67.4%, 0.096)',
6
+ limeA5: 'hsla(82, 98.4%, 65.6%, 0.135)',
7
+ limeA6: 'hsla(79, 99.7%, 64.3%, 0.182)',
8
+ limeA7: 'hsla(77, 99.1%, 62.1%, 0.252)',
9
+ limeA8: 'hsla(75, 100%, 60.0%, 0.342)',
10
+ limeA9: 'hsla(81, 99.8%, 59.7%, 0.819)',
11
+ limeA10: 'hsla(75, 99.8%, 63.7%, 0.936)',
12
+ limeA11: 'hsla(81, 99.9%, 58.7%, 0.719)',
13
+ limeA12: 'hsla(83, 100%, 94.2%, 0.980)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const mauve = {
2
+ mauve1: 'hsl(246, 6.0%, 9.0%)',
3
+ mauve2: 'hsl(240, 5.1%, 11.6%)',
4
+ mauve3: 'hsl(241, 5.0%, 14.3%)',
5
+ mauve4: 'hsl(242, 4.9%, 16.5%)',
6
+ mauve5: 'hsl(243, 4.9%, 18.8%)',
7
+ mauve6: 'hsl(244, 4.9%, 21.5%)',
8
+ mauve7: 'hsl(245, 4.9%, 25.4%)',
9
+ mauve8: 'hsl(247, 4.8%, 32.5%)',
10
+ mauve9: 'hsl(252, 4.0%, 45.2%)',
11
+ mauve10: 'hsl(247, 3.4%, 50.7%)',
12
+ mauve11: 'hsl(253, 4.0%, 63.7%)',
13
+ mauve12: 'hsl(256, 6.0%, 93.2%)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const mauveA = {
2
+ mauveA1: 'hsla(0, 0%, 0%, 0)',
3
+ mauveA2: 'hsla(240, 76.7%, 91.2%, 0.031)',
4
+ mauveA3: 'hsla(240, 86.0%, 95.8%, 0.061)',
5
+ mauveA4: 'hsla(240, 91.8%, 94.7%, 0.087)',
6
+ mauveA5: 'hsla(240, 91.5%, 95.8%, 0.113)',
7
+ mauveA6: 'hsla(240, 92.0%, 93.8%, 0.148)',
8
+ mauveA7: 'hsla(240, 94.8%, 95.3%, 0.191)',
9
+ mauveA8: 'hsla(249, 98.1%, 95.2%, 0.273)',
10
+ mauveA9: 'hsla(248, 97.6%, 96.2%, 0.416)',
11
+ mauveA10: 'hsla(248, 95.5%, 96.6%, 0.477)',
12
+ mauveA11: 'hsla(250, 98.0%, 98.0%, 0.615)',
13
+ mauveA12: 'hsla(240, 93.9%, 99.6%, 0.931)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const mint = {
2
+ mint1: 'hsl(173, 50.0%, 6.6%)',
3
+ mint2: 'hsl(176, 73.0%, 7.3%)',
4
+ mint3: 'hsl(175, 79.3%, 8.9%)',
5
+ mint4: 'hsl(174, 84.8%, 10.3%)',
6
+ mint5: 'hsl(174, 90.2%, 11.9%)',
7
+ mint6: 'hsl(173, 96.0%, 13.8%)',
8
+ mint7: 'hsl(172, 100%, 16.8%)',
9
+ mint8: 'hsl(170, 100%, 21.4%)',
10
+ mint9: 'hsl(167, 65.0%, 66.0%)',
11
+ mint10: 'hsl(163, 80.0%, 77.0%)',
12
+ mint11: 'hsl(167, 70.0%, 48.0%)',
13
+ mint12: 'hsl(165, 80.0%, 94.8%)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const mintA = {
2
+ mintA1: 'hsla(0, 0%, 0%, 0)',
3
+ mintA2: 'hsla(180, 100%, 49.2%, 0.031)',
4
+ mintA3: 'hsla(176, 100%, 49.7%, 0.070)',
5
+ mintA4: 'hsla(173, 100%, 49.7%, 0.105)',
6
+ mintA5: 'hsla(173, 100%, 49.8%, 0.144)',
7
+ mintA6: 'hsla(172, 100%, 49.8%, 0.192)',
8
+ mintA7: 'hsla(171, 100%, 49.9%, 0.266)',
9
+ mintA8: 'hsla(169, 100%, 49.9%, 0.366)',
10
+ mintA9: 'hsla(167, 99.8%, 75.0%, 0.870)',
11
+ mintA10: 'hsla(163, 99.9%, 80.7%, 0.948)',
12
+ mintA11: 'hsla(167, 99.9%, 58.7%, 0.796)',
13
+ mintA12: 'hsla(169, 100%, 96.2%, 0.980)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const olive = {
2
+ olive1: 'hsl(110, 5.0%, 8.6%)',
3
+ olive2: 'hsl(105, 7.4%, 10.6%)',
4
+ olive3: 'hsl(106, 6.4%, 13.1%)',
5
+ olive4: 'hsl(106, 5.8%, 15.3%)',
6
+ olive5: 'hsl(107, 5.3%, 17.4%)',
7
+ olive6: 'hsl(107, 4.9%, 19.9%)',
8
+ olive7: 'hsl(108, 4.4%, 23.6%)',
9
+ olive8: 'hsl(110, 3.8%, 30.6%)',
10
+ olive9: 'hsl(110, 6.0%, 42.5%)',
11
+ olive10: 'hsl(111, 4.8%, 48.2%)',
12
+ olive11: 'hsl(110, 5.0%, 61.8%)',
13
+ olive12: 'hsl(110, 6.0%, 93.0%)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const oliveA = {
2
+ oliveA1: 'hsla(0, 0%, 0%, 0)',
3
+ oliveA2: 'hsla(91, 97.0%, 84.0%, 0.026)',
4
+ oliveA3: 'hsla(101, 87.4%, 87.7%, 0.057)',
5
+ oliveA4: 'hsla(92, 91.8%, 94.1%, 0.078)',
6
+ oliveA5: 'hsla(101, 92.6%, 93.5%, 0.104)',
7
+ oliveA6: 'hsla(102, 91.1%, 94.6%, 0.130)',
8
+ oliveA7: 'hsla(102, 92.5%, 95.9%, 0.173)',
9
+ oliveA8: 'hsla(107, 100%, 96.5%, 0.250)',
10
+ oliveA9: 'hsla(110, 98.3%, 94.1%, 0.397)',
11
+ oliveA10: 'hsla(109, 99.6%, 95.3%, 0.457)',
12
+ oliveA11: 'hsla(113, 95.3%, 97.2%, 0.600)',
13
+ oliveA12: 'hsla(120, 93.5%, 99.6%, 0.927)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const orange = {
2
+ orange1: 'hsl(30, 70.0%, 7.2%)',
3
+ orange2: 'hsl(28, 100%, 8.4%)',
4
+ orange3: 'hsl(26, 91.1%, 11.6%)',
5
+ orange4: 'hsl(25, 88.3%, 14.1%)',
6
+ orange5: 'hsl(24, 87.6%, 16.6%)',
7
+ orange6: 'hsl(24, 88.6%, 19.8%)',
8
+ orange7: 'hsl(24, 92.4%, 24.0%)',
9
+ orange8: 'hsl(25, 100%, 29.0%)',
10
+ orange9: 'hsl(24, 94.0%, 50.0%)',
11
+ orange10: 'hsl(24, 100%, 58.5%)',
12
+ orange11: 'hsl(24, 100%, 62.2%)',
13
+ orange12: 'hsl(24, 97.0%, 93.2%)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const orangeA = {
2
+ orangeA1: 'hsla(0, 0%, 0%, 0)',
3
+ orangeA2: 'hsla(13, 100%, 49.7%, 0.054)',
4
+ orangeA3: 'hsla(20, 100%, 49.7%, 0.117)',
5
+ orangeA4: 'hsla(23, 100%, 49.8%, 0.166)',
6
+ orangeA5: 'hsla(23, 99.4%, 50.1%, 0.215)',
7
+ orangeA6: 'hsla(23, 99.8%, 51.1%, 0.286)',
8
+ orangeA7: 'hsla(23, 99.7%, 50.6%, 0.389)',
9
+ orangeA8: 'hsla(24, 100%, 49.9%, 0.523)',
10
+ orangeA9: 'hsla(24, 99.9%, 51.6%, 0.965)',
11
+ orangeA10: 'hsla(25, 100%, 58.6%, 0.980)',
12
+ orangeA11: 'hsla(24, 100%, 62.4%, 0.980)',
13
+ orangeA12: 'hsla(26, 100%, 94.2%, 0.980)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const pink = {
2
+ pink1: 'hsl(318, 25.0%, 9.6%)',
3
+ pink2: 'hsl(319, 32.2%, 11.6%)',
4
+ pink3: 'hsl(319, 41.0%, 16.0%)',
5
+ pink4: 'hsl(320, 45.4%, 18.7%)',
6
+ pink5: 'hsl(320, 49.0%, 21.1%)',
7
+ pink6: 'hsl(321, 53.6%, 24.4%)',
8
+ pink7: 'hsl(321, 61.1%, 29.7%)',
9
+ pink8: 'hsl(322, 74.9%, 37.5%)',
10
+ pink9: 'hsl(322, 65.0%, 54.5%)',
11
+ pink10: 'hsl(323, 72.8%, 59.2%)',
12
+ pink11: 'hsl(325, 90.0%, 66.4%)',
13
+ pink12: 'hsl(322, 90.0%, 95.8%)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const pinkA = {
2
+ pinkA1: 'hsla(0, 0%, 0%, 0)',
3
+ pinkA2: 'hsla(320, 98.1%, 64.1%, 0.036)',
4
+ pinkA3: 'hsla(320, 99.1%, 63.1%, 0.121)',
5
+ pinkA4: 'hsla(320, 99.5%, 62.7%, 0.170)',
6
+ pinkA5: 'hsla(319, 99.7%, 61.5%, 0.219)',
7
+ pinkA6: 'hsla(322, 99.4%, 60.8%, 0.291)',
8
+ pinkA7: 'hsla(321, 99.6%, 58.7%, 0.407)',
9
+ pinkA8: 'hsla(322, 99.7%, 55.4%, 0.608)',
10
+ pinkA9: 'hsla(322, 100%, 64.6%, 0.817)',
11
+ pinkA10: 'hsla(323, 100%, 66.3%, 0.875)',
12
+ pinkA11: 'hsla(325, 99.9%, 68.6%, 0.960)',
13
+ pinkA12: 'hsla(314, 100%, 96.9%, 0.980)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const plum = {
2
+ plum1: 'hsl(301, 20.0%, 9.4%)',
3
+ plum2: 'hsl(300, 29.8%, 11.2%)',
4
+ plum3: 'hsl(298, 34.4%, 15.3%)',
5
+ plum4: 'hsl(297, 36.8%, 18.3%)',
6
+ plum5: 'hsl(296, 38.5%, 21.1%)',
7
+ plum6: 'hsl(295, 40.4%, 24.7%)',
8
+ plum7: 'hsl(294, 42.7%, 30.6%)',
9
+ plum8: 'hsl(292, 45.1%, 40.0%)',
10
+ plum9: 'hsl(292, 45.0%, 51.0%)',
11
+ plum10: 'hsl(295, 50.0%, 55.4%)',
12
+ plum11: 'hsl(300, 60.0%, 62.0%)',
13
+ plum12: 'hsl(296, 74.0%, 95.7%)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const plumA = {
2
+ plumA1: 'hsla(0, 0%, 0%, 0)',
3
+ plumA2: 'hsla(300, 96.4%, 58.4%, 0.036)',
4
+ plumA3: 'hsla(300, 99.4%, 67.1%, 0.102)',
5
+ plumA4: 'hsla(295, 99.8%, 66.3%, 0.155)',
6
+ plumA5: 'hsla(295, 99.4%, 67.1%, 0.204)',
7
+ plumA6: 'hsla(294, 99.0%, 67.8%, 0.262)',
8
+ plumA7: 'hsla(294, 99.9%, 67.7%, 0.363)',
9
+ plumA8: 'hsla(292, 99.8%, 67.5%, 0.527)',
10
+ plumA9: 'hsla(292, 99.9%, 69.2%, 0.695)',
11
+ plumA10: 'hsla(295, 99.9%, 70.8%, 0.748)',
12
+ plumA11: 'hsla(300, 99.8%, 72.9%, 0.828)',
13
+ plumA12: 'hsla(300, 100%, 97.1%, 0.980)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const purple = {
2
+ purple1: 'hsl(284, 20.0%, 9.6%)',
3
+ purple2: 'hsl(283, 30.0%, 11.8%)',
4
+ purple3: 'hsl(281, 37.5%, 16.5%)',
5
+ purple4: 'hsl(280, 41.2%, 20.0%)',
6
+ purple5: 'hsl(279, 43.8%, 23.3%)',
7
+ purple6: 'hsl(277, 46.4%, 27.5%)',
8
+ purple7: 'hsl(275, 49.3%, 34.6%)',
9
+ purple8: 'hsl(272, 52.1%, 45.9%)',
10
+ purple9: 'hsl(272, 51.0%, 54.0%)',
11
+ purple10: 'hsl(273, 57.3%, 59.1%)',
12
+ purple11: 'hsl(275, 80.0%, 71.0%)',
13
+ purple12: 'hsl(279, 75.0%, 95.7%)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const purpleA = {
2
+ purpleA1: 'hsla(0, 0%, 0%, 0)',
3
+ purpleA2: 'hsla(280, 96.5%, 57.5%, 0.045)',
4
+ purpleA3: 'hsla(279, 98.7%, 62.8%, 0.129)',
5
+ purpleA4: 'hsla(279, 99.1%, 64.0%, 0.191)',
6
+ purpleA5: 'hsla(278, 99.8%, 64.2%, 0.248)',
7
+ purpleA6: 'hsla(276, 99.6%, 64.6%, 0.328)',
8
+ purpleA7: 'hsla(274, 99.9%, 64.6%, 0.456)',
9
+ purpleA8: 'hsla(272, 99.7%, 64.6%, 0.660)',
10
+ purpleA9: 'hsla(272, 99.9%, 69.1%, 0.748)',
11
+ purpleA10: 'hsla(273, 100%, 71.3%, 0.801)',
12
+ purpleA11: 'hsla(275, 99.9%, 75.3%, 0.934)',
13
+ purpleA12: 'hsla(286, 100%, 97.1%, 0.980)',
14
+ }
@@ -0,0 +1,14 @@
1
+ export const red = {
2
+ red1: 'hsl(353, 23.0%, 9.8%)',
3
+ red2: 'hsl(357, 34.4%, 12.0%)',
4
+ red3: 'hsl(356, 43.4%, 16.4%)',
5
+ red4: 'hsl(356, 47.6%, 19.2%)',
6
+ red5: 'hsl(356, 51.1%, 21.9%)',
7
+ red6: 'hsl(356, 55.2%, 25.9%)',
8
+ red7: 'hsl(357, 60.2%, 31.8%)',
9
+ red8: 'hsl(358, 65.0%, 40.4%)',
10
+ red9: 'hsl(358, 75.0%, 59.0%)',
11
+ red10: 'hsl(358, 85.3%, 64.0%)',
12
+ red11: 'hsl(358, 100%, 69.5%)',
13
+ red12: 'hsl(351, 89.0%, 96.0%)',
14
+ }