@turnipxenon/pineapple 5.3.9 → 5.3.11

package/src/lib/theme.css

@@ -2,113 +2,113 @@
 
 /*todo: delete after all downstream works #migration*/
 :root {
-    /* =~= Theme Properties =~= */
-    --theme-font-family-base: system-ui;
-    --theme-font-family-heading: system-ui;
-    --theme-font-color-base: var(--color-primary-900);
-    --theme-font-color-dark: var(--color-primary-50);
-    --theme-rounded-base: 24px;
-    --theme-rounded-container: 16px;
-    --theme-border-base: 2px;
-    /* =~= Theme On-X Colors =~= */
-    --on-primary: var(--color-text-900);
-    --on-secondary: var(--color-surface-500);
-    --on-tertiary: var(--color-text-900);
-    --on-success: var(--color-text-900);
-    --on-warning: var(--color-text-900);
-    --on-error: var(--color-surface-500);
-    --on-surface: var(--color-text-900);
-    /* =~= Theme Colors  =~= */
-    /* primary | #b9a26e */
-    --color-primary-50: 245 241 233; /* ⬅ #f5f1e9 */
-    --color-primary-100: 241 236 226; /* ⬅ #f1ece2 */
-    --color-primary-200: 238 232 219; /* ⬅ #eee8db */
-    --color-primary-300: 227 218 197; /* ⬅ #e3dac5 */
-    --color-primary-400: 206 190 154; /* ⬅ #cebe9a */
-    --color-primary-500: 185 162 110; /* ⬅ #b9a26e */
-    --color-primary-600: 167 146 99; /* ⬅ #a79263 */
-    --color-primary-700: 139 122 83; /* ⬅ #8b7a53 */
-    --color-primary-800: 111 97 66; /* ⬅ #6f6142 */
-    --color-primary-900: 91 79 54; /* ⬅ #5b4f36 */
-    --color-primary-1000: 66 54 29; /* ⬅ #42361d */
-    /* secondary | #b55639 */
-    --color-secondary-50: 244 230 225; /* ⬅ #f4e6e1 */
-    --color-secondary-100: 240 221 215; /* ⬅ #f0ddd7 */
-    --color-secondary-200: 237 213 206; /* ⬅ #edd5ce */
-    --color-secondary-300: 225 187 176; /* ⬅ #e1bbb0 */
-    --color-secondary-350: 214 162 146; /* ⬅ #D6A292 */
-    --color-secondary-400: 203 137 116; /* ⬅ #cb8974 */
-    --color-secondary-450: 192 112 87; /* ⬅ #C07057 */
-    --color-secondary-500: 181 86 57; /* ⬅ #b55639 */
-    --color-secondary-600: 163 77 51; /* ⬅ #a34d33 */
-    --color-secondary-700: 136 65 43; /* ⬅ #88412b */
-    --color-secondary-800: 109 52 34; /* ⬅ #6d3422 */
-    --color-secondary-900: 89 42 28; /* ⬅ #592a1c */
-    /* tertiary | #cd7949 */
-    --color-tertiary-50: 248 235 228; /* ⬅ #f8ebe4 */
-    --color-tertiary-100: 245 228 219; /* ⬅ #f5e4db */
-    --color-tertiary-200: 243 222 210; /* ⬅ #f3ded2 */
-    --color-tertiary-300: 235 201 182; /* ⬅ #ebc9b6 */
-    --color-tertiary-400: 220 161 128; /* ⬅ #dca180 */
-    --color-tertiary-500: 205 121 73; /* ⬅ #cd7949 */
-    --color-tertiary-600: 185 109 66; /* ⬅ #b96d42 */
-    --color-tertiary-700: 154 91 55; /* ⬅ #9a5b37 */
-    --color-tertiary-800: 123 73 44; /* ⬅ #7b492c */
-    --color-tertiary-900: 100 59 36; /* ⬅ #643b24 */
-    /* success | #7cab36 */
-    --color-success-50: 235 242 225; /* ⬅ #ebf2e1 */
-    --color-success-100: 229 238 215; /* ⬅ #e5eed7 */
-    --color-success-200: 222 234 205; /* ⬅ #deeacd */
-    --color-success-300: 203 221 175; /* ⬅ #cbddaf */
-    --color-success-400: 163 196 114; /* ⬅ #a3c472 */
-    --color-success-500: 124 171 54; /* ⬅ #7cab36 */
-    --color-success-600: 112 154 49; /* ⬅ #709a31 */
-    --color-success-700: 93 128 41; /* ⬅ #5d8029 */
-    --color-success-800: 74 103 32; /* ⬅ #4a6720 */
-    --color-success-900: 61 84 26; /* ⬅ #3d541a */
-    /* warning | #b8993a */
-    --color-warning-50: 244 240 225; /* ⬅ #f4f0e1 */
-    --color-warning-100: 241 235 216; /* ⬅ #f1ebd8 */
-    --color-warning-200: 237 230 206; /* ⬅ #ede6ce */
-    --color-warning-300: 227 214 176; /* ⬅ #e3d6b0 */
-    --color-warning-400: 205 184 117; /* ⬅ #cdb875 */
-    --color-warning-500: 184 153 58; /* ⬅ #b8993a */
-    --color-warning-600: 166 138 52; /* ⬅ #a68a34 */
-    --color-warning-700: 138 115 44; /* ⬅ #8a732c */
-    --color-warning-800: 110 92 35; /* ⬅ #6e5c23 */
-    --color-warning-900: 90 75 28; /* ⬅ #5a4b1c */
-    /* error | #b53977 */
-    --color-error-50: 244 225 235; /* ⬅ #f4e1eb */
-    --color-error-100: 240 215 228; /* ⬅ #f0d7e4 */
-    --color-error-200: 237 206 221; /* ⬅ #edcedd */
-    --color-error-300: 225 176 201; /* ⬅ #e1b0c9 */
-    --color-error-400: 203 116 160; /* ⬅ #cb74a0 */
-    --color-error-500: 181 57 119; /* ⬅ #b53977 */
-    --color-error-600: 163 51 107; /* ⬅ #a3336b */
-    --color-error-700: 136 43 89; /* ⬅ #882b59 */
-    --color-error-800: 109 34 71; /* ⬅ #6d2247 */
-    --color-error-900: 89 28 58; /* ⬅ #591c3a */
-    /* surface | #fff7e3 */
-    --color-surface-50: 255 254 251; /* ⬅ #fffefb */
-    --color-surface-100: 255 253 249; /* ⬅ #fffdf9 */
-    --color-surface-200: 255 253 248; /* ⬅ #fffdf8 */
-    --color-surface-300: 255 252 244; /* ⬅ #fffcf4 */
-    --color-surface-400: 255 249 235; /* ⬅ #fff9eb */
-    --color-surface-500: 255 247 227; /* ⬅ #fff7e3 */
-    --color-surface-600: 230 222 204; /* ⬅ #e6decc */
-    --color-surface-700: 191 185 170; /* ⬅ #bfb9aa */
-    --color-surface-800: 153 148 136; /* ⬅ #999488 */
-    --color-surface-900: 125 121 111; /* ⬅ #7d796f */
-    /* text color | #3f312f */
-    --color-text-25: 237 234 234; /* ⬅ #e2e0e0 */
-    --color-text-50: 226 224 224; /* ⬅ #e2e0e0 */
-    --color-text-100: 217 214 213; /* ⬅ #d9d6d5 */
-    --color-text-200: 207 204 203; /* ⬅ #cfcccb */
-    --color-text-300: 178 173 172; /* ⬅ #b2adac */
-    --color-text-400: 121 111 109; /* ⬅ #796f6d */
-    --color-text-500: 63 49 47; /* ⬅ #3f312f */
-    --color-text-600: 57 44 42; /* ⬅ #392c2a */
-    --color-text-700: 47 37 35; /* ⬅ #2f2523 */
-    --color-text-800: 38 29 28; /* ⬅ #261d1c */
-    --color-text-900: 31 24 23; /* ⬅ #1f1817 */
+	/* =~= Theme Properties =~= */
+	--theme-font-family-base: system-ui;
+	--theme-font-family-heading: system-ui;
+	--theme-font-color-base: var(--color-primary-900);
+	--theme-font-color-dark: var(--color-primary-50);
+	--theme-rounded-base: 24px;
+	--theme-rounded-container: 16px;
+	--theme-border-base: 2px;
+	/* =~= Theme On-X Colors =~= */
+	--on-primary: var(--color-text-900);
+	--on-secondary: var(--color-surface-500);
+	--on-tertiary: var(--color-text-900);
+	--on-success: var(--color-text-900);
+	--on-warning: var(--color-text-900);
+	--on-error: var(--color-surface-500);
+	--on-surface: var(--color-text-900);
+	/* =~= Theme Colors  =~= */
+	/* primary | #b9a26e */
+	--color-primary-50: 245 241 233; /* ⬅ #f5f1e9 */
+	--color-primary-100: 241 236 226; /* ⬅ #f1ece2 */
+	--color-primary-200: 238 232 219; /* ⬅ #eee8db */
+	--color-primary-300: 227 218 197; /* ⬅ #e3dac5 */
+	--color-primary-400: 206 190 154; /* ⬅ #cebe9a */
+	--color-primary-500: 185 162 110; /* ⬅ #b9a26e */
+	--color-primary-600: 167 146 99; /* ⬅ #a79263 */
+	--color-primary-700: 139 122 83; /* ⬅ #8b7a53 */
+	--color-primary-800: 111 97 66; /* ⬅ #6f6142 */
+	--color-primary-900: 91 79 54; /* ⬅ #5b4f36 */
+	--color-primary-1000: 66 54 29; /* ⬅ #42361d */
+	/* secondary | #b55639 */
+	--color-secondary-50: 244 230 225; /* ⬅ #f4e6e1 */
+	--color-secondary-100: 240 221 215; /* ⬅ #f0ddd7 */
+	--color-secondary-200: 237 213 206; /* ⬅ #edd5ce */
+	--color-secondary-300: 225 187 176; /* ⬅ #e1bbb0 */
+	--color-secondary-350: 214 162 146; /* ⬅ #D6A292 */
+	--color-secondary-400: 203 137 116; /* ⬅ #cb8974 */
+	--color-secondary-450: 192 112 87; /* ⬅ #C07057 */
+	--color-secondary-500: 181 86 57; /* ⬅ #b55639 */
+	--color-secondary-600: 163 77 51; /* ⬅ #a34d33 */
+	--color-secondary-700: 136 65 43; /* ⬅ #88412b */
+	--color-secondary-800: 109 52 34; /* ⬅ #6d3422 */
+	--color-secondary-900: 89 42 28; /* ⬅ #592a1c */
+	/* tertiary | #cd7949 */
+	--color-tertiary-50: 248 235 228; /* ⬅ #f8ebe4 */
+	--color-tertiary-100: 245 228 219; /* ⬅ #f5e4db */
+	--color-tertiary-200: 243 222 210; /* ⬅ #f3ded2 */
+	--color-tertiary-300: 235 201 182; /* ⬅ #ebc9b6 */
+	--color-tertiary-400: 220 161 128; /* ⬅ #dca180 */
+	--color-tertiary-500: 205 121 73; /* ⬅ #cd7949 */
+	--color-tertiary-600: 185 109 66; /* ⬅ #b96d42 */
+	--color-tertiary-700: 154 91 55; /* ⬅ #9a5b37 */
+	--color-tertiary-800: 123 73 44; /* ⬅ #7b492c */
+	--color-tertiary-900: 100 59 36; /* ⬅ #643b24 */
+	/* success | #7cab36 */
+	--color-success-50: 235 242 225; /* ⬅ #ebf2e1 */
+	--color-success-100: 229 238 215; /* ⬅ #e5eed7 */
+	--color-success-200: 222 234 205; /* ⬅ #deeacd */
+	--color-success-300: 203 221 175; /* ⬅ #cbddaf */
+	--color-success-400: 163 196 114; /* ⬅ #a3c472 */
+	--color-success-500: 124 171 54; /* ⬅ #7cab36 */
+	--color-success-600: 112 154 49; /* ⬅ #709a31 */
+	--color-success-700: 93 128 41; /* ⬅ #5d8029 */
+	--color-success-800: 74 103 32; /* ⬅ #4a6720 */
+	--color-success-900: 61 84 26; /* ⬅ #3d541a */
+	/* warning | #b8993a */
+	--color-warning-50: 244 240 225; /* ⬅ #f4f0e1 */
+	--color-warning-100: 241 235 216; /* ⬅ #f1ebd8 */
+	--color-warning-200: 237 230 206; /* ⬅ #ede6ce */
+	--color-warning-300: 227 214 176; /* ⬅ #e3d6b0 */
+	--color-warning-400: 205 184 117; /* ⬅ #cdb875 */
+	--color-warning-500: 184 153 58; /* ⬅ #b8993a */
+	--color-warning-600: 166 138 52; /* ⬅ #a68a34 */
+	--color-warning-700: 138 115 44; /* ⬅ #8a732c */
+	--color-warning-800: 110 92 35; /* ⬅ #6e5c23 */
+	--color-warning-900: 90 75 28; /* ⬅ #5a4b1c */
+	/* error | #b53977 */
+	--color-error-50: 244 225 235; /* ⬅ #f4e1eb */
+	--color-error-100: 240 215 228; /* ⬅ #f0d7e4 */
+	--color-error-200: 237 206 221; /* ⬅ #edcedd */
+	--color-error-300: 225 176 201; /* ⬅ #e1b0c9 */
+	--color-error-400: 203 116 160; /* ⬅ #cb74a0 */
+	--color-error-500: 181 57 119; /* ⬅ #b53977 */
+	--color-error-600: 163 51 107; /* ⬅ #a3336b */
+	--color-error-700: 136 43 89; /* ⬅ #882b59 */
+	--color-error-800: 109 34 71; /* ⬅ #6d2247 */
+	--color-error-900: 89 28 58; /* ⬅ #591c3a */
+	/* surface | #fff7e3 */
+	--color-surface-50: 255 254 251; /* ⬅ #fffefb */
+	--color-surface-100: 255 253 249; /* ⬅ #fffdf9 */
+	--color-surface-200: 255 253 248; /* ⬅ #fffdf8 */
+	--color-surface-300: 255 252 244; /* ⬅ #fffcf4 */
+	--color-surface-400: 255 249 235; /* ⬅ #fff9eb */
+	--color-surface-500: 255 247 227; /* ⬅ #fff7e3 */
+	--color-surface-600: 230 222 204; /* ⬅ #e6decc */
+	--color-surface-700: 191 185 170; /* ⬅ #bfb9aa */
+	--color-surface-800: 153 148 136; /* ⬅ #999488 */
+	--color-surface-900: 125 121 111; /* ⬅ #7d796f */
+	/* text color | #3f312f */
+	--color-text-25: 237 234 234; /* ⬅ #e2e0e0 */
+	--color-text-50: 226 224 224; /* ⬅ #e2e0e0 */
+	--color-text-100: 217 214 213; /* ⬅ #d9d6d5 */
+	--color-text-200: 207 204 203; /* ⬅ #cfcccb */
+	--color-text-300: 178 173 172; /* ⬅ #b2adac */
+	--color-text-400: 121 111 109; /* ⬅ #796f6d */
+	--color-text-500: 63 49 47; /* ⬅ #3f312f */
+	--color-text-600: 57 44 42; /* ⬅ #392c2a */
+	--color-text-700: 47 37 35; /* ⬅ #2f2523 */
+	--color-text-800: 38 29 28; /* ⬅ #261d1c */
+	--color-text-900: 31 24 23; /* ⬅ #1f1817 */
 }

