@ultraviolet/plus 0.2.2 → 0.3.1

package/dist/components/ContentCard/index.js

@@ -9,87 +9,92 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 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: "e2ipnt5"
-})("display:block;text-align:left;padding:0;text-decoration:none;border:1px solid ", _ref => {
+})("display:block;text-align:left;padding:0;color:", _ref => {
   let {
     theme
   } = _ref;
-  return theme.colors.neutral.border;
-}, ";border-radius:", _ref2 => {
+  return theme.colors.neutral.text;
+}, ";text-decoration:none;border:1px solid ", _ref2 => {
   let {
     theme
   } = _ref2;
-  return theme.radii.default;
-}, ";background:", _ref3 => {
+  return theme.colors.neutral.border;
+}, ";border-radius:", _ref3 => {
   let {
     theme
   } = _ref3;
+  return theme.radii.default;
+}, ";background:", _ref4 => {
+  let {
+    theme
+  } = _ref4;
   return theme.colors.neutral.background;
-}, ";", _ref4 => {
+}, ";", _ref5 => {
   let {
     onClick,
     href,
     theme
-  } = _ref4;
+  } = _ref5;
   return onClick || href ? activeStyle(theme) : null;
 }, ";overflow-wrap:break-word;");
 const IconContainer = /*#__PURE__*/_styled("div", {
   target: "e2ipnt4"
-})("display:flex;width:fit-content;background:", _ref5 => {
+})("display:flex;width:fit-content;background:", _ref6 => {
   let {
     theme
-  } = _ref5;
+  } = _ref6;
   return theme.colors.neutral.backgroundWeak;
-}, ";padding:", _ref6 => {
+}, ";padding:", _ref7 => {
   let {
     theme
-  } = _ref6;
+  } = _ref7;
   return theme.space['1'];
-}, ";border-radius:", _ref7 => {
+}, ";border-radius:", _ref8 => {
   let {
     theme
-  } = _ref7;
+  } = _ref8;
   return theme.radii.default;
 }, ";");
 const StyledIconStack = /*#__PURE__*/_styled(Stack, {
   shouldForwardProp: prop => prop !== 'direction',
   target: "e2ipnt3"
-})("padding:", _ref8 => {
+})("padding:", _ref9 => {
   let {
     theme,
     direction
-  } = _ref8;
+  } = _ref9;
   return direction === 'column' ? `0 ${theme.space['3']} ${theme.space['3']} ${theme.space['3']}` : `${theme.space['3']} ${theme.space['3']} ${theme.space['3']} 0`;
 }, ";");
 const SubContainer = /*#__PURE__*/_styled(Stack, {
   shouldForwardProp: prop => !['direction', 'href'].includes(prop),
   target: "e2ipnt2"
-})("padding:", _ref9 => {
+})("padding:", _ref10 => {
   let {
     theme,
     direction
-  } = _ref9;
+  } = _ref10;
   return direction === 'column' ? `${theme.space['3']} ${theme.space['3']} 0 ${theme.space['3']}` : `${theme.space['3']} 0 ${theme.space['3']} ${theme.space['3']}`;
-}, ";padding:", _ref10 => {
+}, ";padding:", _ref11 => {
   let {
     theme,
     href
-  } = _ref10;
+  } = _ref11;
   return !href ? `${theme.space['3']}` : null;
 }, ";height:fit-content;");
 const Image = /*#__PURE__*/_styled('img', {
   shouldForwardProp: prop => !['direction', 'subContainerHeight'].includes(prop),
   target: "e2ipnt1"
-})("object-fit:cover;border-radius:", _ref11 => {
+})("object-fit:cover;border-radius:", _ref12 => {
   let {
     theme,
     direction
-  } = _ref11;
+  } = _ref12;
   return `${direction === 'column' ? `${theme.radii.default} ${theme.radii.default} 0 0` : `${theme.radii.default} 0 0 ${theme.radii.default}`}`;
-}, ";", _ref12 => {
+}, ";", _ref13 => {
   let {
     direction,
     subContainerHeight
-  } = _ref12;
+  } = _ref13;
   return direction === 'row' ? `max-height: ${subContainerHeight}px` : null;
 }, ";");
 const FullHeightStack = /*#__PURE__*/_styled(Stack, {
@@ -107,7 +112,7 @@ const FullHeightStack = /*#__PURE__*/_styled(Stack, {
  * It can take different directions to display the image and the content. You can also add more content
  * by passing children.
  */
-const ContentCard = /*#__PURE__*/forwardRef((_ref13, ref) => {
+const ContentCard = /*#__PURE__*/forwardRef((_ref14, ref) => {
   let {
     image,
     direction = 'column',
@@ -121,7 +126,7 @@ const ContentCard = /*#__PURE__*/forwardRef((_ref13, ref) => {
     onClick,
     loading,
     className
-  } = _ref13;
+  } = _ref14;
   const subContainerRef = /*#__PURE__*/createRef();
   const [subContainerHeight, setSubContainerHeight] = useState(subContainerRef?.current?.offsetHeight);
   const Container = useMemo(() => {
@@ -174,15 +179,18 @@ const ContentCard = /*#__PURE__*/forwardRef((_ref13, ref) => {
                   as: "small",
                   variant: "caption",
                   prominence: "weak",
+                  sentiment: "neutral",
                   children: subtitle
                 }) : null, jsx(Text, {
                   as: "h3",
                   variant: "bodyStronger",
+                  sentiment: "neutral",
                   children: title
                 })]
               }), description ? jsx(Text, {
                 as: "p",
                 variant: "bodySmall",
+                sentiment: "neutral",
                 children: description
               }) : null]
             }), children ? jsx(Stack, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/plus",
-  "version": "0.2.2",
+  "version": "0.3.1",
   "description": "Ultraviolet Plus",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -40,9 +40,9 @@
   "devDependencies": {
     "@babel/core": "7.23.2",
     "@emotion/babel-plugin": "11.11.0",
-    "@types/react": "18.2.28",
-    "@types/react-dom": "18.2.13",
-    "@ultraviolet/icons": "2.4.1"
+    "@types/react": "18.2.31",
+    "@types/react-dom": "18.2.14",
+    "@ultraviolet/icons": "2.4.2"
   },
   "dependencies": {
     "@formatjs/ecma402-abstract": "1.17.2",
@@ -54,8 +54,8 @@
     "intl-messageformat": "10.5.4",
     "react-flatten-children": "1.1.2",
     "react-intersection-observer": "9.5.2",
-    "@ultraviolet/themes": "1.2.1",
-    "@ultraviolet/ui": "1.20.2"
+    "@ultraviolet/themes": "1.3.0",
+    "@ultraviolet/ui": "1.21.1"
   },
   "scripts": {
     "build": "rollup -c ../../rollup.config.mjs"