@fkui/theme-desktop 6.48.0 → 6.49.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 (9) hide show
  1. package/dist/metadata.mjs +28 -0
  2. package/dist/theme-auto.css +15 -11
  3. package/dist/theme-auto.js +1 -1
  4. package/dist/theme-dark.css +7 -5
  5. package/dist/theme-dark.js +7 -5
  6. package/dist/theme-light.css +7 -5
  7. package/dist/theme-light.js +7 -5
  8. package/package.json +4 -4
  9. package/src/_version.scss +1 -1
package/dist/metadata.mjs CHANGED
@@ -1025,6 +1025,34 @@ export default {
1025
1025
  "palette": "fk-black-30"
1026
1026
  }
1027
1027
  }
1028
+ },
1029
+ {
1030
+ "name": "--fkds-focus-indicator-color",
1031
+ "comment": null,
1032
+ "values": {
1033
+ "light": {
1034
+ "value": "#1b1e23",
1035
+ "palette": "fk-black-100"
1036
+ },
1037
+ "dark": {
1038
+ "value": "#fff",
1039
+ "palette": null
1040
+ }
1041
+ }
1042
+ },
1043
+ {
1044
+ "name": "--fkds-focus-indicator-color-background",
1045
+ "comment": null,
1046
+ "values": {
1047
+ "light": {
1048
+ "value": "#fff",
1049
+ "palette": null
1050
+ },
1051
+ "dark": {
1052
+ "value": "#1b1e23",
1053
+ "palette": "fk-black-100"
1054
+ }
1055
+ }
1028
1056
  }
1029
1057
  ]
1030
1058
  }
package/dist/theme-auto.css CHANGED
@@ -9,7 +9,7 @@
9
9
  --f-icon-color-success:#35805b;
10
10
  --f-icon-color-success-background:#dbe9e2;
11
11
  --f-background-overlay:rgba(0,0,0,.75);
12
- --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
12
+ --f-background-sidepanel-button-tertiary-hover:var(--fkds-color-action-background-secondary-hover);
13
13
  --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
14
14
  --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
15
15
  --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
@@ -44,8 +44,8 @@
44
44
  --f-border-radius-medium:4px;
45
45
  --f-margin-component-bottom:1.5rem;
46
46
  --padding-input-fields:0 2.25rem 0 0.75rem;
47
- --f-color-focus:#1b1e23;
48
- --f-focus-box-shadow:0 0 0 2px #fff, 0 0 0 4px #1b1e23, 0 0 0 6px #fff;
47
+ --f-color-focus:var(--fkds-focus-indicator-color);
48
+ --f-focus-box-shadow:0 0 0 2px var(--fkds-focus-indicator-color-background), 0 0 0 4px var(--fkds-focus-indicator-color), 0 0 0 6px var(--fkds-focus-indicator-color-background);
49
49
  --f-animation-duration-short:150ms;
50
50
  --f-animation-duration-medium:350ms;
51
51
  --f-animation-duration-long:500ms;
@@ -179,7 +179,9 @@
179
179
  --fkds-color-navigation-background-selected:#35805b;
180
180
  --fkds-color-header-background-primary:#116a3e;
181
181
  --fkds-color-header-text-primary:#fff;
182
- --fkui-theme-default-version:"6.48.0";
182
+ --fkds-focus-indicator-color:#1b1e23;
183
+ --fkds-focus-indicator-color-background:#fff;
184
+ --fkui-theme-default-version:"6.49.0";
183
185
  }
184
186
  }
