ep-lib-ts 1.0.64 → 1.0.66

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 (99) hide show
  1. package/dist/components/basics/EpCard.vue.js +29 -40
  2. package/dist/components/basics/EpCard.vue.js.map +1 -1
  3. package/dist/components/basics/EpDivider.vue.js +1 -1
  4. package/dist/components/basics/EpDivider.vue.js.map +1 -1
  5. package/dist/components/basics/EpHoverCard.vue.js +13 -30
  6. package/dist/components/basics/EpHoverCard.vue.js.map +1 -1
  7. package/dist/components/basics/EpImg.vue.js +5 -3
  8. package/dist/components/basics/EpImg.vue.js.map +1 -1
  9. package/dist/components/basics/EpStackedList.vue.js +2 -2
  10. package/dist/components/basics/EpStackedList.vue.js.map +1 -1
  11. package/dist/components/basics/EpTable.vue.js +4 -4
  12. package/dist/components/basics/EpTable.vue.js.map +1 -1
  13. package/dist/components/educationals/EpBranchingScenario.vue.js +1 -1
  14. package/dist/components/educationals/EpBranchingScenario.vue2.js +3 -3
  15. package/dist/components/educationals/EpBranchingScenario.vue2.js.map +1 -1
  16. package/dist/components/educationals/EpEdu.vue.js +10 -6
  17. package/dist/components/educationals/EpEdu.vue.js.map +1 -1
  18. package/dist/components/educationals/EpObjective.vue.js +3 -3
  19. package/dist/components/educationals/EpObjective.vue.js.map +1 -1
  20. package/dist/components/educationals/EpReading.vue.js +36 -28
  21. package/dist/components/educationals/EpReading.vue.js.map +1 -1
  22. package/dist/components/educationals/EpResource.vue.js +1 -1
  23. package/dist/components/educationals/EpResource.vue.js.map +1 -1
  24. package/dist/components/educationals/EpSpecificObjective.vue.js +7 -8
  25. package/dist/components/educationals/EpSpecificObjective.vue.js.map +1 -1
  26. package/dist/components/forms/EpRadioSummative.vue2.js +1 -1
  27. package/dist/components/forms/EpRadioSummative.vue2.js.map +1 -1
  28. package/dist/components/interactions/EpAccordeon.vue.js +1 -1
  29. package/dist/components/interactions/EpAccordeon.vue2.js +2 -1
  30. package/dist/components/interactions/EpAccordeon.vue2.js.map +1 -1
  31. package/dist/components/interactions/EpContentSlider.vue.js +4 -4
  32. package/dist/components/interactions/EpContentSlider.vue.js.map +1 -1
  33. package/dist/components/interactions/EpQuestion.vue.js +1 -1
  34. package/dist/components/interactions/EpQuestion.vue.js.map +1 -1
  35. package/dist/components/interactions/EpSummativeTable.vue.js +2 -2
  36. package/dist/components/interactions/EpSummativeTable.vue.js.map +1 -1
  37. package/dist/components/medias/EpAudio.vue.js +1 -1
  38. package/dist/components/medias/EpHierarchy.vue.js +1 -1
  39. package/dist/components/medias/EpHierarchy.vue2.js +1 -1
  40. package/dist/components/medias/EpHierarchy.vue2.js.map +1 -1
  41. package/dist/components/medias/EpSoftware.vue.js +1 -1
  42. package/dist/components/medias/EpSoftware.vue.js.map +1 -1
  43. package/dist/components/medias/EpTerm.vue.js +4 -4
  44. package/dist/components/medias/EpTerm.vue.js.map +1 -1
  45. package/dist/components/medias/EpWordDef.vue.js +6 -6
  46. package/dist/components/medias/EpWordDef.vue.js.map +1 -1
  47. package/dist/components/signages/EpAlert.vue.js +1 -1
  48. package/dist/components/signages/EpAlert.vue2.js.map +1 -1
  49. package/dist/components/signages/EpHeader.vue.js +6 -6
  50. package/dist/components/signages/EpHeader.vue.js.map +1 -1
  51. package/dist/components/signages/EpQuote.vue.js +4 -4
  52. package/dist/components/signages/EpQuote.vue.js.map +1 -1
  53. package/dist/components/tools/BgAudio.vue.js +52 -1
  54. package/dist/components/tools/BgAudio.vue.js.map +1 -1
  55. package/dist/components/tools/BgAudio.vue2.js +1 -52
  56. package/dist/components/tools/BgAudio.vue2.js.map +1 -1
  57. package/dist/components/tools/Details.vue.js +55 -1
  58. package/dist/components/tools/Details.vue.js.map +1 -1
  59. package/dist/components/tools/Details.vue2.js +1 -56
  60. package/dist/components/tools/Details.vue2.js.map +1 -1
  61. package/dist/components/tools/DisplayBox.vue.js +3 -1
  62. package/dist/components/tools/DisplayBox.vue.js.map +1 -1
  63. package/dist/components/tools/DisplayBox.vue2.js +2 -2
  64. package/dist/components/tools/DisplayBox.vue2.js.map +1 -1
  65. package/dist/components/tools/TextMedia.vue.js +49 -1
  66. package/dist/components/tools/TextMedia.vue.js.map +1 -1
  67. package/dist/components/tools/TextMedia.vue2.js +1 -49
  68. package/dist/components/tools/TextMedia.vue2.js.map +1 -1
  69. package/dist/components/tools/TwoColsMedia.vue2.js +2 -2
  70. package/dist/components/tools/TwoColsMedia.vue2.js.map +1 -1
  71. package/dist/styles.css +192 -124
  72. package/dist/types/Accordeon.d.ts +0 -4
  73. package/dist/types/Accordeon.js +20 -24
  74. package/dist/types/Accordeon.js.map +1 -1
  75. package/dist/types/Alert.js +32 -32
  76. package/dist/types/Alert.js.map +1 -1
  77. package/dist/types/Btn.d.ts +0 -5
  78. package/dist/types/Btn.js +21 -26
  79. package/dist/types/Btn.js.map +1 -1
  80. package/dist/types/Chip.d.ts +0 -4
  81. package/dist/types/Chip.js +14 -18
  82. package/dist/types/Chip.js.map +1 -1
  83. package/dist/types/Colors.d.ts +1 -1
  84. package/dist/types/Hover.d.ts +1 -1
  85. package/dist/types/Medias.d.ts +0 -1
  86. package/dist/types/Medias.js +0 -1
  87. package/dist/types/Medias.js.map +1 -1
  88. package/dist/types/Radio.d.ts +0 -1
  89. package/dist/types/Radio.js +0 -1
  90. package/dist/types/Radio.js.map +1 -1
  91. package/dist/types/StackedList.d.ts +1 -1
  92. package/dist/types/StackedList.js.map +1 -1
  93. package/dist/types/Switch.d.ts +0 -1
  94. package/dist/types/Switch.js +0 -1
  95. package/dist/types/Switch.js.map +1 -1
  96. package/dist/types/basics/EpCard.d.ts +3 -1
  97. package/dist/types/educationals/EpEdu.d.ts +1 -0
  98. package/dist/types/signages/EpBadge.d.ts +0 -1
  99. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -17,11 +17,6 @@
