@fkui/theme-default 6.37.0 → 6.39.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.css +7 -3
  2. package/dist/fkui-css-variables.js +7 -3
  3. package/dist/metadata.mjs +56 -0
  4. package/dist/theme-auto.css +15 -7
  5. package/dist/theme-auto.js +1 -1
  6. package/dist/theme-dark.css +7 -3
  7. package/dist/theme-dark.js +7 -3
  8. package/dist/theme-light.css +7 -3
  9. package/dist/theme-light.js +7 -3
  10. package/package.json +3 -3
  11. package/src/_version.scss +1 -1
  12. package/src/dark/_variables.scss +6 -0
  13. package/src/light/_variables.scss +6 -0
  14. package/src/shared/_index.scss +2 -2
package/dist/fkui-css-variables.css CHANGED
@@ -16,8 +16,8 @@
16
16
  --f-font-size-default-rem:16px;
17
17
  --f-font-size-default-large-up-rem:16px;
18
18
  --f-font-weight-normal:400;
19
- --f-font-weight-medium:700;
20
- --f-font-weight-bold:900;
19
+ --f-font-weight-medium:600;
20
+ --f-font-weight-bold:700;
21
21
  --f-line-height-small:1.25;
22
22
  --f-line-height-medium:1.4;
23
23
  --f-line-height-large:1.5;
@@ -176,11 +176,15 @@
176
176
  --fkds-color-select-background-secondary-hover:#dbe9e2;
177
177
  --fkds-color-select-background-secondary-active:#dbe9e2;
178
178
  --fkds-color-select-background-secondary-focus:#dbe9e2;
179
+ --fkds-color-interactive-surface-background-primary-default:#f4f4f4;
180
+ --fkds-color-interactive-surface-background-primary-hover:#ddddde;
181
+ --fkds-color-interactive-surface-background-primary-active:#ddddde;
182
+ --fkds-color-interactive-surface-background-primary-focus:#ddddde;
179
183
  --fkds-color-navigation-border-hover:#88b49f;
180
184
  --fkds-color-navigation-border-selected:#35805b;
181
185
  --fkds-color-navigation-background-hover:#dbe9e2;
182
186
  --fkds-color-navigation-background-selected:#35805b;
183
187
  --fkds-color-header-background-primary:#116a3e;
184
188
  --fkds-color-header-text-primary:#fff;
185
- --fkui-theme-default-version:"6.37.0";
189
+ --fkui-theme-default-version:"6.39.0";
186
190
  }
package/dist/fkui-css-variables.js CHANGED
@@ -16,8 +16,8 @@ const value = {
16
16
  "--f-font-size-default-rem": "16px",
17
17
  "--f-font-size-default-large-up-rem": "16px",
18
18
  "--f-font-weight-normal": "400",
19
- "--f-font-weight-medium": "700",
20
- "--f-font-weight-bold": "900",
19
+ "--f-font-weight-medium": "600",
20
+ "--f-font-weight-bold": "700",
21
21
  "--f-line-height-small": "1.25",
22
22
  "--f-line-height-medium": "1.4",
23
23
  "--f-line-height-large": "1.5",
@@ -176,12 +176,16 @@ const value = {
176
176
  "--fkds-color-select-background-secondary-hover": "#dbe9e2",
177
177
  "--fkds-color-select-background-secondary-active": "#dbe9e2",
178
178
  "--fkds-color-select-background-secondary-focus": "#dbe9e2",
179
+ "--fkds-color-interactive-surface-background-primary-default": "#f4f4f4",
180
+ "--fkds-color-interactive-surface-background-primary-hover": "#ddddde",
181
+ "--fkds-color-interactive-surface-background-primary-active": "#ddddde",
182
+ "--fkds-color-interactive-surface-background-primary-focus": "#ddddde",
179
183
  "--fkds-color-navigation-border-hover": "#88b49f",
180
184
  "--fkds-color-navigation-border-selected": "#35805b",
181
185
  "--fkds-color-navigation-background-hover": "#dbe9e2",
182
186
  "--fkds-color-navigation-background-selected": "#35805b",
183
187
  "--fkds-color-header-background-primary": "#116a3e",
184
188
  "--fkds-color-header-text-primary": "#fff",
185
- "--fkui-theme-default-version": "\"6.37.0\""
189
+ "--fkui-theme-default-version": "\"6.39.0\""
186
190
  };
187
191
  module.exports = value;
package/dist/metadata.mjs CHANGED
@@ -746,6 +746,62 @@ export default {
746
746
  }
747
747
  }