package/dist/scripts/pineapple_fiber/TutorialBroken.yarn

@@ -1,143 +0,0 @@
-title: TutorialSetup
-position: 50,-152
----
-Portrait: AresNeutral
-<<declare $tutorialReturnAddress = "" as string>>
-===
-title: TutorialStart
-position: 50,31
----
-Portrait: AresHappy
-<p><b>Hello!</b> If you're here, I'm assuming you want to learn more how to use <i>conversations</i>.
-This is a <i>dialog box</i>.</p>
-<p>Texts within <i>dialog boxes</i> are <i>scrollable</i> so please <i>scroll</i> if this text overflows.</p>
-<p>Below are <i>choices</i> you can <i>click</i>. Please <b>click</b> them to see what the next dialogs look like.</p>
-
-<choice Continue>Click me to proceed to the next dialog</choice>
-<ChoiceBreak>
-
--> Continue
-    <<jump TutorialStart2>>
--> NonConnectedJump
-    <<jump TutotialChoiceA>>
-===
-title: TutorialStart2
-position: 51,244
----
-Portrait: AresNeutral
-<<unvisit TutorialChoiceA>>
-<<unvisit TutorialChoiceB>>
-<p>You can see that <i>choices</i> are indicated with this image <img src="/yarn/icon-chat.svg" alt="dialog-icon"/>.</p>
-<p>Click any of the <choice TutorialMerge>links</choice> that proceed the image <img src="/yarn/icon-chat.svg" alt="dialog-icon"/>.</p>
-
-<choice TutorialChoiceA>Let's go to tutorial A</choice> | <choice TutorialChoiceB>Let's go to tutorial B</choice>
-<ChoiceBreak>
-
--> TutorialChoiceA
-    <<jump TutorialChoiceA>>
--> TutorialChoiceB
-    <<jump TutorialChoiceB>>
-===
-title: TutorialChoiceA
-position: 316,535
----
-Portrait: AresHappy
-<p>Click anywhere in the <i>dialog box</i> to instantly make the text appear. Sometimes, you may want to speed up the text.</p>
-<p>This is <i>dialog</i> for choice A!</p>
-<<if visited("TutorialChoiceB")>>
-    <choice TutorialMerge>Continue</choice>
-<<else>>
-    <choice TutorialChoiceB>Continue</choice>
-<<endif>>
-<ChoiceBreak>
-
--> TutorialChoiceB
-    <<jump TutorialChoiceB>>
--> TutorialMerge
-    <<jump TutorialMerge>>
-===
-title: TutorialChoiceB
-position: -191,497
----
-Portrait: AresYay
-<p>Welcome to Choice B!</p>
-<p>Sometimes, I'll post links in the dialog. You'll see that <i>external links</i> are proceeded with this image <img src="/yarn/icon-open-in-new.svg" alt="external link icon"/>.</p>
-<p>Clicking any of these <i>external links</i> will send you to a new tab with the link. You can <b>hover</b> on the link, and watch on the <i>bottom corner left of your browser</i> to see where the <i>external link</i> will lead you to.</p>
-<p><a target="_blank" class="external-link" href="http://crouton.net">Check out this external link!</a></p>
-<<if visited("TutorialChoiceA")>>
-    <choice TutorialMerge>Continue</choice>
-<<else>>
-    <choice TutorialChoiceA>Continue</choice>
-<<endif>>
-<ChoiceBreak>
-
--> TutorialChoiceA
-    <<jump TutorialChoiceA>>
--> TutorialMerge
-    <<jump TutorialMerge>>
-===
-title: TutorialMerge
----
-Portrait: AresSurprised
-<p>Just like opportunities and <i>external links</i>, <choice Continue>choices</choice> can appear anywhere!</p>
-<p>It can appear <choice Continue>here</choice>, <choice Continue>there</choice>, and <choice Continue>everywhere!</choice></p>
-<ChoiceBreak>
-
--> Continue
-    <<jump TutorialChoicesResult>>
-===
-title: TutorialChoicesResult
----
-Portrait: AresDisappointed
-<p>Just like life, I've sadly given you an illusion of <i>choice</i> since all those <i>choices</i> only lead to one outcome.
-<i>This particular dialog.</i></p>
-<choice Continue>Anyways...</choice>
-<ChoiceBreak>
-
--> Continue
-    <<jump TutorialSettings>>
-===
-title: TutorialSettings
----
-Portrait: AresMad
-<p>Feel free to check out the <i>Settings</i> menu by clicking the iconic <i>gear icon</i> on this dialog or on the top right of the page. You can...</p>
-<ul>
-    <li>Keep this pesky <i>dialog box</i> away all the time!</li>
-    <li>Make the <i>portrait</i> of this ugly character disappear!</li>
-    <li>Make the <i>text speed</i> faster</li>
-    <li>Disable <i>auto scroll</i></li>
-</ul>
-<br>
-<choice Continue>One last thing...</choice>
-<ChoiceBreak>
-
--> Continue
-    <<jump TutorialDialogToggle>>
-===
-title: TutorialDialogToggle
----
-Portrait: AresNeutral
-<p>You can toggle (open or close) the dialog by clicking the <img src="/yarn/icon-chat.svg" alt="dialog-icon"/> icon at the top right,
-or click the close button on this <i>dialog box</i>.</p>
-<p>Try it out! You won't lose progress of our conversation.</p>
-<choice Continue>And...</choice>
-<ChoiceBreak>
-
--> Continue
-    <<jump TutorialEnd>>
-===
-title: TutorialEnd
----
-Portrait: AresLetsGo
-<p>And that covers everything you need to know. <b>^^</b></p>
-<<if $tutorialReturnAddress != "">>
-    <choice Return>Return</choice> |
-<<endif>>
-<choice Redo>Redo tutorial</choice>
-<ChoiceBreak>
-
--> Return
-    <<jump {$tutorialReturnAddress}>>
--> Redo
-    <<jump TutorialStart>>
-===