@hyvor/design 1.1.0 → 1.1.2

package/dist/components/HyvorBar/BarSupport.svelte

@@ -16,6 +16,8 @@
 	import type { BarConfig, BarProduct } from './bar.js';
 	import G2 from './img/G2.svelte';
 	import Trustpilot from './img/Trustpilot.svelte';
+	import { SOCIAL_LINKS } from '../../marketing/social.js';
+	import IconTwitterX from '@hyvor/icons/IconTwitterX';
 
 	let supportDropdown = $state(false);
 
@@ -115,7 +117,7 @@
 			{/if}
 
 			<ActionListGroup title="Social">
-				<a href="https://hyvor.com/api/go/discord" target="_blank">
+				<a href={SOCIAL_LINKS.discord} target="_blank">
 					<ActionListItem>
 						Discord
 						{#snippet start()}
@@ -126,7 +128,7 @@
 						{/snippet}
 					</ActionListItem>
 				</a>
-				<a href="https://bsky.app/profile/hyvor.bsky.social" target="_blank">
+				<a href={SOCIAL_LINKS.blueksy} target="_blank">
 					<ActionListItem>
 						Bluesky
 						{#snippet start()}
@@ -137,20 +139,18 @@
 						{/snippet}
 					</ActionListItem>
 				</a>
-				{#if config.twitter}
-					<a href={config.twitter} target="_blank">
-						<ActionListItem>
-							X (Twitter)
-							{#snippet start()}
-								<IconTwitter />
-							{/snippet}
-							{#snippet end()}
-								<IconBoxArrowUpRight size={12} />
-							{/snippet}
-						</ActionListItem>
-					</a>
-				{/if}
-				<a href="https://www.linkedin.com/company/hyvor" target="_blank">
+				<a href={SOCIAL_LINKS.x} target="_blank">
+					<ActionListItem>
+						Twitter
+						{#snippet start()}
+							<IconTwitterX />
+						{/snippet}
+						{#snippet end()}
+							<IconBoxArrowUpRight size={12} />
+						{/snippet}
+					</ActionListItem>
+				</a>
+				<a href={SOCIAL_LINKS.linkedin} target="_blank">
 					<ActionListItem>
 						Linkedin
 						{#snippet start()}

package/dist/components/HyvorBar/BarUser.svelte

@@ -46,7 +46,7 @@
 <style>
 	.wrap,
 	.wrap :global(.dropdown),
-	:global(.dropdown > .trigger) {
+	.wrap :global(.dropdown > .trigger) {
 		display: inline-flex;
 		align-items: center;
 	}

package/dist/components/HyvorBar/bar.d.ts

@@ -3,7 +3,6 @@ export interface BarConfig {
     name: string | null;
     docs: boolean;
     chat: boolean;
-    twitter: string | null;
     g2: string | null;
 }
 interface BarUser {

package/dist/marketing/Footer/Footer.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
 	import Container from '../Container/Container.svelte';
-
 	import IconCopy from '@hyvor/icons/IconCopy';
 	import IconDiscord from '@hyvor/icons/IconDiscord';
 	import IconEnvelope from '@hyvor/icons/IconEnvelope';
@@ -8,39 +7,34 @@
 	import IconLinkedin from '@hyvor/icons/IconLinkedin';
 	import IconTwitterX from '@hyvor/icons/IconTwitterX';
 	import IconYoutube from '@hyvor/icons/IconYoutube';
-
 	import Link from '../../components/Link/Link.svelte';
 	import IconButton from '../../components/IconButton/IconButton.svelte';
 	import Tooltip from '../../components/Tooltip/Tooltip.svelte';
 	import LanguageToggle from '../../components/Internationalization/LanguageToggle.svelte';
+	import IconBluesky from '@hyvor/icons/IconBluesky';
+	import { SOCIAL_LINKS, type Socials } from '../social.js';
 
 	const year = new Date().getFullYear();
 
 	interface Props {
 		email?: string | null;
-		social?: any;
-		emailCopied?: boolean;
+		social?: Partial<Socials>;
 		center?: import('svelte').Snippet;
 	}
 
 	let {
 		email = null,
 		social = $bindable({} as Record<string, string | null>),
-		emailCopied = $bindable(false),
 		center
 	}: Props = $props();
 
 	social = {
-		...{
-			x: null,
-			discord: 'https://discord.com/invite/2WRJxQB',
-			github: 'https://github.com/hyvor',
-			youtube: 'https://www.youtube.com/@HYVOR',
-			linkedin: 'https://www.linkedin.com/company/30240435'
-		},
+		...SOCIAL_LINKS,
 		...social
 	};
 
+	let emailCopied = $state(false);
+
 	function handleCopy() {
 		navigator.clipboard.writeText(email!);
 		emailCopied = true;
@@ -79,12 +73,15 @@
 					{#if social.github}
 						<a href={social.github} target="_blank" rel="nofollow"><IconGithub /></a>
 					{/if}
-					{#if social.x}
-						<a href={social.x} target="_blank" rel="nofollow"><IconTwitterX /></a>
-					{/if}
 					{#if social.discord}
 						<a href={social.discord} target="_blank" rel="nofollow"><IconDiscord /></a>
 					{/if}
+					{#if social.blueksy}
+						<a href={social.blueksy} target="_blank" rel="nofollow"><IconBluesky /></a>
+					{/if}
+					{#if social.x}
+						<a href={social.x} target="_blank" rel="nofollow"><IconTwitterX /></a>
+					{/if}
 					{#if social.youtube}
 						<a href={social.youtube} target="_blank" rel="nofollow"><IconYoutube /></a>
 					{/if}

package/dist/marketing/Footer/Footer.svelte.d.ts

@@ -1,9 +1,9 @@
+import { type Socials } from '../social.js';
 interface Props {
     email?: string | null;
-    social?: any;
-    emailCopied?: boolean;
+    social?: Partial<Socials>;
     center?: import('svelte').Snippet;
 }
-declare const Footer: import("svelte").Component<Props, {}, "social" | "emailCopied">;
+declare const Footer: import("svelte").Component<Props, {}, "social">;
 type Footer = ReturnType<typeof Footer>;
 export default Footer;

package/dist/marketing/social.d.ts

@@ -0,0 +1,9 @@
+export declare const SOCIAL_LINKS: {
+    readonly x: "https://x.com/HyvorHQ";
+    readonly blueksy: "https://bsky.app/profile/hyvor.com";
+    readonly discord: "https://discord.com/invite/2WRJxQB";
+    readonly github: "https://github.com/hyvor";
+    readonly youtube: "https://www.youtube.com/@HYVOR";
+    readonly linkedin: "https://www.linkedin.com/company/30240435";
+};
+export type Socials = typeof SOCIAL_LINKS;

package/dist/marketing/social.js

@@ -0,0 +1,8 @@
+export const SOCIAL_LINKS = {
+    x: 'https://x.com/HyvorHQ',
+    blueksy: 'https://bsky.app/profile/hyvor.com',
+    discord: 'https://discord.com/invite/2WRJxQB',
+    github: 'https://github.com/hyvor',
+    youtube: 'https://www.youtube.com/@HYVOR',
+    linkedin: 'https://www.linkedin.com/company/30240435'
+};

package/package.json

@@ -59,5 +59,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "1.1.0"
+	"version": "1.1.2"
 }