@ultraviolet/plus 0.4.10 → 0.5.0

package/dist/src/components/ContentCard/index.js

@@ -184,7 +184,7 @@ const ContentCard = /*#__PURE__*/forwardRef((_ref14, ref) => {
                   children: subtitle
                 }) : null, jsx(Text, {
                   as: "h3",
-                  variant: "bodyStronger",
+                  variant: "bodyStrong",
                   sentiment: "neutral",
                   children: title
                 })]

package/dist/src/components/ContentCardGroup/Card.js

@@ -6,7 +6,7 @@ import { Icon } from '../../../@ultraviolet/icons/dist/components/Icon/index.js'
 
 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 StyledStack = /*#__PURE__*/_styled(Stack, {
-  target: "eqcw8nr2"
+  target: "eqcw8nr3"
 })(process.env.NODE_ENV === "production" ? {
   name: "ovk77c",
   styles: "min-width:0"
@@ -16,7 +16,7 @@ const StyledStack = /*#__PURE__*/_styled(Stack, {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const IconWrapper = /*#__PURE__*/_styled("div", {
-  target: "eqcw8nr1"
+  target: "eqcw8nr2"
 })("display:inline-flex;background:", _ref => {
   let {
     theme
@@ -34,29 +34,59 @@ const IconWrapper = /*#__PURE__*/_styled("div", {
   return theme.radii.default;
 }, ";");
 const StyledWrapper = /*#__PURE__*/_styled("a", {
-  target: "eqcw8nr0"
-})("display:block;padding:", _ref4 => {
+  target: "eqcw8nr1"
+})("padding:", _ref4 => {
   let {
     theme
   } = _ref4;
   return theme.space['3'];
-}, ";text-decoration:none;&:not(:first-child){border-top:1px solid ", _ref5 => {
+}, ";text-decoration:none;height:100%;&:not(:first-child){border-top:1px solid ", _ref5 => {
   let {
     theme
   } = _ref5;
   return theme.colors.neutral.border;
-}, ";}& ", IconWrapper, "{background:", _ref6 => {
+}, ";}&:first-child{border-radius:", _ref6 => {
   let {
     theme
   } = _ref6;
-  return theme.colors.neutral.backgroundWeak;
-}, ";}&:hover{background:", _ref7 => {
+  return theme.radii.default;
+}, " ", _ref7 => {
   let {
     theme
   } = _ref7;
+  return theme.radii.default;
+}, " 0 0;}&:last-child{border-radius:0 0 ", _ref8 => {
+  let {
+    theme
+  } = _ref8;
+  return theme.radii.default;
+}, " ", _ref9 => {
+  let {
+    theme
+  } = _ref9;
+  return theme.radii.default;
+}, ";}& ", IconWrapper, "{background:", _ref10 => {
+  let {
+    theme
+  } = _ref10;
+  return theme.colors.neutral.backgroundWeak;
+}, ";}&:hover{background:", _ref11 => {
+  let {
+    theme
+  } = _ref11;
   return theme.colors.neutral.backgroundHover;
 }, ";& ", IconWrapper, "{background:none;}}");
-const Card = /*#__PURE__*/forwardRef((_ref8, ref) => {
+const FullHeightStack = /*#__PURE__*/_styled(Stack, {
+  target: "eqcw8nr0"
+})(process.env.NODE_ENV === "production" ? {
+  name: "13udsys",
+  styles: "height:100%"
+} : {
+  name: "13udsys",
+  styles: "height:100%",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Card = /*#__PURE__*/forwardRef((_ref12, ref) => {
   let {
     title,
     subtitle,
@@ -64,12 +94,12 @@ const Card = /*#__PURE__*/forwardRef((_ref8, ref) => {
     children,
     href,
     target = '_blank'
-  } = _ref8;
+  } = _ref12;
   return jsx(StyledWrapper, {
     href: href,
     target: target,
     ref: ref,
-    children: jsxs(Stack, {
+    children: jsxs(FullHeightStack, {
       direction: "row",
       gap: 2,
       alignItems: "center",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/plus",
-  "version": "0.4.10",
+  "version": "0.5.0",
   "description": "Ultraviolet Plus",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -27,6 +27,7 @@
   ],
   "sideEffects": false,
   "type": "module",
+  "types": "./dist/index.d.ts",
   "exports": {
     "types": "./dist/index.d.ts",
     "default": "./dist/src/index.js"
@@ -40,16 +41,22 @@
   "devDependencies": {
     "@babel/core": "7.23.3",
     "@emotion/babel-plugin": "11.11.0",
+    "@emotion/react": "11.11.1",
+    "@emotion/styled": "11.11.0",
     "@types/react": "18.2.37",
     "@types/react-dom": "18.2.15",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "@ultraviolet/icons": "2.5.5"
   },
   "dependencies": {
     "@uiw/codemirror-extensions-langs": "4.21.20",
     "@uiw/codemirror-theme-material": "4.21.20",
     "@uiw/react-codemirror": "4.21.20",
+    "react-flatten-children": "1.1.2",
+    "react-intersection-observer": "9.5.3",
     "@ultraviolet/themes": "1.5.0",
-    "@ultraviolet/ui": "1.26.2"
+    "@ultraviolet/ui": "1.27.0"
   },
   "scripts": {
     "build": "rollup -c ../../rollup.config.mjs"