@turnipxenon/pineapple 2.4.59 → 2.4.61

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.
@@ -4,9 +4,10 @@
4
4
  <option name="autoReloadType" value="SELECTIVE" />
5
5
  </component>
6
6
  <component name="ChangeListManager">
7
- <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="CreateUrlForm" comment="Attempt to fix Chip styling">
8
- <change beforePath="$PROJECT_DIR$/src/lib/components/chip/chip.postcss" beforeDir="false" />
9
- <change beforePath="$PROJECT_DIR$/src/lib/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/index.ts" afterDir="false" />
7
+ <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="CreateUrlForm" comment="Add border-radius for advanced settings cards">
8
+ <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/entries/MigranteAlberta.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/entries/MigranteAlberta.svelte" afterDir="false" />
9
+ <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/entries/MockUberApp.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/entries/MockUberApp.svelte" afterDir="false" />
10
+ <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/entries/ThisWebpage.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/entries/ThisWebpage.svelte" afterDir="false" />
10
11
  </list>
11
12
  <option name="SHOW_DIALOG" value="false" />
12
13
  <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -341,23 +342,7 @@
341
342
  <workItem from="1712570296984" duration="1559000" />
342
343
  <workItem from="1712571884570" duration="7000" />
343
344
  <workItem from="1712636226857" duration="11130000" />
344
- <workItem from="1712648417963" duration="162000" />
345
- </task>
346
- <task id="LOCAL-00126" summary="WIP">
347
- <option name="closed" value="true" />
348
- <created>1711990921948</created>
349
- <option name="number" value="00126" />
350
- <option name="presentableId" value="LOCAL-00126" />
351
- <option name="project" value="LOCAL" />
352
- <updated>1711990921949</updated>
353
- </task>
354
- <task id="LOCAL-00127" summary="Adjust description">
355
- <option name="closed" value="true" />
356
- <created>1711992114854</created>
357
- <option name="number" value="00127" />
358
- <option name="presentableId" value="LOCAL-00127" />
359
- <option name="project" value="LOCAL" />
360
- <updated>1711992114854</updated>
345
+ <workItem from="1712648417963" duration="1380000" />
361
346
  </task>
362
347
  <task id="LOCAL-00128" summary="Add fun query param">
363
348
  <option name="closed" value="true" />
@@ -735,7 +720,23 @@
735
720
  <option name="project" value="LOCAL" />
736
721
  <updated>1712647930327</updated>
737
722
  </task>
738
- <option name="localTasksCounter" value="175" />
723
+ <task id="LOCAL-00175" summary="Export chip">
724
+ <option name="closed" value="true" />
725
+ <created>1712648592331</created>
726
+ <option name="number" value="00175" />
727
+ <option name="presentableId" value="LOCAL-00175" />
728
+ <option name="project" value="LOCAL" />
729
+ <updated>1712648592332</updated>
730
+ </task>
731
+ <task id="LOCAL-00176" summary="Add border-radius for advanced settings cards">
732
+ <option name="closed" value="true" />
733
+ <created>1712649353552</created>
734
+ <option name="number" value="00176" />
735
+ <option name="presentableId" value="LOCAL-00176" />
736
+ <option name="project" value="LOCAL" />
737
+ <updated>1712649353552</updated>
738
+ </task>
739
+ <option name="localTasksCounter" value="177" />
739
740
  <servers />
740
741
  </component>
741
742
  <component name="TypeScriptGeneratedFilesManager">
@@ -793,8 +794,6 @@
793
794
  </option>
794
795
  </component>
795
796
  <component name="VcsManagerConfiguration">
796
- <MESSAGE value="Move shouldAddFunNote to data" />
797
- <MESSAGE value="Extract runChaos to its own file" />
798
797
  <MESSAGE value="Extract all dependencies for updateUrl" />
799
798
  <MESSAGE value="Extract EntryOrderConfig" />
800
799
  <MESSAGE value="Add group swapping" />
@@ -818,6 +817,8 @@
818
817
  <MESSAGE value="Fix Advanced Settings layout in dark mode" />
819
818
  <MESSAGE value="Fix light mode contrast issues" />
820
819
  <MESSAGE value="Attempt to fix Chip styling" />
821
- <option name="LAST_COMMIT_MESSAGE" value="Attempt to fix Chip styling" />
820
+ <MESSAGE value="Export chip" />
821
+ <MESSAGE value="Add border-radius for advanced settings cards" />
822
+ <option name="LAST_COMMIT_MESSAGE" value="Add border-radius for advanced settings cards" />
822
823
  </component>
