@turnipxenon/pineapple 2.4.63 → 2.4.64

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 (6) hide show
  1. package/.idea/workspace.xml +23 -25
  2. package/.svelte-kit/__package__/components/chip/Chip.svelte +16 -5
  3. package/.svelte-kit/generated/server/internal.js +1 -1
  4. package/dist/components/chip/Chip.svelte +16 -5
  5. package/package.json +1 -1
  6. package/src/lib/components/chip/Chip.svelte +16 -5
package/.idea/workspace.xml CHANGED
@@ -4,10 +4,8 @@
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="Extract tailwind css utility class to local-chip">
8
- <change beforePath="$PROJECT_DIR$/src/lib/components/chip/Chip.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/chip/Chip.svelte" afterDir="false" />
9
- <change beforePath="$PROJECT_DIR$/src/lib/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/index.ts" afterDir="false" />
10
- <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplate.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplate.svelte" afterDir="false" />
7
+ <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="CreateUrlForm" comment="Remove tailwind reliance on Chip">
8
+ <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
11
9
  </list>
12
10
  <option name="SHOW_DIALOG" value="false" />
13
11
  <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -342,23 +340,7 @@
342
340
  <workItem from="1712570296984" duration="1559000" />
343
341
  <workItem from="1712571884570" duration="7000" />
344
342
  <workItem from="1712636226857" duration="11130000" />
345
- <workItem from="1712648417963" duration="4959000" />
346
- </task>
347
- <task id="LOCAL-00130" summary="Remove vercel module">
348
- <option name="closed" value="true" />
349
- <created>1712369624295</created>
350
- <option name="number" value="00130" />
351
- <option name="presentableId" value="LOCAL-00130" />
352
- <option name="project" value="LOCAL" />
353
- <updated>1712369624295</updated>
354
- </task>
355
- <task id="LOCAL-00131" summary="Convert npm to yarn">
356
- <option name="closed" value="true" />
357
- <created>1712372282278</created>
358
- <option name="number" value="00131" />
359
- <option name="presentableId" value="LOCAL-00131" />
360
- <option name="project" value="LOCAL" />
361
- <updated>1712372282278</updated>
343
+ <workItem from="1712648417963" duration="5995000" />
362
344
  </task>
363
345
  <task id="LOCAL-00132" summary="Change from auto to node adapter">
364
346
  <option name="closed" value="true" />
@@ -736,7 +718,23 @@
736
718
  <option name="project" value="LOCAL" />
737
719
  <updated>1712650184366</updated>
738
720
  </task>
739
- <option name="localTasksCounter" value="179" />
721
+ <task id="LOCAL-00179" summary="Fix chip issue in Advanced Settings">
722
+ <option name="closed" value="true" />
723
+ <created>1712653410765</created>
724
+ <option name="number" value="00179" />
725
+ <option name="presentableId" value="LOCAL-00179" />
726
+ <option name="project" value="LOCAL" />
727
+ <updated>1712653410765</updated>
728
+ </task>
729
+ <task id="LOCAL-00180" summary="Remove tailwind reliance on Chip">
730
+ <option name="closed" value="true" />
731
+ <created>1712654142877</created>
732
+ <option name="number" value="00180" />
733
+ <option name="presentableId" value="LOCAL-00180" />
734
+ <option name="project" value="LOCAL" />
735
+ <updated>1712654142877</updated>
736
+ </task>
737
+ <option name="localTasksCounter" value="181" />
740
738
  <servers />
741
739
  </component>
742
740
  <component name="TypeScriptGeneratedFilesManager">
@@ -794,8 +792,6 @@
794
792
  </option>
795
793
  </component>
796
794
  <component name="VcsManagerConfiguration">
797
- <MESSAGE value="Add group swapping" />
798
- <MESSAGE value="Add serverSideQueryParams in SeaweedTemplate" />
799
795
  <MESSAGE value="Add serverSideQueryParams and extraComponent in SeaweedTemplate" />
800
796
  <MESSAGE value="Fix removeProxyWrapperOnString" />
801
797
  <MESSAGE value="Remove unneeded script check in yarn build" />
