@fkui/theme-desktop 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 (26) hide show
  1. package/LICENSE.md +7 -0
  2. package/README.md +4 -0
  3. package/dist/metadata.d.mts +14 -0
  4. package/dist/metadata.mjs +376 -0
  5. package/dist/palette.json +363 -0
  6. package/dist/palette.json.d.ts +15 -0
  7. package/dist/theme-auto.css +520 -0
  8. package/dist/theme-auto.js +1 -0
  9. package/dist/theme-dark.css +252 -0
  10. package/dist/theme-dark.js +1 -0
  11. package/dist/theme-light.css +252 -0
  12. package/dist/theme-light.js +1 -0
  13. package/package.json +59 -0
  14. package/src/_default.scss +31 -0
  15. package/src/_version.scss +2 -0
  16. package/src/auto/_theme.scss +14 -0
  17. package/src/dark/_theme.scss +10 -0
  18. package/src/dark/_variables.scss +5 -0
  19. package/src/light/_theme.scss +10 -0
  20. package/src/light/_variables.scss +5 -0
  21. package/src/palette-variables.scss +75 -0
  22. package/src/shared/_index.scss +11 -0
  23. package/src/theme-auto.scss +9 -0
  24. package/src/theme-dark.scss +9 -0
  25. package/src/theme-light.scss +9 -0
  26. package/type-stub.d.ts +1 -0
