@longline/aqua-ui 1.0.223 → 1.0.224

package/containers/InfoBox/InfoBox.d.ts

@@ -58,5 +58,6 @@ interface IInfoBoxProps {
 declare const InfoBox: {
     ({ width, minHeight, padded, scroll, ...props }: IInfoBoxProps): React.JSX.Element;
     displayName: string;
+    Row: (props: import("./elements/Row").IInfoBoxRowProps) => React.JSX.Element;
 };
 export { InfoBox, IInfoBoxProps };

package/containers/InfoBox/InfoBox.js

@@ -28,6 +28,7 @@ import * as React from 'react';
 import styled from 'styled-components';
 import { Content } from './elements/Content';
 import { Footer } from './elements/Footer';
+import { InfoBoxRow } from './elements/Row';
 /**
  * An `InfoBox` is a glass pane with an optional header and footer.
  */
@@ -79,5 +80,6 @@ var InfoBox = function (_a) {
     return React.createElement(InfoBoxStyled, __assign({ width: width, minHeight: minHeight, padded: padded, scroll: scroll }, props));
 };
 InfoBox.displayName = "InfoBox";
+InfoBox.Row = InfoBoxRow;
 export { InfoBox };
 var templateObject_1;

package/containers/InfoBox/elements/Row.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+interface IInfoBoxRowProps {
+    /** Name to show. */
+    name: React.ReactNode;
+    /** Value to show. */
+    value: React.ReactNode;
+}
+/**
+ * An `InfoBoxRow` shows a name-value combination, in row format.
+ */
+declare const InfoBoxRow: (props: IInfoBoxRowProps) => React.JSX.Element;
+export { InfoBoxRow, IInfoBoxRowProps };

package/containers/InfoBox/elements/Row.js

@@ -0,0 +1,19 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import * as React from 'react';
+import styled from 'styled-components';
+/**
+ * An `InfoBoxRow` shows a name-value combination, in row format.
+ */
+var InfoBoxRow = function (props) {
+    return React.createElement(Wrapper, null,
+        React.createElement(Name, null, props.name),
+        React.createElement(Value, null, props.value));
+};
+var Name = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  white-space: nowrap;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  flex: 1;\n  min-width: 65px;\n"], ["\n  white-space: nowrap;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  flex: 1;\n  min-width: 65px;\n"])));
+var Value = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-weight: 700;\n  text-align: right;\n  white-space: nowrap;\n  overflow-x: hidden;\n  text-overflow: ellipsis;  \n"], ["\n  font-weight: 700;\n  text-align: right;\n  white-space: nowrap;\n  overflow-x: hidden;\n  text-overflow: ellipsis;  \n"])));
+var Wrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  white-space: nowrap;\n  gap: 16px;\n  height: 28px;\n  align-items: center;\n"], ["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  white-space: nowrap;\n  gap: 16px;\n  height: 28px;\n  align-items: center;\n"])));
+export { InfoBoxRow };
+var templateObject_1, templateObject_2, templateObject_3;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@longline/aqua-ui",
-  "version": "1.0.223",
+  "version": "1.0.224",
   "description": "AquaUI",
   "author": "Alexander van Oostenrijk / Longline Environment",
   "license": "Commercial",