@turnipxenon/pineapple 2.4.60 → 2.4.62

package/.idea/workspace.xml

@@ -4,8 +4,8 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="CreateUrlForm" comment="Export chip">
-      <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/entry_order_config/EntryOrderConfig.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/entry_order_config/EntryOrderConfig.svelte" afterDir="false" />
+    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="CreateUrlForm" comment="Fix pkg import for Chip">
+      <change beforePath="$PROJECT_DIR$/src/lib/components/chip/Chip.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/chip/Chip.svelte" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -340,23 +340,7 @@
       <workItem from="1712570296984" duration="1559000" />
       <workItem from="1712571884570" duration="7000" />
       <workItem from="1712636226857" duration="11130000" />
-      <workItem from="1712648417963" duration="909000" />
-    </task>
-    <task id="LOCAL-00127" summary="Adjust description">
-      <option name="closed" value="true" />
-      <created>1711992114854</created>
-      <option name="number" value="00127" />
-      <option name="presentableId" value="LOCAL-00127" />
-      <option name="project" value="LOCAL" />
-      <updated>1711992114854</updated>
-    </task>
-    <task id="LOCAL-00128" summary="Add fun query param">
-      <option name="closed" value="true" />
-      <created>1712262935024</created>
-      <option name="number" value="00128" />
-      <option name="presentableId" value="LOCAL-00128" />
-      <option name="project" value="LOCAL" />
-      <updated>1712262935024</updated>
+      <workItem from="1712648417963" duration="1646000" />
     </task>
     <task id="LOCAL-00129" summary="Write vercel to azure migration">
       <option name="closed" value="true" />
@@ -734,7 +718,23 @@
       <option name="project" value="LOCAL" />
       <updated>1712648592332</updated>
     </task>
-    <option name="localTasksCounter" value="176" />
+    <task id="LOCAL-00176" summary="Add border-radius for advanced settings cards">
+      <option name="closed" value="true" />
+      <created>1712649353552</created>
+      <option name="number" value="00176" />
+      <option name="presentableId" value="LOCAL-00176" />
+      <option name="project" value="LOCAL" />
+      <updated>1712649353552</updated>
+    </task>
+    <task id="LOCAL-00177" summary="Fix pkg import for Chip">
+      <option name="closed" value="true" />
+      <created>1712649815862</created>
+      <option name="number" value="00177" />
+      <option name="presentableId" value="LOCAL-00177" />
+      <option name="project" value="LOCAL" />
+      <updated>1712649815862</updated>
+    </task>
+    <option name="localTasksCounter" value="178" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -792,8 +792,6 @@
     </option>
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="Extract runChaos to its own file" />
-    <MESSAGE value="Extract all dependencies for updateUrl" />
     <MESSAGE value="Extract EntryOrderConfig" />
     <MESSAGE value="Add group swapping" />
     <MESSAGE value="Add serverSideQueryParams in SeaweedTemplate" />
@@ -817,6 +815,8 @@
     <MESSAGE value="Fix light mode contrast issues" />
     <MESSAGE value="Attempt to fix Chip styling" />
     <MESSAGE value="Export chip" />
-    <option name="LAST_COMMIT_MESSAGE" value="Export chip" />
+    <MESSAGE value="Add border-radius for advanced settings cards" />
+    <MESSAGE value="Fix pkg import for Chip" />
+    <option name="LAST_COMMIT_MESSAGE" value="Fix pkg import for Chip" />
   </component>
 </project>

package/.svelte-kit/__package__/components/chip/Chip.svelte

@@ -1,9 +1,61 @@
-<span class="chip variant-filled-tertiary">
+<span class="local-chip">
 <slot />
 </span>
 
 <style>
