@conduction/theme 1.0.16 → 1.0.17

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 (10) hide show
  1. package/README.md +3 -0
  2. package/municipalities/xxllnc-design-tokens/dist/design-tokens.css +7 -7
  3. package/municipalities/xxllnc-design-tokens/dist/index.js +8 -8
  4. package/municipalities/xxllnc-design-tokens/dist/index.json +10 -10
  5. package/municipalities/xxllnc-design-tokens/dist/index.less +7 -7
  6. package/municipalities/xxllnc-design-tokens/dist/index.scss +7 -7
  7. package/municipalities/xxllnc-design-tokens/dist/tokens.json +10 -10
  8. package/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json +3 -3
  9. package/municipalities/xxllnc.css +1 -1
  10. package/package.json +1 -1
package/README.md CHANGED
@@ -4,6 +4,9 @@ Conduction's design tokens theme
4
4
  ## Changelog
5
5
 
6
6
  - **Version 1**
7
+ - 1.0.17:
8
+ - removed gitignore.
9
+ - fixed alert warning colors in xxllnc theme.
7
10
  - 1.0.16: added Leiden theme as JSON format.
8
11
  - 1.0.15: added Conduction theme as JSON format.
9
12
  - 1.0.14: added xxllnc theme as JSON format.
package/municipalities/xxllnc-design-tokens/dist/design-tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Aug 2023 13:53:32 GMT
3
+ * Generated on Thu, 10 Aug 2023 09:52:10 GMT
4
4
  */
5
5
 
6
6
  .xxllnc-theme {
@@ -83,12 +83,10 @@
83
83
  --xxllnc-color-white-100-0t: #ffffff; /* White with 0% transparency */
84
84
  --xxllnc-color-white-100: #ffffff; /* Base/White */
85
85
  --xxllnc-color-white-95: #f1f1f1;
86
- --xxllnc-color-alert-info-background: #d4edda;
87
- --xxllnc-color-alert-info: #155724;
88
86
  --xxllnc-color-alert-succes-background: #d4edda;
89
87
  --xxllnc-color-alert-succes: #155724;
90
88
  --xxllnc-color-succes: #28a745;
91
- --xxllnc-color-alert-warning-background: #333338;
89
+ --xxllnc-color-alert-warning-background: #fff3cd;
92
90
  --xxllnc-color-alert-warning: #856404;
93
91
  --xxllnc-color-warning: #ffc107;
94
92
  --xxllnc-color-alert-error-background: #f8d7da;
@@ -230,7 +228,6 @@
230
228
  --utrecht-alert-icon-warning-color: var(--xxllnc-color-alert-warning);
231
229
  --utrecht-alert-icon-gap: var(--xxllnc-size-xs);
232
230
  --utrecht-alert-icon-error-color: var(--xxllnc-color-alert-error);
233
- --utrecht-alert-icon-color: var(--xxllnc-color-alert-info);
234
231
  --utrecht-alert-ok-color: var(--xxllnc-color-alert-succes);
235
232
  --utrecht-alert-ok-background-color: var(--xxllnc-color-alert-succes-background);
236
233
  --utrecht-alert-error-color: var(--xxllnc-color-alert-error);
@@ -241,8 +238,6 @@
241
238
  --utrecht-alert-padding-inline-start: var(--xxllnc-size-lg);
242
239
  --utrecht-alert-padding-block-end: var(--xxllnc-size-lg);
243
240
  --utrecht-alert-padding-block-start: var(--xxllnc-size-lg);
244
- --utrecht-alert-color: var(--xxllnc-color-alert-info);
245
- --utrecht-alert-background-color: var(--xxllnc-color-alert-info-background);
246
241
  --utrecht-card-padding-block-start: var(--xxllnc-size-md);
247
242
  --utrecht-card-padding-block-end: var(--xxllnc-size-md);
248
243
  --utrecht-card-padding-inline-start: var(--xxllnc-size-md);
@@ -278,6 +273,8 @@
278
273
  --xxllnc-typography-scale-2xs: var(--xxllnc-font-size-2xs);
279
274
  --xxllnc-typography-scale-3xs: var(--xxllnc-font-size-3xs);
280
275
  --xxllnc-typography-scale-4xs: var(--xxllnc-font-size-4xs);
276
+ --xxllnc-color-alert-info-background: var(--xxllnc-color-grey-92);
277
+ --xxllnc-color-alert-info: var(--xxllnc-color-black-16);
281
278
  --xxllnc-color-info: var(--xxllnc-color-primary);
282
279
  --utrecht-table-header-cell-color: var(--utrecht-document-color);
283
280
  --utrecht-table-header-cell-font-size: var(--utrecht-document-font-size);
@@ -287,4 +284,7 @@
287
284
  --utrecht-paragraph-color: var(--utrecht-document-color);
288
285
  --utrecht-unordered-list-font-size: var(--utrecht-document-font-size);
289
286
  --utrecht-ordered-list-font-size: var(--utrecht-document-font-size);
287
+ --utrecht-alert-icon-color: var(--xxllnc-color-alert-info);
288
+ --utrecht-alert-color: var(--xxllnc-color-alert-info);
289
+ --utrecht-alert-background-color: var(--xxllnc-color-alert-info-background);
290
290
  }