17
17
  --ep-secondary-light: #FFF8E1;
18
18
  --ep-secondary-dark: #E65100;
19
19
 
20
- /* accent */
21
- --ep-accent: #3F51B5;
22
- --ep-accent-light: #E8EAF6;
23
- --ep-accent-dark: #303F9F;
24
-
25
20
  /* error */
26
21
  --ep-error: #F44336;
27
22
  --ep-error-light: #FFCDD2;
@@ -55,36 +50,23 @@
55
50
  /* surfaces / borders / text */
56
51
  --ep-surface: #ffffff;
57
52
  --ep-surface-2: #f8fafc;
58
- --ep-border: #e2e8f0;
59
53
  --ep-text-dark: #18181b;
60
54
  }
61
55
 
62
56
  /* Dark-mode semantic flips */
63
57
  html.dark {
64
- --ep-neutral: var(--ep-neutral-dark);
65
- --ep-primary: var(--ep-primary-dark);
66
- --ep-secondary: var(--ep-secondary-dark);
67
- --ep-accent: var(--ep-accent-dark);
68
- --ep-error: var(--ep-error-dark);
69
- --ep-warning: var(--ep-warning-dark);
70
- --ep-success: var(--ep-success-dark);
71
- --ep-info: var(--ep-info-dark);
72
- --ep-question: var(--ep-question-dark);
73
- --ep-tip: var(--ep-tip-dark);
74
-
75
58
  --ep-surface: #18181b;
76
59
  --ep-surface-2: #1f1f24;
77
- --ep-border: #3f3f46;
78
-
79
60
  }
80
61
 
81
62
 
82
63
  /* --- Helpers used by components (colors only) --- */
64
+
83
65
 
84
66
  /* Surfaces & text */
85
67
  .ep-surface { background-color: var(--ep-surface); }
86
68
  .ep-surface-2 { background-color: var(--ep-surface-2); }
87
- .ep-border { border-color: var(--ep-border); }
69
+ .ep-border { border-color: var(--ep-surface); }
88
70
  .ep-text-dark {color: var(--ep-text-dark) }
89
71
 
90
72
  /* === Neutral === */
@@ -104,6 +86,20 @@
104
86
  .ep-fill-neutral-light { fill: var(--ep-neutral-light); }
105
87
  .ep-fill-neutral-dark { fill: var(--ep-neutral-dark); }
106
88
 
