@obosbbl/grunnmuren-react 3.0.7 → 3.0.9
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.
- package/dist/index.mjs +7 -5
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1186,7 +1186,9 @@ const cardVariants = cva({
|
|
|
1186
1186
|
'[&_[data-slot="media"]]:rounded-t-2xl'
|
|
1187
1187
|
],
|
|
1188
1188
|
horizontal: [
|
|
1189
|
-
|
|
1189
|
+
// Use more gap for horizontal cards that have media
|
|
1190
|
+
// Since this does not affect the layout before the flex direction is set (at breakpoint @2xl for Card with Media), we can set it here
|
|
1191
|
+
'has-data-[slot=media]:layout-gap-x not-has-data-[slot=media]:gap-x-4',
|
|
1190
1192
|
// **** With Media ****
|
|
1191
1193
|
'[&:has(>[data-slot="media"]:last-child)]:flex-col-reverse',
|
|
1192
1194
|
'has-data-[slot=media]:@2xl:!flex-row',
|
|
@@ -2076,11 +2078,11 @@ const variants = cva({
|
|
|
2076
2078
|
// Match the heights of the <Media> or <Carousel> wrapper for the Media content (e.g. image, VideoLoop, video etc.)
|
|
2077
2079
|
// This is necessary due to the absolute positioning of the media and carousel containers in this variant
|
|
2078
2080
|
// biome-ignore lint/nursery/useSortedClasses: biome is unable to sort the custom classes for 3xl and 4xl breakpoints
|
|
2079
|
-
'**:data-[slot="media"]:h-
|
|
2081
|
+
'**:data-[slot="media"]:h-80 sm:**:data-[slot="media"]:h-[25rem] md:**:data-[slot="media"]:h-[30rem] lg:**:data-[slot="media"]:h-[35rem] xl:**:data-[slot="media"]:h-[40rem] 2xl:**:data-[slot="media"]:h-[42rem] 3xl:**:data-[slot="media"]:h-[48rem] 4xl:**:data-[slot="media"]:h-[53rem]',
|
|
2080
2082
|
// biome-ignore lint/nursery/useSortedClasses: biome is unable to sort the custom classes for 3xl and 4xl breakpoints
|
|
2081
|
-
'**:data-[slot="media"]:*:h-
|
|
2083
|
+
'**:data-[slot="media"]:*:h-80 sm:**:data-[slot="media"]:*:h-[25rem] md:**:data-[slot="media"]:*:h-[30rem] lg:**:data-[slot="media"]:*:h-[35rem] xl:**:data-[slot="media"]:*:h-[40rem] 2xl:**:data-[slot="media"]:*:h-[42rem] 3xl:**:data-[slot="media"]:*:h-[48rem] 4xl:**:data-[slot="media"]:*:h-[53rem]',
|
|
2082
2084
|
// biome-ignore lint/nursery/useSortedClasses: biome is unable to sort the custom classes for 3xl and 4xl breakpoints
|
|
2083
|
-
'*:data-[slot="carousel"]:h-
|
|
2085
|
+
'*:data-[slot="carousel"]:h-80 sm:*:data-[slot="carousel"]:h-[25rem] md:*:data-[slot="carousel"]:h-[30rem] lg:*:data-[slot="carousel"]:h-[35rem] xl:*:data-[slot="carousel"]:h-[40rem] 2xl:*:data-[slot="carousel"]:h-[42rem] 3xl:*:data-[slot="carousel"]:h-[48rem] 4xl:*:data-[slot="carousel"]:h-[53rem]',
|
|
2084
2086
|
// Override aspect ratio of the media and carousel-item slots (since we can not use aspect for full-bleed layout)
|
|
2085
2087
|
'**:data-[slot="carousel-item"]:data-[slot="media"]:*:aspect-none',
|
|
2086
2088
|
'**:data-[slot="carousel-controls"]:container **:data-[slot="carousel-controls"]:right-0 **:data-[slot="carousel-controls"]:bottom-4 **:data-[slot="carousel-controls"]:left-0 **:data-[slot="carousel-controls"]:justify-end',
|
|
@@ -2515,7 +2517,7 @@ const LinkList = ({ className, children, ...restProps })=>{
|
|
|
2515
2517
|
'grid auto-rows-max gap-y-0.25', // Gaps for when the list is displayed in multiple columns
|
|
2516
2518
|
'@lg:gap-x-12 @md:gap-x-9 @sm:gap-x-4 @xl:gap-x-16', numberofLinks > 5 && [
|
|
2517
2519
|
'@xl:grid-cols-2',
|
|
2518
|
-
numberofLinks > 10 && '@4xl:grid-cols-3'
|
|
2520
|
+
(numberofLinks === 9 || numberofLinks > 10) && '@4xl:grid-cols-3'
|
|
2519
2521
|
]),
|
|
2520
2522
|
children: children
|
|
2521
2523
|
})
|