748
748
  },
749
+ {
750
+ "name": "--fkds-color-interactive-surface-background-primary-active",
751
+ "comment": null,
752
+ "values": {
753
+ "light": {
754
+ "value": "#ddddde",
755
+ "palette": "fk-black-15"
756
+ },
757
+ "dark": {
758
+ "value": "#5f6165",
759
+ "palette": "fk-black-70"
760
+ }
761
+ }
762
+ },
763
+ {
764
+ "name": "--fkds-color-interactive-surface-background-primary-default",
765
+ "comment": null,
766
+ "values": {
767
+ "light": {
768
+ "value": "#f4f4f4",
769
+ "palette": "fk-black-5"
770
+ },
771
+ "dark": {
772
+ "value": "#1b1e23",
773
+ "palette": "fk-black-100"
774
+ }
775
+ }
776
+ },
777
+ {
778
+ "name": "--fkds-color-interactive-surface-background-primary-focus",
779
+ "comment": null,
780
+ "values": {
781
+ "light": {
782
+ "value": "#ddddde",
783
+ "palette": "fk-black-15"
784
+ },
785
+ "dark": {
786
+ "value": "#5f6165",
787
+ "palette": "fk-black-70"
788
+ }
789
+ }
790
+ },
791
+ {
792
+ "name": "--fkds-color-interactive-surface-background-primary-hover",
793
+ "comment": null,
794
+ "values": {
795
+ "light": {
796
+ "value": "#ddddde",
797
+ "palette": "fk-black-15"
798
+ },
799
+ "dark": {
800
+ "value": "#5f6165",
801
+ "palette": "fk-black-70"
802
+ }
803
+ }
804
+ },
749
805
  {
750
806
  "name": "--fkds-color-navigation-background-hover",
751
807
  "comment": null,
package/dist/theme-auto.css CHANGED
@@ -20,8 +20,8 @@
20
20
  --f-font-size-default-rem:16px;
21
21
  --f-font-size-default-large-up-rem:16px;
22
22
  --f-font-weight-normal:400;
23
- --f-font-weight-medium:700;
24
- --f-font-weight-bold:900;
23
+ --f-font-weight-medium:600;
24
+ --f-font-weight-bold:700;
25
25
  --f-line-height-small:1.25;
26
26
  --f-line-height-medium:1.4;
27
27
  --f-line-height-large:1.5;
@@ -180,13 +180,17 @@
180
180
  --fkds-color-select-background-secondary-hover:#dbe9e2;
181
181
  --fkds-color-select-background-secondary-active:#dbe9e2;
182
182
  --fkds-color-select-background-secondary-focus:#dbe9e2;
183
+ --fkds-color-interactive-surface-background-primary-default:#f4f4f4;
184
+ --fkds-color-interactive-surface-background-primary-hover:#ddddde;
185
+ --fkds-color-interactive-surface-background-primary-active:#ddddde;
186
+ --fkds-color-interactive-surface-background-primary-focus:#ddddde;
183
187
  --fkds-color-navigation-border-hover:#88b49f;
184
188
  --fkds-color-navigation-border-selected:#35805b;
185
189
  --fkds-color-navigation-background-hover:#dbe9e2;
186
190
  --fkds-color-navigation-background-selected:#35805b;
187
191
  --fkds-color-header-background-primary:#116a3e;
188
192
  --fkds-color-header-text-primary:#fff;
189
- --fkui-theme-default-version:"6.37.0";
193
+ --fkui-theme-default-version:"6.39.0";
190
194
  }
191
195
  }
