@fkui/theme-default 6.22.0 → 6.23.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 (30) hide show
  1. package/dist/deprecated-variables.json +34 -1
  2. package/dist/fkui-css-variables-deprecated.css +33 -0
  3. package/dist/fkui-css-variables-deprecated.js +1 -1
  4. package/dist/fkui-css-variables.css +63 -96
  5. package/dist/fkui-css-variables.js +1 -1
  6. package/dist/metadata.mjs +0 -180
  7. package/dist/palette-variables.css +1 -0
  8. package/dist/palette-variables.js +1 -0
  9. package/dist/theme-auto.css +508 -0
  10. package/dist/theme-auto.js +1 -0
  11. package/dist/theme-dark.css +249 -0
  12. package/dist/theme-dark.js +1 -0
  13. package/dist/theme-light.css +249 -0
  14. package/dist/theme-light.js +1 -0
  15. package/package.json +5 -5
  16. package/src/_default.scss +28 -0
  17. package/src/_version.scss +1 -1
  18. package/src/auto/_theme.scss +17 -0
  19. package/src/dark/_theme.scss +10 -0
  20. package/src/dark/_variables.scss +85 -0
  21. package/src/deprecated-variables.json +34 -1
  22. package/src/fkui-css-variables-deprecated.scss +36 -1
  23. package/src/fkui-css-variables.scss +4 -9
  24. package/src/light/_theme.scss +10 -0
  25. package/src/{_semantic-tokens.scss → light/_variables.scss} +2 -38
  26. package/src/{_css-variables.scss → shared/_index.scss} +3 -5
  27. package/src/theme-auto.scss +7 -0
  28. package/src/theme-dark.scss +7 -0
  29. package/src/theme-light.scss +7 -0
  30. /package/src/{_palette-variables.scss → palette-variables.scss} +0 -0
