@turnipxenon/pineapple 2.4.40 → 2.4.42

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 (9) hide show
  1. package/.idea/workspace.xml +27 -24
  2. package/.svelte-kit/__package__/components/SocialSection.svelte +12 -10
  3. package/.svelte-kit/__package__/components/navigation_component/NavigationComponent.svelte +4 -3
  4. package/.svelte-kit/generated/server/internal.js +1 -1
  5. package/dist/components/SocialSection.svelte +12 -10
  6. package/dist/components/navigation_component/NavigationComponent.svelte +4 -3
  7. package/package.json +1 -1
  8. package/src/lib/components/SocialSection.svelte +12 -10
  9. package/src/lib/components/navigation_component/NavigationComponent.svelte +4 -3
package/.idea/workspace.xml CHANGED
@@ -4,9 +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="Changes" comment="Allow preventing NavigationComponent pagination">
8
- <change beforePath="$PROJECT_DIR$/src/lib/components/SocialSection.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/SocialSection.svelte" afterDir="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="Changes" comment="Fix allowLinkedin arg in SocialSection">
8
+ <change beforePath="$PROJECT_DIR$/src/lib/components/navigation_component/NavigationComponent.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/navigation_component/NavigationComponent.svelte" afterDir="false" />
10
9
  </list>
11
10
  <option name="SHOW_DIALOG" value="false" />
12
11
  <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -253,23 +252,11 @@
253
252
  <workItem from="1711677762467" duration="3110000" />
254
253
  <workItem from="1711680966158" duration="444000" />
255
254
  <workItem from="1711681779901" duration="6000" />
256
- <workItem from="1711682341820" duration="256000" />
257
- </task>
258
- <task id="LOCAL-00068" summary="Add dismissable toast">
259
- <option name="closed" value="true" />
260
- <created>1710648639268</created>
261
- <option name="number" value="00068" />
262
- <option name="presentableId" value="LOCAL-00068" />
263
- <option name="project" value="LOCAL" />
264
- <updated>1710648639269</updated>
265
- </task>
266
- <task id="LOCAL-00069" summary="Adjust default toast body styling and add shadow to toast">
267
- <option name="closed" value="true" />
268
- <created>1710650031611</created>
269
- <option name="number" value="00069" />
270
- <option name="presentableId" value="LOCAL-00069" />
271
- <option name="project" value="LOCAL" />
272
- <updated>1710650031611</updated>
255
+ <workItem from="1711682341820" duration="414000" />
256
+ <workItem from="1711682931608" duration="198000" />
257
+ <workItem from="1711683164653" duration="79000" />
258
+ <workItem from="1711683280312" duration="11000" />
259
+ <workItem from="1711684148768" duration="781000" />
273
260
  </task>
274
261
  <task id="LOCAL-00070" summary="Clean up todos">
275
262
  <option name="closed" value="true" />
@@ -647,7 +634,23 @@
647
634
  <option name="project" value="LOCAL" />
648
635
  <updated>1711681303815</updated>
649
636
  </task>
650
- <option name="localTasksCounter" value="117" />
637
+ <task id="LOCAL-00117" summary="Export SocialSection">
638
+ <option name="closed" value="true" />
639
+ <created>1711682610806</created>
640
+ <option name="number" value="00117" />
641
+ <option name="presentableId" value="LOCAL-00117" />
642
+ <option name="project" value="LOCAL" />
643
+ <updated>1711682610806</updated>
644
+ </task>
645
+ <task id="LOCAL-00118" summary="Fix allowLinkedin arg in SocialSection">
646
+ <option name="closed" value="true" />
647
+ <created>1711683031188</created>
648
+ <option name="number" value="00118" />
649
+ <option name="presentableId" value="LOCAL-00118" />
650
+ <option name="project" value="LOCAL" />
651
+ <updated>1711683031188</updated>
652
+ </task>
653
+ <option name="localTasksCounter" value="119" />
651
654
  <servers />
652
655
  </component>
653
656
  <component name="TypeScriptGeneratedFilesManager">
@@ -705,8 +708,6 @@
705
708
  </option>
706
709
  </component>
707
710
  <component name="VcsManagerConfiguration">
708
- <MESSAGE value="Fix package main index" />
709
- <MESSAGE value="Fix dialog positioning&#10;&#10;Dialog positioning seemed to be broken when the styles from Seaweed moved to postcss, even if the dialog solely exists in Pineapple" />
710
711
  <MESSAGE value="Place fab on a higher z-index" />
711
712
  <MESSAGE value="v2.4.29" />
712
713
  <MESSAGE value="Implement basic navigation component logic" />
@@ -730,6 +731,8 @@
730
731
  <MESSAGE value="yarn scripts" />