823
824
  </project>
@@ -1,4 +1,4 @@
1
- <script>import Chip from "../../../components/chip/Chip.svelte";
1
+ <script>import { Chip } from "../../..";
2
2
  import {} from "./EntryProps";
3
3
  import LinkIcon from "../../../assets/icons/link-icon.svg";
4
4
  import Card from "../../../components/Card.svelte";
@@ -1,9 +1,6 @@
1
1
  <script>import {} from "./EntryProps";
2
2
  import Card from "../../../components/Card.svelte";
3
3
  import GithubIcon from "../../../assets/icons/github-mark.svg";
4
- import WindowSetGraph from "../../../assets/others/window-set.png";
5
- import ThisWebsiteFootage from "../../../assets/others/seaweed-showcase.mp4";
6
- import Chip from "../../../components/chip/Chip.svelte";
7
4
  export let props;
8
5
  </script>
9
6
 
@@ -1,9 +1,8 @@
1
1
  <script>import {} from "./EntryProps";
2
2
  import Card from "../../../components/Card.svelte";
3
3
  import GithubIcon from "../../../assets/icons/github-mark.svg";
4
- import WindowSetGraph from "../../../assets/others/window-set.png";
5
4
  import ThisWebsiteFootage from "../../../assets/others/seaweed-showcase.mp4";
6
- import Chip from "../../../components/chip/Chip.svelte";
5
+ import { Chip } from "../../..";
7
6
  export let props;
8
7
  </script>
9
8
 
@@ -360,6 +360,7 @@ const allDefaultEntries = Array.from(GetAllEntryFromGlobal().keys());
360
360
  }
361
361
 
362
362
  .entry-group {
363
+ border-radius: var(--theme-rounded-container);
363
364
  background-color: rgb(var(--color-surface-600));
364
365
  margin-top: 1.5lh;
365
366
  margin-bottom: 0.5lh;
@@ -1,35 +1,35 @@
1
- .btn-group > button {
2
- padding: 0.3em 0.75em;
3
- }
4
-
5
- .btn-group-header > h2 {
6
- font-weight: bolder;
7
- padding-top: 1lh;
8
- padding-bottom: 1lh;
9
- margin-bottom: 0;
10
- padding-inline-start: 1em;
11
- }
12
-
13
- .dark .btn-group-header > h2 {
14
- color: rgb(var(--theme-font-color-dark));
15
- }
16
-
17
- .dark .entry-group {
18
- background-color: rgb(var(--color-surface-800));
19
- }
20
-
21
- tbody tr:nth-child(odd) {
22
- background-color: rgb(var(--color-surface-500));
23
- }
24
-
25
- .dark tbody tr:nth-child(odd) {
26
- background-color: rgb(var(--color-surface-900));
27
- }
28
-
29
- tbody tr:nth-child(even) {
30
- background-color: rgb(var(--color-surface-200));
31
- }
32
-
33
- .dark tbody tr:nth-child(even) {
34
- background-color: rgb(var(--color-surface-800));
35
- }
1
+ .btn-group > button {
2
+ padding: 0.3em 0.75em;
3
+ }
4
+
5
+ .btn-group-header > h2 {
6
+ font-weight: bolder;
7
+ padding-top: 1lh;
8
+ padding-bottom: 1lh;
9
+ margin-bottom: 0;
10
+ padding-inline-start: 1em;
11
+ }
12
+
13
+ .dark .btn-group-header > h2 {
14
+ color: rgb(var(--theme-font-color-dark));
15
+ }
16
+
17
+ .dark .entry-group {
18
+ background-color: rgb(var(--color-surface-800));
19
+ }
20
+
21
+ tbody tr:nth-child(odd) {
22
+ background-color: rgb(var(--color-surface-500));
23
+ }
24
+
25
+ .dark tbody tr:nth-child(odd) {
26
+ background-color: rgb(var(--color-surface-900));
27
+ }
28
+
29
+ tbody tr:nth-child(even) {
30
+ background-color: rgb(var(--color-surface-200));
31
+ }
32
+
33
+ .dark tbody tr:nth-child(even) {
34
+ background-color: rgb(var(--color-surface-800));
35
+ }
@@ -21,7 +21,7 @@ export const options = {
21
21
  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",
22
22
  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"
23
23
  },
24
- version_hash: "y9f727"
24
+ version_hash: "1ygjmd2"
25
25
  };
