@kreftforeningen/web-css 1.0.12 → 1.0.14

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 (7) hide show
  1. package/README.md +3 -2
  2. package/index.css +25 -33
  3. package/json/{extended-colors.json → colors.json} +7 -7
  4. package/json/pink-ribbon-colors.json +1 -1
  5. package/json/vipps-colors.json +1 -1
  6. package/package.json +1 -1
  7. package/json/basic-colors.json +0 -82
package/README.md CHANGED
@@ -52,8 +52,9 @@ pnpm run build
52
52
 
53
53
  This will generate:
54
54
 
55
- - `json/colors.json` with all `--kf-hex-color-***` variables
56
- - `json/extended-colors.json` with all `--color-***` variables from the `@theme { ... }` block
55
+ - `json/colors.json` with all `--kf-color-*` variables
56
+ - `json/vipps-colors.json` with `--vipps-color-*` variables
57
+ - `json/pink-ribbon-colors.json` with `--pink-ribbon-color-*` variables
57
58
 
58
59
  ## NPM.js
59
60
 
package/index.css CHANGED
@@ -11,16 +11,8 @@
11
11
  --kf-font-condensed: "IBM Plex Sans Condensed", ui-sans-serif, system-ui;
12
12
  --kf-font-serif: "IBM Plex Serif", ui-serif, Georgia, Cambria, Times New Roman;
13
13
 
14
- --kf-hex-color-black: #000;
15
- --kf-hex-color-white: #fff;
16
- --kf-hex-color-blue: #469eba;
17
- --kf-hex-color-green: #50750f;
18
- --kf-hex-color-gray: #666;
19
- --kf-hex-color-orange: #e49034;
20
- --kf-hex-color-pink: #a94773;
21
- --kf-hex-color-purple: #773e89;
22
- --kf-hex-color-red: #bc2967;
23
- --kf-hex-color-vipps: #ff5b24;
14
+ --kf-color-black: oklch(0% 0 0);
15
+ --kf-color-white: oklch(100% 0 0);
24
16
 
25
17
  --kf-color-gray-50: oklch(98.5% 0 0);
26
18
  --kf-color-gray-100: oklch(96.086% 0 0);
@@ -106,29 +98,29 @@
106
98
  --kf-color-red-900: oklch(0.4008 0.1269 359.23);
107
99
  --kf-color-red-950: oklch(0.28 0.06 0);
108
100
 
109
- --kf-color-vipps-50: oklch(0.9738 0.0151 54.93);
110
- --kf-color-vipps-100: oklch(0.9405 0.0365 58.04);
111
- --kf-color-vipps-200: oklch(0.8756 0.0758 52.88);
112
- --kf-color-vipps-300: oklch(0.7972 0.128 49.18);
113
- --kf-color-vipps-400: oklch(0.7127 0.1871 40.96);
114
- --kf-color-vipps-500: oklch(0.6838 0.2092 37.3);
115
- --kf-color-vipps-600: oklch(0.6186 0.2288 32.46);
116
- --kf-color-vipps-700: oklch(0.5336 0.202 31.27);
117
- --kf-color-vipps-800: oklch(0.4522 0.1675 30.24);
118
- --kf-color-vipps-900: oklch(41.745% 0.1198 34.356);
119
- --kf-color-vipps-950: oklch(0.2557 0.0904 29.55);
120
-
121
- --kf-color-pink-ribbon-50: oklch(0.93611 0.03855 348.82);
122
- --kf-color-pink-ribbon-100: oklch(0.86806 0.07588 349.94);
123
- --kf-color-pink-ribbon-200: oklch(0.80001 0.11321 351.06);
124
- --kf-color-pink-ribbon-300: oklch(0.73196 0.15054 352.18);
125
- --kf-color-pink-ribbon-400: oklch(0.66391 0.18787 353.31);
126
- --kf-color-pink-ribbon-500: oklch(0.59586 0.2252 354.43);
127
- --kf-color-pink-ribbon-600: oklch(0.584 0.22433 354.37);
128
- --kf-color-pink-ribbon-700: oklch(0.57213 0.22346 354.3);
129
- --kf-color-pink-ribbon-800: oklch(0.56027 0.22259 354.24);
130
- --kf-color-pink-ribbon-900: oklch(0.54841 0.22173 354.18);
131
- --kf-color-pink-ribbon-950: oklch(0.53654 0.22086 354.12);
101
+ --vipps-color-50: oklch(0.9738 0.0151 54.93);
102
+ --vipps-color-100: oklch(0.9405 0.0365 58.04);
103
+ --vipps-color-200: oklch(0.8756 0.0758 52.88);
104
+ --vipps-color-300: oklch(0.7972 0.128 49.18);
105
+ --vipps-color-400: oklch(0.7127 0.1871 40.96);
106
+ --vipps-color-500: oklch(0.6838 0.2092 37.3);
107
+ --vipps-color-600: oklch(0.6186 0.2288 32.46);
108
+ --vipps-color-700: oklch(0.5336 0.202 31.27);
109
+ --vipps-color-800: oklch(0.4522 0.1675 30.24);
110
+ --vipps-color-900: oklch(41.745% 0.1198 34.356);
111
+ --vipps-color-950: oklch(0.2557 0.0904 29.55);
112
+
113
+ --pink-ribbon-color-50: oklch(0.93611 0.03855 348.82);
114
+ --pink-ribbon-color-100: oklch(0.86806 0.07588 349.94);
115
+ --pink-ribbon-color-200: oklch(0.80001 0.11321 351.06);
116
+ --pink-ribbon-color-300: oklch(0.73196 0.15054 352.18);
117
+ --pink-ribbon-color-400: oklch(0.66391 0.18787 353.31);
118
+ --pink-ribbon-color-500: oklch(0.59586 0.2252 354.43);
119
+ --pink-ribbon-color-600: oklch(0.584 0.22433 354.37);
120
+ --pink-ribbon-color-700: oklch(0.57213 0.22346 354.3);
121
+ --pink-ribbon-color-800: oklch(0.56027 0.22259 354.24);
122
+ --pink-ribbon-color-900: oklch(0.54841 0.22173 354.18);
123
+ --pink-ribbon-color-950: oklch(0.53654 0.22086 354.12);
132
124
 
