@dtdot/lego 2.0.0-20 → 2.0.0-22

package/build/components/InlineCard/_InlineCardContent.component.js

@@ -9,6 +9,8 @@ const ContentContainer = styled.div `
   font-size: ${(props) => props.theme.fonts.default.size};
   color: ${(props) => props.theme.colours.defaultFont};
 
+  min-width: 0;
+
   ${(props) => props.center &&
     `
       display: flex;

package/build/components/InlineCard/_InlineCardMeta.component.js

@@ -8,6 +8,7 @@ const ContentContainer = styled.div `
   display: flex;
   align-items: center;
   margin-left: auto;
+  flex-shrink: 0;
 `;
 const InlineCardMeta = ({ children }) => {
     return React.createElement(ContentContainer, null, children);

package/build/components/Table/Table.component.js

@@ -8,6 +8,7 @@ import TableActionMenu from './_TableActionMenu';
 import TableRow from './_TableRow.component';
 const StyledTable = styled.table `
   width: 100%;
+  border-spacing: 0;
 `;
 const TableHiddenActionSpan = styled.span `
   visibility: none;

package/build/components/Table/_TableRow.component.js

@@ -9,6 +9,10 @@ const StyledRow = styled.tr `
   &:last-child {
     box-shadow: none;
   }
+
+  &:hover {
+    background-color: ${(props) => props.theme.colours.cardBackground};
+  }
 `;
 const TableRow = ({ children, 'data-testid': dataTestId }) => {
     const { variant } = useContext(TableContext);

package/build/components/Text/Text.component.d.ts

@@ -3,7 +3,8 @@ export type TextVariant = 'primary' | 'secondary';
 export interface TextProps {
     'children': React.ReactNode;
     'variant'?: TextVariant;
+    'noWrap'?: boolean;
     'data-testid'?: string;
 }
-declare const Text: ({ children, variant, "data-testid": dataTestId }: TextProps) => JSX.Element;
+declare const Text: ({ children, variant, noWrap, "data-testid": dataTestId }: TextProps) => JSX.Element;
 export default Text;

package/build/components/Text/Text.component.js

@@ -6,6 +6,15 @@ const TextContainer = styled.span `
   font-weight: ${(props) => props.theme.fonts.default.weight};
 
   color: ${(props) => props.theme.colours.defaultFont};
+
+  ${(props) => props.noWrap &&
+    `
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: inline-block;
+    max-width: 100%;
+  `}
 `;
 const TextContainerSecondary = styled.span `
   font-family: ${(props) => props.theme.fonts.default.family};
@@ -13,14 +22,23 @@ const TextContainerSecondary = styled.span `
   font-weight: ${(props) => props.theme.fonts.default.weight};
 
   color: ${(props) => props.theme.colours.secondaryFont};
+
+  ${(props) => props.noWrap &&
+    `
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: inline-block;
+    max-width: 100%;
+  `}
 `;
-const Text = ({ children, variant = 'primary', 'data-testid': dataTestId }) => {
+const Text = ({ children, variant = 'primary', noWrap, 'data-testid': dataTestId }) => {
     switch (variant) {
         case 'secondary':
-            return React.createElement(TextContainerSecondary, { "data-testid": dataTestId }, children);
+            return (React.createElement(TextContainerSecondary, { noWrap: noWrap, "data-testid": dataTestId }, children));
         case 'primary':
         default:
-            return React.createElement(TextContainer, { "data-testid": dataTestId }, children);
+            return (React.createElement(TextContainer, { noWrap: noWrap, "data-testid": dataTestId }, children));
     }
 };
 export default Text;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dtdot/lego",
-  "version": "2.0.0-20",
+  "version": "2.0.0-22",
   "description": "Some reusable components for building my applications",
   "main": "build/index.js",
   "scripts": {