@veracity/vui 2.18.2-beta.3 → 2.18.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veracity/vui",
-  "version": "2.18.2-beta.3",
+  "version": "2.18.3",
   "description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
   "module": "./dist/esm/index.js",
   "main": "./dist/cjs/index.js",
@@ -13,8 +13,8 @@
     "dev": "tsc --watch -p tsconfig.json",
     "eslint": "eslint \"src/**/*.{ts,tsx}\"",
     "eslint:fix": "eslint \"src/**/*.{ts,tsx}\" --fix",
-    "fix": "npm run eslint:fix",
-    "format": "prettier --write .",
+    "fix": "npm run eslint:fix && npm run prettier",
+    "prettier": "prettier . --write",
     "lint": "npm run eslint && npm run tslint",
     "tslint": "tsc --noEmit"
   },

package/src/link/theme.ts

@@ -2,10 +2,12 @@ const baseStyle = {
   container: {
     dislplay: 'inline',
   },
+  icon: {
+    size: 'xs',
+  },
 }
 
 const defaultProps = {
-  size: 'md',
   variant: 'dark',
 }
 
@@ -37,21 +39,15 @@ const variants = {
 const sizes = {
   sm: {
     container: {
-      fontSize: 'xs',
+      fontSize: 'sm',
       lineHeight: '16px',
     },
-    icon: {
-      size: 'xs',
-    },
   },
   md: {
     container: {
-      fontSize: 'sm',
+      fontSize: 'md',
       lineHeight: '20px',
     },
-    icon: {
-      size: 'xs',
-    },
   },
   lg: {
     container: {

package/src/table/tr.tsx

@@ -8,7 +8,7 @@ import { TrProps } from './table.types'
 import Td from './td'
 
 const trClassName = 'vui-tr'
-const buttonClassName = (isExpanded?: boolean) => (isExpanded ? 'falAngleUp' : 'falAngleDown')
+const buttonClassName = (isExpanded?: boolean) => `falAngle${isExpanded ? 'Down' : 'Right'}`
 
 export const TrBase = styled.trBox`
   position: relative;

package/src/textarea/textarea.tsx

@@ -86,7 +86,7 @@ export const Textarea = vui<'div', TextareaProps>((props, ref) => {
 
   useEffect(() => {
     setValueInternal(value)
-    setCount(`${value}`?.length ? `${value}`.length : 0)
+    setCount(value?.toString()?.length ? `${value}`.length : 0)
   }, [value])
 
   return (

package/src/tooltip/tooltip.tsx

@@ -30,32 +30,34 @@ export const Tooltip = (props: TooltipProps) => {
   return (
     <Tippy
       content={
-        <TooltipContent fontSize={fontSize} maxWidth={maxWidth}>
-          {isDesktop && (
-            <Box
-              bg={bg}
-              bottom={pointerPlacement[placement].bottom}
-              h={`${pointerSize}px`}
-              left={pointerPlacement[placement].left}
-              position="absolute"
-              right={pointerPlacement[placement].right}
-              top={pointerPlacement[placement].top}
-              transform={`translate(${pointerPlacement[placement].translate}) rotate(45deg)`}
-              w={`${pointerSize}px`}
-            />
-          )}
-          <v.div>
-            {text}
-            {!!linkText && (
-              <>
-                &nbsp;
-                <Link variant="white" {...linkProps}>
-                  {linkText}
-                </Link>
-              </>
+        !!text && (
+          <TooltipContent fontSize={fontSize} maxWidth={maxWidth}>
+            {isDesktop && (
+              <Box
+                bg={bg}
+                bottom={pointerPlacement[placement].bottom}
+                h={`${pointerSize}px`}
+                left={pointerPlacement[placement].left}
+                position="absolute"
+                right={pointerPlacement[placement].right}
+                top={pointerPlacement[placement].top}
+                transform={`translate(${pointerPlacement[placement].translate}) rotate(45deg)`}
+                w={`${pointerSize}px`}
+              />
             )}
-          </v.div>
-        </TooltipContent>
+            <v.div>
+              {text}
+              {!!linkText && (
+                <>
+                  &nbsp;
+                  <Link variant="white" {...linkProps}>
+                    {linkText}
+                  </Link>
+                </>
+              )}
+            </v.div>
+          </TooltipContent>
+        )
       }
       interactive
       offset={[0, 2]}