26
26
 
27
27
  export async function get_hooks() {
@@ -1,4 +1,4 @@
1
- <script>import Chip from "../../../components/chip/Chip.svelte";
1
+ <script>import { Chip } from "../../..";
2
2
  import {} from "./EntryProps";
3
3
  import LinkIcon from "../../../assets/icons/link-icon.svg";
4
4
  import Card from "../../../components/Card.svelte";
@@ -1,9 +1,6 @@
1
1
  <script>import {} from "./EntryProps";
2
2
  import Card from "../../../components/Card.svelte";
3
3
  import GithubIcon from "../../../assets/icons/github-mark.svg";
4
- import WindowSetGraph from "../../../assets/others/window-set.png";
5
- import ThisWebsiteFootage from "../../../assets/others/seaweed-showcase.mp4";
6
- import Chip from "../../../components/chip/Chip.svelte";
7
4
  export let props;
8
5
  </script>
9
6
 
@@ -1,9 +1,8 @@
1
1
  <script>import {} from "./EntryProps";
2
2
  import Card from "../../../components/Card.svelte";
3
3
  import GithubIcon from "../../../assets/icons/github-mark.svg";
4
- import WindowSetGraph from "../../../assets/others/window-set.png";
5
4
  import ThisWebsiteFootage from "../../../assets/others/seaweed-showcase.mp4";
6
- import Chip from "../../../components/chip/Chip.svelte";
5
+ import { Chip } from "../../..";
7
6
  export let props;
8
7
  </script>
9
8
 
@@ -360,6 +360,7 @@ const allDefaultEntries = Array.from(GetAllEntryFromGlobal().keys());
360
360
  }
361
361
 
