@fkui/theme-default 6.27.0 → 6.29.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 (14) hide show
  1. package/dist/fkui-css-variables-deprecated.css +12 -0
  2. package/dist/fkui-css-variables-deprecated.js +13 -1
  3. package/dist/fkui-css-variables.css +1 -13
  4. package/dist/fkui-css-variables.js +1 -13
  5. package/dist/theme-auto.css +3 -27
  6. package/dist/theme-auto.js +1 -1
  7. package/dist/theme-dark.css +1 -13
  8. package/dist/theme-dark.js +1 -13
  9. package/dist/theme-light.css +1 -13
  10. package/dist/theme-light.js +1 -13
  11. package/package.json +3 -3
  12. package/src/_version.scss +1 -1
  13. package/src/fkui-css-variables-deprecated.scss +15 -1
  14. package/src/shared/_index.scss +0 -16
package/dist/fkui-css-variables-deprecated.css CHANGED
@@ -251,4 +251,16 @@
251
251
  --f-background-tab-active:#fff;
252
252
  --f-background-tab-inactive:#f5f6fa;
253
253
  --f-background-button-discrete-hover:none;
254
+ --f-icon-color-white:#fff;
255
+ --f-icon-color-notice:#d34503;
256
+ --f-icon-color-expandable-panel:#fff;
257
+ --f-text-color-heading-expandable-panel:#fff;
258
+ --f-background-expandable-panel:#fff;
259
+ --f-background-heading-expandable-panel:#116a3e;
260
+ --f-background-heading-expandable-panel-hover:#35805b;
261
+ --f-border-color-expandable-panel:#116a3e;
262
+ --f-border-color-expandable-panel-closed:none;
263
+ --f-expandable-panel-heading-border-open:none;
264
+ --f-expandable-panel-heading-border-close:none;
265
+ --f-expandable-panel-heading-border-radius:4px 4px 0 0;
254
266
  }
package/dist/fkui-css-variables-deprecated.js CHANGED
@@ -250,6 +250,18 @@ const value = {
250
250
  "--f-background-grid-active": "#e5e5f5",
251
251
  "--f-background-tab-active": "#fff",
252
252
  "--f-background-tab-inactive": "#f5f6fa",
253
- "--f-background-button-discrete-hover": "none"
253
+ "--f-background-button-discrete-hover": "none",
254
+ "--f-icon-color-white": "#fff",
255
+ "--f-icon-color-notice": "#d34503",
256
+ "--f-icon-color-expandable-panel": "#fff",
257
+ "--f-text-color-heading-expandable-panel": "#fff",
258
+ "--f-background-expandable-panel": "#fff",
259
+ "--f-background-heading-expandable-panel": "#116a3e",
260
+ "--f-background-heading-expandable-panel-hover": "#35805b",
261
+ "--f-border-color-expandable-panel": "#116a3e",
262
+ "--f-border-color-expandable-panel-closed": "none",
263
+ "--f-expandable-panel-heading-border-open": "none",
264
+ "--f-expandable-panel-heading-border-close": "none",
265
+ "--f-expandable-panel-heading-border-radius": "4px 4px 0 0"
254
266
  };
255
267
  module.exports = value;
package/dist/fkui-css-variables.css CHANGED
@@ -9,23 +9,16 @@
9
9
  --f-text-color-heading-4:inherit;
10
10
  --f-text-color-heading-5:inherit;
11
11
  --f-text-color-heading-6:inherit;
12
- --f-text-color-heading-expandable-panel:#fff;
13
12
  --f-text-color-menu:#1b1e23;
14
13
  --f-text-color-menu-hover:#1b1e23;
15
14
  --f-text-color-menu-horizontal-highlight:#1b1e23;
16
15
  --f-text-color-popupmenu:#1b1e23;
17
16
  --f-text-color-popupmenu-hover:#1b1e23;
18
- --f-icon-color-white:#fff;
19
17
  --f-icon-color-success:#35805b;
20
- --f-icon-color-notice:#d34503;
21
- --f-icon-color-expandable-panel:#fff;
22
18
  --f-icon-color-success-background:#dbe9e2;
23
19
  --f-background-overlay:rgba(0,0,0,.75);
24
20
  --f-background-pageheader-primary:#116a3e;
25
21
  --f-background-skiplink-focus:#f5f6fa;
26
- --f-background-heading-expandable-panel:#116a3e;
27
- --f-background-heading-expandable-panel-hover:#35805b;
28
- --f-background-expandable-panel:#fff;
29
22
  --f-background-heading-static-panel:#afcfb5;
30
23
  --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
31
24
  --f-background-menu:#f4f4f4;
@@ -35,7 +28,6 @@
35
28
  --f-background-popupmenu-vertical-hover:#ddddde;
36
29
  --f-background-popupmenu-vertical-highlight:#e7f0e9;
37
30
  --f-border-color-panel:#e7f0e9;
38
- --f-border-color-expandable-panel:#116a3e;
39
31
  --f-border-color-static-panel:#afcfb5;
