@stackshift-ui/header 6.0.12-beta.0 → 6.0.13

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/package.json +14 -14
  2. package/src/header_a.tsx +4 -4
  3. package/src/header_b.tsx +1 -1
  4. package/src/header_c.tsx +1 -1
  5. package/src/header_d.tsx +1 -1
  6. package/src/header_e.tsx +1 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@stackshift-ui/header",
3
3
  "description": "",
4
- "version": "6.0.12-beta.0",
4
+ "version": "6.0.13",
5
5
  "private": false,
6
6
  "sideEffects": false,
7
7
  "main": "./dist/index.js",
@@ -29,27 +29,27 @@
29
29
  "typescript": "^5.6.2",
30
30
  "vite-tsconfig-paths": "^5.0.1",
31
31
  "vitest": "^2.1.1",
32
- "@stackshift-ui/eslint-config": "6.0.7-beta.0",
33
- "@stackshift-ui/typescript-config": "6.0.7-beta.0"
32
+ "@stackshift-ui/typescript-config": "6.0.8",
33
+ "@stackshift-ui/eslint-config": "6.0.8"
34
34
  },
35
35
  "dependencies": {
36
- "@stackshift-ui/heading": "6.0.8-beta.0",
37
- "@stackshift-ui/system": "6.0.8-beta.0",
38
- "@stackshift-ui/image": "6.0.8-beta.0",
39
- "@stackshift-ui/signin-signup": "6.0.11-beta.0",
40
- "@stackshift-ui/section": "6.0.8-beta.0",
41
- "@stackshift-ui/flex": "6.0.8-beta.0",
42
- "@stackshift-ui/container": "6.0.8-beta.0",
43
- "@stackshift-ui/scripts": "6.0.7-beta.0",
44
- "@stackshift-ui/text": "6.0.8-beta.0",
45
- "@stackshift-ui/button": "6.0.8-beta.0"
36
+ "@stackshift-ui/scripts": "6.0.8",
37
+ "@stackshift-ui/system": "6.0.9",
38
+ "@stackshift-ui/button": "6.0.9",
39
+ "@stackshift-ui/text": "6.0.9",
40
+ "@stackshift-ui/image": "6.0.9",
41
+ "@stackshift-ui/heading": "6.0.9",
42
+ "@stackshift-ui/container": "6.0.9",
43
+ "@stackshift-ui/flex": "6.0.9",
44
+ "@stackshift-ui/section": "6.0.9",
45
+ "@stackshift-ui/signin-signup": "6.0.12"
46
46
  },
47
47
  "peerDependencies": {
48
48
  "@types/react": "16.8 - 19",
49
49
  "next": "10 - 14",
50
50
  "react": "16.8 - 19",
51
51
  "react-dom": "16.8 - 19",
52
- "@stackshift-ui/system": ">=6.0.8-beta.0"
52
+ "@stackshift-ui/system": ">=6.0.9"
53
53
  },
54
54
  "peerDependenciesMeta": {
55
55
  "next": {
package/src/header_a.tsx CHANGED
@@ -18,9 +18,9 @@ export default function Header_A({
18
18
  return (
19
19
  <Section className="py-20 bg-background">
20
20
  <Container maxWidth={1280}>
21
- <Flex align="center" gap={4} className="flex-col lg:flex-row">
21
+ <Flex align="center" className="flex-col lg:flex-row lg:gap-10">
22
22
  <Flex align="center" direction="col" className="w-full basis-1/2">
23
- <div className="max-w-md mx-auto text-center lg:text-left">
23
+ <div className="max-w-md text-center lg:text-left">
24
24
  <TitleAndDescription title={title} description={description} />
25
25
  <Buttons primaryButton={primaryButton} secondaryButton={secondaryButton} />
26
26
  </div>
@@ -72,7 +72,7 @@ function Buttons({
72
72
  <Button
73
73
  as="link"
74
74
  link={secondaryButton}
75
- className="bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-3 py-4"
75
+ className="bg-secondary hover:bg-secondary/50 inline-block font-default text-default transition duration-200 py-3 px-6 rounded-global"
76
76
  ariaLabel={secondaryButton?.label}>
77
77
  {secondaryButton?.label}
78
78
  </Button>
@@ -92,7 +92,7 @@ function MainImage({ mainImage }: MainImageProps) {
92
92
  if (!mainImage?.image) return null;
93
93
 
94
94
  return (
95
- <div className="relative w-full max-w-md">
95
+ <div className="relative w-full max-w-md mt-10 lg:mt-0">
96
96
  <Image
97
97
  className="overflow-hidden rounded-md object-cover md:rounded-br-none lg:h-[448px] relative z-10"
98
98
  src={`${mainImage.image}`}
package/src/header_b.tsx CHANGED
@@ -84,7 +84,7 @@ function ImageGallery({ images }: { images: Images[] }) {
84
84
  if (!images) return null;
85
85
 
86
86
  return (
87
- <div className="w-full px-4 lg:w-1/2">
87
+ <div className="w-full px-4 lg:w-1/2 mt-10 lg:mt-0">
88
88
  <div className="mb-3 sm:flex lg:mb-4 lg:ml-6">
89
89
  {images?.[0]?.image && (
90
90
  <Image
package/src/header_c.tsx CHANGED
@@ -76,7 +76,7 @@ function Buttons({
76
76
  as="link"
77
77
  ariaLabel={secondaryButton?.label}
78
78
  link={secondaryButton}
79
- className="bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-3 py-4">
79
+ className="bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3">
80
80
  {secondaryButton?.label}
81
81
  </Button>
82
82
  )}
package/src/header_d.tsx CHANGED
@@ -96,7 +96,7 @@ function MainImage({ mainImage }: MainImageProps) {
96
96
  if (!mainImage?.image) return null;
97
97
 
98
98
  return (
99
- <div className="w-full h-full">
99
+ <div className="w-full md:w-2/3 h-full mt-10 lg:mt-0">
100
100
  <Image
101
101
  alt={mainImage.alt ?? "header-main-image"}
102
102
  className="rounded-md"
package/src/header_e.tsx CHANGED
@@ -26,7 +26,7 @@ export default function Header_E({
26
26
  <Buttons primaryButton={primaryButton} secondaryButton={secondaryButton} />
27
27
  </div>
28
28
  </Flex>
29
- <div className="w-full lg:w-1/2">
29
+ <div className="w-full lg:w-1/2 mt-10 lg:mt-0">
30
30
  <div className="max-w-sm mx-auto text-center">
31
31
  <SigninSignup_A form={form} formLinks={formLinks} />
32
32
  </div>