@fkui/theme-desktop 6.48.0 → 6.49.1

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 -17
  3. package/dist/theme-auto.js +1 -1
  4. package/dist/theme-dark.css +7 -8
  5. package/dist/theme-dark.js +7 -8
  6. package/dist/theme-light.css +7 -8
  7. package/dist/theme-light.js +7 -8
  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
@@ -6,10 +6,8 @@
6
6
  --f-text-color-heading-4:inherit;
7
7
  --f-text-color-heading-5:inherit;
8
8
  --f-text-color-heading-6:inherit;
9
- --f-icon-color-success:#35805b;
10
- --f-icon-color-success-background:#dbe9e2;
11
9
  --f-background-overlay:rgba(0,0,0,.75);
12
- --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
10
+ --f-background-sidepanel-button-tertiary-hover:var(--fkds-color-action-background-secondary-hover);
13
11
  --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
14
12
  --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
15
13
  --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
@@ -44,8 +42,8 @@
44
42
  --f-border-radius-medium:4px;
45
43
  --f-margin-component-bottom:1.5rem;
46
44
  --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;
45
+ --f-color-focus:var(--fkds-focus-indicator-color);
46
+ --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
47
  --f-animation-duration-short:150ms;
50
48
  --f-animation-duration-medium:350ms;
51
49
  --f-animation-duration-long:500ms;
@@ -89,7 +87,6 @@
89
87
  --f-modal-size-fullwidth:100%;
90
88
  --f-modal-title-font-size:1.25rem;
91
89
  --f-tooltip-close-button-margin:0.375rem 0.375rem 0.625rem 0.625rem;
92
- --f-tooltip-border-color:#8d8e91;
93
90
  --f-tooltip-border-width:var(--f-border-width-medium);
94
91
  --f-loader-size:4rem;
95
92
  --f-loader-margin:0 auto 3rem auto;
@@ -179,7 +176,9 @@
179
176
  --fkds-color-navigation-background-selected:#35805b;
180
177
  --fkds-color-header-background-primary:#116a3e;
181
178
  --fkds-color-header-text-primary:#fff;
182
- --fkui-theme-default-version:"6.48.0";
179
+ --fkds-focus-indicator-color:#1b1e23;
180
+ --fkds-focus-indicator-color-background:#fff;
181
+ --fkui-theme-default-version:"6.49.1";
183
182
  }
184
183
  }
185
184
  @media (prefers-color-scheme:dark){
@@ -190,10 +189,8 @@
190
189
  --f-text-color-heading-4:inherit;
191
190
  --f-text-color-heading-5:inherit;
192
191
  --f-text-color-heading-6:inherit;
193
- --f-icon-color-success:#35805b;
194
- --f-icon-color-success-background:#dbe9e2;
195
192
  --f-background-overlay:rgba(0,0,0,.75);
196
- --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
193
+ --f-background-sidepanel-button-tertiary-hover:var(--fkds-color-action-background-secondary-hover);
197
194
  --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
198
195
  --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
199
196
  --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
@@ -228,8 +225,8 @@
228
225
  --f-border-radius-medium:4px;
229
226
  --f-margin-component-bottom:1.5rem;
230
227
  --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;
228
+ --f-color-focus:var(--fkds-focus-indicator-color);
229
+ --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
230
  --f-animation-duration-short:150ms;
234
231
  --f-animation-duration-medium:350ms;
235
232
  --f-animation-duration-long:500ms;
@@ -273,7 +270,6 @@
273
270
  --f-modal-size-fullwidth:100%;
274
271
  --f-modal-title-font-size:1.25rem;
275
272
  --f-tooltip-close-button-margin:0.375rem 0.375rem 0.625rem 0.625rem;
276
- --f-tooltip-border-color:#8d8e91;
277
273
  --f-tooltip-border-width:var(--f-border-width-medium);
278
274
  --f-loader-size:4rem;
279
275
  --f-loader-margin:0 auto 3rem auto;
@@ -363,24 +359,26 @@
363
359
  --fkds-color-navigation-background-selected:#35805b;
364
360
  --fkds-color-header-background-primary:#35805b;
365
361
  --fkds-color-header-text-primary:#fff;
366
- --fkui-theme-default-version:"6.48.0";
362
+ --fkds-focus-indicator-color:#fff;
363
+ --fkds-focus-indicator-color-background:#1b1e23;
364
+ --fkui-theme-default-version:"6.49.1";
367
365
  }
