@webwriter/quiz 1.1.3 → 2.0.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 (167) hide show
  1. package/.github/workflows/publish.yml +8 -0
  2. package/LICENSE +6 -6
  3. package/README.md +778 -0
  4. package/assets/icons/grip-horizontal.svg +8 -0
  5. package/assets/icons/grip-vertical.svg +8 -0
  6. package/assets/icons/truefalse.svg +6 -0
  7. package/custom-elements.json +2779 -0
  8. package/custom.d.ts +180 -176
  9. package/dist/api/index.d.ts +27 -0
  10. package/dist/api/index.js +40 -0
  11. package/dist/migrate.js +1434 -0
  12. package/dist/widgets/webwriter-choice-item.js +4036 -3895
  13. package/dist/widgets/webwriter-choice.js +2269 -5821
  14. package/dist/widgets/webwriter-gap-item.js +3987 -0
  15. package/dist/widgets/webwriter-gap.js +2908 -0
  16. package/dist/widgets/webwriter-mark.js +4335 -3489
  17. package/dist/widgets/webwriter-order-item.js +4014 -3306
  18. package/dist/widgets/webwriter-order.js +2944 -4386
  19. package/dist/widgets/webwriter-pairing-item.js +1058 -2421
  20. package/dist/widgets/webwriter-pairing.js +2993 -4383
  21. package/dist/widgets/webwriter-quiz-hint.js +2469 -0
  22. package/dist/widgets/webwriter-quiz.js +4933 -6099
  23. package/dist/widgets/webwriter-speech.js +6077 -5230
  24. package/dist/widgets/webwriter-task-prompt.js +4775 -2165
  25. package/dist/widgets/webwriter-task.js +2364 -8382
  26. package/dist/widgets/webwriter-text.js +4169 -4337
  27. package/dist/widgets/webwriter-true-false.js +4674 -0
  28. package/editing-config.json +106 -0
  29. package/lit-localize.json +21 -15
  30. package/localization/de.xlf +407 -74
  31. package/localization/es.xlf +407 -69
  32. package/localization/fr.xlf +407 -69
  33. package/localization/generated/de.ts +112 -29
  34. package/localization/generated/es.ts +112 -29
  35. package/localization/generated/fr.ts +112 -29
  36. package/localization/generated/index.d.ts +5 -0
  37. package/localization/generated/index.js +2 -2
  38. package/localization/generated/it.ts +112 -29
  39. package/localization/generated/locale-codes.js +31 -79
  40. package/localization/generated/nl.ts +112 -29
  41. package/localization/it.xlf +407 -69
  42. package/localization/nl.xlf +407 -69
  43. package/package.json +119 -252
  44. package/scripts/apply-translations.mjs +97 -0
  45. package/src/api/index.ts +72 -0
  46. package/src/lib/artboard.ts +686 -0
  47. package/src/lib/draggable-grid.ts +432 -0
  48. package/src/lib/encrypted-property.ts +202 -0
  49. package/src/lib/hint-popup.ts +152 -0
  50. package/src/lib/utils.ts +97 -0
  51. package/src/lib/webwriter-quirks.ts +121 -0
  52. package/src/migrate/index.ts +622 -0
  53. package/src/migrate/legacy-solution.ts +362 -0
  54. package/src/snippets/order.html +9 -8
  55. package/src/widgets/choice/webwriter-choice-item.ts +316 -0
  56. package/src/widgets/choice/webwriter-choice.ts +328 -0
  57. package/src/widgets/choice/webwriter-true-false.ts +113 -0
  58. package/src/widgets/dnd/webwriter-dnd-draggable.ts +28 -0
  59. package/src/widgets/dnd/webwriter-dnd-dropzone.ts +9 -0
  60. package/src/widgets/dnd/webwriter-dnd.ts +36 -0
  61. package/src/widgets/gap/webwriter-gap-item.ts +250 -0
  62. package/src/widgets/gap/webwriter-gap.ts +447 -0
  63. package/src/widgets/order/webwriter-order-item.ts +243 -0
  64. package/src/widgets/order/webwriter-order.ts +282 -0
  65. package/src/widgets/pairing/webwriter-pairing-item.ts +46 -0
  66. package/src/widgets/pairing/webwriter-pairing.ts +934 -0
  67. package/src/widgets/speech/audio-player.ts +325 -0
  68. package/src/widgets/speech/audio-recorder.ts +285 -0
  69. package/src/widgets/speech/waveform.ts +113 -0
  70. package/src/widgets/speech/webwriter-speech.ts +87 -0
  71. package/src/widgets/webwriter-mark.ts +374 -432
  72. package/src/widgets/webwriter-quiz-hint.ts +36 -0
  73. package/src/widgets/webwriter-quiz.ts +320 -282
  74. package/src/widgets/webwriter-task-prompt.ts +49 -24
  75. package/src/widgets/webwriter-task.ts +216 -547
  76. package/src/widgets/webwriter-text.ts +291 -156
  77. package/tsconfig.api.json +12 -0
  78. package/tsconfig.json +8 -7
  79. package/dist/widgets/webwriter-choice.css +0 -444
  80. package/dist/widgets/webwriter-cloze-gap.css +0 -444
  81. package/dist/widgets/webwriter-cloze-gap.js +0 -5866
  82. package/dist/widgets/webwriter-cloze.css +0 -444
  83. package/dist/widgets/webwriter-cloze.js +0 -3786
  84. package/dist/widgets/webwriter-mark.css +0 -444
  85. package/dist/widgets/webwriter-order.css +0 -444
  86. package/dist/widgets/webwriter-pairing-item.css +0 -444
  87. package/dist/widgets/webwriter-pairing.css +0 -444
  88. package/dist/widgets/webwriter-quiz.css +0 -444
  89. package/dist/widgets/webwriter-task-explainer.css +0 -444
  90. package/dist/widgets/webwriter-task-explainer.js +0 -2872
  91. package/dist/widgets/webwriter-task-hint.css +0 -444
  92. package/dist/widgets/webwriter-task-hint.js +0 -2811
  93. package/dist/widgets/webwriter-task.css +0 -444
  94. package/dist/widgets/webwriter-text.css +0 -444
  95. package/localization/bg.xlf +0 -69
  96. package/localization/cs.xlf +0 -69
  97. package/localization/da.xlf +0 -69
  98. package/localization/el.xlf +0 -69
  99. package/localization/et.xlf +0 -69
  100. package/localization/fi.xlf +0 -69
  101. package/localization/generated/bg.ts +0 -30
  102. package/localization/generated/cs.ts +0 -30
  103. package/localization/generated/da.ts +0 -30
  104. package/localization/generated/el.ts +0 -30
  105. package/localization/generated/et.ts +0 -30
  106. package/localization/generated/fi.ts +0 -30
  107. package/localization/generated/hu.ts +0 -30
  108. package/localization/generated/id.ts +0 -30
  109. package/localization/generated/ja.ts +0 -30
  110. package/localization/generated/ko.ts +0 -30
  111. package/localization/generated/lt.ts +0 -30
  112. package/localization/generated/lv.ts +0 -30
  113. package/localization/generated/nb.ts +0 -30
  114. package/localization/generated/pl.ts +0 -30
  115. package/localization/generated/pt-BR.ts +0 -30
  116. package/localization/generated/pt-PT.ts +0 -30
  117. package/localization/generated/ro.ts +0 -30
  118. package/localization/generated/ru.ts +0 -30
  119. package/localization/generated/sk.ts +0 -30
  120. package/localization/generated/sl.ts +0 -30
  121. package/localization/generated/sv.ts +0 -30
  122. package/localization/generated/tr.ts +0 -30
  123. package/localization/generated/uk.ts +0 -30
  124. package/localization/generated/zh-hans.ts +0 -30
  125. package/localization/hu.xlf +0 -69
  126. package/localization/id.xlf +0 -69
  127. package/localization/ja.xlf +0 -69
  128. package/localization/ko.xlf +0 -69
  129. package/localization/lt.xlf +0 -69
  130. package/localization/lv.xlf +0 -69
  131. package/localization/nb.xlf +0 -69
  132. package/localization/pl.xlf +0 -69
  133. package/localization/pt-BR.xlf +0 -69
  134. package/localization/pt-PT.xlf +0 -69
  135. package/localization/ro.xlf +0 -69
  136. package/localization/ru.xlf +0 -69
  137. package/localization/sk.xlf +0 -69
  138. package/localization/sl.xlf +0 -69
  139. package/localization/sv.xlf +0 -69
  140. package/localization/tr.xlf +0 -69
  141. package/localization/uk.xlf +0 -69
  142. package/localization/zh-hans.xlf +0 -69
  143. package/src/lib/combobox.ts +0 -456
  144. package/src/lib/highlighter-fill.svg +0 -6
  145. package/src/snippets/Beispiel-Choice.html +0 -57
  146. package/src/snippets/Beispiel-Mark.html +0 -14
  147. package/src/snippets/Beispiel-Order.html +0 -52
  148. package/src/snippets/Beispiel-Text.html +0 -20
  149. package/src/snippets/blank.html +0 -1
  150. package/src/snippets/choice.html +0 -8
  151. package/src/snippets/cloze.html +0 -4
  152. package/src/snippets/mark.html +0 -4
  153. package/src/snippets/pairing.html +0 -10
  154. package/src/snippets/speech.html +0 -4
  155. package/src/snippets/text.html +0 -4
  156. package/src/snippets/wordsearch.html +0 -4
  157. package/src/widgets/webwriter-choice-item.ts +0 -254
  158. package/src/widgets/webwriter-choice.ts +0 -353
  159. package/src/widgets/webwriter-cloze-gap.ts +0 -216
  160. package/src/widgets/webwriter-cloze.ts +0 -136
  161. package/src/widgets/webwriter-order-item.ts +0 -441
  162. package/src/widgets/webwriter-order.ts +0 -327
  163. package/src/widgets/webwriter-pairing-item.ts +0 -161
  164. package/src/widgets/webwriter-pairing.ts +0 -193
  165. package/src/widgets/webwriter-speech.ts +0 -273
  166. package/src/widgets/webwriter-task-explainer.ts +0 -43
  167. package/src/widgets/webwriter-task-hint.ts +0 -23
@@ -1,444 +0,0 @@
1
- /* node_modules/@shoelace-style/shoelace/dist/themes/light.css */
2
- :root,
3
- :host,
4
- .sl-theme-light {
5
- color-scheme: light;
6
- --sl-color-gray-50: hsl(0 0% 97.5%);
7
- --sl-color-gray-100: hsl(240 4.8% 95.9%);
8
- --sl-color-gray-200: hsl(240 5.9% 90%);
9
- --sl-color-gray-300: hsl(240 4.9% 83.9%);
10
- --sl-color-gray-400: hsl(240 5% 64.9%);
11
- --sl-color-gray-500: hsl(240 3.8% 46.1%);
12
- --sl-color-gray-600: hsl(240 5.2% 33.9%);
13
- --sl-color-gray-700: hsl(240 5.3% 26.1%);
14
- --sl-color-gray-800: hsl(240 3.7% 15.9%);
15
- --sl-color-gray-900: hsl(240 5.9% 10%);
16
- --sl-color-gray-950: hsl(240 7.3% 8%);
17
- --sl-color-red-50: hsl(0 85.7% 97.3%);
18
- --sl-color-red-100: hsl(0 93.3% 94.1%);
19
- --sl-color-red-200: hsl(0 96.3% 89.4%);
20
- --sl-color-red-300: hsl(0 93.5% 81.8%);
21
- --sl-color-red-400: hsl(0 90.6% 70.8%);
22
- --sl-color-red-500: hsl(0 84.2% 60.2%);
23
- --sl-color-red-600: hsl(0 72.2% 50.6%);
24
- --sl-color-red-700: hsl(0 73.7% 41.8%);
25
- --sl-color-red-800: hsl(0 70% 35.3%);
26
- --sl-color-red-900: hsl(0 62.8% 30.6%);
27
- --sl-color-red-950: hsl(0 60% 19.6%);
28
- --sl-color-orange-50: hsl(33.3 100% 96.5%);
29
- --sl-color-orange-100: hsl(34.3 100% 91.8%);
30
- --sl-color-orange-200: hsl(32.1 97.7% 83.1%);
31
- --sl-color-orange-300: hsl(30.7 97.2% 72.4%);
32
- --sl-color-orange-400: hsl(27 96% 61%);
33
- --sl-color-orange-500: hsl(24.6 95% 53.1%);
34
- --sl-color-orange-600: hsl(20.5 90.2% 48.2%);
35
- --sl-color-orange-700: hsl(17.5 88.3% 40.4%);
36
- --sl-color-orange-800: hsl(15 79.1% 33.7%);
37
- --sl-color-orange-900: hsl(15.3 74.6% 27.8%);
38
- --sl-color-orange-950: hsl(15.2 69.1% 19%);
39
- --sl-color-amber-50: hsl(48 100% 96.1%);
40
- --sl-color-amber-100: hsl(48 96.5% 88.8%);
41
- --sl-color-amber-200: hsl(48 96.6% 76.7%);
42
- --sl-color-amber-300: hsl(45.9 96.7% 64.5%);
43
- --sl-color-amber-400: hsl(43.3 96.4% 56.3%);
44
- --sl-color-amber-500: hsl(37.7 92.1% 50.2%);
45
- --sl-color-amber-600: hsl(32.1 94.6% 43.7%);
46
- --sl-color-amber-700: hsl(26 90.5% 37.1%);
47
- --sl-color-amber-800: hsl(22.7 82.5% 31.4%);
48
- --sl-color-amber-900: hsl(21.7 77.8% 26.5%);
49
- --sl-color-amber-950: hsl(22.9 74.1% 16.7%);
50
- --sl-color-yellow-50: hsl(54.5 91.7% 95.3%);
51
- --sl-color-yellow-100: hsl(54.9 96.7% 88%);
52
- --sl-color-yellow-200: hsl(52.8 98.3% 76.9%);
53
- --sl-color-yellow-300: hsl(50.4 97.8% 63.5%);
54
- --sl-color-yellow-400: hsl(47.9 95.8% 53.1%);
55
- --sl-color-yellow-500: hsl(45.4 93.4% 47.5%);
56
- --sl-color-yellow-600: hsl(40.6 96.1% 40.4%);
57
- --sl-color-yellow-700: hsl(35.5 91.7% 32.9%);
58
- --sl-color-yellow-800: hsl(31.8 81% 28.8%);
59
- --sl-color-yellow-900: hsl(28.4 72.5% 25.7%);
60
- --sl-color-yellow-950: hsl(33.1 69% 13.9%);
61
- --sl-color-lime-50: hsl(78.3 92% 95.1%);
62
- --sl-color-lime-100: hsl(79.6 89.1% 89.2%);
63
- --sl-color-lime-200: hsl(80.9 88.5% 79.6%);
64
- --sl-color-lime-300: hsl(82 84.5% 67.1%);
65
- --sl-color-lime-400: hsl(82.7 78% 55.5%);
66
- --sl-color-lime-500: hsl(83.7 80.5% 44.3%);
67
- --sl-color-lime-600: hsl(84.8 85.2% 34.5%);
68
- --sl-color-lime-700: hsl(85.9 78.4% 27.3%);
69
- --sl-color-lime-800: hsl(86.3 69% 22.7%);
70
- --sl-color-lime-900: hsl(87.6 61.2% 20.2%);
71
- --sl-color-lime-950: hsl(86.5 60.6% 13.9%);
72
- --sl-color-green-50: hsl(138.5 76.5% 96.7%);
73
- --sl-color-green-100: hsl(140.6 84.2% 92.5%);
74
- --sl-color-green-200: hsl(141 78.9% 85.1%);
75
- --sl-color-green-300: hsl(141.7 76.6% 73.1%);
76
- --sl-color-green-400: hsl(141.9 69.2% 58%);
77
- --sl-color-green-500: hsl(142.1 70.6% 45.3%);
78
- --sl-color-green-600: hsl(142.1 76.2% 36.3%);
79
- --sl-color-green-700: hsl(142.4 71.8% 29.2%);
80
- --sl-color-green-800: hsl(142.8 64.2% 24.1%);
81
- --sl-color-green-900: hsl(143.8 61.2% 20.2%);
82
- --sl-color-green-950: hsl(144.3 60.7% 12%);
83
- --sl-color-emerald-50: hsl(151.8 81% 95.9%);
84
- --sl-color-emerald-100: hsl(149.3 80.4% 90%);
85
- --sl-color-emerald-200: hsl(152.4 76% 80.4%);
86
- --sl-color-emerald-300: hsl(156.2 71.6% 66.9%);
87
- --sl-color-emerald-400: hsl(158.1 64.4% 51.6%);
88
- --sl-color-emerald-500: hsl(160.1 84.1% 39.4%);
89
- --sl-color-emerald-600: hsl(161.4 93.5% 30.4%);
90
- --sl-color-emerald-700: hsl(162.9 93.5% 24.3%);
91
- --sl-color-emerald-800: hsl(163.1 88.1% 19.8%);
92
- --sl-color-emerald-900: hsl(164.2 85.7% 16.5%);
93
- --sl-color-emerald-950: hsl(164.3 87.5% 9.4%);
94
- --sl-color-teal-50: hsl(166.2 76.5% 96.7%);
95
- --sl-color-teal-100: hsl(167.2 85.5% 89.2%);
96
- --sl-color-teal-200: hsl(168.4 83.8% 78.2%);
97
- --sl-color-teal-300: hsl(170.6 76.9% 64.3%);
98
- --sl-color-teal-400: hsl(172.5 66% 50.4%);
99
- --sl-color-teal-500: hsl(173.4 80.4% 40%);
100
- --sl-color-teal-600: hsl(174.7 83.9% 31.6%);
101
- --sl-color-teal-700: hsl(175.3 77.4% 26.1%);
102
- --sl-color-teal-800: hsl(176.1 69.4% 21.8%);
103
- --sl-color-teal-900: hsl(175.9 60.8% 19%);
104
- --sl-color-teal-950: hsl(176.5 58.6% 11.4%);
105
- --sl-color-cyan-50: hsl(183.2 100% 96.3%);
106
- --sl-color-cyan-100: hsl(185.1 95.9% 90.4%);
107
- --sl-color-cyan-200: hsl(186.2 93.5% 81.8%);
108
- --sl-color-cyan-300: hsl(187 92.4% 69%);
109
- --sl-color-cyan-400: hsl(187.9 85.7% 53.3%);
110
- --sl-color-cyan-500: hsl(188.7 94.5% 42.7%);
111
- --sl-color-cyan-600: hsl(191.6 91.4% 36.5%);
112
- --sl-color-cyan-700: hsl(192.9 82.3% 31%);
113
- --sl-color-cyan-800: hsl(194.4 69.6% 27.1%);
114
- --sl-color-cyan-900: hsl(196.4 63.6% 23.7%);
115
- --sl-color-cyan-950: hsl(196.8 61% 16.1%);
116
- --sl-color-sky-50: hsl(204 100% 97.1%);
117
- --sl-color-sky-100: hsl(204 93.8% 93.7%);
118
- --sl-color-sky-200: hsl(200.6 94.4% 86.1%);
119
- --sl-color-sky-300: hsl(199.4 95.5% 73.9%);
120
- --sl-color-sky-400: hsl(198.4 93.2% 59.6%);
121
- --sl-color-sky-500: hsl(198.6 88.7% 48.4%);
122
- --sl-color-sky-600: hsl(200.4 98% 39.4%);
123
- --sl-color-sky-700: hsl(201.3 96.3% 32.2%);
124
- --sl-color-sky-800: hsl(201 90% 27.5%);
125
- --sl-color-sky-900: hsl(202 80.3% 23.9%);
126
- --sl-color-sky-950: hsl(202.3 73.8% 16.5%);
127
- --sl-color-blue-50: hsl(213.8 100% 96.9%);
128
- --sl-color-blue-100: hsl(214.3 94.6% 92.7%);
129
- --sl-color-blue-200: hsl(213.3 96.9% 87.3%);
130
- --sl-color-blue-300: hsl(211.7 96.4% 78.4%);
131
- --sl-color-blue-400: hsl(213.1 93.9% 67.8%);
132
- --sl-color-blue-500: hsl(217.2 91.2% 59.8%);
133
- --sl-color-blue-600: hsl(221.2 83.2% 53.3%);
134
- --sl-color-blue-700: hsl(224.3 76.3% 48%);
135
- --sl-color-blue-800: hsl(225.9 70.7% 40.2%);
136
- --sl-color-blue-900: hsl(224.4 64.3% 32.9%);
137
- --sl-color-blue-950: hsl(226.2 55.3% 18.4%);
138
- --sl-color-indigo-50: hsl(225.9 100% 96.7%);
139
- --sl-color-indigo-100: hsl(226.5 100% 93.9%);
140
- --sl-color-indigo-200: hsl(228 96.5% 88.8%);
141
- --sl-color-indigo-300: hsl(229.7 93.5% 81.8%);
142
- --sl-color-indigo-400: hsl(234.5 89.5% 73.9%);
143
- --sl-color-indigo-500: hsl(238.7 83.5% 66.7%);
144
- --sl-color-indigo-600: hsl(243.4 75.4% 58.6%);
145
- --sl-color-indigo-700: hsl(244.5 57.9% 50.6%);
146
- --sl-color-indigo-800: hsl(243.7 54.5% 41.4%);
147
- --sl-color-indigo-900: hsl(242.2 47.4% 34.3%);
148
- --sl-color-indigo-950: hsl(243.5 43.6% 22.9%);
149
- --sl-color-violet-50: hsl(250 100% 97.6%);
150
- --sl-color-violet-100: hsl(251.4 91.3% 95.5%);
151
- --sl-color-violet-200: hsl(250.5 95.2% 91.8%);
152
- --sl-color-violet-300: hsl(252.5 94.7% 85.1%);
153
- --sl-color-violet-400: hsl(255.1 91.7% 76.3%);
154
- --sl-color-violet-500: hsl(258.3 89.5% 66.3%);
155
- --sl-color-violet-600: hsl(262.1 83.3% 57.8%);
156
- --sl-color-violet-700: hsl(263.4 70% 50.4%);
157
- --sl-color-violet-800: hsl(263.4 69.3% 42.2%);
158
- --sl-color-violet-900: hsl(263.5 67.4% 34.9%);
159
- --sl-color-violet-950: hsl(265.1 61.5% 21.4%);
160
- --sl-color-purple-50: hsl(270 100% 98%);
161
- --sl-color-purple-100: hsl(268.7 100% 95.5%);
162
- --sl-color-purple-200: hsl(268.6 100% 91.8%);
163
- --sl-color-purple-300: hsl(269.2 97.4% 85.1%);
164
- --sl-color-purple-400: hsl(270 95.2% 75.3%);
165
- --sl-color-purple-500: hsl(270.7 91% 65.1%);
166
- --sl-color-purple-600: hsl(271.5 81.3% 55.9%);
167
- --sl-color-purple-700: hsl(272.1 71.7% 47.1%);
168
- --sl-color-purple-800: hsl(272.9 67.2% 39.4%);
169
- --sl-color-purple-900: hsl(273.6 65.6% 32%);
170
- --sl-color-purple-950: hsl(276 59.5% 16.5%);
171
- --sl-color-fuchsia-50: hsl(289.1 100% 97.8%);
172
- --sl-color-fuchsia-100: hsl(287 100% 95.5%);
173
- --sl-color-fuchsia-200: hsl(288.3 95.8% 90.6%);
174
- --sl-color-fuchsia-300: hsl(291.1 93.1% 82.9%);
175
- --sl-color-fuchsia-400: hsl(292 91.4% 72.5%);
176
- --sl-color-fuchsia-500: hsl(292.2 84.1% 60.6%);
177
- --sl-color-fuchsia-600: hsl(293.4 69.5% 48.8%);
178
- --sl-color-fuchsia-700: hsl(294.7 72.4% 39.8%);
179
- --sl-color-fuchsia-800: hsl(295.4 70.2% 32.9%);
180
- --sl-color-fuchsia-900: hsl(296.7 63.6% 28%);
181
- --sl-color-fuchsia-950: hsl(297.1 56.8% 14.5%);
182
- --sl-color-pink-50: hsl(327.3 73.3% 97.1%);
183
- --sl-color-pink-100: hsl(325.7 77.8% 94.7%);
184
- --sl-color-pink-200: hsl(325.9 84.6% 89.8%);
185
- --sl-color-pink-300: hsl(327.4 87.1% 81.8%);
186
- --sl-color-pink-400: hsl(328.6 85.5% 70.2%);
187
- --sl-color-pink-500: hsl(330.4 81.2% 60.4%);
188
- --sl-color-pink-600: hsl(333.3 71.4% 50.6%);
189
- --sl-color-pink-700: hsl(335.1 77.6% 42%);
190
- --sl-color-pink-800: hsl(335.8 74.4% 35.3%);
191
- --sl-color-pink-900: hsl(335.9 69% 30.4%);
192
- --sl-color-pink-950: hsl(336.2 65.4% 15.9%);
193
- --sl-color-rose-50: hsl(355.7 100% 97.3%);
194
- --sl-color-rose-100: hsl(355.6 100% 94.7%);
195
- --sl-color-rose-200: hsl(352.7 96.1% 90%);
196
- --sl-color-rose-300: hsl(352.6 95.7% 81.8%);
197
- --sl-color-rose-400: hsl(351.3 94.5% 71.4%);
198
- --sl-color-rose-500: hsl(349.7 89.2% 60.2%);
199
- --sl-color-rose-600: hsl(346.8 77.2% 49.8%);
200
- --sl-color-rose-700: hsl(345.3 82.7% 40.8%);
201
- --sl-color-rose-800: hsl(343.4 79.7% 34.7%);
202
- --sl-color-rose-900: hsl(341.5 75.5% 30.4%);
203
- --sl-color-rose-950: hsl(341.3 70.1% 17.1%);
204
- --sl-color-primary-50: var(--sl-color-sky-50);
205
- --sl-color-primary-100: var(--sl-color-sky-100);
206
- --sl-color-primary-200: var(--sl-color-sky-200);
207
- --sl-color-primary-300: var(--sl-color-sky-300);
208
- --sl-color-primary-400: var(--sl-color-sky-400);
209
- --sl-color-primary-500: var(--sl-color-sky-500);
210
- --sl-color-primary-600: var(--sl-color-sky-600);
211
- --sl-color-primary-700: var(--sl-color-sky-700);
212
- --sl-color-primary-800: var(--sl-color-sky-800);
213
- --sl-color-primary-900: var(--sl-color-sky-900);
214
- --sl-color-primary-950: var(--sl-color-sky-950);
215
- --sl-color-success-50: var(--sl-color-green-50);
216
- --sl-color-success-100: var(--sl-color-green-100);
217
- --sl-color-success-200: var(--sl-color-green-200);
218
- --sl-color-success-300: var(--sl-color-green-300);
219
- --sl-color-success-400: var(--sl-color-green-400);
220
- --sl-color-success-500: var(--sl-color-green-500);
221
- --sl-color-success-600: var(--sl-color-green-600);
222
- --sl-color-success-700: var(--sl-color-green-700);
223
- --sl-color-success-800: var(--sl-color-green-800);
224
- --sl-color-success-900: var(--sl-color-green-900);
225
- --sl-color-success-950: var(--sl-color-green-950);
226
- --sl-color-warning-50: var(--sl-color-amber-50);
227
- --sl-color-warning-100: var(--sl-color-amber-100);
228
- --sl-color-warning-200: var(--sl-color-amber-200);
229
- --sl-color-warning-300: var(--sl-color-amber-300);
230
- --sl-color-warning-400: var(--sl-color-amber-400);
231
- --sl-color-warning-500: var(--sl-color-amber-500);
232
- --sl-color-warning-600: var(--sl-color-amber-600);
233
- --sl-color-warning-700: var(--sl-color-amber-700);
234
- --sl-color-warning-800: var(--sl-color-amber-800);
235
- --sl-color-warning-900: var(--sl-color-amber-900);
236
- --sl-color-warning-950: var(--sl-color-amber-950);
237
- --sl-color-danger-50: var(--sl-color-red-50);
238
- --sl-color-danger-100: var(--sl-color-red-100);
239
- --sl-color-danger-200: var(--sl-color-red-200);
240
- --sl-color-danger-300: var(--sl-color-red-300);
241
- --sl-color-danger-400: var(--sl-color-red-400);
242
- --sl-color-danger-500: var(--sl-color-red-500);
243
- --sl-color-danger-600: var(--sl-color-red-600);
244
- --sl-color-danger-700: var(--sl-color-red-700);
245
- --sl-color-danger-800: var(--sl-color-red-800);
246
- --sl-color-danger-900: var(--sl-color-red-900);
247
- --sl-color-danger-950: var(--sl-color-red-950);
248
- --sl-color-neutral-50: var(--sl-color-gray-50);
249
- --sl-color-neutral-100: var(--sl-color-gray-100);
250
- --sl-color-neutral-200: var(--sl-color-gray-200);
251
- --sl-color-neutral-300: var(--sl-color-gray-300);
252
- --sl-color-neutral-400: var(--sl-color-gray-400);
253
- --sl-color-neutral-500: var(--sl-color-gray-500);
254
- --sl-color-neutral-600: var(--sl-color-gray-600);
255
- --sl-color-neutral-700: var(--sl-color-gray-700);
256
- --sl-color-neutral-800: var(--sl-color-gray-800);
257
- --sl-color-neutral-900: var(--sl-color-gray-900);
258
- --sl-color-neutral-950: var(--sl-color-gray-950);
259
- --sl-color-neutral-0: hsl(0, 0%, 100%);
260
- --sl-color-neutral-1000: hsl(0, 0%, 0%);
261
- --sl-border-radius-small: 0.1875rem;
262
- --sl-border-radius-medium: 0.25rem;
263
- --sl-border-radius-large: 0.5rem;
264
- --sl-border-radius-x-large: 1rem;
265
- --sl-border-radius-circle: 50%;
266
- --sl-border-radius-pill: 9999px;
267
- --sl-shadow-x-small: 0 1px 2px hsl(240 3.8% 46.1% / 6%);
268
- --sl-shadow-small: 0 1px 2px hsl(240 3.8% 46.1% / 12%);
269
- --sl-shadow-medium: 0 2px 4px hsl(240 3.8% 46.1% / 12%);
270
- --sl-shadow-large: 0 2px 8px hsl(240 3.8% 46.1% / 12%);
271
- --sl-shadow-x-large: 0 4px 16px hsl(240 3.8% 46.1% / 12%);
272
- --sl-spacing-3x-small: 0.125rem;
273
- --sl-spacing-2x-small: 0.25rem;
274
- --sl-spacing-x-small: 0.5rem;
275
- --sl-spacing-small: 0.75rem;
276
- --sl-spacing-medium: 1rem;
277
- --sl-spacing-large: 1.25rem;
278
- --sl-spacing-x-large: 1.75rem;
279
- --sl-spacing-2x-large: 2.25rem;
280
- --sl-spacing-3x-large: 3rem;
281
- --sl-spacing-4x-large: 4.5rem;
282
- --sl-transition-x-slow: 1000ms;
283
- --sl-transition-slow: 500ms;
284
- --sl-transition-medium: 250ms;
285
- --sl-transition-fast: 150ms;
286
- --sl-transition-x-fast: 50ms;
287
- --sl-font-mono:
288
- SFMono-Regular,
289
- Consolas,
290
- "Liberation Mono",
291
- Menlo,
292
- monospace;
293
- --sl-font-sans:
294
- -apple-system,
295
- BlinkMacSystemFont,
296
- "Segoe UI",
297
- Roboto,
298
- Helvetica,
299
- Arial,
300
- sans-serif,
301
- "Apple Color Emoji",
302
- "Segoe UI Emoji",
303
- "Segoe UI Symbol";
304
- --sl-font-serif:
305
- Georgia,
306
- "Times New Roman",
307
- serif;
308
- --sl-font-size-2x-small: 0.625rem;
309
- --sl-font-size-x-small: 0.75rem;
310
- --sl-font-size-small: 0.875rem;
311
- --sl-font-size-medium: 1rem;
312
- --sl-font-size-large: 1.25rem;
313
- --sl-font-size-x-large: 1.5rem;
314
- --sl-font-size-2x-large: 2.25rem;
315
- --sl-font-size-3x-large: 3rem;
316
- --sl-font-size-4x-large: 4.5rem;
317
- --sl-font-weight-light: 300;
318
- --sl-font-weight-normal: 400;
319
- --sl-font-weight-semibold: 500;
320
- --sl-font-weight-bold: 700;
321
- --sl-letter-spacing-denser: -0.03em;
322
- --sl-letter-spacing-dense: -0.015em;
323
- --sl-letter-spacing-normal: normal;
324
- --sl-letter-spacing-loose: 0.075em;
325
- --sl-letter-spacing-looser: 0.15em;
326
- --sl-line-height-denser: 1;
327
- --sl-line-height-dense: 1.4;
328
- --sl-line-height-normal: 1.8;
329
- --sl-line-height-loose: 2.2;
330
- --sl-line-height-looser: 2.6;
331
- --sl-focus-ring-color: var(--sl-color-primary-600);
332
- --sl-focus-ring-style: solid;
333
- --sl-focus-ring-width: 3px;
334
- --sl-focus-ring: var(--sl-focus-ring-style) var(--sl-focus-ring-width) var(--sl-focus-ring-color);
335
- --sl-focus-ring-offset: 1px;
336
- --sl-button-font-size-small: var(--sl-font-size-x-small);
337
- --sl-button-font-size-medium: var(--sl-font-size-small);
338
- --sl-button-font-size-large: var(--sl-font-size-medium);
339
- --sl-input-height-small: 1.875rem;
340
- --sl-input-height-medium: 2.5rem;
341
- --sl-input-height-large: 3.125rem;
342
- --sl-input-background-color: var(--sl-color-neutral-0);
343
- --sl-input-background-color-hover: var(--sl-input-background-color);
344
- --sl-input-background-color-focus: var(--sl-input-background-color);
345
- --sl-input-background-color-disabled: var(--sl-color-neutral-100);
346
- --sl-input-border-color: var(--sl-color-neutral-300);
347
- --sl-input-border-color-hover: var(--sl-color-neutral-400);
348
- --sl-input-border-color-focus: var(--sl-color-primary-500);
349
- --sl-input-border-color-disabled: var(--sl-color-neutral-300);
350
- --sl-input-border-width: 1px;
351
- --sl-input-required-content: "*";
352
- --sl-input-required-content-offset: -2px;
353
- --sl-input-required-content-color: var(--sl-input-label-color);
354
- --sl-input-border-radius-small: var(--sl-border-radius-medium);
355
- --sl-input-border-radius-medium: var(--sl-border-radius-medium);
356
- --sl-input-border-radius-large: var(--sl-border-radius-medium);
357
- --sl-input-font-family: var(--sl-font-sans);
358
- --sl-input-font-weight: var(--sl-font-weight-normal);
359
- --sl-input-font-size-small: var(--sl-font-size-small);
360
- --sl-input-font-size-medium: var(--sl-font-size-medium);
361
- --sl-input-font-size-large: var(--sl-font-size-large);
362
- --sl-input-letter-spacing: var(--sl-letter-spacing-normal);
363
- --sl-input-color: var(--sl-color-neutral-700);
364
- --sl-input-color-hover: var(--sl-color-neutral-700);
365
- --sl-input-color-focus: var(--sl-color-neutral-700);
366
- --sl-input-color-disabled: var(--sl-color-neutral-900);
367
- --sl-input-icon-color: var(--sl-color-neutral-500);
368
- --sl-input-icon-color-hover: var(--sl-color-neutral-600);
369
- --sl-input-icon-color-focus: var(--sl-color-neutral-600);
370
- --sl-input-placeholder-color: var(--sl-color-neutral-500);
371
- --sl-input-placeholder-color-disabled: var(--sl-color-neutral-600);
372
- --sl-input-spacing-small: var(--sl-spacing-small);
373
- --sl-input-spacing-medium: var(--sl-spacing-medium);
374
- --sl-input-spacing-large: var(--sl-spacing-large);
375
- --sl-input-focus-ring-color: hsl(198.6 88.7% 48.4% / 40%);
376
- --sl-input-focus-ring-offset: 0;
377
- --sl-input-filled-background-color: var(--sl-color-neutral-100);
378
- --sl-input-filled-background-color-hover: var(--sl-color-neutral-100);
379
- --sl-input-filled-background-color-focus: var(--sl-color-neutral-100);
380
- --sl-input-filled-background-color-disabled: var(--sl-color-neutral-100);
381
- --sl-input-filled-color: var(--sl-color-neutral-800);
382
- --sl-input-filled-color-hover: var(--sl-color-neutral-800);
383
- --sl-input-filled-color-focus: var(--sl-color-neutral-700);
384
- --sl-input-filled-color-disabled: var(--sl-color-neutral-800);
385
- --sl-input-label-font-size-small: var(--sl-font-size-small);
386
- --sl-input-label-font-size-medium: var(--sl-font-size-medium);
387
- --sl-input-label-font-size-large: var(--sl-font-size-large);
388
- --sl-input-label-color: inherit;
389
- --sl-input-help-text-font-size-small: var(--sl-font-size-x-small);
390
- --sl-input-help-text-font-size-medium: var(--sl-font-size-small);
391
- --sl-input-help-text-font-size-large: var(--sl-font-size-medium);
392
- --sl-input-help-text-color: var(--sl-color-neutral-500);
393
- --sl-toggle-size-small: 0.875rem;
394
- --sl-toggle-size-medium: 1.125rem;
395
- --sl-toggle-size-large: 1.375rem;
396
- --sl-overlay-background-color: hsl(240 3.8% 46.1% / 33%);
397
- --sl-panel-background-color: var(--sl-color-neutral-0);
398
- --sl-panel-border-color: var(--sl-color-neutral-200);
399
- --sl-panel-border-width: 1px;
400
- --sl-tooltip-border-radius: var(--sl-border-radius-medium);
401
- --sl-tooltip-background-color: var(--sl-color-neutral-800);
402
- --sl-tooltip-color: var(--sl-color-neutral-0);
403
- --sl-tooltip-font-family: var(--sl-font-sans);
404
- --sl-tooltip-font-weight: var(--sl-font-weight-normal);
405
- --sl-tooltip-font-size: var(--sl-font-size-small);
406
- --sl-tooltip-line-height: var(--sl-line-height-dense);
407
- --sl-tooltip-padding: var(--sl-spacing-2x-small) var(--sl-spacing-x-small);
408
- --sl-tooltip-arrow-size: 6px;
409
- --sl-z-index-drawer: 700;
410
- --sl-z-index-dialog: 800;
411
- --sl-z-index-dropdown: 900;
412
- --sl-z-index-toast: 950;
413
- --sl-z-index-tooltip: 1000;
414
- }
415
- @supports (scrollbar-gutter: stable) {
416
- .sl-scroll-lock {
417
- scrollbar-gutter: var(--sl-scroll-lock-gutter) !important;
418
- }
419
- .sl-scroll-lock body {
420
- overflow: hidden !important;
421
- }
422
- }
423
- @supports not (scrollbar-gutter: stable) {
424
- .sl-scroll-lock body {
425
- padding-right: var(--sl-scroll-lock-size) !important;
426
- overflow: hidden !important;
427
- }
428
- }
429
- .sl-toast-stack {
430
- position: fixed;
431
- top: 0;
432
- inset-inline-end: 0;
433
- z-index: var(--sl-z-index-toast);
434
- width: 28rem;
435
- max-width: 100%;
436
- max-height: 100%;
437
- overflow: auto;
438
- }
439
- .sl-toast-stack sl-alert {
440
- margin: var(--sl-spacing-medium);
441
- }
442
- .sl-toast-stack sl-alert::part(base) {
443
- box-shadow: var(--sl-shadow-large);
444
- }