185
187
  @media (prefers-color-scheme:dark){
@@ -193,7 +195,7 @@
193
195
  --f-icon-color-success:#35805b;
194
196
  --f-icon-color-success-background:#dbe9e2;
195
197
  --f-background-overlay:rgba(0,0,0,.75);
196
- --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
198
+ --f-background-sidepanel-button-tertiary-hover:var(--fkds-color-action-background-secondary-hover);
197
199
  --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
198
200
  --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
199
201
  --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
@@ -228,8 +230,8 @@
228
230
  --f-border-radius-medium:4px;
229
231
  --f-margin-component-bottom:1.5rem;
230
232
  --padding-input-fields:0 2.25rem 0 0.75rem;
231
- --f-color-focus:#1b1e23;
232
- --f-focus-box-shadow:0 0 0 2px #fff, 0 0 0 4px #1b1e23, 0 0 0 6px #fff;
233
+ --f-color-focus:var(--fkds-focus-indicator-color);
234
+ --f-focus-box-shadow:0 0 0 2px var(--fkds-focus-indicator-color-background), 0 0 0 4px var(--fkds-focus-indicator-color), 0 0 0 6px var(--fkds-focus-indicator-color-background);
233
235
  --f-animation-duration-short:150ms;
234
236
  --f-animation-duration-medium:350ms;
235
237
  --f-animation-duration-long:500ms;
@@ -363,24 +365,26 @@
363
365
  --fkds-color-navigation-background-selected:#35805b;
364
366
  --fkds-color-header-background-primary:#35805b;
365
367
  --fkds-color-header-text-primary:#fff;
366
- --fkui-theme-default-version:"6.48.0";
368
+ --fkds-focus-indicator-color:#fff;
369
+ --fkds-focus-indicator-color-background:#1b1e23;
370
+ --fkui-theme-default-version:"6.49.0";
367
371
  }
368
372
  }
369
373
  :root{
370
- --fkui-theme-default-version:"6.48.0";
374
+ --fkui-theme-default-version:"6.49.0";
371
375
  color-scheme:light dark;
372
376
  }
373
377
  @media (prefers-color-scheme:light){
374
378
  :root{
375
379
  --f-font-size-default-rem:14px;
376
380
  --f-font-size-default-large-up-rem:14px;
377
- --fkui-theme-desktop-version:"6.48.0";
381
+ --fkui-theme-desktop-version:"6.49.0";
378
382
  }
379
383
  }
380
384
  @media (prefers-color-scheme:dark){
381
385
  :root{
382
386
  --f-font-size-default-rem:14px;
383
387
  --f-font-size-default-large-up-rem:14px;
384
- --fkui-theme-desktop-version:"6.48.0";
388
+ --fkui-theme-desktop-version:"6.49.0";
385
389
  }
386
390
  }
package/dist/theme-auto.js CHANGED
@@ -1,4 +1,4 @@
1
1
  const value = {
2
- "--fkui-theme-default-version": "\"6.48.0\""
2
+ "--fkui-theme-default-version": "\"6.49.0\""
3
3
  };
4
4
  module.exports = value;
package/dist/theme-dark.css CHANGED
@@ -8,7 +8,7 @@
8
8
  --f-icon-color-success:#35805b;
9
9
  --f-icon-color-success-background:#dbe9e2;
10
10
  --f-background-overlay:rgba(0,0,0,.75);
11
- --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
11
+ --f-background-sidepanel-button-tertiary-hover:var(--fkds-color-action-background-secondary-hover);
12
12
  --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
13
13
  --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
14
14
  --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
@@ -43,8 +43,8 @@
43
43
  --f-border-radius-medium:4px;
44
44
  --f-margin-component-bottom:1.5rem;
45
45
  --padding-input-fields:0 2.25rem 0 0.75rem;
46
- --f-color-focus:#1b1e23;
47
- --f-focus-box-shadow:0 0 0 2px #fff, 0 0 0 4px #1b1e23, 0 0 0 6px #fff;
46
+ --f-color-focus:var(--fkds-focus-indicator-color);
47
+ --f-focus-box-shadow:0 0 0 2px var(--fkds-focus-indicator-color-background), 0 0 0 4px var(--fkds-focus-indicator-color), 0 0 0 6px var(--fkds-focus-indicator-color-background);
48
48
  --f-animation-duration-short:150ms;
49
49
  --f-animation-duration-medium:350ms;
50
50
  --f-animation-duration-long:500ms;
@@ -178,8 +178,10 @@
178
178
  --fkds-color-navigation-background-selected:#35805b;
179
179
  --fkds-color-header-background-primary:#35805b;
180
180
  --fkds-color-header-text-primary:#fff;
181
- --fkui-theme-default-version:"6.48.0";
181
+ --fkds-focus-indicator-color:#fff;
182
+ --fkds-focus-indicator-color-background:#1b1e23;
183
+ --fkui-theme-default-version:"6.49.0";
182
184
  --f-font-size-default-rem:14px;
183
185
  --f-font-size-default-large-up-rem:14px;
184
- --fkui-theme-desktop-version:"6.48.0";
186
+ --fkui-theme-desktop-version:"6.49.0";
185
187
  }
