@enki-tek/fms-web-components 0.0.2 → 0.0.4

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 (105) hide show
  1. package/app.scss +1 -1
  2. package/components/Accordion/Accordion.scss +30 -0
  3. package/components/Accordion/Accordion.stories.d.ts +20 -0
  4. package/components/Accordion/Accordion.stories.js +30 -0
  5. package/components/Accordion/Accordion.svelte +617 -0
  6. package/components/Accordion/Accordion.svelte.d.ts +17 -0
  7. package/components/Alert/Alert.scss +25 -0
  8. package/components/Alert/Alert.stories.d.ts +54 -0
  9. package/components/Alert/Alert.stories.js +46 -0
  10. package/components/Alert/Alert.svelte +29 -0
  11. package/components/Alert/Alert.svelte.d.ts +19 -0
  12. package/components/Badge/Badge.scss +8 -0
  13. package/components/Badge/Badge.stories.d.ts +75 -0
  14. package/components/Badge/Badge.stories.js +55 -0
  15. package/components/Badge/Badge.svelte +587 -0
  16. package/components/Badge/Badge.svelte.d.ts +17 -0
  17. package/components/Badge/BadgeConfig.d.ts +10 -0
  18. package/components/Badge/BadgeConfig.js +34 -0
  19. package/components/Breadcrumb/Breadcrumb.scss +26 -0
  20. package/components/Breadcrumb/Breadcrumb.stories.d.ts +23 -0
  21. package/components/Breadcrumb/Breadcrumb.stories.js +20 -0
  22. package/components/Breadcrumb/Breadcrumb.svelte +602 -0
  23. package/components/Breadcrumb/Breadcrumb.svelte.d.ts +16 -0
  24. package/components/Button/Button.scss +706 -0
  25. package/components/Button/Button.stories.d.ts +96 -27
  26. package/components/Button/Button.stories.js +99 -38
  27. package/components/Button/Button.svelte +1125 -10
  28. package/components/Button/Button.svelte.d.ts +43 -9
  29. package/components/Button/buttonConfig.d.ts +38 -0
  30. package/components/Button/buttonConfig.js +203 -0
  31. package/components/Card/Card.scss +39 -0
  32. package/components/Card/Card.stories.d.ts +59 -0
  33. package/components/Card/Card.stories.js +42 -0
  34. package/components/Card/Card.svelte +123 -0
  35. package/components/Card/Card.svelte.d.ts +51 -0
  36. package/components/CheckBox/Checkbox.scss +32 -0
  37. package/components/CheckBox/Checkbox.stories.d.ts +94 -0
  38. package/components/CheckBox/Checkbox.stories.js +51 -0
  39. package/components/CheckBox/Checkbox.svelte +614 -0
  40. package/components/CheckBox/Checkbox.svelte.d.ts +31 -0
  41. package/components/Dropdown/Dropdown.scss +72 -0
  42. package/components/Dropdown/Dropdown.stories.d.ts +29 -0
  43. package/components/Dropdown/Dropdown.stories.js +19 -0
  44. package/components/Dropdown/Dropdown.svelte +646 -0
  45. package/components/Dropdown/Dropdown.svelte.d.ts +17 -0
  46. package/components/Header/Header.scss +54 -0
  47. package/components/Header/Header.stories.d.ts +28 -0
  48. package/components/Header/Header.stories.js +28 -0
  49. package/components/Header/Header.svelte +667 -0
  50. package/components/Header/Header.svelte.d.ts +27 -0
  51. package/components/Icon/Icon.scss +0 -0
  52. package/components/Icon/Icon.stories.d.ts +21 -0
  53. package/components/Icon/Icon.stories.js +18 -0
  54. package/components/Icon/Icon.svelte +7 -0
  55. package/components/Icon/Icon.svelte.d.ts +23 -0
  56. package/components/ModalWindow/Modal.scss +28 -0
  57. package/components/ModalWindow/Modal.stories.d.ts +29 -0
  58. package/components/ModalWindow/Modal.stories.js +20 -0
  59. package/components/ModalWindow/Modal.svelte +641 -0
  60. package/components/ModalWindow/Modal.svelte.d.ts +23 -0
  61. package/components/Pagination/Pagination.scss +83 -0
  62. package/components/Pagination/Pagination.stories.d.ts +29 -0
  63. package/components/Pagination/Pagination.stories.js +18 -0
  64. package/components/Pagination/Pagination.svelte +702 -0
  65. package/components/Pagination/Pagination.svelte.d.ts +18 -0
  66. package/components/RadioButton/RadioButton.scss +28 -0
  67. package/components/RadioButton/RadioButton.stories.d.ts +35 -0
  68. package/components/RadioButton/RadioButton.stories.js +25 -0
  69. package/components/RadioButton/RadioButton.svelte +616 -0
  70. package/components/RadioButton/RadioButton.svelte.d.ts +41 -0
  71. package/components/Sidebar/Sidebar.scss +115 -0
  72. package/components/Sidebar/Sidebar.stories.d.ts +29 -0
  73. package/components/Sidebar/Sidebar.stories.js +27 -0
  74. package/components/Sidebar/Sidebar.svelte +722 -0
  75. package/components/Sidebar/Sidebar.svelte.d.ts +33 -0
  76. package/components/Switches/Switch.scss +12 -0
  77. package/components/Switches/Switch.stories.d.ts +87 -0
  78. package/components/Switches/Switch.stories.js +50 -0
  79. package/components/Switches/Switch.svelte +595 -0
  80. package/components/Switches/Switch.svelte.d.ts +29 -0
  81. package/components/Tab/Tab.scss +30 -0
  82. package/components/Tab/Tab.stories.d.ts +23 -0
  83. package/components/Tab/Tab.stories.js +19 -0
  84. package/components/Tab/Tab.svelte +615 -0
  85. package/components/Tab/Tab.svelte.d.ts +19 -0
  86. package/components/Table/Table.scss +38 -0
  87. package/components/Table/Table.stories.d.ts +28 -0
  88. package/components/Table/Table.stories.js +21 -0
  89. package/components/Table/Table.svelte +137 -0
  90. package/components/Table/Table.svelte.d.ts +35 -0
  91. package/components/Tooltip/Tooltip.scss +29 -0
  92. package/components/Tooltip/Tooltip.stories.d.ts +40 -0
  93. package/components/Tooltip/Tooltip.stories.js +24 -0
  94. package/components/Tooltip/Tooltip.svelte +622 -0
  95. package/components/Tooltip/Tooltip.svelte.d.ts +21 -0
  96. package/components/common.scss +789 -0
  97. package/components/textField/TextField.scss +34 -0
  98. package/components/textField/TextField.stories.d.ts +85 -0
  99. package/components/textField/TextField.stories.js +32 -0
  100. package/components/textField/TextField.svelte +607 -0
  101. package/components/textField/TextField.svelte.d.ts +33 -0
  102. package/components/variable.scss +134 -0
  103. package/index.d.ts +17 -1
  104. package/index.js +17 -1
  105. package/package.json +60 -1