40
32
  --f-border-color-separator:#ddddde;
41
33
  --f-border-color-separator-pageheader-primary:#fff;
@@ -44,7 +36,6 @@
44
36
  --f-border-color-link-hover:#8d8e91;
45
37
  --f-border-color-link-discrete:#8d8e91;
46
38
  --f-border-color-link-discrete-hover:#4a52b6;
47
- --f-border-color-expandable-panel-closed:none;
48
39
  --f-border-color-menu-horizontal:#116a3e;
49
40
  --f-border-color-menu-horizontal-hover:#afcfb5;
50
41
  --f-border-color-menu-horizontal-highlight:#116a3e;
@@ -92,9 +83,6 @@
92
83
  --f-animation-expand-close:all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
93
84
  --f-density-factor:1;
94
85
  --f-static-panel-heading-border:none;
95
- --f-expandable-panel-heading-border-close:none;
96
- --f-expandable-panel-heading-border-open:none;
97
- --f-expandable-panel-heading-border-radius:4px 4px 0 0;
98
86
  --f-label-message-margin-top:0.25rem;
99
87
  --f-button-shadow:0 1px 3px rgba(0,0,0,.3);
100
88
  --f-button-shadow-hover:0 1px 3px rgba(0,0,0,.3);
@@ -219,5 +207,5 @@
219
207
  --fkds-color-select-background-secondary-hover:#dbe9e2;
220
208
  --fkds-color-select-background-secondary-active:#dbe9e2;
221
209
  --fkds-color-select-background-secondary-focus:#dbe9e2;
222
- --fkui-theme-default-version:"6.27.0";
210
+ --fkui-theme-default-version:"6.29.0";
223
211
  }