192
196
  @media (prefers-color-scheme:dark){
@@ -208,8 +212,8 @@
208
212
  --f-font-size-default-rem:16px;
209
213
  --f-font-size-default-large-up-rem:16px;
210
214
  --f-font-weight-normal:400;
211
- --f-font-weight-medium:700;
212
- --f-font-weight-bold:900;
215
+ --f-font-weight-medium:600;
216
+ --f-font-weight-bold:700;
213
217
  --f-line-height-small:1.25;
214
218
  --f-line-height-medium:1.4;
215
219
  --f-line-height-large:1.5;
@@ -368,15 +372,19 @@
368
372
  --fkds-color-select-background-secondary-hover:#35805b;
369
373
  --fkds-color-select-background-secondary-active:#35805b;
370
374
  --fkds-color-select-background-secondary-focus:#35805b;
375
+ --fkds-color-interactive-surface-background-primary-default:#1b1e23;
376
+ --fkds-color-interactive-surface-background-primary-hover:#5f6165;
377
+ --fkds-color-interactive-surface-background-primary-active:#5f6165;
378
+ --fkds-color-interactive-surface-background-primary-focus:#5f6165;
371
379
  --fkds-color-navigation-border-hover:#dbe9e2;
372
380
  --fkds-color-navigation-border-selected:#35805b;
373
381
  --fkds-color-navigation-background-hover:#88b49f;
374
382
  --fkds-color-navigation-background-selected:#35805b;
375
383
  --fkds-color-header-background-primary:#35805b;
376
384
  --fkds-color-header-text-primary:#fff;
377
- --fkui-theme-default-version:"6.37.0";
385
+ --fkui-theme-default-version:"6.39.0";
378
386
  }
379
387
  }
380
388
  :root{
381
- --fkui-theme-default-version:"6.37.0";
389
+ --fkui-theme-default-version:"6.39.0";
382
390
  }
package/dist/theme-auto.js CHANGED
@@ -1,4 +1,4 @@
1
1
  const value = {
2
- "--fkui-theme-default-version": "\"6.37.0\""
2
+ "--fkui-theme-default-version": "\"6.39.0\""
3
3
  };
4
4
  module.exports = value;
package/dist/theme-dark.css CHANGED
@@ -16,8 +16,8 @@
16
16
  --f-font-size-default-rem:16px;
17
17
  --f-font-size-default-large-up-rem:16px;
18
18
  --f-font-weight-normal:400;
19
- --f-font-weight-medium:700;
20
- --f-font-weight-bold:900;
19
+ --f-font-weight-medium:600;
20
+ --f-font-weight-bold:700;
21
21
  --f-line-height-small:1.25;
22
22
  --f-line-height-medium:1.4;
23
23
  --f-line-height-large:1.5;
@@ -176,11 +176,15 @@
176
176
  --fkds-color-select-background-secondary-hover:#35805b;
177
177
  --fkds-color-select-background-secondary-active:#35805b;
178
178
  --fkds-color-select-background-secondary-focus:#35805b;
179
+ --fkds-color-interactive-surface-background-primary-default:#1b1e23;
180
+ --fkds-color-interactive-surface-background-primary-hover:#5f6165;
181
+ --fkds-color-interactive-surface-background-primary-active:#5f6165;
182
+ --fkds-color-interactive-surface-background-primary-focus:#5f6165;
179
183
  --fkds-color-navigation-border-hover:#dbe9e2;
180
184
  --fkds-color-navigation-border-selected:#35805b;
181
185
  --fkds-color-navigation-background-hover:#88b49f;
182
186
  --fkds-color-navigation-background-selected:#35805b;
183
187
  --fkds-color-header-background-primary:#35805b;
184
188
  --fkds-color-header-text-primary:#fff;
185
- --fkui-theme-default-version:"6.37.0";
189
+ --fkui-theme-default-version:"6.39.0";
186
190
  }