-    .chip {
+    :is(.dark .local-chip) {
+        --tw-bg-opacity: 1;
+        background-color: rgb(var(--color-tertiary-500) / var(--tw-bg-opacity));
+        color: rgb(var(--on-tertiary));
+}
+.local-chip {
+        cursor: pointer;
+        white-space: nowrap;
+        padding-left: 0.75rem;
+        padding-right: 0.75rem;
+        padding-top: 0.375rem;
+        padding-bottom: 0.375rem;
+        text-align: center;
+        font-size: 0.75rem;
+        line-height: 1rem;
+        border-radius: 0.25rem;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        transition-property: all;
+        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+        transition-duration: 150ms;
+}
+.local-chip > :not([hidden]) ~ :not([hidden]) {
+        --tw-space-x-reverse: 0;
+        margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+        margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+a.local-chip:hover,
+	button.local-chip:hover {
+        --tw-brightness: brightness(1.15);
+        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+.local-chip:disabled {
+        cursor: not-allowed;
+        opacity: 0.5;
+}
+.local-chip:disabled:active {
+        --tw-scale-x: 1;
+        --tw-scale-y: 1;
+        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.local-chip {
+        --tw-bg-opacity: 1;
+        background-color: rgb(var(--color-tertiary-500) / var(--tw-bg-opacity));
+        color: rgb(var(--on-tertiary));
+}
+:is(.dark .local-chip) {
+        --tw-bg-opacity: 1;
+        background-color: rgb(var(--color-tertiary-500) / var(--tw-bg-opacity));
+        color: rgb(var(--on-tertiary));
+}
+    .local-chip {
         border-radius: 1em;
         margin: 0.25em;
         font-weight: bold;

package/.svelte-kit/__package__/template/seaweed/entries/MigranteAlberta.svelte

@@ -1,4 +1,4 @@
-<script>import Chip from "../../../components/chip/Chip.svelte";
+<script>import { Chip } from "../../..";
 import {} from "./EntryProps";
 import LinkIcon from "../../../assets/icons/link-icon.svg";
 import Card from "../../../components/Card.svelte";

package/.svelte-kit/__package__/template/seaweed/entries/MockUberApp.svelte

@@ -1,9 +1,6 @@
 <script>import {} from "./EntryProps";
 import Card from "../../../components/Card.svelte";
 import GithubIcon from "../../../assets/icons/github-mark.svg";
-import WindowSetGraph from "../../../assets/others/window-set.png";
-import ThisWebsiteFootage from "../../../assets/others/seaweed-showcase.mp4";
-import Chip from "../../../components/chip/Chip.svelte";
 export let props;
 </script>
 

package/.svelte-kit/__package__/template/seaweed/entries/ThisWebpage.svelte

@@ -1,9 +1,8 @@
 <script>import {} from "./EntryProps";
 import Card from "../../../components/Card.svelte";
 import GithubIcon from "../../../assets/icons/github-mark.svg";
-import WindowSetGraph from "../../../assets/others/window-set.png";
 import ThisWebsiteFootage from "../../../assets/others/seaweed-showcase.mp4";
-import Chip from "../../../components/chip/Chip.svelte";
+import { Chip } from "../../..";
 export let props;
 </script>
 

package/.svelte-kit/generated/server/internal.js

@@ -21,7 +21,7 @@ export const options = {
 		app: ({ head, body, assets, nonce, env }) => "<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<link rel=\"icon\" href=\"" + assets + "/favicon.png\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width\" />\n\t\t" + head + "\n\t</head>\n\n\t<body data-sveltekit-preload-data=\"hover\" data-theme=\"crimson\">\n\t\t<div style=\"display: contents\" class=\"h-full overflow-hidden\">" + body + "</div>\n\t</body>\n</html>\n",
 		error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
 	},
-	version_hash: "1ygjmd2"
+	version_hash: "jouiyd"
 };
 
 export async function get_hooks() {

package/dist/components/chip/Chip.svelte

@@ -1,9 +1,61 @@
-<span class="chip variant-filled-tertiary">
+<span class="local-chip">
 <slot />
 </span>
 
 <style>
-    .chip {
+    :is(.dark .local-chip) {
+        --tw-bg-opacity: 1;
+        background-color: rgb(var(--color-tertiary-500) / var(--tw-bg-opacity));
+        color: rgb(var(--on-tertiary));
+}
+.local-chip {
+        cursor: pointer;
+        white-space: nowrap;
+        padding-left: 0.75rem;
+        padding-right: 0.75rem;
+        padding-top: 0.375rem;
+        padding-bottom: 0.375rem;
+        text-align: center;
+        font-size: 0.75rem;
+        line-height: 1rem;
+        border-radius: 0.25rem;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        transition-property: all;
+        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+        transition-duration: 150ms;
+}
+.local-chip > :not([hidden]) ~ :not([hidden]) {
+        --tw-space-x-reverse: 0;
+        margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+        margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+a.local-chip:hover,
+	button.local-chip:hover {
+        --tw-brightness: brightness(1.15);
+        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+.local-chip:disabled {
+        cursor: not-allowed;
+        opacity: 0.5;
+}
+.local-chip:disabled:active {
+        --tw-scale-x: 1;
+        --tw-scale-y: 1;
+        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.local-chip {
+        --tw-bg-opacity: 1;
+        background-color: rgb(var(--color-tertiary-500) / var(--tw-bg-opacity));
+        color: rgb(var(--on-tertiary));
+}
+:is(.dark .local-chip) {
+        --tw-bg-opacity: 1;
+        background-color: rgb(var(--color-tertiary-500) / var(--tw-bg-opacity));
+        color: rgb(var(--on-tertiary));
+}
+    .local-chip {
         border-radius: 1em;
         margin: 0.25em;
         font-weight: bold;

package/dist/template/seaweed/entries/MigranteAlberta.svelte

@@ -1,4 +1,4 @@
-<script>import Chip from "../../../components/chip/Chip.svelte";
+<script>import { Chip } from "../../..";
 import {} from "./EntryProps";
 import LinkIcon from "../../../assets/icons/link-icon.svg";
 import Card from "../../../components/Card.svelte";

package/dist/template/seaweed/entries/MockUberApp.svelte

@@ -1,9 +1,6 @@
 <script>import {} from "./EntryProps";
 import Card from "../../../components/Card.svelte";
 import GithubIcon from "../../../assets/icons/github-mark.svg";
-import WindowSetGraph from "../../../assets/others/window-set.png";
-import ThisWebsiteFootage from "../../../assets/others/seaweed-showcase.mp4";
-import Chip from "../../../components/chip/Chip.svelte";
 export let props;
 </script>
 

package/dist/template/seaweed/entries/ThisWebpage.svelte

@@ -1,9 +1,8 @@
 <script>import {} from "./EntryProps";
 import Card from "../../../components/Card.svelte";
 import GithubIcon from "../../../assets/icons/github-mark.svg";
-import WindowSetGraph from "../../../assets/others/window-set.png";
 import ThisWebsiteFootage from "../../../assets/others/seaweed-showcase.mp4";
-import Chip from "../../../components/chip/Chip.svelte";
+import { Chip } from "../../..";
 export let props;
 </script>
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "2.4.60",
+  "version": "2.4.62",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && yarn package",

package/src/lib/components/chip/Chip.svelte

@@ -1,9 +1,10 @@
-<span class="chip variant-filled-tertiary">
+<span class="local-chip">
 <slot />
 </span>
 
-<style>
-    .chip {
+<style lang="postcss">
+    .local-chip {
+        @apply chip variant-filled-tertiary;
         border-radius: 1em;
         margin: 0.25em;
         font-weight: bold;

package/src/lib/template/seaweed/entries/MigranteAlberta.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Chip from "$pkg/components/chip/Chip.svelte";
+	import { Chip } from "$pkg";
 	import { type EntryProps } from "./EntryProps";
 	import LinkIcon from "$pkg/assets/icons/link-icon.svg";
 	import Card from "$pkg/components/Card.svelte";

package/src/lib/template/seaweed/entries/MockUberApp.svelte

@@ -2,9 +2,6 @@
 	import { type EntryProps } from "./EntryProps";
 	import Card from "$pkg/components/Card.svelte";
 	import GithubIcon from "$pkg/assets/icons/github-mark.svg";
-	import WindowSetGraph from "$pkg/assets/others/window-set.png";
-	import ThisWebsiteFootage from "$pkg/assets/others/seaweed-showcase.mp4";
-	import Chip from "$pkg/components/chip/Chip.svelte";
 
 	// noinspection JSUnusedGlobalSymbols
 	export let props: EntryProps;

package/src/lib/template/seaweed/entries/ThisWebpage.svelte

@@ -2,9 +2,8 @@
 	import { type EntryProps } from "./EntryProps";
 	import Card from "$pkg/components/Card.svelte";
 	import GithubIcon from "$pkg/assets/icons/github-mark.svg";
-	import WindowSetGraph from "$pkg/assets/others/window-set.png";
 	import ThisWebsiteFootage from "$pkg/assets/others/seaweed-showcase.mp4";
-	import Chip from "$pkg/components/chip/Chip.svelte";
+	import { Chip } from "$pkg";
 
 	// noinspection JSUnusedGlobalSymbols
 	export let props: EntryProps;