package/dist/theme-auto.css ADDED
@@ -0,0 +1,508 @@
1
+ :root {
2
+ color-scheme: light dark;
3
+ }
4
+ @media (prefers-color-scheme: light) {
5
+ :root {
6
+ --f-text-color-default: #1b1e23;
7
+ --f-text-color-default-inverted: #ffffff;
8
+ --f-text-color-discrete: #5f6165;
9
+ --f-text-color-link: #4a52b6;
10
+ --f-text-color-link-hover: #1b1e23;
11
+ --f-text-color-link-discrete: #1b1e23;
12
+ --f-text-color-link-discrete-hover: #4a52b6;
13
+ --f-text-color-heading-1: inherit;
14
+ --f-text-color-heading-2: inherit;
15
+ --f-text-color-heading-3: inherit;
16
+ --f-text-color-heading-4: inherit;
17
+ --f-text-color-heading-5: inherit;
18
+ --f-text-color-heading-6: inherit;
19
+ --f-text-color-heading-expandable-panel: #ffffff;
20
+ --f-text-color-button-discrete-hover: #3b4292;
21
+ --f-text-color-button-discrete-inverted-hover: #ffffff;
22
+ --f-text-color-menu: #1b1e23;
23
+ --f-text-color-menu-hover: #1b1e23;
24
+ --f-text-color-menu-horizontal-highlight: #1b1e23;
25
+ --f-text-color-popupmenu: #1b1e23;
26
+ --f-text-color-popupmenu-hover: #1b1e23;
27
+ --f-icon-color-white: #ffffff;
28
+ --f-icon-color-primary: #4a52b6;
29
+ --f-icon-color-success: #35805b;
30
+ --f-icon-color-notice: #d34503;
31
+ --f-icon-color-loader: #35805b;
32
+ --f-icon-color-expandable-panel: #ffffff;
33
+ --f-icon-color-expandable-paragraph: #35805b;
34
+ --f-icon-color-table-header: #1b1e23;
35
+ --f-icon-color-table-header-discrete: #8d8e91;
36
+ --f-icon-color-sort-filter-dataset-close: #1b1e23;
37
+ --f-icon-color-sort-filter-dataset-search: #8d8e91;
38
+ --f-icon-color-success-background: #dbe9e2;
39
+ --f-background-overlay: rgba(0, 0, 0, 0.75);
40
+ --f-background-pageheader-primary: #116a3e;
41
+ --f-background-skiplink-focus: #f5f6fa;
42
+ --f-background-heading-expandable-panel: #116a3e;
43
+ --f-background-heading-expandable-panel-hover: #35805b;
44
+ --f-background-expandable-panel: #ffffff;
45
+ --f-background-heading-static-panel: #afcfb5;
46
+ --f-background-code: #f4f4f4;
47
+ --f-background-button-discrete-hover: none;
48
+ --f-background-sidepanel-button-tertiary-hover: #e5e5f5;
49
+ --f-background-grid-default: #ffffff;
50
+ --f-background-grid-active: #e5e5f5;
51
+ --f-background-grid-hover: #f5f6fa;
52
+ --f-background-grid-striped: #f4f4f4;
53
+ --f-background-grid-header: #f4f4f4;
54
+ --f-background-grid-focus-inner: #f5f6fa;
55
+ --f-background-tab-active: #ffffff;
56
+ --f-background-tab-inactive: #f5f6fa;
57
+ --f-background-menu: #f4f4f4;
58
+ --f-background-menu-vertical-hover: #ddddde;
59
+ --f-background-menu-vertical-highlight: #e7f0e9;
60
+ --f-background-popupmenu: #ffffff;
61
+ --f-background-popupmenu-vertical-hover: #ddddde;
62
+ --f-background-popupmenu-vertical-highlight: #e7f0e9;
63
+ --f-border-color-panel: #e7f0e9;
64
+ --f-border-color-expandable-panel: #116a3e;
65
+ --f-border-color-static-panel: #afcfb5;
66
+ --f-border-color-separator: #ddddde;
67
+ --f-border-color-separator-pageheader-primary: #ffffff;
68
+ --f-border-color-separator-contextmenu: #8d8e91;
69
+ --f-border-color-link: #4a52b6;
70
+ --f-border-color-link-hover: #8d8e91;
71
+ --f-border-color-link-discrete: #8d8e91;
72
+ --f-border-color-link-discrete-hover: #4a52b6;
73
+ --f-border-color-grid: #8d8e91;
74
+ --f-border-color-grid-header: #8d8e91;
75
+ --f-border-color-grid-hover: #8d8e91;
76
+ --f-border-color-grid-expanded: #ddddde;
77
+ --f-border-color-expandable-panel-closed: none;
78
+ --f-border-color-menu-horizontal: #116a3e;
79
+ --f-border-color-menu-horizontal-hover: #afcfb5;
80
+ --f-border-color-menu-horizontal-highlight: #116a3e;
81
+ --f-border-color-popupmenu: #ddddde;
82
+ --f-box-modal-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
83
+ --f-input-shadow-inset: inset 0 2px 3px rgba(0, 0, 0, 0.1);
84
+ --f-font-family: "ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
85
+ --f-font-family-code: "Consolas", "Liberation Mono", "Courier", monospace;
86
+ --f-font-size-default-rem: 16px;
87
+ --f-font-size-default-large-up-rem: 16px;
88
+ --f-font-weight-normal: 400;
89
+ --f-font-weight-medium: 700;
90
+ --f-font-weight-bold: 900;
91
+ --f-line-height-small: 1.25;
92
+ --f-line-height-medium: 1.4;
93
+ --f-line-height-large: 1.5;
94
+ --f-font-size-h1: 2.5rem;
95
+ --f-font-size-h2: 1.75rem;
96
+ --f-font-size-xxx-large: 1.5rem;
97
+ --f-font-size-h3: 1.375rem;
98
+ --f-font-size-h4: 1.25rem;
99
+ --f-font-size-large: 1.125rem;
100
+ --f-font-size-standard: 1rem;
101
+ --f-icon-size-x-small: 0.75rem;
102
+ --f-icon-size-small: 1rem;
103
+ --f-icon-size-medium: 1.25rem;
104
+ --f-icon-size-large: 1.5rem;
105
+ --f-icon-size-x-large: 2rem;
106
+ --f-height-small: 0.75rem;
107
+ --f-height-medium: 1.25rem;
108
+ --f-height-large: 2.5rem;
109
+ --f-width-full: 100%;
110
+ --f-border-width-small: 1px;
111
+ --f-border-width-medium: 2px;
112
+ --f-border-radius-small: 2px;
113
+ --f-border-radius-medium: 4px;
114
+ --f-margin-component-bottom: 1.5rem;
115
+ --padding-input-fields: 0 2.25rem 0 0.75rem;
116
+ --f-color-focus: #1b1e23;
117
+ --f-focus-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #1b1e23, 0 0 0 6px #ffffff;
118
+ --f-animation-duration-short: 150ms;
119
+ --f-animation-duration-medium: 350ms;
120
+ --f-animation-duration-long: 500ms;
121
+ --f-animation-expand-open: all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
122
+ --f-animation-expand-close: all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
123
+ --f-density-factor: 1;
124
+ --f-static-panel-heading-border: none;
125
+ --f-expandable-panel-heading-border-close: none;
126
+ --f-expandable-panel-heading-border-open: none;
127
+ --f-expandable-panel-heading-border-radius: 4px 4px 0 0;
128
+ --f-label-message-margin-top: 0.25rem;
129
+ --f-button-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
130
+ --f-button-shadow-hover: 0 1px 3px rgba(0, 0, 0, 0.3);
131
+ --f-button-min-width: 9.5rem;
132
+ --f-button-letter-spacing: 0.01rem;
133
+ --f-button-default-line-height: 1.5rem;
134
+ --f-button-discrete-radius-hover: none;
135
+ --f-button-tertiary-table-column-action-icon-margin: 0 8px 0 2px;
136
+ --f-button-tertiary-table-column-action-margin: 0 0 0 0.5rem;
137
+ --f-button-default-padding-top: 1rem;
138
+ --f-button-default-padding-right: 1.5rem;
139
+ --f-button-default-padding-bottom: 1rem;
140
+ --f-button-default-padding-left: 1.5rem;
141
+ --f-button-primary-padding-top: 1rem;
142
+ --f-button-primary-padding-right: 1.5rem;
143
+ --f-button-primary-padding-bottom: 1rem;
144
+ --f-button-primary-padding-left: 1.5rem;
145
+ --f-button-secondary-padding-top: 1rem;
146
+ --f-button-secondary-padding-right: 1.5rem;
147
+ --f-button-secondary-padding-bottom: 1rem;
148
+ --f-button-secondary-padding-left: 1.5rem;
149
+ --f-button-standard-padding-top: 1rem;
150
+ --f-button-standard-padding-right: 1.5rem;
151
+ --f-button-standard-padding-bottom: 1rem;
152
+ --f-button-standard-padding-left: 1.5rem;
153
+ --f-button-tertiary-padding-top: 0.75rem;
154
+ --f-button-tertiary-padding-right: 0.5rem;
155
+ --f-button-tertiary-padding-bottom: 0.75rem;
156
+ --f-button-tertiary-padding-left: 0.5rem;
157
+ --f-button-discrete-padding-top: initial;
158
+ --f-button-discrete-padding-right: initial;
159
+ --f-button-discrete-padding-bottom: initial;
160
+ --f-button-discrete-padding-left: initial;
161
+ --f-button-discrete-black-padding-top: initial;
162
+ --f-button-discrete-black-padding-right: initial;
163
+ --f-button-discrete-black-padding-bottom: initial;
164
+ --f-button-discrete-black-padding-left: initial;
165
+ --f-modal-close-button-margin: 1rem 1rem 0;
166
+ --f-modal-close-button-padding: none;
167
+ --f-modal-size-small: 500px;
168
+ --f-modal-size-medium: 700px;
169
+ --f-modal-size-large: 1200px;
170
+ --f-modal-size-fullwidth: 100%;
171
+ --f-modal-title-font-size: 1.25rem;
172
+ --f-tooltip-close-button-margin: 0.375rem 0.375rem 0.625rem 0.625rem;
173
+ --f-tooltip-border-color: #8d8e91;
174
+ --f-tooltip-border-width: var(--f-border-width-medium);
175
+ --f-loader-size: 4rem;
176
+ --f-loader-margin: 0 auto 3rem auto;
177
+ --f-table-body-row-padding: 0.5rem;
178
+ --f-list-item-itempane-padding: 1.25rem;
179
+ --i-popup-error-offset: 24px;
180
+ --f-tooltip-offset: 0px;
181
+ --f-tooltip-icon-size: 0px;
182
+ --f-logo-image-small: none;
183
+ --f-logo-image-large: none;
184
+ --f-logo-size-small: 0.8rem;
185
+ --f-logo-size-large: 0.8rem 6.195rem;
186
+ --f-calendar-height: 21rem;
187
+ --size: 0;
188
+ --min: 0;
189
+ --max: 0;
190
+ --fkds-color-text-primary: #1b1e23;
191
+ --fkds-color-text-secondary: #5f6165;
192
+ --fkds-color-text-inverted: #ffffff;
193
+ --fkds-color-text-disabled: #8d8e91;
194
+ --fkds-color-background-primary: #ffffff;
195
+ --fkds-color-background-secondary: #f4f4f4;
196
+ --fkds-color-background-tertiary: #ddddde;
197
+ --fkds-color-background-disabled: #f4f4f4;
198
+ --fkds-color-border-primary: #8d8e91;
199
+ --fkds-color-border-strong: #5f6165;
200
+ --fkds-color-border-weak: #ddddde;
201
+ --fkds-color-border-disabled: #8d8e91;
202
+ --fkds-color-border-inverted: #ffffff;
203
+ --fkds-color-action-text-primary-default: #4a52b6;
204
+ --fkds-color-action-text-primary-hover: #3b4292;
205
+ --fkds-color-action-text-primary-active: #3b4292;
206
+ --fkds-color-action-text-primary-focus: #3b4292;
207
+ --fkds-color-action-text-secondary-default: #1b1e23;
208
+ --fkds-color-action-text-secondary-hover: #3b4292;
209
+ --fkds-color-action-text-secondary-active: #3b4292;
210
+ --fkds-color-action-text-secondary-focus: #3b4292;
211
+ --fkds-color-action-text-inverted-default: #ffffff;
212
+ --fkds-color-action-text-inverted-hover: #ffffff;
213
+ --fkds-color-action-text-inverted-active: #ffffff;
214
+ --fkds-color-action-text-inverted-focus: #ffffff;
215
+ --fkds-color-action-background-primary-default: #4a52b6;
216
+ --fkds-color-action-background-primary-hover: #3b4292;
217
+ --fkds-color-action-background-primary-active: #3b4292;
218
+ --fkds-color-action-background-primary-focus: #3b4292;
219
+ --fkds-color-action-background-secondary-default: #f5f6fa;
220
+ --fkds-color-action-background-secondary-hover: #e5e5f5;
221
+ --fkds-color-action-background-secondary-active: #e5e5f5;
222
+ --fkds-color-action-background-secondary-focus: #e5e5f5;
223
+ --fkds-color-action-border-primary-default: #4a52b6;
224
+ --fkds-color-action-border-primary-hover: #3b4292;
225
+ --fkds-color-action-border-primary-active: #3b4292;
226
+ --fkds-color-action-border-primary-focus: #3b4292;
227
+ --fkds-color-feedback-background-neutral: #f4f4f4;
228
+ --fkds-color-feedback-background-neutral-strong: #ddddde;
229
+ --fkds-color-feedback-background-info: #f5f6fa;
230
+ --fkds-color-feedback-background-info-strong: #4a52b6;
231
+ --fkds-color-feedback-background-positive: #f3f8f5;
232
+ --fkds-color-feedback-background-positive-strong: #35805b;
233
+ --fkds-color-feedback-background-warning: #fffcf3;
234
+ --fkds-color-feedback-background-warning-strong: #ffbe10;
235
+ --fkds-color-feedback-background-negative: #fcf3f3;
236
+ --fkds-color-feedback-background-negative-strong: #ca1515;
237
+ --fkds-color-feedback-border-neutral: #8d8e91;
238
+ --fkds-color-feedback-border-info: #4a52b6;
239
+ --fkds-color-feedback-border-positive: #35805b;
240
+ --fkds-color-feedback-border-warning: #ffbe10;
241
+ --fkds-color-feedback-border-negative: #ca1515;
242
+ --fkds-color-feedback-text-negative: #ca1515;
243
+ --fkds-color-feedback-text-positive: #35805b;
244
+ --fkds-color-select-background-primary-default: #4a52b6;
245
+ --fkds-color-select-background-primary-hover: #e5e5f5;
246
+ --fkds-color-select-background-primary-active: #e5e5f5;
247
+ --fkds-color-select-background-primary-focus: #e5e5f5;
248
+ --fkds-color-select-background-secondary-default: #35805b;
249
+ --fkds-color-select-background-secondary-hover: #dbe9e2;
250
+ --fkds-color-select-background-secondary-active: #dbe9e2;
251
+ --fkds-color-select-background-secondary-focus: #dbe9e2;
252
+ --fkui-theme-default-version: "6.23.0";
253
+ }
254
+ }
255
+ @media (prefers-color-scheme: dark) {
256
+ :root {
257
+ --f-text-color-default: #1b1e23;
258
+ --f-text-color-default-inverted: #ffffff;
259
+ --f-text-color-discrete: #5f6165;
260
+ --f-text-color-link: #4a52b6;
261
+ --f-text-color-link-hover: #1b1e23;
262
+ --f-text-color-link-discrete: #1b1e23;
263
+ --f-text-color-link-discrete-hover: #4a52b6;
264
+ --f-text-color-heading-1: inherit;
265
+ --f-text-color-heading-2: inherit;
266
+ --f-text-color-heading-3: inherit;
267
+ --f-text-color-heading-4: inherit;
268
+ --f-text-color-heading-5: inherit;
269
+ --f-text-color-heading-6: inherit;
270
+ --f-text-color-heading-expandable-panel: #ffffff;
271
+ --f-text-color-button-discrete-hover: #3b4292;
272
+ --f-text-color-button-discrete-inverted-hover: #ffffff;
273
+ --f-text-color-menu: #1b1e23;
274
+ --f-text-color-menu-hover: #1b1e23;
275
+ --f-text-color-menu-horizontal-highlight: #1b1e23;
276
+ --f-text-color-popupmenu: #1b1e23;
277
+ --f-text-color-popupmenu-hover: #1b1e23;
278
+ --f-icon-color-white: #ffffff;
279
+ --f-icon-color-primary: #4a52b6;
280
+ --f-icon-color-success: #35805b;
281
+ --f-icon-color-notice: #d34503;
282
+ --f-icon-color-loader: #35805b;
283
+ --f-icon-color-expandable-panel: #ffffff;
284
+ --f-icon-color-expandable-paragraph: #35805b;
285
+ --f-icon-color-table-header: #1b1e23;
286
+ --f-icon-color-table-header-discrete: #8d8e91;
287
+ --f-icon-color-sort-filter-dataset-close: #1b1e23;
288
+ --f-icon-color-sort-filter-dataset-search: #8d8e91;
289
+ --f-icon-color-success-background: #dbe9e2;
290
+ --f-background-overlay: rgba(0, 0, 0, 0.75);
291
+ --f-background-pageheader-primary: #116a3e;
292
+ --f-background-skiplink-focus: #f5f6fa;
293
+ --f-background-heading-expandable-panel: #116a3e;
294
+ --f-background-heading-expandable-panel-hover: #35805b;
295
+ --f-background-expandable-panel: #ffffff;
296
+ --f-background-heading-static-panel: #afcfb5;
297
+ --f-background-code: #f4f4f4;
298
+ --f-background-button-discrete-hover: none;
299
+ --f-background-sidepanel-button-tertiary-hover: #e5e5f5;
300
+ --f-background-grid-default: #ffffff;
301
+ --f-background-grid-active: #e5e5f5;
302
+ --f-background-grid-hover: #f5f6fa;
303
+ --f-background-grid-striped: #f4f4f4;
304
+ --f-background-grid-header: #f4f4f4;
305
+ --f-background-grid-focus-inner: #f5f6fa;
306
+ --f-background-tab-active: #ffffff;
307
+ --f-background-tab-inactive: #f5f6fa;
308
+ --f-background-menu: #f4f4f4;
309
+ --f-background-menu-vertical-hover: #ddddde;
310
+ --f-background-menu-vertical-highlight: #e7f0e9;
311
+ --f-background-popupmenu: #ffffff;
312
+ --f-background-popupmenu-vertical-hover: #ddddde;
313
+ --f-background-popupmenu-vertical-highlight: #e7f0e9;
314
+ --f-border-color-panel: #e7f0e9;
315
+ --f-border-color-expandable-panel: #116a3e;
316
+ --f-border-color-static-panel: #afcfb5;
317
+ --f-border-color-separator: #ddddde;
318
+ --f-border-color-separator-pageheader-primary: #ffffff;
319
+ --f-border-color-separator-contextmenu: #8d8e91;
320
+ --f-border-color-link: #4a52b6;
321
+ --f-border-color-link-hover: #8d8e91;
322
+ --f-border-color-link-discrete: #8d8e91;
323
+ --f-border-color-link-discrete-hover: #4a52b6;
324
+ --f-border-color-grid: #8d8e91;
325
+ --f-border-color-grid-header: #8d8e91;
326
+ --f-border-color-grid-hover: #8d8e91;
327
+ --f-border-color-grid-expanded: #ddddde;
328
+ --f-border-color-expandable-panel-closed: none;
329
+ --f-border-color-menu-horizontal: #116a3e;
330
+ --f-border-color-menu-horizontal-hover: #afcfb5;
331
+ --f-border-color-menu-horizontal-highlight: #116a3e;
332
+ --f-border-color-popupmenu: #ddddde;
333
+ --f-box-modal-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
334
+ --f-input-shadow-inset: inset 0 2px 3px rgba(0, 0, 0, 0.1);
335
+ --f-font-family: "ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
336
+ --f-font-family-code: "Consolas", "Liberation Mono", "Courier", monospace;
337
+ --f-font-size-default-rem: 16px;
338
+ --f-font-size-default-large-up-rem: 16px;
339
+ --f-font-weight-normal: 400;
340
+ --f-font-weight-medium: 700;
341
+ --f-font-weight-bold: 900;
342
+ --f-line-height-small: 1.25;
343
+ --f-line-height-medium: 1.4;
344
+ --f-line-height-large: 1.5;
345
+ --f-font-size-h1: 2.5rem;
346
+ --f-font-size-h2: 1.75rem;
347
+ --f-font-size-xxx-large: 1.5rem;
348
+ --f-font-size-h3: 1.375rem;
349
+ --f-font-size-h4: 1.25rem;
350
+ --f-font-size-large: 1.125rem;
351
+ --f-font-size-standard: 1rem;
352
+ --f-icon-size-x-small: 0.75rem;
353
+ --f-icon-size-small: 1rem;
354
+ --f-icon-size-medium: 1.25rem;
355
+ --f-icon-size-large: 1.5rem;
356
+ --f-icon-size-x-large: 2rem;
357
+ --f-height-small: 0.75rem;
358
+ --f-height-medium: 1.25rem;
359
+ --f-height-large: 2.5rem;
360
+ --f-width-full: 100%;
361
+ --f-border-width-small: 1px;
362
+ --f-border-width-medium: 2px;
363
+ --f-border-radius-small: 2px;
364
+ --f-border-radius-medium: 4px;
365
+ --f-margin-component-bottom: 1.5rem;
366
+ --padding-input-fields: 0 2.25rem 0 0.75rem;
367
+ --f-color-focus: #1b1e23;
368
+ --f-focus-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #1b1e23, 0 0 0 6px #ffffff;
369
+ --f-animation-duration-short: 150ms;
370
+ --f-animation-duration-medium: 350ms;
371
+ --f-animation-duration-long: 500ms;
372
+ --f-animation-expand-open: all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
373
+ --f-animation-expand-close: all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
374
+ --f-density-factor: 1;
375
+ --f-static-panel-heading-border: none;
376
+ --f-expandable-panel-heading-border-close: none;
377
+ --f-expandable-panel-heading-border-open: none;
378
+ --f-expandable-panel-heading-border-radius: 4px 4px 0 0;
379
+ --f-label-message-margin-top: 0.25rem;
380
+ --f-button-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
381
+ --f-button-shadow-hover: 0 1px 3px rgba(0, 0, 0, 0.3);
382
+ --f-button-min-width: 9.5rem;
383
+ --f-button-letter-spacing: 0.01rem;
384
+ --f-button-default-line-height: 1.5rem;
385
+ --f-button-discrete-radius-hover: none;
386
+ --f-button-tertiary-table-column-action-icon-margin: 0 8px 0 2px;
387
+ --f-button-tertiary-table-column-action-margin: 0 0 0 0.5rem;
388
+ --f-button-default-padding-top: 1rem;
389
+ --f-button-default-padding-right: 1.5rem;
390
+ --f-button-default-padding-bottom: 1rem;
391
+ --f-button-default-padding-left: 1.5rem;
392
+ --f-button-primary-padding-top: 1rem;
393
+ --f-button-primary-padding-right: 1.5rem;
394
+ --f-button-primary-padding-bottom: 1rem;
395
+ --f-button-primary-padding-left: 1.5rem;
396
+ --f-button-secondary-padding-top: 1rem;
397
+ --f-button-secondary-padding-right: 1.5rem;
398
+ --f-button-secondary-padding-bottom: 1rem;
399
+ --f-button-secondary-padding-left: 1.5rem;
400
+ --f-button-standard-padding-top: 1rem;
401
+ --f-button-standard-padding-right: 1.5rem;
402
+ --f-button-standard-padding-bottom: 1rem;
403
+ --f-button-standard-padding-left: 1.5rem;
404
+ --f-button-tertiary-padding-top: 0.75rem;
405
+ --f-button-tertiary-padding-right: 0.5rem;
406
+ --f-button-tertiary-padding-bottom: 0.75rem;
407
+ --f-button-tertiary-padding-left: 0.5rem;
408
+ --f-button-discrete-padding-top: initial;
409
+ --f-button-discrete-padding-right: initial;
410
+ --f-button-discrete-padding-bottom: initial;
411
+ --f-button-discrete-padding-left: initial;
412
+ --f-button-discrete-black-padding-top: initial;
413
+ --f-button-discrete-black-padding-right: initial;
414
+ --f-button-discrete-black-padding-bottom: initial;
415
+ --f-button-discrete-black-padding-left: initial;
416
+ --f-modal-close-button-margin: 1rem 1rem 0;
417
+ --f-modal-close-button-padding: none;
418
+ --f-modal-size-small: 500px;
419
+ --f-modal-size-medium: 700px;
420
+ --f-modal-size-large: 1200px;
421
+ --f-modal-size-fullwidth: 100%;
422
+ --f-modal-title-font-size: 1.25rem;
423
+ --f-tooltip-close-button-margin: 0.375rem 0.375rem 0.625rem 0.625rem;
424
+ --f-tooltip-border-color: #8d8e91;
425
+ --f-tooltip-border-width: var(--f-border-width-medium);
426
+ --f-loader-size: 4rem;
427
+ --f-loader-margin: 0 auto 3rem auto;
428
+ --f-table-body-row-padding: 0.5rem;
429
+ --f-list-item-itempane-padding: 1.25rem;
430
+ --i-popup-error-offset: 24px;
431
+ --f-tooltip-offset: 0px;
432
+ --f-tooltip-icon-size: 0px;
433
+ --f-logo-image-small: none;
434
+ --f-logo-image-large: none;
435
+ --f-logo-size-small: 0.8rem;
436
+ --f-logo-size-large: 0.8rem 6.195rem;
437
+ --f-calendar-height: 21rem;
438
+ --size: 0;
439
+ --min: 0;
440
+ --max: 0;
441
+ --fkds-color-text-primary: #ddddde;
442
+ --fkds-color-text-secondary: #bbbbbd;
443
+ --fkds-color-text-inverted: #1b1e23;
444
+ --fkds-color-text-disabled: #8d8e91;
445
+ --fkds-color-background-primary: #1b1e23;
446
+ --fkds-color-background-secondary: #1b1e23;
447
+ --fkds-color-background-tertiary: #8d8e91;
448
+ --fkds-color-background-disabled: #5f6165;
449
+ --fkds-color-border-primary: #bbbbbd;
450
+ --fkds-color-border-strong: #ddddde;
451
+ --fkds-color-border-weak: #8d8e91;
452
+ --fkds-color-border-disabled: #bbbbbd;
453
+ --fkds-color-border-inverted: #1b1e23;
454
+ --fkds-color-action-text-primary-default: #a4a8db;
455
+ --fkds-color-action-text-primary-hover: #e5e5f5;
456
+ --fkds-color-action-text-primary-active: #e5e5f5;
457
+ --fkds-color-action-text-primary-focus: #e5e5f5;
458
+ --fkds-color-action-text-secondary-default: #ddddde;
459
+ --fkds-color-action-text-secondary-hover: #e5e5f5;
460
+ --fkds-color-action-text-secondary-active: #e5e5f5;
461
+ --fkds-color-action-text-secondary-focus: #f5f6fa;
462
+ --fkds-color-action-text-inverted-default: #1b1e23;
463
+ --fkds-color-action-text-inverted-hover: #1b1e23;
464
+ --fkds-color-action-text-inverted-active: #1b1e23;
465
+ --fkds-color-action-text-inverted-focus: #1b1e23;
466
+ --fkds-color-action-background-primary-default: #a4a8db;
467
+ --fkds-color-action-background-primary-hover: #e5e5f5;
468
+ --fkds-color-action-background-primary-active: #e5e5f5;
469
+ --fkds-color-action-background-primary-focus: #e5e5f5;
470
+ --fkds-color-action-background-secondary-default: #1b1e23;
471
+ --fkds-color-action-background-secondary-hover: #5f6165;
472
+ --fkds-color-action-background-secondary-active: #5f6165;
473
+ --fkds-color-action-background-secondary-focus: #5f6165;
474
+ --fkds-color-action-border-primary-default: #a4a8db;
475
+ --fkds-color-action-border-primary-hover: #e5e5f5;
476
+ --fkds-color-action-border-primary-active: #e5e5f5;
477
+ --fkds-color-action-border-primary-focus: #e5e5f5;
478
+ --fkds-color-feedback-background-neutral: #1b1e23;
479
+ --fkds-color-feedback-background-neutral-strong: #bbbbbd;
480
+ --fkds-color-feedback-background-info: #1b1e23;
481
+ --fkds-color-feedback-background-info-strong: #a4a8db;
482
+ --fkds-color-feedback-background-positive: #1b1e23;
483
+ --fkds-color-feedback-background-positive-strong: #88b49f;
484
+ --fkds-color-feedback-background-warning: #1b1e23;
485
+ --fkds-color-feedback-background-warning-strong: #ffdf87;
486
+ --fkds-color-feedback-background-negative: #1b1e23;
487
+ --fkds-color-feedback-background-negative-strong: #e48a8a;
488
+ --fkds-color-feedback-border-neutral: #8d8e91;
489
+ --fkds-color-feedback-border-info: #a4a8db;
490
+ --fkds-color-feedback-border-positive: #88b49f;
491
+ --fkds-color-feedback-border-warning: #ffdf87;
492
+ --fkds-color-feedback-border-negative: #e48a8a;
493
+ --fkds-color-feedback-text-negative: #e48a8a;
494
+ --fkds-color-feedback-text-positive: #88b49f;
495
+ --fkds-color-select-background-primary-default: #a4a8db;
496
+ --fkds-color-select-background-primary-hover: #656cc1;
497
+ --fkds-color-select-background-primary-active: #656cc1;
498
+ --fkds-color-select-background-primary-focus: #656cc1;
499
+ --fkds-color-select-background-secondary-default: #88b49f;
500
+ --fkds-color-select-background-secondary-hover: #35805b;
501
+ --fkds-color-select-background-secondary-active: #35805b;
502
+ --fkds-color-select-background-secondary-focus: #35805b;
503
+ --fkui-theme-default-version: "6.23.0";
504
+ }
505
+ }
506
+ :root {
507
+ --fkui-theme-default-version: "6.23.0";
508
+ }
package/dist/theme-auto.js ADDED
@@ -0,0 +1 @@
1
+ module.exports = {"--fkui-theme-default-version":"\"6.23.0\""}