133
125
  --kf-border-width: 2px;
134
126
  --kf-btn-font-size: 1rem;
package/json/{extended-colors.json → colors.json} RENAMED
@@ -1,7 +1,7 @@
1
1
  [
2
2
  {
3
3
  "name": "gray",
4
- "variable": "--color-gray",
4
+ "variable": "--kf-color-gray",
5
5
  "values": {
6
6
  "50": {
7
7
  "oklch": "oklch(98.5% 0 0)",
@@ -62,7 +62,7 @@
62
62
  },
63
63
  {
64
64
  "name": "blue",
65
- "variable": "--color-blue",
65
+ "variable": "--kf-color-blue",
66
66
  "values": {
67
67
  "50": {
68
68
  "oklch": "oklch(0.976 0.0099 212.52)",
@@ -123,7 +123,7 @@
123
123
  },
124
124
  {
125
125
  "name": "green",
126
- "variable": "--color-green",
126
+ "variable": "--kf-color-green",
127
127
  "values": {
128
128
  "50": {
129
129
  "oklch": "oklch(0.9872 0.0305 116.92)",
@@ -184,7 +184,7 @@
184
184
  },
185
185
  {
186
186
  "name": "orange",
187
- "variable": "--color-orange",
187
+ "variable": "--kf-color-orange",
188
188
  "values": {
189
189
  "50": {
190
190
  "oklch": "oklch(0.9825 0.0139 88.68)",
@@ -245,7 +245,7 @@
245
245
  },
246
246
  {
247
247
  "name": "pink",
248
- "variable": "--color-pink",
248
+ "variable": "--kf-color-pink",
249
249
  "values": {
250
250
  "50": {
251
251
  "oklch": "oklch(0.9737 0.0091 341.8)",
@@ -306,7 +306,7 @@
306
306
  },
307
307
  {
308
308
  "name": "purple",
309
- "variable": "--color-purple",
309
+ "variable": "--kf-color-purple",
310
310
  "values": {
311
311
  "50": {
312
312
  "oklch": "oklch(0.9798 0.0073 312.3)",
@@ -367,7 +367,7 @@
367
367
  },
368
368
  {
369
369
  "name": "red",
370
- "variable": "--color-red",
370
+ "variable": "--kf-color-red",
371
371
  "values": {
372
372
  "50": {
373
373
  "oklch": "oklch(0.9725 0.0116 342.64)",
package/json/pink-ribbon-colors.json CHANGED
@@ -1,7 +1,7 @@
1
1
  [
2
2
  {
3
3
  "name": "pink-ribbon",
4
- "variable": "--color-pink-ribbon",
4
+ "variable": "--pink-ribbon-color",
5
5
  "values": {
6
6
  "50": {
7
7
  "oklch": "oklch(0.93611 0.03855 348.82)",
package/json/vipps-colors.json CHANGED
@@ -1,7 +1,7 @@
1
1
  [
2
2
  {
3
3
  "name": "vipps",
4
- "variable": "--color-vipps",
4
+ "variable": "--vipps-color",
5
5
  "values": {
6
6
  "50": {
7
7
  "oklch": "oklch(0.9738 0.0151 54.93)",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kreftforeningen/web-css",
3
- "version": "1.0.12",
3
+ "version": "1.0.14",
4
4
  "description": "Variables and styles.",
5
5
  "type": "module",
6
6
  "style": "index.css",
package/json/basic-colors.json DELETED
@@ -1,82 +0,0 @@
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
- ]