@kreftforeningen/web-css 1.0.0

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 (28) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +60 -0
  3. package/assets/fonts/ibm-plex-sans-condensed-v14-latin-600.woff2 +0 -0
  4. package/assets/fonts/ibm-plex-sans-condensed-v14-latin-600italic.woff2 +0 -0
  5. package/assets/fonts/ibm-plex-sans-condensed-v14-latin-italic.woff2 +0 -0
  6. package/assets/fonts/ibm-plex-sans-condensed-v14-latin-regular.woff2 +0 -0
  7. package/assets/fonts/ibm-plex-sans-v22-latin-500.woff2 +0 -0
  8. package/assets/fonts/ibm-plex-sans-v22-latin-500italic.woff2 +0 -0
  9. package/assets/fonts/ibm-plex-sans-v22-latin-600.woff2 +0 -0
  10. package/assets/fonts/ibm-plex-sans-v22-latin-600italic.woff2 +0 -0
  11. package/assets/fonts/ibm-plex-sans-v22-latin-700.woff2 +0 -0
  12. package/assets/fonts/ibm-plex-sans-v22-latin-700italic.woff2 +0 -0
  13. package/assets/fonts/ibm-plex-sans-v22-latin-italic.woff2 +0 -0
  14. package/assets/fonts/ibm-plex-sans-v22-latin-regular.woff2 +0 -0
  15. package/assets/fonts/ibm-plex-serif-v19-latin-600.woff2 +0 -0
  16. package/assets/fonts/ibm-plex-serif-v19-latin-600italic.woff2 +0 -0
  17. package/assets/fonts/ibm-plex-serif-v19-latin-italic.woff2 +0 -0
  18. package/assets/fonts/ibm-plex-serif-v19-latin-regular.woff2 +0 -0
  19. package/fonts/ibm-plex-sans-condensed.css +36 -0
  20. package/fonts/ibm-plex-sans.css +69 -0
  21. package/fonts/ibm-plex-serif.css +36 -0
  22. package/fonts/index.css +3 -0
  23. package/index.css +420 -0
  24. package/json/basic-colors.json +82 -0
  25. package/json/extended-colors.json +429 -0
  26. package/json/pink-ribbon-colors.json +63 -0
  27. package/json/vipps-colors.json +63 -0
  28. package/package.json +37 -0
