@obosbbl/grunnmuren-react 2.0.1 → 2.0.3
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 +2 -2
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -154,7 +154,7 @@ function AccordionItem(props) {
|
|
|
154
154
|
className: // Uses pseudo element for vertical padding, since that doesn't affect the height when the accordion is closed
|
|
155
155
|
'text-sm font-light leading-6 px-3.5 relative overflow-hidden border-mint border-l-[3px] before:relative before:block before:h-1.5 after:relative after:block after:h-1.5',
|
|
156
156
|
role: 'region',
|
|
157
|
-
inert: isOpen,
|
|
157
|
+
inert: !isOpen,
|
|
158
158
|
'aria-labelledby': buttonId,
|
|
159
159
|
_outerWrapper: (children)=>/*#__PURE__*/ jsx("div", {
|
|
160
160
|
className: cx('grid transition-all duration-300 after:relative after:block after:h-0 after:transition-all after:duration-300 motion-reduce:transition-none', isOpen ? 'grid-rows-[1fr] after:h-3.5' : 'grid-rows-[0fr]'),
|
|
@@ -1080,7 +1080,7 @@ const cardVariants = cva({
|
|
|
1080
1080
|
// Position media at the edges of the card (because of these negative margins the media-element must be a wrapper around the actual image or other media content)
|
|
1081
1081
|
'[&_[data-slot="media"]]:mx-[calc(theme(space.3)*-1-theme(borderWidth.DEFAULT))] [&_[data-slot="media"]]:mt-[calc(theme(space.3)*-1-theme(borderWidth.DEFAULT))]',
|
|
1082
1082
|
// Sets the aspect ratio of the media content (width: 100% is necessary to make aspect ratio work on images in FF)
|
|
1083
|
-
'[&_[data-slot="media"]>*:not([data-slot="badge"])]:aspect-
|
|
1083
|
+
'[&_[data-slot="media"]>*:not([data-slot="badge"])]:aspect-3/2 [&_[data-slot="media"]>img]:w-full [&_[data-slot="media"]>img]:object-cover',
|
|
1084
1084
|
// Prepare zoom animation for hover effects. The hover effect can also be enabled by classes on the parent component, so it is always prepared here.
|
|
1085
1085
|
'[&_[data-slot="media"]>*]:duration-300 [&_[data-slot="media"]>*]:ease-in-out [&_[data-slot="media"]>*]:motion-safe:transition-transform',
|
|
1086
1086
|
// **** Card link ****
|