@@ -819,6 +815,8 @@
819
815
  <MESSAGE value="Add border-radius for advanced settings cards" />
820
816
  <MESSAGE value="Fix pkg import for Chip" />
821
817
  <MESSAGE value="Extract tailwind css utility class to local-chip" />
822
- <option name="LAST_COMMIT_MESSAGE" value="Extract tailwind css utility class to local-chip" />
818
+ <MESSAGE value="Fix chip issue in Advanced Settings" />
819
+ <MESSAGE value="Remove tailwind reliance on Chip" />
820
+ <option name="LAST_COMMIT_MESSAGE" value="Remove tailwind reliance on Chip" />
823
821
  </component>
824
822
  </project>
package/.svelte-kit/__package__/components/chip/Chip.svelte CHANGED
@@ -1,28 +1,27 @@
1
1
  <script>import { modeCurrent as isLightMode } from "@skeletonlabs/skeleton";
2
2
  export let onClick = void 0;
3
- export let checked = false;
3
+ export let checked = true;
4
4
  $:
5
5
  textColorClass = $isLightMode ? "local-light" : "local-dark";
6
6
  let buttonClass = "variant-filled-tertiary";
7
7
  const toggleChipColor = (isLightMode2, checked2) => {
8
8
  if (isLightMode2) {
9
- buttonClass = checked2 ? "variant-filled-tertiary" : "variant-filled-primary";
9
+ buttonClass = checked2 ? "normal-bg" : "light-unchecked-bg";
10
10
  } else {
11
- buttonClass = checked2 ? "variant-filled-tertiary" : "variant-soft-tertiary";
11
+ buttonClass = checked2 ? "normal-bg" : "dark-unchecked-bg";
12
12
  }
13
13
  };
14
14
  $:
15
15
  toggleChipColor($isLightMode, checked);
16
16
  </script>
17
17
 
18
- <!-- aria wanrning is okay to ignore since it dynamically shifts between button or span -->
19
18
  {#if onClick}
20
19
  <button class={`chip ${buttonClass} ${textColorClass}`}
21
20
  on:click={onClick}>
22
21
  <slot />
23
22
  </button>
24
23
  {:else }
25
- <span class={`local-chip variant-filled-tertiary ${textColorClass}`}>
24
+ <span class={`local-chip normal-bg ${textColorClass}`}>
26
25
  <slot />
27
26
  </span>
28
27
  {/if}
@@ -70,9 +69,21 @@ a.local-chip:hover,
70
69
  margin: 0.25em;
71
70
  font-weight: bold;
72
71
  pointer-events: none;
72
+ }
73
+
74
+ .normal-bg {
75
+ --tw-bg-opacity: 1;
73
76
  background-color: rgb(var(--color-tertiary-500) / var(--tw-bg-opacity));
74
77
  }
75
78
 
79
+ .dark-unchecked-bg {
80
+ background-color: rgb(var(--color-tertiary-500) / 0.2);
81
+ }
82
+
83
+ .light-unchecked-bg {
84
+ background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
85
+ }
86
+
76
87
  .local-light {
77
88
  color: rgb(var(--theme-font-color-base));
78
89
  }
package/.svelte-kit/generated/server/internal.js CHANGED
@@ -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: "1rrfos4"
24
+ version_hash: "vhufmd"
25
25
  };
26
26
 
