@yatoday/astro-ui 0.7.2 → 0.7.4

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 (12) hide show
  1. package/components/Card4/Card4.astro +2 -0
  2. package/components/Headline/Headline.astro +1 -1
  3. package/components/WidgetBrands/WidgetBrands.astro +5 -4
  4. package/components/WidgetCardSlider/WidgetCardSlider.astro +2 -2
  5. package/components/WidgetContent/WidgetContent.astro +2 -2
  6. package/components/WidgetFaq1/WidgetFaq1.astro +3 -2
  7. package/components/WidgetFeatures0/WidgetFeatures0.astro +2 -2
  8. package/components/WidgetFeaturesCard/WidgetFeaturesCard.astro +2 -2
  9. package/components/WidgetStats/WidgetStats.astro +2 -1
  10. package/components/WidgetSwiperPhotoSlider/WidgetSwiperPhotoSlider.astro +3 -3
  11. package/components/WidgetTestimonials/WidgetTestimonials.astro +5 -5
  12. package/package.json +1 -1
package/components/Card4/Card4.astro CHANGED
@@ -48,6 +48,8 @@ const {
48
48
  <p class={cn('text-muted-foreground text-sm/5 md:text-base', descriptionClass)} set:html={description} />
49
49
  )
50
50
  }
51
+
52
+ <slot />
51
53
  </div>
52
54
 
