cps-ui-kit 0.0.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 (143) hide show
  1. package/README.md +24 -0
  2. package/assets/icons/absa-logo.svg +12 -0
  3. package/assets/icons/access-denied.svg +12 -0
  4. package/assets/icons/access-menu.svg +11 -0
  5. package/assets/icons/access-unlock.svg +19 -0
  6. package/assets/icons/access.svg +9 -0
  7. package/assets/icons/add-domain.svg +8 -0
  8. package/assets/icons/add.svg +7 -0
  9. package/assets/icons/avatar-top-menu.svg +13 -0
  10. package/assets/icons/avatar.svg +8 -0
  11. package/assets/icons/bell.svg +7 -0
  12. package/assets/icons/book.svg +7 -0
  13. package/assets/icons/bookmark.svg +6 -0
  14. package/assets/icons/briefcase.svg +12 -0
  15. package/assets/icons/browse.svg +9 -0
  16. package/assets/icons/burger-arrow.svg +7 -0
  17. package/assets/icons/caret-down.svg +6 -0
  18. package/assets/icons/change.svg +6 -0
  19. package/assets/icons/checked.svg +15 -0
  20. package/assets/icons/chevron-down-2.svg +8 -0
  21. package/assets/icons/chevron-down.svg +6 -0
  22. package/assets/icons/circle.svg +6 -0
  23. package/assets/icons/close-x-2.svg +6 -0
  24. package/assets/icons/close-x.svg +8 -0
  25. package/assets/icons/community.svg +12 -0
  26. package/assets/icons/construction.svg +10 -0
  27. package/assets/icons/controls.svg +29 -0
  28. package/assets/icons/csv.svg +9 -0
  29. package/assets/icons/cub.svg +6 -0
  30. package/assets/icons/database.svg +12 -0
  31. package/assets/icons/datepicker.svg +8 -0
  32. package/assets/icons/delete.svg +6 -0
  33. package/assets/icons/dislike.svg +13 -0
  34. package/assets/icons/dots.svg +6 -0
  35. package/assets/icons/download.svg +12 -0
  36. package/assets/icons/dq.svg +24 -0
  37. package/assets/icons/dropdown-menu.svg +8 -0
  38. package/assets/icons/edit.svg +9 -0
  39. package/assets/icons/expand.svg +9 -0
  40. package/assets/icons/export.svg +6 -0
  41. package/assets/icons/eye.svg +8 -0
  42. package/assets/icons/filter.svg +8 -0
  43. package/assets/icons/filter_2.svg +11 -0
  44. package/assets/icons/follow.svg +13 -0
  45. package/assets/icons/glossary.svg +16 -0
  46. package/assets/icons/graph.svg +27 -0
  47. package/assets/icons/grid-view.svg +6 -0
  48. package/assets/icons/grid.svg +9 -0
  49. package/assets/icons/health.svg +6 -0
  50. package/assets/icons/heart.svg +6 -0
  51. package/assets/icons/help-circle.svg +7 -0
  52. package/assets/icons/home.svg +21 -0
  53. package/assets/icons/insight.svg +9 -0
  54. package/assets/icons/issues.svg +7 -0
  55. package/assets/icons/jpeg.svg +8 -0
  56. package/assets/icons/kris.svg +28 -0
  57. package/assets/icons/last-seen-product.svg +8 -0
  58. package/assets/icons/like.svg +7 -0
  59. package/assets/icons/line-vertical.svg +39 -0
  60. package/assets/icons/lock.svg +7 -0
  61. package/assets/icons/logout.svg +16 -0
  62. package/assets/icons/menu-expand.svg +17 -0
  63. package/assets/icons/minus.svg +10 -0
  64. package/assets/icons/multiple_users.svg +8 -0
  65. package/assets/icons/open.svg +7 -0
  66. package/assets/icons/path.svg +7 -0
  67. package/assets/icons/pdf.svg +9 -0
  68. package/assets/icons/plus.svg +6 -0
  69. package/assets/icons/projects.svg +10 -0
  70. package/assets/icons/question.svg +13 -0
  71. package/assets/icons/questions.svg +23 -0
  72. package/assets/icons/rectangle-rounded.svg +7 -0
  73. package/assets/icons/refresh-browse.svg +6 -0
  74. package/assets/icons/remove.svg +9 -0
  75. package/assets/icons/right.svg +7 -0
  76. package/assets/icons/schema_filter.svg +7 -0
  77. package/assets/icons/search.svg +9 -0
  78. package/assets/icons/settings.svg +9 -0
  79. package/assets/icons/sliders.svg +13 -0
  80. package/assets/icons/smart.svg +7 -0
  81. package/assets/icons/star.svg +6 -0
  82. package/assets/icons/stepper-completed.svg +6 -0
  83. package/assets/icons/success.svg +8 -0
  84. package/assets/icons/suggestion.svg +7 -0
  85. package/assets/icons/survivorship.svg +25 -0
  86. package/assets/icons/table-row-error.svg +6 -0
  87. package/assets/icons/table-row-success.svg +7 -0
  88. package/assets/icons/table-row-warning.svg +9 -0
  89. package/assets/icons/toast-error.svg +12 -0
  90. package/assets/icons/toast-info.svg +12 -0
  91. package/assets/icons/toast-success.svg +7 -0
  92. package/assets/icons/toast-warning.svg +12 -0
  93. package/assets/icons/tools.svg +18 -0
  94. package/assets/icons/user.svg +7 -0
  95. package/assets/icons/users.svg +10 -0
  96. package/assets/icons/vector-down.svg +7 -0
  97. package/assets/icons/vector-right.svg +6 -0
  98. package/assets/icons/vector-up.svg +7 -0
  99. package/assets/icons/vector.svg +7 -0
  100. package/assets/icons/wallet.svg +10 -0
  101. package/assets/icons/warning-circle.svg +12 -0
  102. package/assets/icons/warning.svg +7 -0
  103. package/assets/icons/widget-button-icon.svg +9 -0
  104. package/assets/icons/xls.svg +9 -0
  105. package/esm2020/cps-ui-kit.mjs +5 -0
  106. package/esm2020/lib/components/cps-button/cps-button.component.mjs +136 -0
  107. package/esm2020/lib/components/cps-checkbox/cps-checkbox.component.mjs +73 -0
  108. package/esm2020/lib/components/cps-chip/cps-chip.component.mjs +58 -0
  109. package/esm2020/lib/components/cps-icon/cps-icon.component.mjs +163 -0
  110. package/esm2020/lib/components/cps-input/cps-input.component.mjs +168 -0
  111. package/esm2020/lib/components/cps-radio/cps-radio.component.mjs +76 -0
  112. package/esm2020/lib/components/cps-select/cps-select.component.mjs +302 -0
  113. package/esm2020/lib/components/cps-tag/cps-tag.component.mjs +103 -0
  114. package/esm2020/lib/directives/click-outside.directive.mjs +32 -0
  115. package/esm2020/lib/pipes/combine-labels.pipe.mjs +24 -0
  116. package/esm2020/lib/pipes/label-by-value.pipe.mjs +15 -0
  117. package/esm2020/lib/utils/colors-utils.mjs +55 -0
  118. package/esm2020/lib/utils/size-utils.mjs +22 -0
  119. package/esm2020/public-api.mjs +12 -0
  120. package/fesm2015/cps-ui-kit.mjs +1210 -0
  121. package/fesm2015/cps-ui-kit.mjs.map +1 -0
  122. package/fesm2020/cps-ui-kit.mjs +1184 -0
  123. package/fesm2020/cps-ui-kit.mjs.map +1 -0
  124. package/index.d.ts +5 -0
  125. package/lib/components/cps-button/cps-button.component.d.ts +28 -0
  126. package/lib/components/cps-checkbox/cps-checkbox.component.d.ts +25 -0
  127. package/lib/components/cps-chip/cps-chip.component.d.ts +16 -0
  128. package/lib/components/cps-icon/cps-icon.component.d.ts +18 -0
  129. package/lib/components/cps-input/cps-input.component.d.ts +50 -0
  130. package/lib/components/cps-radio/cps-radio.component.d.ts +30 -0
  131. package/lib/components/cps-select/cps-select.component.d.ts +54 -0
  132. package/lib/components/cps-tag/cps-tag.component.d.ts +29 -0
  133. package/lib/directives/click-outside.directive.d.ts +10 -0
  134. package/lib/pipes/combine-labels.pipe.d.ts +7 -0
  135. package/lib/pipes/label-by-value.pipe.d.ts +7 -0
  136. package/lib/utils/colors-utils.d.ts +6 -0
  137. package/lib/utils/size-utils.d.ts +5 -0
  138. package/package.json +40 -0
  139. package/public-api.d.ts +8 -0
  140. package/styles/_colors.scss +456 -0
  141. package/styles/_variables.scss +1 -0
  142. package/styles/bootstrap-grid.css +4071 -0
  143. package/styles/styles.scss +2 -0
