@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.
- package/dist/components/dialog_manager/DialogManager.d.ts.map +1 -1
- package/dist/components/dialog_manager/DialogManager.js +5 -8
- package/dist/components/dialog_manager/DialogManagerStore.d.ts +1 -1
- package/dist/components/dialog_manager/DialogProcessor.d.ts.map +1 -1
- package/dist/components/dialog_manager/DialogProcessor.js +2 -0
- package/dist/components/dialog_manager/IDialogManager.d.ts +1 -1
- package/dist/components/dialog_manager/IDialogManager.d.ts.map +1 -1
- package/dist/components/dialog_manager/behavior_tree/core/SelectorNode.d.ts.map +1 -1
- package/dist/components/dialog_manager/behavior_tree/expression/ExpressionEvaluator.d.ts.map +1 -1
- package/dist/components/dialog_manager/behavior_tree/expression/ExpressionEvaluator.js +1 -1
- package/dist/components/dialog_manager/behavior_tree/line_processors/commands/ForceVisitCommand.d.ts +10 -0
- package/dist/components/dialog_manager/behavior_tree/line_processors/commands/ForceVisitCommand.d.ts.map +1 -0
- package/dist/components/dialog_manager/behavior_tree/line_processors/commands/ForceVisitCommand.js +29 -0
- package/dist/components/dialog_manager/behavior_tree/line_processors/commands/JumpCommand.d.ts.map +1 -1
- package/dist/components/reveal-info/RevealInfo.svelte +17 -18
- package/dist/components/reveal-info/RevealInfo.svelte.d.ts +2 -2
- package/dist/components/reveal-info/RevealInfo.svelte.d.ts.map +1 -1
- package/dist/components/reveal-info/RevealInfoRune.svelte.d.ts.map +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/modules/overrideable_meta/OverridableMeta.svelte +1 -1
- package/dist/modules/parsnip/ParsnipBlockChildren.svelte +66 -55
- package/dist/modules/parsnip/ParsnipBlockChildren.svelte.d.ts.map +1 -1
- package/dist/modules/parsnip/ParsnipEmbedWikilink.svelte +30 -30
- package/dist/modules/parsnip/ParsnipEmbedWikilink.svelte.d.ts +1 -1
- package/dist/modules/parsnip/ParsnipEmbedWikilink.svelte.d.ts.map +1 -1
- package/dist/modules/parsnip/ParsnipHeading.svelte +6 -6
- package/dist/modules/parsnip/ParsnipList.svelte +24 -24
- package/dist/modules/parsnip/ParsnipOverall.d.ts.map +1 -1
- package/dist/modules/parsnip/ParsnipPhrasingChildren.svelte +15 -17
- package/dist/modules/parsnip/ParsnipPhrasingChildren.svelte.d.ts.map +1 -1
- package/dist/modules/parsnip/ParsnipWikilink.svelte +22 -20
- package/dist/modules/parsnip/ParsnipWikilink.svelte.d.ts.map +1 -1
- package/dist/modules/parsnip/external-images/ParsnipImage.svelte +133 -114
- package/dist/modules/parsnip/external-images/ParsnipImage.svelte.d.ts.map +1 -1
- package/dist/modules/parsnip/external-images/ParsnipImageCollection.svelte +64 -63
- package/dist/modules/parsnip/external-images/ParsnipImageCollection.svelte.d.ts.map +1 -1
- package/dist/modules/parsnip/external-images/externalImages.remote.d.ts.map +1 -1
- package/dist/modules/parsnip/external-images/externalImages.remote.js +17 -13
- package/dist/modules/parsnip/route-util/ParsnipBlog.svelte +1 -2
- package/dist/modules/parsnip/route-util/ParsnipBlog.svelte.d.ts.map +1 -1
- package/dist/modules/parsnip/route-util/getSlugEntries.js +1 -1
- package/dist/modules/parsnip/route-util/menuPageServerLoad.js +4 -4
- package/dist/modules/parsnip/route-util/slugPageServerLoad.d.ts.map +1 -1
- package/dist/modules/parsnip/route-util/slugPageServerLoad.js +15 -15
- package/dist/scripts/pineapple_fiber/PineappleFiberParser.d.ts.map +1 -1
- package/dist/scripts/pineapple_fiber/PineappleFiberParser.js +5 -3
- package/dist/styles/app.css +87 -84
- package/dist/styles/color-tokens.css +20 -20
- package/dist/styles/surface-colors.scss +28 -29
- package/dist/styles/tailwind.css +3196 -3111
- package/dist/styles/turnip-theme.css +262 -245
- package/dist/svelteIndex.svelte.d.ts.map +1 -1
- package/dist/svelteIndex.svelte.js +1 -7
- package/dist/test/DialogTestUtility.d.ts.map +1 -1
- package/dist/test/DialogTestUtility.js +4 -4
- package/dist/theme.css +109 -109
- package/dist/types/pineapple_fiber/DialogVariableStore.d.ts.map +1 -1
- package/dist/types/pineapple_fiber/DialogVariableStore.js +0 -1
- package/dist/ui/components/FourPartCard.svelte +20 -28
- package/dist/ui/components/FourPartCard.svelte.d.ts.map +1 -1
- package/dist/ui/components/MeltToaster/MeltToaster.svelte +6 -5
- package/dist/ui/components/MeltToaster/MeltToaster.svelte.d.ts.map +1 -1
- package/dist/ui/components/ModalBase.svelte +39 -43
- package/dist/ui/components/ModalBase.svelte.d.ts +2 -2
- package/dist/ui/components/ModalBase.svelte.d.ts.map +1 -1
- package/dist/ui/components/NestedNavigation.svelte +22 -19
- package/dist/ui/components/NestedNavigation.svelte.d.ts +1 -1
- package/dist/ui/components/NestedNavigation.svelte.d.ts.map +1 -1
- package/dist/ui/components/SocialSection.svelte +30 -25
- package/dist/ui/components/SocialSection.svelte.d.ts.map +1 -1
- package/dist/ui/components/SortDropdown.svelte +8 -12
- package/dist/ui/components/SortDropdown.svelte.d.ts.map +1 -1
- package/dist/ui/components/TagFilter.svelte +9 -9
- package/dist/ui/components/accordion/PinyaAccordion.svelte +45 -43
- package/dist/ui/components/accordion/PinyaAccordion.svelte.d.ts.map +1 -1
- package/dist/ui/components/accordion/PinyaAccordionItem.svelte +19 -10
- package/dist/ui/components/accordion/PinyaAccordionItem.svelte.d.ts.map +1 -1
- package/dist/ui/components/project-date-badge/ProjectDateBadge.svelte +88 -80
- package/dist/ui/components/project-date-badge/ProjectDateBadge.svelte.d.ts.map +1 -1
- package/dist/ui/components/randomized-background/RandomizedBackground.svelte +37 -33
- package/dist/ui/components/randomized-background/RandomizedBackground.svelte.d.ts.map +1 -1
- package/dist/ui/components/randomized-background/RandomizedImage.svelte +25 -21
- package/dist/ui/components/randomized-background/RandomizedImage.svelte.d.ts.map +1 -1
- package/dist/ui/components/randomized-background/getSocialSection.remote.js +1 -1
- package/dist/ui/elements/CodeBlock/CodeBlock.svelte +163 -165
- package/dist/ui/elements/CodeBlock/CodeBlock.svelte.d.ts.map +1 -1
- package/dist/ui/elements/CodeBlock/CodeBlockProps.d.ts +1 -1
- package/dist/ui/elements/CodeBlock/CodeBlockProps.d.ts.map +1 -1
- package/dist/ui/elements/ColorScheme.d.ts.map +1 -1
- package/dist/ui/elements/ElementVisibilityDetector.svelte +1 -4
- package/dist/ui/elements/ElementVisibilityDetector.svelte.d.ts.map +1 -1
- package/dist/ui/elements/GeneralUIProps.d.ts +2 -2
- package/dist/ui/elements/ImageIcon.svelte +27 -30
- package/dist/ui/elements/ImageIcon.svelte.d.ts +1 -1
- package/dist/ui/elements/ImageIcon.svelte.d.ts.map +1 -1
- package/dist/ui/elements/PineappleSwitch.svelte +53 -53
- package/dist/ui/elements/PineappleSwitch.svelte.d.ts +1 -1
- package/dist/ui/elements/PineappleSwitch.svelte.d.ts.map +1 -1
- package/dist/ui/elements/PinyaAnchorButton/PinyaAnchorButton.svelte +4 -5
- package/dist/ui/elements/PinyaAnchorButton/PinyaAnchorButton.svelte.d.ts.map +1 -1
- package/dist/ui/elements/PinyaAnchorButton/PinyaAnchorButtonProps.d.ts.map +1 -1
- package/dist/ui/elements/PinyaButton/PinyaButton.svelte +4 -5
- package/dist/ui/elements/PinyaButton/PinyaButton.svelte.d.ts.map +1 -1
- package/dist/ui/elements/PinyaButton/PinyaButtonProps.d.ts.map +1 -1
- package/dist/ui/elements/PinyaButton/index.d.ts +2 -2
- package/dist/ui/elements/PinyaButton/index.js +2 -2
- package/dist/ui/elements/PinyaButtonCommon/ButtonVariant.d.ts.map +1 -1
- package/dist/ui/elements/PinyaButtonCommon/PinyaButtonCommonProps.d.ts.map +1 -1
- package/dist/ui/elements/PinyaButtonCommon/createButtonClass.d.ts.map +1 -1
- package/dist/ui/elements/PinyaButtonCommon/createButtonClass.js +1 -1
- package/dist/ui/elements/PinyaCard/PinyaCard.svelte +3 -10
- package/dist/ui/elements/PinyaCard/PinyaCardProps.d.ts.map +1 -1
- package/dist/ui/elements/Placeholder.svelte +3 -3
- package/dist/ui/elements/TextChip/TextChip.svelte +8 -6
- package/dist/ui/elements/TextLink.svelte +46 -48
- package/dist/ui/elements/TextLink.svelte.d.ts.map +1 -1
- package/dist/ui/elements/WrapperProps.d.ts +1 -1
- package/dist/ui/elements/index.d.ts.map +1 -1
- package/dist/ui/elements/pinya-combobox/PinyaCombobox.svelte +80 -55
- package/dist/ui/elements/pinya-combobox/PinyaCombobox.svelte.d.ts.map +1 -1
- package/dist/ui/elements/pinya-combobox/PinyaComboboxProps.d.ts.map +1 -1
- package/dist/ui/modules/NavigationMenu/LdSchema.d.ts.map +1 -1
- package/dist/ui/modules/NavigationMenu/LdSchema.js +4 -2
- package/dist/ui/modules/NavigationMenu/NavigationControl.svelte +18 -13
- package/dist/ui/modules/NavigationMenu/NavigationControl.svelte.d.ts.map +1 -1
- package/dist/ui/modules/NavigationMenu/NavigationMenu.svelte +234 -212
- package/dist/ui/modules/NavigationMenu/NavigationMenu.svelte.d.ts.map +1 -1
- package/dist/ui/modules/NavigationMenu/PageMeta.d.ts +1 -1
- package/dist/ui/modules/NavigationMenu/PageMeta.d.ts.map +1 -1
- package/dist/ui/modules/NavigationMenu/PageMeta.js +15 -11
- package/dist/ui/modules/experience/ExampleJob1.svelte +26 -28
- package/dist/ui/modules/experience/ExampleJob1.svelte.d.ts.map +1 -1
- package/dist/ui/modules/experience/ExampleJob2.svelte +4 -3
- package/dist/ui/modules/experience/ExampleJob2.svelte.d.ts.map +1 -1
- package/dist/ui/modules/experience/index.d.ts +2 -2
- package/dist/ui/modules/experience/index.js +2 -2
- package/dist/ui/modules/modals/general-settings/GeneralSettingsModal.svelte +9 -7
- package/dist/ui/modules/modals/general-settings/GeneralSettingsModal.svelte.d.ts.map +1 -1
- package/dist/ui/modules/modals/general-settings/LanguagePicker.svelte +1 -1
- package/dist/ui/modules/modals/general-settings/NavigationModal.svelte +11 -8
- package/dist/ui/modules/modals/general-settings/NavigationModal.svelte.d.ts.map +1 -1
- package/dist/ui/modules/projects/Hepcat.svelte +31 -29
- package/dist/ui/modules/projects/Hepcat.svelte.d.ts.map +1 -1
- package/dist/ui/modules/projects/ObsidianPublisher.svelte +16 -11
- package/dist/ui/modules/projects/ObsidianPublisher.svelte.d.ts.map +1 -1
- package/dist/ui/modules/projects/Pengi.svelte +21 -17
- package/dist/ui/modules/projects/Pengi.svelte.d.ts.map +1 -1
- package/dist/ui/modules/projects/Soulwork.svelte +18 -16
- package/dist/ui/modules/projects/Soulwork.svelte.d.ts.map +1 -1
- package/dist/ui/modules/projects/ThisWebpage.svelte +29 -19
- package/dist/ui/modules/projects/ThisWebpage.svelte.d.ts.map +1 -1
- package/dist/ui/modules/universal-overlay/DialogPanel.svelte +40 -38
- package/dist/ui/modules/universal-overlay/DialogPanel.svelte.d.ts.map +1 -1
- package/dist/ui/modules/universal-overlay/SettingsPanel.svelte +1 -2
- package/dist/ui/modules/universal-overlay/SettingsPanel.svelte.d.ts.map +1 -1
- package/dist/ui/modules/universal-overlay/UniversalOverlay.svelte +12 -6
- package/dist/ui/modules/universal-overlay/UniversalOverlay.svelte.d.ts.map +1 -1
- package/dist/ui/templates/PinyaPageLayout/PinyaPageLayout.svelte +99 -94
- package/dist/ui/templates/PinyaPageLayout/PinyaPageLayout.svelte.d.ts.map +1 -1
- package/dist/ui/templates/PinyaPageLayout/pinyaPageLayoutRunes.svelte.d.ts +1 -1
- package/dist/ui/templates/PinyaPageLayout/pinyaPageLayoutRunes.svelte.js +2 -2
- package/dist/ui/templates/SeaweedLayout/ChumBucket.svelte +51 -43
- package/dist/ui/templates/SeaweedLayout/ChumBucket.svelte.d.ts.map +1 -1
- package/dist/ui/templates/SeaweedLayout/CreateUrlForm.svelte +45 -32
- package/dist/ui/templates/SeaweedLayout/CreateUrlForm.svelte.d.ts.map +1 -1
- package/dist/ui/templates/SeaweedLayout/EntryGroup.svelte +106 -102
- package/dist/ui/templates/SeaweedLayout/EntryGroup.svelte.d.ts.map +1 -1
- package/dist/ui/templates/SeaweedLayout/EntryOrderConfig.svelte +11 -19
- package/dist/ui/templates/SeaweedLayout/EntryOrderConfig.svelte.d.ts.map +1 -1
- package/dist/ui/templates/SeaweedLayout/ProjectComponentProps.d.ts +1 -1
- package/dist/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte +139 -121
- package/dist/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte.d.ts.map +1 -1
- package/dist/ui/templates/SeaweedLayout/SeaweedLayout.svelte +139 -148
- package/dist/ui/templates/SeaweedLayout/index.d.ts.map +1 -1
- package/dist/ui/templates/SeaweedLayout/props.js +1 -1
- package/dist/ui/templates/blog_template/BlogTemplate.svelte +11 -11
- package/dist/ui/templates/blog_template/BlogTemplateInner.svelte +58 -56
- package/dist/ui/templates/blog_template/BlogTemplateInner.svelte.d.ts.map +1 -1
- package/dist/ui/templates/blog_template/blog-template.css +1 -1
- package/dist/ui/templates/confirmation-modal/component.svelte +12 -17
- package/dist/ui/templates/confirmation-modal/component.svelte.d.ts +1 -1
- package/dist/ui/templates/confirmation-modal/component.svelte.d.ts.map +1 -1
- package/dist/ui/templates/confirmation-modal/props.d.ts +2 -2
- package/dist/ui/templates/confirmation-modal/props.d.ts.map +1 -1
- package/dist/ui/templates/pinya-base/PinyaBase.svelte +57 -47
- package/dist/ui/templates/pinya-base/PinyaBase.svelte.d.ts.map +1 -1
- package/dist/ui/templates/pinya-base/menuPageServerLoadRemote.remote.svelte +1 -1
- package/dist/ui/templates/pinya-base/pinyaBaseRunes.svelte.d.ts.map +1 -1
- package/dist/util/context/PineappleBaseContext.svelte +1 -1
- package/dist/util/context/pineappleBaseContextDefinitions.svelte.d.ts.map +1 -1
- package/dist/util/env-getter.d.ts.map +1 -1
- package/dist/util/env-getter.js +3 -3
- package/dist/util/getCommitDate.d.ts.map +1 -1
- package/dist/util/getCommitDate.js +3 -1
- package/dist/util/getCommitDate.remote.d.ts.map +1 -1
- package/dist/util/getCommitDate.remote.js +3 -1
- package/dist/util/getParsnipData.remote.d.ts +16 -11
- package/dist/util/localStore.svelte.d.ts.map +1 -1
- package/dist/util/localStore.svelte.js +5 -5
- package/dist/util/util.d.ts.map +1 -1
- package/dist/util/util.js +5 -5
- package/package.json +5 -5
- package/src/lib/styles/app.css +87 -84
- package/src/lib/theme.css +109 -109
- 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
|
-
|
|
34
|
-
|
|
35
|
-
|
|
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
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
(child.children[0].url.startsWith("https://photos.")
|
|
50
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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,
|
|
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 = [
|
|
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,
|
|
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(
|
|
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}`);
|
package/dist/styles/app.css
CHANGED
|
@@ -3,120 +3,123 @@
|
|
|
3
3
|
@import "./turnip-theme.css";
|
|
4
4
|
|
|
5
5
|
html {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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
|
-
|
|
21
|
-
|
|
19
|
+
width: 100%;
|
|
20
|
+
height: calc(var(--dialog-box-height) + 4em);
|
|
22
21
|
}
|
|
23
22
|
|
|
24
|
-
.main-dialog-box-container a,
|
|
25
|
-
|
|
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
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
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
|
-
|
|
48
|
+
cursor: url("$pkg/assets/icons/cursor-open-in-new.svg"), auto;
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
.external-link:after,
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
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
|
-
|
|
66
|
-
|
|
66
|
+
left: 0.2em;
|
|
67
|
+
top: -0.05lh;
|
|
67
68
|
}
|
|
68
69
|
|
|
69
70
|
#toast-progress {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
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
|
-
|
|
81
|
+
background: rgba(var(--color-secondary-500));
|
|
81
82
|
}
|
|
82
83
|
|
|
83
|
-
|
|
84
84
|
@layer base {
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
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,
|
|
113
|
-
|
|
114
|
+
ul + h2,
|
|
115
|
+
ol + h2 {
|
|
116
|
+
margin-top: 1rlh;
|
|
114
117
|
}
|
|
115
118
|
|
|
116
119
|
.default-flex {
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
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
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
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
|
-
|
|
4
|
+
background-color: var(--current-surface-color);
|
|
6
5
|
}
|
|
7
6
|
|
|
8
7
|
%surface-body {
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
--current-surface-color: var(--body-background-color);
|
|
9
|
+
background-color: var(--current-surface-color);
|
|
11
10
|
}
|
|
12
11
|
|
|
13
12
|
%card-body {
|
|
14
|
-
|
|
15
|
-
|
|
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
|
-
|
|
20
|
-
|
|
18
|
+
--current-surface-color: var(--bg-dialog);
|
|
19
|
+
background-color: var(--current-surface-color);
|
|
21
20
|
}
|
|
22
21
|
|
|
23
22
|
%surface-success {
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
--current-surface-color: var(--color-success-500);
|
|
24
|
+
background-color: var(--current-surface-color);
|
|
26
25
|
}
|
|
27
26
|
|
|
28
27
|
%surface-error {
|
|
29
|
-
|
|
30
|
-
|
|
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
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
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
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
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
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
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
|
}
|