package/dist/theme-dark.js CHANGED
@@ -16,8 +16,8 @@ const value = {
16
16
  "--f-font-size-default-rem": "16px",
17
17
  "--f-font-size-default-large-up-rem": "16px",
18
18
  "--f-font-weight-normal": "400",
19
- "--f-font-weight-medium": "700",
20
- "--f-font-weight-bold": "900",
19
+ "--f-font-weight-medium": "600",
20
+ "--f-font-weight-bold": "700",
21
21
  "--f-line-height-small": "1.25",
22
22
  "--f-line-height-medium": "1.4",
23
23
  "--f-line-height-large": "1.5",
@@ -176,12 +176,16 @@ const value = {
176
176
  "--fkds-color-select-background-secondary-hover": "#35805b",
177
177
  "--fkds-color-select-background-secondary-active": "#35805b",
178
178
  "--fkds-color-select-background-secondary-focus": "#35805b",
179
+ "--fkds-color-interactive-surface-background-primary-default": "#1b1e23",
180
+ "--fkds-color-interactive-surface-background-primary-hover": "#5f6165",
181
+ "--fkds-color-interactive-surface-background-primary-active": "#5f6165",
182
+ "--fkds-color-interactive-surface-background-primary-focus": "#5f6165",
179
183
  "--fkds-color-navigation-border-hover": "#dbe9e2",
180
184
  "--fkds-color-navigation-border-selected": "#35805b",
181
185
  "--fkds-color-navigation-background-hover": "#88b49f",
182
186
  "--fkds-color-navigation-background-selected": "#35805b",
183
187
  "--fkds-color-header-background-primary": "#35805b",
184
188
  "--fkds-color-header-text-primary": "#fff",
185
- "--fkui-theme-default-version": "\"6.37.0\""
189
+ "--fkui-theme-default-version": "\"6.39.0\""
186
190
  };
187
191
  module.exports = value;
package/dist/theme-light.css CHANGED
@@ -16,8 +16,8 @@
16
16
  --f-font-size-default-rem:16px;
17
17
  --f-font-size-default-large-up-rem:16px;
18
18
  --f-font-weight-normal:400;
19
- --f-font-weight-medium:700;
20
- --f-font-weight-bold:900;
19
+ --f-font-weight-medium:600;
20
+ --f-font-weight-bold:700;
21
21
  --f-line-height-small:1.25;
22
22
  --f-line-height-medium:1.4;
23
23
  --f-line-height-large:1.5;
@@ -176,11 +176,15 @@
176
176
  --fkds-color-select-background-secondary-hover:#dbe9e2;
177
177
  --fkds-color-select-background-secondary-active:#dbe9e2;
178
178
  --fkds-color-select-background-secondary-focus:#dbe9e2;
179
+ --fkds-color-interactive-surface-background-primary-default:#f4f4f4;
180
+ --fkds-color-interactive-surface-background-primary-hover:#ddddde;
181
+ --fkds-color-interactive-surface-background-primary-active:#ddddde;
182
+ --fkds-color-interactive-surface-background-primary-focus:#ddddde;
179
183
  --fkds-color-navigation-border-hover:#88b49f;
180
184
  --fkds-color-navigation-border-selected:#35805b;
181
185
  --fkds-color-navigation-background-hover:#dbe9e2;
182
186
  --fkds-color-navigation-background-selected:#35805b;
183
187
  --fkds-color-header-background-primary:#116a3e;
184
188
  --fkds-color-header-text-primary:#fff;
185
- --fkui-theme-default-version:"6.37.0";
189
+ --fkui-theme-default-version:"6.39.0";
186
190
  }
