@vector-im/compound-design-tokens 0.0.2 → 0.0.4

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 (152) hide show
  1. package/README.md +2 -1
  2. package/assets/web/css/cpd-common.css +54 -2
  3. package/assets/web/css/cpd-dark-hc-mq.css +238 -81
  4. package/assets/web/css/cpd-dark-hc.css +239 -82
  5. package/assets/web/css/cpd-dark-mq.css +311 -154
  6. package/assets/web/css/cpd-dark.css +312 -155
  7. package/assets/web/css/cpd-light-hc-mq.css +311 -154
  8. package/assets/web/css/cpd-light-hc.css +312 -155
  9. package/assets/web/css/cpd-light-mq.css +171 -14
  10. package/assets/web/css/cpd-light.css +172 -15
  11. package/assets/web/icons/$icons.json +1 -0
  12. package/assets/web/icons/arrow-left.svg +3 -0
  13. package/assets/web/icons/arrow-right.svg +3 -0
  14. package/assets/web/icons/arrow-up-right.svg +3 -0
  15. package/assets/web/icons/block.svg +3 -0
  16. package/assets/web/icons/chat-new.svg +4 -0
  17. package/assets/web/icons/chat-problem.svg +5 -0
  18. package/assets/web/icons/chat.svg +3 -0
  19. package/assets/web/icons/check-circle.svg +3 -0
  20. package/assets/web/icons/check.svg +3 -0
  21. package/assets/web/icons/chevron-down.svg +3 -0
  22. package/assets/web/icons/chevron-left.svg +3 -0
  23. package/assets/web/icons/chevron-right.svg +3 -0
  24. package/assets/web/icons/chevron-up-down.svg +3 -0
  25. package/assets/web/icons/chevron.svg +3 -0
  26. package/assets/web/icons/close.svg +3 -0
  27. package/assets/web/icons/computer.svg +3 -0
  28. package/assets/web/icons/delete.svg +3 -0
  29. package/assets/web/icons/download.svg +3 -0
  30. package/assets/web/icons/drag-grid.svg +3 -0
  31. package/assets/web/icons/drag-list.svg +3 -0
  32. package/assets/web/icons/error.svg +3 -0
  33. package/assets/web/icons/export-archive.svg +3 -0
  34. package/assets/web/icons/extensions.svg +6 -0
  35. package/assets/web/icons/favourite-off.svg +3 -0
  36. package/assets/web/icons/favourite-on.svg +3 -0
  37. package/assets/web/icons/files.svg +3 -0
  38. package/assets/web/icons/filter.svg +5 -0
  39. package/assets/web/icons/info.svg +3 -0
  40. package/assets/web/icons/leave.svg +5 -0
  41. package/assets/web/icons/link.svg +3 -0
  42. package/assets/web/icons/lock-off.svg +4 -0
  43. package/assets/web/icons/lock.svg +3 -0
  44. package/assets/web/icons/marker-read-receipts.svg +4 -0
  45. package/assets/web/icons/mention.svg +3 -0
  46. package/assets/web/icons/mobile.svg +3 -0
  47. package/assets/web/icons/notifications-off.svg +5 -0
  48. package/assets/web/icons/notifications-solid-off.svg +5 -0
  49. package/assets/web/icons/notifications-solid.svg +4 -0
  50. package/assets/web/icons/notifications.svg +4 -0
  51. package/assets/web/icons/offline.svg +3 -0
  52. package/assets/web/icons/overflow-horizontal.svg +3 -0
  53. package/assets/web/icons/overflow-vertical.svg +3 -0
  54. package/assets/web/icons/polls.svg +3 -0
  55. package/assets/web/icons/pop-out.svg +4 -0
  56. package/assets/web/icons/public.svg +3 -0
  57. package/assets/web/icons/search.svg +3 -0
  58. package/assets/web/icons/settings-solid.svg +3 -0
  59. package/assets/web/icons/settings.svg +4 -0
  60. package/assets/web/icons/share-android.svg +3 -0
  61. package/assets/web/icons/share.svg +3 -0
  62. package/assets/web/icons/thread.svg +1 -0
  63. package/assets/web/icons/threads-solid.svg +3 -0
  64. package/assets/web/icons/threads.svg +5 -0
  65. package/assets/web/icons/user-add-solid.svg +3 -0
  66. package/assets/web/icons/user-add.svg +3 -0
  67. package/assets/web/icons/user-profile.svg +5 -0
  68. package/assets/web/icons/user.svg +3 -0
  69. package/assets/web/icons/verified.svg +3 -0
  70. package/assets/web/icons/video-call-declined.svg +3 -0
  71. package/assets/web/icons/video-call-missed.svg +3 -0
  72. package/assets/web/icons/video-call-off.svg +4 -0
  73. package/assets/web/icons/video-call.svg +3 -0
  74. package/assets/web/icons/visibility-invisible.svg +3 -0
  75. package/assets/web/icons/visibility-off.svg +3 -0
  76. package/assets/web/icons/visibility-on.svg +3 -0
  77. package/assets/web/icons/visibility-visible.svg +3 -0
  78. package/assets/web/icons/voice-call.svg +3 -0
  79. package/assets/web/icons/web-browser.svg +3 -0
  80. package/assets/web/js/cpdDark.d.ts +505 -0
  81. package/assets/web/js/cpdDark.js +427 -155
  82. package/assets/web/js/cpdDarkHc.d.ts +505 -0
  83. package/assets/web/js/cpdDarkHc.js +354 -82
  84. package/assets/web/js/cpdLight.d.ts +505 -0
  85. package/assets/web/js/cpdLight.js +288 -16
  86. package/assets/web/js/cpdLightHc.d.ts +505 -0
  87. package/assets/web/js/cpdLightHc.js +427 -155
  88. package/icons/$icons.json +1 -0
  89. package/icons/arrow-left.svg +3 -0
  90. package/icons/arrow-right.svg +3 -0
  91. package/icons/arrow-up-right.svg +3 -0
  92. package/icons/block.svg +3 -0
  93. package/icons/chat-new.svg +4 -0
  94. package/icons/chat-problem.svg +5 -0
  95. package/icons/chat.svg +3 -0
  96. package/icons/check-circle.svg +3 -0
  97. package/icons/check.svg +3 -0
  98. package/icons/chevron-down.svg +3 -0
  99. package/icons/chevron-left.svg +3 -0
  100. package/icons/chevron-right.svg +3 -0
  101. package/icons/chevron-up-down.svg +3 -0
  102. package/icons/close.svg +3 -0
  103. package/icons/computer.svg +3 -0
  104. package/icons/delete.svg +3 -0
  105. package/icons/download.svg +3 -0
  106. package/icons/drag-grid.svg +3 -0
  107. package/icons/drag-list.svg +3 -0
  108. package/icons/error.svg +3 -0
  109. package/icons/export-archive.svg +3 -0
  110. package/icons/extensions.svg +6 -0
  111. package/icons/favourite-off.svg +3 -0
  112. package/icons/favourite-on.svg +3 -0
  113. package/icons/files.svg +3 -0
  114. package/icons/filter.svg +5 -0
  115. package/icons/info.svg +3 -0
  116. package/icons/leave.svg +5 -0
  117. package/icons/link.svg +3 -0
  118. package/icons/lock-off.svg +4 -0
  119. package/icons/lock.svg +3 -0
  120. package/icons/marker-read-receipts.svg +4 -0
  121. package/icons/mention.svg +3 -0
  122. package/icons/mobile.svg +3 -0
  123. package/icons/notifications-off.svg +5 -0
  124. package/icons/notifications-solid-off.svg +5 -0
  125. package/icons/notifications-solid.svg +4 -0
  126. package/icons/notifications.svg +4 -0
  127. package/icons/offline.svg +3 -0
  128. package/icons/overflow-horizontal.svg +3 -0
  129. package/icons/overflow-vertical.svg +3 -0
  130. package/icons/polls.svg +3 -0
  131. package/icons/pop-out.svg +4 -0
  132. package/icons/public.svg +3 -0
  133. package/icons/search.svg +3 -0
  134. package/icons/settings-solid.svg +3 -0
  135. package/icons/settings.svg +4 -0
  136. package/icons/share-android.svg +3 -0
  137. package/icons/share.svg +3 -0
  138. package/icons/threads-solid.svg +3 -0
  139. package/icons/threads.svg +5 -0
  140. package/icons/user-add-solid.svg +3 -0
  141. package/icons/user-add.svg +3 -0
  142. package/icons/user-profile.svg +5 -0
  143. package/icons/verified.svg +3 -0
  144. package/icons/video-call-declined.svg +3 -0
  145. package/icons/video-call-missed.svg +3 -0
  146. package/icons/video-call-off.svg +4 -0
  147. package/icons/video-call.svg +3 -0
  148. package/icons/visibility-off.svg +3 -0
  149. package/icons/visibility-on.svg +3 -0
  150. package/icons/voice-call.svg +3 -0
  151. package/icons/web-browser.svg +3 -0
  152. package/package.json +7 -3