package/municipalities/xxllnc-design-tokens/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Aug 2023 13:53:32 GMT
3
+ * Generated on Thu, 10 Aug 2023 09:52:10 GMT
4
4
  */
5
5
 
6
6
  export const xxllncColorPrimary = "#000000ad"; // Primary with 68% transparency
@@ -10,13 +10,13 @@ export const xxllncColorAlertError = "#721c24";
10
10
  export const xxllncColorAlertErrorBackground = "#f8d7da";
11
11
  export const xxllncColorWarning = "#ffc107";
12
12
  export const xxllncColorAlertWarning = "#856404";
13
- export const xxllncColorAlertWarningBackground = "#333338";
13
+ export const xxllncColorAlertWarningBackground = "#fff3cd";
14
14
  export const xxllncColorSucces = "#28a745";
15
15
  export const xxllncColorAlertSucces = "#155724";
16
16
  export const xxllncColorAlertSuccesBackground = "#d4edda";
17
17
  export const xxllncColorInfo = "#000000ad";
18
- export const xxllncColorAlertInfo = "#155724";
19
- export const xxllncColorAlertInfoBackground = "#d4edda";
18
+ export const xxllncColorAlertInfo = "#28282c";
19
+ export const xxllncColorAlertInfoBackground = "#eaeaea";
20
20
  export const xxllncColorWhite95 = "#f1f1f1";
21
21
  export const xxllncColorWhite100 = "#ffffff"; // Base/White
22
22
  export const xxllncColorWhite1000t = "#ffffff"; // White with 0% transparency
@@ -98,19 +98,19 @@ export const utrechtCardPaddingInlineEnd = "18px";
98
98
  export const utrechtCardPaddingInlineStart = "18px";
99
99
  export const utrechtCardPaddingBlockEnd = "18px";
100
100
  export const utrechtCardPaddingBlockStart = "18px";
101
- export const utrechtAlertBackgroundColor = "#d4edda";
102
- export const utrechtAlertColor = "#155724";
101
+ export const utrechtAlertBackgroundColor = "#eaeaea";
102
+ export const utrechtAlertColor = "#28282c";
103
103
  export const utrechtAlertPaddingBlockStart = "24px";
104
104
  export const utrechtAlertPaddingBlockEnd = "24px";
105
105
  export const utrechtAlertPaddingInlineStart = "24px";
106
106
  export const utrechtAlertPaddingInlineEnd = "24px";
107
- export const utrechtAlertWarningBackgroundColor = "#333338";
107
+ export const utrechtAlertWarningBackgroundColor = "#fff3cd";
108
108
  export const utrechtAlertWarningColor = "#856404";
109
109
  export const utrechtAlertErrorBackgroundColor = "#f8d7da";
110
110
  export const utrechtAlertErrorColor = "#721c24";
111
111
  export const utrechtAlertOkBackgroundColor = "#d4edda";
