@ultraviolet/plus 0.1.1 → 0.1.2

package/dist/components/ContentCard/index.js

@@ -5,9 +5,10 @@ import { forwardRef, useState, useMemo, useEffect, createRef } from 'react';
 import { Skeleton } from './Skeleton.js';
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const activeStyle = theme => /*#__PURE__*/css("&:hover{border:1px solid ", theme.colors.primary.borderHover, ";box-shadow:", theme.shadows.defaultShadow, ";cursor:pointer;}");
 const Card = /*#__PURE__*/_styled("div", {
-  target: "e2ipnt4"
+  target: "e2ipnt5"
 })("display:block;text-align:left;padding:0;text-decoration:none;border:1px solid ", _ref => {
   let {
     theme
@@ -32,7 +33,7 @@ const Card = /*#__PURE__*/_styled("div", {
   return onClick || href ? activeStyle(theme) : null;
 }, ";overflow-wrap:break-word;");
 const IconContainer = /*#__PURE__*/_styled("div", {
-  target: "e2ipnt3"
+  target: "e2ipnt4"
 })("display:flex;width:fit-content;background:", _ref5 => {
   let {
     theme
@@ -51,7 +52,7 @@ const IconContainer = /*#__PURE__*/_styled("div", {
 }, ";");
 const StyledIconStack = /*#__PURE__*/_styled(Stack, {
   shouldForwardProp: prop => prop !== 'direction',
-  target: "e2ipnt2"
+  target: "e2ipnt3"
 })("padding:", _ref8 => {
   let {
     theme,
@@ -61,7 +62,7 @@ const StyledIconStack = /*#__PURE__*/_styled(Stack, {
 }, ";");
 const SubContainer = /*#__PURE__*/_styled(Stack, {
   shouldForwardProp: prop => !['direction', 'href'].includes(prop),
-  target: "e2ipnt1"
+  target: "e2ipnt2"
 })("padding:", _ref9 => {
   let {
     theme,
@@ -77,7 +78,7 @@ const SubContainer = /*#__PURE__*/_styled(Stack, {
 }, ";height:fit-content;");
 const Image = /*#__PURE__*/_styled('img', {
   shouldForwardProp: prop => !['direction', 'subContainerHeight'].includes(prop),
-  target: "e2ipnt0"
+  target: "e2ipnt1"
 })("object-fit:cover;border-radius:", _ref11 => {
   let {
     theme,
@@ -91,6 +92,16 @@ const Image = /*#__PURE__*/_styled('img', {
   } = _ref12;
   return direction === 'row' ? `max-height: ${subContainerHeight}px` : null;
 }, ";");
+const FullHeightStack = /*#__PURE__*/_styled(Stack, {
+  target: "e2ipnt0"
+})(process.env.NODE_ENV === "production" ? {
+  name: "13udsys",
+  styles: "height:100%"
+} : {
+  name: "13udsys",
+  styles: "height:100%",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 /**
  * ContentCard is a component that displays a title, subtitle, description, image and icon in a card.
  * It can take different directions to display the image and the content. You can also add more content
@@ -106,7 +117,7 @@ const ContentCard = /*#__PURE__*/forwardRef((_ref13, ref) => {
     description,
     children,
     href,
-    target,
+    target = '_blank',
     onClick,
     loading,
     className
@@ -116,12 +127,12 @@ const ContentCard = /*#__PURE__*/forwardRef((_ref13, ref) => {
   const Container = useMemo(() => {
     if (href) {
       return Card.withComponent('a', {
-        target: "e2ipnt5"
+        target: "e2ipnt6"
       });
     }
     if (onClick) {
       return Card.withComponent('button', {
-        target: "e2ipnt6"
+        target: "e2ipnt7"
       });
     }
     return Card;
@@ -136,7 +147,7 @@ const ContentCard = /*#__PURE__*/forwardRef((_ref13, ref) => {
     className: className,
     children: loading ? jsx(Skeleton, {
       direction: direction
-    }) : jsxs(Stack, {
+    }) : jsxs(FullHeightStack, {
       direction: direction,
       children: [image ? jsx(Image, {
         alt: "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/plus",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Ultraviolet Plus",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {