@turnipxenon/pineapple 5.3.9 → 5.3.11

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 (205) hide show
  1. package/dist/components/dialog_manager/DialogManager.d.ts.map +1 -1
  2. package/dist/components/dialog_manager/DialogManager.js +5 -8
  3. package/dist/components/dialog_manager/DialogManagerStore.d.ts +1 -1
  4. package/dist/components/dialog_manager/DialogProcessor.d.ts.map +1 -1
  5. package/dist/components/dialog_manager/DialogProcessor.js +2 -0
  6. package/dist/components/dialog_manager/IDialogManager.d.ts +1 -1
  7. package/dist/components/dialog_manager/IDialogManager.d.ts.map +1 -1
  8. package/dist/components/dialog_manager/behavior_tree/core/SelectorNode.d.ts.map +1 -1
  9. package/dist/components/dialog_manager/behavior_tree/expression/ExpressionEvaluator.d.ts.map +1 -1
  10. package/dist/components/dialog_manager/behavior_tree/expression/ExpressionEvaluator.js +1 -1
  11. package/dist/components/dialog_manager/behavior_tree/line_processors/commands/ForceVisitCommand.d.ts +10 -0
  12. package/dist/components/dialog_manager/behavior_tree/line_processors/commands/ForceVisitCommand.d.ts.map +1 -0
  13. package/dist/components/dialog_manager/behavior_tree/line_processors/commands/ForceVisitCommand.js +29 -0
  14. package/dist/components/dialog_manager/behavior_tree/line_processors/commands/JumpCommand.d.ts.map +1 -1
  15. package/dist/components/reveal-info/RevealInfo.svelte +17 -18
  16. package/dist/components/reveal-info/RevealInfo.svelte.d.ts +2 -2
  17. package/dist/components/reveal-info/RevealInfo.svelte.d.ts.map +1 -1
  18. package/dist/components/reveal-info/RevealInfoRune.svelte.d.ts.map +1 -1
  19. package/dist/index.d.ts.map +1 -1
  20. package/dist/modules/overrideable_meta/OverridableMeta.svelte +1 -1
  21. package/dist/modules/parsnip/ParsnipBlockChildren.svelte +66 -55
  22. package/dist/modules/parsnip/ParsnipBlockChildren.svelte.d.ts.map +1 -1
  23. package/dist/modules/parsnip/ParsnipEmbedWikilink.svelte +30 -30
  24. package/dist/modules/parsnip/ParsnipEmbedWikilink.svelte.d.ts +1 -1
  25. package/dist/modules/parsnip/ParsnipEmbedWikilink.svelte.d.ts.map +1 -1
  26. package/dist/modules/parsnip/ParsnipHeading.svelte +6 -6
  27. package/dist/modules/parsnip/ParsnipList.svelte +24 -24
  28. package/dist/modules/parsnip/ParsnipOverall.d.ts.map +1 -1
  29. package/dist/modules/parsnip/ParsnipPhrasingChildren.svelte +15 -17
  30. package/dist/modules/parsnip/ParsnipPhrasingChildren.svelte.d.ts.map +1 -1
  31. package/dist/modules/parsnip/ParsnipWikilink.svelte +22 -20
  32. package/dist/modules/parsnip/ParsnipWikilink.svelte.d.ts.map +1 -1
  33. package/dist/modules/parsnip/external-images/ParsnipImage.svelte +133 -114
  34. package/dist/modules/parsnip/external-images/ParsnipImage.svelte.d.ts.map +1 -1
  35. package/dist/modules/parsnip/external-images/ParsnipImageCollection.svelte +64 -63
  36. package/dist/modules/parsnip/external-images/ParsnipImageCollection.svelte.d.ts.map +1 -1
  37. package/dist/modules/parsnip/external-images/externalImages.remote.d.ts.map +1 -1
  38. package/dist/modules/parsnip/external-images/externalImages.remote.js +17 -13
  39. package/dist/modules/parsnip/route-util/ParsnipBlog.svelte +1 -2
  40. package/dist/modules/parsnip/route-util/ParsnipBlog.svelte.d.ts.map +1 -1
  41. package/dist/modules/parsnip/route-util/getSlugEntries.js +1 -1
  42. package/dist/modules/parsnip/route-util/menuPageServerLoad.js +4 -4
  43. package/dist/modules/parsnip/route-util/slugPageServerLoad.d.ts.map +1 -1
  44. package/dist/modules/parsnip/route-util/slugPageServerLoad.js +15 -15
  45. package/dist/scripts/pineapple_fiber/PineappleFiberParser.d.ts.map +1 -1
  46. package/dist/scripts/pineapple_fiber/PineappleFiberParser.js +5 -3
  47. package/dist/styles/app.css +87 -84
  48. package/dist/styles/color-tokens.css +20 -20
  49. package/dist/styles/surface-colors.scss +28 -29
  50. package/dist/styles/tailwind.css +3196 -3111
  51. package/dist/styles/turnip-theme.css +262 -245
  52. package/dist/svelteIndex.svelte.d.ts.map +1 -1
  53. package/dist/svelteIndex.svelte.js +1 -7
  54. package/dist/test/DialogTestUtility.d.ts.map +1 -1
  55. package/dist/test/DialogTestUtility.js +4 -4
  56. package/dist/theme.css +109 -109
  57. package/dist/types/pineapple_fiber/DialogVariableStore.d.ts.map +1 -1
  58. package/dist/types/pineapple_fiber/DialogVariableStore.js +0 -1
  59. package/dist/ui/components/FourPartCard.svelte +20 -28
  60. package/dist/ui/components/FourPartCard.svelte.d.ts.map +1 -1
  61. package/dist/ui/components/MeltToaster/MeltToaster.svelte +6 -5
  62. package/dist/ui/components/MeltToaster/MeltToaster.svelte.d.ts.map +1 -1
  63. package/dist/ui/components/ModalBase.svelte +39 -43
  64. package/dist/ui/components/ModalBase.svelte.d.ts +2 -2
  65. package/dist/ui/components/ModalBase.svelte.d.ts.map +1 -1
  66. package/dist/ui/components/NestedNavigation.svelte +22 -19
  67. package/dist/ui/components/NestedNavigation.svelte.d.ts +1 -1
  68. package/dist/ui/components/NestedNavigation.svelte.d.ts.map +1 -1
  69. package/dist/ui/components/SocialSection.svelte +30 -25
  70. package/dist/ui/components/SocialSection.svelte.d.ts.map +1 -1
  71. package/dist/ui/components/SortDropdown.svelte +8 -12
  72. package/dist/ui/components/SortDropdown.svelte.d.ts.map +1 -1
  73. package/dist/ui/components/TagFilter.svelte +9 -9
  74. package/dist/ui/components/accordion/PinyaAccordion.svelte +45 -43
  75. package/dist/ui/components/accordion/PinyaAccordion.svelte.d.ts.map +1 -1
  76. package/dist/ui/components/accordion/PinyaAccordionItem.svelte +19 -10
  77. package/dist/ui/components/accordion/PinyaAccordionItem.svelte.d.ts.map +1 -1
  78. package/dist/ui/components/project-date-badge/ProjectDateBadge.svelte +88 -80
  79. package/dist/ui/components/project-date-badge/ProjectDateBadge.svelte.d.ts.map +1 -1
  80. package/dist/ui/components/randomized-background/RandomizedBackground.svelte +37 -33
  81. package/dist/ui/components/randomized-background/RandomizedBackground.svelte.d.ts.map +1 -1
  82. package/dist/ui/components/randomized-background/RandomizedImage.svelte +25 -21
  83. package/dist/ui/components/randomized-background/RandomizedImage.svelte.d.ts.map +1 -1
  84. package/dist/ui/components/randomized-background/getSocialSection.remote.js +1 -1
  85. package/dist/ui/elements/CodeBlock/CodeBlock.svelte +163 -165
  86. package/dist/ui/elements/CodeBlock/CodeBlock.svelte.d.ts.map +1 -1
  87. package/dist/ui/elements/CodeBlock/CodeBlockProps.d.ts +1 -1
  88. package/dist/ui/elements/CodeBlock/CodeBlockProps.d.ts.map +1 -1
  89. package/dist/ui/elements/ColorScheme.d.ts.map +1 -1
  90. package/dist/ui/elements/ElementVisibilityDetector.svelte +1 -4
  91. package/dist/ui/elements/ElementVisibilityDetector.svelte.d.ts.map +1 -1
  92. package/dist/ui/elements/GeneralUIProps.d.ts +2 -2
  93. package/dist/ui/elements/ImageIcon.svelte +27 -30
  94. package/dist/ui/elements/ImageIcon.svelte.d.ts +1 -1
  95. package/dist/ui/elements/ImageIcon.svelte.d.ts.map +1 -1
  96. package/dist/ui/elements/PineappleSwitch.svelte +53 -53
  97. package/dist/ui/elements/PineappleSwitch.svelte.d.ts +1 -1
  98. package/dist/ui/elements/PineappleSwitch.svelte.d.ts.map +1 -1
  99. package/dist/ui/elements/PinyaAnchorButton/PinyaAnchorButton.svelte +4 -5
  100. package/dist/ui/elements/PinyaAnchorButton/PinyaAnchorButton.svelte.d.ts.map +1 -1
  101. package/dist/ui/elements/PinyaAnchorButton/PinyaAnchorButtonProps.d.ts.map +1 -1
  102. package/dist/ui/elements/PinyaButton/PinyaButton.svelte +4 -5
  103. package/dist/ui/elements/PinyaButton/PinyaButton.svelte.d.ts.map +1 -1
  104. package/dist/ui/elements/PinyaButton/PinyaButtonProps.d.ts.map +1 -1
  105. package/dist/ui/elements/PinyaButton/index.d.ts +2 -2
  106. package/dist/ui/elements/PinyaButton/index.js +2 -2
  107. package/dist/ui/elements/PinyaButtonCommon/ButtonVariant.d.ts.map +1 -1
  108. package/dist/ui/elements/PinyaButtonCommon/PinyaButtonCommonProps.d.ts.map +1 -1
  109. package/dist/ui/elements/PinyaButtonCommon/createButtonClass.d.ts.map +1 -1
  110. package/dist/ui/elements/PinyaButtonCommon/createButtonClass.js +1 -1
  111. package/dist/ui/elements/PinyaCard/PinyaCard.svelte +3 -10
  112. package/dist/ui/elements/PinyaCard/PinyaCardProps.d.ts.map +1 -1
  113. package/dist/ui/elements/Placeholder.svelte +3 -3
  114. package/dist/ui/elements/TextChip/TextChip.svelte +8 -6
  115. package/dist/ui/elements/TextLink.svelte +46 -48
  116. package/dist/ui/elements/TextLink.svelte.d.ts.map +1 -1
  117. package/dist/ui/elements/WrapperProps.d.ts +1 -1
  118. package/dist/ui/elements/index.d.ts.map +1 -1
  119. package/dist/ui/elements/pinya-combobox/PinyaCombobox.svelte +80 -55
  120. package/dist/ui/elements/pinya-combobox/PinyaCombobox.svelte.d.ts.map +1 -1
  121. package/dist/ui/elements/pinya-combobox/PinyaComboboxProps.d.ts.map +1 -1
  122. package/dist/ui/modules/NavigationMenu/LdSchema.d.ts.map +1 -1
  123. package/dist/ui/modules/NavigationMenu/LdSchema.js +4 -2
  124. package/dist/ui/modules/NavigationMenu/NavigationControl.svelte +18 -13
  125. package/dist/ui/modules/NavigationMenu/NavigationControl.svelte.d.ts.map +1 -1
  126. package/dist/ui/modules/NavigationMenu/NavigationMenu.svelte +234 -212
  127. package/dist/ui/modules/NavigationMenu/NavigationMenu.svelte.d.ts.map +1 -1
  128. package/dist/ui/modules/NavigationMenu/PageMeta.d.ts +1 -1
  129. package/dist/ui/modules/NavigationMenu/PageMeta.d.ts.map +1 -1
  130. package/dist/ui/modules/NavigationMenu/PageMeta.js +15 -11
  131. package/dist/ui/modules/experience/ExampleJob1.svelte +26 -28
  132. package/dist/ui/modules/experience/ExampleJob1.svelte.d.ts.map +1 -1
  133. package/dist/ui/modules/experience/ExampleJob2.svelte +4 -3
  134. package/dist/ui/modules/experience/ExampleJob2.svelte.d.ts.map +1 -1
  135. package/dist/ui/modules/experience/index.d.ts +2 -2
  136. package/dist/ui/modules/experience/index.js +2 -2
  137. package/dist/ui/modules/modals/general-settings/GeneralSettingsModal.svelte +9 -7
  138. package/dist/ui/modules/modals/general-settings/GeneralSettingsModal.svelte.d.ts.map +1 -1
  139. package/dist/ui/modules/modals/general-settings/LanguagePicker.svelte +1 -1
  140. package/dist/ui/modules/modals/general-settings/NavigationModal.svelte +11 -8
  141. package/dist/ui/modules/modals/general-settings/NavigationModal.svelte.d.ts.map +1 -1
  142. package/dist/ui/modules/projects/Hepcat.svelte +31 -29
  143. package/dist/ui/modules/projects/Hepcat.svelte.d.ts.map +1 -1
  144. package/dist/ui/modules/projects/ObsidianPublisher.svelte +16 -11
  145. package/dist/ui/modules/projects/ObsidianPublisher.svelte.d.ts.map +1 -1
  146. package/dist/ui/modules/projects/Pengi.svelte +21 -17
  147. package/dist/ui/modules/projects/Pengi.svelte.d.ts.map +1 -1
  148. package/dist/ui/modules/projects/Soulwork.svelte +18 -16
  149. package/dist/ui/modules/projects/Soulwork.svelte.d.ts.map +1 -1
  150. package/dist/ui/modules/projects/ThisWebpage.svelte +29 -19
  151. package/dist/ui/modules/projects/ThisWebpage.svelte.d.ts.map +1 -1
  152. package/dist/ui/modules/universal-overlay/DialogPanel.svelte +40 -38
  153. package/dist/ui/modules/universal-overlay/DialogPanel.svelte.d.ts.map +1 -1
  154. package/dist/ui/modules/universal-overlay/SettingsPanel.svelte +1 -2
  155. package/dist/ui/modules/universal-overlay/SettingsPanel.svelte.d.ts.map +1 -1
  156. package/dist/ui/modules/universal-overlay/UniversalOverlay.svelte +12 -6
  157. package/dist/ui/modules/universal-overlay/UniversalOverlay.svelte.d.ts.map +1 -1
  158. package/dist/ui/templates/PinyaPageLayout/PinyaPageLayout.svelte +99 -94
  159. package/dist/ui/templates/PinyaPageLayout/PinyaPageLayout.svelte.d.ts.map +1 -1
  160. package/dist/ui/templates/PinyaPageLayout/pinyaPageLayoutRunes.svelte.d.ts +1 -1
  161. package/dist/ui/templates/PinyaPageLayout/pinyaPageLayoutRunes.svelte.js +2 -2
  162. package/dist/ui/templates/SeaweedLayout/ChumBucket.svelte +51 -43
  163. package/dist/ui/templates/SeaweedLayout/ChumBucket.svelte.d.ts.map +1 -1
  164. package/dist/ui/templates/SeaweedLayout/CreateUrlForm.svelte +45 -32
  165. package/dist/ui/templates/SeaweedLayout/CreateUrlForm.svelte.d.ts.map +1 -1
  166. package/dist/ui/templates/SeaweedLayout/EntryGroup.svelte +106 -102
  167. package/dist/ui/templates/SeaweedLayout/EntryGroup.svelte.d.ts.map +1 -1
  168. package/dist/ui/templates/SeaweedLayout/EntryOrderConfig.svelte +11 -19
  169. package/dist/ui/templates/SeaweedLayout/EntryOrderConfig.svelte.d.ts.map +1 -1
  170. package/dist/ui/templates/SeaweedLayout/ProjectComponentProps.d.ts +1 -1
  171. package/dist/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte +139 -121
  172. package/dist/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte.d.ts.map +1 -1
  173. package/dist/ui/templates/SeaweedLayout/SeaweedLayout.svelte +139 -148
  174. package/dist/ui/templates/SeaweedLayout/index.d.ts.map +1 -1
  175. package/dist/ui/templates/SeaweedLayout/props.js +1 -1
  176. package/dist/ui/templates/blog_template/BlogTemplate.svelte +11 -11
  177. package/dist/ui/templates/blog_template/BlogTemplateInner.svelte +58 -56
  178. package/dist/ui/templates/blog_template/BlogTemplateInner.svelte.d.ts.map +1 -1
  179. package/dist/ui/templates/blog_template/blog-template.css +1 -1
  180. package/dist/ui/templates/confirmation-modal/component.svelte +12 -17
  181. package/dist/ui/templates/confirmation-modal/component.svelte.d.ts +1 -1
  182. package/dist/ui/templates/confirmation-modal/component.svelte.d.ts.map +1 -1
  183. package/dist/ui/templates/confirmation-modal/props.d.ts +2 -2
  184. package/dist/ui/templates/confirmation-modal/props.d.ts.map +1 -1
  185. package/dist/ui/templates/pinya-base/PinyaBase.svelte +57 -47
  186. package/dist/ui/templates/pinya-base/PinyaBase.svelte.d.ts.map +1 -1
  187. package/dist/ui/templates/pinya-base/menuPageServerLoadRemote.remote.svelte +1 -1
  188. package/dist/ui/templates/pinya-base/pinyaBaseRunes.svelte.d.ts.map +1 -1
  189. package/dist/util/context/PineappleBaseContext.svelte +1 -1
  190. package/dist/util/context/pineappleBaseContextDefinitions.svelte.d.ts.map +1 -1
  191. package/dist/util/env-getter.d.ts.map +1 -1
  192. package/dist/util/env-getter.js +3 -3
  193. package/dist/util/getCommitDate.d.ts.map +1 -1
  194. package/dist/util/getCommitDate.js +3 -1
  195. package/dist/util/getCommitDate.remote.d.ts.map +1 -1
  196. package/dist/util/getCommitDate.remote.js +3 -1
  197. package/dist/util/getParsnipData.remote.d.ts +16 -11
  198. package/dist/util/localStore.svelte.d.ts.map +1 -1
  199. package/dist/util/localStore.svelte.js +5 -5
  200. package/dist/util/util.d.ts.map +1 -1
  201. package/dist/util/util.js +5 -5
  202. package/package.json +5 -5
  203. package/src/lib/styles/app.css +87 -84
  204. package/src/lib/theme.css +109 -109
  205. package/dist/scripts/pineapple_fiber/TutorialBroken.yarn +0 -143
@@ -17,7 +17,7 @@ export const slugPageServerLoad = (_a) => __awaiter(void 0, [_a], void 0, functi
17
17
  error(400, "Not found");
18
18
  }
19
19
  const parsnipOverall = Object.assign(Object.assign({}, (yield mainMeta.json())), { baseUrl });
20
- const entryMeta = parsnipOverall.files.find(f => f.slug === params.slug);
20
+ const entryMeta = parsnipOverall.files.find((f) => f.slug === params.slug);
21
21
  if (!entryMeta) {
22
22
  error(400, "Not found");
23
23
  }
@@ -25,14 +25,14 @@ export const slugPageServerLoad = (_a) => __awaiter(void 0, [_a], void 0, functi
25
25
  if (!entryResponse.ok) {
26
26
  error(400, "Not found");
27
27
  }
28
- const parsnipEntry = yield entryResponse.json();
28
+ const parsnipEntry = (yield entryResponse.json());
29
29
  const newChildren = [];
30
30
  let imageCollection = [];
31
- parsnipEntry.ast.ast.children.forEach(child => {
32
- if (child.type === "paragraph"
33
- && child.children.length === 3
34
- && child.children[0].type === "html"
35
- && child.children[0].value.includes("data-obsidian-type")) {
31
+ parsnipEntry.ast.ast.children.forEach((child) => {
32
+ if (child.type === "paragraph" &&
33
+ child.children.length === 3 &&
34
+ child.children[0].type === "html" &&
35
+ child.children[0].value.includes("data-obsidian-type")) {
36
36
  // multiple rating special logic
37
37
  // if we see a span with data-obsidian-type....
38
38
  // todo: maybe in the future...
@@ -42,17 +42,17 @@ export const slugPageServerLoad = (_a) => __awaiter(void 0, [_a], void 0, functi
42
42
  // }
43
43
  newChildren.push(child);
44
44
  }
45
- else if (child.type === "paragraph"
46
- && child.children.length === 1
47
- && (child.children[0].type === "image"
48
- || (child.children[0].type === "link" &&
49
- (child.children[0].url.startsWith("https://photos.")
50
- || child.children[0].url.startsWith("https://rabiole."))))) {
45
+ else if (child.type === "paragraph" &&
46
+ child.children.length === 1 &&
47
+ (child.children[0].type === "image" ||
48
+ (child.children[0].type === "link" &&
49
+ (child.children[0].url.startsWith("https://photos.") ||
50
+ child.children[0].url.startsWith("https://rabiole."))))) {
51
51
  imageCollection.push(child.children[0]);
52
52
  }
53
53
  else if (imageCollection.length > 0) {
54
54
  newChildren.push({
55
- "type": "imageCollection",
55
+ type: "imageCollection",
56
56
  children: imageCollection
57
57
  });
58
58
  imageCollection = [];
@@ -64,7 +64,7 @@ export const slugPageServerLoad = (_a) => __awaiter(void 0, [_a], void 0, functi
64
64
  });
65
65
  if (imageCollection.length > 0) {
66
66
  newChildren.push({
67
- "type": "imageCollection",
67
+ type: "imageCollection",
68
68
  children: imageCollection
69
69
  });
70
70
  }
@@ -1 +1 @@
1
- {"version":3,"file":"PineappleFiberParser.d.ts","sourceRoot":"","sources":["../../../src/lib/scripts/pineapple_fiber/PineappleFiberParser.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAU5E,eAAO,MAAM,SAAS,GAAU,aAAa,MAAM,KAAG,OAAO,CAAC,YAAY,EAAE,CAyL3E,CAAC"}
1
+ {"version":3,"file":"PineappleFiberParser.d.ts","sourceRoot":"","sources":["../../../src/lib/scripts/pineapple_fiber/PineappleFiberParser.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAU5E,eAAO,MAAM,SAAS,GAAU,aAAa,MAAM,KAAG,OAAO,CAAC,YAAY,EAAE,CAgM3E,CAAC"}
@@ -129,7 +129,9 @@ export const parseYarn = (fileContent) => __awaiter(void 0, void 0, void 0, func
129
129
  dialogDetails.warningList.push(`Jump name is not used in any <choice> tag: (name: ${choiceDetail.name}); jump: ${choiceDetail.jumpNode}`);
130
130
  }
131
131
  else {
132
- dialogDetails.warningList = [`Jump name is not used in any <choice> tag: (name: ${choiceDetail.name}); jump: ${choiceDetail.jumpNode}`];
132
+ dialogDetails.warningList = [
133
+ `Jump name is not used in any <choice> tag: (name: ${choiceDetail.name}); jump: ${choiceDetail.jumpNode}`
134
+ ];
133
135
  }
134
136
  }
135
137
  while (dialogDetails.textContent.includes(keyword)) {
@@ -138,7 +140,7 @@ export const parseYarn = (fileContent) => __awaiter(void 0, void 0, void 0, func
138
140
  });
139
141
  const externalKeyword = "<a href=";
140
142
  while (dialogDetails.textContent.includes(externalKeyword)) {
141
- dialogDetails.textContent = dialogDetails.textContent.replace(externalKeyword, "<a target=\"_blank\" class=\"external-link\" href="); // make all external tags with a custom cursor
143
+ dialogDetails.textContent = dialogDetails.textContent.replace(externalKeyword, '<a target="_blank" class="external-link" href='); // make all external tags with a custom cursor
142
144
  }
143
145
  const choiceEndKeyword = "</choice>";
144
146
  while (dialogDetails.textContent.includes(choiceEndKeyword)) {
@@ -150,7 +152,7 @@ export const parseYarn = (fileContent) => __awaiter(void 0, void 0, void 0, func
150
152
  dialogDetails.textContent = unprocessedContent;
151
153
  }
152
154
  // warn if choice has no jump warning
153
- if (dialogDetails.textContent.includes('<choice')) {
155
+ if (dialogDetails.textContent.includes("<choice")) {
154
156
  console.warn(`There is a <choice ??> in the processed dialog that was not parsed to <a ??>:\n${dialogDetails.textContent}`);
155
157
  if (dialogDetails.warningList) {
156
158
  dialogDetails.warningList.push(`Choice has no jump: ${dialogDetails.textContent}`);
@@ -3,120 +3,123 @@
3
3
  @import "./turnip-theme.css";
4
4
 
5
5
  html {
6
- --dialog-start-pad: clamp(0em, 5vw, 2em);
7
- --dialog-box-width: 54em;
8
- --dialog-box-height: clamp(15em, 50vw, 18em);
9
- --fab-margin: 1rem;
10
-
11
-
12
- /* spacing calcs */
13
- --spacing-1: calc(var(--spacing) * 1);
14
- --spacing-2: calc(var(--spacing) * 2);
15
- --spacing-3: calc(var(--spacing) * 3);
16
- --spacing-4: calc(var(--spacing) * 4);
6
+ --dialog-start-pad: clamp(0em, 5vw, 2em);
7
+ --dialog-box-width: 54em;
8
+ --dialog-box-height: clamp(15em, 50vw, 18em);
9
+ --fab-margin: 1rem;
10
+
11
+ /* spacing calcs */
12
+ --spacing-1: calc(var(--spacing) * 1);
13
+ --spacing-2: calc(var(--spacing) * 2);
14
+ --spacing-3: calc(var(--spacing) * 3);
15
+ --spacing-4: calc(var(--spacing) * 4);
17
16
  }
18
17
 
19
18
  .footer-space {
20
- width: 100%;
21
- height: calc(var(--dialog-box-height) + 4em);
19
+ width: 100%;
20
+ height: calc(var(--dialog-box-height) + 4em);
22
21
  }
23
22
 
24
- .main-dialog-box-container a, .main-dialog-box-container b, .main-dialog-box-container i {
25
- font-size: inherit;
23
+ .main-dialog-box-container a,
24
+ .main-dialog-box-container b,
25
+ .main-dialog-box-container i {
26
+ font-size: inherit;
26
27
  }
27
28
 
28
29
  a.dialog-choice {
29
- cursor: url("$pkg/assets/icons/cursor-chat.svg"), auto;
30
-
31
-
32
- &:before {
33
- content: '';
34
- display: inline-block;
35
- width: 1.1em;
36
- height: 1.1em;
37
- mask: url("$pkg/assets/icons/icon-chat.svg") no-repeat center;
38
- mask-size: contain;
39
- background-color: currentColor;
40
- vertical-align: middle;
41
- position: relative;
42
- top: -0.05lh;
43
- margin-right: 0.2em;
44
- }
30
+ cursor: url("$pkg/assets/icons/cursor-chat.svg"), auto;
31
+
32
+ &:before {
33
+ content: "";
34
+ display: inline-block;
35
+ width: 1.1em;
36
+ height: 1.1em;
37
+ mask: url("$pkg/assets/icons/icon-chat.svg") no-repeat center;
38
+ mask-size: contain;
39
+ background-color: currentColor;
40
+ vertical-align: middle;
41
+ position: relative;
42
+ top: -0.05lh;
43
+ margin-right: 0.2em;
44
+ }
45
45
  }
46
46
 
47
47
  a.external-link {
48
- cursor: url("$pkg/assets/icons/cursor-open-in-new.svg"), auto;
48
+ cursor: url("$pkg/assets/icons/cursor-open-in-new.svg"), auto;
49
49
  }
50
50
 
51
- .external-link:after, a[rel*="external"]:after {
52
- content: '';
53
- display: inline-block;
54
- width: 0.8em;
55
- height: 0.8em;
56
- mask: url("$pkg/assets/icons/icon-open-in-new.svg") no-repeat center;
57
- mask-size: contain;
58
- background-color: currentColor;
59
- vertical-align: middle;
60
- position: relative;
61
- top: -0.1lh;
51
+ .external-link:after,
52
+ a[rel*="external"]:after {
53
+ content: "";
54
+ display: inline-block;
55
+ width: 0.8em;
56
+ height: 0.8em;
57
+ mask: url("$pkg/assets/icons/icon-open-in-new.svg") no-repeat center;
58
+ mask-size: contain;
59
+ background-color: currentColor;
60
+ vertical-align: middle;
61
+ position: relative;
62
+ top: -0.1lh;
62
63
  }
63
64
 
64
65
  span.external-link:after {
65
- left: 0.2em;
66
- top: -0.05lh;
66
+ left: 0.2em;
67
+ top: -0.05lh;
67
68
  }
68
69
 
69
70
  #toast-progress {
70
- position: relative;
71
- top: 5px;
72
- left: 6px;
73
- width: calc(100% - 12px);
74
- border-radius: 8px;
75
- background: transparent;
76
- height: 10px;
71
+ position: relative;
72
+ top: 5px;
73
+ left: 6px;
74
+ width: calc(100% - 12px);
75
+ border-radius: 8px;
76
+ background: transparent;
77
+ height: 10px;
77
78
  }
78
79
 
79
80
  #toast-progress::-moz-progress-bar {
80
- background: rgba(var(--color-secondary-500));
81
+ background: rgba(var(--color-secondary-500));
81
82
  }
82
83
 
83
-
84
84
  @layer base {
85
- .game-link-section {
86
- margin-top: calc(var(--spacing) * 6);
87
- display: flex;
88
- gap: calc(var(--spacing) * 2);
89
- justify-content: center;
90
- }
91
-
92
- .game-video-cover {
93
- border-top-left-radius: var(--radius-lg);
94
- border-top-right-radius: var(--radius-lg);
95
- max-height: calc(var(--spacing) * 64);
96
- object-fit: cover;
97
- width: 100%;
98
- }
99
-
100
- .text-chip-container {
101
- display: flex;
102
- flex-wrap: wrap;
103
- gap: 0.5rem;
104
- }
105
-
106
- .text-chip {
107
- background-color: var(--color-secondary-50-950) /* light-dark(var(--color-secondary-50), var(--color-secondary-950)) */;
108
- color: var(--color-secondary-950-50) /* light-dark(var(--color-secondary-950), var(--color-secondary-50)) */;
109
- }
85
+ .game-link-section {
86
+ margin-top: calc(var(--spacing) * 6);
87
+ display: flex;
88
+ gap: calc(var(--spacing) * 2);
89
+ justify-content: center;
90
+ }
91
+
92
+ .game-video-cover {
93
+ border-top-left-radius: var(--radius-lg);
94
+ border-top-right-radius: var(--radius-lg);
95
+ max-height: calc(var(--spacing) * 64);
96
+ object-fit: cover;
97
+ width: 100%;
98
+ }
99
+
100
+ .text-chip-container {
101
+ display: flex;
102
+ flex-wrap: wrap;
103
+ gap: 0.5rem;
104
+ }
105
+
106
+ .text-chip {
107
+ background-color: var(--color-secondary-50-950)
108
+ /* light-dark(var(--color-secondary-50), var(--color-secondary-950)) */;
109
+ color: var(--color-secondary-950-50)
110
+ /* light-dark(var(--color-secondary-950), var(--color-secondary-50)) */;
111
+ }
110
112
  }
111
113
 
112
- ul + h2, ol + h2 {
113
- margin-top: 1rlh;
114
+ ul + h2,
115
+ ol + h2 {
116
+ margin-top: 1rlh;
114
117
  }
115
118
 
116
119
  .default-flex {
117
- display: flex;
118
- gap: 0.5lh;
119
- flex-direction: column;
120
+ display: flex;
121
+ gap: 0.5lh;
122
+ flex-direction: column;
120
123
  }
121
124
 
122
125
  /* endregion general styles */
@@ -1,25 +1,25 @@
1
1
  html {
2
- --color-primary-50-900: var(--color-primary-50);
3
- --color-primary-300-700: var(--color-primary-300);
4
- --color-primary-400-600: var(--color-primary-400);
5
- --color-secondary-400-600: var(--color-secondary-400);
6
- --color-secondary-950-0: var(--color-secondary-950);
7
- --color-secondary-0-950: var(--color-secondary-0);
8
- --color-warning-700-400: var(--color-warning-700);
9
- --color-surface-50-950: var(--color-surface-50);
10
- --color-surface-700-600: var(--color-surface-700);
11
- --color-surface-900-100: var(--color-surface-900);
2
+ --color-primary-50-900: var(--color-primary-50);
3
+ --color-primary-300-700: var(--color-primary-300);
4
+ --color-primary-400-600: var(--color-primary-400);
5
+ --color-secondary-400-600: var(--color-secondary-400);
6
+ --color-secondary-950-0: var(--color-secondary-950);
7
+ --color-secondary-0-950: var(--color-secondary-0);
8
+ --color-warning-700-400: var(--color-warning-700);
9
+ --color-surface-50-950: var(--color-surface-50);
10
+ --color-surface-700-600: var(--color-surface-700);
11
+ --color-surface-900-100: var(--color-surface-900);
12
12
  }
13
13
 
14
14
  html.dark {
15
- --color-primary-50-900: var(--color-primary-900);
16
- --color-primary-300-700: var(--color-primary-700);
17
- --color-primary-400-600: var(--color-primary-600);
18
- --color-secondary-400-600: var(--color-secondary-600);
19
- --color-secondary-950-0: var(--color-secondary-0);
20
- --color-secondary-0-950: var(--color-secondary-950);
21
- --color-warning-700-400: var(--color-warning-400);
22
- --color-surface-50-950: var(--color-surface-950);
23
- --color-surface-700-600: var(--color-surface-600);
24
- --color-surface-900-100: var(--color-surface-100);
15
+ --color-primary-50-900: var(--color-primary-900);
16
+ --color-primary-300-700: var(--color-primary-700);
17
+ --color-primary-400-600: var(--color-primary-600);
18
+ --color-secondary-400-600: var(--color-secondary-600);
19
+ --color-secondary-950-0: var(--color-secondary-0);
20
+ --color-secondary-0-950: var(--color-secondary-950);
21
+ --color-warning-700-400: var(--color-warning-400);
22
+ --color-surface-50-950: var(--color-surface-950);
23
+ --color-surface-700-600: var(--color-surface-600);
24
+ --color-surface-900-100: var(--color-surface-100);
25
25
  }
@@ -1,55 +1,54 @@
1
1
  // todo: add dark mode colors or maybe the on-surface-color
2
2
 
3
-
4
3
  .apply-current-surface {
5
- background-color: var(--current-surface-color);
4
+ background-color: var(--current-surface-color);
6
5
  }
7
6
 
8
7
  %surface-body {
9
- --current-surface-color: var(--body-background-color);
10
- background-color: var(--current-surface-color);
8
+ --current-surface-color: var(--body-background-color);
9
+ background-color: var(--current-surface-color);
11
10
  }
12
11
 
13
12
  %card-body {
14
- --current-surface-color: var(--pinya-card-bg-color);
15
- background-color: var( --pinya-card-bg-color);
13
+ --current-surface-color: var(--pinya-card-bg-color);
14
+ background-color: var(--pinya-card-bg-color);
16
15
  }
17
16
 
18
17
  %surface-dialog {
19
- --current-surface-color: var(--bg-dialog);
20
- background-color: var(--current-surface-color);
18
+ --current-surface-color: var(--bg-dialog);
19
+ background-color: var(--current-surface-color);
21
20
  }
22
21
 
23
22
  %surface-success {
24
- --current-surface-color: var(--color-success-500);
25
- background-color: var(--current-surface-color);
23
+ --current-surface-color: var(--color-success-500);
24
+ background-color: var(--current-surface-color);
26
25
  }
27
26
 
28
27
  %surface-error {
29
- --current-surface-color: var(--color-error-500);
30
- background-color: var(--current-surface-color);
28
+ --current-surface-color: var(--color-error-500);
29
+ background-color: var(--current-surface-color);
31
30
  }
32
31
 
33
32
  %surface-primary-button {
34
- --current-surface-color: var(--color-primary-400-600);
35
- --current-surface-contrast: var(--color-secondary-950-0);
36
- background-color: var(--current-surface-color);
37
- color: var(--current-surface-contrast);
33
+ --current-surface-color: var(--color-primary-400-600);
34
+ --current-surface-contrast: var(--color-secondary-950-0);
35
+ background-color: var(--current-surface-color);
36
+ color: var(--current-surface-contrast);
38
37
 
39
- --link-color: var(--color-secondary-400);
40
- --visited-link-color: var(--color-secondary-900);
41
- --link-color-dark: var(--color-secondary-600);
42
- --visited-link-color-dark: var(--color-secondary-800);
38
+ --link-color: var(--color-secondary-400);
39
+ --visited-link-color: var(--color-secondary-900);
40
+ --link-color-dark: var(--color-secondary-600);
41
+ --visited-link-color-dark: var(--color-secondary-800);
43
42
  }
44
43
 
45
44
  %surface-secondary-button {
46
- --current-surface-color: var(--color-secondary-400-600);
47
- --current-surface-contrast: var(--color-secondary-950-0);
48
- background-color: var(--current-surface-color);
49
- color: var(--current-surface-contrast);
50
-
51
- --link-color: var(--color-secondary-400);
52
- --visited-link-color: var(--color-secondary-900);
53
- --link-color-dark: var(--color-secondary-200);
54
- --visited-link-color-dark: var(--color-secondary-300);
45
+ --current-surface-color: var(--color-secondary-400-600);
46
+ --current-surface-contrast: var(--color-secondary-950-0);
47
+ background-color: var(--current-surface-color);
48
+ color: var(--current-surface-contrast);
49
+
50
+ --link-color: var(--color-secondary-400);
51
+ --visited-link-color: var(--color-secondary-900);
52
+ --link-color-dark: var(--color-secondary-200);
53
+ --visited-link-color-dark: var(--color-secondary-300);
55
54
  }