112
112
  export const utrechtAlertOkColor = "#155724";
113
- export const utrechtAlertIconColor = "#155724";
113
+ export const utrechtAlertIconColor = "#28282c";
114
114
  export const utrechtAlertIconErrorColor = "#721c24";
115
115
  export const utrechtAlertIconGap = "8px";
116
116
  export const utrechtAlertIconWarningColor = "#856404";
package/municipalities/xxllnc-design-tokens/dist/index.json CHANGED
@@ -196,7 +196,7 @@
196
196
  ]
197
197
  },
198
198
  {
199
- "value": "#d4edda",
199
+ "value": "#eaeaea",
200
200
  "filePath": "src/component/utrecht/alert.tokens.json",
201
201
  "isSource": true,
202
202
  "original": {
@@ -215,7 +215,7 @@
215
215
  ]
216
216
  },
217
217
  {
218
- "value": "#155724",
218
+ "value": "#28282c",
219
219
  "filePath": "src/component/utrecht/alert.tokens.json",
220
220
  "isSource": true,
221
221
  "original": {
@@ -276,7 +276,7 @@
276
276
  ]
277
277
  },
278
278
  {
279
- "value": "#155724",
279
+ "value": "#28282c",
280
280
  "filePath": "src/component/utrecht/alert.tokens.json",
281
281
  "isSource": true,
282
282
  "original": {
@@ -505,7 +505,7 @@
505
505
  ]
506
506
  },
507
507
  {
508
- "value": "#333338",
508
+ "value": "#fff3cd",
509
509
  "filePath": "src/component/utrecht/alert.tokens.json",
510
510
  "isSource": true,
511
511
  "original": {
@@ -4329,11 +4329,11 @@
4329
4329
  ]
4330
4330
  },
4331
4331
  {
4332
- "value": "#155724",
4332
+ "value": "#28282c",
4333
4333
  "filePath": "src/brand/xxllnc/color.tokens.json",
4334
4334
  "isSource": true,
4335
4335
  "original": {
4336
- "value": "#155724"
4336
+ "value": "{xxllnc.color.black.16}"
4337
4337
  },
4338
4338
  "name": "xxllncColorAlertInfo",
4339
4339
  "attributes": {
@@ -4348,11 +4348,11 @@
4348
4348
  ]
4349
4349
  },
4350
4350
  {
4351
- "value": "#d4edda",
4351
+ "value": "#eaeaea",
4352
4352
  "filePath": "src/brand/xxllnc/color.tokens.json",
4353
4353
  "isSource": true,
4354
4354
  "original": {
4355
- "value": "#d4edda"
4355
+ "value": "{xxllnc.color.grey.92}"
4356
4356
  },
4357
4357
  "name": "xxllncColorAlertInfoBackground",
4358
4358
  "attributes": {
@@ -4424,11 +4424,11 @@
4424
4424
  ]
4425
4425
  },
