@veracity/vui 2.10.0 → 2.11.0

package/src/spinner/theme.ts

@@ -1,8 +1,12 @@
-const baseStyle = {}
+const baseStyle = {
+  container: {
+    padding: 1
+  }
+}
 
 const defaultProps = {
-  size: 'page',
-  variant: 'lightBackground'
+  size: 'xxxl',
+  variant: 'light'
 }
 
 const parts = ['container', 'circle', 'text']
@@ -10,9 +14,9 @@ const parts = ['container', 'circle', 'text']
 const sizes = {
   xs: {
     circle: {
-      borderWidth: 1,
-      h: 16,
-      w: 16
+      borderWidth: 2,
+      h: 20,
+      w: 20
     }
   },
   sm: {
@@ -36,24 +40,38 @@ const sizes = {
       w: 40
     }
   },
-  card: {
+  xl: {
+    circle: {
+      borderWidth: 3,
+      h: 48,
+      w: 48
+    }
+  },
+  xxl: {
     circle: {
       borderWidth: 4,
       h: 60,
       w: 60
     }
   },
-  page: {
+  xxxl: {
     circle: {
       borderWidth: 5,
       h: 80,
       w: 80
     }
+  },
+  xxxxl: {
+    circle: {
+      borderWidth: 5,
+      h: 120,
+      w: 120
+    }
   }
 }
 
 const variants = {
-  lightBackground: {
+  light: {
     circle: {
       borderColor: 'seaBlue.80',
       borderTopColor: 'seaBlue.main'
@@ -62,13 +80,16 @@ const variants = {
       color: 'seaBlue.main'
     }
   },
-  darkBackground: {
+  dark: {
+    container: {
+      bg: 'darkBlue.main'
+    },
     circle: {
-      borderColor: 'digiGreen.30',
-      borderTopColor: 'digiGreen.78'
+      borderColor: 'hsl(139, 100%, 78%, 0.4)',
+      borderTopColor: 'digiGreen.main'
     },
     text: {
-      color: 'digiGreen.78'
+      color: 'digiGreen.main'
     }
   }
 }

package/src/theme/components.ts

@@ -7,6 +7,7 @@ import Breadcrumbs from '../breadcrumbs/theme'
 import Button from '../button/theme'
 import Card from '../card/theme'
 import Checkbox from '../checkbox/theme'
+import Definition from '../definition/theme'
 import Dialog from '../dialog/theme'
 import Divider from '../divider/theme'
 import DragAndDrop from '../dragAndDrop/theme'
@@ -80,6 +81,7 @@ export default {
   Panel,
   Progress,
   ProgressCircular,
+  Definition,
   Popover,
   Radio,
   Select,

package/src/theme/foundations/colors.ts

@@ -1,6 +1,6 @@
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore - the missing types have to be added into the onedesign-tokens package
-import * as oneDesignButtonTokens from '../../onedesign-tokens/dist/js/es6/rem/button'
+import * as oneDesignButtonTokens from '../../onedesign-tokens/dist/js/rem/button'
 
 const buttonTypePrimaryDefaultBorderColorDark: string = oneDesignButtonTokens.buttonTypePrimaryDefaultBorderColorDark
 const buttonTypePrimaryDefaultBorderColorLight: string = oneDesignButtonTokens.buttonTypePrimaryDefaultBorderColorLight

package/src/theme/foundations/screens.ts

@@ -5,5 +5,6 @@ export default {
   md: 768,
   lg: 1024,
   xl: 1280,
-  '2xl': 1536
+  xxl: 1536,
+  '2xl': 1536 // Obsolete, please use 'xxl' instead
 }