@turnipxenon/pineapple 2.4.61 → 2.4.62

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 +14 -16
  2. package/.svelte-kit/__package__/components/chip/Chip.svelte +54 -2
  3. package/.svelte-kit/generated/server/internal.js +1 -1
  4. package/dist/components/chip/Chip.svelte +54 -2
  5. package/package.json +1 -1
  6. package/src/lib/components/chip/Chip.svelte +4 -3
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="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" />
7
+ <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="CreateUrlForm" comment="Fix pkg import for 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" />
11
9
  </list>
12
10
  <option name="SHOW_DIALOG" value="false" />
13
11
  <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -342,15 +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="1380000" />
346
- </task>
347
- <task id="LOCAL-00128" summary="Add fun query param">
348
- <option name="closed" value="true" />
349
- <created>1712262935024</created>
350
- <option name="number" value="00128" />
351
- <option name="presentableId" value="LOCAL-00128" />
352
- <option name="project" value="LOCAL" />
353
- <updated>1712262935024</updated>
343
+ <workItem from="1712648417963" duration="1646000" />
354
344
  </task>
355
345
  <task id="LOCAL-00129" summary="Write vercel to azure migration">
356
346
  <option name="closed" value="true" />
@@ -736,7 +726,15 @@
736
726
  <option name="project" value="LOCAL" />
737
727
  <updated>1712649353552</updated>
738
728
  </task>
739
- <option name="localTasksCounter" value="177" />
729
+ <task id="LOCAL-00177" summary="Fix pkg import for Chip">
730
+ <option name="closed" value="true" />
731
+ <created>1712649815862</created>
732
+ <option name="number" value="00177" />
733
+ <option name="presentableId" value="LOCAL-00177" />
734
+ <option name="project" value="LOCAL" />
735
+ <updated>1712649815862</updated>
736
+ </task>
737
+ <option name="localTasksCounter" value="178" />
740
738
  <servers />
741
739
  </component>
742
740
  <component name="TypeScriptGeneratedFilesManager">
@@ -794,7 +792,6 @@
794
792
  </option>
795
793
  </component>
796
794
  <component name="VcsManagerConfiguration">
797
- <MESSAGE value="Extract all dependencies for updateUrl" />
798
795
  <MESSAGE value="Extract EntryOrderConfig" />
799
796
  <MESSAGE value="Add group swapping" />
800
797
  <MESSAGE value="Add serverSideQueryParams in SeaweedTemplate" />
@@ -819,6 +816,7 @@
819
816
  <MESSAGE value="Attempt to fix Chip styling" />
820
817
  <MESSAGE value="Export chip" />
821
818
  <MESSAGE value="Add border-radius for advanced settings cards" />
822
- <option name="LAST_COMMIT_MESSAGE" value="Add border-radius for advanced settings cards" />
819
+ <MESSAGE value="Fix pkg import for Chip" />
820
+ <option name="LAST_COMMIT_MESSAGE" value="Fix pkg import for Chip" />
823
821
  </component>
824
822
  </project>
package/.svelte-kit/__package__/components/chip/Chip.svelte CHANGED
@@ -1,9 +1,61 @@
1
- <span class="chip variant-filled-tertiary">
1
+ <span class="local-chip">
2
2
  <slot />
3
3
  </span>
4
4
 
5
5
  <style>