4426
4426
  {
4427
- "value": "#333338",
4427
+ "value": "#fff3cd",
4428
4428
  "filePath": "src/brand/xxllnc/color.tokens.json",
4429
4429
  "isSource": true,
4430
4430
  "original": {
4431
- "value": "#333338"
4431
+ "value": "#fff3cd"
4432
4432
  },
4433
4433
  "name": "xxllncColorAlertWarningBackground",
4434
4434
  "attributes": {
package/municipalities/xxllnc-design-tokens/dist/index.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 09 Aug 2023 13:53:32 GMT
3
+ // Generated on Thu, 10 Aug 2023 09:52:10 GMT
4
4
 
5
5
  @conduction-input-select-padding-block-start: 0;
6
6
  @conduction-input-select-padding-block-end: 0;
@@ -81,12 +81,10 @@
81
81
  @xxllnc-color-white-100-0t: #ffffff; // White with 0% transparency
82
82
  @xxllnc-color-white-100: #ffffff; // Base/White
83
83
  @xxllnc-color-white-95: #f1f1f1;
84
- @xxllnc-color-alert-info-background: #d4edda;
85
- @xxllnc-color-alert-info: #155724;
86
84
  @xxllnc-color-alert-succes-background: #d4edda;
87
85
  @xxllnc-color-alert-succes: #155724;
88
86
  @xxllnc-color-succes: #28a745;
89
- @xxllnc-color-alert-warning-background: #333338;
87
+ @xxllnc-color-alert-warning-background: #fff3cd;
90
88
  @xxllnc-color-alert-warning: #856404;
91
89
  @xxllnc-color-warning: #ffc107;
92
90
  @xxllnc-color-alert-error-background: #f8d7da;
@@ -228,7 +226,6 @@
228
226
  @utrecht-alert-icon-warning-color: @xxllnc-color-alert-warning;
229
227
  @utrecht-alert-icon-gap: @xxllnc-size-xs;
230
228
  @utrecht-alert-icon-error-color: @xxllnc-color-alert-error;
231
- @utrecht-alert-icon-color: @xxllnc-color-alert-info;
232
229
  @utrecht-alert-ok-color: @xxllnc-color-alert-succes;
233
230
  @utrecht-alert-ok-background-color: @xxllnc-color-alert-succes-background;
234
231
  @utrecht-alert-error-color: @xxllnc-color-alert-error;
@@ -239,8 +236,6 @@
239
236
  @utrecht-alert-padding-inline-start: @xxllnc-size-lg;
240
237
  @utrecht-alert-padding-block-end: @xxllnc-size-lg;
241
238
  @utrecht-alert-padding-block-start: @xxllnc-size-lg;
242
- @utrecht-alert-color: @xxllnc-color-alert-info;
243
- @utrecht-alert-background-color: @xxllnc-color-alert-info-background;
244
239
  @utrecht-card-padding-block-start: @xxllnc-size-md;
245
240
  @utrecht-card-padding-block-end: @xxllnc-size-md;
246
241
  @utrecht-card-padding-inline-start: @xxllnc-size-md;
@@ -276,6 +271,8 @@
276
271
  @xxllnc-typography-scale-2xs: @xxllnc-font-size-2xs;
277
272
  @xxllnc-typography-scale-3xs: @xxllnc-font-size-3xs;
278
273
  @xxllnc-typography-scale-4xs: @xxllnc-font-size-4xs;
274
+ @xxllnc-color-alert-info-background: @xxllnc-color-grey-92;
275
+ @xxllnc-color-alert-info: @xxllnc-color-black-16;
279
276
  @xxllnc-color-info: @xxllnc-color-primary;
280
277
  @utrecht-table-header-cell-color: @utrecht-document-color;
281
278
  @utrecht-table-header-cell-font-size: @utrecht-document-font-size;
@@ -285,3 +282,6 @@
285
282
  @utrecht-paragraph-color: @utrecht-document-color;
286
283
  @utrecht-unordered-list-font-size: @utrecht-document-font-size;
287
284
  @utrecht-ordered-list-font-size: @utrecht-document-font-size;
285
+ @utrecht-alert-icon-color: @xxllnc-color-alert-info;
286
+ @utrecht-alert-color: @xxllnc-color-alert-info;
287
+ @utrecht-alert-background-color: @xxllnc-color-alert-info-background;
package/municipalities/xxllnc-design-tokens/dist/index.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 09 Aug 2023 13:53:32 GMT
3
+ // Generated on Thu, 10 Aug 2023 09:52:10 GMT
4
4
 
5
5
  $conduction-input-select-padding-block-start: 0;
6
6
  $conduction-input-select-padding-block-end: 0;
@@ -81,12 +81,10 @@ $xxllnc-color-black-16: #28282c; // Base/Black
81
81
  $xxllnc-color-white-100-0t: #ffffff; // White with 0% transparency
82
82
  $xxllnc-color-white-100: #ffffff; // Base/White
83
83
  $xxllnc-color-white-95: #f1f1f1;
84
- $xxllnc-color-alert-info-background: #d4edda;
85
- $xxllnc-color-alert-info: #155724;
86
84
  $xxllnc-color-alert-succes-background: #d4edda;
87
85
  $xxllnc-color-alert-succes: #155724;
88
86
  $xxllnc-color-succes: #28a745;
89
- $xxllnc-color-alert-warning-background: #333338;
87
+ $xxllnc-color-alert-warning-background: #fff3cd;
90
88
  $xxllnc-color-alert-warning: #856404;
91
89
  $xxllnc-color-warning: #ffc107;
92
90
  $xxllnc-color-alert-error-background: #f8d7da;
@@ -228,7 +226,6 @@ $utrecht-alert-icon-ok-color: $xxllnc-color-alert-succes;
228
226
  $utrecht-alert-icon-warning-color: $xxllnc-color-alert-warning;
229
227
  $utrecht-alert-icon-gap: $xxllnc-size-xs;
230
228
  $utrecht-alert-icon-error-color: $xxllnc-color-alert-error;
231
- $utrecht-alert-icon-color: $xxllnc-color-alert-info;
232
229
  $utrecht-alert-ok-color: $xxllnc-color-alert-succes;
233
230
  $utrecht-alert-ok-background-color: $xxllnc-color-alert-succes-background;
234
231
  $utrecht-alert-error-color: $xxllnc-color-alert-error;
@@ -239,8 +236,6 @@ $utrecht-alert-padding-inline-end: $xxllnc-size-lg;
239
236
  $utrecht-alert-padding-inline-start: $xxllnc-size-lg;
240
237
  $utrecht-alert-padding-block-end: $xxllnc-size-lg;
241
238
  $utrecht-alert-padding-block-start: $xxllnc-size-lg;
242
- $utrecht-alert-color: $xxllnc-color-alert-info;
243
- $utrecht-alert-background-color: $xxllnc-color-alert-info-background;
244
239
  $utrecht-card-padding-block-start: $xxllnc-size-md;
245
240
  $utrecht-card-padding-block-end: $xxllnc-size-md;
246
241
  $utrecht-card-padding-inline-start: $xxllnc-size-md;
@@ -276,6 +271,8 @@ $xxllnc-typography-scale-xs: $xxllnc-font-size-xs;
276
271
  $xxllnc-typography-scale-2xs: $xxllnc-font-size-2xs;
277
272
  $xxllnc-typography-scale-3xs: $xxllnc-font-size-3xs;
278
273
  $xxllnc-typography-scale-4xs: $xxllnc-font-size-4xs;
274
+ $xxllnc-color-alert-info-background: $xxllnc-color-grey-92;
275
+ $xxllnc-color-alert-info: $xxllnc-color-black-16;
279
276
  $xxllnc-color-info: $xxllnc-color-primary;
280
277
  $utrecht-table-header-cell-color: $utrecht-document-color;
281
278
  $utrecht-table-header-cell-font-size: $utrecht-document-font-size;
@@ -285,3 +282,6 @@ $utrecht-table-font-family: $utrecht-document-font-family;
285
282
  $utrecht-paragraph-color: $utrecht-document-color;
286
283
  $utrecht-unordered-list-font-size: $utrecht-document-font-size;
287
284
  $utrecht-ordered-list-font-size: $utrecht-document-font-size;
285
+ $utrecht-alert-icon-color: $xxllnc-color-alert-info;
286
+ $utrecht-alert-color: $xxllnc-color-alert-info;
287
+ $utrecht-alert-background-color: $xxllnc-color-alert-info-background;
package/municipalities/xxllnc-design-tokens/dist/tokens.json CHANGED
@@ -139,11 +139,11 @@
139
139
  ]
140
140
  },