package/dist/fkui-css-variables.js CHANGED
@@ -9,23 +9,16 @@ const value = {
9
9
  "--f-text-color-heading-4": "inherit",
10
10
  "--f-text-color-heading-5": "inherit",
11
11
  "--f-text-color-heading-6": "inherit",
12
- "--f-text-color-heading-expandable-panel": "#fff",
13
12
  "--f-text-color-menu": "#1b1e23",
14
13
  "--f-text-color-menu-hover": "#1b1e23",
15
14
  "--f-text-color-menu-horizontal-highlight": "#1b1e23",
16
15
  "--f-text-color-popupmenu": "#1b1e23",
17
16
  "--f-text-color-popupmenu-hover": "#1b1e23",
18
- "--f-icon-color-white": "#fff",
19
17
  "--f-icon-color-success": "#35805b",
20
- "--f-icon-color-notice": "#d34503",
21
- "--f-icon-color-expandable-panel": "#fff",
22
18
  "--f-icon-color-success-background": "#dbe9e2",
23
19
  "--f-background-overlay": "rgba(0,0,0,.75)",
24
20
  "--f-background-pageheader-primary": "#116a3e",
25
21
  "--f-background-skiplink-focus": "#f5f6fa",
26
- "--f-background-heading-expandable-panel": "#116a3e",
27
- "--f-background-heading-expandable-panel-hover": "#35805b",
28
- "--f-background-expandable-panel": "#fff",
29
22
  "--f-background-heading-static-panel": "#afcfb5",
30
23
  "--f-background-sidepanel-button-tertiary-hover": "#e5e5f5",
31
24
  "--f-background-menu": "#f4f4f4",
@@ -35,7 +28,6 @@ const value = {
35
28
  "--f-background-popupmenu-vertical-hover": "#ddddde",
36
29
  "--f-background-popupmenu-vertical-highlight": "#e7f0e9",
37
30
  "--f-border-color-panel": "#e7f0e9",
38
- "--f-border-color-expandable-panel": "#116a3e",
39
31
  "--f-border-color-static-panel": "#afcfb5",
40
32
  "--f-border-color-separator": "#ddddde",
41
33
  "--f-border-color-separator-pageheader-primary": "#fff",
@@ -44,7 +36,6 @@ const value = {
44
36
  "--f-border-color-link-hover": "#8d8e91",
45
37
  "--f-border-color-link-discrete": "#8d8e91",
46
38
  "--f-border-color-link-discrete-hover": "#4a52b6",
47
- "--f-border-color-expandable-panel-closed": "none",
48
39
  "--f-border-color-menu-horizontal": "#116a3e",
49
40
  "--f-border-color-menu-horizontal-hover": "#afcfb5",
50
41
  "--f-border-color-menu-horizontal-highlight": "#116a3e",
@@ -92,9 +83,6 @@ const value = {
92
83
  "--f-animation-expand-close": "all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s",
93
84
  "--f-density-factor": "1",
94
85
  "--f-static-panel-heading-border": "none",
95
- "--f-expandable-panel-heading-border-close": "none",
96
- "--f-expandable-panel-heading-border-open": "none",
97
- "--f-expandable-panel-heading-border-radius": "4px 4px 0 0",
98
86
  "--f-label-message-margin-top": "0.25rem",
99
87
  "--f-button-shadow": "0 1px 3px rgba(0,0,0,.3)",
100
88
  "--f-button-shadow-hover": "0 1px 3px rgba(0,0,0,.3)",
@@ -219,6 +207,6 @@ const value = {
219
207
  "--fkds-color-select-background-secondary-hover": "#dbe9e2",
220
208
  "--fkds-color-select-background-secondary-active": "#dbe9e2",
221
209
  "--fkds-color-select-background-secondary-focus": "#dbe9e2",
222
- "--fkui-theme-default-version": "\"6.27.0\""
210
+ "--fkui-theme-default-version": "\"6.29.0\""
223
211
  };
224
212
  module.exports = value;
package/dist/theme-auto.css CHANGED
@@ -13,23 +13,16 @@
13
13
  --f-text-color-heading-4:inherit;
14
14
  --f-text-color-heading-5:inherit;
15
15
  --f-text-color-heading-6:inherit;
16
- --f-text-color-heading-expandable-panel:#fff;
17
16
  --f-text-color-menu:#1b1e23;
18
17
  --f-text-color-menu-hover:#1b1e23;
19
18
  --f-text-color-menu-horizontal-highlight:#1b1e23;
20
19
  --f-text-color-popupmenu:#1b1e23;
21
20
  --f-text-color-popupmenu-hover:#1b1e23;
22
- --f-icon-color-white:#fff;
23
21
  --f-icon-color-success:#35805b;
24
- --f-icon-color-notice:#d34503;
25
- --f-icon-color-expandable-panel:#fff;
26
22
  --f-icon-color-success-background:#dbe9e2;
27
23
  --f-background-overlay:rgba(0,0,0,.75);
28
24
  --f-background-pageheader-primary:#116a3e;
29
25
  --f-background-skiplink-focus:#f5f6fa;
30
- --f-background-heading-expandable-panel:#116a3e;
31
- --f-background-heading-expandable-panel-hover:#35805b;
32
- --f-background-expandable-panel:#fff;
33
26
  --f-background-heading-static-panel:#afcfb5;
34
27
  --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
35
28
  --f-background-menu:#f4f4f4;
@@ -39,7 +32,6 @@
39
32
  --f-background-popupmenu-vertical-hover:#ddddde;
40
33
  --f-background-popupmenu-vertical-highlight:#e7f0e9;
41
34
  --f-border-color-panel:#e7f0e9;
42
- --f-border-color-expandable-panel:#116a3e;
43
35
  --f-border-color-static-panel:#afcfb5;
44
36
  --f-border-color-separator:#ddddde;
45
37
  --f-border-color-separator-pageheader-primary:#fff;
@@ -48,7 +40,6 @@
48
40
  --f-border-color-link-hover:#8d8e91;
49
41
  --f-border-color-link-discrete:#8d8e91;
50
42
  --f-border-color-link-discrete-hover:#4a52b6;
51
- --f-border-color-expandable-panel-closed:none;
52
43
  --f-border-color-menu-horizontal:#116a3e;
53
44
  --f-border-color-menu-horizontal-hover:#afcfb5;
54
45
  --f-border-color-menu-horizontal-highlight:#116a3e;
@@ -96,9 +87,6 @@
96
87
  --f-animation-expand-close:all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
97
88
  --f-density-factor:1;
98
89
  --f-static-panel-heading-border:none;
99
- --f-expandable-panel-heading-border-close:none;
100
- --f-expandable-panel-heading-border-open:none;
101
- --f-expandable-panel-heading-border-radius:4px 4px 0 0;
102
90
  --f-label-message-margin-top:0.25rem;
103
91
  --f-button-shadow:0 1px 3px rgba(0,0,0,.3);
104
92
  --f-button-shadow-hover:0 1px 3px rgba(0,0,0,.3);
@@ -223,7 +211,7 @@
223
211
  --fkds-color-select-background-secondary-hover:#dbe9e2;
224
212
  --fkds-color-select-background-secondary-active:#dbe9e2;
225
213
  --fkds-color-select-background-secondary-focus:#dbe9e2;
226
- --fkui-theme-default-version:"6.27.0";
214
+ --fkui-theme-default-version:"6.29.0";
227
215
  }
228
216
  }
229
217
  @media (prefers-color-scheme:dark){
@@ -238,23 +226,16 @@
238
226
  --f-text-color-heading-4:inherit;
239
227
  --f-text-color-heading-5:inherit;
240
228
  --f-text-color-heading-6:inherit;
241
- --f-text-color-heading-expandable-panel:#fff;
242
229
  --f-text-color-menu:#1b1e23;
243
230
  --f-text-color-menu-hover:#1b1e23;
244
231
  --f-text-color-menu-horizontal-highlight:#1b1e23;
245
232
  --f-text-color-popupmenu:#1b1e23;
246
233
  --f-text-color-popupmenu-hover:#1b1e23;
247
- --f-icon-color-white:#fff;
248
234
  --f-icon-color-success:#35805b;
249
- --f-icon-color-notice:#d34503;
250
- --f-icon-color-expandable-panel:#fff;
251
235
  --f-icon-color-success-background:#dbe9e2;
252
236
  --f-background-overlay:rgba(0,0,0,.75);
253
237
  --f-background-pageheader-primary:#116a3e;
254
238
  --f-background-skiplink-focus:#f5f6fa;
255
- --f-background-heading-expandable-panel:#116a3e;
256
- --f-background-heading-expandable-panel-hover:#35805b;
257
- --f-background-expandable-panel:#fff;
258
239
  --f-background-heading-static-panel:#afcfb5;
259
240
  --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
260
241
  --f-background-menu:#f4f4f4;
@@ -264,7 +245,6 @@
264
245
  --f-background-popupmenu-vertical-hover:#ddddde;
265
246
  --f-background-popupmenu-vertical-highlight:#e7f0e9;
266
247
  --f-border-color-panel:#e7f0e9;
267
- --f-border-color-expandable-panel:#116a3e;
268
248
  --f-border-color-static-panel:#afcfb5;
269
249
  --f-border-color-separator:#ddddde;
270
250
  --f-border-color-separator-pageheader-primary:#fff;
@@ -273,7 +253,6 @@
273
253
  --f-border-color-link-hover:#8d8e91;
274
254
  --f-border-color-link-discrete:#8d8e91;
275
255
  --f-border-color-link-discrete-hover:#4a52b6;
276
- --f-border-color-expandable-panel-closed:none;
277
256
  --f-border-color-menu-horizontal:#116a3e;
278
257
  --f-border-color-menu-horizontal-hover:#afcfb5;
279
258
  --f-border-color-menu-horizontal-highlight:#116a3e;
@@ -321,9 +300,6 @@
321
300
  --f-animation-expand-close:all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
322
301
  --f-density-factor:1;
323
302
  --f-static-panel-heading-border:none;
324
- --f-expandable-panel-heading-border-close:none;
325
- --f-expandable-panel-heading-border-open:none;
326
- --f-expandable-panel-heading-border-radius:4px 4px 0 0;
327
303
  --f-label-message-margin-top:0.25rem;
328
304
  --f-button-shadow:0 1px 3px rgba(0,0,0,.3);
329
305
  --f-button-shadow-hover:0 1px 3px rgba(0,0,0,.3);
@@ -448,9 +424,9 @@
448
424
  --fkds-color-select-background-secondary-hover:#35805b;
449
425
  --fkds-color-select-background-secondary-active:#35805b;
450
426
  --fkds-color-select-background-secondary-focus:#35805b;
451
- --fkui-theme-default-version:"6.27.0";
427
+ --fkui-theme-default-version:"6.29.0";
452
428
  }
453
429
  }
454
430
  :root{
455
- --fkui-theme-default-version:"6.27.0";
431
+ --fkui-theme-default-version:"6.29.0";
456
432
  }
package/dist/theme-auto.js CHANGED
@@ -1,4 +1,4 @@
1
1
  const value = {
2
- "--fkui-theme-default-version": "\"6.27.0\""
2
+ "--fkui-theme-default-version": "\"6.29.0\""
3
3
  };
4
4
  module.exports = value;
package/dist/theme-dark.css CHANGED
@@ -9,23 +9,16 @@
9
9
  --f-text-color-heading-4:inherit;
10
10
  --f-text-color-heading-5:inherit;
11
11
  --f-text-color-heading-6:inherit;
12
- --f-text-color-heading-expandable-panel:#fff;
13
12
  --f-text-color-menu:#1b1e23;
14
13
  --f-text-color-menu-hover:#1b1e23;
15
14
  --f-text-color-menu-horizontal-highlight:#1b1e23;
16
15
  --f-text-color-popupmenu:#1b1e23;
17
16
  --f-text-color-popupmenu-hover:#1b1e23;
18
- --f-icon-color-white:#fff;
19
17
  --f-icon-color-success:#35805b;
20
- --f-icon-color-notice:#d34503;
21
- --f-icon-color-expandable-panel:#fff;
22
18
  --f-icon-color-success-background:#dbe9e2;
23
19
  --f-background-overlay:rgba(0,0,0,.75);
24
20
  --f-background-pageheader-primary:#116a3e;
25
21
  --f-background-skiplink-focus:#f5f6fa;
26
- --f-background-heading-expandable-panel:#116a3e;
27
- --f-background-heading-expandable-panel-hover:#35805b;
28
- --f-background-expandable-panel:#fff;
29
22
  --f-background-heading-static-panel:#afcfb5;
30
23
  --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
31
24
  --f-background-menu:#f4f4f4;
@@ -35,7 +28,6 @@
35
28
  --f-background-popupmenu-vertical-hover:#ddddde;
36
29
  --f-background-popupmenu-vertical-highlight:#e7f0e9;
37
30
  --f-border-color-panel:#e7f0e9;
38
- --f-border-color-expandable-panel:#116a3e;
39
31
  --f-border-color-static-panel:#afcfb5;
40
32
  --f-border-color-separator:#ddddde;
41
33
  --f-border-color-separator-pageheader-primary:#fff;
@@ -44,7 +36,6 @@
44
36
  --f-border-color-link-hover:#8d8e91;
45
37
  --f-border-color-link-discrete:#8d8e91;
46
38
  --f-border-color-link-discrete-hover:#4a52b6;
47
- --f-border-color-expandable-panel-closed:none;
48
39
  --f-border-color-menu-horizontal:#116a3e;
49
40
  --f-border-color-menu-horizontal-hover:#afcfb5;
50
41
  --f-border-color-menu-horizontal-highlight:#116a3e;
@@ -92,9 +83,6 @@
92
83
  --f-animation-expand-close:all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
93
84
  --f-density-factor:1;
94
85
  --f-static-panel-heading-border:none;
95
- --f-expandable-panel-heading-border-close:none;
96
- --f-expandable-panel-heading-border-open:none;
97
- --f-expandable-panel-heading-border-radius:4px 4px 0 0;
98
86
  --f-label-message-margin-top:0.25rem;
99
87
  --f-button-shadow:0 1px 3px rgba(0,0,0,.3);
100
88
  --f-button-shadow-hover:0 1px 3px rgba(0,0,0,.3);
@@ -219,5 +207,5 @@
219
207
  --fkds-color-select-background-secondary-hover:#35805b;
220
208
  --fkds-color-select-background-secondary-active:#35805b;
221
209
  --fkds-color-select-background-secondary-focus:#35805b;
222
- --fkui-theme-default-version:"6.27.0";
210
+ --fkui-theme-default-version:"6.29.0";
223
211
  }
