@fkui/theme-default 6.24.0 → 6.25.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 (24) hide show
  1. package/dist/deprecated-variables.json +26 -1
  2. package/dist/fkui-css-variables-deprecated.css +254 -229
  3. package/dist/fkui-css-variables-deprecated.d.ts +2 -0
  4. package/dist/fkui-css-variables-deprecated.js +255 -1
  5. package/dist/fkui-css-variables.css +223 -248
  6. package/dist/fkui-css-variables.d.ts +2 -0
  7. package/dist/fkui-css-variables.js +224 -1
  8. package/dist/metadata.mjs +70 -226
  9. package/dist/theme-auto.css +451 -501
  10. package/dist/theme-auto.d.ts +2 -0
  11. package/dist/theme-auto.js +4 -1
  12. package/dist/theme-dark.css +223 -248
  13. package/dist/theme-dark.d.ts +2 -0
  14. package/dist/theme-dark.js +224 -1
  15. package/dist/theme-light.css +223 -248
  16. package/dist/theme-light.d.ts +2 -0
  17. package/dist/theme-light.js +224 -1
  18. package/package.json +5 -18
  19. package/src/_version.scss +2 -2
  20. package/src/deprecated-variables.json +26 -1
  21. package/src/fkui-css-variables-deprecated.scss +27 -0
  22. package/src/shared/_index.scss +2 -28
  23. package/dist/palette-variables.css +0 -1
  24. package/dist/palette-variables.js +0 -1