731
732
  <MESSAGE value="Layout adjustments to PineappleBaseLayout" />
732
733
  <MESSAGE value="Allow preventing NavigationComponent pagination" />
733
- <option name="LAST_COMMIT_MESSAGE" value="Allow preventing NavigationComponent pagination" />
734
+ <MESSAGE value="Export SocialSection" />
735
+ <MESSAGE value="Fix allowLinkedin arg in SocialSection" />
736
+ <option name="LAST_COMMIT_MESSAGE" value="Fix allowLinkedin arg in SocialSection" />
734
737
  </component>
735
738
  </project>
package/.svelte-kit/__package__/components/SocialSection.svelte CHANGED
@@ -20,7 +20,7 @@
20
20
  `;
21
21
 
22
22
  onMount(() => {
23
- shouldShowExtra = allowLinkedIn && window.screen.availWidth >= 440;
23
+ shouldShowExtra = window.screen.availWidth >= 440;
24
24
  });
25
25
  </script>
26
26
 
@@ -34,15 +34,17 @@
34
34
  <span>TurnipXenon</span>
35
35
  {/if}
36
36
  </button>
37
- <button type="button" class="social-button turnip-button"
38
- role="link"
39
- title={`https://www.linkedin.com/in/${linkedinSlug}/`}
40
- on:click={() => window.open(`https://www.linkedin.com/in/${linkedinSlug}/`)}>
41
- <img src={LinkedinIcon} alt="linkedin icon">
42
- {#if (!isSmallVersion)}
43
- <span>{linkedinSlug}</span>
44
- {/if}
45
- </button>
37
+ {#if allowLinkedIn}
38
+ <button type="button" class="social-button turnip-button"
39
+ role="link"
40
+ title={`https://www.linkedin.com/in/${linkedinSlug}/`}
41
+ on:click={() => window.open(`https://www.linkedin.com/in/${linkedinSlug}/`)}>
42
+ <img src={LinkedinIcon} alt="linkedin icon">
43
+ {#if (!isSmallVersion)}
44
+ <span>{linkedinSlug}</span>
45
+ {/if}
46
+ </button>
47
+ {/if}
46
48
  <button type="button" class="social-button turnip-button"
47
49
  role="link"
48
50
  title={`mailto:${email}`}
package/.svelte-kit/__package__/components/navigation_component/NavigationComponent.svelte CHANGED
@@ -73,7 +73,7 @@ $:
73
73
  </div>
74
74
 
75
75
  <style>
76
- @media (max-width: 800px) {
76
+ @container (max-width: 800px) {
77
77
  img {
78
78
  max-height: 20rem;
79
79
  width: 100%;
@@ -86,7 +86,7 @@ $:
86
86
  }
87
87
  }
88
88
 
89
- @media (min-width: 801px) {
89
+ @container (min-width: 801px) {
90
90
  .navigation-element {
91
91
  flex-direction: row;
92
92
  }
@@ -214,8 +214,8 @@ $:
214
214
  }
215
215
 
216
216
  .navigation-element {
217
+ container-type: inline-size;
217
218
  display: flex;
218
- /*flex-direction: row;*/
219
219
  text-align: start;
220
220
  align-items: flex-start;
221
221
  padding: 0;
@@ -230,6 +230,7 @@ $:
230
230
  }
231
231
 
232
232
  .navigation-component {
233
+ container-type: inline-size;
233
234
  display: flex;
234
235
  flex-direction: column;
235
236
  gap: 2em;
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: "85sq1n"
24
+ version_hash: "1pw7j7j"
25
25
  };
26
26
 
27
27
  export async function get_hooks() {
package/dist/components/SocialSection.svelte CHANGED
@@ -20,7 +20,7 @@
20
20
  `;
21
21
 
22
22
  onMount(() => {
23
- shouldShowExtra = allowLinkedIn && window.screen.availWidth >= 440;
23
+ shouldShowExtra = window.screen.availWidth >= 440;
24
24
  });
25
25
  </script>
26
26
 
@@ -34,15 +34,17 @@
34
34
  <span>TurnipXenon</span>
35
35
  {/if}
36
36
  </button>
37
- <button type="button" class="social-button turnip-button"
38
- role="link"
39
- title={`https://www.linkedin.com/in/${linkedinSlug}/`}
40
- on:click={() => window.open(`https://www.linkedin.com/in/${linkedinSlug}/`)}>
41
- <img src={LinkedinIcon} alt="linkedin icon">
42
- {#if (!isSmallVersion)}
43
- <span>{linkedinSlug}</span>
44
- {/if}
45
- </button>
37
+ {#if allowLinkedIn}
38
+ <button type="button" class="social-button turnip-button"
39
+ role="link"
40
+ title={`https://www.linkedin.com/in/${linkedinSlug}/`}
41
+ on:click={() => window.open(`https://www.linkedin.com/in/${linkedinSlug}/`)}>
42
+ <img src={LinkedinIcon} alt="linkedin icon">
43
+ {#if (!isSmallVersion)}
44
+ <span>{linkedinSlug}</span>
45
+ {/if}
46
+ </button>
47
+ {/if}
46
48
  <button type="button" class="social-button turnip-button"
47
49
  role="link"
48
50
  title={`mailto:${email}`}
package/dist/components/navigation_component/NavigationComponent.svelte CHANGED
@@ -73,7 +73,7 @@ $:
73
73
  </div>
74
74
 
75
75
  <style>
76
- @media (max-width: 800px) {
76
+ @container (max-width: 800px) {
77
77
  img {
78
78
  max-height: 20rem;
79
79
  width: 100%;
@@ -86,7 +86,7 @@ $:
86
86
  }
87
87
  }
88
88
 
89
- @media (min-width: 801px) {
89
+ @container (min-width: 801px) {
90
90
  .navigation-element {
91
91
  flex-direction: row;
92
92
  }
@@ -214,8 +214,8 @@ $:
214
214
  }
215
215
 
216
216
  .navigation-element {
217
+ container-type: inline-size;
217
218
  display: flex;
218
- /*flex-direction: row;*/
219
219
  text-align: start;
220
220
  align-items: flex-start;
221
221
  padding: 0;
@@ -230,6 +230,7 @@ $:
230
230
  }
231
231
 
232
232
  .navigation-component {
233
+ container-type: inline-size;
233
234
  display: flex;
234
235
  flex-direction: column;
235
236
  gap: 2em;
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.40",
4
+ "version": "2.4.42",
5
5
  "scripts": {
6
6
  "dev": "vite dev",
7
7
  "build": "npm run check-requirements && vite build && yarn package",
package/src/lib/components/SocialSection.svelte CHANGED
@@ -20,7 +20,7 @@
20
20
  `;
21
21
 
22
22
  onMount(() => {
23
- shouldShowExtra = allowLinkedIn && window.screen.availWidth >= 440;
23
+ shouldShowExtra = window.screen.availWidth >= 440;
24
24
  });
25
25
  </script>
26
26
 
@@ -34,15 +34,17 @@
34
34
  <span>TurnipXenon</span>
35
35
  {/if}
36
36
  </button>
37
- <button type="button" class="social-button turnip-button"
38
- role="link"
39
- title={`https://www.linkedin.com/in/${linkedinSlug}/`}
40
- on:click={() => window.open(`https://www.linkedin.com/in/${linkedinSlug}/`)}>
41
- <img src={LinkedinIcon} alt="linkedin icon">
42
- {#if (!isSmallVersion)}
43
- <span>{linkedinSlug}</span>
44
- {/if}
45
- </button>
37
+ {#if allowLinkedIn}
38
+ <button type="button" class="social-button turnip-button"
39
+ role="link"
40
+ title={`https://www.linkedin.com/in/${linkedinSlug}/`}
41
+ on:click={() => window.open(`https://www.linkedin.com/in/${linkedinSlug}/`)}>
42
+ <img src={LinkedinIcon} alt="linkedin icon">
43
+ {#if (!isSmallVersion)}
44
+ <span>{linkedinSlug}</span>
45
+ {/if}
46
+ </button>
47
+ {/if}
46
48
  <button type="button" class="social-button turnip-button"
47
49
  role="link"
48
50
  title={`mailto:${email}`}
package/src/lib/components/navigation_component/NavigationComponent.svelte CHANGED
@@ -81,7 +81,7 @@
81
81
  </div>
82
82
 
83
83
  <style lang="postcss">
84
- @media (max-width: 800px) {
84
+ @container (max-width: 800px) {
85
85
  img {
86
86
  max-height: 20rem;
87
87
  width: 100%;
@@ -94,7 +94,7 @@
94
94
  }
95
95
  }
96
96
 
97
- @media (min-width: 801px) {
97
+ @container (min-width: 801px) {
98
98
  .navigation-element {
99
99
  flex-direction: row;
100
100
  }
@@ -106,8 +106,8 @@
106
106
 
107
107
  .navigation-element {
108
108
  @apply btn card card-hover bg-surface-100 dark:bg-surface-900;
109
+ container-type: inline-size;
109
110
  display: flex;
110
- /*flex-direction: row;*/
111
111
  text-align: start;
112
112
  align-items: flex-start;
113
113
  padding: 0;
@@ -121,6 +121,7 @@
121
121
  }
122
122
 
123
123
  .navigation-component {
124
+ container-type: inline-size;
124
125
  display: flex;
125
126
  flex-direction: column;
126
127
  gap: 2em;