package/dist/theme-dark.js CHANGED
@@ -9,23 +9,16 @@ const value = {
9
9
  "--f-text-color-heading-4": "inherit",
10
10
  "--f-text-color-heading-5": "inherit",
11
11
  "--f-text-color-heading-6": "inherit",
12
- "--f-text-color-heading-expandable-panel": "#fff",
13
12
  "--f-text-color-menu": "#1b1e23",
14
13
  "--f-text-color-menu-hover": "#1b1e23",
15
14
  "--f-text-color-menu-horizontal-highlight": "#1b1e23",
16
15
  "--f-text-color-popupmenu": "#1b1e23",
17
16
  "--f-text-color-popupmenu-hover": "#1b1e23",
18
- "--f-icon-color-white": "#fff",
19
17
  "--f-icon-color-success": "#35805b",
20
- "--f-icon-color-notice": "#d34503",
21
- "--f-icon-color-expandable-panel": "#fff",
22
18
  "--f-icon-color-success-background": "#dbe9e2",
23
19
  "--f-background-overlay": "rgba(0,0,0,.75)",
24
20
  "--f-background-pageheader-primary": "#116a3e",
25
21
  "--f-background-skiplink-focus": "#f5f6fa",
26
- "--f-background-heading-expandable-panel": "#116a3e",
27
- "--f-background-heading-expandable-panel-hover": "#35805b",
28
- "--f-background-expandable-panel": "#fff",
29
22
  "--f-background-heading-static-panel": "#afcfb5",
30
23
  "--f-background-sidepanel-button-tertiary-hover": "#e5e5f5",
31
24
  "--f-background-menu": "#f4f4f4",
@@ -35,7 +28,6 @@ const value = {
35
28
  "--f-background-popupmenu-vertical-hover": "#ddddde",
36
29
  "--f-background-popupmenu-vertical-highlight": "#e7f0e9",
37
30
  "--f-border-color-panel": "#e7f0e9",
38
- "--f-border-color-expandable-panel": "#116a3e",
39
31
  "--f-border-color-static-panel": "#afcfb5",
40
32
  "--f-border-color-separator": "#ddddde",
41
33
  "--f-border-color-separator-pageheader-primary": "#fff",
@@ -44,7 +36,6 @@ const value = {
44
36
  "--f-border-color-link-hover": "#8d8e91",
45
37
  "--f-border-color-link-discrete": "#8d8e91",
46
38
  "--f-border-color-link-discrete-hover": "#4a52b6",
47
- "--f-border-color-expandable-panel-closed": "none",
48
39
  "--f-border-color-menu-horizontal": "#116a3e",
49
40
  "--f-border-color-menu-horizontal-hover": "#afcfb5",
50
41
  "--f-border-color-menu-horizontal-highlight": "#116a3e",
@@ -92,9 +83,6 @@ const value = {
92
83
  "--f-animation-expand-close": "all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s",
93
84
  "--f-density-factor": "1",
94
85
  "--f-static-panel-heading-border": "none",
95
- "--f-expandable-panel-heading-border-close": "none",
96
- "--f-expandable-panel-heading-border-open": "none",
97
- "--f-expandable-panel-heading-border-radius": "4px 4px 0 0",
98
86
  "--f-label-message-margin-top": "0.25rem",
99
87
  "--f-button-shadow": "0 1px 3px rgba(0,0,0,.3)",
100
88
  "--f-button-shadow-hover": "0 1px 3px rgba(0,0,0,.3)",
@@ -219,6 +207,6 @@ const value = {
219
207
  "--fkds-color-select-background-secondary-hover": "#35805b",
220
208
  "--fkds-color-select-background-secondary-active": "#35805b",
221
209
  "--fkds-color-select-background-secondary-focus": "#35805b",
222
- "--fkui-theme-default-version": "\"6.27.0\""
210
+ "--fkui-theme-default-version": "\"6.29.0\""
223
211
  };
224
212
  module.exports = value;
package/dist/theme-light.css CHANGED
@@ -9,23 +9,16 @@
9
9
  --f-text-color-heading-4:inherit;
10
10
  --f-text-color-heading-5:inherit;
11
11
  --f-text-color-heading-6:inherit;
12
- --f-text-color-heading-expandable-panel:#fff;
13
12
  --f-text-color-menu:#1b1e23;
14
13
  --f-text-color-menu-hover:#1b1e23;
15
14
  --f-text-color-menu-horizontal-highlight:#1b1e23;
16
15
  --f-text-color-popupmenu:#1b1e23;
17
16
  --f-text-color-popupmenu-hover:#1b1e23;
18
- --f-icon-color-white:#fff;
19
17
  --f-icon-color-success:#35805b;
20
- --f-icon-color-notice:#d34503;
21
- --f-icon-color-expandable-panel:#fff;
22
18
  --f-icon-color-success-background:#dbe9e2;
23
19
  --f-background-overlay:rgba(0,0,0,.75);
24
20
  --f-background-pageheader-primary:#116a3e;
25
21
  --f-background-skiplink-focus:#f5f6fa;
26
- --f-background-heading-expandable-panel:#116a3e;
27
- --f-background-heading-expandable-panel-hover:#35805b;
28
- --f-background-expandable-panel:#fff;
29
22
  --f-background-heading-static-panel:#afcfb5;
30
23
  --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
31
24
  --f-background-menu:#f4f4f4;
@@ -35,7 +28,6 @@
35
28
  --f-background-popupmenu-vertical-hover:#ddddde;
36
29
  --f-background-popupmenu-vertical-highlight:#e7f0e9;
37
30
  --f-border-color-panel:#e7f0e9;
38
- --f-border-color-expandable-panel:#116a3e;
39
31
  --f-border-color-static-panel:#afcfb5;
40
32
  --f-border-color-separator:#ddddde;
41
33
  --f-border-color-separator-pageheader-primary:#fff;
@@ -44,7 +36,6 @@
44
36
  --f-border-color-link-hover:#8d8e91;
45
37
  --f-border-color-link-discrete:#8d8e91;
46
38
  --f-border-color-link-discrete-hover:#4a52b6;
47
- --f-border-color-expandable-panel-closed:none;
48
39
  --f-border-color-menu-horizontal:#116a3e;
49
40
  --f-border-color-menu-horizontal-hover:#afcfb5;
50
41
  --f-border-color-menu-horizontal-highlight:#116a3e;
@@ -92,9 +83,6 @@
92
83
  --f-animation-expand-close:all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
93
84
  --f-density-factor:1;
94
85
  --f-static-panel-heading-border:none;
95
- --f-expandable-panel-heading-border-close:none;
96
- --f-expandable-panel-heading-border-open:none;
97
- --f-expandable-panel-heading-border-radius:4px 4px 0 0;
98
86
  --f-label-message-margin-top:0.25rem;
99
87
  --f-button-shadow:0 1px 3px rgba(0,0,0,.3);
100
88
  --f-button-shadow-hover:0 1px 3px rgba(0,0,0,.3);
@@ -219,5 +207,5 @@
219
207
  --fkds-color-select-background-secondary-hover:#dbe9e2;
220
208
  --fkds-color-select-background-secondary-active:#dbe9e2;
221
209
  --fkds-color-select-background-secondary-focus:#dbe9e2;
222
- --fkui-theme-default-version:"6.27.0";
210
+ --fkui-theme-default-version:"6.29.0";
223
211
  }
package/dist/theme-light.js CHANGED
@@ -9,23 +9,16 @@ const value = {
9
9
  "--f-text-color-heading-4": "inherit",
10
10
  "--f-text-color-heading-5": "inherit",
11
11
  "--f-text-color-heading-6": "inherit",
12
- "--f-text-color-heading-expandable-panel": "#fff",
13
12
  "--f-text-color-menu": "#1b1e23",
14
13
  "--f-text-color-menu-hover": "#1b1e23",
15
14
  "--f-text-color-menu-horizontal-highlight": "#1b1e23",
16
15
  "--f-text-color-popupmenu": "#1b1e23",
17
16
  "--f-text-color-popupmenu-hover": "#1b1e23",
18
- "--f-icon-color-white": "#fff",
19
17
  "--f-icon-color-success": "#35805b",
20
- "--f-icon-color-notice": "#d34503",
21
- "--f-icon-color-expandable-panel": "#fff",
22
18
  "--f-icon-color-success-background": "#dbe9e2",
23
19
  "--f-background-overlay": "rgba(0,0,0,.75)",
24
20
  "--f-background-pageheader-primary": "#116a3e",
25
21
  "--f-background-skiplink-focus": "#f5f6fa",
26
- "--f-background-heading-expandable-panel": "#116a3e",
27
- "--f-background-heading-expandable-panel-hover": "#35805b",
28
- "--f-background-expandable-panel": "#fff",
29
22
  "--f-background-heading-static-panel": "#afcfb5",
30
23
  "--f-background-sidepanel-button-tertiary-hover": "#e5e5f5",
31
24
  "--f-background-menu": "#f4f4f4",
@@ -35,7 +28,6 @@ const value = {
35
28
  "--f-background-popupmenu-vertical-hover": "#ddddde",
36
29
  "--f-background-popupmenu-vertical-highlight": "#e7f0e9",
37
30
  "--f-border-color-panel": "#e7f0e9",
38
- "--f-border-color-expandable-panel": "#116a3e",
39
31
  "--f-border-color-static-panel": "#afcfb5",
40
32
  "--f-border-color-separator": "#ddddde",
41
33
  "--f-border-color-separator-pageheader-primary": "#fff",
@@ -44,7 +36,6 @@ const value = {
44
36
  "--f-border-color-link-hover": "#8d8e91",
45
37
  "--f-border-color-link-discrete": "#8d8e91",
46
38
  "--f-border-color-link-discrete-hover": "#4a52b6",
47
- "--f-border-color-expandable-panel-closed": "none",
48
39
  "--f-border-color-menu-horizontal": "#116a3e",
49
40
  "--f-border-color-menu-horizontal-hover": "#afcfb5",
50
41
  "--f-border-color-menu-horizontal-highlight": "#116a3e",
@@ -92,9 +83,6 @@ const value = {
92
83
  "--f-animation-expand-close": "all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s",
93
84
  "--f-density-factor": "1",
94
85
  "--f-static-panel-heading-border": "none",
95
- "--f-expandable-panel-heading-border-close": "none",
96
- "--f-expandable-panel-heading-border-open": "none",
97
- "--f-expandable-panel-heading-border-radius": "4px 4px 0 0",
98
86
  "--f-label-message-margin-top": "0.25rem",
99
87
  "--f-button-shadow": "0 1px 3px rgba(0,0,0,.3)",
100
88
  "--f-button-shadow-hover": "0 1px 3px rgba(0,0,0,.3)",
@@ -219,6 +207,6 @@ const value = {
219
207
  "--fkds-color-select-background-secondary-hover": "#dbe9e2",
220
208
  "--fkds-color-select-background-secondary-active": "#dbe9e2",
221
209
  "--fkds-color-select-background-secondary-focus": "#dbe9e2",
222
- "--fkui-theme-default-version": "\"6.27.0\""
210
+ "--fkui-theme-default-version": "\"6.29.0\""
223
211
  };
224
212
  module.exports = value;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fkui/theme-default",
3
- "version": "6.27.0",
3
+ "version": "6.29.0",
4
4
  "description": "FK Themes",
5
5
  "keywords": [
6
6
  "fkui",
@@ -32,12 +32,12 @@
32
32
  "prepack": "npm run build"
33
33
  },
34
34
  "devDependencies": {
35
- "@fkui/theme-builder": "6.27.0"
35
+ "@fkui/theme-builder": "6.29.0"
36
36
  },
37
37
  "engines": {
38
38
  "node": ">= 20",
39
39
  "npm": ">= 7"
40
40
  },
41
41
  "sass": "./src/_default.scss",
42
- "gitHead": "1634a325b0102a6aa74fee4b8767d9236a958b31"
42
+ "gitHead": "7152e2e334db2e8ef15828227b7a244bb5e52bc7"
43
43
  }
package/src/_version.scss CHANGED
@@ -1,2 +1,2 @@
1
1
  // This is a generated file. See @fkui/theme-builder
2
- $version: "6.27.0";
2
+ $version: "6.29.0";
package/src/fkui-css-variables-deprecated.scss CHANGED
@@ -352,7 +352,7 @@ $palette-color-hav-20: #dbe0ec !default;
352
352
  // Deprecated since v6.24.0
353
353
  --f-icon-color-expandable-paragraph: #{$palette-color-green-a-85};
354
354
 
355
- // Deprecated since %version
355
+ // Deprecated since v6.25.0
356
356
  --f-text-color-default: #{$palette-color-fk-black-100};
357
357
  --f-text-color-default-inverted: #{$palette-color-white-100};
358
358
  --f-text-color-discrete: #{$palette-color-fk-black-70};
@@ -378,6 +378,20 @@ $palette-color-hav-20: #dbe0ec !default;
378
378
  --f-background-tab-active: #{$palette-color-white-100};
379
379
  --f-background-tab-inactive: #{$palette-color-bluebell-5};
380
380
  --f-background-button-discrete-hover: none;
381
+
382
+ // Deprecated since v6.28.0
383
+ --f-icon-color-white: #{$palette-color-white-100};
384
+ --f-icon-color-notice: #{$palette-color-tegel-100};
385
+ --f-icon-color-expandable-panel: #{$palette-color-white-100};
386
+ --f-text-color-heading-expandable-panel: #{$palette-color-white-100};
387
+ --f-background-expandable-panel: #{$palette-color-white-100};
388
+ --f-background-heading-expandable-panel: #{$palette-color-green-a-100};
389
+ --f-background-heading-expandable-panel-hover: #{$palette-color-green-a-85};
390
+ --f-border-color-expandable-panel: #{$palette-color-green-a-100};
391
+ --f-border-color-expandable-panel-closed: none;
392
+ --f-expandable-panel-heading-border-open: none;
393
+ --f-expandable-panel-heading-border-close: none;
394
+ --f-expandable-panel-heading-border-radius: 4px 4px 0 0;
381
395
  }
382
396
 
383
397
  @if $global {
package/src/shared/_index.scss CHANGED
@@ -19,8 +19,6 @@
19
19
  --f-text-color-heading-5: inherit;
20
20
  --f-text-color-heading-6: inherit;
21
21
 
22
- --f-text-color-heading-expandable-panel: #{$palette-color-white-100};
23
-
24
22
  --f-text-color-menu: #{$palette-color-fk-black-100};
25
23
  --f-text-color-menu-hover: #{$palette-color-fk-black-100};
26
24
  --f-text-color-menu-horizontal-highlight: #{$palette-color-fk-black-100};
@@ -31,12 +29,7 @@
31
29
  // ***********
32
30
  // ICON COLORS
33
31
  // ***********
34
- --f-icon-color-white: #{$palette-color-white-100}; // global
35
-
36
32
  --f-icon-color-success: #{$palette-color-green-a-85}; // message-box, text-field, form-step
37
- --f-icon-color-notice: #{$palette-color-tegel-100}; // expandable-panel
38
-
39
- --f-icon-color-expandable-panel: #{$palette-color-white-100};
40
33
 
41
34
  --f-icon-color-success-background: #{$palette-color-green-a-15};
42
35
 
@@ -47,9 +40,6 @@
47
40
 
48
41
  --f-background-pageheader-primary: #{$palette-color-green-a-100}; // page-header
49
42
  --f-background-skiplink-focus: #{$palette-color-bluebell-5};
50
- --f-background-heading-expandable-panel: #{$palette-color-green-a-100};
51
- --f-background-heading-expandable-panel-hover: #{$palette-color-green-a-85};
52
- --f-background-expandable-panel: #{$palette-color-white-100};
53
43
  --f-background-heading-static-panel: #{$palette-color-green-b-50};
54
44
 
55
45
  --f-background-sidepanel-button-tertiary-hover: #{$palette-color-bluebell-15}; // FLeftPanel and FRightPanel
@@ -67,7 +57,6 @@
67
57
  // *************
68
58
 
69
59
  --f-border-color-panel: #{$palette-color-green-b-15}; // expandable-panel, static-panel palettfärg!?
70
- --f-border-color-expandable-panel: #{$palette-color-green-a-100};
71
60
  --f-border-color-static-panel: #{$palette-color-green-b-50};
72
61
 
73
62
  --f-border-color-separator: #{$palette-color-fk-black-15}; // radio-button-group, file-item, expandable-paragraph
@@ -78,8 +67,6 @@
78
67
  --f-border-color-link-discrete: #{$palette-color-fk-black-50};
79
68
  --f-border-color-link-discrete-hover: #{$palette-color-bluebell-100};
80
69
 
81
- --f-border-color-expandable-panel-closed: none;
82
-
83
70
  --f-border-color-menu-horizontal: #{$palette-color-green-a-100};
84
71
  --f-border-color-menu-horizontal-hover: #{$palette-color-green-b-50};
85
72
  --f-border-color-menu-horizontal-highlight: #{$palette-color-green-a-100};
@@ -173,9 +160,6 @@
173
160
  // COMPONENT SPECIFIC VARIABLES
174
161
  // ****************************
175
162
  --f-static-panel-heading-border: none;
176
- --f-expandable-panel-heading-border-close: none;
177
- --f-expandable-panel-heading-border-open: none;
178
- --f-expandable-panel-heading-border-radius: #{$_f-border-radius-medium} #{$_f-border-radius-medium} 0 0;
179
163
  --f-label-message-margin-top: 0.25rem;
180
164
 
181
165
  $_f-button-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);