141
141
  "alert-warning-background": {
142
- "value": "#333338",
142
+ "value": "#fff3cd",
143
143
  "filePath": "src/brand/xxllnc/color.tokens.json",
144
144
  "isSource": true,
145
145
  "original": {
146
- "value": "#333338"
146
+ "value": "#fff3cd"
147
147
  },
148
148
  "name": "xxllncColorAlertWarningBackground",
149
149
  "attributes": {
@@ -234,11 +234,11 @@
234
234
  ]
235
235
  },
236
236
  "alert-info": {
237
- "value": "#155724",
237
+ "value": "#28282c",
238
238
  "filePath": "src/brand/xxllnc/color.tokens.json",
239
239
  "isSource": true,
240
240
  "original": {
241
- "value": "#155724"
241
+ "value": "{xxllnc.color.black.16}"
242
242
  },
243
243
  "name": "xxllncColorAlertInfo",
244
244
  "attributes": {
@@ -253,11 +253,11 @@
253
253
  ]
254
254
  },
255
255
  "alert-info-background": {
256
- "value": "#d4edda",
256
+ "value": "#eaeaea",
257
257
  "filePath": "src/brand/xxllnc/color.tokens.json",
258
258
  "isSource": true,
259
259
  "original": {
260
- "value": "#d4edda"
260
+ "value": "{xxllnc.color.grey.92}"
261
261
  },
262
262
  "name": "xxllncColorAlertInfoBackground",
263
263
  "attributes": {
@@ -1968,7 +1968,7 @@
1968
1968
  },
1969
1969
  "alert": {
1970
1970
  "background-color": {
1971
- "value": "#d4edda",
1971
+ "value": "#eaeaea",
1972
1972
  "filePath": "src/component/utrecht/alert.tokens.json",
1973
1973
  "isSource": true,
1974
1974
  "original": {
@@ -1989,7 +1989,7 @@
1989
1989
  "border-color": {},
1990
1990
  "border-width": {},
1991
1991
  "color": {
1992
- "value": "#155724",
1992
+ "value": "#28282c",
1993
1993
  "filePath": "src/component/utrecht/alert.tokens.json",
1994
1994
  "isSource": true,
1995
1995
  "original": {
@@ -2087,7 +2087,7 @@
2087
2087
  "margin-block-end": {},
2088
2088
  "warning": {
2089
2089
  "background-color": {
2090
- "value": "#333338",
2090
+ "value": "#fff3cd",
2091
2091
  "filePath": "src/component/utrecht/alert.tokens.json",
2092
2092
  "isSource": true,
2093
2093
  "original": {
@@ -2225,7 +2225,7 @@
2225
2225
  },
2226
2226
  "icon": {
2227
2227
  "color": {
2228
- "value": "#155724",
2228
+ "value": "#28282c",
2229
2229
  "filePath": "src/component/utrecht/alert.tokens.json",
2230
2230
  "isSource": true,
2231
2231
  "original": {
package/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json CHANGED
@@ -16,15 +16,15 @@
16
16
 
17
17
  "warning": { "value": "#ffc107" },
18
18
  "alert-warning": { "value": "#856404" },
19
- "alert-warning-background": { "value": "#333338" },
19
+ "alert-warning-background": { "value": "#fff3cd" },
20
20
 
21
21
  "succes": { "value": "#28a745" },
22
22
  "alert-succes": { "value": "#155724" },
23
23
  "alert-succes-background": { "value": "#d4edda" },
24
24
 
25
25
  "info": { "value": "{xxllnc.color.primary}" },
26
- "alert-info": { "value": "#155724" },
27
- "alert-info-background": { "value": "#d4edda" },
26
+ "alert-info": { "value": "{xxllnc.color.black.16}" },
27
+ "alert-info-background": { "value": "{xxllnc.color.grey.92}" },
28
28
 
29
29
  "white": {
30
30
  "100": {
package/municipalities/xxllnc.css CHANGED
@@ -46,7 +46,7 @@
46
46
 
47
47
  --xxllnc-color-warning: #ffc107;
48
48
  --xxllnc-color-alert-warning: #856404;
49
- --xxllnc-color-alert-warning-background: #333338;
49
+ --xxllnc-color-alert-warning-background: #fff3cd;
50
50
 
51
51
  --xxllnc-color-success: #28a745;
52
52
  --xxllnc-color-alert-success: #155724;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@conduction/theme",
3
- "version": "1.0.16",
3
+ "version": "1.0.17",
4
4
  "description": "Conduction's design tokens theme",
5
5
  "main": "index.js",
6
6
  "repository": {