@outs-tand-ing/ui 0.2.17 → 0.2.20

package/dist/components/AccessWrapper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccessWrapper.vue.d.ts","sourceRoot":"","sources":["../../src/components/AccessWrapper.vue"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAIlD,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAC;AA8HF,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACpE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"AccessWrapper.vue.d.ts","sourceRoot":"","sources":["../../src/components/AccessWrapper.vue"],"names":[],"mappings":"AA8CA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAIlD,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAC;AA4GF,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACpE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/index.js

@@ -290,32 +290,28 @@ var R = /* @__PURE__ */ S(O, [
 	},
 	setup(e, { expose: t }) {
 		t();
-		let n = h(null), r = h(!0), i = () => r.value = document.documentElement.scrollHeight > window.innerHeight + 2;
+		let n = h(null);
 		f(() => {
-			if (i(), window.addEventListener("scroll", i, { passive: !0 }), window.addEventListener("resize", i, { passive: !0 }), n.value) {
+			if (n.value) {
 				let e = n.value.offsetHeight;
 				document.documentElement.style.setProperty("--access-footer-h", `${e}px`);
 			}
-		}), p(() => {
-			window.removeEventListener("scroll", i), window.removeEventListener("resize", i);
 		});
-		let a = {
+		let r = {
 			footerRef: n,
-			canScroll: r,
-			update: i,
 			BrandLogo: w,
 			SVGShape: R
 		};
-		return Object.defineProperty(a, "__isScriptSetup", {
+		return Object.defineProperty(r, "__isScriptSetup", {
 			enumerable: !1,
 			value: !0
-		}), a;
+		}), r;
 	}
 }), B = { class: "min-h-screen bg-gray-50 flex flex-col" }, V = { class: "sticky top-0 z-10 pt-[var(--access-pt)] pb-4 flex flex-col items-center gap-4" }, H = { href: "/" }, U = { class: "flex-1 flex items-center justify-center pb-[var(--access-footer-h)]" }, W = {
 	ref: "footerRef",
 	class: "fixed bottom-0 left-0 right-0 z-10"
 }, G = { class: "bg-gray-50" };
-function K(e, t, s, c, l, d) {
+function K(e, t, s, c, l, u) {
 	return m(), i("div", B, [
 		a("div", V, [
 			a("a", H, [o(c.BrandLogo, { class: "text-gray-900" })]),
@@ -329,10 +325,10 @@ function K(e, t, s, c, l, d) {
 			_(e.$slots, "header")
 		]),
 		a("div", U, [_(e.$slots, "default")]),
-		a("div", W, [a("div", {
-			class: u(["pointer-events-none h-10 transition-opacity duration-200", c.canScroll ? "opacity-100" : "opacity-0"]),
+		a("div", W, [t[0] ||= a("div", {
+			class: "pointer-events-none h-10",
 			style: { background: "linear-gradient(to top, var(--color-surface, #f9fafb), transparent)" }
-		}, null, 2), a("div", G, [_(e.$slots, "footer")])], 512)
+		}, null, -1), a("div", G, [_(e.$slots, "footer")])], 512)
 	]);
 }
 var q = /* @__PURE__ */ S(z, [["render", K], ["__file", "/Users/kemal/Desktop/Kite/_Code/outs/ui/src/components/AccessWrapper.vue"]]), J = /* @__PURE__ */ s({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@outs-tand-ing/ui",
-  "version": "0.2.17",
+  "version": "0.2.20",
   "description": "Shared Vue components, icons, and design tokens for Outs",
   "type": "module",
   "sideEffects": [
@@ -61,7 +61,8 @@
     "release": "bun scripts/release.ts",
     "release:patch": "bun scripts/release.ts patch",
     "release:minor": "bun scripts/release.ts minor",
-    "release:major": "bun scripts/release.ts major"
+    "release:major": "bun scripts/release.ts major",
+    "palette": "bun scripts/generate-palette.ts"
   },
   "peerDependencies": {
     "vue": "^3.5.0"
@@ -70,9 +71,10 @@
     "@vitejs/plugin-vue": "^6.0.5",
     "eslint": "^10.2.0",
     "eslint-plugin-vue": "^10.8.0",
+    "sharp": "^0.34.5",
     "typescript": "^6.0.2",
     "typescript-eslint": "^8.58.0",
-    "vite": "^8.0.3",
+    "vite": "^8.0.5",
     "vue": "^3.5.32",
     "vue-tsc": "^3.2.6"
   }

package/src/components/AccessWrapper.vue

@@ -10,8 +10,7 @@
     </div>
     <div ref="footerRef" class="fixed bottom-0 left-0 right-0 z-10">
       <div
-        class="pointer-events-none h-10 transition-opacity duration-200"
-        :class="canScroll ? 'opacity-100' : 'opacity-0'"
+        class="pointer-events-none h-10"
         :style="{ background: 'linear-gradient(to top, var(--color-surface, #f9fafb), transparent)' }"
       />
       <div class="bg-gray-50">
@@ -22,7 +21,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted } from 'vue'
+import { ref, onMounted } from 'vue'
 import type { LogoData } from '../utils/svg-parse'
 import BrandLogo from './BrandLogo.vue'
 import SVGShape from './SVGShape.vue'
@@ -33,22 +32,11 @@ defineProps<{
 }>()
 
 const footerRef = ref<HTMLElement | null>(null)
-const canScroll = ref(true)
-
-const update = () => (canScroll.value = document.documentElement.scrollHeight > window.innerHeight + 2)
 
 onMounted(() => {
-  update()
-  window.addEventListener('scroll', update, { passive: true })
-  window.addEventListener('resize', update, { passive: true })
   if (footerRef.value) {
     const h = footerRef.value.offsetHeight
     document.documentElement.style.setProperty('--access-footer-h', `${h}px`)
   }
 })
-
-onUnmounted(() => {
-  window.removeEventListener('scroll', update)
-  window.removeEventListener('resize', update)
-})
 </script>

package/src/seasons/fifawc26/style.css

@@ -10,6 +10,18 @@
   --color-border: #c8ceda;
   --color-border-strong: #a5afc2;
   --logo-stroke-color: var(--color-season);
+  /* tile-palette:start */
+  --palette4-1: #fc0718;
+  --palette4-2: #fcbb03;
+  --palette4-3: #01613a;
+  --palette4-4: #031792;
+  --palette6-1: #fc0718;
+  --palette6-2: #fc270c;
+  --palette6-3: #fd8c02;
+  --palette6-4: #fcbb03;
+  --palette6-5: #01613a;
+  --palette6-6: #031792;
+  /* tile-palette:end */
 }
 
 :root[data-season='wc26'][data-theme='dark'] {

package/src/seasons/season24/style.css

@@ -10,6 +10,18 @@
   --color-border: #ddd0f5;
   --color-border-strong: #c4b0e8;
   --logo-stroke-color: var(--color-season);
+  /* tile-palette:start */
+  --palette4-1: #de2d60;
+  --palette4-2: #14ddb7;
+  --palette4-3: #4c2ba2;
+  --palette4-4: #a9117a;
+  --palette6-1: #de2d60;
+  --palette6-2: #14ddb7;
+  --palette6-3: #18c5bc;
+  --palette6-4: #4c2ba2;
+  --palette6-5: #a9117a;
+  --palette6-6: #c31b6d;
+  /* tile-palette:end */
 }
 
 :root[data-season='24'][data-theme='dark'] {

package/src/seasons/season25/style.css

@@ -10,6 +10,18 @@
   --color-border: #f5d5c8;
   --color-border-strong: #ecb8a5;
   --logo-stroke-color: var(--color-season);
+  /* tile-palette:start */
+  --palette4-1: #f8423c;
+  --palette4-2: #fd7012;
+  --palette4-3: #fc9f0a;
+  --palette4-4: #fad413;
+  --palette6-1: #f8423c;
+  --palette6-2: #fb5023;
+  --palette6-3: #fd7012;
+  --palette6-4: #fc9f0a;
+  --palette6-5: #fcb10e;
+  --palette6-6: #fad413;
+  /* tile-palette:end */
 }
 
 :root[data-season='25'][data-theme='dark'] {

package/src/seasons/season26/style.css

@@ -10,6 +10,18 @@
   --color-border: #c8ceda;
   --color-border-strong: #a5afc2;
   --logo-stroke-color: var(--color-season);
+  /* tile-palette:start */
+  --palette4-1: #73eacf;
+  --palette4-2: #aba4fb;
+  --palette4-3: #a498fb;
+  --palette4-4: #9e8efa;
+  --palette6-1: #73eacf;
+  --palette6-2: #8cedd8;
+  --palette6-3: #c1cafa;
+  --palette6-4: #aba4fb;
+  --palette6-5: #a498fb;
+  --palette6-6: #9e8efa;
+  /* tile-palette:end */
 }
 
 :root[data-season='26'][data-theme='dark'] {

package/src/seasons/season27/style.css

@@ -10,6 +10,18 @@
   --color-border: #e2d6a4;
   --color-border-strong: #c5b078;
   --logo-stroke-color: var(--color-season);
+  /* tile-palette:start */
+  --palette4-1: #03c260;
+  --palette4-2: #06fbb6;
+  --palette4-3: #06395f;
+  --palette4-4: #1e0190;
+  --palette6-1: #03c260;
+  --palette6-2: #04ef88;
+  --palette6-3: #06fbb6;
+  --palette6-4: #06395f;
+  --palette6-5: #1e0190;
+  --palette6-6: #4600c5;
+  /* tile-palette:end */
 }
 
 :root[data-season='27'][data-theme='dark'] {