6
- .chip {
6
+ :is(.dark .local-chip) {
7
+ --tw-bg-opacity: 1;
8
+ background-color: rgb(var(--color-tertiary-500) / var(--tw-bg-opacity));
9
+ color: rgb(var(--on-tertiary));
10
+ }
11
+ .local-chip {
12
+ cursor: pointer;
13
+ white-space: nowrap;
14
+ padding-left: 0.75rem;
15
+ padding-right: 0.75rem;
16
+ padding-top: 0.375rem;
17
+ padding-bottom: 0.375rem;
18
+ text-align: center;
19
+ font-size: 0.75rem;
20
+ line-height: 1rem;
21
+ border-radius: 0.25rem;
22
+ display: inline-flex;
23
+ align-items: center;
24
+ justify-content: center;
25
+ transition-property: all;
26
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
27
+ transition-duration: 150ms;
28
+ }
29
+ .local-chip > :not([hidden]) ~ :not([hidden]) {
30
+ --tw-space-x-reverse: 0;
31
+ margin-right: calc(0.5rem * var(--tw-space-x-reverse));
32
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
33
+ }
34
+ a.local-chip:hover,
35
+ button.local-chip:hover {
36
+ --tw-brightness: brightness(1.15);
37
+ 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);
38
+ }
39
+ .local-chip:disabled {
40
+ cursor: not-allowed;
41
+ opacity: 0.5;
42
+ }
43
+ .local-chip:disabled:active {
44
+ --tw-scale-x: 1;
45
+ --tw-scale-y: 1;
46
+ 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));
47
+ }
48
+ .local-chip {
49
+ --tw-bg-opacity: 1;
50
+ background-color: rgb(var(--color-tertiary-500) / var(--tw-bg-opacity));
51
+ color: rgb(var(--on-tertiary));
52
+ }
53
+ :is(.dark .local-chip) {
54
+ --tw-bg-opacity: 1;
55
+ background-color: rgb(var(--color-tertiary-500) / var(--tw-bg-opacity));
56
+ color: rgb(var(--on-tertiary));
57
+ }
58
+ .local-chip {
7
59
  border-radius: 1em;
8
60
  margin: 0.25em;
9
61
  font-weight: bold;
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: "1ygjmd2"
24
+ version_hash: "jouiyd"
25
25
  };
26
26
 
27
27
  export async function get_hooks() {
package/dist/components/chip/Chip.svelte CHANGED
@@ -1,9 +1,61 @@
1
- <span class="chip variant-filled-tertiary">
1
+ <span class="local-chip">
2
2
  <slot />
3
3
  </span>
4
4
 
5
5
  <style>
6
- .chip {
6
+ :is(.dark .local-chip) {
7
+ --tw-bg-opacity: 1;
8
+ background-color: rgb(var(--color-tertiary-500) / var(--tw-bg-opacity));
9
+ color: rgb(var(--on-tertiary));
10
+ }
11
+ .local-chip {
12
+ cursor: pointer;
13
+ white-space: nowrap;
14
+ padding-left: 0.75rem;
15
+ padding-right: 0.75rem;
16
+ padding-top: 0.375rem;
17
+ padding-bottom: 0.375rem;
18
+ text-align: center;
19
+ font-size: 0.75rem;
20
+ line-height: 1rem;
21
+ border-radius: 0.25rem;
22
+ display: inline-flex;
23
+ align-items: center;
24
+ justify-content: center;
25
+ transition-property: all;
26
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
27
+ transition-duration: 150ms;
28
+ }
29
+ .local-chip > :not([hidden]) ~ :not([hidden]) {
30
+ --tw-space-x-reverse: 0;
31
+ margin-right: calc(0.5rem * var(--tw-space-x-reverse));
32
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
33
+ }
34
+ a.local-chip:hover,
35
+ button.local-chip:hover {
36
+ --tw-brightness: brightness(1.15);
37
+ 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);
38
+ }
39
+ .local-chip:disabled {
40
+ cursor: not-allowed;
41
+ opacity: 0.5;
42
+ }
43
+ .local-chip:disabled:active {
44
+ --tw-scale-x: 1;
45
+ --tw-scale-y: 1;
46
+ 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));
47
+ }
48
+ .local-chip {
49
+ --tw-bg-opacity: 1;
50
+ background-color: rgb(var(--color-tertiary-500) / var(--tw-bg-opacity));
51
+ color: rgb(var(--on-tertiary));
52
+ }
53
+ :is(.dark .local-chip) {
54
+ --tw-bg-opacity: 1;
55
+ background-color: rgb(var(--color-tertiary-500) / var(--tw-bg-opacity));
56
+ color: rgb(var(--on-tertiary));
57
+ }
58
+ .local-chip {
7
59
  border-radius: 1em;
8
60
  margin: 0.25em;
9
61
  font-weight: bold;
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.61",
4
+ "version": "2.4.62",
5
5
  "scripts": {
6
6
  "dev": "vite dev",
7
7
  "build": "vite build && yarn package",
package/src/lib/components/chip/Chip.svelte CHANGED
@@ -1,9 +1,10 @@
1
- <span class="chip variant-filled-tertiary">
1
+ <span class="local-chip">
2
2
  <slot />
3
3
  </span>
4
4
 
5
- <style>
6
- .chip {
5
+ <style lang="postcss">
6
+ .local-chip {
7
+ @apply chip variant-filled-tertiary;
7
8
  border-radius: 1em;
8
9
  margin: 0.25em;
9
10
  font-weight: bold;