27
27
  export async function get_hooks() {
package/dist/components/chip/Chip.svelte CHANGED
@@ -1,28 +1,27 @@
1
1
  <script>import { modeCurrent as isLightMode } from "@skeletonlabs/skeleton";
2
2
  export let onClick = void 0;
3
- export let checked = false;
3
+ export let checked = true;
4
4
  $:
5
5
  textColorClass = $isLightMode ? "local-light" : "local-dark";
6
6
  let buttonClass = "variant-filled-tertiary";
7
7
  const toggleChipColor = (isLightMode2, checked2) => {
8
8
  if (isLightMode2) {
9
- buttonClass = checked2 ? "variant-filled-tertiary" : "variant-filled-primary";
9
+ buttonClass = checked2 ? "normal-bg" : "light-unchecked-bg";
10
10
  } else {
11
- buttonClass = checked2 ? "variant-filled-tertiary" : "variant-soft-tertiary";
11
+ buttonClass = checked2 ? "normal-bg" : "dark-unchecked-bg";
12
12
  }
13
13
  };
14
14
  $:
15
15
  toggleChipColor($isLightMode, checked);
16
16
  </script>
17
17
 
18
- <!-- aria wanrning is okay to ignore since it dynamically shifts between button or span -->
19
18
  {#if onClick}
20
19
  <button class={`chip ${buttonClass} ${textColorClass}`}
21
20
  on:click={onClick}>
22
21
  <slot />
23
22
  </button>
24
23
  {:else }
25
- <span class={`local-chip variant-filled-tertiary ${textColorClass}`}>
24
+ <span class={`local-chip normal-bg ${textColorClass}`}>
26
25
  <slot />
27
26
  </span>
28
27
  {/if}
@@ -70,9 +69,21 @@ a.local-chip:hover,
70
69
  margin: 0.25em;
71
70
  font-weight: bold;
72
71
  pointer-events: none;
72
+ }
73
+
74
+ .normal-bg {
75
+ --tw-bg-opacity: 1;
73
76
  background-color: rgb(var(--color-tertiary-500) / var(--tw-bg-opacity));
74
77
  }
75
78
 
79
+ .dark-unchecked-bg {
80
+ background-color: rgb(var(--color-tertiary-500) / 0.2);
81
+ }
82
+
83
+ .light-unchecked-bg {
84
+ background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
85
+ }
86
+
76
87
  .local-light {
77
88
  color: rgb(var(--theme-font-color-base));
78
89
  }
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.63",
4
+ "version": "2.4.64",
5
5
  "scripts": {
6
6
  "dev": "vite dev",
7
7
  "build": "vite build && yarn package",
package/src/lib/components/chip/Chip.svelte CHANGED
@@ -2,28 +2,27 @@
2
2
  import { modeCurrent as isLightMode } from "@skeletonlabs/skeleton";
3
3
 
4
4
  export let onClick: undefined | (() => void) = undefined;
5
- export let checked = false;
5
+ export let checked = true;
6
6
 
7
7
  $: textColorClass = $isLightMode ? "local-light" : "local-dark";
8
8
  let buttonClass = "variant-filled-tertiary";
9
9
  const toggleChipColor = (isLightMode: boolean, checked: boolean) => {
10
10
  if (isLightMode) {
11
- buttonClass = checked ? "variant-filled-tertiary" : "variant-filled-primary";
11
+ buttonClass = checked ? "normal-bg" : "light-unchecked-bg";
12
12
  } else {
13
- buttonClass = checked ? "variant-filled-tertiary" : "variant-soft-tertiary";
13
+ buttonClass = checked ? "normal-bg" : "dark-unchecked-bg";
14
14
  }
15
15
  };
16
16
  $: toggleChipColor($isLightMode, checked);
17
17
  </script>
18
18
 
19
- <!-- aria wanrning is okay to ignore since it dynamically shifts between button or span -->
20
19
  {#if onClick}
21
20
  <button class={`chip ${buttonClass} ${textColorClass}`}
22
21
  on:click={onClick}>
23
22
  <slot />
24
23
  </button>
25
24
  {:else }
26
- <span class={`local-chip variant-filled-tertiary ${textColorClass}`}>
25
+ <span class={`local-chip normal-bg ${textColorClass}`}>
27
26
  <slot />
28
27
  </span>
29
28
  {/if}
@@ -35,9 +34,21 @@
35
34
  margin: 0.25em;
36
35
  font-weight: bold;
37
36
  pointer-events: none;
37
+ }
38
+
39
+ .normal-bg {
40
+ --tw-bg-opacity: 1;
38
41
  background-color: rgb(var(--color-tertiary-500) / var(--tw-bg-opacity));
39
42
  }
40
43
 
44
+ .dark-unchecked-bg {
45
+ background-color: rgb(var(--color-tertiary-500) / 0.2);
46
+ }
47
+
48
+ .light-unchecked-bg {
49
+ background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
50
+ }
51
+
41
52
  .local-light {
42
53
  color: rgb(var(--theme-font-color-base));
43
54
  }