@@ -0,0 +1,82 @@
1
+ [
2
+ {
3
+ "name": "--kf-hex-color-black",
4
+ "values": {
5
+ "hex": "#000",
6
+ "oklch": "oklch(0% 0 0)",
7
+ "rgba": "rgba(0, 0, 0, 1)"
8
+ }
9
+ },
10
+ {
11
+ "name": "--kf-hex-color-white",
12
+ "values": {
13
+ "hex": "#fff",
14
+ "oklch": "oklch(100% 0 0)",
15
+ "rgba": "rgba(255, 255, 255, 1)"
16
+ }
17
+ },
18
+ {
19
+ "name": "--kf-hex-color-blue",
20
+ "values": {
21
+ "hex": "#469eba",
22
+ "oklch": "oklch(0.5124 0.0769 229.13)",
23
+ "rgba": "rgba(70, 158, 186, 1)"
24
+ }
25
+ },
26
+ {
27
+ "name": "--kf-hex-color-green",
28
+ "values": {
29
+ "hex": "#50750f",
30
+ "oklch": "oklch(0.5154 0.13 128.84)",
31
+ "rgba": "rgba(80, 117, 15, 1)"
32
+ }
33
+ },
34
+ {
35
+ "name": "--kf-hex-color-gray",
36
+ "values": {
37
+ "hex": "#666",
38
+ "oklch": "oklch(51.03% 0 0)",
39
+ "rgba": "rgba(102, 102, 102, 1)"
40
+ }
41
+ },
42
+ {
43
+ "name": "--kf-hex-color-orange",
44
+ "values": {
45
+ "hex": "#e49034",
46
+ "oklch": "oklch(0.7703 0.1289 70.5)",
47
+ "rgba": "rgba(228, 144, 52, 1)"
48
+ }
49
+ },
50
+ {
51
+ "name": "--kf-hex-color-pink",
52
+ "values": {
53
+ "hex": "#a94773",
54
+ "oklch": "oklch(0.4964 0.1319 357.16)",
55
+ "rgba": "rgba(169, 71, 115, 1)"
56
+ }
57
+ },
58
+ {
59
+ "name": "--kf-hex-color-purple",
60
+ "values": {
61
+ "hex": "#773e89",
62
+ "oklch": "oklch(0.3771 0.0897 319.73)",
63
+ "rgba": "rgba(119, 62, 137, 1)"
64
+ }
65
+ },
66
+ {
67
+ "name": "--kf-hex-color-red",
68
+ "values": {
69
+ "hex": "#bc2967",
70
+ "oklch": "oklch(0.5345 0.1873 0.79)",
71
+ "rgba": "rgba(188, 41, 103, 1)"
72
+ }
73
+ },
74
+ {
75
+ "name": "--kf-hex-color-vipps",
76
+ "values": {
77
+ "hex": "#ff5b24",
78
+ "oklch": "oklch(0.6186 0.2288 32.46)",
79
+ "rgba": "rgba(255, 91, 36, 1)"
80
+ }
81
+ }
82
+ ]
@@ -0,0 +1,429 @@
1
+ [
2
+ {
3
+ "name": "gray",
4
+ "variable": "--color-gray",
5
+ "values": {
6
+ "50": {
7
+ "oklch": "oklch(98.5% 0 0)",
8
+ "hex": "#fafafa",
9
+ "rgba": "rgba(250, 250, 250, 1)"
10
+ },
11
+ "100": {
12
+ "oklch": "oklch(96.086% 0 0)",
13
+ "hex": "#f2f2f2",
14
+ "rgba": "rgba(242, 242, 242, 1)"
15
+ },
16
+ "200": {
17
+ "oklch": "oklch(90.372% 0 0)",
18
+ "hex": "#dfdfdf",
19
+ "rgba": "rgba(223, 223, 223, 1)"
20
+ },
21
+ "300": {
22
+ "oklch": "oklch(84.258% 0 0)",
23
+ "hex": "#cbcbcb",
24
+ "rgba": "rgba(203, 203, 203, 1)"
25
+ },
26
+ "400": {
27
+ "oklch": "oklch(67.144% 0 0)",
28
+ "hex": "#959595",
29
+ "rgba": "rgba(149, 149, 149, 1)"
30
+ },
31
+ "500": {
32
+ "oklch": "oklch(51.03% 0 0)",
33
+ "hex": "#666666",
34
+ "rgba": "rgba(102, 102, 102, 1)"
35
+ },
36
+ "600": {
37
+ "oklch": "oklch(40.244% 0 0)",
38
+ "hex": "#484848",
39
+ "rgba": "rgba(72, 72, 72, 1)"
40
+ },
41
+ "700": {
42
+ "oklch": "oklch(34.358% 0 0)",
43
+ "hex": "#393939",
44
+ "rgba": "rgba(57, 57, 57, 1)"
45
+ },
46
+ "800": {
47
+ "oklch": "oklch(25.072% 0 0)",
48
+ "hex": "#222222",
49
+ "rgba": "rgba(34, 34, 34, 1)"
50
+ },
51
+ "900": {
52
+ "oklch": "oklch(19.586% 0 0)",
53
+ "hex": "#151515",
54
+ "rgba": "rgba(21, 21, 21, 1)"
55
+ },
56
+ "950": {
57
+ "oklch": "oklch(14.5% 0 0)",
58
+ "hex": "#0a0a0a",
59
+ "rgba": "rgba(10, 10, 10, 1)"
60
+ }
61
+ }
62
+ },
63
+ {
64
+ "name": "blue",
65
+ "variable": "--color-blue",
66
+ "values": {
67
+ "50": {
68
+ "oklch": "oklch(0.976 0.0099 212.52)",
69
+ "hex": "#f0f9fb",
70
+ "rgba": "rgba(240, 249, 251, 1)"
71
+ },
72
+ "100": {
73
+ "oklch": "oklch(0.9358 0.0222 214.4)",
74
+ "hex": "#daeef3",
75
+ "rgba": "rgba(218, 238, 243, 1)"
76
+ },
77
+ "200": {
78
+ "oklch": "oklch(0.8772 0.0412 215.93)",
79
+ "hex": "#b9dee8",
80
+ "rgba": "rgba(185, 222, 232, 1)"
81
+ },
82
+ "300": {
83
+ "oklch": "oklch(0.7887 0.0665 218.51)",
84
+ "hex": "#89c5d7",
85
+ "rgba": "rgba(137, 197, 215, 1)"
86
+ },
87
+ "400": {
88
+ "oklch": "oklch(0.657 0.0931 221.93)",
89
+ "hex": "#469eba",
90
+ "rgba": "rgba(70, 158, 186, 1)"
91
+ },
92
+ "500": {
93
+ "oklch": "oklch(0.5886 0.0889 224.07)",
94
+ "hex": "#3688a4",
95
+ "rgba": "rgba(54, 136, 164, 1)"
96
+ },
97
+ "600": {
98
+ "oklch": "oklch(0.5124 0.0769 229.13)",
99
+ "hex": "#306f8a",
100
+ "rgba": "rgba(48, 111, 138, 1)"
101
+ },
102
+ "700": {
103
+ "oklch": "oklch(0.5124 0.0769 229.13)",
104
+ "hex": "#306f8a",
105
+ "rgba": "rgba(48, 111, 138, 1)"
106
+ },
107
+ "800": {
108
+ "oklch": "oklch(0.3997 0.0503 235.21)",
109
+ "hex": "#2b4c5f",
110
+ "rgba": "rgba(43, 76, 95, 1)"
111
+ },
112
+ "900": {
113
+ "oklch": "oklch(0.3648 0.0411 234.81)",
114
+ "hex": "#284251",
115
+ "rgba": "rgba(40, 66, 81, 1)"
116
+ },
117
+ "950": {
118
+ "oklch": "oklch(0.28 0.025 235)",
119
+ "hex": "#1d2b34",
120
+ "rgba": "rgba(29, 43, 52, 1)"
121
+ }
122
+ }
123
+ },
124
+ {
125
+ "name": "green",
126
+ "variable": "--color-green",
127
+ "values": {
128
+ "50": {
129
+ "oklch": "oklch(0.9872 0.0305 116.92)",
130
+ "hex": "#f9fee7",
131
+ "rgba": "rgba(249, 254, 231, 1)"
132
+ },
133
+ "100": {
134
+ "oklch": "oklch(0.9691 0.0651 119.69)",
135
+ "hex": "#effccb",
136
+ "rgba": "rgba(239, 252, 203, 1)"
137
+ },
138
+ "200": {
139
+ "oklch": "oklch(0.9405 0.117 121.33)",
140
+ "hex": "#dff89e",
141
+ "rgba": "rgba(223, 248, 158, 1)"
142
+ },
143
+ "300": {
144
+ "oklch": "oklch(0.9016 0.1722 123.57)",
145
+ "hex": "#c8f165",
146
+ "rgba": "rgba(200, 241, 101, 1)"
147
+ },
148
+ "400": {
149
+ "oklch": "oklch(0.8544 0.2 125.89)",
150
+ "hex": "#afe536",
151
+ "rgba": "rgba(175, 229, 54, 1)"
152
+ },
153
+ "500": {
154
+ "oklch": "oklch(0.7727 0.197 128.01)",
155
+ "hex": "#90cb17",
156
+ "rgba": "rgba(144, 203, 23, 1)"
157
+ },
158
+ "600": {
159
+ "oklch": "oklch(0.6515 0.1688 128.88)",
160
+ "hex": "#6fa20e",
161
+ "rgba": "rgba(111, 162, 14, 1)"
162
+ },
163
+ "700": {
164
+ "oklch": "oklch(0.5154 0.13 128.84)",
165
+ "hex": "#50750f",
166
+ "rgba": "rgba(80, 117, 15, 1)"
167
+ },
168
+ "800": {
169
+ "oklch": "oklch(0.4535 0.1081 128.33)",
170
+ "hex": "#446113",
171
+ "rgba": "rgba(68, 97, 19, 1)"
172
+ },
173
+ "900": {
174
+ "oklch": "oklch(0.4078 0.0932 128.75)",
175
+ "hex": "#3a5314",
176
+ "rgba": "rgba(58, 83, 20, 1)"
177
+ },
178
+ "950": {
179
+ "oklch": "oklch(0.32 0.06 128.75)",
180
+ "hex": "#293915",
181
+ "rgba": "rgba(41, 57, 21, 1)"
182
+ }
183
+ }
184
+ },
185
+ {
186
+ "name": "orange",
187
+ "variable": "--color-orange",
188
+ "values": {
189
+ "50": {
190
+ "oklch": "oklch(0.9825 0.0139 88.68)",
191
+ "hex": "#fdf9ef",
192
+ "rgba": "rgba(253, 249, 239, 1)"
193
+ },
194
+ "100": {
195
+ "oklch": "oklch(0.9577 0.0325 85.48)",
196
+ "hex": "#fbf0d9",
197
+ "rgba": "rgba(251, 240, 217, 1)"
198
+ },
199
+ "200": {
200
+ "oklch": "oklch(0.9095 0.0631 82.59)",
201
+ "hex": "#f6deb2",
202
+ "rgba": "rgba(246, 222, 178, 1)"
203
+ },
204
+ "300": {
205
+ "oklch": "oklch(0.8501 0.0996 80.17)",
206
+ "hex": "#f0c781",
207
+ "rgba": "rgba(240, 199, 129, 1)"
208
+ },
209
+ "400": {
210
+ "oklch": "oklch(0.7703 0.1289 70.5)",
211
+ "hex": "#e8a54f",
212
+ "rgba": "rgba(232, 165, 79, 1)"
213
+ },
214
+ "500": {
215
+ "oklch": "oklch(0.725 0.144 63.7)",
216
+ "hex": "#e49034",
217
+ "rgba": "rgba(228, 144, 52, 1)"
218
+ },
219
+ "600": {
220
+ "oklch": "oklch(0.6535 0.1495 54.57)",
221
+ "hex": "#d47322",
222
+ "rgba": "rgba(212, 115, 34, 1)"
223
+ },
224
+ "700": {
225
+ "oklch": "oklch(0.5599 0.1325 50.09)",
226
+ "hex": "#b0591e",
227
+ "rgba": "rgba(176, 89, 30, 1)"
228
+ },
229
+ "800": {
230
+ "oklch": "oklch(0.4782 0.1085 47.64)",
231
+ "hex": "#8d471f",
232
+ "rgba": "rgba(141, 71, 31, 1)"
233
+ },
234
+ "900": {
235
+ "oklch": "oklch(0.4178 0.088 49.08)",
236
+ "hex": "#723c1c",
237
+ "rgba": "rgba(114, 60, 28, 1)"
238
+ },
239
+ "950": {
240
+ "oklch": "oklch(0.3 0.045 49)",
241
+ "hex": "#402719",
242
+ "rgba": "rgba(64, 39, 25, 1)"
243
+ }
244
+ }
245
+ },
246
+ {
247
+ "name": "pink",
248
+ "variable": "--color-pink",
249
+ "values": {
250
+ "50": {
251
+ "oklch": "oklch(0.9737 0.0091 341.8)",
252
+ "hex": "#fbf4f8",
253
+ "rgba": "rgba(251, 244, 248, 1)"
254
+ },
255
+ "100": {
256
+ "oklch": "oklch(0.9523 0.0167 343.62)",
257
+ "hex": "#f8ebf2",
258
+ "rgba": "rgba(248, 235, 242, 1)"
259
+ },
260
+ "200": {
261
+ "oklch": "oklch(0.9079 0.0348 342.2)",
262
+ "hex": "#f2d8e7",
263
+ "rgba": "rgba(242, 216, 231, 1)"
264
+ },
265
+ "300": {
266
+ "oklch": "oklch(0.8351 0.0636 344.23)",
267
+ "hex": "#e8b9d3",
268
+ "rgba": "rgba(232, 185, 211, 1)"
269
+ },
270
+ "400": {
271
+ "oklch": "oklch(0.7329 0.1021 347.04)",
272
+ "hex": "#d88eb5",
273
+ "rgba": "rgba(216, 142, 181, 1)"
274
+ },
275
+ "500": {
276
+ "oklch": "oklch(0.6489 0.1302 350.65)",
277
+ "hex": "#c96b99",
278
+ "rgba": "rgba(201, 107, 153, 1)"
279
+ },
280
+ "600": {
281
+ "oklch": "oklch(0.5394 0.1371 354.63)",
282
+ "hex": "#a94773",
283
+ "rgba": "rgba(169, 71, 115, 1)"
284
+ },
285
+ "700": {
286
+ "oklch": "oklch(0.4964 0.1319 357.16)",
287
+ "hex": "#9a3c63",
288
+ "rgba": "rgba(154, 60, 99, 1)"
289
+ },
290
+ "800": {
291
+ "oklch": "oklch(0.4393 0.1104 357.11)",
292
+ "hex": "#803453",
293
+ "rgba": "rgba(128, 52, 83, 1)"
294
+ },
295
+ "900": {
296
+ "oklch": "oklch(0.3962 0.0913 357.33)",
297
+ "hex": "#6c2f47",
298
+ "rgba": "rgba(108, 47, 71, 1)"
299
+ },
300
+ "950": {
301
+ "oklch": "oklch(0.3 0.05 357)",
302
+ "hex": "#42232e",
303
+ "rgba": "rgba(66, 35, 46, 1)"
304
+ }
305
+ }
306
+ },
307
+ {
308
+ "name": "purple",
309
+ "variable": "--color-purple",
310
+ "values": {
311
+ "50": {
312
+ "oklch": "oklch(0.9798 0.0073 312.3)",
313
+ "hex": "#faf7fc",
314
+ "rgba": "rgba(250, 247, 252, 1)"
315
+ },
316
+ "100": {
317
+ "oklch": "oklch(0.9577 0.0163 313.61)",
318
+ "hex": "#f5eef9",
319
+ "rgba": "rgba(245, 238, 249, 1)"
320
+ },
321
+ "200": {
322
+ "oklch": "oklch(0.9106 0.036 313.04)",
323
+ "hex": "#eadbf3",
324
+ "rgba": "rgba(234, 219, 243, 1)"
325
+ },
326
+ "300": {
327
+ "oklch": "oklch(0.8398 0.0666 314.75)",
328
+ "hex": "#dbbee9",
329
+ "rgba": "rgba(219, 190, 233, 1)"
330
+ },
331
+ "400": {
332
+ "oklch": "oklch(0.7463 0.1056 315.99)",
333
+ "hex": "#c798da",
334
+ "rgba": "rgba(199, 152, 218, 1)"
335
+ },
336
+ "500": {
337
+ "oklch": "oklch(0.6416 0.142 316.18)",
338
+ "hex": "#ae6fc6",
339
+ "rgba": "rgba(174, 111, 198, 1)"
340
+ },
341
+ "600": {
342
+ "oklch": "oklch(0.5447 0.1517 316.45)",
343
+ "hex": "#924faa",
344
+ "rgba": "rgba(146, 79, 170, 1)"
345
+ },
346
+ "700": {
347
+ "oklch": "oklch(0.4668 0.1309 317.52)",
348
+ "hex": "#773e89",
349
+ "rgba": "rgba(119, 62, 137, 1)"
350
+ },
351
+ "800": {
352
+ "oklch": "oklch(0.4166 0.1125 318.19)",
353
+ "hex": "#653573",
354
+ "rgba": "rgba(101, 53, 115, 1)"
355
+ },
356
+ "900": {
357
+ "oklch": "oklch(0.3771 0.0897 319.73)",
358
+ "hex": "#56305f",
359
+ "rgba": "rgba(86, 48, 95, 1)"
360
+ },
361
+ "950": {
362
+ "oklch": "oklch(0.28 0.045 320)",
363
+ "hex": "#332137",
364
+ "rgba": "rgba(51, 33, 55, 1)"
365
+ }
366
+ }
367
+ },
368
+ {
369
+ "name": "red",
370
+ "variable": "--color-red",
371
+ "values": {
372
+ "50": {
373
+ "oklch": "oklch(0.9725 0.0116 342.64)",
374
+ "hex": "#fcf3f8",
375
+ "rgba": "rgba(252, 243, 248, 1)"
376
+ },
377
+ "100": {
378
+ "oklch": "oklch(0.9504 0.0226 341.32)",
379
+ "hex": "#fae9f3",
380
+ "rgba": "rgba(250, 233, 243, 1)"
381
+ },
382
+ "200": {
383
+ "oklch": "oklch(0.9029 0.0477 343.59)",
384
+ "hex": "#f7d3e7",
385
+ "rgba": "rgba(247, 211, 231, 1)"
386
+ },
387
+ "300": {
388
+ "oklch": "oklch(0.8271 0.0903 345.8)",
389
+ "hex": "#f2afd3",
390
+ "rgba": "rgba(242, 175, 211, 1)"
391
+ },
392
+ "400": {
393
+ "oklch": "oklch(0.7264 0.1478 348.51)",
394
+ "hex": "#e97db6",
395
+ "rgba": "rgba(233, 125, 182, 1)"
396
+ },
397
+ "500": {
398
+ "oklch": "oklch(0.6499 0.1827 352.33)",
399
+ "hex": "#de569a",
400
+ "rgba": "rgba(222, 86, 154, 1)"
401
+ },
402
+ "600": {
403
+ "oklch": "oklch(0.5774 0.1919 357.53)",
404
+ "hex": "#cb377a",
405
+ "rgba": "rgba(203, 55, 122, 1)"
406
+ },
407
+ "700": {
408
+ "oklch": "oklch(0.5345 0.1873 0.79)",
409
+ "hex": "#bc2967",
410
+ "rgba": "rgba(188, 41, 103, 1)"
411
+ },
412
+ "800": {
413
+ "oklch": "oklch(0.4672 0.1827 357.53)",
414
+ "hex": "#a10e5a",
415
+ "rgba": "rgba(161, 14, 90, 1)"
416
+ },
417
+ "900": {
418
+ "oklch": "oklch(0.4008 0.1269 359.23)",
419
+ "hex": "#7a2146",
420
+ "rgba": "rgba(122, 33, 70, 1)"
421
+ },
422
+ "950": {
423
+ "oklch": "oklch(0.28 0.06 0)",
424
+ "hex": "#401b28",
425
+ "rgba": "rgba(64, 27, 40, 1)"
426
+ }
427
+ }
428
+ }
429
+ ]
@@ -0,0 +1,63 @@
1
+ [
2
+ {
3
+ "name": "pink-ribbon",
4
+ "variable": "--color-pink-ribbon",
5
+ "values": {
6
+ "50": {
7
+ "oklch": "oklch(0.93611 0.03855 348.82)",
8
+ "hex": "#ffe0ee",
9
+ "rgba": "rgba(255, 224, 238, 1)"
10
+ },
11
+ "100": {
12
+ "oklch": "oklch(0.86806 0.07588 349.94)",
13
+ "hex": "#fbc0db",
14
+ "rgba": "rgba(251, 192, 219, 1)"
15
+ },
16
+ "200": {
17
+ "oklch": "oklch(0.80001 0.11321 351.06)",
18
+ "hex": "#f69fc7",
19
+ "rgba": "rgba(246, 159, 199, 1)"
20
+ },
21
+ "300": {
22
+ "oklch": "oklch(0.73196 0.15054 352.18)",
23
+ "hex": "#ee7db2",
24
+ "rgba": "rgba(238, 125, 178, 1)"
25
+ },
26
+ "400": {
27
+ "oklch": "oklch(0.66391 0.18787 353.31)",
28
+ "hex": "#e6589d",
29
+ "rgba": "rgba(230, 88, 157, 1)"
30
+ },
31
+ "500": {
32
+ "oklch": "oklch(0.59586 0.2252 354.43)",
33
+ "hex": "#db2587",
34
+ "rgba": "rgba(219, 37, 135, 1)"
35
+ },
36
+ "600": {
37
+ "oklch": "oklch(0.584 0.22433 354.37)",
38
+ "hex": "#d62084",
39
+ "rgba": "rgba(214, 32, 132, 1)"
40
+ },
41
+ "700": {
42
+ "oklch": "oklch(0.57213 0.22346 354.3)",
43
+ "hex": "#d21a80",
44
+ "rgba": "rgba(210, 26, 128, 1)"
45
+ },
46
+ "800": {
47
+ "oklch": "oklch(0.56027 0.22259 354.24)",
48
+ "hex": "#cd137d",
49
+ "rgba": "rgba(205, 19, 125, 1)"
50
+ },
51
+ "900": {
52
+ "oklch": "oklch(0.54841 0.22173 354.18)",
53
+ "hex": "#c90a79",
54
+ "rgba": "rgba(201, 10, 121, 1)"
55
+ },
56
+ "950": {
57
+ "oklch": "oklch(0.53654 0.22086 354.12)",
58
+ "hex": "#c40076",
59
+ "rgba": "rgba(196, 0, 118, 1)"
60
+ }
61
+ }
62
+ }
63
+ ]
@@ -0,0 +1,63 @@
1
+ [
2
+ {
3
+ "name": "vipps",
4
+ "variable": "--color-vipps",
5
+ "values": {
6
+ "50": {
7
+ "oklch": "oklch(0.9738 0.0151 54.93)",
8
+ "hex": "#fff4ed",
9
+ "rgba": "rgba(255, 244, 237, 1)"
10
+ },
11
+ "100": {
12
+ "oklch": "oklch(0.9405 0.0365 58.04)",
13
+ "hex": "#ffe6d4",
14
+ "rgba": "rgba(255, 230, 212, 1)"
15
+ },
16
+ "200": {
17
+ "oklch": "oklch(0.8756 0.0758 52.88)",
18
+ "hex": "#ffc9a8",
19
+ "rgba": "rgba(255, 201, 168, 1)"
20
+ },
21
+ "300": {
22
+ "oklch": "oklch(0.7972 0.128 49.18)",
23
+ "hex": "#ffa370",
24
+ "rgba": "rgba(255, 163, 112, 1)"
25
+ },
26
+ "400": {
27
+ "oklch": "oklch(0.7127 0.1871 40.96)",
28
+ "hex": "#ff7137",
29
+ "rgba": "rgba(255, 113, 55, 1)"
30
+ },
31
+ "500": {
32
+ "oklch": "oklch(0.6838 0.2092 37.3)",
33
+ "hex": "#ff5b24",
34
+ "rgba": "rgba(255, 91, 36, 1)"
35
+ },
36
+ "600": {
37
+ "oklch": "oklch(0.6186 0.2288 32.46)",
38
+ "hex": "#f03106",
39
+ "rgba": "rgba(240, 49, 6, 1)"
40
+ },
41
+ "700": {
42
+ "oklch": "oklch(0.5336 0.202 31.27)",
43
+ "hex": "#c72107",
44
+ "rgba": "rgba(199, 33, 7, 1)"
45
+ },
46
+ "800": {
47
+ "oklch": "oklch(0.4522 0.1675 30.24)",
48
+ "hex": "#9e1b0e",
49
+ "rgba": "rgba(158, 27, 14, 1)"
50
+ },
51
+ "900": {
52
+ "oklch": "oklch(41.745% 0.1198 34.356)",
53
+ "hex": "#812d1a",
54
+ "rgba": "rgba(129, 45, 26, 1)"
55
+ },
56
+ "950": {
57
+ "oklch": "oklch(0.2557 0.0904 29.55)",
58
+ "hex": "#450905",
59
+ "rgba": "rgba(69, 9, 5, 1)"
60
+ }
61
+ }
62
+ }
63
+ ]
package/package.json ADDED
@@ -0,0 +1,37 @@
1
+ {
2
+ "name": "@kreftforeningen/web-css",
3
+ "version": "1.0.0",
4
+ "description": "Variables and styles.",
5
+ "type": "module",
6
+ "style": "index.css",
7
+ "exports": {
8
+ ".": {
9
+ "default": "./index.css"
10
+ },
11
+ "./json/*": "./json/*"
12
+ },
13
+ "files": [
14
+ "index.css",
15
+ "fonts/**",
16
+ "assets/fonts/**",
17
+ "json/**",
18
+ "README.md",
19
+ "LICENSE"
20
+ ],
21
+ "repository": {
22
+ "type": "git",
23
+ "url": "git+https://github.com/kreftforeningen/web-css.git"
24
+ },
25
+ "scripts": {
26
+ "build": "node extract-css-vars.js"
27
+ },
28
+ "keywords": [
29
+ "css"
30
+ ],
31
+ "author": "Asbjørn Ness",
32
+ "license": "MIT",
33
+ "bugs": {
34
+ "url": "https://github.com/kreftforeningen/web-css/issues"
35
+ },
36
+ "homepage": "https://github.com/kreftforeningen/web-css#readme"
37
+ }