362
362
  .entry-group {
363
+ border-radius: var(--theme-rounded-container);
363
364
  background-color: rgb(var(--color-surface-600));
364
365
  margin-top: 1.5lh;
365
366
  margin-bottom: 0.5lh;
@@ -1,35 +1,35 @@
1
- .btn-group > button {
2
- padding: 0.3em 0.75em;
3
- }
4
-
5
- .btn-group-header > h2 {
6
- font-weight: bolder;
7
- padding-top: 1lh;
8
- padding-bottom: 1lh;
9
- margin-bottom: 0;
10
- padding-inline-start: 1em;
11
- }
12
-
13
- .dark .btn-group-header > h2 {
14
- color: rgb(var(--theme-font-color-dark));
15
- }
16
-
17
- .dark .entry-group {
18
- background-color: rgb(var(--color-surface-800));
19
- }
20
-
21
- tbody tr:nth-child(odd) {
22
- background-color: rgb(var(--color-surface-500));
23
- }
24
-
25
- .dark tbody tr:nth-child(odd) {
26
- background-color: rgb(var(--color-surface-900));
27
- }
28
-
29
- tbody tr:nth-child(even) {
30
- background-color: rgb(var(--color-surface-200));
31
- }
32
-
33
- .dark tbody tr:nth-child(even) {
34
- background-color: rgb(var(--color-surface-800));
35
- }
1
+ .btn-group > button {
2
+ padding: 0.3em 0.75em;
3
+ }
4
+
5
+ .btn-group-header > h2 {
6
+ font-weight: bolder;
7
+ padding-top: 1lh;
8
+ padding-bottom: 1lh;
9
+ margin-bottom: 0;
10
+ padding-inline-start: 1em;
11
+ }
12
+
13
+ .dark .btn-group-header > h2 {
14
+ color: rgb(var(--theme-font-color-dark));
15
+ }
16
+
17
+ .dark .entry-group {
18
+ background-color: rgb(var(--color-surface-800));
19
+ }
20
+
21
+ tbody tr:nth-child(odd) {
22
+ background-color: rgb(var(--color-surface-500));
23
+ }
24
+
25
+ .dark tbody tr:nth-child(odd) {
26
+ background-color: rgb(var(--color-surface-900));
27
+ }
28
+
29
+ tbody tr:nth-child(even) {
30
+ background-color: rgb(var(--color-surface-200));
31
+ }
32
+
33
+ .dark tbody tr:nth-child(even) {
34
+ background-color: rgb(var(--color-surface-800));
35
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@turnipxenon/pineapple",
3
3
  "description": "personal package for base styling for other personal projects",
4
- "version": "2.4.59",
4
+ "version": "2.4.61",
5
5
  "scripts": {
6
6
  "dev": "vite dev",
7
7
  "build": "vite build && yarn package",
@@ -1,5 +1,5 @@
1
1
  <script lang="ts">
2
- import Chip from "$pkg/components/chip/Chip.svelte";
2
+ import { Chip } from "$pkg";
3
3
  import { type EntryProps } from "./EntryProps";
4
4
  import LinkIcon from "$pkg/assets/icons/link-icon.svg";
5
5
  import Card from "$pkg/components/Card.svelte";
@@ -2,9 +2,6 @@
2
2
  import { type EntryProps } from "./EntryProps";
3
3
  import Card from "$pkg/components/Card.svelte";
4
4
  import GithubIcon from "$pkg/assets/icons/github-mark.svg";
5
- import WindowSetGraph from "$pkg/assets/others/window-set.png";
6
- import ThisWebsiteFootage from "$pkg/assets/others/seaweed-showcase.mp4";
7
- import Chip from "$pkg/components/chip/Chip.svelte";
8
5
 
9
6
  // noinspection JSUnusedGlobalSymbols
10
7
  export let props: EntryProps;
@@ -2,9 +2,8 @@
2
2
  import { type EntryProps } from "./EntryProps";
3
3
  import Card from "$pkg/components/Card.svelte";
4
4
  import GithubIcon from "$pkg/assets/icons/github-mark.svg";
5
- import WindowSetGraph from "$pkg/assets/others/window-set.png";
6
5
  import ThisWebsiteFootage from "$pkg/assets/others/seaweed-showcase.mp4";
7
- import Chip from "$pkg/components/chip/Chip.svelte";
6
+ import { Chip } from "$pkg";
8
7
 
9
8
  // noinspection JSUnusedGlobalSymbols
10
9
  export let props: EntryProps;
@@ -227,6 +227,7 @@
227
227
  }
228
228
 
229
229
  .entry-group {
230
+ border-radius: var(--theme-rounded-container);
230
231
  background-color: rgb(var(--color-surface-600));
231
232
  margin-top: 1.5lh;
232
233
  margin-bottom: 0.5lh;
@@ -1,35 +1,35 @@
1
- .btn-group > button {
2
- padding: 0.3em 0.75em;
3
- }
4
-
5
- .btn-group-header > h2 {
6
- font-weight: bolder;
7
- padding-top: 1lh;
8
- padding-bottom: 1lh;
9
- margin-bottom: 0;
10
- padding-inline-start: 1em;
11
- }
12
-
13
- .dark .btn-group-header > h2 {
14
- color: rgb(var(--theme-font-color-dark));
15
- }
16
-
17
- .dark .entry-group {
18
- background-color: rgb(var(--color-surface-800));
19
- }
20
-
21
- tbody tr:nth-child(odd) {
22
- background-color: rgb(var(--color-surface-500));
23
- }
24
-
25
- .dark tbody tr:nth-child(odd) {
26
- background-color: rgb(var(--color-surface-900));
27
- }
28
-
29
- tbody tr:nth-child(even) {
30
- background-color: rgb(var(--color-surface-200));
31
- }
32
-
33
- .dark tbody tr:nth-child(even) {
34
- background-color: rgb(var(--color-surface-800));
35
- }
1
+ .btn-group > button {
2
+ padding: 0.3em 0.75em;
3
+ }
4
+
5
+ .btn-group-header > h2 {
6
+ font-weight: bolder;
7
+ padding-top: 1lh;
8
+ padding-bottom: 1lh;
9
+ margin-bottom: 0;
10
+ padding-inline-start: 1em;
11
+ }
12
+
13
+ .dark .btn-group-header > h2 {
14
+ color: rgb(var(--theme-font-color-dark));
15
+ }
16
+
17
+ .dark .entry-group {
18
+ background-color: rgb(var(--color-surface-800));
19
+ }
20
+
21
+ tbody tr:nth-child(odd) {
22
+ background-color: rgb(var(--color-surface-500));
23
+ }
24
+
25
+ .dark tbody tr:nth-child(odd) {
26
+ background-color: rgb(var(--color-surface-900));
27
+ }
28
+
29
+ tbody tr:nth-child(even) {
30
+ background-color: rgb(var(--color-surface-200));
31
+ }
32
+
33
+ .dark tbody tr:nth-child(even) {
34
+ background-color: rgb(var(--color-surface-800));
35
+ }