package/dist/theme-dark.css ADDED
@@ -0,0 +1,252 @@
1
+ :root{
2
+ --f-text-color-default:#1b1e23;
3
+ --f-text-color-default-inverted:#fff;
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:#fff;
16
+ --f-text-color-button-discrete-hover:#3b4292;
17
+ --f-text-color-button-discrete-inverted-hover:#fff;
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:#fff;
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:#fff;
29
+ --f-icon-color-expandable-paragraph:#35805b;
30
+ --f-icon-color-table-header:#1b1e23;
31
+ --f-icon-color-table-header-discrete:#8d8e91;
32
+ --f-icon-color-sort-filter-dataset-close:#1b1e23;
33
+ --f-icon-color-sort-filter-dataset-search:#8d8e91;
34
+ --f-icon-color-success-background:#dbe9e2;
35
+ --f-background-overlay:rgba(0,0,0,.75);
36
+ --f-background-pageheader-primary:#116a3e;
37
+ --f-background-skiplink-focus:#f5f6fa;
38
+ --f-background-heading-expandable-panel:#116a3e;
39
+ --f-background-heading-expandable-panel-hover:#35805b;
40
+ --f-background-expandable-panel:#fff;
41
+ --f-background-heading-static-panel:#afcfb5;
42
+ --f-background-code:#f4f4f4;
43
+ --f-background-button-discrete-hover:none;
44
+ --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
45
+ --f-background-grid-default:#fff;
46
+ --f-background-grid-active:#e5e5f5;
47
+ --f-background-grid-hover:#f5f6fa;
48
+ --f-background-grid-striped:#f4f4f4;
49
+ --f-background-grid-header:#f4f4f4;
50
+ --f-background-grid-focus-inner:#f5f6fa;
51
+ --f-background-tab-active:#fff;
52
+ --f-background-tab-inactive:#f5f6fa;
53
+ --f-background-menu:#f4f4f4;
54
+ --f-background-menu-vertical-hover:#ddddde;
55
+ --f-background-menu-vertical-highlight:#e7f0e9;
56
+ --f-background-popupmenu:#fff;
57
+ --f-background-popupmenu-vertical-hover:#ddddde;
58
+ --f-background-popupmenu-vertical-highlight:#e7f0e9;
59
+ --f-border-color-panel:#e7f0e9;
60
+ --f-border-color-expandable-panel:#116a3e;
61
+ --f-border-color-static-panel:#afcfb5;
62
+ --f-border-color-separator:#ddddde;
63
+ --f-border-color-separator-pageheader-primary:#fff;
64
+ --f-border-color-separator-contextmenu:#8d8e91;
65
+ --f-border-color-link:#4a52b6;
66
+ --f-border-color-link-hover:#8d8e91;
67
+ --f-border-color-link-discrete:#8d8e91;
68
+ --f-border-color-link-discrete-hover:#4a52b6;
69
+ --f-border-color-grid:#8d8e91;
70
+ --f-border-color-grid-header:#8d8e91;
71
+ --f-border-color-grid-hover:#8d8e91;
72
+ --f-border-color-grid-expanded:#ddddde;
73
+ --f-border-color-expandable-panel-closed:none;
74
+ --f-border-color-menu-horizontal:#116a3e;
75
+ --f-border-color-menu-horizontal-hover:#afcfb5;
76
+ --f-border-color-menu-horizontal-highlight:#116a3e;
77
+ --f-border-color-popupmenu:#ddddde;
78
+ --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
79
+ --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
80
+ --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
81
+ --f-font-family-code:"Consolas", "Liberation Mono", "Courier", monospace;
82
+ --f-font-size-default-rem:16px;
83
+ --f-font-size-default-large-up-rem:16px;
84
+ --f-font-weight-normal:400;
85
+ --f-font-weight-medium:700;
86
+ --f-font-weight-bold:900;
87
+ --f-line-height-small:1.25;
88
+ --f-line-height-medium:1.4;
89
+ --f-line-height-large:1.5;
90
+ --f-font-size-h1:2.5rem;
91
+ --f-font-size-h2:1.75rem;
92
+ --f-font-size-xxx-large:1.5rem;
93
+ --f-font-size-h3:1.375rem;
94
+ --f-font-size-h4:1.25rem;
95
+ --f-font-size-large:1.125rem;
96
+ --f-font-size-standard:1rem;
97
+ --f-icon-size-x-small:0.75rem;
98
+ --f-icon-size-small:1rem;
99
+ --f-icon-size-medium:1.25rem;
100
+ --f-icon-size-large:1.5rem;
101
+ --f-icon-size-x-large:2rem;
102
+ --f-height-small:0.75rem;
103
+ --f-height-medium:1.25rem;
104
+ --f-height-large:2.5rem;
105
+ --f-width-full:100%;
106
+ --f-border-width-small:1px;
107
+ --f-border-width-medium:2px;
108
+ --f-border-radius-small:2px;
109
+ --f-border-radius-medium:4px;
110
+ --f-margin-component-bottom:1.5rem;
111
+ --padding-input-fields:0 2.25rem 0 0.75rem;
112
+ --f-color-focus:#1b1e23;
113
+ --f-focus-box-shadow:0 0 0 2px #fff, 0 0 0 4px #1b1e23, 0 0 0 6px #fff;
114
+ --f-animation-duration-short:150ms;
115
+ --f-animation-duration-medium:350ms;
116
+ --f-animation-duration-long:500ms;
117
+ --f-animation-expand-open:all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
118
+ --f-animation-expand-close:all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
119
+ --f-density-factor:1;
120
+ --f-static-panel-heading-border:none;
121
+ --f-expandable-panel-heading-border-close:none;
122
+ --f-expandable-panel-heading-border-open:none;
123
+ --f-expandable-panel-heading-border-radius:4px 4px 0 0;
124
+ --f-label-message-margin-top:0.25rem;
125
+ --f-button-shadow:0 1px 3px rgba(0,0,0,.3);
126
+ --f-button-shadow-hover:0 1px 3px rgba(0,0,0,.3);
127
+ --f-button-min-width:9.5rem;
128
+ --f-button-letter-spacing:0.01rem;
129
+ --f-button-default-line-height:1.5rem;
130
+ --f-button-discrete-radius-hover:none;
131
+ --f-button-tertiary-table-column-action-icon-margin:0 8px 0 2px;
132
+ --f-button-tertiary-table-column-action-margin:0 0 0 0.5rem;
133
+ --f-button-default-padding-top:1rem;
134
+ --f-button-default-padding-right:1.5rem;
135
+ --f-button-default-padding-bottom:1rem;
136
+ --f-button-default-padding-left:1.5rem;
137
+ --f-button-primary-padding-top:1rem;
138
+ --f-button-primary-padding-right:1.5rem;
139
+ --f-button-primary-padding-bottom:1rem;
140
+ --f-button-primary-padding-left:1.5rem;
141
+ --f-button-secondary-padding-top:1rem;
142
+ --f-button-secondary-padding-right:1.5rem;
143
+ --f-button-secondary-padding-bottom:1rem;
144
+ --f-button-secondary-padding-left:1.5rem;
145
+ --f-button-standard-padding-top:1rem;
146
+ --f-button-standard-padding-right:1.5rem;
147
+ --f-button-standard-padding-bottom:1rem;
148
+ --f-button-standard-padding-left:1.5rem;
149
+ --f-button-tertiary-padding-top:0.75rem;
150
+ --f-button-tertiary-padding-right:0.5rem;
151
+ --f-button-tertiary-padding-bottom:0.75rem;
152
+ --f-button-tertiary-padding-left:0.5rem;
153
+ --f-button-discrete-padding-top:initial;
154
+ --f-button-discrete-padding-right:initial;
155
+ --f-button-discrete-padding-bottom:initial;
156
+ --f-button-discrete-padding-left:initial;
157
+ --f-button-discrete-black-padding-top:initial;
158
+ --f-button-discrete-black-padding-right:initial;
159
+ --f-button-discrete-black-padding-bottom:initial;
160
+ --f-button-discrete-black-padding-left:initial;
161
+ --f-modal-close-button-margin:1rem 1rem 0;
162
+ --f-modal-close-button-padding:none;
163
+ --f-modal-size-small:500px;
164
+ --f-modal-size-medium:700px;
165
+ --f-modal-size-large:1200px;
166
+ --f-modal-size-fullwidth:100%;
167
+ --f-modal-title-font-size:1.25rem;
168
+ --f-tooltip-close-button-margin:0.375rem 0.375rem 0.625rem 0.625rem;
169
+ --f-tooltip-border-color:#8d8e91;
170
+ --f-tooltip-border-width:var(--f-border-width-medium);
171
+ --f-loader-size:4rem;
172
+ --f-loader-margin:0 auto 3rem auto;
173
+ --f-table-body-row-padding:0.5rem;
174
+ --f-list-item-itempane-padding:1.25rem;
175
+ --i-popup-error-offset:24px;
176
+ --f-tooltip-offset:0px;
177
+ --f-tooltip-icon-size:0px;
178
+ --f-logo-image-small:none;
179
+ --f-logo-image-large:none;
180
+ --f-logo-size-small:0.8rem;
181
+ --f-logo-size-large:0.8rem 6.195rem;
182
+ --f-calendar-height:21rem;
183
+ --size:0;
184
+ --min:0;
185
+ --max:0;
186
+ --fkds-color-text-primary:#ddddde;
187
+ --fkds-color-text-secondary:#bbbbbd;
188
+ --fkds-color-text-inverted:#1b1e23;
189
+ --fkds-color-text-disabled:#8d8e91;
190
+ --fkds-color-background-primary:#1b1e23;
191
+ --fkds-color-background-secondary:#1b1e23;
192
+ --fkds-color-background-tertiary:#8d8e91;
193
+ --fkds-color-background-disabled:#5f6165;
194
+ --fkds-color-border-primary:#bbbbbd;
195
+ --fkds-color-border-strong:#ddddde;
196
+ --fkds-color-border-weak:#8d8e91;
197
+ --fkds-color-border-disabled:#bbbbbd;
198
+ --fkds-color-border-inverted:#1b1e23;
199
+ --fkds-color-action-text-primary-default:#a4a8db;
200
+ --fkds-color-action-text-primary-hover:#e5e5f5;
201
+ --fkds-color-action-text-primary-active:#e5e5f5;
202
+ --fkds-color-action-text-primary-focus:#e5e5f5;
203
+ --fkds-color-action-text-secondary-default:#ddddde;
204
+ --fkds-color-action-text-secondary-hover:#e5e5f5;
205
+ --fkds-color-action-text-secondary-active:#e5e5f5;
206
+ --fkds-color-action-text-secondary-focus:#f5f6fa;
207
+ --fkds-color-action-text-inverted-default:#1b1e23;
208
+ --fkds-color-action-text-inverted-hover:#1b1e23;
209
+ --fkds-color-action-text-inverted-active:#1b1e23;
210
+ --fkds-color-action-text-inverted-focus:#1b1e23;
211
+ --fkds-color-action-background-primary-default:#a4a8db;
212
+ --fkds-color-action-background-primary-hover:#e5e5f5;
213
+ --fkds-color-action-background-primary-active:#e5e5f5;
214
+ --fkds-color-action-background-primary-focus:#e5e5f5;
215
+ --fkds-color-action-background-secondary-default:#1b1e23;
216
+ --fkds-color-action-background-secondary-hover:#5f6165;
217
+ --fkds-color-action-background-secondary-active:#5f6165;
218
+ --fkds-color-action-background-secondary-focus:#5f6165;
219
+ --fkds-color-action-border-primary-default:#a4a8db;
220
+ --fkds-color-action-border-primary-hover:#e5e5f5;
221
+ --fkds-color-action-border-primary-active:#e5e5f5;
222
+ --fkds-color-action-border-primary-focus:#e5e5f5;
223
+ --fkds-color-feedback-background-neutral:#1b1e23;
224
+ --fkds-color-feedback-background-neutral-strong:#bbbbbd;
225
+ --fkds-color-feedback-background-info:#1b1e23;
226
+ --fkds-color-feedback-background-info-strong:#a4a8db;
227
+ --fkds-color-feedback-background-positive:#1b1e23;
228
+ --fkds-color-feedback-background-positive-strong:#88b49f;
229
+ --fkds-color-feedback-background-warning:#1b1e23;
230
+ --fkds-color-feedback-background-warning-strong:#ffdf87;
231
+ --fkds-color-feedback-background-negative:#1b1e23;
232
+ --fkds-color-feedback-background-negative-strong:#e48a8a;
233
+ --fkds-color-feedback-border-neutral:#8d8e91;
234
+ --fkds-color-feedback-border-info:#a4a8db;
235
+ --fkds-color-feedback-border-positive:#88b49f;
236
+ --fkds-color-feedback-border-warning:#ffdf87;
237
+ --fkds-color-feedback-border-negative:#e48a8a;
238
+ --fkds-color-feedback-text-negative:#e48a8a;
239
+ --fkds-color-feedback-text-positive:#88b49f;
240
+ --fkds-color-select-background-primary-default:#a4a8db;
241
+ --fkds-color-select-background-primary-hover:#656cc1;
242
+ --fkds-color-select-background-primary-active:#656cc1;
243
+ --fkds-color-select-background-primary-focus:#656cc1;
244
+ --fkds-color-select-background-secondary-default:#88b49f;
245
+ --fkds-color-select-background-secondary-hover:#35805b;
246
+ --fkds-color-select-background-secondary-active:#35805b;
247
+ --fkds-color-select-background-secondary-focus:#35805b;
248
+ --fkui-theme-default-version:"6.23.0";
249
+ --f-font-size-default-rem:14px;
250
+ --f-font-size-default-large-up-rem:14px;
251
+ --fkui-theme-desktop-version:"6.23.0";
252
+ }
package/dist/theme-dark.js ADDED
@@ -0,0 +1 @@
1
+ module.exports = {"--f-text-color-default":"#1b1e23","--f-text-color-default-inverted":"#fff","--f-text-color-discrete":"#5f6165","--f-text-color-link":"#4a52b6","--f-text-color-link-hover":"#1b1e23","--f-text-color-link-discrete":"#1b1e23","--f-text-color-link-discrete-hover":"#4a52b6","--f-text-color-heading-1":"inherit","--f-text-color-heading-2":"inherit","--f-text-color-heading-3":"inherit","--f-text-color-heading-4":"inherit","--f-text-color-heading-5":"inherit","--f-text-color-heading-6":"inherit","--f-text-color-heading-expandable-panel":"#fff","--f-text-color-button-discrete-hover":"#3b4292","--f-text-color-button-discrete-inverted-hover":"#fff","--f-text-color-menu":"#1b1e23","--f-text-color-menu-hover":"#1b1e23","--f-text-color-menu-horizontal-highlight":"#1b1e23","--f-text-color-popupmenu":"#1b1e23","--f-text-color-popupmenu-hover":"#1b1e23","--f-icon-color-white":"#fff","--f-icon-color-primary":"#4a52b6","--f-icon-color-success":"#35805b","--f-icon-color-notice":"#d34503","--f-icon-color-loader":"#35805b","--f-icon-color-expandable-panel":"#fff","--f-icon-color-expandable-paragraph":"#35805b","--f-icon-color-table-header":"#1b1e23","--f-icon-color-table-header-discrete":"#8d8e91","--f-icon-color-sort-filter-dataset-close":"#1b1e23","--f-icon-color-sort-filter-dataset-search":"#8d8e91","--f-icon-color-success-background":"#dbe9e2","--f-background-overlay":"rgba(0,0,0,.75)","--f-background-pageheader-primary":"#116a3e","--f-background-skiplink-focus":"#f5f6fa","--f-background-heading-expandable-panel":"#116a3e","--f-background-heading-expandable-panel-hover":"#35805b","--f-background-expandable-panel":"#fff","--f-background-heading-static-panel":"#afcfb5","--f-background-code":"#f4f4f4","--f-background-button-discrete-hover":"none","--f-background-sidepanel-button-tertiary-hover":"#e5e5f5","--f-background-grid-default":"#fff","--f-background-grid-active":"#e5e5f5","--f-background-grid-hover":"#f5f6fa","--f-background-grid-striped":"#f4f4f4","--f-background-grid-header":"#f4f4f4","--f-background-grid-focus-inner":"#f5f6fa","--f-background-tab-active":"#fff","--f-background-tab-inactive":"#f5f6fa","--f-background-menu":"#f4f4f4","--f-background-menu-vertical-hover":"#ddddde","--f-background-menu-vertical-highlight":"#e7f0e9","--f-background-popupmenu":"#fff","--f-background-popupmenu-vertical-hover":"#ddddde","--f-background-popupmenu-vertical-highlight":"#e7f0e9","--f-border-color-panel":"#e7f0e9","--f-border-color-expandable-panel":"#116a3e","--f-border-color-static-panel":"#afcfb5","--f-border-color-separator":"#ddddde","--f-border-color-separator-pageheader-primary":"#fff","--f-border-color-separator-contextmenu":"#8d8e91","--f-border-color-link":"#4a52b6","--f-border-color-link-hover":"#8d8e91","--f-border-color-link-discrete":"#8d8e91","--f-border-color-link-discrete-hover":"#4a52b6","--f-border-color-grid":"#8d8e91","--f-border-color-grid-header":"#8d8e91","--f-border-color-grid-hover":"#8d8e91","--f-border-color-grid-expanded":"#ddddde","--f-border-color-expandable-panel-closed":"none","--f-border-color-menu-horizontal":"#116a3e","--f-border-color-menu-horizontal-hover":"#afcfb5","--f-border-color-menu-horizontal-highlight":"#116a3e","--f-border-color-popupmenu":"#ddddde","--f-box-modal-shadow":"0 0 20px rgba(0,0,0,.3)","--f-input-shadow-inset":"inset 0 2px 3px rgba(0,0,0,.1)","--f-font-family":"\"ExpFont\", \"NeueHass\", \"Helvetica Neue\", \"Helvetica\", \"Roboto\", \"Arial\", sans-serif","--f-font-family-code":"\"Consolas\", \"Liberation Mono\", \"Courier\", monospace","--f-font-size-default-rem":"14px","--f-font-size-default-large-up-rem":"14px","--f-font-weight-normal":"400","--f-font-weight-medium":"700","--f-font-weight-bold":"900","--f-line-height-small":"1.25","--f-line-height-medium":"1.4","--f-line-height-large":"1.5","--f-font-size-h1":"2.5rem","--f-font-size-h2":"1.75rem","--f-font-size-xxx-large":"1.5rem","--f-font-size-h3":"1.375rem","--f-font-size-h4":"1.25rem","--f-font-size-large":"1.125rem","--f-font-size-standard":"1rem","--f-icon-size-x-small":"0.75rem","--f-icon-size-small":"1rem","--f-icon-size-medium":"1.25rem","--f-icon-size-large":"1.5rem","--f-icon-size-x-large":"2rem","--f-height-small":"0.75rem","--f-height-medium":"1.25rem","--f-height-large":"2.5rem","--f-width-full":"100%","--f-border-width-small":"1px","--f-border-width-medium":"2px","--f-border-radius-small":"2px","--f-border-radius-medium":"4px","--f-margin-component-bottom":"1.5rem","--padding-input-fields":"0 2.25rem 0 0.75rem","--f-color-focus":"#1b1e23","--f-focus-box-shadow":"0 0 0 2px #fff, 0 0 0 4px #1b1e23, 0 0 0 6px #fff","--f-animation-duration-short":"150ms","--f-animation-duration-medium":"350ms","--f-animation-duration-long":"500ms","--f-animation-expand-open":"all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s","--f-animation-expand-close":"all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s","--f-density-factor":"1","--f-static-panel-heading-border":"none","--f-expandable-panel-heading-border-close":"none","--f-expandable-panel-heading-border-open":"none","--f-expandable-panel-heading-border-radius":"4px 4px 0 0","--f-label-message-margin-top":"0.25rem","--f-button-shadow":"0 1px 3px rgba(0,0,0,.3)","--f-button-shadow-hover":"0 1px 3px rgba(0,0,0,.3)","--f-button-min-width":"9.5rem","--f-button-letter-spacing":"0.01rem","--f-button-default-line-height":"1.5rem","--f-button-discrete-radius-hover":"none","--f-button-tertiary-table-column-action-icon-margin":"0 8px 0 2px","--f-button-tertiary-table-column-action-margin":"0 0 0 0.5rem","--f-button-default-padding-top":"1rem","--f-button-default-padding-right":"1.5rem","--f-button-default-padding-bottom":"1rem","--f-button-default-padding-left":"1.5rem","--f-button-primary-padding-top":"1rem","--f-button-primary-padding-right":"1.5rem","--f-button-primary-padding-bottom":"1rem","--f-button-primary-padding-left":"1.5rem","--f-button-secondary-padding-top":"1rem","--f-button-secondary-padding-right":"1.5rem","--f-button-secondary-padding-bottom":"1rem","--f-button-secondary-padding-left":"1.5rem","--f-button-standard-padding-top":"1rem","--f-button-standard-padding-right":"1.5rem","--f-button-standard-padding-bottom":"1rem","--f-button-standard-padding-left":"1.5rem","--f-button-tertiary-padding-top":"0.75rem","--f-button-tertiary-padding-right":"0.5rem","--f-button-tertiary-padding-bottom":"0.75rem","--f-button-tertiary-padding-left":"0.5rem","--f-button-discrete-padding-top":"initial","--f-button-discrete-padding-right":"initial","--f-button-discrete-padding-bottom":"initial","--f-button-discrete-padding-left":"initial","--f-button-discrete-black-padding-top":"initial","--f-button-discrete-black-padding-right":"initial","--f-button-discrete-black-padding-bottom":"initial","--f-button-discrete-black-padding-left":"initial","--f-modal-close-button-margin":"1rem 1rem 0","--f-modal-close-button-padding":"none","--f-modal-size-small":"500px","--f-modal-size-medium":"700px","--f-modal-size-large":"1200px","--f-modal-size-fullwidth":"100%","--f-modal-title-font-size":"1.25rem","--f-tooltip-close-button-margin":"0.375rem 0.375rem 0.625rem 0.625rem","--f-tooltip-border-color":"#8d8e91","--f-tooltip-border-width":"var(--f-border-width-medium)","--f-loader-size":"4rem","--f-loader-margin":"0 auto 3rem auto","--f-table-body-row-padding":"0.5rem","--f-list-item-itempane-padding":"1.25rem","--i-popup-error-offset":"24px","--f-tooltip-offset":"0px","--f-tooltip-icon-size":"0px","--f-logo-image-small":"none","--f-logo-image-large":"none","--f-logo-size-small":"0.8rem","--f-logo-size-large":"0.8rem 6.195rem","--f-calendar-height":"21rem","--size":"0","--min":"0","--max":"0","--fkds-color-text-primary":"#ddddde","--fkds-color-text-secondary":"#bbbbbd","--fkds-color-text-inverted":"#1b1e23","--fkds-color-text-disabled":"#8d8e91","--fkds-color-background-primary":"#1b1e23","--fkds-color-background-secondary":"#1b1e23","--fkds-color-background-tertiary":"#8d8e91","--fkds-color-background-disabled":"#5f6165","--fkds-color-border-primary":"#bbbbbd","--fkds-color-border-strong":"#ddddde","--fkds-color-border-weak":"#8d8e91","--fkds-color-border-disabled":"#bbbbbd","--fkds-color-border-inverted":"#1b1e23","--fkds-color-action-text-primary-default":"#a4a8db","--fkds-color-action-text-primary-hover":"#e5e5f5","--fkds-color-action-text-primary-active":"#e5e5f5","--fkds-color-action-text-primary-focus":"#e5e5f5","--fkds-color-action-text-secondary-default":"#ddddde","--fkds-color-action-text-secondary-hover":"#e5e5f5","--fkds-color-action-text-secondary-active":"#e5e5f5","--fkds-color-action-text-secondary-focus":"#f5f6fa","--fkds-color-action-text-inverted-default":"#1b1e23","--fkds-color-action-text-inverted-hover":"#1b1e23","--fkds-color-action-text-inverted-active":"#1b1e23","--fkds-color-action-text-inverted-focus":"#1b1e23","--fkds-color-action-background-primary-default":"#a4a8db","--fkds-color-action-background-primary-hover":"#e5e5f5","--fkds-color-action-background-primary-active":"#e5e5f5","--fkds-color-action-background-primary-focus":"#e5e5f5","--fkds-color-action-background-secondary-default":"#1b1e23","--fkds-color-action-background-secondary-hover":"#5f6165","--fkds-color-action-background-secondary-active":"#5f6165","--fkds-color-action-background-secondary-focus":"#5f6165","--fkds-color-action-border-primary-default":"#a4a8db","--fkds-color-action-border-primary-hover":"#e5e5f5","--fkds-color-action-border-primary-active":"#e5e5f5","--fkds-color-action-border-primary-focus":"#e5e5f5","--fkds-color-feedback-background-neutral":"#1b1e23","--fkds-color-feedback-background-neutral-strong":"#bbbbbd","--fkds-color-feedback-background-info":"#1b1e23","--fkds-color-feedback-background-info-strong":"#a4a8db","--fkds-color-feedback-background-positive":"#1b1e23","--fkds-color-feedback-background-positive-strong":"#88b49f","--fkds-color-feedback-background-warning":"#1b1e23","--fkds-color-feedback-background-warning-strong":"#ffdf87","--fkds-color-feedback-background-negative":"#1b1e23","--fkds-color-feedback-background-negative-strong":"#e48a8a","--fkds-color-feedback-border-neutral":"#8d8e91","--fkds-color-feedback-border-info":"#a4a8db","--fkds-color-feedback-border-positive":"#88b49f","--fkds-color-feedback-border-warning":"#ffdf87","--fkds-color-feedback-border-negative":"#e48a8a","--fkds-color-feedback-text-negative":"#e48a8a","--fkds-color-feedback-text-positive":"#88b49f","--fkds-color-select-background-primary-default":"#a4a8db","--fkds-color-select-background-primary-hover":"#656cc1","--fkds-color-select-background-primary-active":"#656cc1","--fkds-color-select-background-primary-focus":"#656cc1","--fkds-color-select-background-secondary-default":"#88b49f","--fkds-color-select-background-secondary-hover":"#35805b","--fkds-color-select-background-secondary-active":"#35805b","--fkds-color-select-background-secondary-focus":"#35805b","--fkui-theme-default-version":"\"6.23.0\"","--fkui-theme-desktop-version":"\"6.23.0\""}
package/dist/theme-light.css ADDED
@@ -0,0 +1,252 @@
1
+ :root{
2
+ --f-text-color-default:#1b1e23;
3
+ --f-text-color-default-inverted:#fff;
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:#fff;
16
+ --f-text-color-button-discrete-hover:#3b4292;
17
+ --f-text-color-button-discrete-inverted-hover:#fff;
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:#fff;
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:#fff;
29
+ --f-icon-color-expandable-paragraph:#35805b;
30
+ --f-icon-color-table-header:#1b1e23;
31
+ --f-icon-color-table-header-discrete:#8d8e91;
32
+ --f-icon-color-sort-filter-dataset-close:#1b1e23;
33
+ --f-icon-color-sort-filter-dataset-search:#8d8e91;
34
+ --f-icon-color-success-background:#dbe9e2;
35
+ --f-background-overlay:rgba(0,0,0,.75);
36
+ --f-background-pageheader-primary:#116a3e;
37
+ --f-background-skiplink-focus:#f5f6fa;
38
+ --f-background-heading-expandable-panel:#116a3e;
39
+ --f-background-heading-expandable-panel-hover:#35805b;
40
+ --f-background-expandable-panel:#fff;
41
+ --f-background-heading-static-panel:#afcfb5;
42
+ --f-background-code:#f4f4f4;
43
+ --f-background-button-discrete-hover:none;
44
+ --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
45
+ --f-background-grid-default:#fff;
46
+ --f-background-grid-active:#e5e5f5;
47
+ --f-background-grid-hover:#f5f6fa;
48
+ --f-background-grid-striped:#f4f4f4;
49
+ --f-background-grid-header:#f4f4f4;
50
+ --f-background-grid-focus-inner:#f5f6fa;
51
+ --f-background-tab-active:#fff;
52
+ --f-background-tab-inactive:#f5f6fa;
53
+ --f-background-menu:#f4f4f4;
54
+ --f-background-menu-vertical-hover:#ddddde;
55
+ --f-background-menu-vertical-highlight:#e7f0e9;
56
+ --f-background-popupmenu:#fff;
57
+ --f-background-popupmenu-vertical-hover:#ddddde;
58
+ --f-background-popupmenu-vertical-highlight:#e7f0e9;
59
+ --f-border-color-panel:#e7f0e9;
60
+ --f-border-color-expandable-panel:#116a3e;
61
+ --f-border-color-static-panel:#afcfb5;
62
+ --f-border-color-separator:#ddddde;
63
+ --f-border-color-separator-pageheader-primary:#fff;
64
+ --f-border-color-separator-contextmenu:#8d8e91;
65
+ --f-border-color-link:#4a52b6;
66
+ --f-border-color-link-hover:#8d8e91;
67
+ --f-border-color-link-discrete:#8d8e91;
68
+ --f-border-color-link-discrete-hover:#4a52b6;
69
+ --f-border-color-grid:#8d8e91;
70
+ --f-border-color-grid-header:#8d8e91;
71
+ --f-border-color-grid-hover:#8d8e91;
72
+ --f-border-color-grid-expanded:#ddddde;
73
+ --f-border-color-expandable-panel-closed:none;
74
+ --f-border-color-menu-horizontal:#116a3e;
75
+ --f-border-color-menu-horizontal-hover:#afcfb5;
76
+ --f-border-color-menu-horizontal-highlight:#116a3e;
77
+ --f-border-color-popupmenu:#ddddde;
78
+ --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
79
+ --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
80
+ --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
81
+ --f-font-family-code:"Consolas", "Liberation Mono", "Courier", monospace;
82
+ --f-font-size-default-rem:16px;
83
+ --f-font-size-default-large-up-rem:16px;
84
+ --f-font-weight-normal:400;
85
+ --f-font-weight-medium:700;
86
+ --f-font-weight-bold:900;
87
+ --f-line-height-small:1.25;
88
+ --f-line-height-medium:1.4;
89
+ --f-line-height-large:1.5;
90
+ --f-font-size-h1:2.5rem;
91
+ --f-font-size-h2:1.75rem;
92
+ --f-font-size-xxx-large:1.5rem;
93
+ --f-font-size-h3:1.375rem;
94
+ --f-font-size-h4:1.25rem;
95
+ --f-font-size-large:1.125rem;
96
+ --f-font-size-standard:1rem;
97
+ --f-icon-size-x-small:0.75rem;
98
+ --f-icon-size-small:1rem;
99
+ --f-icon-size-medium:1.25rem;
100
+ --f-icon-size-large:1.5rem;
101
+ --f-icon-size-x-large:2rem;
102
+ --f-height-small:0.75rem;
103
+ --f-height-medium:1.25rem;
104
+ --f-height-large:2.5rem;
105
+ --f-width-full:100%;
106
+ --f-border-width-small:1px;
107
+ --f-border-width-medium:2px;
108
+ --f-border-radius-small:2px;
109
+ --f-border-radius-medium:4px;
110
+ --f-margin-component-bottom:1.5rem;
111
+ --padding-input-fields:0 2.25rem 0 0.75rem;
112
+ --f-color-focus:#1b1e23;
113
+ --f-focus-box-shadow:0 0 0 2px #fff, 0 0 0 4px #1b1e23, 0 0 0 6px #fff;
114
+ --f-animation-duration-short:150ms;
115
+ --f-animation-duration-medium:350ms;
116
+ --f-animation-duration-long:500ms;
117
+ --f-animation-expand-open:all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
118
+ --f-animation-expand-close:all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
119
+ --f-density-factor:1;
120
+ --f-static-panel-heading-border:none;
121
+ --f-expandable-panel-heading-border-close:none;
122
+ --f-expandable-panel-heading-border-open:none;
123
+ --f-expandable-panel-heading-border-radius:4px 4px 0 0;
124
+ --f-label-message-margin-top:0.25rem;
125
+ --f-button-shadow:0 1px 3px rgba(0,0,0,.3);
126
+ --f-button-shadow-hover:0 1px 3px rgba(0,0,0,.3);
127
+ --f-button-min-width:9.5rem;
128
+ --f-button-letter-spacing:0.01rem;
129
+ --f-button-default-line-height:1.5rem;
130
+ --f-button-discrete-radius-hover:none;
131
+ --f-button-tertiary-table-column-action-icon-margin:0 8px 0 2px;
132
+ --f-button-tertiary-table-column-action-margin:0 0 0 0.5rem;
133
+ --f-button-default-padding-top:1rem;
134
+ --f-button-default-padding-right:1.5rem;
135
+ --f-button-default-padding-bottom:1rem;
136
+ --f-button-default-padding-left:1.5rem;
137
+ --f-button-primary-padding-top:1rem;
138
+ --f-button-primary-padding-right:1.5rem;
139
+ --f-button-primary-padding-bottom:1rem;
140
+ --f-button-primary-padding-left:1.5rem;
141
+ --f-button-secondary-padding-top:1rem;
142
+ --f-button-secondary-padding-right:1.5rem;
143
+ --f-button-secondary-padding-bottom:1rem;
144
+ --f-button-secondary-padding-left:1.5rem;
145
+ --f-button-standard-padding-top:1rem;
146
+ --f-button-standard-padding-right:1.5rem;
147
+ --f-button-standard-padding-bottom:1rem;
148
+ --f-button-standard-padding-left:1.5rem;
149
+ --f-button-tertiary-padding-top:0.75rem;
150
+ --f-button-tertiary-padding-right:0.5rem;
151
+ --f-button-tertiary-padding-bottom:0.75rem;
152
+ --f-button-tertiary-padding-left:0.5rem;
153
+ --f-button-discrete-padding-top:initial;
154
+ --f-button-discrete-padding-right:initial;
155
+ --f-button-discrete-padding-bottom:initial;
156
+ --f-button-discrete-padding-left:initial;
157
+ --f-button-discrete-black-padding-top:initial;
158
+ --f-button-discrete-black-padding-right:initial;
159
+ --f-button-discrete-black-padding-bottom:initial;
160
+ --f-button-discrete-black-padding-left:initial;
161
+ --f-modal-close-button-margin:1rem 1rem 0;
162
+ --f-modal-close-button-padding:none;
163
+ --f-modal-size-small:500px;
164
+ --f-modal-size-medium:700px;
165
+ --f-modal-size-large:1200px;
166
+ --f-modal-size-fullwidth:100%;
167
+ --f-modal-title-font-size:1.25rem;
168
+ --f-tooltip-close-button-margin:0.375rem 0.375rem 0.625rem 0.625rem;
169
+ --f-tooltip-border-color:#8d8e91;
170
+ --f-tooltip-border-width:var(--f-border-width-medium);
171
+ --f-loader-size:4rem;
172
+ --f-loader-margin:0 auto 3rem auto;
173
+ --f-table-body-row-padding:0.5rem;
174
+ --f-list-item-itempane-padding:1.25rem;
175
+ --i-popup-error-offset:24px;
176
+ --f-tooltip-offset:0px;
177
+ --f-tooltip-icon-size:0px;
178
+ --f-logo-image-small:none;
179
+ --f-logo-image-large:none;
180
+ --f-logo-size-small:0.8rem;
181
+ --f-logo-size-large:0.8rem 6.195rem;
182
+ --f-calendar-height:21rem;
183
+ --size:0;
184
+ --min:0;
185
+ --max:0;
186
+ --fkds-color-text-primary:#1b1e23;
187
+ --fkds-color-text-secondary:#5f6165;
188
+ --fkds-color-text-inverted:#fff;
189
+ --fkds-color-text-disabled:#8d8e91;
190
+ --fkds-color-background-primary:#fff;
191
+ --fkds-color-background-secondary:#f4f4f4;
192
+ --fkds-color-background-tertiary:#ddddde;
193
+ --fkds-color-background-disabled:#f4f4f4;
194
+ --fkds-color-border-primary:#8d8e91;
195
+ --fkds-color-border-strong:#5f6165;
196
+ --fkds-color-border-weak:#ddddde;
197
+ --fkds-color-border-disabled:#8d8e91;
198
+ --fkds-color-border-inverted:#fff;
199
+ --fkds-color-action-text-primary-default:#4a52b6;
200
+ --fkds-color-action-text-primary-hover:#3b4292;
201
+ --fkds-color-action-text-primary-active:#3b4292;
202
+ --fkds-color-action-text-primary-focus:#3b4292;
203
+ --fkds-color-action-text-secondary-default:#1b1e23;
204
+ --fkds-color-action-text-secondary-hover:#3b4292;
205
+ --fkds-color-action-text-secondary-active:#3b4292;
206
+ --fkds-color-action-text-secondary-focus:#3b4292;
207
+ --fkds-color-action-text-inverted-default:#fff;
208
+ --fkds-color-action-text-inverted-hover:#fff;
209
+ --fkds-color-action-text-inverted-active:#fff;
210
+ --fkds-color-action-text-inverted-focus:#fff;
211
+ --fkds-color-action-background-primary-default:#4a52b6;
212
+ --fkds-color-action-background-primary-hover:#3b4292;
213
+ --fkds-color-action-background-primary-active:#3b4292;
214
+ --fkds-color-action-background-primary-focus:#3b4292;
215
+ --fkds-color-action-background-secondary-default:#f5f6fa;
216
+ --fkds-color-action-background-secondary-hover:#e5e5f5;
217
+ --fkds-color-action-background-secondary-active:#e5e5f5;
218
+ --fkds-color-action-background-secondary-focus:#e5e5f5;
219
+ --fkds-color-action-border-primary-default:#4a52b6;
220
+ --fkds-color-action-border-primary-hover:#3b4292;
221
+ --fkds-color-action-border-primary-active:#3b4292;
222
+ --fkds-color-action-border-primary-focus:#3b4292;
223
+ --fkds-color-feedback-background-neutral:#f4f4f4;
224
+ --fkds-color-feedback-background-neutral-strong:#ddddde;
225
+ --fkds-color-feedback-background-info:#f5f6fa;
226
+ --fkds-color-feedback-background-info-strong:#4a52b6;
227
+ --fkds-color-feedback-background-positive:#f3f8f5;
228
+ --fkds-color-feedback-background-positive-strong:#35805b;
229
+ --fkds-color-feedback-background-warning:#fffcf3;
230
+ --fkds-color-feedback-background-warning-strong:#ffbe10;
231
+ --fkds-color-feedback-background-negative:#fcf3f3;
232
+ --fkds-color-feedback-background-negative-strong:#ca1515;
233
+ --fkds-color-feedback-border-neutral:#8d8e91;
234
+ --fkds-color-feedback-border-info:#4a52b6;
235
+ --fkds-color-feedback-border-positive:#35805b;
236
+ --fkds-color-feedback-border-warning:#ffbe10;
237
+ --fkds-color-feedback-border-negative:#ca1515;
238
+ --fkds-color-feedback-text-negative:#ca1515;
239
+ --fkds-color-feedback-text-positive:#35805b;
240
+ --fkds-color-select-background-primary-default:#4a52b6;
241
+ --fkds-color-select-background-primary-hover:#e5e5f5;
242
+ --fkds-color-select-background-primary-active:#e5e5f5;
243
+ --fkds-color-select-background-primary-focus:#e5e5f5;
244
+ --fkds-color-select-background-secondary-default:#35805b;
245
+ --fkds-color-select-background-secondary-hover:#dbe9e2;
246
+ --fkds-color-select-background-secondary-active:#dbe9e2;
247
+ --fkds-color-select-background-secondary-focus:#dbe9e2;
248
+ --fkui-theme-default-version:"6.23.0";
249
+ --f-font-size-default-rem:14px;
250
+ --f-font-size-default-large-up-rem:14px;
251
+ --fkui-theme-desktop-version:"6.23.0";
252
+ }
package/dist/theme-light.js ADDED
@@ -0,0 +1 @@
1
+ module.exports = {"--f-text-color-default":"#1b1e23","--f-text-color-default-inverted":"#fff","--f-text-color-discrete":"#5f6165","--f-text-color-link":"#4a52b6","--f-text-color-link-hover":"#1b1e23","--f-text-color-link-discrete":"#1b1e23","--f-text-color-link-discrete-hover":"#4a52b6","--f-text-color-heading-1":"inherit","--f-text-color-heading-2":"inherit","--f-text-color-heading-3":"inherit","--f-text-color-heading-4":"inherit","--f-text-color-heading-5":"inherit","--f-text-color-heading-6":"inherit","--f-text-color-heading-expandable-panel":"#fff","--f-text-color-button-discrete-hover":"#3b4292","--f-text-color-button-discrete-inverted-hover":"#fff","--f-text-color-menu":"#1b1e23","--f-text-color-menu-hover":"#1b1e23","--f-text-color-menu-horizontal-highlight":"#1b1e23","--f-text-color-popupmenu":"#1b1e23","--f-text-color-popupmenu-hover":"#1b1e23","--f-icon-color-white":"#fff","--f-icon-color-primary":"#4a52b6","--f-icon-color-success":"#35805b","--f-icon-color-notice":"#d34503","--f-icon-color-loader":"#35805b","--f-icon-color-expandable-panel":"#fff","--f-icon-color-expandable-paragraph":"#35805b","--f-icon-color-table-header":"#1b1e23","--f-icon-color-table-header-discrete":"#8d8e91","--f-icon-color-sort-filter-dataset-close":"#1b1e23","--f-icon-color-sort-filter-dataset-search":"#8d8e91","--f-icon-color-success-background":"#dbe9e2","--f-background-overlay":"rgba(0,0,0,.75)","--f-background-pageheader-primary":"#116a3e","--f-background-skiplink-focus":"#f5f6fa","--f-background-heading-expandable-panel":"#116a3e","--f-background-heading-expandable-panel-hover":"#35805b","--f-background-expandable-panel":"#fff","--f-background-heading-static-panel":"#afcfb5","--f-background-code":"#f4f4f4","--f-background-button-discrete-hover":"none","--f-background-sidepanel-button-tertiary-hover":"#e5e5f5","--f-background-grid-default":"#fff","--f-background-grid-active":"#e5e5f5","--f-background-grid-hover":"#f5f6fa","--f-background-grid-striped":"#f4f4f4","--f-background-grid-header":"#f4f4f4","--f-background-grid-focus-inner":"#f5f6fa","--f-background-tab-active":"#fff","--f-background-tab-inactive":"#f5f6fa","--f-background-menu":"#f4f4f4","--f-background-menu-vertical-hover":"#ddddde","--f-background-menu-vertical-highlight":"#e7f0e9","--f-background-popupmenu":"#fff","--f-background-popupmenu-vertical-hover":"#ddddde","--f-background-popupmenu-vertical-highlight":"#e7f0e9","--f-border-color-panel":"#e7f0e9","--f-border-color-expandable-panel":"#116a3e","--f-border-color-static-panel":"#afcfb5","--f-border-color-separator":"#ddddde","--f-border-color-separator-pageheader-primary":"#fff","--f-border-color-separator-contextmenu":"#8d8e91","--f-border-color-link":"#4a52b6","--f-border-color-link-hover":"#8d8e91","--f-border-color-link-discrete":"#8d8e91","--f-border-color-link-discrete-hover":"#4a52b6","--f-border-color-grid":"#8d8e91","--f-border-color-grid-header":"#8d8e91","--f-border-color-grid-hover":"#8d8e91","--f-border-color-grid-expanded":"#ddddde","--f-border-color-expandable-panel-closed":"none","--f-border-color-menu-horizontal":"#116a3e","--f-border-color-menu-horizontal-hover":"#afcfb5","--f-border-color-menu-horizontal-highlight":"#116a3e","--f-border-color-popupmenu":"#ddddde","--f-box-modal-shadow":"0 0 20px rgba(0,0,0,.3)","--f-input-shadow-inset":"inset 0 2px 3px rgba(0,0,0,.1)","--f-font-family":"\"ExpFont\", \"NeueHass\", \"Helvetica Neue\", \"Helvetica\", \"Roboto\", \"Arial\", sans-serif","--f-font-family-code":"\"Consolas\", \"Liberation Mono\", \"Courier\", monospace","--f-font-size-default-rem":"14px","--f-font-size-default-large-up-rem":"14px","--f-font-weight-normal":"400","--f-font-weight-medium":"700","--f-font-weight-bold":"900","--f-line-height-small":"1.25","--f-line-height-medium":"1.4","--f-line-height-large":"1.5","--f-font-size-h1":"2.5rem","--f-font-size-h2":"1.75rem","--f-font-size-xxx-large":"1.5rem","--f-font-size-h3":"1.375rem","--f-font-size-h4":"1.25rem","--f-font-size-large":"1.125rem","--f-font-size-standard":"1rem","--f-icon-size-x-small":"0.75rem","--f-icon-size-small":"1rem","--f-icon-size-medium":"1.25rem","--f-icon-size-large":"1.5rem","--f-icon-size-x-large":"2rem","--f-height-small":"0.75rem","--f-height-medium":"1.25rem","--f-height-large":"2.5rem","--f-width-full":"100%","--f-border-width-small":"1px","--f-border-width-medium":"2px","--f-border-radius-small":"2px","--f-border-radius-medium":"4px","--f-margin-component-bottom":"1.5rem","--padding-input-fields":"0 2.25rem 0 0.75rem","--f-color-focus":"#1b1e23","--f-focus-box-shadow":"0 0 0 2px #fff, 0 0 0 4px #1b1e23, 0 0 0 6px #fff","--f-animation-duration-short":"150ms","--f-animation-duration-medium":"350ms","--f-animation-duration-long":"500ms","--f-animation-expand-open":"all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s","--f-animation-expand-close":"all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s","--f-density-factor":"1","--f-static-panel-heading-border":"none","--f-expandable-panel-heading-border-close":"none","--f-expandable-panel-heading-border-open":"none","--f-expandable-panel-heading-border-radius":"4px 4px 0 0","--f-label-message-margin-top":"0.25rem","--f-button-shadow":"0 1px 3px rgba(0,0,0,.3)","--f-button-shadow-hover":"0 1px 3px rgba(0,0,0,.3)","--f-button-min-width":"9.5rem","--f-button-letter-spacing":"0.01rem","--f-button-default-line-height":"1.5rem","--f-button-discrete-radius-hover":"none","--f-button-tertiary-table-column-action-icon-margin":"0 8px 0 2px","--f-button-tertiary-table-column-action-margin":"0 0 0 0.5rem","--f-button-default-padding-top":"1rem","--f-button-default-padding-right":"1.5rem","--f-button-default-padding-bottom":"1rem","--f-button-default-padding-left":"1.5rem","--f-button-primary-padding-top":"1rem","--f-button-primary-padding-right":"1.5rem","--f-button-primary-padding-bottom":"1rem","--f-button-primary-padding-left":"1.5rem","--f-button-secondary-padding-top":"1rem","--f-button-secondary-padding-right":"1.5rem","--f-button-secondary-padding-bottom":"1rem","--f-button-secondary-padding-left":"1.5rem","--f-button-standard-padding-top":"1rem","--f-button-standard-padding-right":"1.5rem","--f-button-standard-padding-bottom":"1rem","--f-button-standard-padding-left":"1.5rem","--f-button-tertiary-padding-top":"0.75rem","--f-button-tertiary-padding-right":"0.5rem","--f-button-tertiary-padding-bottom":"0.75rem","--f-button-tertiary-padding-left":"0.5rem","--f-button-discrete-padding-top":"initial","--f-button-discrete-padding-right":"initial","--f-button-discrete-padding-bottom":"initial","--f-button-discrete-padding-left":"initial","--f-button-discrete-black-padding-top":"initial","--f-button-discrete-black-padding-right":"initial","--f-button-discrete-black-padding-bottom":"initial","--f-button-discrete-black-padding-left":"initial","--f-modal-close-button-margin":"1rem 1rem 0","--f-modal-close-button-padding":"none","--f-modal-size-small":"500px","--f-modal-size-medium":"700px","--f-modal-size-large":"1200px","--f-modal-size-fullwidth":"100%","--f-modal-title-font-size":"1.25rem","--f-tooltip-close-button-margin":"0.375rem 0.375rem 0.625rem 0.625rem","--f-tooltip-border-color":"#8d8e91","--f-tooltip-border-width":"var(--f-border-width-medium)","--f-loader-size":"4rem","--f-loader-margin":"0 auto 3rem auto","--f-table-body-row-padding":"0.5rem","--f-list-item-itempane-padding":"1.25rem","--i-popup-error-offset":"24px","--f-tooltip-offset":"0px","--f-tooltip-icon-size":"0px","--f-logo-image-small":"none","--f-logo-image-large":"none","--f-logo-size-small":"0.8rem","--f-logo-size-large":"0.8rem 6.195rem","--f-calendar-height":"21rem","--size":"0","--min":"0","--max":"0","--fkds-color-text-primary":"#1b1e23","--fkds-color-text-secondary":"#5f6165","--fkds-color-text-inverted":"#fff","--fkds-color-text-disabled":"#8d8e91","--fkds-color-background-primary":"#fff","--fkds-color-background-secondary":"#f4f4f4","--fkds-color-background-tertiary":"#ddddde","--fkds-color-background-disabled":"#f4f4f4","--fkds-color-border-primary":"#8d8e91","--fkds-color-border-strong":"#5f6165","--fkds-color-border-weak":"#ddddde","--fkds-color-border-disabled":"#8d8e91","--fkds-color-border-inverted":"#fff","--fkds-color-action-text-primary-default":"#4a52b6","--fkds-color-action-text-primary-hover":"#3b4292","--fkds-color-action-text-primary-active":"#3b4292","--fkds-color-action-text-primary-focus":"#3b4292","--fkds-color-action-text-secondary-default":"#1b1e23","--fkds-color-action-text-secondary-hover":"#3b4292","--fkds-color-action-text-secondary-active":"#3b4292","--fkds-color-action-text-secondary-focus":"#3b4292","--fkds-color-action-text-inverted-default":"#fff","--fkds-color-action-text-inverted-hover":"#fff","--fkds-color-action-text-inverted-active":"#fff","--fkds-color-action-text-inverted-focus":"#fff","--fkds-color-action-background-primary-default":"#4a52b6","--fkds-color-action-background-primary-hover":"#3b4292","--fkds-color-action-background-primary-active":"#3b4292","--fkds-color-action-background-primary-focus":"#3b4292","--fkds-color-action-background-secondary-default":"#f5f6fa","--fkds-color-action-background-secondary-hover":"#e5e5f5","--fkds-color-action-background-secondary-active":"#e5e5f5","--fkds-color-action-background-secondary-focus":"#e5e5f5","--fkds-color-action-border-primary-default":"#4a52b6","--fkds-color-action-border-primary-hover":"#3b4292","--fkds-color-action-border-primary-active":"#3b4292","--fkds-color-action-border-primary-focus":"#3b4292","--fkds-color-feedback-background-neutral":"#f4f4f4","--fkds-color-feedback-background-neutral-strong":"#ddddde","--fkds-color-feedback-background-info":"#f5f6fa","--fkds-color-feedback-background-info-strong":"#4a52b6","--fkds-color-feedback-background-positive":"#f3f8f5","--fkds-color-feedback-background-positive-strong":"#35805b","--fkds-color-feedback-background-warning":"#fffcf3","--fkds-color-feedback-background-warning-strong":"#ffbe10","--fkds-color-feedback-background-negative":"#fcf3f3","--fkds-color-feedback-background-negative-strong":"#ca1515","--fkds-color-feedback-border-neutral":"#8d8e91","--fkds-color-feedback-border-info":"#4a52b6","--fkds-color-feedback-border-positive":"#35805b","--fkds-color-feedback-border-warning":"#ffbe10","--fkds-color-feedback-border-negative":"#ca1515","--fkds-color-feedback-text-negative":"#ca1515","--fkds-color-feedback-text-positive":"#35805b","--fkds-color-select-background-primary-default":"#4a52b6","--fkds-color-select-background-primary-hover":"#e5e5f5","--fkds-color-select-background-primary-active":"#e5e5f5","--fkds-color-select-background-primary-focus":"#e5e5f5","--fkds-color-select-background-secondary-default":"#35805b","--fkds-color-select-background-secondary-hover":"#dbe9e2","--fkds-color-select-background-secondary-active":"#dbe9e2","--fkds-color-select-background-secondary-focus":"#dbe9e2","--fkui-theme-default-version":"\"6.23.0\"","--fkui-theme-desktop-version":"\"6.23.0\""}
package/package.json ADDED
@@ -0,0 +1,59 @@
1
+ {
2
+ "name": "@fkui/theme-desktop",
3
+ "version": "6.23.0",
4
+ "description": "FK Themes",
5
+ "keywords": [
6
+ "fkui",
7
+ "designsystem",
8
+ "css"
9
+ ],
10
+ "homepage": "https://designsystem.forsakringskassan.se/",
11
+ "bugs": "https://github.com/Forsakringskassan/designsystem/issues",
12
+ "repository": {
13
+ "type": "git",
14
+ "url": "git+https://github.com/Forsakringskassan/designsystem.git",
15
+ "directory": "packages/theme-desktop"
16
+ },
17
+ "license": "MIT",
18
+ "author": "Försäkringskassan",
19
+ "sideEffects": [
20
+ "./dist/**/*.css",
21
+ "./src/**/*.scss"
22
+ ],
23
+ "main": "./dist/theme-light.css",
24
+ "types": "type-stub.d.ts",
25
+ "files": [
26
+ "dist",
27
+ "src",
28
+ "type-stub.d.ts"
29
+ ],
30
+ "scripts": {
31
+ "build": "run-s clean sass extract-variables build:metadata",
32
+ "build:metadata": "node build.mjs",
33
+ "clean": "rimraf dist src/_version.scss",
34
+ "extract-variables": "node extractVariables.js",
35
+ "prepack": "npm run build",
36
+ "presass": "node generate-version.js",
37
+ "sass": "node scripts/build-sass.mjs",
38
+ "postsass": "node scripts/extract-sass-variables.mjs src/palette-variables.scss dist/palette.json"
39
+ },
40
+ "devDependencies": {
41
+ "@adobe/css-tools": "4.4.4",
42
+ "@fkui/theme-default": "6.23.0",
43
+ "@forsakringskassan/sass-module-importer": "1.1.5",
44
+ "cssnano": "7.1.1",
45
+ "get-css-variables": "1.0.0",
46
+ "glob": "11.0.3",
47
+ "npm-run-all2": "8.0.4",
48
+ "postcss": "8.5.6",
49
+ "postcss-scss": "4.0.9",
50
+ "rimraf": "6.0.1",
51
+ "sass": "1.93.2"
52
+ },
53
+ "engines": {
54
+ "node": ">= 20",
55
+ "npm": ">= 7"
56
+ },
57
+ "sass": "./src/_default.scss",
58
+ "gitHead": "fa6f480d4762eb6f01607c7fc9d9de58e2d946c0"
59
+ }
package/src/_default.scss ADDED
@@ -0,0 +1,31 @@
1
+ @use "@fkui/theme-default/src/default" as themeDefault with (
2
+ $global: false
3
+ );
4
+
5
+ @use "light/theme" as light;
6
+ @use "dark/theme" as dark;
7
+ @use "auto/theme" as auto;
8
+
9
+ $global: true !default;
10
+
11
+ @mixin light {
12
+ @include themeDefault.light;
13
+ @include light.theme;
14
+ }
15
+
16
+ @mixin dark {
17
+ @include themeDefault.dark;
18
+ @include dark.theme;
19
+ }
20
+
21
+ @mixin auto {
22
+ @include themeDefault.auto;
23
+ @include auto.theme;
24
+ }
25
+
26
+ @if $global {
27
+ :root {
28
+ @include themeDefault.light;
29
+ @include light.theme;
30
+ }
31
+ }
package/src/_version.scss ADDED
@@ -0,0 +1,2 @@
1
+ // This is a generated file. See generate-version.js
2
+ $version: "6.23.0";