368
366
  }
369
367
  :root{
370
- --fkui-theme-default-version:"6.48.0";
368
+ --fkui-theme-default-version:"6.49.1";
371
369
  color-scheme:light dark;
372
370
  }
373
371
  @media (prefers-color-scheme:light){
374
372
  :root{
375
373
  --f-font-size-default-rem:14px;
376
374
  --f-font-size-default-large-up-rem:14px;
377
- --fkui-theme-desktop-version:"6.48.0";
375
+ --fkui-theme-desktop-version:"6.49.1";
378
376
  }
379
377
  }
380
378
  @media (prefers-color-scheme:dark){
381
379
  :root{
382
380
  --f-font-size-default-rem:14px;
383
381
  --f-font-size-default-large-up-rem:14px;
384
- --fkui-theme-desktop-version:"6.48.0";
382
+ --fkui-theme-desktop-version:"6.49.1";
385
383
  }
386
384
  }
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.1\""
3
3
  };
4
4
  module.exports = value;
package/dist/theme-dark.css CHANGED
@@ -5,10 +5,8 @@
5
5
  --f-text-color-heading-4:inherit;
6
6
  --f-text-color-heading-5:inherit;
7
7
  --f-text-color-heading-6:inherit;
8
- --f-icon-color-success:#35805b;
9
- --f-icon-color-success-background:#dbe9e2;
10
8
  --f-background-overlay:rgba(0,0,0,.75);
11
- --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
9
+ --f-background-sidepanel-button-tertiary-hover:var(--fkds-color-action-background-secondary-hover);
12
10
  --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
13
11
  --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
14
12
  --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
@@ -43,8 +41,8 @@
43
41
  --f-border-radius-medium:4px;
44
42
  --f-margin-component-bottom:1.5rem;
45
43
  --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;
44
+ --f-color-focus:var(--fkds-focus-indicator-color);
45
+ --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
46
  --f-animation-duration-short:150ms;
49
47
  --f-animation-duration-medium:350ms;
50
48
  --f-animation-duration-long:500ms;
@@ -88,7 +86,6 @@
88
86
  --f-modal-size-fullwidth:100%;
89
87
  --f-modal-title-font-size:1.25rem;
90
88
  --f-tooltip-close-button-margin:0.375rem 0.375rem 0.625rem 0.625rem;
91
- --f-tooltip-border-color:#8d8e91;
92
89
  --f-tooltip-border-width:var(--f-border-width-medium);
93
90
  --f-loader-size:4rem;
94
91
  --f-loader-margin:0 auto 3rem auto;
@@ -178,8 +175,10 @@
178
175
  --fkds-color-navigation-background-selected:#35805b;
179
176
  --fkds-color-header-background-primary:#35805b;
180
177
  --fkds-color-header-text-primary:#fff;
181
- --fkui-theme-default-version:"6.48.0";
178
+ --fkds-focus-indicator-color:#fff;
179
+ --fkds-focus-indicator-color-background:#1b1e23;
180
+ --fkui-theme-default-version:"6.49.1";
182
181
  --f-font-size-default-rem:14px;
183
182
  --f-font-size-default-large-up-rem:14px;
184
- --fkui-theme-desktop-version:"6.48.0";
183
+ --fkui-theme-desktop-version:"6.49.1";
185
184
  }