53
55
  {
package/components/Headline/Headline.astro CHANGED
@@ -5,7 +5,7 @@ import { cn } from '../../utils';
5
5
  const {
6
6
  title = await Astro.slots.render('title'),
7
7
  subtitle = await Astro.slots.render('subtitle'),
8
- tagline,
8
+ tagline = await Astro.slots.render('tagline'),
9
9
  position = 'center',
10
10
  classes = {},
11
11
  as = 'h2',
package/components/WidgetBrands/WidgetBrands.astro CHANGED
@@ -7,11 +7,12 @@ import { Icon } from 'astro-icon/components';
7
7
  import { cn } from '../../utils';
8
8
 
9
9
  const {
10
- title = '',
11
- subtitle = '',
12
- tagline = '',
10
+ title = await Astro.slots.render('title'),
11
+ subtitle = await Astro.slots.render('subtitle'),
12
+ tagline = await Astro.slots.render('tagline'),
13
13
  icons = [],
14
14
  images = [],
15
+ position = 'center',
15
16
  isAfterContent = false,
16
17
  id,
17
18
  isDark = false,
@@ -26,7 +27,7 @@ const {
26
27
  containerClass={`${isAfterContent ? 'pt-0 md:pt-0 lg:pt-0' : ''} ${classes?.container ?? ''}`}
27
28
  bg={bg}
28
29
  >
29
- <Headline title={title} subtitle={subtitle} tagline={tagline} />
30
+ <Headline title={title} subtitle={subtitle} tagline={tagline} position={position} />
30
31
 
31
32
  <div class="flex flex-wrap justify-center gap-x-6 sm:gap-x-12 lg:gap-x-24">
32
33
  {
package/components/WidgetCardSlider/WidgetCardSlider.astro CHANGED
@@ -14,7 +14,7 @@ const {
14
14
  title = await Astro.slots.render('title'),
15
15
  subtitle = await Astro.slots.render('subtitle'),
16
16
  tagline = await Astro.slots.render('tagline'),
17
-
17
+ position = 'center',
18
18
  items = [] as Card1Props[] | Card2Props[] | Card3Props[],
19
19
  isAfterContent = false,
20
20
 
@@ -35,7 +35,7 @@ const Component = via;
35
35
  bg={bg}
36
36
  containerClass={`${isAfterContent ? 'pt-0 md:pt-0 lg:pt-0' : ''} ${classes?.container}`}
37
37
  >
38
- <Headline title={title} subtitle={subtitle} tagline={tagline} classes={classes?.headline as Record<string, string>} />
38
+ <Headline title={title} subtitle={subtitle} tagline={tagline} classes={classes?.headline as Record<string, string>} position={position} />
39
39
 
40
40
  {
41
41
  items && (
package/components/WidgetContent/WidgetContent.astro CHANGED
@@ -20,7 +20,7 @@ const {
20
20
  isReversed = false,
21
21
  isAfterContent = false,
22
22
  defaultIcon = 'tabler:check',
23
-
23
+ position = 'center',
24
24
  id,
25
25
  isDark = false,
26
26
  classes = {},
@@ -34,7 +34,7 @@ const {
34
34
  containerClass={`${isAfterContent ? 'pt-0 md:pt-0 lg:pt-0' : ''} ${classes?.container ?? ''}`}
35
35
  bg={bg}
36
36
  >
37
- <Headline title={title} subtitle={subtitle} tagline={tagline} classes={classes?.headline as Record<string, string>} />
37
+ <Headline title={title} subtitle={subtitle} tagline={tagline} classes={classes?.headline as Record<string, string>} position={position} />
38
38
 
39
39
  <div class={`md:flex ${isReversed ? 'md:flex-row-reverse' : ''} md:gap-16`}>
40
40
  <div class="md:basis-1/2 self-center">
package/components/WidgetFaq1/WidgetFaq1.astro CHANGED
@@ -12,7 +12,7 @@ const {
12
12
  items = [],
13
13
  columns = 2,
14
14
  isAfterContent = false,
15
-
15
+ position = 'center',
16
16
  id,
17
17
  isDark = false,
18
18
  classes = {},
@@ -26,7 +26,8 @@ const {
26
26
  containerClass={`${isAfterContent ? 'pt-0 md:pt-0 lg:pt-0' : ''} ${classes?.container ?? ''}`}
27
27
  bg={bg}
28
28
  >
29
- <Headline title={title} subtitle={subtitle} tagline={tagline} classes={classes?.headline as Record<string, string>} />
29
+ <Headline title={title} subtitle={subtitle} tagline={tagline} classes={classes?.headline as Record<string, string>} position={position} />
30
+
30
31
  <ItemGrid0 columns={columns}>
31
32
  {
32
33
  items &&
package/components/WidgetFeatures0/WidgetFeatures0.astro CHANGED
@@ -11,7 +11,7 @@ const {
11
11
  tagline = await Astro.slots.render('tagline'),
12
12
  isAfterContent = false,
13
13
  callToAction = await Astro.slots.render('actions'),
14
-
14
+ position = 'center',
15
15
  id,
16
16
  isDark = false,
17
17
  classes = {},
@@ -25,7 +25,7 @@ const {
25
25
  containerClass={`${isAfterContent ? 'pt-0 md:pt-0 lg:pt-0' : ''} ${classes?.container ?? ''}`}
26
26
  bg={bg}
27
27
  >
28
- <Headline title={title} subtitle={subtitle} tagline={tagline} classes={classes?.headline as Record<string, string>} />
28
+ <Headline title={title} subtitle={subtitle} tagline={tagline} classes={classes?.headline as Record<string, string>} position={position} />
29
29
  <slot />
30
30
 
31
31
  {
package/components/WidgetFeaturesCard/WidgetFeaturesCard.astro CHANGED
@@ -16,7 +16,7 @@ const {
16
16
  items = [],
17
17
  columns = 4,
18
18
  image = await Astro.slots.render('image'),
19
-
19
+ position = 'center',
20
20
  isBeforeContent,
21
21
  isAfterContent,
22
22
  id,
@@ -36,7 +36,7 @@ const Component = via;
36
36
  }`}
37
37
  bg={bg}
38
38
  >
39
- <Headline title={title} subtitle={subtitle} tagline={tagline} classes={classes?.headline as Record<string, string>} />
39
+ <Headline title={title} subtitle={subtitle} tagline={tagline} classes={classes?.headline as Record<string, string>} position={position} />
40
40
 
41
41
  {
42
42
  image && (
package/components/WidgetStats/WidgetStats.astro CHANGED
@@ -11,6 +11,7 @@ const {
11
11
  tagline,
12
12
  items = [],
13
13
  callToAction,
14
+ position = 'center',
14
15
  id,
15
16
  isDark = false,
16
17
  classes = {},
@@ -26,7 +27,7 @@ const {
26
27
  ${classes?.container ?? ''}`}
27
28
  bg={bg}
28
29
  >
29
- <Headline title={title} subtitle={subtitle} tagline={tagline} classes={classes?.headline as Record<string, string>} />
30
+ <Headline title={title} subtitle={subtitle} tagline={tagline} classes={classes?.headline as Record<string, string>} position={position} />
30
31
 
31
32
  <Stats0 items={items} classes={classes?.items as Record<string, string>} />
32
33
 
package/components/WidgetSwiperPhotoSlider/WidgetSwiperPhotoSlider.astro CHANGED
@@ -5,13 +5,13 @@ import WidgetWrapper from '../WidgetWrapper/WidgetWrapper.astro';
5
5
  import SwiperSlider from '../SwiperSlider/SwiperSlider.astro';
6
6
  import { Image as AstroImage, getImage } from 'astro:assets';
7
7
  import { fetchLocalImages } from '../../utils/images';
8
- import Image from '../Image/Image.astro';
9
8
 
10
9
  const {
11
10
  title = await Astro.slots.render('title'),
12
11
  subtitle = await Astro.slots.render('subtitle'),
13
12
  tagline = await Astro.slots.render('tagline'),
14
13
  imagesFolder,
14
+ position = 'center',
15
15
  isAfterContent = false,
16
16
 
17
17
  id = (Math.random() + 1).toString(36).substring(7),
@@ -34,7 +34,7 @@ const imagePaths = Object.keys(images).filter((imagePath) => {
34
34
  bg={bg}
35
35
  containerClass={`gallery ${isAfterContent ? 'pt-0 md:pt-0 lg:pt-0' : ''} ${classes?.container}`}
36
36
  >
37
- <Headline title={title} subtitle={subtitle} tagline={tagline} classes={classes?.headline as Record<string, string>} />
37
+ <Headline title={title} subtitle={subtitle} tagline={tagline} classes={classes?.headline as Record<string, string>} position={position} />
38
38
 
39
39
  {
40
40
  imagePaths && (
@@ -53,7 +53,7 @@ const imagePaths = Object.keys(images).filter((imagePath) => {
53
53
  data-pswp-width={optimizedImage.attributes.width}
54
54
  data-pswp-height={optimizedImage.attributes.height}
55
55
  target="_blank"
56
- class="group overflow-hidden rounded-md border-primary cursor-zoom-in block mb-4"
56
+ class="group overflow-hidden rounded-md border-primary cursor-zoom-in block"
57
57
  >
58
58
  <AstroImage
59
59
  src={image}
package/components/WidgetTestimonials/WidgetTestimonials.astro CHANGED
@@ -7,14 +7,14 @@ import Button from '../Button/Button.astro';
7
7
  import Card5 from '../Card5/Card5.astro';
8
8
 
9
9
  const {
10
- title = '',
11
- subtitle = '',
12
- tagline = '',
10
+ title = await Astro.slots.render('title'),
11
+ subtitle = await Astro.slots.render('subtitle'),
12
+ tagline = await Astro.slots.render('tagline'),
13
13
  items = [],
14
14
  callToAction,
15
15
  columns = 3,
16
16
  isAfterContent = false,
17
-
17
+ position = 'center',
18
18
  id,
19
19
  isDark = false,
20
20
  classes = {},
@@ -28,7 +28,7 @@ const {
28
28
  containerClass={`max-w-6xl mx-auto ${isAfterContent ? 'pt-0 md:pt-0 lg:pt-0' : ''} ${classes?.container ?? ''}`}
29
29
  bg={bg}
30
30
  >
31
- <Headline title={title} subtitle={subtitle} tagline={tagline} />
31
+ <Headline title={title} subtitle={subtitle} tagline={tagline} position={position} />
32
32
 
33
33
  <ItemGrid0 columns={columns}>
34
34
  {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@yatoday/astro-ui",
3
3
  "type": "module",
4
- "version": "0.7.2",
4
+ "version": "0.7.4",
5
5
  "scripts": {
6
6
  "prepare": "husky",
7
7
  "pre-commit": "lint-staged",