package/styles/_colors.scss ADDED
@@ -0,0 +1,456 @@
1
+ :root {
2
+ //Main
3
+ --cps-color-energy: #ff780f;
4
+ --cps-color-energy-highlighten: #faece5;
5
+ --cps-color-energy-lighten5: #ffff9f;
6
+ --cps-color-energy-lighten4: #ffe883;
7
+ --cps-color-energy-lighten3: #ffcb68;
8
+ --cps-color-energy-lighten2: #ffaf4d;
9
+ --cps-color-energy-lighten1: #ff9331;
10
+ --cps-color-energy-darken1: #de5d00;
11
+ --cps-color-energy-darken2: #be4300;
12
+ --cps-color-energy-darken3: #9f2800;
13
+ --cps-color-energy-darken4: #820100;
14
+
15
+ --cps-color-prepared: #fa551e;
16
+ --cps-color-prepared-highlighten: #f9e9e5;
17
+ --cps-color-prepared-lighten5: #ffe4a1;
18
+ --cps-color-prepared-lighten4: #ffc786;
19
+ --cps-color-prepared-lighten3: #ffaa6c;
20
+ --cps-color-prepared-lighten2: #ff8e52;
21
+ --cps-color-prepared-lighten1: #ff7138;
22
+ --cps-color-prepared-darken1: #d93700;
23
+ --cps-color-prepared-darken2: #b91000;
24
+ --cps-color-prepared-darken3: #990000;
25
+ --cps-color-prepared-darken4: #7c0000;
26
+
27
+ --cps-color-agile: #f52d28;
28
+ --cps-color-agile-highlighten: #f9e6e6;
29
+ --cps-color-agile-lighten5: #ffc8a6;
30
+ --cps-color-agile-lighten4: #ffaa8b;
31
+ --cps-color-agile-lighten3: #ff8d71;
32
+ --cps-color-agile-lighten2: #ff6f58;
33
+ --cps-color-agile-lighten1: #ff5040;
34
+ --cps-color-agile-darken1: #d40010;
35
+ --cps-color-agile-darken2: #b30000;
36
+ --cps-color-agile-darken3: #930000;
37
+ --cps-color-agile-darken4: #760000;
38
+
39
+ --cps-color-passion: #dc0032;
40
+ --cps-color-passion-highlighten: #f7e3e7;
41
+ --cps-color-passion-lighten5: #ffb3ae;
42
+ --cps-color-passion-lighten4: #ff9693;
43
+ --cps-color-passion-lighten3: #ff7879;
44
+ --cps-color-passion-lighten2: #ff5a61;
45
+ --cps-color-passion-lighten1: #fd3849;
46
+ --cps-color-passion-darken1: #bc001d;
47
+ --cps-color-passion-darken2: #9b0007;
48
+ --cps-color-passion-darken3: #7d0000;
49
+ --cps-color-passion-darken4: #600000;
50
+
51
+ --cps-color-warmth: #be0028;
52
+ --cps-color-warmth-highlighten: #f3e3e6;
53
+ --cps-color-warmth-lighten5: #ffa9a2;
54
+ --cps-color-warmth-lighten4: #ff8d87;
55
+ --cps-color-warmth-lighten3: #ff706e;
56
+ --cps-color-warmth-lighten2: #fe5255;
57
+ --cps-color-warmth-lighten1: #de333e;
58
+ --cps-color-warmth-darken1: #9e0013;
59
+ --cps-color-warmth-darken2: #800000;
60
+ --cps-color-warmth-darken3: #630000;
61
+ --cps-color-warmth-darken4: #4b0000;
62
+
63
+ --cps-color-human: #aa052d;
64
+ --cps-color-human-highlighten: #f1e3e6;
65
+ --cps-color-human-lighten5: #ffa4a7;
66
+ --cps-color-human-lighten4: #ff888d;
67
+ --cps-color-human-lighten3: #ff6c73;
68
+ --cps-color-human-lighten2: #e84f5a;
69
+ --cps-color-human-lighten1: #c93143;
70
+ --cps-color-human-darken1: #8b0019;
71
+ --cps-color-human-darken2: #6d0000;
72
+ --cps-color-human-darken3: #520000;
73
+ --cps-color-human-darken4: #400000;
74
+
75
+ --cps-color-grounded: #960528;
76
+ --cps-color-grounded-highlighten: #f0e3e6;
77
+ --cps-color-grounded-lighten5: #ff9ea1;
78
+ --cps-color-grounded-lighten4: #ff8286;
79
+ --cps-color-grounded-lighten3: #f2666d;
80
+ --cps-color-grounded-lighten2: #d34b55;
81
+ --cps-color-grounded-lighten1: #b42e3e;
82
+ --cps-color-grounded-darken1: #780014;
83
+ --cps-color-grounded-darken2: #5c0000;
84
+ --cps-color-grounded-darken3: #440000;
85
+ --cps-color-grounded-darken4: #390000;
86
+
87
+ --cps-color-care: #f05a7d;
88
+ --cps-color-care-highlighten: #f8e9ed;
89
+ --cps-color-care-lighten5: #ffe9ff;
90
+ --cps-color-care-lighten4: #ffcce9;
91
+ --cps-color-care-lighten3: #ffafcd;
92
+ --cps-color-care-lighten2: #ff93b1;
93
+ --cps-color-care-lighten1: #ff7697;
94
+ --cps-color-care-darken1: #d13d64;
95
+ --cps-color-care-darken2: #b31a4c;
96
+ --cps-color-care-darken3: #950036;
97
+ --cps-color-care-darken4: #770021;
98
+
99
+ --cps-color-smile: #f0325a;
100
+ --cps-color-smile-highlighten: #f8e7e9;
101
+ --cps-color-smile-lighten5: #ffcbdd;
102
+ --cps-color-smile-lighten4: #ffadc1;
103
+ --cps-color-smile-lighten3: #ff90a6;
104
+ --cps-color-smile-lighten2: #ff728c;
105
+ --cps-color-smile-lighten1: #ff5472;
106
+ --cps-color-smile-darken1: #d00043;
107
+ --cps-color-smile-darken2: #b0002d;
108
+ --cps-color-smile-darken3: #910019;
109
+ --cps-color-smile-darken4: #720000;
110
+
111
+ --cps-color-surprise: #af144b;
112
+ --cps-color-surprise-highlighten: #f2e4e9;
113
+ --cps-color-surprise-lighten5: #ffaccb;
114
+ --cps-color-surprise-lighten4: #ff8fb0;
115
+ --cps-color-surprise-lighten3: #ff7395;
116
+ --cps-color-surprise-lighten2: #ec577b;
117
+ --cps-color-surprise-lighten1: #cd3963;
118
+ --cps-color-surprise-darken1: #910035;
119
+ --cps-color-surprise-darken2: #730020;
120
+ --cps-color-surprise-darken3: #560008;
121
+ --cps-color-surprise-darken4: #400000;
122
+
123
+ --cps-color-calm: #870a3c;
124
+ --cps-color-calm-highlighten: #efe4e7;
125
+ --cps-color-calm-lighten5: #ff9bb9;
126
+ --cps-color-calm-lighten4: #fd809e;
127
+ --cps-color-calm-lighten3: #df6584;
128
+ --cps-color-calm-lighten2: #c14a6b;
129
+ --cps-color-calm-lighten1: #a42e53;
130
+ --cps-color-calm-darken1: #6b0027;
131
+ --cps-color-calm-darken2: #4f0012;
132
+ --cps-color-calm-darken3: #390000;
133
+ --cps-color-calm-darken4: #300000;
134
+
135
+ --cps-color-luxury: #640032;
136
+ --cps-color-luxury-highlighten: #ebe3e6;
137
+ --cps-color-luxury-lighten5: #f28bad;
138
+ --cps-color-luxury-lighten4: #d57192;
139
+ --cps-color-luxury-lighten3: #b85779;
140
+ --cps-color-luxury-lighten2: #9b3d60;
141
+ --cps-color-luxury-lighten1: #7f2248;
142
+ --cps-color-luxury-darken1: #49001d;
143
+ --cps-color-luxury-darken2: #340002;
144
+ --cps-color-luxury-darken3: #290000;
145
+ --cps-color-luxury-darken4: #1c0000;
146
+
147
+ --cps-color-depth: #500a28;
148
+ --cps-color-depth-highlighten: #e9e3e6;
149
+ --cps-color-depth-lighten5: #d989a0;
150
+ --cps-color-depth-lighten4: #bc6f86;
151
+ --cps-color-depth-lighten3: #a0566d;
152
+ --cps-color-depth-lighten2: #853d55;
153
+ --cps-color-depth-lighten1: #6a253e;
154
+ --cps-color-depth-darken1: #370013;
155
+ --cps-color-depth-darken2: #290000;
156
+ --cps-color-depth-darken3: #1b0000;
157
+ --cps-color-depth-darken4: #000000;
158
+
159
+ //Darks
160
+ --cps-color-silver: #736464;
161
+ --cps-color-silver-highlighten: #edeaea;
162
+ --cps-color-silver-lighten5: #fbe9e9;
163
+ --cps-color-silver-lighten4: #decdcd;
164
+ --cps-color-silver-lighten3: #c2b2b1;
165
+ --cps-color-silver-lighten2: #a79797;
166
+ --cps-color-silver-lighten1: #8d7d7d;
167
+ --cps-color-silver-darken1: #5a4c4c;
168
+ --cps-color-silver-darken2: #433535;
169
+ --cps-color-silver-darken3: #2c2020;
170
+ --cps-color-silver-darken4: #190909;
171
+
172
+ --cps-color-platinum: #5a4b4b;
173
+ --cps-color-platinum-highlighten: #eae8e8;
174
+ --cps-color-platinum-lighten5: #decccc;
175
+ --cps-color-platinum-lighten4: #c2b0b0;
176
+ --cps-color-platinum-lighten3: #a79695;
177
+ --cps-color-platinum-lighten2: #8c7c7c;
178
+ --cps-color-platinum-lighten1: #736363;
179
+ --cps-color-platinum-darken1: #423434;
180
+ --cps-color-platinum-darken2: #2c1f1f;
181
+ --cps-color-platinum-darken3: #190707;
182
+ --cps-color-platinum-darken4: #000000;
183
+
184
+ --cps-color-graphite: #2d2323;
185
+ --cps-color-graphite-highlighten: #e7e5e5;
186
+ --cps-color-graphite-lighten5: #a79a9a;
187
+ --cps-color-graphite-lighten4: #8d8080;
188
+ --cps-color-graphite-lighten3: #736767;
189
+ --cps-color-graphite-lighten2: #5b4f4f;
190
+ --cps-color-graphite-lighten1: #433838;
191
+ --cps-color-graphite-darken1: #190d0d;
192
+ --cps-color-graphite-darken2: #000000;
193
+ --cps-color-graphite-darken3: #000000;
194
+ --cps-color-graphite-darken4: #000000;
195
+
196
+ //States
197
+ --cps-color-info: #099ef3;
198
+ --cps-color-info-highlighten: #e5eff8;
199
+ --cps-color-info-lighten5: #d0ffff;
200
+ --cps-color-info-lighten4: #b0ffff;
201
+ --cps-color-info-lighten3: #90f1ff;
202
+ --cps-color-info-lighten2: #6fd4ff;
203
+ --cps-color-info-lighten1: #49b9ff;
204
+ --cps-color-info-darken1: #0084d6;
205
+ --cps-color-info-darken2: #006bba;
206
+ --cps-color-info-darken3: #00539f;
207
+ --cps-color-info-darken4: #003d84;
208
+
209
+ --cps-color-success: #3bb719;
210
+ --cps-color-success-highlighten: #e8f2e6;
211
+ --cps-color-success-lighten5: #d5ffaa;
212
+ --cps-color-success-lighten4: #b7ff8e;
213
+ --cps-color-success-lighten3: #99ff72;
214
+ --cps-color-success-lighten2: #7bf057;
215
+ --cps-color-success-lighten1: #5dd33a;
216
+ --cps-color-success-darken1: #059b00;
217
+ --cps-color-success-darken2: #008100;
218
+ --cps-color-success-darken3: #006600;
219
+ --cps-color-success-darken4: #004d00;
220
+
221
+ --cps-color-warn: #ff9f00;
222
+ --cps-color-warn-highlighten: #faefe5;
223
+ --cps-color-warn-lighten5: #ffffa3;
224
+ --cps-color-warn-lighten4: #ffff87;
225
+ --cps-color-warn-lighten3: #fff26b;
226
+ --cps-color-warn-lighten2: #ffd64e;
227
+ --cps-color-warn-lighten1: #ffba30;
228
+ --cps-color-warn-darken1: #df8500;
229
+ --cps-color-warn-darken2: #c06b00;
230
+ --cps-color-warn-darken3: #a15300;
231
+ --cps-color-warn-darken4: #843b00;
232
+
233
+ --cps-color-error: #f60e08;
234
+ --cps-color-error-highlighten: #f9e4e5;
235
+ --cps-color-error-lighten5: #ffbd8c;
236
+ --cps-color-error-lighten4: #ff9f72;
237
+ --cps-color-error-lighten3: #ff8058;
238
+ --cps-color-error-lighten2: #ff623f;
239
+ --cps-color-error-lighten1: #ff4025;
240
+ --cps-color-error-darken1: #d40000;
241
+ --cps-color-error-darken2: #b30000;
242
+ --cps-color-error-darken3: #940000;
243
+ --cps-color-error-darken4: #760000;
244
+
245
+ // --cps-color-info-soft: #3fa8e3;
246
+ // --cps-color-info-soft-lighten5: #deffff;
247
+ // --cps-color-info-soft-lighten4: #bfffff;
248
+ // --cps-color-info-soft-lighten3: #a1fcff;
249
+ // --cps-color-info-soft-lighten2: #82dfff;
250
+ // --cps-color-info-soft-lighten1: #62c3ff;
251
+ // --cps-color-info-soft-darken1: #028ec7;
252
+ // --cps-color-info-soft-darken2: #0074ab;
253
+ // --cps-color-info-soft-darken3: #005c91;
254
+ // --cps-color-info-soft-darken4: #004477;
255
+
256
+ // --cps-color-success-soft: #61c246;
257
+ // --cps-color-success-soft-lighten5: #f3ffce;
258
+ // --cps-color-success-soft-lighten4: #d5ffb2;
259
+ // --cps-color-success-soft-lighten3: #b8ff96;
260
+ // --cps-color-success-soft-lighten2: #9bfb7b;
261
+ // --cps-color-success-soft-lighten1: #7ede60;
262
+ // --cps-color-success-soft-darken1: #43a62b;
263
+ // --cps-color-success-soft-darken2: #208b08;
264
+ // --cps-color-success-soft-darken3: #007100;
265
+ // --cps-color-success-soft-darken4: #005800;
266
+
267
+ // --cps-color-warn-soft: #f09937;
268
+ // --cps-color-warn-soft-lighten5: #ffffbf;
269
+ // --cps-color-warn-soft-lighten4: #ffffa3;
270
+ // --cps-color-warn-soft-lighten3: #ffec87;
271
+ // --cps-color-warn-soft-lighten2: #ffd06c;
272
+ // --cps-color-warn-soft-lighten1: #ffb452;
273
+ // --cps-color-warn-soft-darken1: #d17f1a;
274
+ // --cps-color-warn-soft-darken2: #b26600;
275
+ // --cps-color-warn-soft-darken3: #944d00;
276
+ // --cps-color-warn-soft-darken4: #783600;
277
+
278
+ // --cps-color-error-soft: #eb5545;
279
+ // --cps-color-error-soft-lighten5: #ffe3c6;
280
+ // --cps-color-error-soft-lighten4: #ffc6ab;
281
+ // --cps-color-error-soft-lighten3: #ffa990;
282
+ // --cps-color-error-soft-lighten2: #ff8d76;
283
+ // --cps-color-error-soft-lighten1: #ff715d;
284
+ // --cps-color-error-soft-darken1: #cb382e;
285
+ // --cps-color-error-soft-darken2: #ac1518;
286
+ // --cps-color-error-soft-darken3: #8d0000;
287
+ // --cps-color-error-soft-darken4: #6f0000;
288
+
289
+ --cps-color-info-bg: #f7fcfe;
290
+ // --cps-color-info-bg-lighten5: #ffffff;
291
+ // --cps-color-info-bg-lighten4: #ffffff;
292
+ // --cps-color-info-bg-lighten3: #ffffff;
293
+ // --cps-color-info-bg-lighten2: #ffffff;
294
+ // --cps-color-info-bg-lighten1: #ffffff;
295
+ // --cps-color-info-bg-darken1: #dbdfe1;
296
+ // --cps-color-info-bg-darken2: #bfc3c5;
297
+ // --cps-color-info-bg-darken3: #a4a8aa;
298
+ // --cps-color-info-bg-darken4: #898e90;
299
+
300
+ --cps-color-success-bg: #f8fbf7;
301
+ // --cps-color-success-bg-lighten5: #ffffff;
302
+ // --cps-color-success-bg-lighten4: #ffffff;
303
+ // --cps-color-success-bg-lighten3: #ffffff;
304
+ // --cps-color-success-bg-lighten2: #ffffff;
305
+ // --cps-color-success-bg-lighten1: #ffffff;
306
+ // --cps-color-success-bg-darken1: #dbdedb;
307
+ // --cps-color-success-bg-darken2: #c0c3bf;
308
+ // --cps-color-success-bg-darken3: #a5a7a4;
309
+ // --cps-color-success-bg-darken4: #8a8d89;
310
+
311
+ --cps-color-warn-bg: #fffcf7;
312
+ // --cps-color-warn-bg-lighten5: #ffffff;
313
+ // --cps-color-warn-bg-lighten4: #ffffff;
314
+ // --cps-color-warn-bg-lighten3: #ffffff;
315
+ // --cps-color-warn-bg-lighten2: #ffffff;
316
+ // --cps-color-warn-bg-lighten1: #ffffff;
317
+ // --cps-color-warn-bg-darken1: #e2dfdb;
318
+ // --cps-color-warn-bg-darken2: #c6c3bf;
319
+ // --cps-color-warn-bg-darken3: #aba8a4;
320
+ // --cps-color-warn-bg-darken4: #918e89;
321
+
322
+ --cps-color-error-bg: #fef8f8;
323
+ // --cps-color-error-bg-lighten5: #ffffff;
324
+ // --cps-color-error-bg-lighten4: #ffffff;
325
+ // --cps-color-error-bg-lighten3: #ffffff;
326
+ // --cps-color-error-bg-lighten2: #ffffff;
327
+ // --cps-color-error-bg-lighten1: #ffffff;
328
+ // --cps-color-error-bg-darken1: #e1dbdb;
329
+ // --cps-color-error-bg-darken2: #c5c0c0;
330
+ // --cps-color-error-bg-darken3: #aaa5a5;
331
+ // --cps-color-error-bg-darken4: #908a8a;
332
+
333
+ //Backgrounds
334
+ --cps-color-bg-light: #f9f8f8;
335
+ // --cps-color-bg-light-lighten5: #ffffff;
336
+ // --cps-color-bg-light-lighten4: #ffffff;
337
+ // --cps-color-bg-light-lighten3: #ffffff;
338
+ // --cps-color-bg-light-lighten2: #ffffff;
339
+ // --cps-color-bg-light-lighten1: #ffffff;
340
+ // --cps-color-bg-light-darken1: #dcdbdb;
341
+ // --cps-color-bg-light-darken2: #c1c0c0;
342
+ // --cps-color-bg-light-darken3: #a5a5a5;
343
+ // --cps-color-bg-light-darken4: #8b8a8a;
344
+
345
+ --cps-color-bg-mid: #f4f3f3;
346
+ // --cps-color-bg-mid-lighten5: #ffffff;
347
+ // --cps-color-bg-mid-lighten4: #ffffff;
348
+ // --cps-color-bg-mid-lighten3: #ffffff;
349
+ // --cps-color-bg-mid-lighten2: #ffffff;
350
+ // --cps-color-bg-mid-lighten1: #ffffff;
351
+ // --cps-color-bg-mid-darken1: #d8d7d7;
352
+ // --cps-color-bg-mid-darken2: #bcbbbb;
353
+ // --cps-color-bg-mid-darken3: #a1a0a0;
354
+ // --cps-color-bg-mid-darken4: #878686;
355
+
356
+ --cps-color-bg-dark: #eeeded;
357
+ // --cps-color-bg-dark-lighten5: #ffffff;
358
+ // --cps-color-bg-dark-lighten4: #ffffff;
359
+ // --cps-color-bg-dark-lighten3: #ffffff;
360
+ // --cps-color-bg-dark-lighten2: #ffffff;
361
+ // --cps-color-bg-dark-lighten1: #ffffff;
362
+ // --cps-color-bg-dark-darken1: #d2d1d1;
363
+ // --cps-color-bg-dark-darken2: #b6b5b5;
364
+ // --cps-color-bg-dark-darken3: #9b9a9a;
365
+ // --cps-color-bg-dark-darken4: #818080;
366
+
367
+ //Lines
368
+ --cps-color-line-light: #e3e2e2;
369
+ // --cps-color-line-light-lighten5: #ffffff;
370
+ // --cps-color-line-light-lighten4: #ffffff;
371
+ // --cps-color-line-light-lighten3: #ffffff;
372
+ // --cps-color-line-light-lighten2: #ffffff;
373
+ // --cps-color-line-light-lighten1: #ffffff;
374
+ // --cps-color-line-light-darken1: #c7c6c6;
375
+ // --cps-color-line-light-darken2: #acabab;
376
+ // --cps-color-line-light-darken3: #919090;
377
+ // --cps-color-line-light-darken4: #787777;
378
+
379
+ --cps-color-line-mid: #d7d5d5;
380
+ // --cps-color-line-mid-lighten5: #ffffff;
381
+ // --cps-color-line-mid-lighten4: #ffffff;
382
+ // --cps-color-line-mid-lighten3: #ffffff;
383
+ // --cps-color-line-mid-lighten2: #ffffff;
384
+ // --cps-color-line-mid-lighten1: #f3f1f1;
385
+ // --cps-color-line-mid-darken1: #bbb9b9;
386
+ // --cps-color-line-mid-darken2: #a09e9e;
387
+ // --cps-color-line-mid-darken3: #868484;
388
+ // --cps-color-line-mid-darken4: #6d6b6b;
389
+
390
+ --cps-color-line-dark: #cac7c7;
391
+ // --cps-color-line-dark-lighten5: #ffffff;
392
+ // --cps-color-line-dark-lighten4: #ffffff;
393
+ // --cps-color-line-dark-lighten3: #ffffff;
394
+ // --cps-color-line-dark-lighten2: #ffffff;
395
+ // --cps-color-line-dark-lighten1: #e6e3e3;
396
+ // --cps-color-line-dark-darken1: #afacac;
397
+ // --cps-color-line-dark-darken2: #949191;
398
+ // --cps-color-line-dark-darken3: #7a7878;
399
+ // --cps-color-line-dark-darken4: #615f5f;
400
+
401
+ //Text
402
+ --cps-color-text-darkest: #2d2323;
403
+ // --cps-color-text-darkest-lighten5: #a79a9a;
404
+ // --cps-color-text-darkest-lighten4: #8d8080;
405
+ // --cps-color-text-darkest-lighten3: #736767;
406
+ // --cps-color-text-darkest-lighten2: #5b4f4f;
407
+ // --cps-color-text-darkest-lighten1: #433838;
408
+ // --cps-color-text-darkest-darken1: #190d0d;
409
+ // --cps-color-text-darkest-darken2: #000000;
410
+ // --cps-color-text-darkest-darken3: #000000;
411
+ // --cps-color-text-darkest-darken4: #000000;
412
+
413
+ --cps-color-text-dark: #524a4a;
414
+ // --cps-color-text-dark-lighten5: #d4caca;
415
+ // --cps-color-text-dark-lighten4: #b8afaf;
416
+ // --cps-color-text-dark-lighten3: #9d9494;
417
+ // --cps-color-text-dark-lighten2: #837b7b;
418
+ // --cps-color-text-dark-lighten1: #6a6262;
419
+ // --cps-color-text-dark-darken1: #3b3333;
420
+ // --cps-color-text-dark-darken2: #251e1e;
421
+ // --cps-color-text-dark-darken3: #110505;
422
+ // --cps-color-text-dark-darken4: #000000;
423
+
424
+ --cps-color-text-mild: #787272;
425
+ // --cps-color-text-mild-lighten5: #fff9f9;
426
+ // --cps-color-text-mild-lighten4: #e4dddd;
427
+ // --cps-color-text-mild-lighten3: #c8c1c1;
428
+ // --cps-color-text-mild-lighten2: #aca6a6;
429
+ // --cps-color-text-mild-lighten1: #928b8b;
430
+ // --cps-color-text-mild-darken1: #5f5a5a;
431
+ // --cps-color-text-mild-darken2: #484242;
432
+ // --cps-color-text-mild-darken3: #312c2c;
433
+ // --cps-color-text-mild-darken4: #1c1818;
434
+
435
+ --cps-color-text-light: #9a9595;
436
+ // --cps-color-text-light-lighten5: #ffffff;
437
+ // --cps-color-text-light-lighten4: #ffffff;
438
+ // --cps-color-text-light-lighten3: #ede7e7;
439
+ // --cps-color-text-light-lighten2: #d0cbcb;
440
+ // --cps-color-text-light-lighten1: #b5b0b0;
441
+ // --cps-color-text-light-darken1: #807b7b;
442
+ // --cps-color-text-light-darken2: #676262;
443
+ // --cps-color-text-light-darken3: #4f4b4b;
444
+ // --cps-color-text-light-darken4: #383434;
445
+
446
+ --cps-color-text-lightest: #b5b2b2;
447
+ // --cps-color-text-lightest-lighten5: #ffffff;
448
+ // --cps-color-text-lightest-lighten4: #ffffff;
449
+ // --cps-color-text-lightest-lighten3: #ffffff;
450
+ // --cps-color-text-lightest-lighten2: #edeaea;
451
+ // --cps-color-text-lightest-lighten1: #d1cdcd;
452
+ // --cps-color-text-lightest-darken1: #9a9797;
453
+ // --cps-color-text-lightest-darken2: #807d7d;
454
+ // --cps-color-text-lightest-darken3: #676464;
455
+ // --cps-color-text-lightest-darken4: #4f4d4d;
456
+ }
package/styles/_variables.scss ADDED
@@ -0,0 +1 @@
1
+ @import "_colors.scss";