@fkui/theme-default 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.
- package/dist/deprecated-variables.json +4 -1
- package/dist/fkui-css-variables-deprecated.css +3 -0
- package/dist/fkui-css-variables-deprecated.js +4 -1
- package/dist/fkui-css-variables.css +6 -7
- package/dist/fkui-css-variables.js +6 -7
- package/dist/metadata.mjs +28 -0
- package/dist/theme-auto.css +13 -15
- package/dist/theme-auto.js +1 -1
- package/dist/theme-dark.css +6 -7
- package/dist/theme-dark.js +6 -7
- package/dist/theme-light.css +6 -7
- package/dist/theme-light.js +6 -7
- package/package.json +3 -3
- package/src/_version.scss +1 -1
- package/src/dark/_variables.scss +4 -0
- package/src/deprecated-variables.json +4 -1
- package/src/fkui-css-variables-deprecated.scss +5 -0
- package/src/light/_variables.scss +4 -0
- package/src/shared/_index.scss +5 -10
|
@@ -302,5 +302,8 @@
|
|
|
302
302
|
"--f-button-default-padding-top",
|
|
303
303
|
"--f-button-default-padding-right",
|
|
304
304
|
"--f-button-default-padding-bottom",
|
|
305
|
-
"--f-button-default-padding-left"
|
|
305
|
+
"--f-button-default-padding-left",
|
|
306
|
+
"--f-icon-color-success",
|
|
307
|
+
"--f-icon-color-success-background",
|
|
308
|
+
"--f-tooltip-border-color"
|
|
306
309
|
]
|
|
@@ -303,4 +303,7 @@
|
|
|
303
303
|
--f-button-default-padding-right:1.5rem;
|
|
304
304
|
--f-button-default-padding-bottom:1rem;
|
|
305
305
|
--f-button-default-padding-left:1.5rem;
|
|
306
|
+
--f-icon-color-success:#35805b;
|
|
307
|
+
--f-icon-color-success-background:#dbe9e2;
|
|
308
|
+
--f-tooltip-border-color:#8d8e91;
|
|
306
309
|
}
|
|
@@ -302,6 +302,9 @@ const value = {
|
|
|
302
302
|
"--f-button-default-padding-top": "1rem",
|
|
303
303
|
"--f-button-default-padding-right": "1.5rem",
|
|
304
304
|
"--f-button-default-padding-bottom": "1rem",
|
|
305
|
-
"--f-button-default-padding-left": "1.5rem"
|
|
305
|
+
"--f-button-default-padding-left": "1.5rem",
|
|
306
|
+
"--f-icon-color-success": "#35805b",
|
|
307
|
+
"--f-icon-color-success-background": "#dbe9e2",
|
|
308
|
+
"--f-tooltip-border-color": "#8d8e91"
|
|
306
309
|
};
|
|
307
310
|
module.exports = value;
|
|
@@ -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
|
|
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
|
|
47
|
-
--f-focus-box-shadow:0 0 0 2px
|
|
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,5 +175,7 @@
|
|
|
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
|
-
--
|
|
178
|
+
--fkds-focus-indicator-color:#1b1e23;
|
|
179
|
+
--fkds-focus-indicator-color-background:#fff;
|
|
180
|
+
--fkui-theme-default-version:"6.49.1";
|
|
182
181
|
}
|
|
@@ -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": "
|
|
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": "
|
|
47
|
-
"--f-focus-box-shadow": "0 0 0 2px
|
|
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,6 +175,8 @@ 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
|
-
"--
|
|
178
|
+
"--fkds-focus-indicator-color": "#1b1e23",
|
|
179
|
+
"--fkds-focus-indicator-color-background": "#fff",
|
|
180
|
+
"--fkui-theme-default-version": "\"6.49.1\""
|
|
182
181
|
};
|
|
183
182
|
module.exports = value;
|
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,10 +9,8 @@
|
|
|
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-icon-color-success:#35805b;
|
|
13
|
-
--f-icon-color-success-background:#dbe9e2;
|
|
14
12
|
--f-background-overlay:rgba(0,0,0,.75);
|
|
15
|
-
--f-background-sidepanel-button-tertiary-hover
|
|
13
|
+
--f-background-sidepanel-button-tertiary-hover:var(--fkds-color-action-background-secondary-hover);
|
|
16
14
|
--f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
|
|
17
15
|
--f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
|
|
18
16
|
--f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
|
|
@@ -47,8 +45,8 @@
|
|
|
47
45
|
--f-border-radius-medium:4px;
|
|
48
46
|
--f-margin-component-bottom:1.5rem;
|
|
49
47
|
--padding-input-fields:0 2.25rem 0 0.75rem;
|
|
50
|
-
--f-color-focus
|
|
51
|
-
--f-focus-box-shadow:0 0 0 2px
|
|
48
|
+
--f-color-focus:var(--fkds-focus-indicator-color);
|
|
49
|
+
--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);
|
|
52
50
|
--f-animation-duration-short:150ms;
|
|
53
51
|
--f-animation-duration-medium:350ms;
|
|
54
52
|
--f-animation-duration-long:500ms;
|
|
@@ -92,7 +90,6 @@
|
|
|
92
90
|
--f-modal-size-fullwidth:100%;
|
|
93
91
|
--f-modal-title-font-size:1.25rem;
|
|
94
92
|
--f-tooltip-close-button-margin:0.375rem 0.375rem 0.625rem 0.625rem;
|
|
95
|
-
--f-tooltip-border-color:#8d8e91;
|
|
96
93
|
--f-tooltip-border-width:var(--f-border-width-medium);
|
|
97
94
|
--f-loader-size:4rem;
|
|
98
95
|
--f-loader-margin:0 auto 3rem auto;
|
|
@@ -182,7 +179,9 @@
|
|
|
182
179
|
--fkds-color-navigation-background-selected:#35805b;
|
|
183
180
|
--fkds-color-header-background-primary:#116a3e;
|
|
184
181
|
--fkds-color-header-text-primary:#fff;
|
|
185
|
-
--
|
|
182
|
+
--fkds-focus-indicator-color:#1b1e23;
|
|
183
|
+
--fkds-focus-indicator-color-background:#fff;
|
|
184
|
+
--fkui-theme-default-version:"6.49.1";
|
|
186
185
|
}
|
|
187
186
|
}
|
|
188
187
|
@media (prefers-color-scheme:dark){
|
|
@@ -193,10 +192,8 @@
|
|
|
193
192
|
--f-text-color-heading-4:inherit;
|
|
194
193
|
--f-text-color-heading-5:inherit;
|
|
195
194
|
--f-text-color-heading-6:inherit;
|
|
196
|
-
--f-icon-color-success:#35805b;
|
|
197
|
-
--f-icon-color-success-background:#dbe9e2;
|
|
198
195
|
--f-background-overlay:rgba(0,0,0,.75);
|
|
199
|
-
--f-background-sidepanel-button-tertiary-hover
|
|
196
|
+
--f-background-sidepanel-button-tertiary-hover:var(--fkds-color-action-background-secondary-hover);
|
|
200
197
|
--f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
|
|
201
198
|
--f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
|
|
202
199
|
--f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
|
|
@@ -231,8 +228,8 @@
|
|
|
231
228
|
--f-border-radius-medium:4px;
|
|
232
229
|
--f-margin-component-bottom:1.5rem;
|
|
233
230
|
--padding-input-fields:0 2.25rem 0 0.75rem;
|
|
234
|
-
--f-color-focus
|
|
235
|
-
--f-focus-box-shadow:0 0 0 2px
|
|
231
|
+
--f-color-focus:var(--fkds-focus-indicator-color);
|
|
232
|
+
--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);
|
|
236
233
|
--f-animation-duration-short:150ms;
|
|
237
234
|
--f-animation-duration-medium:350ms;
|
|
238
235
|
--f-animation-duration-long:500ms;
|
|
@@ -276,7 +273,6 @@
|
|
|
276
273
|
--f-modal-size-fullwidth:100%;
|
|
277
274
|
--f-modal-title-font-size:1.25rem;
|
|
278
275
|
--f-tooltip-close-button-margin:0.375rem 0.375rem 0.625rem 0.625rem;
|
|
279
|
-
--f-tooltip-border-color:#8d8e91;
|
|
280
276
|
--f-tooltip-border-width:var(--f-border-width-medium);
|
|
281
277
|
--f-loader-size:4rem;
|
|
282
278
|
--f-loader-margin:0 auto 3rem auto;
|
|
@@ -366,9 +362,11 @@
|
|
|
366
362
|
--fkds-color-navigation-background-selected:#35805b;
|
|
367
363
|
--fkds-color-header-background-primary:#35805b;
|
|
368
364
|
--fkds-color-header-text-primary:#fff;
|
|
369
|
-
--
|
|
365
|
+
--fkds-focus-indicator-color:#fff;
|
|
366
|
+
--fkds-focus-indicator-color-background:#1b1e23;
|
|
367
|
+
--fkui-theme-default-version:"6.49.1";
|
|
370
368
|
}
|
|
371
369
|
}
|
|
372
370
|
:root{
|
|
373
|
-
--fkui-theme-default-version:"6.
|
|
371
|
+
--fkui-theme-default-version:"6.49.1";
|
|
374
372
|
}
|
package/dist/theme-auto.js
CHANGED
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
|
|
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
|
|
47
|
-
--f-focus-box-shadow:0 0 0 2px
|
|
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,5 +175,7 @@
|
|
|
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
|
-
--
|
|
178
|
+
--fkds-focus-indicator-color:#fff;
|
|
179
|
+
--fkds-focus-indicator-color-background:#1b1e23;
|
|
180
|
+
--fkui-theme-default-version:"6.49.1";
|
|
182
181
|
}
|
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": "
|
|
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": "
|
|
47
|
-
"--f-focus-box-shadow": "0 0 0 2px
|
|
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,6 +175,8 @@ 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
|
-
"--
|
|
178
|
+
"--fkds-focus-indicator-color": "#fff",
|
|
179
|
+
"--fkds-focus-indicator-color-background": "#1b1e23",
|
|
180
|
+
"--fkui-theme-default-version": "\"6.49.1\""
|
|
182
181
|
};
|
|
183
182
|
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
|
|
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
|
|
47
|
-
--f-focus-box-shadow:0 0 0 2px
|
|
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,5 +175,7 @@
|
|
|
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
|
-
--
|
|
178
|
+
--fkds-focus-indicator-color:#1b1e23;
|
|
179
|
+
--fkds-focus-indicator-color-background:#fff;
|
|
180
|
+
--fkui-theme-default-version:"6.49.1";
|
|
182
181
|
}
|
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": "
|
|
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": "
|
|
47
|
-
"--f-focus-box-shadow": "0 0 0 2px
|
|
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,6 +175,8 @@ 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
|
-
"--
|
|
178
|
+
"--fkds-focus-indicator-color": "#1b1e23",
|
|
179
|
+
"--fkds-focus-indicator-color-background": "#fff",
|
|
180
|
+
"--fkui-theme-default-version": "\"6.49.1\""
|
|
182
181
|
};
|
|
183
182
|
module.exports = value;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fkui/theme-default",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.49.1",
|
|
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.
|
|
35
|
+
"@fkui/theme-builder": "6.49.1"
|
|
36
36
|
},
|
|
37
37
|
"engines": {
|
|
38
38
|
"node": "^22.16 || >= 24",
|
|
39
39
|
"npm": ">= 7"
|
|
40
40
|
},
|
|
41
41
|
"sass": "./src/_default.scss",
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "33a29c8c8f048389353574eaa04acd420ffbd994"
|
|
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.
|
|
2
|
+
$version: "6.49.1";
|
package/src/dark/_variables.scss
CHANGED
|
@@ -103,4 +103,8 @@
|
|
|
103
103
|
|
|
104
104
|
// HEADER - TEXT
|
|
105
105
|
--fkds-color-header-text-primary: #{$palette-color-white-100};
|
|
106
|
+
|
|
107
|
+
// FOCUS INDICATOR
|
|
108
|
+
--fkds-focus-indicator-color: #{$palette-color-white-100};
|
|
109
|
+
--fkds-focus-indicator-color-background: #{$palette-color-fk-black-100};
|
|
106
110
|
}
|
|
@@ -302,5 +302,8 @@
|
|
|
302
302
|
"--f-button-default-padding-top",
|
|
303
303
|
"--f-button-default-padding-right",
|
|
304
304
|
"--f-button-default-padding-bottom",
|
|
305
|
-
"--f-button-default-padding-left"
|
|
305
|
+
"--f-button-default-padding-left",
|
|
306
|
+
"--f-icon-color-success",
|
|
307
|
+
"--f-icon-color-success-background",
|
|
308
|
+
"--f-tooltip-border-color"
|
|
306
309
|
]
|
|
@@ -438,6 +438,11 @@ $palette-color-hav-20: #dbe0ec !default;
|
|
|
438
438
|
--f-button-default-padding-right: 1.5rem;
|
|
439
439
|
--f-button-default-padding-bottom: 1rem;
|
|
440
440
|
--f-button-default-padding-left: 1.5rem;
|
|
441
|
+
|
|
442
|
+
// Deprecated since v6.49.1
|
|
443
|
+
--f-icon-color-success: #35805b;
|
|
444
|
+
--f-icon-color-success-background: #dbe9e2;
|
|
445
|
+
--f-tooltip-border-color: #8d8e91;
|
|
441
446
|
}
|
|
442
447
|
|
|
443
448
|
@if $global {
|
|
@@ -103,4 +103,8 @@
|
|
|
103
103
|
|
|
104
104
|
// HEADER - TEXT
|
|
105
105
|
--fkds-color-header-text-primary: #{$palette-color-white-100};
|
|
106
|
+
|
|
107
|
+
// FOCUS INDICATOR
|
|
108
|
+
--fkds-focus-indicator-color: #{$palette-color-fk-black-100};
|
|
109
|
+
--fkds-focus-indicator-color-background: #{$palette-color-white-100};
|
|
106
110
|
}
|
package/src/shared/_index.scss
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
// stylelint-disable custom-property-empty-line-before -- technical debt, should just add a comment before each block
|
|
2
2
|
|
|
3
|
-
@use "../palette-variables" as *;
|
|
4
|
-
|
|
5
3
|
@mixin variables {
|
|
6
4
|
// ***********
|
|
7
5
|
// TEXT COLORS
|
|
@@ -17,14 +15,11 @@
|
|
|
17
15
|
// ***********
|
|
18
16
|
// ICON COLORS
|
|
19
17
|
// ***********
|
|
20
|
-
--f-icon-color-success: #{$palette-color-green-a-85}; // message-box, text-field, form-step
|
|
21
|
-
--f-icon-color-success-background: #{$palette-color-green-a-15};
|
|
22
|
-
|
|
23
18
|
// *****************
|
|
24
19
|
// BACKGROUND COLORS
|
|
25
20
|
// *****************
|
|
26
21
|
--f-background-overlay: rgba(0, 0, 0, 0.75); // modal, loader
|
|
27
|
-
--f-background-sidepanel-button-tertiary-hover:
|
|
22
|
+
--f-background-sidepanel-button-tertiary-hover: var(--fkds-color-action-background-secondary-hover); // FLeftPanel and FRightPanel
|
|
28
23
|
|
|
29
24
|
// *******************
|
|
30
25
|
// COLOR VARIABLES END
|
|
@@ -95,9 +90,10 @@
|
|
|
95
90
|
--padding-input-fields: 0 2.25rem 0 0.75rem;
|
|
96
91
|
|
|
97
92
|
/// Focus related
|
|
98
|
-
|
|
99
|
-
--f-
|
|
100
|
-
|
|
93
|
+
--f-color-focus: var(--fkds-focus-indicator-color);
|
|
94
|
+
--f-focus-box-shadow:
|
|
95
|
+
0 0 0 2px var(--fkds-focus-indicator-color-background), 0 0 0 4px var(--fkds-focus-indicator-color),
|
|
96
|
+
0 0 0 6px var(--fkds-focus-indicator-color-background);
|
|
101
97
|
|
|
102
98
|
// Effect related variables
|
|
103
99
|
--f-animation-duration-short: 150ms;
|
|
@@ -169,7 +165,6 @@
|
|
|
169
165
|
--f-modal-title-font-size: #{$_f-font-size-h4};
|
|
170
166
|
|
|
171
167
|
--f-tooltip-close-button-margin: 0.375rem 0.375rem 0.625rem 0.625rem;
|
|
172
|
-
--f-tooltip-border-color: #{$palette-color-fk-black-50};
|
|
173
168
|
--f-tooltip-border-width: var(--f-border-width-medium);
|
|
174
169
|
|
|
175
170
|
--f-loader-size: 4rem;
|