package/assets/web/css/cpd-dark-hc.css CHANGED
@@ -1,79 +1,233 @@
1
- .cpd-theme-dark-hc {
2
- --cpd-color-pink-1400: #fff0f3;
3
- --cpd-color-pink-1300: #ffe7ec;
1
+ .cpd-theme-dark-hc.cpd-theme-dark-hc {
2
+ --cpd-color-alpha-pink-1400: hsl(347, 100%, 97%, 1);
3
+ --cpd-color-alpha-pink-1300: hsl(347, 100%, 96%, 1);
4
+ --cpd-color-alpha-pink-1200: hsl(347, 100%, 90%, 1);
5
+ --cpd-color-alpha-pink-1100: hsl(347, 100%, 87%, 1);
6
+ --cpd-color-alpha-pink-1000: hsl(346, 100%, 82%, 1);
7
+ --cpd-color-alpha-pink-900: hsl(346, 100%, 79%, 1);
8
+ --cpd-color-alpha-pink-800: hsla(338, 98%, 58%, 0.95);
9
+ --cpd-color-alpha-pink-700: hsla(335, 99%, 55%, 0.76);
10
+ --cpd-color-alpha-pink-600: hsla(334, 98%, 53%, 0.58);
11
+ --cpd-color-alpha-pink-500: hsla(333, 97%, 50%, 0.46);
12
+ --cpd-color-alpha-pink-400: hsl(332, 100%, 19%, 1);
13
+ --cpd-color-alpha-pink-300: hsl(335, 100%, 17%, 1);
14
+ --cpd-color-alpha-pink-200: hsl(339, 100%, 14%, 1);
15
+ --cpd-color-alpha-pink-100: hsl(342, 100%, 12%, 1);
16
+ --cpd-color-alpha-fuchsia-1400: hsla(300, 71%, 97%, 0.99);
17
+ --cpd-color-alpha-fuchsia-1300: hsla(296, 90%, 96%, 0.98);
18
+ --cpd-color-alpha-fuchsia-1200: hsla(297, 95%, 92%, 0.95);
19
+ --cpd-color-alpha-fuchsia-1100: hsla(296, 92%, 90%, 0.93);
20
+ --cpd-color-alpha-fuchsia-1000: hsla(296, 97%, 87%, 0.9);
21
+ --cpd-color-alpha-fuchsia-900: hsla(295, 100%, 85%, 0.88);
22
+ --cpd-color-alpha-fuchsia-800: hsla(296, 99%, 70%, 0.78);
23
+ --cpd-color-alpha-fuchsia-700: hsla(293, 97%, 62%, 0.68);
24
+ --cpd-color-alpha-fuchsia-600: hsla(289, 99%, 59%, 0.54);
25
+ --cpd-color-alpha-fuchsia-500: hsla(288, 100%, 56%, 0.44);
26
+ --cpd-color-alpha-fuchsia-400: hsla(286, 100%, 23%, 0.85);
27
+ --cpd-color-alpha-fuchsia-300: hsl(285, 100%, 18%, 1);
28
+ --cpd-color-alpha-fuchsia-200: hsl(282, 100%, 15%, 1);
29
+ --cpd-color-alpha-fuchsia-100: hsl(281, 100%, 13%, 1);
30
+ --cpd-color-alpha-purple-1400: hsl(250, 100%, 98%, 1);
31
+ --cpd-color-alpha-purple-1300: hsl(249, 100%, 96%, 1);
32
+ --cpd-color-alpha-purple-1200: hsl(247, 100%, 92%, 1);
33
+ --cpd-color-alpha-purple-1100: hsl(248, 100%, 89%, 1);
34
+ --cpd-color-alpha-purple-1000: hsl(249, 100%, 86%, 1);
35
+ --cpd-color-alpha-purple-900: hsl(250, 100%, 83%, 1);
36
+ --cpd-color-alpha-purple-800: hsla(255, 100%, 71%, 0.97);
37
+ --cpd-color-alpha-purple-700: hsla(258, 98%, 64%, 0.9);
38
+ --cpd-color-alpha-purple-600: hsla(260, 98%, 58%, 0.76);
39
+ --cpd-color-alpha-purple-500: hsla(263, 98%, 52%, 0.67);
40
+ --cpd-color-alpha-purple-400: hsl(262, 100%, 28%, 1);
41
+ --cpd-color-alpha-purple-300: hsl(261, 100%, 25%, 1);
42
+ --cpd-color-alpha-purple-200: hsl(259, 100%, 21%, 1);
43
+ --cpd-color-alpha-purple-100: hsl(259, 100%, 18%, 1);
44
+ --cpd-color-alpha-blue-1400: hsl(216, 88%, 97%, 1);
45
+ --cpd-color-alpha-blue-1300: hsl(217, 93%, 95%, 1);
46
+ --cpd-color-alpha-blue-1200: hsla(216, 97%, 89%, 0.99);
47
+ --cpd-color-alpha-blue-1100: hsla(216, 100%, 86%, 0.98);
48
+ --cpd-color-alpha-blue-1000: hsla(216, 100%, 81%, 0.97);
49
+ --cpd-color-alpha-blue-900: hsla(216, 97%, 77%, 0.97);
50
+ --cpd-color-alpha-blue-800: hsla(215, 99%, 60%, 0.91);
51
+ --cpd-color-alpha-blue-700: hsla(215, 98%, 52%, 0.81);
52
+ --cpd-color-alpha-blue-600: hsla(217, 99%, 51%, 0.64);
53
+ --cpd-color-alpha-blue-500: hsla(219, 99%, 50%, 0.53);
54
+ --cpd-color-alpha-blue-400: hsla(222, 100%, 28%, 0.82);
55
+ --cpd-color-alpha-blue-300: hsl(224, 100%, 22%, 1);
56
+ --cpd-color-alpha-blue-200: hsl(229, 100%, 20%, 1);
57
+ --cpd-color-alpha-blue-100: hsl(234, 100%, 18%, 1);
58
+ --cpd-color-alpha-cyan-1400: hsla(187, 89%, 97%, 0.98);
59
+ --cpd-color-alpha-cyan-1300: hsla(187, 93%, 94%, 0.96);
60
+ --cpd-color-alpha-cyan-1200: hsla(188, 97%, 87%, 0.91);
61
+ --cpd-color-alpha-cyan-1100: hsla(187, 98%, 82%, 0.88);
62
+ --cpd-color-alpha-cyan-1000: hsla(187, 99%, 74%, 0.84);
63
+ --cpd-color-alpha-cyan-900: hsla(186, 99%, 66%, 0.81);
64
+ --cpd-color-alpha-cyan-800: hsl(195, 100%, 37%, 1);
65
+ --cpd-color-alpha-cyan-700: hsl(200, 100%, 32%, 1);
66
+ --cpd-color-alpha-cyan-600: hsl(204, 100%, 27%, 1);
67
+ --cpd-color-alpha-cyan-500: hsl(208, 100%, 23%, 1);
68
+ --cpd-color-alpha-cyan-400: hsl(212, 100%, 19%, 1);
69
+ --cpd-color-alpha-cyan-300: hsl(215, 100%, 18%, 1);
70
+ --cpd-color-alpha-cyan-200: hsl(219, 100%, 15%, 1);
71
+ --cpd-color-alpha-cyan-100: hsl(223, 100%, 14%, 1);
72
+ --cpd-color-alpha-green-1400: hsla(150, 80%, 96%, 0.98);
73
+ --cpd-color-alpha-green-1300: hsla(152, 88%, 94%, 0.96);
74
+ --cpd-color-alpha-green-1200: hsla(153, 94%, 87%, 0.9);
75
+ --cpd-color-alpha-green-1100: hsla(154, 98%, 82%, 0.86);
76
+ --cpd-color-alpha-green-1000: hsla(156, 100%, 73%, 0.81);
77
+ --cpd-color-alpha-green-900: hsla(159, 97%, 62%, 0.78);
78
+ --cpd-color-alpha-green-800: hsla(165, 98%, 53%, 0.54);
79
+ --cpd-color-alpha-green-700: hsl(168, 100%, 23%, 1);
80
+ --cpd-color-alpha-green-600: hsl(165, 100%, 18%, 1);
81
+ --cpd-color-alpha-green-500: hsl(162, 100%, 14%, 1);
82
+ --cpd-color-alpha-green-400: hsl(158, 100%, 11%, 1);
83
+ --cpd-color-alpha-green-300: hsl(155, 100%, 9%, 1);
84
+ --cpd-color-alpha-green-200: hsl(151, 100%, 7%, 1);
85
+ --cpd-color-alpha-green-100: hsl(147, 100%, 6%, 1);
86
+ --cpd-color-alpha-lime-1400: hsla(104, 92%, 95%, 0.98);
87
+ --cpd-color-alpha-lime-1300: hsla(105, 91%, 92%, 0.97);
88
+ --cpd-color-alpha-lime-1200: hsla(103, 98%, 83%, 0.91);
89
+ --cpd-color-alpha-lime-1100: hsla(103, 97%, 75%, 0.88);
90
+ --cpd-color-alpha-lime-1000: hsla(101, 99%, 62%, 0.83);
91
+ --cpd-color-alpha-lime-900: hsla(101, 99%, 60%, 0.78);
92
+ --cpd-color-alpha-lime-800: hsla(109, 99%, 57%, 0.55);
93
+ --cpd-color-alpha-lime-700: hsla(114, 100%, 52%, 0.42);
94
+ --cpd-color-alpha-lime-600: hsl(120, 100%, 18%, 1);
95
+ --cpd-color-alpha-lime-500: hsl(120, 100%, 15%, 1);
96
+ --cpd-color-alpha-lime-400: hsl(120, 100%, 11%, 1);
97
+ --cpd-color-alpha-lime-300: hsl(120, 100%, 9%, 1);
98
+ --cpd-color-alpha-lime-200: hsl(120, 100%, 8%, 1);
99
+ --cpd-color-alpha-lime-100: hsl(120, 100%, 6%, 1);
100
+ --cpd-color-alpha-yellow-1400: hsl(46, 100%, 91%, 1);
101
+ --cpd-color-alpha-yellow-1300: hsl(46, 100%, 85%, 1);
102
+ --cpd-color-alpha-yellow-1200: hsl(48, 99%, 60%, 1);
103
+ --cpd-color-alpha-yellow-1100: hsla(48, 99%, 54%, 0.97);
104
+ --cpd-color-alpha-yellow-1000: hsla(46, 99%, 51%, 0.92);
105
+ --cpd-color-alpha-yellow-900: hsl(45, 100%, 45%, 1);
106
+ --cpd-color-alpha-yellow-800: hsl(38, 100%, 35%, 1);
107
+ --cpd-color-alpha-yellow-700: hsl(34, 100%, 30%, 1);
108
+ --cpd-color-alpha-yellow-600: hsla(30, 100%, 26%, 0.92);
109
+ --cpd-color-alpha-yellow-500: hsla(26, 100%, 23%, 0.87);
110
+ --cpd-color-alpha-yellow-400: hsl(21, 100%, 17%, 1);
111
+ --cpd-color-alpha-yellow-300: hsl(16, 100%, 15%, 1);
112
+ --cpd-color-alpha-yellow-200: hsl(8, 100%, 13%, 1);
113
+ --cpd-color-alpha-yellow-100: hsl(3, 100%, 11%, 1);
114
+ --cpd-color-alpha-orange-1400: hsl(23, 100%, 96%, 1);
115
+ --cpd-color-alpha-orange-1300: hsl(25, 100%, 93%, 1);
116
+ --cpd-color-alpha-orange-1200: hsl(24, 98%, 85%, 1);
117
+ --cpd-color-alpha-orange-1100: hsl(25, 96%, 79%, 1);
118
+ --cpd-color-alpha-orange-1000: hsla(26, 100%, 73%, 0.98);
119
+ --cpd-color-alpha-orange-900: hsla(26, 98%, 67%, 0.98);
120
+ --cpd-color-alpha-orange-800: hsla(26, 99%, 51%, 0.81);
121
+ --cpd-color-alpha-orange-700: hsla(20, 100%, 49%, 0.7);
122
+ --cpd-color-alpha-orange-600: hsla(12, 100%, 39%, 0.74);
123
+ --cpd-color-alpha-orange-500: hsl(2, 100%, 26%, 1);
124
+ --cpd-color-alpha-orange-400: hsl(0, 100%, 20%, 1);
125
+ --cpd-color-alpha-orange-300: hsl(0, 100%, 17%, 1);
126
+ --cpd-color-alpha-orange-200: hsl(0, 100%, 14%, 1);
127
+ --cpd-color-alpha-orange-100: hsl(0, 100%, 12%, 1);
128
+ --cpd-color-alpha-red-1400: hsl(11, 100%, 97%, 1);
129
+ --cpd-color-alpha-red-1300: hsl(7, 100%, 95%, 1);
130
+ --cpd-color-alpha-red-1200: hsl(8, 100%, 89%, 1);
131
+ --cpd-color-alpha-red-1100: hsl(6, 100%, 86%, 1);
132
+ --cpd-color-alpha-red-1000: hsl(6, 100%, 81%, 1);
133
+ --cpd-color-alpha-red-900: hsl(5, 100%, 78%, 1);
134
+ --cpd-color-alpha-red-800: hsla(359, 100%, 59%, 0.96);
135
+ --cpd-color-alpha-red-700: hsla(357, 100%, 57%, 0.77);
136
+ --cpd-color-alpha-red-600: hsla(354, 99%, 52%, 0.6);
137
+ --cpd-color-alpha-red-500: hsl(356, 100%, 26%, 1);
138
+ --cpd-color-alpha-red-400: hsl(0, 100%, 20%, 1);
139
+ --cpd-color-alpha-red-300: hsl(0, 100%, 18%, 1);
140
+ --cpd-color-alpha-red-200: hsl(0, 100%, 14%, 1);
141
+ --cpd-color-alpha-red-100: hsl(0, 100%, 12%, 1);
142
+ --cpd-color-alpha-gray-1400: hsla(204, 71%, 99%, 0.97);
143
+ --cpd-color-alpha-gray-1300: hsla(214, 78%, 98%, 0.95);
144
+ --cpd-color-alpha-gray-1200: hsla(217, 77%, 97%, 0.88);
145
+ --cpd-color-alpha-gray-1100: hsla(212, 100%, 97%, 0.82);
146
+ --cpd-color-alpha-gray-1000: hsla(213, 100%, 97%, 0.76);
147
+ --cpd-color-alpha-gray-900: hsla(211, 91%, 96%, 0.72);
148
+ --cpd-color-alpha-gray-800: hsla(216, 94%, 93%, 0.51);
149
+ --cpd-color-alpha-gray-700: hsla(214, 79%, 93%, 0.39);
150
+ --cpd-color-alpha-gray-600: hsla(213, 85%, 95%, 0.27);
151
+ --cpd-color-alpha-gray-500: hsla(225, 46%, 95%, 0.2);
152
+ --cpd-color-alpha-gray-400: hsla(227, 29%, 91%, 0.13);
153
+ --cpd-color-alpha-gray-300: hsla(270, 37%, 93%, 0.1);
154
+ --cpd-color-alpha-gray-200: hsla(280, 41%, 90%, 0.06);
155
+ --cpd-color-alpha-gray-100: hsla(286, 31%, 82%, 0.04);
156
+ --cpd-color-pink-1400: #fff1f4;
157
+ --cpd-color-pink-1300: #ffe8ed;
4
158
  --cpd-color-pink-1200: #ffccd7;
5
- --cpd-color-pink-1100: #ffbbc9;
6
- --cpd-color-pink-1000: #ffa4b8;
159
+ --cpd-color-pink-1100: #ffbbca;
160
+ --cpd-color-pink-1000: #ffa4b9;
7
161
  --cpd-color-pink-900: #ff92ac;
8
- --cpd-color-pink-800: #f12b75;
162
+ --cpd-color-pink-800: #f12c75;
9
163
  --cpd-color-pink-700: #c51761;
10
- --cpd-color-pink-600: #98114f;
11
- --cpd-color-pink-500: #7b0c41;
164
+ --cpd-color-pink-600: #99114f;
165
+ --cpd-color-pink-500: #7c0c41;
12
166
  --cpd-color-pink-400: #61002d;
13
167
  --cpd-color-pink-300: #550024;
14
168
  --cpd-color-pink-200: #450018;
15
169
  --cpd-color-pink-100: #3c0012;
16
170
  --cpd-color-fuchsia-1400: #fbf1fb;
17
- --cpd-color-fuchsia-1300: #f8e8f9;
171
+ --cpd-color-fuchsia-1300: #f8e9f9;
18
172
  --cpd-color-fuchsia-1200: #f0cff2;
19
- --cpd-color-fuchsia-1100: #eabfed;
173
+ --cpd-color-fuchsia-1100: #eac0ed;
20
174
  --cpd-color-fuchsia-1000: #e3abe7;
21
- --cpd-color-fuchsia-900: #dd9ce2;
22
- --cpd-color-fuchsia-800: #c152cb;
175
+ --cpd-color-fuchsia-900: #dd9de3;
176
+ --cpd-color-fuchsia-800: #c153cb;
23
177
  --cpd-color-fuchsia-700: #a233b3;
24
178
  --cpd-color-fuchsia-600: #7d2394;
25
179
  --cpd-color-fuchsia-500: #65177d;
26
180
  --cpd-color-fuchsia-400: #4f0368;
27
- --cpd-color-fuchsia-300: #44005c;
181
+ --cpd-color-fuchsia-300: #46005e;
28
182
  --cpd-color-fuchsia-200: #37004e;
29
- --cpd-color-fuchsia-100: #2c0042;
30
- --cpd-color-purple-1400: #f4f3ff;
183
+ --cpd-color-fuchsia-100: #2e0044;
184
+ --cpd-color-purple-1400: #f5f3ff;
31
185
  --cpd-color-purple-1300: #eeebff;
32
- --cpd-color-purple-1200: #dad4ff;
33
- --cpd-color-purple-1100: #cec6ff;
186
+ --cpd-color-purple-1200: #dad5ff;
187
+ --cpd-color-purple-1100: #cec7ff;
34
188
  --cpd-color-purple-1000: #c0b5ff;
35
189
  --cpd-color-purple-900: #b6a7ff;
36
190
  --cpd-color-purple-800: #8b66f8;
37
- --cpd-color-purple-700: #7343e5;
191
+ --cpd-color-purple-700: #7343e6;
38
192
  --cpd-color-purple-600: #5a27c6;
39
- --cpd-color-purple-500: #490bb1;
193
+ --cpd-color-purple-500: #4a0db1;
40
194
  --cpd-color-purple-400: #350090;
41
195
  --cpd-color-purple-300: #2c0080;
42
- --cpd-color-purple-200: #210068;
196
+ --cpd-color-purple-200: #22006a;
43
197
  --cpd-color-purple-100: #1c005a;
44
- --cpd-color-blue-1400: #eef4fe;
198
+ --cpd-color-blue-1400: #eff5fe;
45
199
  --cpd-color-blue-1300: #e4eefe;
46
- --cpd-color-blue-1200: #c4dbfc;
200
+ --cpd-color-blue-1200: #c5dbfc;
47
201
  --cpd-color-blue-1100: #b2cffa;
48
- --cpd-color-blue-1000: #99c0f8;
49
- --cpd-color-blue-900: #88b4f6;
50
- --cpd-color-blue-800: #327fe9;
202
+ --cpd-color-blue-1000: #9ac0f8;
203
+ --cpd-color-blue-900: #89b5f6;
204
+ --cpd-color-blue-800: #337fe9;
51
205
  --cpd-color-blue-700: #0e61d1;
52
- --cpd-color-blue-600: #0b48ab;
53
- --cpd-color-blue-500: #083890;
206
+ --cpd-color-blue-600: #0b49ab;
207
+ --cpd-color-blue-500: #083891;
54
208
  --cpd-color-blue-400: #032677;
55
- --cpd-color-blue-300: #001d6e;
56
- --cpd-color-blue-200: #001063;
209
+ --cpd-color-blue-300: #001e6f;
210
+ --cpd-color-blue-200: #001264;
57
211
  --cpd-color-blue-100: #00095d;
58
- --cpd-color-cyan-1400: #e8f7f9;
59
- --cpd-color-cyan-1300: #d9f2f5;
212
+ --cpd-color-cyan-1400: #eaf7f9;
213
+ --cpd-color-cyan-1300: #dbf2f5;
60
214
  --cpd-color-cyan-1200: #afe2e9;
61
- --cpd-color-cyan-1100: #92d8e2;
62
- --cpd-color-cyan-1000: #6accd9;
63
- --cpd-color-cyan-900: #43c3d2;
215
+ --cpd-color-cyan-1100: #93d9e2;
216
+ --cpd-color-cyan-1000: #6bccd9;
217
+ --cpd-color-cyan-900: #46c3d2;
64
218
  --cpd-color-cyan-800: #008aba;
65
- --cpd-color-cyan-700: #006ba4;
219
+ --cpd-color-cyan-700: #006ca4;
66
220
  --cpd-color-cyan-600: #005188;
67
- --cpd-color-cyan-500: #003f74;
221
+ --cpd-color-cyan-500: #003f75;
68
222
  --cpd-color-cyan-400: #002d61;
69
223
  --cpd-color-cyan-300: #002559;
70
224
  --cpd-color-cyan-200: #001b4e;
71
225
  --cpd-color-cyan-100: #001448;
72
- --cpd-color-green-1400: #e8f8f0;
73
- --cpd-color-green-1300: #d9f3e7;
74
- --cpd-color-green-1200: #abe5cb;
75
- --cpd-color-green-1100: #8eddbc;
76
- --cpd-color-green-1000: #61d1a6;
226
+ --cpd-color-green-1400: #e9f8f1;
227
+ --cpd-color-green-1300: #d9f4e7;
228
+ --cpd-color-green-1200: #ace6cc;
229
+ --cpd-color-green-1100: #8fddbc;
230
+ --cpd-color-green-1000: #61d2a6;
77
231
  --cpd-color-green-900: #37c998;
78
232
  --cpd-color-green-800: #109173;
79
233
  --cpd-color-green-700: #00745c;
@@ -83,74 +237,77 @@
83
237
  --cpd-color-green-300: #002e1b;
84
238
  --cpd-color-green-200: #002513;
85
239
  --cpd-color-green-100: #001f0e;
86
- --cpd-color-lime-1400: #e8f9e3;
240
+ --cpd-color-lime-1400: #e9f9e3;
87
241
  --cpd-color-lime-1300: #daf6d0;
88
- --cpd-color-lime-1200: #ade998;
89
- --cpd-color-lime-1100: #91e173;
90
- --cpd-color-lime-1000: #69d536;
242
+ --cpd-color-lime-1200: #afe99a;
243
+ --cpd-color-lime-1100: #92e175;
244
+ --cpd-color-lime-1000: #6ad639;
91
245
  --cpd-color-lime-900: #5eca2f;
92
246
  --cpd-color-lime-800: #31941d;
93
247
  --cpd-color-lime-700: #187611;
94
248
  --cpd-color-lime-600: #005c00;
95
249
  --cpd-color-lime-500: #004a00;
96
250
  --cpd-color-lime-400: #003700;
97
- --cpd-color-lime-300: #002f00;
98
- --cpd-color-lime-200: #002500;
99
- --cpd-color-lime-100: #001e00;
251
+ --cpd-color-lime-300: #003000;
252
+ --cpd-color-lime-200: #002600;
253
+ --cpd-color-lime-100: #002000;
100
254
  --cpd-color-yellow-1400: #fff4d0;
101
- --cpd-color-yellow-1300: #ffedb0;
255
+ --cpd-color-yellow-1300: #ffedb1;
102
256
  --cpd-color-yellow-1200: #fed632;
103
- --cpd-color-yellow-1100: #f6c816;
257
+ --cpd-color-yellow-1100: #f7c816;
104
258
  --cpd-color-yellow-1000: #ebb607;
105
- --cpd-color-yellow-900: #e2aa00;
259
+ --cpd-color-yellow-900: #e3aa00;
106
260
  --cpd-color-yellow-800: #b47200;
107
- --cpd-color-yellow-700: #975600;
108
- --cpd-color-yellow-600: #7b3e03;
261
+ --cpd-color-yellow-700: #985600;
262
+ --cpd-color-yellow-600: #7c3e02;
109
263
  --cpd-color-yellow-500: #682e03;
110
264
  --cpd-color-yellow-400: #541d00;
111
265
  --cpd-color-yellow-300: #4c1400;
112
266
  --cpd-color-yellow-200: #410900;
113
267
  --cpd-color-yellow-100: #3a0300;
114
- --cpd-color-orange-1400: #fff2e8;
115
- --cpd-color-orange-1300: #ffe9db;
268
+ --cpd-color-orange-1400: #fff2ea;
269
+ --cpd-color-orange-1300: #ffeadb;
116
270
  --cpd-color-orange-1200: #fed0b1;
117
- --cpd-color-orange-1100: #fdc096;
118
- --cpd-color-orange-1000: #faac73;
271
+ --cpd-color-orange-1100: #fdc197;
272
+ --cpd-color-orange-1000: #faad73;
119
273
  --cpd-color-orange-900: #f89d58;
120
274
  --cpd-color-orange-800: #d15f0b;
121
- --cpd-color-orange-700: #b34007;
122
- --cpd-color-orange-600: #972105;
123
- --cpd-color-orange-500: #820300;
275
+ --cpd-color-orange-700: #b44007;
276
+ --cpd-color-orange-600: #972206;
277
+ --cpd-color-orange-500: #830500;
124
278
  --cpd-color-orange-400: #650000;
125
279
  --cpd-color-orange-300: #580000;
126
280
  --cpd-color-orange-200: #470000;
127
281
  --cpd-color-orange-100: #3c0000;
128
282
  --cpd-color-red-1400: #fff2ef;
129
- --cpd-color-red-1300: #ffe8e5;
130
- --cpd-color-red-1200: #ffcec7;
283
+ --cpd-color-red-1300: #ffe9e6;
284
+ --cpd-color-red-1200: #ffcfc8;
131
285
  --cpd-color-red-1100: #ffbdb5;
132
- --cpd-color-red-1000: #ffa79c;
133
- --cpd-color-red-900: #ff958a;
286
+ --cpd-color-red-1000: #ffa79d;
287
+ --cpd-color-red-900: #ff968c;
134
288
  --cpd-color-red-800: #f52f33;
135
- --cpd-color-red-700: #c81d28;
136
- --cpd-color-red-600: #9e0c1e;
289
+ --cpd-color-red-700: #c81e28;
290
+ --cpd-color-red-600: #9f0d1e;
137
291
  --cpd-color-red-500: #830009;
138
292
  --cpd-color-red-400: #640000;
139
- --cpd-color-red-300: #570000;
293
+ --cpd-color-red-300: #590000;
140
294
  --cpd-color-red-200: #470000;
141
- --cpd-color-red-100: #3b0000;
142
- --cpd-color-gray-1400: #f3f4f6;
143
- --cpd-color-gray-1300: #ebedf0;
144
- --cpd-color-gray-1200: #d4dadf;
145
- --cpd-color-gray-1100: #c7ced5;
146
- --cpd-color-gray-1000: #b5bec9;
147
- --cpd-color-gray-900: #a9b4c0;
148
- --cpd-color-gray-800: #718295;
149
- --cpd-color-gray-700: #56687a;
150
- --cpd-color-gray-600: #3f5062;
151
- --cpd-color-gray-500: #304051;
152
- --cpd-color-gray-400: #1f2f3f;
153
- --cpd-color-gray-300: #1a2939;
154
- --cpd-color-gray-200: #11202f;
155
- --cpd-color-gray-100: #0c1b29;
295
+ --cpd-color-red-100: #3e0000;
296
+ --cpd-color-gray-1400: #f2f5f7;
297
+ --cpd-color-gray-1300: #ebeef2;
298
+ --cpd-color-gray-1200: #d5dae1;
299
+ --cpd-color-gray-1100: #c8ced5;
300
+ --cpd-color-gray-1000: #b8bfc7;
301
+ --cpd-color-gray-900: #acb4bd;
302
+ --cpd-color-gray-800: #79818d;
303
+ --cpd-color-gray-700: #606770;
304
+ --cpd-color-gray-600: #4a4f55;
305
+ --cpd-color-gray-500: #3c3f44;
306
+ --cpd-color-gray-400: #2b2e33;
307
+ --cpd-color-gray-300: #26282d;
308
+ --cpd-color-gray-200: #1d1f24;
309
+ --cpd-color-gray-100: #181a1f;
310
+ --cpd-color-theme-bg: #101317;
311
+ --cpd-color-bg-subtle-secondary-level-0: var(--cpd-color-theme-bg);
312
+ --cpd-color-bg-canvas-default-level-1: var(--cpd-color-gray-300);
156
313
  }