package/dist/theme-dark.js CHANGED
@@ -8,7 +8,7 @@ const value = {
8
8
  "--f-icon-color-success": "#35805b",
9
9
  "--f-icon-color-success-background": "#dbe9e2",
10
10
  "--f-background-overlay": "rgba(0,0,0,.75)",
11
- "--f-background-sidepanel-button-tertiary-hover": "#e5e5f5",
11
+ "--f-background-sidepanel-button-tertiary-hover": "var(--fkds-color-action-background-secondary-hover)",
12
12
  "--f-box-modal-shadow": "0 0 20px rgba(0,0,0,.3)",
13
13
  "--f-input-shadow-inset": "inset 0 2px 3px rgba(0,0,0,.1)",
14
14
  "--f-font-family": "\"ExpFont\", \"NeueHass\", \"Helvetica Neue\", \"Helvetica\", \"Roboto\", \"Arial\", sans-serif",
@@ -43,8 +43,8 @@ const value = {
43
43
  "--f-border-radius-medium": "4px",
44
44
  "--f-margin-component-bottom": "1.5rem",
45
45
  "--padding-input-fields": "0 2.25rem 0 0.75rem",
46
- "--f-color-focus": "#1b1e23",
47
- "--f-focus-box-shadow": "0 0 0 2px #fff, 0 0 0 4px #1b1e23, 0 0 0 6px #fff",
46
+ "--f-color-focus": "var(--fkds-focus-indicator-color)",
47
+ "--f-focus-box-shadow": "0 0 0 2px var(--fkds-focus-indicator-color-background), 0 0 0 4px var(--fkds-focus-indicator-color), 0 0 0 6px var(--fkds-focus-indicator-color-background)",
48
48
  "--f-animation-duration-short": "150ms",
49
49
  "--f-animation-duration-medium": "350ms",
50
50
  "--f-animation-duration-long": "500ms",
@@ -178,7 +178,9 @@ const value = {
178
178
  "--fkds-color-navigation-background-selected": "#35805b",
179
179
  "--fkds-color-header-background-primary": "#35805b",
180
180
  "--fkds-color-header-text-primary": "#fff",
181
- "--fkui-theme-default-version": "\"6.48.0\"",
182
- "--fkui-theme-desktop-version": "\"6.48.0\""
181
+ "--fkds-focus-indicator-color": "#fff",
182
+ "--fkds-focus-indicator-color-background": "#1b1e23",
183
+ "--fkui-theme-default-version": "\"6.49.0\"",
184
+ "--fkui-theme-desktop-version": "\"6.49.0\""
183
185
  };
184
186
  module.exports = value;
package/dist/theme-light.css CHANGED
@@ -8,7 +8,7 @@
8
8
  --f-icon-color-success:#35805b;
9
9
  --f-icon-color-success-background:#dbe9e2;
10
10
  --f-background-overlay:rgba(0,0,0,.75);
11
- --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
11
+ --f-background-sidepanel-button-tertiary-hover:var(--fkds-color-action-background-secondary-hover);
12
12
  --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
13
13
  --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
14
14
  --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
@@ -43,8 +43,8 @@
43
43
  --f-border-radius-medium:4px;
44
44
  --f-margin-component-bottom:1.5rem;
45
45
  --padding-input-fields:0 2.25rem 0 0.75rem;
46
- --f-color-focus:#1b1e23;
47
- --f-focus-box-shadow:0 0 0 2px #fff, 0 0 0 4px #1b1e23, 0 0 0 6px #fff;
46
+ --f-color-focus:var(--fkds-focus-indicator-color);
47
+ --f-focus-box-shadow:0 0 0 2px var(--fkds-focus-indicator-color-background), 0 0 0 4px var(--fkds-focus-indicator-color), 0 0 0 6px var(--fkds-focus-indicator-color-background);
48
48
  --f-animation-duration-short:150ms;
49
49
  --f-animation-duration-medium:350ms;
50
50
  --f-animation-duration-long:500ms;
@@ -178,8 +178,10 @@
178
178
  --fkds-color-navigation-background-selected:#35805b;
179
179
  --fkds-color-header-background-primary:#116a3e;
180
180
  --fkds-color-header-text-primary:#fff;
181
- --fkui-theme-default-version:"6.48.0";
181
+ --fkds-focus-indicator-color:#1b1e23;
182
+ --fkds-focus-indicator-color-background:#fff;
183
+ --fkui-theme-default-version:"6.49.0";
182
184
  --f-font-size-default-rem:14px;
183
185
  --f-font-size-default-large-up-rem:14px;
184
- --fkui-theme-desktop-version:"6.48.0";
186
+ --fkui-theme-desktop-version:"6.49.0";
185
187
  }
package/dist/theme-light.js CHANGED
@@ -8,7 +8,7 @@ const value = {
8
8
  "--f-icon-color-success": "#35805b",
9
9
  "--f-icon-color-success-background": "#dbe9e2",
10
10
  "--f-background-overlay": "rgba(0,0,0,.75)",
11
- "--f-background-sidepanel-button-tertiary-hover": "#e5e5f5",
11
+ "--f-background-sidepanel-button-tertiary-hover": "var(--fkds-color-action-background-secondary-hover)",
12
12
  "--f-box-modal-shadow": "0 0 20px rgba(0,0,0,.3)",
13
13
  "--f-input-shadow-inset": "inset 0 2px 3px rgba(0,0,0,.1)",
14
14
  "--f-font-family": "\"ExpFont\", \"NeueHass\", \"Helvetica Neue\", \"Helvetica\", \"Roboto\", \"Arial\", sans-serif",
@@ -43,8 +43,8 @@ const value = {
43
43
  "--f-border-radius-medium": "4px",
44
44
  "--f-margin-component-bottom": "1.5rem",
45
45
  "--padding-input-fields": "0 2.25rem 0 0.75rem",
46
- "--f-color-focus": "#1b1e23",
47
- "--f-focus-box-shadow": "0 0 0 2px #fff, 0 0 0 4px #1b1e23, 0 0 0 6px #fff",
46
+ "--f-color-focus": "var(--fkds-focus-indicator-color)",
47
+ "--f-focus-box-shadow": "0 0 0 2px var(--fkds-focus-indicator-color-background), 0 0 0 4px var(--fkds-focus-indicator-color), 0 0 0 6px var(--fkds-focus-indicator-color-background)",
48
48
  "--f-animation-duration-short": "150ms",
49
49
  "--f-animation-duration-medium": "350ms",
50
50
  "--f-animation-duration-long": "500ms",
@@ -178,7 +178,9 @@ const value = {
178
178
  "--fkds-color-navigation-background-selected": "#35805b",
179
179
  "--fkds-color-header-background-primary": "#116a3e",
180
180
  "--fkds-color-header-text-primary": "#fff",
181
- "--fkui-theme-default-version": "\"6.48.0\"",
182
- "--fkui-theme-desktop-version": "\"6.48.0\""
181
+ "--fkds-focus-indicator-color": "#1b1e23",
182
+ "--fkds-focus-indicator-color-background": "#fff",
183
+ "--fkui-theme-default-version": "\"6.49.0\"",
184
+ "--fkui-theme-desktop-version": "\"6.49.0\""
183
185
  };
184
186
  module.exports = value;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fkui/theme-desktop",
3
- "version": "6.48.0",
3
+ "version": "6.49.0",
4
4
  "description": "FK Themes",
5
5
  "keywords": [
6
6
  "fkui",
@@ -32,15 +32,15 @@
32
32
  "prepack": "npm run build"
33
33
  },
34
34
  "dependencies": {
35
- "@fkui/theme-default": "6.48.0"
35
+ "@fkui/theme-default": "6.49.0"
36
36
  },
37
37
  "devDependencies": {
38
- "@fkui/theme-builder": "6.48.0"
38
+ "@fkui/theme-builder": "6.49.0"
39
39
  },
40
40
  "engines": {
41
41
  "node": "^22.16 || >= 24",
42
42
  "npm": ">= 7"
43
43
  },
44
44
  "sass": "./src/_default.scss",
45
- "gitHead": "c56d2ac3b571ff60adca38be6f9fcea968485389"
45
+ "gitHead": "898025dacd95f7c1aba2e08de8f9f36ee148b62e"
46
46
  }
package/src/_version.scss CHANGED
@@ -1,2 +1,2 @@
1
1
  // This is a generated file. See @fkui/theme-builder
2
- $version: "6.48.0";
2
+ $version: "6.49.0";