package/app.scss CHANGED
@@ -1 +1 @@
1
-
1
+ @import './components/common.scss'
@@ -0,0 +1,30 @@
1
+ @import './../variable.scss';
2
+ @import './../common.scss';
3
+
4
+ :global(.accordion-item:first-of-type) {
5
+ border-top-left-radius: 1.25rem;
6
+ border-top-right-radius: 1.25rem;
7
+ }
8
+
9
+ :global(.accordion-item:first-of-type .accordion-button) {
10
+ border-top-left-radius: calc(1.25rem - 1px);
11
+ border-top-right-radius: calc(1.25rem - 1px);
12
+ }
13
+
14
+ :global(.accordion-body) {
15
+ @extend %common-Accordion-font;
16
+ color: $gray-600;
17
+ font-size: 16px;
18
+ line-height: 28px;
19
+ }
20
+
21
+ :global(.accordion-button:not(.collapsed)),
22
+ :global(.accordion-button) {
23
+ @extend %common-Accordion-font;
24
+ font-size: 17px;
25
+ }
26
+
27
+ :global(.accordion-button:focus) {
28
+ box-shadow: none;
29
+ border: 1px solid $gray-400;
30
+ }
@@ -0,0 +1,20 @@
1
+ declare namespace _default {
2
+ export const title: string;
3
+ export { Accordion as component };
4
+ export const tags: string[];
5
+ export namespace argTypes {
6
+ namespace stayOpen {
7
+ const control: string;
8
+ }
9
+ namespace items {
10
+ const control_1: string;
11
+ export { control_1 as control };
12
+ }
13
+ }
14
+ }
15
+ export default _default;
16
+ export function Default(args: any): {
17
+ Component: typeof Accordion;
18
+ props: any;
19
+ };
20
+ import Accordion from "./Accordion.svelte";
@@ -0,0 +1,30 @@
1
+ import Accordion from './Accordion.svelte';
2
+
3
+ export default {
4
+ title: 'FMS/Accordion',
5
+ component: Accordion,
6
+ tags: ['autodocs'],
7
+ argTypes: {
8
+ stayOpen: { control: 'boolean' },
9
+ items: { control: 'object' }
10
+ }
11
+ };
12
+
13
+
14
+ // story with customized items
15
+ export const Default = (args) => ({
16
+ Component: Accordion,
17
+ props: {
18
+ ...args,
19
+ items: [
20
+ {
21
+ header: 'Accordion Item #1',
22
+ content: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. B, in! Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora eum aliquam, dolorum adipisci error ipsa ea facere ipsum similique. Dicta tenetur laudantium minus, nemo sequi beatae natus! Sapiente, sed facilis'
23
+ },
24
+ {
25
+ header: 'Accordion Item #2',
26
+ content: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. B, in! Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora eum aliquam, dolorum adipisci error ipsa ea facere ipsum similique. Dicta tenetur laudantium minus, nemo sequi beatae natus! Sapiente, sed facilis'
27
+ }
28
+ ]
29
+ }
30
+ });
@@ -0,0 +1,617 @@
1
+ <script>import { slide } from "svelte/transition";
2
+ import { Accordion, AccordionItem } from "sveltestrap";
3
+ export let stayOpen = true;
4
+ export let items = [];
5
+ </script>
6
+
7
+ {#if items.length > 0}
8
+ <Accordion {stayOpen}>
9
+ {#each items as { header, content }}
10
+ <AccordionItem {header}>
11
+ <div transition:slide>
12
+ {content}
13
+ </div>
14
+ </AccordionItem>
15
+ {/each}
16
+ </Accordion>
17
+ {/if}
18
+
19
+ <style>@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
20
+ @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
21
+ @import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
22
+ @import url(https://fonts.googleapis.com/icon?family=Material+Icons);
23
+ @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
24
+ @import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
25
+ :global(.accordion-button:not(.collapsed)),
26
+ :global(.accordion-button), :global(.accordion-body) {
27
+ color: #343A40;
28
+ font-weight: 400;
29
+ font-style: normal;
30
+ line-height: normal;
31
+ border: 1px solid #CED4DA;
32
+ background-color: #ffffff;
33
+ font-family: Roboto;
34
+ }
35
+ :global(.ebg-none) {
36
+ background-color: #ffffff !important;
37
+ }
38
+ :global(.ebg-white) {
39
+ background-color: #ffffff;
40
+ }
41
+ :global(.ebg-secondary, .eactive-secondary:active, .ehover-secondary:hover) {
42
+ background-color: #3AC82E !important;
43
+ }
44
+ :global(.ebg-secondaryDark, .eactive-secondaryDark:active, .ehover-secondaryDark:hover) {
45
+ background-color: #00A855;
46
+ }
47
+ :global(.ebg-secondaryLight, .eactive-secondaryLight:active, .ehover-secondaryLight:hover) {
48
+ background-color: #CBFFC7;
49
+ }
50
+ :global(.ebg-primary) {
51
+ background-color: #00AEE5;
52
+ }
53
+ :global(.ebg-primaryDark) {
54
+ background-color: #007FD8;
55
+ }
56
+ :global(.ebg-primaryLight) {
57
+ background-color: #CEF3FF;
58
+ }
59
+ :global(.ebg-danger) {
60
+ background-color: #FE4747;
61
+ }
62
+ :global(.ebg-dangerDark) {
63
+ background-color: #B02A37;
64
+ }
65
+ :global(.ebg-dangerLight) {
66
+ background-color: #FE4747;
67
+ }
68
+ :global(.ebg-warning) {
69
+ background-color: #FFBA3A;
70
+ }
71
+ :global(.ebg-warningDark) {
72
+ background-color: #997404;
73
+ color: #ffffff !important;
74
+ }
75
+ :global(.ebg-warningLight) {
76
+ background-color: #FFF3CD;
77
+ }
78
+ :global(.ebg-info) {
79
+ background-color: #0DCAF0;
80
+ }
81
+ :global(.ebg-infoDark) {
82
+ background-color: #087990;
83
+ }
84
+ :global(.ebg-infoLight) {
85
+ background-color: #9EEAF9;
86
+ }
87
+ :global(.ebg-success) {
88
+ background-color: #00A96B;
89
+ }
90
+ :global(.ebg-successDark) {
91
+ background-color: #146C43;
92
+ }
93
+ :global(.ebg-successLight) {
94
+ background-color: #D1E7DD;
95
+ }
96
+ :global(.ebg-gray100) {
97
+ background-color: #F8F9FA;
98
+ }
99
+ :global(.ebg-gray200) {
100
+ background-color: #E9ECEF;
101
+ }
102
+ :global(.ebg-gray300) {
103
+ background-color: #DEE2E6;
104
+ }
105
+ :global(.ebg-gray400) {
106
+ background-color: #CED4DA;
107
+ }
108
+ :global(.ebg-gray500) {
109
+ background-color: #adb5bd;
110
+ }
111
+ :global(.ebg-gray600) {
112
+ background-color: #6C757D;
113
+ }
114
+ :global(.ebg-gray700) {
115
+ background-color: #495057;
116
+ }
117
+ :global(.ebg-gray800) {
118
+ background-color: #343A40;
119
+ }
120
+ :global(.ebg-gray900) {
121
+ background-color: #212529;
122
+ }
123
+ :global(.ebg-green100) {
124
+ background-color: #D1E7DD;
125
+ }
126
+ :global(.ebg-green200) {
127
+ background-color: #A3CFBB;
128
+ }
129
+ :global(.ebg-green300) {
130
+ background-color: #75B798;
131
+ }
132
+ :global(.ebg-green400) {
133
+ background-color: #479F76;
134
+ }
135
+ :global(.ebg-green500) {
136
+ background-color: #198754;
137
+ }
138
+ :global(.ebg-green600) {
139
+ background-color: #146C43;
140
+ }
141
+ :global(.ebg-green700) {
142
+ background-color: #0F5132;
143
+ }
144
+ :global(.ebg-green800) {
145
+ background-color: #0A3622;
146
+ }
147
+ :global(.ebg-green900) {
148
+ background-color: #051B11;
149
+ }
150
+ :global(.ebg-red100) {
151
+ background-color: #F8D7DA;
152
+ }
153
+ :global(.ebg-red200) {
154
+ background-color: #F1AEB5;
155
+ }
156
+ :global(.ebg-red300) {
157
+ background-color: #EA868F;
158
+ }
159
+ :global(.ebg-red400) {
160
+ background-color: #E35D6A;
161
+ }
162
+ :global(.ebg-red500) {
163
+ background-color: #DC3545;
164
+ }
165
+ :global(.ebg-red600) {
166
+ background-color: #B02A37;
167
+ }
168
+ :global(.ebg-red700) {
169
+ background-color: #842029;
170
+ }
171
+ :global(.ebg-red800) {
172
+ background-color: #58151C;
173
+ }
174
+ :global(.ebg-red900) {
175
+ background-color: #2C0B0E;
176
+ }
177
+ :global(.ebg-yellow100) {
178
+ background-color: #FFF3CD;
179
+ }
180
+ :global(.ebg-yellow200) {
181
+ background-color: #FFE69C;
182
+ }
183
+ :global(.ebg-yellow300) {
184
+ background-color: #FFDA6A;
185
+ }
186
+ :global(.ebg-yellow400) {
187
+ background-color: #FFCD39;
188
+ }
189
+ :global(.ebg-yellow500) {
190
+ background-color: #FFC107;
191
+ }
192
+ :global(.ebg-yellow600) {
193
+ background-color: #CC9A06;
194
+ }
195
+ :global(.ebg-yellow700) {
196
+ background-color: #997404;
197
+ }
198
+ :global(.ebg-yellow800) {
199
+ background-color: #664D03;
200
+ }
201
+ :global(.ebg-yellow900) {
202
+ background-color: #332701;
203
+ }
204
+ :global(.ebg-cyan100) {
205
+ background-color: #CFF4FC;
206
+ }
207
+ :global(.ebg-cyan200) {
208
+ background-color: #9EEAF9;
209
+ }
210
+ :global(.ebg-cyan300) {
211
+ background-color: #6EDFF6;
212
+ }
213
+ :global(.ebg-cyan400) {
214
+ background-color: #3DD5F3;
215
+ }
216
+ :global(.ebg-cyan500) {
217
+ background-color: #0DCAF0;
218
+ }
219
+ :global(.ebg-cyan600) {
220
+ background-color: #0AA2C0;
221
+ }
222
+ :global(.ebg-cyan700) {
223
+ background-color: #087990;
224
+ }
225
+ :global(.ebg-cyan800) {
226
+ background-color: #055160;
227
+ }
228
+ :global(.ebg-cyan900) {
229
+ background-color: #032830;
230
+ }
231
+ .etext-white {
232
+ color: #ffffff;
233
+ }
234
+ :global(.etext-dark) {
235
+ color: #000000;
236
+ }
237
+ :global(.etext-secondary) {
238
+ color: #3AC82E;
239
+ }
240
+ :global(.etext-secondaryDark) {
241
+ color: #00A855;
242
+ }
243
+ :global(.etext-secondaryLight) {
244
+ color: #CBFFC7;
245
+ }
246
+ :global(.etext-primary) {
247
+ color: #00AEE5;
248
+ }
249
+ :global(.etext-primaryDark) {
250
+ color: #007FD8;
251
+ }
252
+ :global(.etext-primaryLight) {
253
+ color: #CEF3FF;
254
+ }
255
+ :global(.etext-danger) {
256
+ color: #FE4747;
257
+ }
258
+ :global(.etext-dangerDark) {
259
+ color: #B02A37;
260
+ }
261
+ :global(.etext-dangerLight) {
262
+ color: #FE4747;
263
+ }
264
+ :global(.etext-info) {
265
+ color: #0DCAF0;
266
+ }
267
+ :global(.etext-infoDark) {
268
+ color: #087990;
269
+ }
270
+ :global(.etext-infoLight) {
271
+ color: #9EEAF9;
272
+ }
273
+ :global(.etext-success) {
274
+ color: #00A96B;
275
+ }
276
+ :global(.etext-successDark) {
277
+ color: #146C43;
278
+ }
279
+ :global(.etext-successLight) {
280
+ color: #D1E7DD;
281
+ }
282
+ :global(.etext-warning) {
283
+ color: #FFBA3A;
284
+ }
285
+ :global(.etext-warningDark) {
286
+ color: #997404;
287
+ }
288
+ :global(.etext-warningLight) {
289
+ color: #FFF3CD;
290
+ }
291
+ :global(.etext-gray100) {
292
+ color: #F8F9FA;
293
+ }
294
+ :global(.etext-gray200) {
295
+ color: #E9ECEF;
296
+ }
297
+ :global(.etext-gray300) {
298
+ color: #DEE2E6;
299
+ }
300
+ :global(.etext-gray400) {
301
+ color: #CED4DA;
302
+ }
303
+ :global(.etext-gray500) {
304
+ color: #adb5bd;
305
+ }
306
+ :global(.etext-gray600) {
307
+ color: #6C757D;
308
+ }
309
+ :global(.etext-gray700) {
310
+ color: #495057;
311
+ }
312
+ :global(.etext-gray800) {
313
+ color: #343A40;
314
+ }
315
+ :global(.etext-gray900) {
316
+ color: #212529;
317
+ }
318
+ :global(.etext-green100) {
319
+ color: #D1E7DD;
320
+ }
321
+ :global(.etext-green200) {
322
+ color: #A3CFBB;
323
+ }
324
+ :global(.etext-green300) {
325
+ color: #75B798;
326
+ }
327
+ :global(.etext-green400) {
328
+ color: #479F76;
329
+ }
330
+ :global(.etext-green500) {
331
+ color: #198754;
332
+ }
333
+ :global(.etext-green600) {
334
+ color: #146C43;
335
+ }
336
+ :global(.etext-green700) {
337
+ color: #0F5132;
338
+ }
339
+ :global(.etext-green800) {
340
+ color: #0A3622;
341
+ }
342
+ :global(.etext-green900) {
343
+ color: #051B11;
344
+ }
345
+ :global(.etext-red100) {
346
+ color: #F8D7DA;
347
+ }
348
+ :global(.etext-red200) {
349
+ color: #F1AEB5;
350
+ }
351
+ :global(.etext-red300) {
352
+ color: #EA868F;
353
+ }
354
+ :global(.etext-red400) {
355
+ color: #E35D6A;
356
+ }
357
+ :global(.etext-red500) {
358
+ color: #DC3545;
359
+ }
360
+ :global(.etext-red600) {
361
+ color: #B02A37;
362
+ }
363
+ :global(.etext-red700) {
364
+ color: #842029;
365
+ }
366
+ :global(.etext-red800) {
367
+ color: #58151C;
368
+ }
369
+ :global(.etext-red900) {
370
+ color: #2C0B0E;
371
+ }
372
+ :global(.etext-yellow100) {
373
+ color: #FFF3CD;
374
+ }
375
+ :global(.etext-yellow200) {
376
+ color: #FFE69C;
377
+ }
378
+ :global(.etext-yellow300) {
379
+ color: #FFDA6A;
380
+ }
381
+ :global(.etext-yellow400) {
382
+ color: #FFCD39;
383
+ }
384
+ :global(.etext-yellow500) {
385
+ color: #FFC107;
386
+ }
387
+ :global(.etext-yellow600) {
388
+ color: #CC9A06;
389
+ }
390
+ :global(.etext-yellow700) {
391
+ color: #997404;
392
+ }
393
+ :global(.etext-yellow800) {
394
+ color: #664D03;
395
+ }
396
+ :global(.etext-yellow900) {
397
+ color: #332701;
398
+ }
399
+ :global(.etext-cyan100) {
400
+ color: #CFF4FC;
401
+ }
402
+ :global(.etext-cyan200) {
403
+ color: #9EEAF9;
404
+ }
405
+ :global(.etext-cyan300) {
406
+ color: #6EDFF6;
407
+ }
408
+ :global(.etext-cyan400) {
409
+ color: #3DD5F3;
410
+ }
411
+ :global(.etext-cyan500) {
412
+ color: #0DCAF0;
413
+ }
414
+ :global(.etext-cyan600) {
415
+ color: #0AA2C0;
416
+ }
417
+ :global(.etext-cyan700) {
418
+ color: #087990;
419
+ }
420
+ :global(.etext-cyan800) {
421
+ color: #055160;
422
+ }
423
+ :global(.etext-cyan900) {
424
+ color: #032830;
425
+ }
426
+ :global(.eoutline-secondary) {
427
+ outline: 1px solid #3AC82E;
428
+ }
429
+ :global(.eoutline-secondaryDark) {
430
+ outline: 1px solid #00A855;
431
+ }
432
+ :global(.eoutline-secondaryLight) {
433
+ outline: 1px solid #CBFFC7;
434
+ }
435
+ :global(.eoutline-primary) {
436
+ outline: 1px solid #00AEE5;
437
+ }
438
+ :global(.eoutline-primaryDark) {
439
+ outline: 1px solid #007FD8;
440
+ }
441
+ :global(.eoutline-primaryLight) {
442
+ outline: 1px solid #CEF3FF;
443
+ }
444
+ :global(.eoutline-danger) {
445
+ outline: 1px solid #FE4747;
446
+ }
447
+ :global(.eoutline-dangerDark) {
448
+ outline: 1px solid #B02A37;
449
+ }
450
+ :global(.eoutline-dangerLight) {
451
+ outline: 1px solid #FE4747;
452
+ }
453
+ :global(.eoutline-success) {
454
+ outline: 1px solid #00A96B;
455
+ }
456
+ :global(.eoutline-successDark) {
457
+ outline: 1px solid #146C43;
458
+ }
459
+ :global(.eoutline-successLight) {
460
+ outline: 1px solid #D1E7DD;
461
+ }
462
+ :global(.eoutline-info) {
463
+ outline: 1px solid #0DCAF0;
464
+ }
465
+ :global(.eoutline-infoDark) {
466
+ outline: 1px solid #087990;
467
+ }
468
+ :global(.eoutline-infoLight) {
469
+ outline: 1px solid #9EEAF9;
470
+ }
471
+ :global(.eoutline-warning) {
472
+ outline: 1px solid #FFBA3A;
473
+ }
474
+ :global(.eoutline-warningDark) {
475
+ outline: 1px solid #997404;
476
+ }
477
+ :global(.eoutline-warningLight) {
478
+ outline: 1px solid #FFF3CD;
479
+ }
480
+ :global(.eradius) {
481
+ border-radius: 4px;
482
+ }
483
+ :global(.eradius-low) {
484
+ border-radius: 8px;
485
+ }
486
+ :global(.eradius-medium) {
487
+ border-radius: 16px;
488
+ }
489
+ :global(.eradius-full) {
490
+ border-radius: 50%;
491
+ }
492
+ .eshadow-non {
493
+ box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
494
+ }
495
+ .eshadow-low {
496
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
497
+ }
498
+ .eshadow-medium {
499
+ box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
500
+ }
501
+ .eshadow-high {
502
+ box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.1);
503
+ }
504
+ :global(.efs-small) {
505
+ font-family: Roboto;
506
+ font-size: 12px;
507
+ font-style: normal;
508
+ font-weight: 400;
509
+ line-height: normal;
510
+ }
511
+ :global(.efs-normal) {
512
+ font-family: Roboto;
513
+ font-size: 16px;
514
+ font-style: normal;
515
+ font-weight: 400;
516
+ line-height: 28px;
517
+ }
518
+ :global(.efs-strong) {
519
+ font-family: Roboto;
520
+ font-size: 17px;
521
+ font-style: normal;
522
+ font-weight: 700;
523
+ line-height: 28px;
524
+ }
525
+ :global(.efs-h6) {
526
+ font-family: Roboto;
527
+ font-size: 16px;
528
+ font-style: normal;
529
+ font-weight: 700;
530
+ line-height: normal;
531
+ }
532
+ :global(.efs-h5) {
533
+ font-family: Roboto;
534
+ font-size: 20px;
535
+ font-style: normal;
536
+ font-weight: 700;
537
+ line-height: normal;
538
+ }
539
+ :global(.efs-h4) {
540
+ font-family: Roboto;
541
+ font-size: 24px;
542
+ font-style: normal;
543
+ font-weight: 700;
544
+ line-height: normal;
545
+ }
546
+ :global(.efs-h3) {
547
+ font-family: Roboto;
548
+ font-size: 28px;
549
+ font-style: normal;
550
+ font-weight: 700;
551
+ line-height: normal;
552
+ }
553
+ :global(.efs-h2) {
554
+ font-family: Roboto;
555
+ font-size: 32px;
556
+ font-style: normal;
557
+ font-weight: 700;
558
+ line-height: normal;
559
+ }
560
+ :global(.efs-h1) {
561
+ font-family: Roboto;
562
+ font-size: 40px;
563
+ font-style: normal;
564
+ font-weight: 700;
565
+ line-height: normal;
566
+ letter-spacing: -0.8px;
567
+ }
568
+ :global(.efs-h4D) {
569
+ font-family: Merriweather;
570
+ font-size: 52px;
571
+ font-style: normal;
572
+ font-weight: 400;
573
+ line-height: normal;
574
+ }
575
+ :global(.efs-h3D) {
576
+ font-family: Merriweather;
577
+ font-size: 58px;
578
+ font-style: normal;
579
+ font-weight: 400;
580
+ line-height: normal;
581
+ }
582
+ :global(.efs-h2D) {
583
+ font-family: Merriweather;
584
+ font-size: 64px;
585
+ font-style: normal;
586
+ font-weight: 400;
587
+ line-height: normal;
588
+ letter-spacing: -1.28px;
589
+ }
590
+ :global(.efs-h1D) {
591
+ font-family: Merriweather;
592
+ font-size: 72px;
593
+ font-style: normal;
594
+ font-weight: 400;
595
+ line-height: normal;
596
+ }
597
+ :global(.accordion-item:first-of-type) {
598
+ border-top-left-radius: 1.25rem;
599
+ border-top-right-radius: 1.25rem;
600
+ }
601
+ :global(.accordion-item:first-of-type .accordion-button) {
602
+ border-top-left-radius: calc(1.25rem - 1px);
603
+ border-top-right-radius: calc(1.25rem - 1px);
604
+ }
605
+ :global(.accordion-body) {
606
+ color: #6C757D;
607
+ font-size: 16px;
608
+ line-height: 28px;
609
+ }
610
+ :global(.accordion-button:not(.collapsed)),
611
+ :global(.accordion-button) {
612
+ font-size: 17px;
613
+ }
614
+ :global(.accordion-button:focus) {
615
+ box-shadow: none;
616
+ border: 1px solid #CED4DA;
617
+ }</style>
@@ -0,0 +1,17 @@
1
+ import { SvelteComponentTyped } from "svelte";
2
+ declare const __propDef: {
3
+ props: {
4
+ stayOpen?: boolean | undefined;
5
+ items?: any[] | undefined;
6
+ };
7
+ events: {
8
+ [evt: string]: CustomEvent<any>;
9
+ };
10
+ slots: {};
11
+ };
12
+ export type AccordionProps = typeof __propDef.props;
13
+ export type AccordionEvents = typeof __propDef.events;
14
+ export type AccordionSlots = typeof __propDef.slots;
15
+ export default class Accordion extends SvelteComponentTyped<AccordionProps, AccordionEvents, AccordionSlots> {
16
+ }
17
+ export {};