@ultraviolet/plus 0.7.2 → 0.8.0

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

@@ -0,0 +1,115 @@
+import _styled from '@emotion/styled/base';
+import { Stack, Text, Tag } from '@ultraviolet/ui';
+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 Conversation = ({
+  children
+}) => jsx(Stack, {
+  children: children
+});
+const StyledInfos = /*#__PURE__*/_styled("div", {
+  target: "e7oenbq6"
+})("display:flex;align-items:center;justify-content:", ({
+  align
+}) => align === 'left' ? 'flex-start' : 'flex-end', ";margin:0 ", ({
+  theme
+}) => theme.space['7'], ";");
+const MessageInfos = ({
+  children,
+  align
+}) => jsx(StyledInfos, {
+  align: align,
+  children: children
+});
+const StyledText = /*#__PURE__*/_styled(Text, {
+  target: "e7oenbq5"
+})("margin-top:", ({
+  theme
+}) => theme.space['3'], ";text-align:center;");
+const Date = ({
+  children
+}) => jsx(StyledText, {
+  as: "p",
+  variant: "bodySmall",
+  prominence: "weak",
+  children: children
+});
+const MessageContainer = /*#__PURE__*/_styled('div', {
+  shouldForwardProp: prop => !['align'].includes(prop),
+  target: "e7oenbq4"
+})("display:flex;flex-direction:", ({
+  align
+}) => align === 'left' ? 'row-reverse' : 'row', ";margin-bottom:", ({
+  theme
+}) => theme.space['2'], ";");
+const RawMessageContainer = /*#__PURE__*/_styled('div', {
+  shouldForwardProp: prop => !['align'].includes(prop),
+  target: "e7oenbq3"
+})("margin:0 ", ({
+  theme
+}) => theme.space['3'], ";margin-top:", ({
+  theme
+}) => theme.space['3'], ";border-radius:", ({
+  theme
+}) => theme.radii.default, ";padding:", ({
+  theme
+}) => theme.space['3'], ";background-color:", ({
+  theme,
+  align
+}) => align === 'left' ? theme.colors.neutral.backgroundStrong : theme.colors.primary.background, ";");
+const AvatarContainer = /*#__PURE__*/_styled("div", {
+  target: "e7oenbq2"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1cnh6jp",
+  styles: "display:flex;align-self:flex-end"
+} : {
+  name: "1cnh6jp",
+  styles: "display:flex;align-self:flex-end",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const BubbleContainer = /*#__PURE__*/_styled("div", {
+  target: "e7oenbq1"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1d3w5wq",
+  styles: "width:100%"
+} : {
+  name: "1d3w5wq",
+  styles: "width:100%",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Message = ({
+  className,
+  children,
+  avatar,
+  align = 'right'
+}) => jsxs(MessageContainer, {
+  align: align,
+  className: className,
+  children: [jsx(BubbleContainer, {
+    children: jsx(RawMessageContainer, {
+      align: align,
+      children: children
+    })
+  }), jsx(AvatarContainer, {
+    children: avatar
+  })]
+});
+const StyledTag = /*#__PURE__*/_styled(Tag, {
+  target: "e7oenbq0"
+})("background-color:", ({
+  theme
+}) => theme.colors.neutral.backgroundStrong, ";height:16px;margin-right:", ({
+  theme
+}) => theme.space['1'], ";");
+const MessageTag = ({
+  children
+}) => jsx(StyledTag, {
+  children: children
+});
+Conversation.Date = Date;
+Conversation.Message = Message;
+Conversation.MessageInfos = MessageInfos;
+Conversation.Tag = MessageTag;
+
+export { Conversation, Date, Message, MessageInfos, MessageTag };

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

@@ -0,0 +1,49 @@
+import _styled from '@emotion/styled/base';
+import { Stack, Bullet, Text, Card } from '@ultraviolet/ui';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { ProductIcon } from '../../../@ultraviolet/icons/dist/components/ProductIcon/index.js';
+
+const StyledCard = /*#__PURE__*/_styled(Card, {
+  target: "ebaosvo0"
+})("padding:", ({
+  theme
+}) => theme.space['2'], ";text-align:left;");
+const FAQ = ({
+  productIconName,
+  illustrationText,
+  title,
+  description,
+  notes
+}) => jsx(StyledCard, {
+  children: jsxs(Stack, {
+    gap: 2,
+    direction: "row",
+    children: [jsxs("div", {
+      children: [!productIconName && illustrationText ? jsx(Bullet, {
+        sentiment: "primary",
+        text: illustrationText.toString()
+      }) : null, productIconName ? jsx(ProductIcon, {
+        name: productIconName,
+        size: "xlarge"
+      }) : null]
+    }), jsxs("div", {
+      children: [jsx(Text, {
+        as: "p",
+        variant: "bodyStronger",
+        prominence: "strong",
+        children: title
+      }), jsxs(Text, {
+        as: "div",
+        variant: "bodySmall",
+        children: [description, notes ? jsx(Text, {
+          variant: "caption",
+          as: "small",
+          italic: true,
+          children: notes
+        }) : null]
+      })]
+    })]
+  })
+});
+
+export { FAQ };

package/dist/src/index.js

@@ -4,3 +4,5 @@ export { CodeEditor } from './components/CodeEditor/CodeEditor.js';
 export { EstimateCost } from './components/EstimateCost/EstimateCost.js';
 export { default as estimateCostDefaultLocales } from './components/EstimateCost/locales/en.js';
 export { CustomerSatisfaction } from './components/CustomerSatisfaction/index.js';
+export { Conversation } from './components/Conversation/index.js';
+export { FAQ } from './components/FAQ/index.js';

package/package.json

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