89
+ /* === btn neutral == */
90
+ .ep-btn-text-neutral { color: #fff;}
91
+ html.dark .ep-btn-text-neutral { color: var(--ep-surface);}
92
+
93
+ .ep-hover-btn-text-neutral:hover { color: #fff;}
94
+ html.dark .ep-hover-btn-text-neutral:hover { color: var(--ep-surface);}
95
+
96
+ .ep-btn-text-neutral-outline { color: #000;}
97
+ html.dark .ep-btn-text-neutral-outline { color: var(--ep-neutral-light);}
98
+
99
+ .ep-hover-btn-text-neutral-outline:hover { color: #fff;}
100
+ html.dark .ep-hover-btn-text-neutral-outline:hover { color: var(--ep-surface);}
101
+
102
+
107
103
  /* === Primary === */
108
104
  .ep-bg-primary { background-color: var(--ep-primary); }
109
105
  .ep-bg-primary-light { background-color: var(--ep-primary-light); }
@@ -121,6 +117,19 @@
121
117
  .ep-fill-primary-light { fill: var(--ep-primary-light); }
122
118
  .ep-fill-primary-dark { fill: var(--ep-primary-dark); }
123
119
 
120
+ /* === btn primary == */
121
+ .ep-btn-text-primary { color: #fff;}
122
+ html.dark .ep-btn-text-primary { color: var(--ep-surface);}
123
+
124
+ .ep-hover-btn-text-primary:hover { color: #fff;}
125
+ html.dark .ep-hover-btn-text-primary:hover { color: var(--ep-surface);}
126
+
127
+ .ep-btn-text-primary-outline { color: var(--ep-primary);}
128
+ html.dark .ep-btn-text-primary-outline { color: var(--ep-primary-light);}
129
+
130
+ .ep-hover-btn-text-primary-outline:hover { color: #fff;}
131
+ html.dark .ep-hover-btn-text-primary-outline:hover { color: var(--ep-surface);}
132
+
124
133
  /* === Secondary === */
125
134
  .ep-bg-secondary { background-color: var(--ep-secondary); }
126
135
  .ep-bg-secondary-light { background-color: var(--ep-secondary-light); }
@@ -138,22 +147,19 @@
138
147
  .ep-fill-secondary-light { fill: var(--ep-secondary-light); }
139
148
  .ep-fill-secondary-dark { fill: var(--ep-secondary-dark); }
140
149
 
141
- /* === Accent === */
142
- .ep-bg-accent { background-color: var(--ep-accent); }
143
- .ep-bg-accent-light { background-color: var(--ep-accent-light); }
144
- .ep-bg-accent-dark { background-color: var(--ep-accent-dark); }
145
- .ep-text-accent { color: var(--ep-accent); }
146
- .ep-text-accent-light { color: var(--ep-accent-light); }
147
- .ep-text-accent-dark { color: var(--ep-accent-dark); }
148
- .ep-border-accent { border-color: var(--ep-accent); }
149
- .ep-border-accent-light { border-color: var(--ep-accent-light); }
150
- .ep-border-accent-dark { border-color: var(--ep-accent-dark); }
151
- .ep-stroke-accent { stroke: var(--ep-accent); }
152
- .ep-stroke-accent-light { stroke: var(--ep-accent-light); }
153
- .ep-stroke-accent-dark { stroke: var(--ep-accent-dark); }
154
- .ep-fill-accent { fill: var(--ep-accent); }
155
- .ep-fill-accent-light { fill: var(--ep-accent-light); }
156
- .ep-fill-accent-dark { fill: var(--ep-accent-dark); }
150
+ /* === btn secondary == */
151
+ .ep-btn-text-secondary { color: #fff;}
152
+ html.dark .ep-btn-text-secondary { color: var(--ep-surface);}
153
+
154
+ .ep-hover-btn-text-secondary:hover { color: #fff;}
155
+ html.dark .ep-hover-btn-text-secondary:hover { color: var(--ep-surface);}
156
+
157
+ .ep-btn-text-secondary-outline { color: var(--ep-secondary);}
158
+ html.dark .ep-btn-text-secondary-outline { color: var(--ep-secondary-light);}
159
+
160
+ .ep-hover-btn-text-secondary-outline:hover { color: #fff;}
161
+ html.dark .ep-hover-btn-text-secondary-outline:hover { color: var(--ep-surface);}
162
+
157
163
 
158
164
  /* === Error === */
159
165
  .ep-bg-error { background-color: var(--ep-error); }
@@ -172,6 +178,19 @@
172
178
  .ep-fill-error-light { fill: var(--ep-error-light); }
173
179
  .ep-fill-error-dark { fill: var(--ep-error-dark); }
174
180
 
181
+ /* === btn error == */
182
+ .ep-btn-text-error { color: #fff;}
183
+ html.dark .ep-btn-text-error { color: var(--ep-surface);}
184
+
185
+ .ep-hover-btn-text-error:hover { color: #fff;}
186
+ html.dark .ep-hover-btn-text-error:hover { color: var(--ep-surface);}
187
+
188
+ .ep-btn-text-error-outline { color: var(--ep-error);}
189
+ html.dark .ep-btn-text-error-outline { color: var(--ep-error-light);}
190
+
191
+ .ep-hover-btn-text-error-outline:hover { color: #fff;}
192
+ html.dark .ep-hover-btn-text-error-outline:hover { color: var(--ep-surface);}
193
+
175
194
  /* === Warning === */
176
195
  .ep-bg-warning { background-color: var(--ep-warning); }
177
196
  .ep-bg-warning-light { background-color: var(--ep-warning-light); }
@@ -189,6 +208,19 @@
189
208
  .ep-fill-warning-light { fill: var(--ep-warning-light); }
190
209
  .ep-fill-warning-dark { fill: var(--ep-warning-dark); }
191
210
 
211
+ /* === btn warning == */
212
+ .ep-btn-text-warning { color: #fff;}
213
+ html.dark .ep-btn-text-warning { color: var(--ep-surface);}
214
+
215
+ .ep-hover-btn-text-warning:hover { color: #fff;}
216
+ html.dark .ep-hover-btn-text-warning:hover { color: var(--ep-surface);}
217
+
218
+ .ep-btn-text-warning-outline { color: var(--ep-warning);}
219
+ html.dark .ep-btn-text-warning-outline { color: var(--ep-warning-light);}
220
+
221
+ .ep-hover-btn-text-warning-outline:hover { color: #fff;}
222
+ html.dark .ep-hover-btn-text-warning-outline:hover { color: var(--ep-surface);}
223
+
192
224
  /* === Success === */
193
225
  .ep-bg-success { background-color: var(--ep-success); }
194
226
  .ep-bg-success-light { background-color: var(--ep-success-light); }
@@ -206,6 +238,20 @@
206
238
  .ep-fill-success-light { fill: var(--ep-success-light); }
207
239
  .ep-fill-success-dark { fill: var(--ep-success-dark); }
208
240
 
241
+
242
+ /* === btn success == */
243
+ .ep-btn-text-success { color: #fff;}
244
+ html.dark .ep-btn-text-success { color: var(--ep-surface);}
245
+
246
+ .ep-hover-btn-text-success:hover { color: #fff;}
247
+ html.dark .ep-hover-btn-text-success:hover { color: var(--ep-surface);}
248
+
249
+ .ep-btn-text-success-outline { color: var(--ep-success)}
250
+ html.dark .ep-btn-text-success-outline { color: var(--ep-success-light);}
251
+
252
+ .ep-hover-btn-text-success-outline:hover { color: #fff;}
253
+ html.dark .ep-hover-btn-text-success-outline:hover { color: var(--ep-surface);}
254
+
209
255
  /* === Info === */
210
256
  .ep-bg-info { background-color: var(--ep-info); }
211
257
  .ep-bg-info-light { background-color: var(--ep-info-light); }
@@ -223,6 +269,19 @@
223
269
  .ep-fill-info-light { fill: var(--ep-info-light); }
224
270
  .ep-fill-info-dark { fill: var(--ep-info-dark); }
225
271
 
272
+ /* === btn info == */
273
+ .ep-btn-text-info { color: #fff;}
274
+ html.dark .ep-btn-text-info { color: var(--ep-surface);}
275
+
276
+ .ep-hover-btn-text-info:hover { color: #fff;}
277
+ html.dark .ep-hover-btn-text-info:hover { color: var(--ep-surface);}
278
+
279
+ .ep-btn-text-info-outline { color: var(--ep-info)}
280
+ html.dark .ep-btn-text-info-outline { color: var(--ep-info-light);}
281
+
282
+ .ep-hover-btn-text-info-outline:hover { color: #fff;}
283
+ html.dark .ep-hover-btn-text-info-outline:hover { color: var(--ep-surface);}
284
+
226
285
  /* === Question === */
227
286
  .ep-bg-question { background-color: var(--ep-question); }
228
287
  .ep-bg-question-light { background-color: var(--ep-question-light); }
@@ -240,6 +299,19 @@
240
299
  .ep-fill-question-light { fill: var(--ep-question-light); }
241
300
  .ep-fill-question-dark { fill: var(--ep-question-dark); }
242
301
 
302
+ /* === btn question == */
303
+ .ep-btn-text-question { color: #fff;}
304
+ html.dark .ep-btn-text-question { color: var(--ep-surface);}
305
+
306
+ .ep-hover-btn-text-question:hover { color: #fff;}
307
+ html.dark .ep-hover-btn-text-question:hover { color: var(--ep-surface);}
308
+
309
+ .ep-btn-text-question-outline { color: var(--ep-question)}
310
+ html.dark .ep-btn-text-question-outline { color: var(--ep-question-light);}
311
+
312
+ .ep-hover-btn-text-question-outline:hover { color: #fff;}
313
+ html.dark .ep-hover-btn-text-question-outline:hover { color: var(--ep-surface);}
314
+
243
315
  /* === Tip === */
244
316
  .ep-bg-tip { background-color: var(--ep-tip); }
245
317
  .ep-bg-tip-light { background-color: var(--ep-tip-light); }
@@ -256,6 +328,19 @@
256
328
  .ep-fill-tip { fill: var(--ep-tip); }
257
329
  .ep-fill-tip-light { fill: var(--ep-tip-light); }
258
330
  .ep-fill-tip-dark { fill: var(--ep-tip-dark); }
331
+
332
+ /* === btn tip == */
333
+ .ep-btn-text-tip { color: #fff;}
334
+ html.dark .ep-btn-text-tip { color: var(--ep-surface);}
335
+
336
+ .ep-hover-btn-text-tip:hover { color: #fff;}
337
+ html.dark .ep-hover-btn-text-tip:hover { color: var(--ep-surface);}
338
+
339
+ .ep-btn-text-tip-outline { color: var(--ep-tip)}
340
+ html.dark .ep-btn-text-tip-outline { color: var(--ep-tip-light);}
341
+
342
+ .ep-hover-btn-text-tip-outline:hover { color: #fff;}
343
+ html.dark .ep-hover-btn-text-tip-outline:hover { color: var(--ep-surface);}
259
344
 
260
345
 
261
346
  .ep-ring { --tw-ring-color: var(--ep-primary); }
@@ -273,10 +358,6 @@
273
358
  .ep-ring-secondary-light { --tw-ring-color: var(--ep-secondary-light); }
274
359
  .ep-ring-secondary-dark { --tw-ring-color: var(--ep-secondary-dark); }
275
360
 
276
- .ep-ring-accent { --tw-ring-color: var(--ep-accent); }
277
- .ep-ring-accent-light { --tw-ring-color: var(--ep-accent-light); }
278
- .ep-ring-accent-dark { --tw-ring-color: var(--ep-accent-dark); }
279
-
280
361
  .ep-ring-error { --tw-ring-color: var(--ep-error); }
281
362
  .ep-ring-error-light { --tw-ring-color: var(--ep-error-light); }
282
363
  .ep-ring-error-dark { --tw-ring-color: var(--ep-error-dark); }
@@ -306,7 +387,6 @@
306
387
  .ep-ring-offset-neutral { --tw-ring-offset-color: var(--ep-neutral); }
307
388
  .ep-ring-offset-primary { --tw-ring-offset-color: var(--ep-primary); }
308
389
  .ep-ring-offset-secondary{ --tw-ring-offset-color: var(--ep-secondary); }
309
- .ep-ring-offset-accent { --tw-ring-offset-color: var(--ep-accent); }
310
390
  .ep-ring-offset-error { --tw-ring-offset-color: var(--ep-error); }
311
391
  .ep-ring-offset-warning { --tw-ring-offset-color: var(--ep-warning); }
312
392
  .ep-ring-offset-success { --tw-ring-offset-color: var(--ep-success); }
@@ -323,9 +403,6 @@
323
403
  .ep-hover-bg-secondary:hover { background-color: var(--ep-secondary-dark); }
324
404
  html.dark .ep-hover-bg-secondary:hover { background-color: var(--ep-secondary-light); }
325
405
 
326
- .ep-hover-bg-accent:hover { background-color: var(--ep-accent-dark); }
327
- html.dark .ep-hover-bg-accent:hover { background-color: var(--ep-accent-light); }
328
-
329
406
  .ep-hover-bg-error:hover { background-color: var(--ep-error-dark); }
330
407
  html.dark .ep-hover-bg-error:hover { background-color: var(--ep-error-light); }
331
408
 
@@ -346,34 +423,31 @@
346
423
 
347
424
  /* === HOVER: border === */
348
425
  .ep-hover-border-neutral:hover { border-color: var(--ep-neutral-dark); }
349
- html.dark .ep-hover-border-neutral:hover { border-color: var(--ep-neutral-light); }
426
+ html.dark .ep-hover-border-neutral:hover { border-color: var(--ep-neutral); }
350
427
 
351
428
  .ep-hover-border-primary:hover { border-color: var(--ep-primary-dark); }
352
- html.dark .ep-hover-border-primary:hover { border-color: var(--ep-primary-light); }
429
+ html.dark .ep-hover-border-primary:hover { border-color: var(--ep-primary); }
353
430
 
354
431
  .ep-hover-border-secondary:hover { border-color: var(--ep-secondary-dark); }
355
- html.dark .ep-hover-border-secondary:hover { border-color: var(--ep-secondary-light); }
356
-
357
- .ep-hover-border-accent:hover { border-color: var(--ep-accent-dark); }
358
- html.dark .ep-hover-border-accent:hover { border-color: var(--ep-accent-light); }
432
+ html.dark .ep-hover-border-secondary:hover { border-color: var(--ep-secondary); }
359
433
 
360
434
  .ep-hover-border-error:hover { border-color: var(--ep-error-dark); }
361
- html.dark .ep-hover-border-error:hover { border-color: var(--ep-error-light); }
435
+ html.dark .ep-hover-border-error:hover { border-color: var(--ep-error); }
362
436
 
363
437
  .ep-hover-border-warning:hover { border-color: var(--ep-warning-dark); }
364
- html.dark .ep-hover-border-warning:hover { border-color: var(--ep-warning-light); }
438
+ html.dark .ep-hover-border-warning:hover { border-color: var(--ep-warning); }
365
439
 
366
440
  .ep-hover-border-success:hover { border-color: var(--ep-success-dark); }
367
- html.dark .ep-hover-border-success:hover { border-color: var(--ep-success-light); }
441
+ html.dark .ep-hover-border-success:hover { border-color: var(--ep-success); }
368
442
 
369
443
  .ep-hover-border-info:hover { border-color: var(--ep-info-dark); }
370
- html.dark .ep-hover-border-info:hover { border-color: var(--ep-info-light); }
444
+ html.dark .ep-hover-border-info:hover { border-color: var(--ep-info); }
371
445
 
372
446
  .ep-hover-border-question:hover { border-color: var(--ep-question-dark); }
373
- html.dark .ep-hover-border-question:hover { border-color: var(--ep-question-light); }
447
+ html.dark .ep-hover-border-question:hover { border-color: var(--ep-question); }
374
448
 
375
449
  .ep-hover-border-tip:hover { border-color: var(--ep-tip-dark); }
376
- html.dark .ep-hover-border-tip:hover { border-color: var(--ep-tip-light); }
450
+ html.dark .ep-hover-border-tip:hover { border-color: var(--ep-tip); }
377
451
 
378
452
  /* === HOVER: stroke === */
379
453
  .ep-hover-stroke-neutral:hover { stroke: var(--ep-neutral-dark); }
@@ -385,9 +459,6 @@
385
459
  .ep-hover-stroke-secondary:hover { stroke: var(--ep-secondary-dark); }
386
460
  html.dark .ep-hover-stroke-secondary:hover { stroke: var(--ep-secondary-light); }
387
461
 
388
- .ep-hover-stroke-accent:hover { stroke: var(--ep-accent-dark); }
389
- html.dark .ep-hover-stroke-accent:hover { stroke: var(--ep-accent-light); }
390
-
391
462
  .ep-hover-stroke-error:hover { stroke: var(--ep-error-dark); }
392
463
  html.dark .ep-hover-stroke-error:hover { stroke: var(--ep-error-light); }
393
464
 
@@ -416,9 +487,6 @@
416
487
  .ep-hover-fill-secondary:hover { fill: var(--ep-secondary-dark); }
417
488
  html.dark .ep-hover-fill-secondary:hover { fill: var(--ep-secondary-light); }
418
489
 
419
- .ep-hover-fill-accent:hover { fill: var(--ep-accent-dark); }
420
- html.dark .ep-hover-fill-accent:hover { fill: var(--ep-accent-light); }
421
-
422
490
  .ep-hover-fill-error:hover { fill: var(--ep-error-dark); }
423
491
  html.dark .ep-hover-fill-error:hover { fill: var(--ep-error-light); }
424
492
 
@@ -444,20 +512,54 @@ pre {
444
512
  }
445
513
  /*$vite$:1*/
446
514
 
447
- .eptimeline-list-enter-active[data-v-6ad2fc60],
448
- .eptimeline-list-leave-active[data-v-6ad2fc60] {
449
- transition: all 0.5s ease;
515
+ @keyframes fade-c85132a3 {
516
+ 0% {
517
+ opacity: 0;
450
518
  }
451
- .eptimeline-list-enter-from[data-v-6ad2fc60],
452
- .eptimeline-list-leave-to[data-v-6ad2fc60] {
453
- opacity: 0;
454
- transform: translateX(30px);
519
+ 100% {
520
+ opacity: 1;
521
+ }
522
+ }
523
+ @keyframes scale-c85132a3 {
524
+ 0% {
525
+ transform: scale(0.5);
526
+ opacity: 0;
527
+ }
528
+ 100% {
529
+ transform: scale(1);
530
+ opacity: 1;
531
+ }
532
+ }
533
+ @keyframes slideY-c85132a3 {
534
+ 0% {
535
+ transform: translateY(-100%);
536
+ opacity: 0;
537
+ }
538
+ 100% {
539
+ transform: translateY(0);
540
+ opacity: 1;
541
+ }
542
+ }
543
+
544
+ /* Transition animation */
545
+ .fade[data-v-c85132a3] {
546
+ animation: fade-c85132a3 1s;
547
+ }
548
+ .scale[data-v-c85132a3] {
549
+ animation: scale-c85132a3 1s;
550
+ }
551
+ .slideY[data-v-c85132a3] {
552
+ animation: slideY-c85132a3 1s;
455
553
  }
456
554
  /*$vite$:1*/
457
555
 
458
- .ep-accordeon-content[data-v-805c37df] {
459
- max-height: 0;
460
- overflow: hidden;
556
+ .ep-tree-wrapper[data-v-819ce9ba] {
557
+ overflow: auto;
558
+ border: 1px solid #ddd;
559
+ }
560
+ .ep-tree-container[data-v-819ce9ba] {
561
+ width: 100%;
562
+ overflow-x: auto;
461
563
  }
462
564
  /*$vite$:1*/
463
565
 
@@ -500,58 +602,23 @@ pre {
500
602
  }
501
603
  /*$vite$:1*/
502
604
 
503
- .ep-tree-wrapper[data-v-17604c55] {
504
- overflow: auto;
505
- border: 1px solid #ddd;
506
- }
507
- .ep-tree-container[data-v-17604c55] {
508
- width: 100%;
509
- overflow-x: auto;
605
+ .katex[data-v-a9b6227c] {
606
+ font-size: 1.6em;
510
607
  }
511
608
  /*$vite$:1*/
512
609
 
513
- @keyframes fade-6611fc55 {
514
- 0% {
515
- opacity: 0;
516
- }
517
- 100% {
518
- opacity: 1;
519
- }
520
- }
521
- @keyframes scale-6611fc55 {
522
- 0% {
523
- transform: scale(0.5);
524
- opacity: 0;
525
- }
526
- 100% {
527
- transform: scale(1);
528
- opacity: 1;
529
- }
530
- }
531
- @keyframes slideY-6611fc55 {
532
- 0% {
533
- transform: translateY(-100%);
534
- opacity: 0;
535
- }
536
- 100% {
537
- transform: translateY(0);
538
- opacity: 1;
539
- }
540
- }
541
-
542
- /* Transition animation */
543
- .fade[data-v-6611fc55] {
544
- animation: fade-6611fc55 1s;
545
- }
546
- .scale[data-v-6611fc55] {
547
- animation: scale-6611fc55 1s;
610
+ .eptimeline-list-enter-active[data-v-6ad2fc60],
611
+ .eptimeline-list-leave-active[data-v-6ad2fc60] {
612
+ transition: all 0.5s ease;
548
613
  }
549
- .slideY[data-v-6611fc55] {
550
- animation: slideY-6611fc55 1s;
614
+ .eptimeline-list-enter-from[data-v-6ad2fc60],
615
+ .eptimeline-list-leave-to[data-v-6ad2fc60] {
616
+ opacity: 0;
617
+ transform: translateX(30px);
551
618
  }
552
619
  /*$vite$:1*/
553
620
 
554
- .ep-info-box[data-v-b4417cf8] a {
621
+ .ep-info-box[data-v-64f3d0d8] a {
555
622
  text-decoration: underline;
556
623
  font-weight: 500;
557
624
  }
@@ -563,24 +630,25 @@ pre {
563
630
  }
564
631
  /*$vite$:1*/
565
632
 
566
- .katex[data-v-a9b6227c] {
567
- font-size: 1.6em;
568
- }
569
- /*$vite$:1*/
570
-
571
- .ep-content-timeline-item[data-v-7198a990] {
633
+ .ep-accordeon-content[data-v-bceaac29] {
572
634
  max-height: 0;
573
635
  overflow: hidden;
574
636
  }
575
637
  /*$vite$:1*/
576
638
 
577
- .ep-display-box {
639
+ .ep-display-box[data-v-4e1d2bd1] {
578
640
  z-index: 9999;
579
641
  position: absolute;
580
642
  right: 12rem;
581
643
  }
582
644
  /*$vite$:1*/
583
645
 
646
+ .ep-content-timeline-item[data-v-7198a990] {
647
+ max-height: 0;
648
+ overflow: hidden;
649
+ }
650
+ /*$vite$:1*/
651
+
584
652
  .ep-sensible-content[data-v-b3ee44a0] {
585
653
  position: relative;
586
654
  }
@@ -11,10 +11,6 @@ export declare const typeAccordeon: {
11
11
  default: string;
12
12
  outlined: string;
13
13
  };
14
- accent: {
15
- default: string;
16
- outlined: string;
17
- };
18
14
  warning: {
19
15
  default: string;
20
16
  outlined: string;
@@ -1,49 +1,45 @@
1
1
  const typeAccordeon = {
2
2
  base: {
3
- default: "bg-base text-black dark:bg-base-dark dark:text-white",
4
- outlined: "border-base dark:border-base border text-black dark:text-white"
3
+ default: "ep-bg-neutral ep-btn-text-neutral",
4
+ outlined: "ep-btn-text-neutral-outline ep-border-neutral border"
5
5
  },
6
6
  primary: {
7
- default: "bg-primary text-white dark:bg-main-color-400",
8
- outlined: "border-primary dark:border-base-dark border text-primary"
7
+ default: "ep-bg-primary ep-btn-text-primary",
8
+ outlined: "ep-btn-text-primary-outline ep-border-primary border"
9
9
  },
10
10
  secondary: {
11
- default: "bg-secondary text-white dark:bg-secondary-dark",
12
- outlined: "border-secondary dark:border-secondary-dark border text-secondary"
13
- },
14
- accent: {
15
- default: "bg-accent text-white dark:bg-accent-dark",
16
- outlined: "border-accent dark:border-accent-dark border text-accent"
11
+ default: "ep-bg-secondary ep-btn-text-secondary",
12
+ outlined: "ep-btn-text-secondary-outline ep-border-secondary border"
17
13
  },
18
14
  warning: {
19
- default: "bg-warning text-white dark:bg-warning-dark",
20
- outlined: "border-warning dark:border-warning-dark border text-warning"
15
+ default: "ep-bg-warning ep-btn-text-warning",
16
+ outlined: "ep-btn-text-warning-outline ep-border-warning border"
21
17
  },
22
18
  success: {
23
- default: "bg-success text-white dark:bg-success-dark",
24
- outlined: "border-success dark:border-success-dark border text-success"
19
+ default: "ep-bg-success ep-btn-text-success",
20
+ outlined: "ep-btn-text-success-outline ep-border-success border"
25
21
  },
26
22
  error: {
27
- default: "bg-error text-white dark:bg-error-dark",
28
- outlined: "border-error dark:border-error-dark border text-error"
23
+ default: "ep-bg-error ep-btn-text-error",
24
+ outlined: "ep-btn-text-error-outline ep-border-error border"
29
25
  },
30
26
  /* this types is only for ptsAlert */
31
27
  info: {
32
- default: "bg-info text-white dark:bg-info-dark",
33
- outlined: "border-info dark:border-info-dark border text-info"
28
+ default: "ep-bg-info ep-btn-text-info",
29
+ outlined: "ep-btn-text-info-outline ep-border-info border"
34
30
  },
35
31
  question: {
36
- default: "bg-question text-white dark:bg-question-dark",
37
- outlined: "border-question dark:border-question-dark border text-question"
32
+ default: "ep-bg-question ep-btn-text-question",
33
+ outlined: "ep-btn-text-question-outline ep-border-question border"
38
34
  },
39
35
  /*NETTOYER DB*/
40
36
  Question: {
41
- default: "bg-question text-white dark:bg-question-dark",
42
- outlined: "border-question dark:border-question-dark border text-question"
37
+ default: "ep-bg-question ep-btn-text-question",
38
+ outlined: "ep-btn-text-question-outline ep-border-question border"
43
39
  },
44
40
  tip: {
45
- default: "bg-tip text-white dark:bg-tip-dark",
46
- outlined: "border-tip dark:border-tip-dark border text-tip"
41
+ default: "ep-bg-tip ep-btn-text-tip",
42
+ outlined: "ep-btn-text-tip-outline ep-border-tip border"
47
43
  }
48
44
  };
49
45
  export {
@@ -1 +1 @@
1
- {"version":3,"file":"Accordeon.js","sources":["../../src/types/Accordeon.ts"],"sourcesContent":["export const typeAccordeon = {\n base:{\n default:'bg-base text-black dark:bg-base-dark dark:text-white',\n outlined:'border-base dark:border-base border text-black dark:text-white'\n },\n primary:{\n default:'bg-primary text-white dark:bg-main-color-400',\n outlined:'border-primary dark:border-base-dark border text-primary'\n },\n secondary:{\n default:'bg-secondary text-white dark:bg-secondary-dark',\n outlined:'border-secondary dark:border-secondary-dark border text-secondary'\n },\n accent:{\n default:'bg-accent text-white dark:bg-accent-dark' ,\n outlined:'border-accent dark:border-accent-dark border text-accent'\n },\n warning:{\n default:'bg-warning text-white dark:bg-warning-dark',\n outlined:'border-warning dark:border-warning-dark border text-warning'\n },\n success:{\n default:'bg-success text-white dark:bg-success-dark',\n outlined:'border-success dark:border-success-dark border text-success'\n },\n error:{\n default:'bg-error text-white dark:bg-error-dark',\n outlined:'border-error dark:border-error-dark border text-error'\n },\n /* this types is only for ptsAlert */\n info:{\n default:'bg-info text-white dark:bg-info-dark',\n outlined:'border-info dark:border-info-dark border text-info'\n },\n question:{\n default:'bg-question text-white dark:bg-question-dark',\n outlined:'border-question dark:border-question-dark border text-question'\n },\n /*NETTOYER DB*/\n Question:{\n default:'bg-question text-white dark:bg-question-dark',\n outlined:'border-question dark:border-question-dark border text-question'\n },\n tip:{\n default:'bg-tip text-white dark:bg-tip-dark',\n outlined:'border-tip dark:border-tip-dark border text-tip'\n },\n}\n\n\nexport type TypeAccordeon = keyof typeof typeAccordeon\n\n"],"names":[],"mappings":"AAAO,MAAM,gBAAgB;AAAA,EACzB,MAAK;AAAA,IACD,SAAQ;AAAA,IACR,UAAS;AAAA,EAAA;AAAA,EAEb,SAAQ;AAAA,IACJ,SAAQ;AAAA,IACR,UAAS;AAAA,EAAA;AAAA,EAEb,WAAU;AAAA,IACN,SAAQ;AAAA,IACR,UAAS;AAAA,EAAA;AAAA,EAEb,QAAO;AAAA,IACH,SAAQ;AAAA,IACR,UAAS;AAAA,EAAA;AAAA,EAEb,SAAQ;AAAA,IACJ,SAAQ;AAAA,IACR,UAAS;AAAA,EAAA;AAAA,EAEb,SAAQ;AAAA,IACJ,SAAQ;AAAA,IACR,UAAS;AAAA,EAAA;AAAA,EAEb,OAAM;AAAA,IACF,SAAQ;AAAA,IACR,UAAS;AAAA,EAAA;AAAA;AAAA,EAGb,MAAK;AAAA,IACD,SAAQ;AAAA,IACR,UAAS;AAAA,EAAA;AAAA,EAEb,UAAS;AAAA,IACL,SAAQ;AAAA,IACR,UAAS;AAAA,EAAA;AAAA;AAAA,EAGb,UAAS;AAAA,IACL,SAAQ;AAAA,IACR,UAAS;AAAA,EAAA;AAAA,EAEb,KAAI;AAAA,IACA,SAAQ;AAAA,IACR,UAAS;AAAA,EAAA;AAEjB;"}
1
+ {"version":3,"file":"Accordeon.js","sources":["../../src/types/Accordeon.ts"],"sourcesContent":["export const typeAccordeon = {\n base:{\n default:'ep-bg-neutral ep-btn-text-neutral',\n outlined:'ep-btn-text-neutral-outline ep-border-neutral border'\n },\n primary:{\n default:'ep-bg-primary ep-btn-text-primary',\n outlined:'ep-btn-text-primary-outline ep-border-primary border'\n },\n secondary:{\n default:'ep-bg-secondary ep-btn-text-secondary',\n outlined:'ep-btn-text-secondary-outline ep-border-secondary border'\n },\n warning:{\n default:'ep-bg-warning ep-btn-text-warning',\n outlined:'ep-btn-text-warning-outline ep-border-warning border'\n },\n success:{\n default:'ep-bg-success ep-btn-text-success',\n outlined:'ep-btn-text-success-outline ep-border-success border'\n },\n error:{\n default:'ep-bg-error ep-btn-text-error',\n outlined:'ep-btn-text-error-outline ep-border-error border'\n },\n /* this types is only for ptsAlert */\n info:{\n default:'ep-bg-info ep-btn-text-info',\n outlined:'ep-btn-text-info-outline ep-border-info border'\n },\n question:{\n default:'ep-bg-question ep-btn-text-question',\n outlined:'ep-btn-text-question-outline ep-border-question border'\n },\n /*NETTOYER DB*/\n Question:{\n default:'ep-bg-question ep-btn-text-question',\n outlined:'ep-btn-text-question-outline ep-border-question border'\n },\n tip:{\n default:'ep-bg-tip ep-btn-text-tip',\n outlined:'ep-btn-text-tip-outline ep-border-tip border'\n },\n}\n\n\nexport type TypeAccordeon = keyof typeof typeAccordeon\n\n"],"names":[],"mappings":"AAAO,MAAM,gBAAgB;AAAA,EACzB,MAAK;AAAA,IACD,SAAQ;AAAA,IACR,UAAS;AAAA,EAAA;AAAA,EAEb,SAAQ;AAAA,IACJ,SAAQ;AAAA,IACR,UAAS;AAAA,EAAA;AAAA,EAEb,WAAU;AAAA,IACN,SAAQ;AAAA,IACR,UAAS;AAAA,EAAA;AAAA,EAEb,SAAQ;AAAA,IACJ,SAAQ;AAAA,IACR,UAAS;AAAA,EAAA;AAAA,EAEb,SAAQ;AAAA,IACJ,SAAQ;AAAA,IACR,UAAS;AAAA,EAAA;AAAA,EAEb,OAAM;AAAA,IACF,SAAQ;AAAA,IACR,UAAS;AAAA,EAAA;AAAA;AAAA,EAGb,MAAK;AAAA,IACD,SAAQ;AAAA,IACR,UAAS;AAAA,EAAA;AAAA,EAEb,UAAS;AAAA,IACL,SAAQ;AAAA,IACR,UAAS;AAAA,EAAA;AAAA;AAAA,EAGb,UAAS;AAAA,IACL,SAAQ;AAAA,IACR,UAAS;AAAA,EAAA;AAAA,EAEb,KAAI;AAAA,IACA,SAAQ;AAAA,IACR,UAAS;AAAA,EAAA;AAEjB;"}