package/dist/fkui-css-variables.css CHANGED
@@ -1,248 +1,223 @@
1
- :root {
2
- --f-text-color-default: #1b1e23;
3
- --f-text-color-default-inverted: #ffffff;
4
- --f-text-color-discrete: #5f6165;
5
- --f-text-color-link: #4a52b6;
6
- --f-text-color-link-hover: #1b1e23;
7
- --f-text-color-link-discrete: #1b1e23;
8
- --f-text-color-link-discrete-hover: #4a52b6;
9
- --f-text-color-heading-1: inherit;
10
- --f-text-color-heading-2: inherit;
11
- --f-text-color-heading-3: inherit;
12
- --f-text-color-heading-4: inherit;
13
- --f-text-color-heading-5: inherit;
14
- --f-text-color-heading-6: inherit;
15
- --f-text-color-heading-expandable-panel: #ffffff;
16
- --f-text-color-button-discrete-hover: #3b4292;
17
- --f-text-color-button-discrete-inverted-hover: #ffffff;
18
- --f-text-color-menu: #1b1e23;
19
- --f-text-color-menu-hover: #1b1e23;
20
- --f-text-color-menu-horizontal-highlight: #1b1e23;
21
- --f-text-color-popupmenu: #1b1e23;
22
- --f-text-color-popupmenu-hover: #1b1e23;
23
- --f-icon-color-white: #ffffff;
24
- --f-icon-color-primary: #4a52b6;
25
- --f-icon-color-success: #35805b;
26
- --f-icon-color-notice: #d34503;
27
- --f-icon-color-loader: #35805b;
28
- --f-icon-color-expandable-panel: #ffffff;
29
- --f-icon-color-table-header: #1b1e23;
30
- --f-icon-color-table-header-discrete: #8d8e91;
31
- --f-icon-color-sort-filter-dataset-close: #1b1e23;
32
- --f-icon-color-sort-filter-dataset-search: #8d8e91;
33
- --f-icon-color-success-background: #dbe9e2;
34
- --f-background-overlay: rgba(0, 0, 0, 0.75);
35
- --f-background-pageheader-primary: #116a3e;
36
- --f-background-skiplink-focus: #f5f6fa;
37
- --f-background-heading-expandable-panel: #116a3e;
38
- --f-background-heading-expandable-panel-hover: #35805b;
39
- --f-background-expandable-panel: #ffffff;
40
- --f-background-heading-static-panel: #afcfb5;
41
- --f-background-code: #f4f4f4;
42
- --f-background-button-discrete-hover: none;
43
- --f-background-sidepanel-button-tertiary-hover: #e5e5f5;
44
- --f-background-grid-default: #ffffff;
45
- --f-background-grid-active: #e5e5f5;
46
- --f-background-grid-hover: #f5f6fa;
47
- --f-background-grid-striped: #f4f4f4;
48
- --f-background-grid-header: #f4f4f4;
49
- --f-background-grid-focus-inner: #f5f6fa;
50
- --f-background-tab-active: #ffffff;
51
- --f-background-tab-inactive: #f5f6fa;
52
- --f-background-menu: #f4f4f4;
53
- --f-background-menu-vertical-hover: #ddddde;
54
- --f-background-menu-vertical-highlight: #e7f0e9;
55
- --f-background-popupmenu: #ffffff;
56
- --f-background-popupmenu-vertical-hover: #ddddde;
57
- --f-background-popupmenu-vertical-highlight: #e7f0e9;
58
- --f-border-color-panel: #e7f0e9;
59
- --f-border-color-expandable-panel: #116a3e;
60
- --f-border-color-static-panel: #afcfb5;
61
- --f-border-color-separator: #ddddde;
62
- --f-border-color-separator-pageheader-primary: #ffffff;
63
- --f-border-color-separator-contextmenu: #8d8e91;
64
- --f-border-color-link: #4a52b6;
65
- --f-border-color-link-hover: #8d8e91;
66
- --f-border-color-link-discrete: #8d8e91;
67
- --f-border-color-link-discrete-hover: #4a52b6;
68
- --f-border-color-grid: #8d8e91;
69
- --f-border-color-grid-header: #8d8e91;
70
- --f-border-color-grid-hover: #8d8e91;
71
- --f-border-color-grid-expanded: #ddddde;
72
- --f-border-color-expandable-panel-closed: none;
73
- --f-border-color-menu-horizontal: #116a3e;
74
- --f-border-color-menu-horizontal-hover: #afcfb5;
75
- --f-border-color-menu-horizontal-highlight: #116a3e;
76
- --f-border-color-popupmenu: #ddddde;
77
- --f-box-modal-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
78
- --f-input-shadow-inset: inset 0 2px 3px rgba(0, 0, 0, 0.1);
79
- --f-font-family: "ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
80
- --f-font-family-code: "Consolas", "Liberation Mono", "Courier", monospace;
81
- --f-font-size-default-rem: 16px;
82
- --f-font-size-default-large-up-rem: 16px;
83
- --f-font-weight-normal: 400;
84
- --f-font-weight-medium: 700;
85
- --f-font-weight-bold: 900;
86
- --f-line-height-small: 1.25;
87
- --f-line-height-medium: 1.4;
88
- --f-line-height-large: 1.5;
89
- --f-font-size-h1: 2.5rem;
90
- --f-font-size-h2: 1.75rem;
91
- --f-font-size-xxx-large: 1.5rem;
92
- --f-font-size-h3: 1.375rem;
93
- --f-font-size-h4: 1.25rem;
94
- --f-font-size-large: 1.125rem;
95
- --f-font-size-standard: 1rem;
96
- --f-icon-size-x-small: 0.75rem;
97
- --f-icon-size-small: 1rem;
98
- --f-icon-size-medium: 1.25rem;
99
- --f-icon-size-large: 1.5rem;
100
- --f-icon-size-x-large: 2rem;
101
- --f-height-small: 0.75rem;
102
- --f-height-medium: 1.25rem;
103
- --f-height-large: 2.5rem;
104
- --f-width-full: 100%;
105
- --f-border-width-small: 1px;
106
- --f-border-width-medium: 2px;
107
- --f-border-radius-small: 2px;
108
- --f-border-radius-medium: 4px;
109
- --f-margin-component-bottom: 1.5rem;
110
- --padding-input-fields: 0 2.25rem 0 0.75rem;
111
- --f-color-focus: #1b1e23;
112
- --f-focus-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #1b1e23, 0 0 0 6px #ffffff;
113
- --f-animation-duration-short: 150ms;
114
- --f-animation-duration-medium: 350ms;
115
- --f-animation-duration-long: 500ms;
116
- --f-animation-expand-open: all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
117
- --f-animation-expand-close: all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
118
- --f-density-factor: 1;
119
- --f-static-panel-heading-border: none;
120
- --f-expandable-panel-heading-border-close: none;
121
- --f-expandable-panel-heading-border-open: none;
122
- --f-expandable-panel-heading-border-radius: 4px 4px 0 0;
123
- --f-label-message-margin-top: 0.25rem;
124
- --f-button-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
125
- --f-button-shadow-hover: 0 1px 3px rgba(0, 0, 0, 0.3);
126
- --f-button-min-width: 9.5rem;
127
- --f-button-letter-spacing: 0.01rem;
128
- --f-button-default-line-height: 1.5rem;
129
- --f-button-discrete-radius-hover: none;
130
- --f-button-tertiary-table-column-action-icon-margin: 0 8px 0 2px;
131
- --f-button-tertiary-table-column-action-margin: 0 0 0 0.5rem;
132
- --f-button-default-padding-top: 1rem;
133
- --f-button-default-padding-right: 1.5rem;
134
- --f-button-default-padding-bottom: 1rem;
135
- --f-button-default-padding-left: 1.5rem;
136
- --f-button-primary-padding-top: 1rem;
137
- --f-button-primary-padding-right: 1.5rem;
138
- --f-button-primary-padding-bottom: 1rem;
139
- --f-button-primary-padding-left: 1.5rem;
140
- --f-button-secondary-padding-top: 1rem;
141
- --f-button-secondary-padding-right: 1.5rem;
142
- --f-button-secondary-padding-bottom: 1rem;
143
- --f-button-secondary-padding-left: 1.5rem;
144
- --f-button-standard-padding-top: 1rem;
145
- --f-button-standard-padding-right: 1.5rem;
146
- --f-button-standard-padding-bottom: 1rem;
147
- --f-button-standard-padding-left: 1.5rem;
148
- --f-button-tertiary-padding-top: 0.75rem;
149
- --f-button-tertiary-padding-right: 0.5rem;
150
- --f-button-tertiary-padding-bottom: 0.75rem;
151
- --f-button-tertiary-padding-left: 0.5rem;
152
- --f-button-discrete-padding-top: initial;
153
- --f-button-discrete-padding-right: initial;
154
- --f-button-discrete-padding-bottom: initial;
155
- --f-button-discrete-padding-left: initial;
156
- --f-button-discrete-black-padding-top: initial;
157
- --f-button-discrete-black-padding-right: initial;
158
- --f-button-discrete-black-padding-bottom: initial;
159
- --f-button-discrete-black-padding-left: initial;
160
- --f-modal-close-button-margin: 1rem 1rem 0;
161
- --f-modal-close-button-padding: none;
162
- --f-modal-size-small: 500px;
163
- --f-modal-size-medium: 700px;
164
- --f-modal-size-large: 1200px;
165
- --f-modal-size-fullwidth: 100%;
166
- --f-modal-title-font-size: 1.25rem;
167
- --f-tooltip-close-button-margin: 0.375rem 0.375rem 0.625rem 0.625rem;
168
- --f-tooltip-border-color: #8d8e91;
169
- --f-tooltip-border-width: var(--f-border-width-medium);
170
- --f-loader-size: 4rem;
171
- --f-loader-margin: 0 auto 3rem auto;
172
- --f-table-body-row-padding: 0.5rem;
173
- --f-list-item-itempane-padding: 1.25rem;
174
- --i-popup-error-offset: 24px;
175
- --f-tooltip-offset: 0px;
176
- --f-tooltip-icon-size: 0px;
177
- --f-logo-image-small: none;
178
- --f-logo-image-large: none;
179
- --f-logo-size-small: 0.8rem;
180
- --f-logo-size-large: 0.8rem 6.195rem;
181
- --f-calendar-height: 21rem;
182
- --size: 0;
183
- --min: 0;
184
- --max: 0;
185
- --fkds-color-text-primary: #1b1e23;
186
- --fkds-color-text-secondary: #5f6165;
187
- --fkds-color-text-inverted: #ffffff;
188
- --fkds-color-text-disabled: #8d8e91;
189
- --fkds-color-background-primary: #ffffff;
190
- --fkds-color-background-secondary: #f4f4f4;
191
- --fkds-color-background-tertiary: #ddddde;
192
- --fkds-color-background-disabled: #f4f4f4;
193
- --fkds-color-border-primary: #8d8e91;
194
- --fkds-color-border-strong: #5f6165;
195
- --fkds-color-border-weak: #ddddde;
196
- --fkds-color-border-disabled: #8d8e91;
197
- --fkds-color-border-inverted: #ffffff;
198
- --fkds-color-action-text-primary-default: #4a52b6;
199
- --fkds-color-action-text-primary-hover: #3b4292;
200
- --fkds-color-action-text-primary-active: #3b4292;
201
- --fkds-color-action-text-primary-focus: #3b4292;
202
- --fkds-color-action-text-secondary-default: #1b1e23;
203
- --fkds-color-action-text-secondary-hover: #3b4292;
204
- --fkds-color-action-text-secondary-active: #3b4292;
205
- --fkds-color-action-text-secondary-focus: #3b4292;
206
- --fkds-color-action-text-inverted-default: #ffffff;
207
- --fkds-color-action-text-inverted-hover: #ffffff;
208
- --fkds-color-action-text-inverted-active: #ffffff;
209
- --fkds-color-action-text-inverted-focus: #ffffff;
210
- --fkds-color-action-background-primary-default: #4a52b6;
211
- --fkds-color-action-background-primary-hover: #3b4292;
212
- --fkds-color-action-background-primary-active: #3b4292;
213
- --fkds-color-action-background-primary-focus: #3b4292;
214
- --fkds-color-action-background-secondary-default: #f5f6fa;
215
- --fkds-color-action-background-secondary-hover: #e5e5f5;
216
- --fkds-color-action-background-secondary-active: #e5e5f5;
217
- --fkds-color-action-background-secondary-focus: #e5e5f5;
218
- --fkds-color-action-border-primary-default: #4a52b6;
219
- --fkds-color-action-border-primary-hover: #3b4292;
220
- --fkds-color-action-border-primary-active: #3b4292;
221
- --fkds-color-action-border-primary-focus: #3b4292;
222
- --fkds-color-feedback-background-neutral: #f4f4f4;
223
- --fkds-color-feedback-background-neutral-strong: #ddddde;
224
- --fkds-color-feedback-background-info: #f5f6fa;
225
- --fkds-color-feedback-background-info-strong: #4a52b6;
226
- --fkds-color-feedback-background-positive: #f3f8f5;
227
- --fkds-color-feedback-background-positive-strong: #35805b;
228
- --fkds-color-feedback-background-warning: #fffcf3;
229
- --fkds-color-feedback-background-warning-strong: #ffbe10;
230
- --fkds-color-feedback-background-negative: #fcf3f3;
231
- --fkds-color-feedback-background-negative-strong: #ca1515;
232
- --fkds-color-feedback-border-neutral: #8d8e91;
233
- --fkds-color-feedback-border-info: #4a52b6;
234
- --fkds-color-feedback-border-positive: #35805b;
235
- --fkds-color-feedback-border-warning: #ffbe10;
236
- --fkds-color-feedback-border-negative: #ca1515;
237
- --fkds-color-feedback-text-negative: #ca1515;
238
- --fkds-color-feedback-text-positive: #35805b;
239
- --fkds-color-select-background-primary-default: #4a52b6;
240
- --fkds-color-select-background-primary-hover: #e5e5f5;
241
- --fkds-color-select-background-primary-active: #e5e5f5;
242
- --fkds-color-select-background-primary-focus: #e5e5f5;
243
- --fkds-color-select-background-secondary-default: #35805b;
244
- --fkds-color-select-background-secondary-hover: #dbe9e2;
245
- --fkds-color-select-background-secondary-active: #dbe9e2;
246
- --fkds-color-select-background-secondary-focus: #dbe9e2;
247
- --fkui-theme-default-version: "6.24.0";
248
- }
1
+ :root{
2
+ --f-text-color-link:#4a52b6;
3
+ --f-text-color-link-hover:#1b1e23;
4
+ --f-text-color-link-discrete:#1b1e23;
5
+ --f-text-color-link-discrete-hover:#4a52b6;
6
+ --f-text-color-heading-1:inherit;
7
+ --f-text-color-heading-2:inherit;
8
+ --f-text-color-heading-3:inherit;
9
+ --f-text-color-heading-4:inherit;
10
+ --f-text-color-heading-5:inherit;
11
+ --f-text-color-heading-6:inherit;
12
+ --f-text-color-heading-expandable-panel:#fff;
13
+ --f-text-color-menu:#1b1e23;
14
+ --f-text-color-menu-hover:#1b1e23;
15
+ --f-text-color-menu-horizontal-highlight:#1b1e23;
16
+ --f-text-color-popupmenu:#1b1e23;
17
+ --f-text-color-popupmenu-hover:#1b1e23;
18
+ --f-icon-color-white:#fff;
19
+ --f-icon-color-success:#35805b;
20
+ --f-icon-color-notice:#d34503;
21
+ --f-icon-color-expandable-panel:#fff;
22
+ --f-icon-color-success-background:#dbe9e2;
23
+ --f-background-overlay:rgba(0,0,0,.75);
24
+ --f-background-pageheader-primary:#116a3e;
25
+ --f-background-skiplink-focus:#f5f6fa;
26
+ --f-background-heading-expandable-panel:#116a3e;
27
+ --f-background-heading-expandable-panel-hover:#35805b;
28
+ --f-background-expandable-panel:#fff;
29
+ --f-background-heading-static-panel:#afcfb5;
30
+ --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
31
+ --f-background-menu:#f4f4f4;
32
+ --f-background-menu-vertical-hover:#ddddde;
33
+ --f-background-menu-vertical-highlight:#e7f0e9;
34
+ --f-background-popupmenu:#fff;
35
+ --f-background-popupmenu-vertical-hover:#ddddde;
36
+ --f-background-popupmenu-vertical-highlight:#e7f0e9;
37
+ --f-border-color-panel:#e7f0e9;
38
+ --f-border-color-expandable-panel:#116a3e;
39
+ --f-border-color-static-panel:#afcfb5;
40
+ --f-border-color-separator:#ddddde;
41
+ --f-border-color-separator-pageheader-primary:#fff;
42
+ --f-border-color-separator-contextmenu:#8d8e91;
43
+ --f-border-color-link:#4a52b6;
44
+ --f-border-color-link-hover:#8d8e91;
45
+ --f-border-color-link-discrete:#8d8e91;
46
+ --f-border-color-link-discrete-hover:#4a52b6;
47
+ --f-border-color-expandable-panel-closed:none;
48
+ --f-border-color-menu-horizontal:#116a3e;
49
+ --f-border-color-menu-horizontal-hover:#afcfb5;
50
+ --f-border-color-menu-horizontal-highlight:#116a3e;
51
+ --f-border-color-popupmenu:#ddddde;
52
+ --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
53
+ --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
54
+ --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
55
+ --f-font-family-code:"Consolas", "Liberation Mono", "Courier", monospace;
56
+ --f-font-size-default-rem:16px;
57
+ --f-font-size-default-large-up-rem:16px;
58
+ --f-font-weight-normal:400;
59
+ --f-font-weight-medium:700;
60
+ --f-font-weight-bold:900;
61
+ --f-line-height-small:1.25;
62
+ --f-line-height-medium:1.4;
63
+ --f-line-height-large:1.5;
64
+ --f-font-size-h1:2.5rem;
65
+ --f-font-size-h2:1.75rem;
66
+ --f-font-size-xxx-large:1.5rem;
67
+ --f-font-size-h3:1.375rem;
68
+ --f-font-size-h4:1.25rem;
69
+ --f-font-size-large:1.125rem;
70
+ --f-font-size-standard:1rem;
71
+ --f-icon-size-x-small:0.75rem;
72
+ --f-icon-size-small:1rem;
73
+ --f-icon-size-medium:1.25rem;
74
+ --f-icon-size-large:1.5rem;
75
+ --f-icon-size-x-large:2rem;
76
+ --f-height-small:0.75rem;
77
+ --f-height-medium:1.25rem;
78
+ --f-height-large:2.5rem;
79
+ --f-width-full:100%;
80
+ --f-border-width-small:1px;
81
+ --f-border-width-medium:2px;
82
+ --f-border-radius-small:2px;
83
+ --f-border-radius-medium:4px;
84
+ --f-margin-component-bottom:1.5rem;
85
+ --padding-input-fields:0 2.25rem 0 0.75rem;
86
+ --f-color-focus:#1b1e23;
87
+ --f-focus-box-shadow:0 0 0 2px #fff, 0 0 0 4px #1b1e23, 0 0 0 6px #fff;
88
+ --f-animation-duration-short:150ms;
89
+ --f-animation-duration-medium:350ms;
90
+ --f-animation-duration-long:500ms;
91
+ --f-animation-expand-open:all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
92
+ --f-animation-expand-close:all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
93
+ --f-density-factor:1;
94
+ --f-static-panel-heading-border:none;
95
+ --f-expandable-panel-heading-border-close:none;
96
+ --f-expandable-panel-heading-border-open:none;
97
+ --f-expandable-panel-heading-border-radius:4px 4px 0 0;
98
+ --f-label-message-margin-top:0.25rem;
99
+ --f-button-shadow:0 1px 3px rgba(0,0,0,.3);
100
+ --f-button-shadow-hover:0 1px 3px rgba(0,0,0,.3);
101
+ --f-button-min-width:9.5rem;
102
+ --f-button-letter-spacing:0.01rem;
103
+ --f-button-default-line-height:1.5rem;
104
+ --f-button-discrete-radius-hover:none;
105
+ --f-button-tertiary-table-column-action-icon-margin:0 8px 0 2px;
106
+ --f-button-tertiary-table-column-action-margin:0 0 0 0.5rem;
107
+ --f-button-default-padding-top:1rem;
108
+ --f-button-default-padding-right:1.5rem;
109
+ --f-button-default-padding-bottom:1rem;
110
+ --f-button-default-padding-left:1.5rem;
111
+ --f-button-primary-padding-top:1rem;
112
+ --f-button-primary-padding-right:1.5rem;
113
+ --f-button-primary-padding-bottom:1rem;
114
+ --f-button-primary-padding-left:1.5rem;
115
+ --f-button-secondary-padding-top:1rem;
116
+ --f-button-secondary-padding-right:1.5rem;
117
+ --f-button-secondary-padding-bottom:1rem;
118
+ --f-button-secondary-padding-left:1.5rem;
119
+ --f-button-standard-padding-top:1rem;
120
+ --f-button-standard-padding-right:1.5rem;
121
+ --f-button-standard-padding-bottom:1rem;
122
+ --f-button-standard-padding-left:1.5rem;
123
+ --f-button-tertiary-padding-top:0.75rem;
124
+ --f-button-tertiary-padding-right:0.5rem;
125
+ --f-button-tertiary-padding-bottom:0.75rem;
126
+ --f-button-tertiary-padding-left:0.5rem;
127
+ --f-button-discrete-padding-top:initial;
128
+ --f-button-discrete-padding-right:initial;
129
+ --f-button-discrete-padding-bottom:initial;
130
+ --f-button-discrete-padding-left:initial;
131
+ --f-button-discrete-black-padding-top:initial;
132
+ --f-button-discrete-black-padding-right:initial;
133
+ --f-button-discrete-black-padding-bottom:initial;
134
+ --f-button-discrete-black-padding-left:initial;
135
+ --f-modal-close-button-margin:1rem 1rem 0;
136
+ --f-modal-close-button-padding:none;
137
+ --f-modal-size-small:500px;
138
+ --f-modal-size-medium:700px;
139
+ --f-modal-size-large:1200px;
140
+ --f-modal-size-fullwidth:100%;
141
+ --f-modal-title-font-size:1.25rem;
142
+ --f-tooltip-close-button-margin:0.375rem 0.375rem 0.625rem 0.625rem;
143
+ --f-tooltip-border-color:#8d8e91;
144
+ --f-tooltip-border-width:var(--f-border-width-medium);
145
+ --f-loader-size:4rem;
146
+ --f-loader-margin:0 auto 3rem auto;
147
+ --f-table-body-row-padding:0.5rem;
148
+ --f-list-item-itempane-padding:1.25rem;
149
+ --i-popup-error-offset:24px;
150
+ --f-tooltip-offset:0px;
151
+ --f-tooltip-icon-size:0px;
152
+ --f-logo-image-small:none;
153
+ --f-logo-image-large:none;
154
+ --f-logo-size-small:0.8rem;
155
+ --f-logo-size-large:0.8rem 6.195rem;
156
+ --f-calendar-height:21rem;
157
+ --size:0;
158
+ --min:0;
159
+ --max:0;
160
+ --fkds-color-text-primary:#1b1e23;
161
+ --fkds-color-text-secondary:#5f6165;
162
+ --fkds-color-text-inverted:#fff;
163
+ --fkds-color-text-disabled:#8d8e91;
164
+ --fkds-color-background-primary:#fff;
165
+ --fkds-color-background-secondary:#f4f4f4;
166
+ --fkds-color-background-tertiary:#ddddde;
167
+ --fkds-color-background-disabled:#f4f4f4;
168
+ --fkds-color-border-primary:#8d8e91;
169
+ --fkds-color-border-strong:#5f6165;
170
+ --fkds-color-border-weak:#ddddde;
171
+ --fkds-color-border-disabled:#8d8e91;
172
+ --fkds-color-border-inverted:#fff;
173
+ --fkds-color-action-text-primary-default:#4a52b6;
174
+ --fkds-color-action-text-primary-hover:#3b4292;
175
+ --fkds-color-action-text-primary-active:#3b4292;
176
+ --fkds-color-action-text-primary-focus:#3b4292;
177
+ --fkds-color-action-text-secondary-default:#1b1e23;
178
+ --fkds-color-action-text-secondary-hover:#3b4292;
179
+ --fkds-color-action-text-secondary-active:#3b4292;
180
+ --fkds-color-action-text-secondary-focus:#3b4292;
181
+ --fkds-color-action-text-inverted-default:#fff;
182
+ --fkds-color-action-text-inverted-hover:#fff;
183
+ --fkds-color-action-text-inverted-active:#fff;
184
+ --fkds-color-action-text-inverted-focus:#fff;
185
+ --fkds-color-action-background-primary-default:#4a52b6;
186
+ --fkds-color-action-background-primary-hover:#3b4292;
187
+ --fkds-color-action-background-primary-active:#3b4292;
188
+ --fkds-color-action-background-primary-focus:#3b4292;
189
+ --fkds-color-action-background-secondary-default:#f5f6fa;
190
+ --fkds-color-action-background-secondary-hover:#e5e5f5;
191
+ --fkds-color-action-background-secondary-active:#e5e5f5;
192
+ --fkds-color-action-background-secondary-focus:#e5e5f5;
193
+ --fkds-color-action-border-primary-default:#4a52b6;
194
+ --fkds-color-action-border-primary-hover:#3b4292;
195
+ --fkds-color-action-border-primary-active:#3b4292;
196
+ --fkds-color-action-border-primary-focus:#3b4292;
197
+ --fkds-color-feedback-background-neutral:#f4f4f4;
198
+ --fkds-color-feedback-background-neutral-strong:#ddddde;
199
+ --fkds-color-feedback-background-info:#f5f6fa;
200
+ --fkds-color-feedback-background-info-strong:#4a52b6;
201
+ --fkds-color-feedback-background-positive:#f3f8f5;
202
+ --fkds-color-feedback-background-positive-strong:#35805b;
203
+ --fkds-color-feedback-background-warning:#fffcf3;
204
+ --fkds-color-feedback-background-warning-strong:#ffbe10;
205
+ --fkds-color-feedback-background-negative:#fcf3f3;
206
+ --fkds-color-feedback-background-negative-strong:#ca1515;
207
+ --fkds-color-feedback-border-neutral:#8d8e91;
208
+ --fkds-color-feedback-border-info:#4a52b6;
209
+ --fkds-color-feedback-border-positive:#35805b;
210
+ --fkds-color-feedback-border-warning:#ffbe10;
211
+ --fkds-color-feedback-border-negative:#ca1515;
212
+ --fkds-color-feedback-text-negative:#ca1515;
213
+ --fkds-color-feedback-text-positive:#35805b;
214
+ --fkds-color-select-background-primary-default:#4a52b6;
215
+ --fkds-color-select-background-primary-hover:#e5e5f5;
216
+ --fkds-color-select-background-primary-active:#e5e5f5;
217
+ --fkds-color-select-background-primary-focus:#e5e5f5;
218
+ --fkds-color-select-background-secondary-default:#35805b;
219
+ --fkds-color-select-background-secondary-hover:#dbe9e2;
220
+ --fkds-color-select-background-secondary-active:#dbe9e2;
221
+ --fkds-color-select-background-secondary-focus:#dbe9e2;
222
+ --fkui-theme-default-version:"6.25.0";
223
+ }
package/dist/fkui-css-variables.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const value: Record<string, string>;
2
+ export = value;