package/dist/theme-dark.js CHANGED
@@ -5,10 +5,8 @@ const value = {
5
5
  "--f-text-color-heading-4": "inherit",
6
6
  "--f-text-color-heading-5": "inherit",
7
7
  "--f-text-color-heading-6": "inherit",
8
- "--f-icon-color-success": "#35805b",
9
- "--f-icon-color-success-background": "#dbe9e2",
10
8
  "--f-background-overlay": "rgba(0,0,0,.75)",
11
- "--f-background-sidepanel-button-tertiary-hover": "#e5e5f5",
9
+ "--f-background-sidepanel-button-tertiary-hover": "var(--fkds-color-action-background-secondary-hover)",
12
10
  "--f-box-modal-shadow": "0 0 20px rgba(0,0,0,.3)",
13
11
  "--f-input-shadow-inset": "inset 0 2px 3px rgba(0,0,0,.1)",
14
12
  "--f-font-family": "\"ExpFont\", \"NeueHass\", \"Helvetica Neue\", \"Helvetica\", \"Roboto\", \"Arial\", sans-serif",
@@ -43,8 +41,8 @@ const value = {
43
41
  "--f-border-radius-medium": "4px",
44
42
  "--f-margin-component-bottom": "1.5rem",
45
43
  "--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",
44
+ "--f-color-focus": "var(--fkds-focus-indicator-color)",
45
+ "--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
46
  "--f-animation-duration-short": "150ms",
49
47
  "--f-animation-duration-medium": "350ms",
50
48
  "--f-animation-duration-long": "500ms",
@@ -88,7 +86,6 @@ const value = {
88
86
  "--f-modal-size-fullwidth": "100%",
89
87
  "--f-modal-title-font-size": "1.25rem",
90
88
  "--f-tooltip-close-button-margin": "0.375rem 0.375rem 0.625rem 0.625rem",
91
- "--f-tooltip-border-color": "#8d8e91",
92
89
  "--f-tooltip-border-width": "var(--f-border-width-medium)",
93
90
  "--f-loader-size": "4rem",
94
91
  "--f-loader-margin": "0 auto 3rem auto",
@@ -178,7 +175,9 @@ const value = {
178
175
  "--fkds-color-navigation-background-selected": "#35805b",
179
176
  "--fkds-color-header-background-primary": "#35805b",
180
177
  "--fkds-color-header-text-primary": "#fff",
181
- "--fkui-theme-default-version": "\"6.48.0\"",
182
- "--fkui-theme-desktop-version": "\"6.48.0\""
178
+ "--fkds-focus-indicator-color": "#fff",
179
+ "--fkds-focus-indicator-color-background": "#1b1e23",
180
+ "--fkui-theme-default-version": "\"6.49.1\"",
181
+ "--fkui-theme-desktop-version": "\"6.49.1\""
183
182
  };
184
183
  module.exports = value;
package/dist/theme-light.css CHANGED
@@ -5,10 +5,8 @@
5
5
  --f-text-color-heading-4:inherit;
6
6
  --f-text-color-heading-5:inherit;
7
7
  --f-text-color-heading-6:inherit;
8
- --f-icon-color-success:#35805b;
9
- --f-icon-color-success-background:#dbe9e2;
10
8
  --f-background-overlay:rgba(0,0,0,.75);
11
- --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
9
+ --f-background-sidepanel-button-tertiary-hover:var(--fkds-color-action-background-secondary-hover);
12
10
  --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
13
11
  --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
14
12
  --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
@@ -43,8 +41,8 @@
43
41
  --f-border-radius-medium:4px;
44
42
  --f-margin-component-bottom:1.5rem;
45
43
  --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;
44
+ --f-color-focus:var(--fkds-focus-indicator-color);
45
+ --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
46
  --f-animation-duration-short:150ms;
49
47
  --f-animation-duration-medium:350ms;
50
48
  --f-animation-duration-long:500ms;
@@ -88,7 +86,6 @@
88
86
  --f-modal-size-fullwidth:100%;
89
87
  --f-modal-title-font-size:1.25rem;
90
88
  --f-tooltip-close-button-margin:0.375rem 0.375rem 0.625rem 0.625rem;
91
- --f-tooltip-border-color:#8d8e91;
92
89
  --f-tooltip-border-width:var(--f-border-width-medium);
93
90
  --f-loader-size:4rem;
94
91
  --f-loader-margin:0 auto 3rem auto;
@@ -178,8 +175,10 @@
178
175
  --fkds-color-navigation-background-selected:#35805b;
179
176
  --fkds-color-header-background-primary:#116a3e;
180
177
  --fkds-color-header-text-primary:#fff;
181
- --fkui-theme-default-version:"6.48.0";
178
+ --fkds-focus-indicator-color:#1b1e23;
179
+ --fkds-focus-indicator-color-background:#fff;
180
+ --fkui-theme-default-version:"6.49.1";
182
181
  --f-font-size-default-rem:14px;
183
182
  --f-font-size-default-large-up-rem:14px;
184
- --fkui-theme-desktop-version:"6.48.0";
183
+ --fkui-theme-desktop-version:"6.49.1";
185
184
  }
package/dist/theme-light.js CHANGED
@@ -5,10 +5,8 @@ const value = {
5
5
  "--f-text-color-heading-4": "inherit",
6
6
  "--f-text-color-heading-5": "inherit",
7
7
  "--f-text-color-heading-6": "inherit",
8
- "--f-icon-color-success": "#35805b",
9
- "--f-icon-color-success-background": "#dbe9e2",
10
8
  "--f-background-overlay": "rgba(0,0,0,.75)",
11
- "--f-background-sidepanel-button-tertiary-hover": "#e5e5f5",
9
+ "--f-background-sidepanel-button-tertiary-hover": "var(--fkds-color-action-background-secondary-hover)",
12
10
  "--f-box-modal-shadow": "0 0 20px rgba(0,0,0,.3)",
13
11
  "--f-input-shadow-inset": "inset 0 2px 3px rgba(0,0,0,.1)",
14
12
  "--f-font-family": "\"ExpFont\", \"NeueHass\", \"Helvetica Neue\", \"Helvetica\", \"Roboto\", \"Arial\", sans-serif",
@@ -43,8 +41,8 @@ const value = {
43
41
  "--f-border-radius-medium": "4px",
44
42
  "--f-margin-component-bottom": "1.5rem",
45
43
  "--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",
44
+ "--f-color-focus": "var(--fkds-focus-indicator-color)",
45
+ "--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
46
  "--f-animation-duration-short": "150ms",
49
47
  "--f-animation-duration-medium": "350ms",
50
48
  "--f-animation-duration-long": "500ms",
@@ -88,7 +86,6 @@ const value = {
88
86
  "--f-modal-size-fullwidth": "100%",
89
87
  "--f-modal-title-font-size": "1.25rem",
90
88
  "--f-tooltip-close-button-margin": "0.375rem 0.375rem 0.625rem 0.625rem",
91
- "--f-tooltip-border-color": "#8d8e91",
92
89
  "--f-tooltip-border-width": "var(--f-border-width-medium)",
93
90
  "--f-loader-size": "4rem",
94
91
  "--f-loader-margin": "0 auto 3rem auto",
@@ -178,7 +175,9 @@ const value = {
178
175
  "--fkds-color-navigation-background-selected": "#35805b",
179
176
  "--fkds-color-header-background-primary": "#116a3e",
180
177
  "--fkds-color-header-text-primary": "#fff",
181
- "--fkui-theme-default-version": "\"6.48.0\"",
182
- "--fkui-theme-desktop-version": "\"6.48.0\""
178
+ "--fkds-focus-indicator-color": "#1b1e23",
179
+ "--fkds-focus-indicator-color-background": "#fff",
180
+ "--fkui-theme-default-version": "\"6.49.1\"",
181
+ "--fkui-theme-desktop-version": "\"6.49.1\""
183
182
  };
184
183
  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.1",
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.1"
36
36
  },
37
37
  "devDependencies": {
38
- "@fkui/theme-builder": "6.48.0"
38
+ "@fkui/theme-builder": "6.49.1"
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": "33a29c8c8f048389353574eaa04acd420ffbd994"
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.1";