package/dist/theme-light.js CHANGED
@@ -16,8 +16,8 @@ const value = {
16
16
  "--f-font-size-default-rem": "16px",
17
17
  "--f-font-size-default-large-up-rem": "16px",
18
18
  "--f-font-weight-normal": "400",
19
- "--f-font-weight-medium": "700",
20
- "--f-font-weight-bold": "900",
19
+ "--f-font-weight-medium": "600",
20
+ "--f-font-weight-bold": "700",
21
21
  "--f-line-height-small": "1.25",
22
22
  "--f-line-height-medium": "1.4",
23
23
  "--f-line-height-large": "1.5",
@@ -176,12 +176,16 @@ const value = {
176
176
  "--fkds-color-select-background-secondary-hover": "#dbe9e2",
177
177
  "--fkds-color-select-background-secondary-active": "#dbe9e2",
178
178
  "--fkds-color-select-background-secondary-focus": "#dbe9e2",
179
+ "--fkds-color-interactive-surface-background-primary-default": "#f4f4f4",
180
+ "--fkds-color-interactive-surface-background-primary-hover": "#ddddde",
181
+ "--fkds-color-interactive-surface-background-primary-active": "#ddddde",
182
+ "--fkds-color-interactive-surface-background-primary-focus": "#ddddde",
179
183
  "--fkds-color-navigation-border-hover": "#88b49f",
180
184
  "--fkds-color-navigation-border-selected": "#35805b",
181
185
  "--fkds-color-navigation-background-hover": "#dbe9e2",
182
186
  "--fkds-color-navigation-background-selected": "#35805b",
183
187
  "--fkds-color-header-background-primary": "#116a3e",
184
188
  "--fkds-color-header-text-primary": "#fff",
185
- "--fkui-theme-default-version": "\"6.37.0\""
189
+ "--fkui-theme-default-version": "\"6.39.0\""
186
190
  };
187
191
  module.exports = value;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fkui/theme-default",
3
- "version": "6.37.0",
3
+ "version": "6.39.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.37.0"
35
+ "@fkui/theme-builder": "6.39.0"
36
36
  },
37
37
  "engines": {
38
38
  "node": ">= 20",
39
39
  "npm": ">= 7"
40
40
  },
41
41
  "sass": "./src/_default.scss",
42
- "gitHead": "15bcc047ba64657946b3e429cbf68abae064ebcc"
42
+ "gitHead": "dcb4ae0482dae1d80806b45900c8b80771de7372"
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.37.0";
2
+ $version: "6.39.0";
package/src/dark/_variables.scss CHANGED
@@ -84,6 +84,12 @@
84
84
  --fkds-color-select-background-secondary-active: #{$palette-color-green-a-85};
85
85
  --fkds-color-select-background-secondary-focus: #{$palette-color-green-a-85};
86
86
 
87
+ // INTERACTIVE SURFACE - BACKGROUND
88
+ --fkds-color-interactive-surface-background-primary-default: #{$palette-color-fk-black-100};
89
+ --fkds-color-interactive-surface-background-primary-hover: #{$palette-color-fk-black-70};
90
+ --fkds-color-interactive-surface-background-primary-active: #{$palette-color-fk-black-70};
91
+ --fkds-color-interactive-surface-background-primary-focus: #{$palette-color-fk-black-70};
92
+
87
93
  // NAVIGATION - BORDER
88
94
  --fkds-color-navigation-border-hover: #{$palette-color-green-a-15};
89
95
  --fkds-color-navigation-border-selected: #{$palette-color-green-a-85};
package/src/light/_variables.scss CHANGED
@@ -84,6 +84,12 @@
84
84
  --fkds-color-select-background-secondary-active: #{$palette-color-green-a-15};
85
85
  --fkds-color-select-background-secondary-focus: #{$palette-color-green-a-15};
86
86
 
87
+ // INTERACTIVE SURFACE - BACKGROUND
88
+ --fkds-color-interactive-surface-background-primary-default: #{$palette-color-fk-black-5};
89
+ --fkds-color-interactive-surface-background-primary-hover: #{$palette-color-fk-black-15};
90
+ --fkds-color-interactive-surface-background-primary-active: #{$palette-color-fk-black-15};
91
+ --fkds-color-interactive-surface-background-primary-focus: #{$palette-color-fk-black-15};
92
+
87
93
  // NAVIGATION - BORDER
88
94
  --fkds-color-navigation-border-hover: #{$palette-color-green-a-50};
89
95
  --fkds-color-navigation-border-selected: #{$palette-color-green-a-85};
package/src/shared/_index.scss CHANGED
@@ -46,8 +46,8 @@
46
46
 
47
47
  /// Font weight
48
48
  --f-font-weight-normal: 400;
49
- --f-font-weight-medium: 700;
50
- --f-font-weight-bold: 900;
49
+ --f-font-weight-medium: 600;
50
+ --f-font-weight-bold: 700;
51
51
 
52
52
  /// Font line height
53
53
  --f-line-height-small: 1.25;