feat(WEB-304): remaning UI from design system primitives

types/components/current/footer.ts

@@ -1,4 +1,4 @@
-import { NavigationItem } from "@/server/routers/contentstack/config/output"
+import { NavigationItem } from "@/server/routers/contentstack/base/output"
 
 export type FooterNavigationProps = {
   linkGroups: NavigationItem[]

types/components/icon.ts

@@ -1,4 +1,7 @@
-export type IconProps = {
-  height?: number
-  width?: number
-}
+import { VariantProps } from "class-variance-authority"
+
+import { iconVariants } from "@/components/Icons/variants"
+
+export interface IconProps
+  extends Omit<React.SVGAttributes<HTMLOrSVGElement>, "color">,
+    VariantProps<typeof iconVariants> {}

types/components/loyalty/blocks.ts

@@ -17,6 +17,7 @@ export type BlocksProps = {
 
 export type DynamicContentProps = {
   dynamicContent: DynamicContent["dynamic_content"]
+  firstItem: boolean
 }
 
 export type DynamicComponentProps = {

types/components/loyalty/sidebar.ts

@@ -1,14 +1,16 @@
-import { ContactFields } from "@/server/routers/contentstack/config/output"
+import { ContactFields } from "@/server/routers/contentstack/base/output"
 import {
   JoinLoyaltyContact,
   Sidebar,
 } from "@/server/routers/contentstack/loyaltyPage/output"
 
-export type SidebarProps = {
+import { LangParams } from "@/types/params"
+
+export type SidebarProps = LangParams & {
   blocks: Sidebar[]
 }
 
-export type JoinLoyaltyContactProps = {
+export type JoinLoyaltyContactProps = LangParams & {
   block: JoinLoyaltyContact["join_loyalty_contact"]
 }
 

types/components/myPages/header.ts

@@ -1,5 +1,8 @@
 export type HeaderProps = {
-  link?: { href: string; text: string }
+  link?: {
+    href: string
+    text: string
+  }
   subtitle: string | null
   title: string | null
   topTitle?: boolean

types/components/myPages/myPage/shortcuts.ts

@@ -1,4 +1,5 @@
 export type ShortcutsProps = {
+  firstItem?: boolean
   openInNewTab?: boolean
   shortcuts: {
     url: string