@veracity/vui 2.0.5 → 2.1.0

package/src/icons/baseIcons/conc/conSensorPlus.ts

@@ -0,0 +1,9 @@
+/* eslint-disable */
+
+import {IconDefinition} from '../../types'
+
+export default {
+    details: [64, 64, [], '', 'M10 4C10 3.44772 9.55228 3 9 3C8.44772 3 8 3.44772 8 4V9L3 9C2.44771 9 2 9.44771 2 10C2 10.5523 2.44771 11 3 11L8 11V16C8 16.5523 8.44771 17 9 17C9.55228 17 10 16.5523 10 16V11L15 11C15.5523 11 16 10.5523 16 10C16 9.44772 15.5523 9 15 9L10 9V4Z M31 48C31 48.392 30.7744 48.7314 30.446 48.8953L27.5231 57H35.5C36.0523 57 36.5 57.4477 36.5 58C36.5 58.5523 36.0523 59 35.5 59H17C16.4477 59 16 58.5523 16 58C16 57.4477 16.4477 57 17 57H25.3974L28.2826 49H13C10.2386 49 8 46.7614 8 44L8 23C8 22.4477 8.44771 22 9 22C9.55228 22 10 22.4477 10 23L10 44C10 45.6568 11.3431 47 13 47H30C30.5523 47 31 47.4477 31 48Z M61 39C60.4477 39 60 38.5523 60 38L60 14C60 12.3431 58.6569 11 57 11L21.5 11C20.9477 11 20.5 10.5523 20.5 10C20.5 9.44772 20.9477 9 21.5 9L57 9C59.7614 9 62 11.2386 62 14L62 38C62 38.5523 61.5523 39 61 39Z M34.5 32C32.567 32 31 33.567 31 35.5C31 37.433 32.567 39 34.5 39C36.433 39 38 37.433 38 35.5C38 33.567 36.433 32 34.5 32ZM33 35.5C33 34.6716 33.6716 34 34.5 34C35.3284 34 36 34.6716 36 35.5C36 36.3284 35.3284 37 34.5 37C33.6716 37 33 36.3284 33 35.5Z M34.5 29C32.7761 29 31.1228 29.6848 29.9038 30.9038C28.6848 32.1228 28 33.7761 28 35.5C28 36.0523 27.5523 36.5 27 36.5C26.4477 36.5 26 36.0523 26 35.5C26 33.2457 26.8955 31.0837 28.4896 29.4896C30.0837 27.8955 32.2457 27 34.5 27C35.0523 27 35.5 27.4477 35.5 28C35.5 28.5523 35.0523 29 34.5 29Z M25.6612 26.6612C28.0054 24.317 31.1848 23 34.5 23C35.0523 23 35.5 22.5523 35.5 22C35.5 21.4477 35.0523 21 34.5 21C30.6544 21 26.9662 22.5277 24.247 25.247C21.5277 27.9662 20 31.6544 20 35.5C20 36.0523 20.4477 36.5 21 36.5C21.5523 36.5 22 36.0523 22 35.5C22 32.1848 23.317 29.0054 25.6612 26.6612Z M34.5 17C29.5935 17 24.8879 18.9491 21.4185 22.4185C17.9491 25.8879 16 30.5935 16 35.5C16 36.0523 15.5523 36.5 15 36.5C14.4477 36.5 14 36.0523 14 35.5C14 30.0631 16.1598 24.8488 20.0043 21.0043C23.8488 17.1598 29.0631 15 34.5 15C35.0523 15 35.5 15.4477 35.5 16C35.5 16.5523 35.0523 17 34.5 17Z M46 30C45.4477 30 45 30.4477 45 31V34H43.5001C43.1599 34 42.8429 34.173 42.6589 34.4592L38.1589 41.4592C38.0663 41.6033 38.0154 41.7622 38.003 41.9218L35.6286 42.8715C35.3741 42.9734 35.1725 43.1752 35.071 43.4299C34.9696 43.6845 34.9771 43.9697 35.0918 44.2186L41.6373 58.4186C41.8006 58.773 42.1552 59 42.5455 59H53.4545C53.8448 59 54.1994 58.773 54.3627 58.4186L60.9082 44.2186C61.0229 43.9697 61.0304 43.6845 60.929 43.4299C60.8275 43.1752 60.6259 42.9734 60.3714 42.8715L57.9973 41.9219C57.9849 41.7623 57.9339 41.6033 57.8413 41.4592L53.3413 34.4592C53.1573 34.173 52.8404 34 52.5001 34H51V31C51 30.4477 50.5523 30 50 30H46ZM54.987 40.7178L51.9542 36H44.0461L41.0133 40.7177L45.4003 38.9629C47.0691 38.2953 48.9309 38.2953 50.5997 38.9629L54.987 40.7178ZM49 34H47V32H49V34ZM46.143 40.8198C47.3351 40.343 48.6649 40.343 49.857 40.8198L58.6511 44.3375L52.8144 57H43.1856L37.3489 44.3375L46.143 40.8198Z'],
+    name: 'conSensorPlus',
+    pathProps: {fillRule: 'evenodd', clipRule: 'evenodd'}
+} as IconDefinition

package/src/icons/baseIcons/conc/conUploadFile.ts

@@ -1,8 +1,9 @@
 /* eslint-disable */
 
-import { IconDefinition } from '../../types'
+import {IconDefinition} from '../../types'
 
 export default {
-	details: [64, 64, [], '', 'M47.1187 17.125L41.875 11.8813C41.3125 11.3188 40.55 11 39.7563 11H19C17.3438 11.0063 16 12.35 16 14.0063L16 50.0019C16 51.6582 17.3438 53.0019 19 53.0019H45C46.6562 53.0019 48 51.6582 48 50.0019V19.25C48 18.4562 47.6812 17.6875 47.1187 17.125ZM45.7062 18.5437C45.8375 18.675 45.925 18.8313 45.9688 19.0063H40V13.0375C40.175 13.0813 40.3312 13.1687 40.4625 13.3L45.7062 18.5437ZM45 51.0019H19C18.45 51.0019 18 50.5519 18 50.0019V14.0063C18 13.4563 18.45 13.0063 19 13.0063H38V19.5063C38 20.3375 38.6688 21.0062 39.5 21.0062H46V50.0019C46 50.5519 45.55 51.0019 45 51.0019Z M39.7511 34.5639L39.3073 35.0076C39.0136 35.3014 38.5386 35.3014 38.2448 35.0076L33.0075 29.7641V46.2576C33.0075 46.6701 32.67 47.0076 32.2575 47.0076H31.6325C31.22 47.0076 30.8825 46.6701 30.8825 46.2576V29.7641L25.6398 35.0076C25.3461 35.3014 24.8711 35.3014 24.5773 35.0076L24.1336 34.5639C23.8398 34.2701 23.8398 33.7951 24.1336 33.5014L31.4075 26.2203C31.7013 25.9266 32.1763 25.9266 32.47 26.2203L39.7448 33.5014C40.0448 33.8014 40.0448 34.2701 39.7511 34.5639Z M47.9231 18.5774C47.9556 18.7181 47.9781 18.8615 47.99 19.0062C47.9966 19.0871 48 19.1684 48 19.25V50.0019C48 51.6582 46.6562 53.0019 45 53.0019H19C17.3438 53.0019 16 51.6582 16 50.0019V14.0063C16 12.35 17.3438 11.0063 19 11H39.7563C39.8206 11 39.8848 11.0021 39.9487 11.0063C39.9658 11.0074 39.9829 11.0086 40 11.01C40.0973 11.0181 40.1938 11.0308 40.2893 11.0483C40.8854 11.157 41.44 11.4463 41.875 11.8813L47.1187 17.125C47.3126 17.3188 47.4775 17.5372 47.6104 17.7726C47.6905 17.9145 47.759 18.0627 47.8151 18.2154C47.8586 18.3336 47.8947 18.4545 47.9231 18.5774ZM40 19.0063H45.9688C45.9602 18.9719 45.9499 18.9382 45.9379 18.9053C45.9192 18.854 45.8964 18.8046 45.8695 18.7572C45.8259 18.6804 45.7715 18.609 45.7062 18.5437L40.4625 13.3C40.3312 13.1687 40.175 13.0813 40 13.0375V19.0063ZM38.2448 35.0076C38.5386 35.3014 39.0136 35.3014 39.3073 35.0076L39.7511 34.5639C40.0448 34.2701 40.0448 33.8014 39.7448 33.5014L32.47 26.2203C32.3619 26.1122 32.2292 26.0438 32.09 26.0153C31.9964 25.9961 31.8999 25.995 31.8059 26.0118C31.6601 26.0379 31.5204 26.1074 31.4075 26.2203L24.1336 33.5014C23.8398 33.7951 23.8398 34.2701 24.1336 34.5639L24.5773 35.0076C24.8711 35.3014 25.3461 35.3014 25.6398 35.0076L30.8825 29.7641V46.2576C30.8825 46.6701 31.22 47.0076 31.6325 47.0076H32.2575C32.67 47.0076 33.0075 46.6701 33.0075 46.2576V29.7641L38.2448 35.0076ZM39.6559 33.5903C39.6559 33.5903 39.6559 33.5903 39.6559 33.5903V33.5903ZM39.6559 33.5903C39.657 33.5913 39.658 33.5924 39.659 33.5934L39.6559 33.5903ZM19 51.0019H45C45.55 51.0019 46 50.5519 46 50.0019V21.0062H39.5C38.6688 21.0062 38 20.3375 38 19.5063V13.0063H19C18.45 13.0063 18 13.4563 18 14.0063V50.0019C18 50.5519 18.45 51.0019 19 51.0019Z'],
-	name: 'conUploadFile'
+    details: [64, 64, [], '', 'M24.293 29.364L31.1064 22.5505C31.1416 22.4806 31.1856 22.4139 31.2382 22.3521C31.2495 22.3389 31.2611 22.3259 31.2731 22.3133C31.2935 22.2917 31.3149 22.271 31.3371 22.2513C31.4135 22.1835 31.4978 22.1295 31.5868 22.0891C31.7127 22.0319 31.8526 22 32 22C32.0119 22 32.0238 22.0002 32.0357 22.0006C32.3033 21.9912 32.574 22.0886 32.7782 22.2929C32.8558 22.3705 32.918 22.4576 32.9648 22.5506L39.7782 29.364C40.1687 29.7545 40.1687 30.3877 39.7782 30.7782C39.3877 31.1687 38.7545 31.1687 38.364 30.7782L33 25.4142V44.5C33 45.0523 32.5523 45.5 32 45.5C31.4477 45.5 31 45.0523 31 44.5V25.4854L25.7072 30.7782C25.3167 31.1687 24.6835 31.1687 24.293 30.7782C23.9024 30.3876 23.9024 29.7545 24.293 29.364Z M52.9706 16.7582C52.8629 15.8759 52.4635 15.0493 51.8284 14.4142L44.5858 7.17157C43.9507 6.53652 43.1241 6.13706 42.2418 6.02943C42.1644 6.0102 42.0834 6 42 6C41.9726 6 41.9455 6.0011 41.9187 6.00325C41.8651 6.00109 41.8113 6 41.7574 6H15C12.7909 6 11 7.79086 11 10L11 54C11 56.2091 12.7909 58 15 58H49C51.2091 58 53 56.2091 53 54L53 17.2426C53 17.1887 52.9989 17.1349 52.9967 17.0813C52.9989 17.0545 53 17.0274 53 17C53 16.9166 52.9898 16.8356 52.9706 16.7582ZM50.5671 16C50.5197 15.9402 50.4687 15.8829 50.4142 15.8284L43.1716 8.58579C43.1171 8.5313 43.0598 8.48028 43 8.43288V16L50.5671 16ZM51 18H42C41.4477 18 41 17.5523 41 17V8L15 8C13.8954 8 13 8.89543 13 10L13 54C13 55.1046 13.8954 56 15 56H49C50.1046 56 51 55.1046 51 54L51 18Z'],
+    name: 'conUploadFile',
+    pathProps: {fillRule: 'evenodd', clipRule: 'evenodd'}
 } as IconDefinition

package/src/icons/baseIcons/conc/conUploadFile1.ts

@@ -0,0 +1,9 @@
+/* eslint-disable */
+
+import {IconDefinition} from '../../types'
+
+export default {
+    details: [64, 64, [], '', 'M51 32V18H42C41.4477 18 41 17.5523 41 17V8L15 8C13.8954 8 13 8.89543 13 10L13 32C13 32.5523 12.5523 33 12 33C11.4477 33 11 32.5523 11 32V10C11 7.79086 12.7909 6 15 6H41.7574C41.8113 6 41.8651 6.00109 41.9187 6.00325C41.9455 6.0011 41.9726 6 42 6C42.0834 6 42.1644 6.0102 42.2418 6.02943C43.1241 6.13706 43.9507 6.53652 44.5858 7.17157L51.8284 14.4142C52.4635 15.0493 52.8629 15.8759 52.9706 16.7582C52.9898 16.8356 53 16.9166 53 17C53 17.0274 52.9989 17.0545 52.9967 17.0813C52.9989 17.1349 53 17.1887 53 17.2426V32C53 32.5523 52.5523 33 52 33C51.4477 33 51 32.5523 51 32ZM50.4142 15.8284C50.4687 15.8829 50.5197 15.9402 50.5671 16L43 16V8.43288C43.0598 8.48029 43.1171 8.5313 43.1716 8.58579L50.4142 15.8284Z M31.1064 24.5505L24.293 31.364C23.9024 31.7545 23.9024 32.3876 24.293 32.7782C24.6835 33.1687 25.3167 33.1687 25.7072 32.7782L31 27.4854V46.5C31 47.0523 31.4477 47.5 32 47.5C32.5523 47.5 33 47.0523 33 46.5V27.4142L38.364 32.7782C38.7545 33.1687 39.3876 33.1687 39.7782 32.7782C40.1687 32.3877 40.1687 31.7545 39.7782 31.364L32.9648 24.5506C32.918 24.4576 32.8558 24.3705 32.7782 24.2929C32.574 24.0886 32.3033 23.9912 32.0357 24.0006C32.0238 24.0002 32.0119 24 32 24C31.8526 24 31.7127 24.0319 31.5868 24.0891C31.4978 24.1295 31.4135 24.1835 31.3371 24.2513C31.3149 24.271 31.2935 24.2917 31.2731 24.3133C31.2611 24.3259 31.2495 24.3389 31.2382 24.3521C31.1856 24.4139 31.1416 24.4806 31.1064 24.5505Z M22 56C21.4477 56 21 56.4477 21 57C21 57.5523 21.4477 58 22 58H32H42C42.5523 58 43 57.5523 43 57C43 56.4477 42.5523 56 42 56H22Z'],
+    name: 'conUploadFile1',
+    pathProps: {fillRule: 'evenodd', clipRule: 'evenodd'}
+} as IconDefinition

package/src/icons/baseIcons/cui/cuiFileStandard.ts

@@ -3,6 +3,6 @@
 import { IconDefinition } from '../../types'
 
 export default {
-  details: [32, 32, [], '', 'M4 3C4 1.34315 5.34315 0 7 0H26C27.6569 0 29 1.34315 29 3V26C29 27.6569 27.6569 29 26 29H25.3864C24.8341 29 24.3864 28.5523 24.3864 28C24.3864 27.4477 24.8341 27 25.3864 27H26C26.5523 27 27 26.5523 27 26V3C27 2.44771 26.5523 2 26 2H7C6.44772 2 6 2.44772 6 3V26C6 26.5523 6.44772 27 7 27H10.75C11.3023 27 11.75 27.4477 11.75 28C11.75 28.5523 11.3023 29 10.75 29H7C5.34315 29 4 27.6569 4 26V3Z M13 22C13 21.4477 13.4477 21 14 21H22C22.5523 21 23 21.4477 23 22V31C23 31.3603 22.8062 31.6927 22.4927 31.8702C22.1792 32.0477 21.7944 32.0429 21.4855 31.8575L18 29.7662L14.5145 31.8575C14.2056 32.0429 13.8208 32.0477 13.5073 31.8702C13.1938 31.6927 13 31.3603 13 31V22ZM15 23V29.2338L17.4855 27.7425C17.8022 27.5525 18.1978 27.5525 18.5145 27.7425L21 29.2338V23H15Z M9 6C9 5.44772 9.44772 5 10 5H23C23.5523 5 24 5.44772 24 6C24 6.55228 23.5523 7 23 7H10C9.44772 7 9 6.55228 9 6Z M9 11C9 10.4477 9.44772 10 10 10H23C23.5523 10 24 10.4477 24 11C24 11.5523 23.5523 12 23 12H10C9.44772 12 9 11.5523 9 11Z M9 16C9 15.4477 9.44772 15 10 15H23C23.5523 15 24 15.4477 24 16C24 16.5523 23.5523 17 23 17H10C9.44772 17 9 16.5523 9 16Z'],
+  details: [32, 32, [], '', 'M4 3C4 1.34315 5.34315 0 7 0H25C26.6569 0 28 1.34315 28 3V26C28 27.6569 26.6569 29 25 29H24.7917C24.2394 29 23.7917 28.5523 23.7917 28C23.7917 27.4477 24.2394 27 24.7917 27H25C25.5523 27 26 26.5523 26 26V3C26 2.44771 25.5523 2 25 2H7C6.44772 2 6 2.44772 6 3V26C6 26.5523 6.44771 27 7 27H11.0417C11.594 27 12.0417 27.4477 12.0417 28C12.0417 28.5523 11.594 29 11.0417 29H7C5.34314 29 4 27.6569 4 26V3Z M13.25 22C13.25 21.4477 13.6977 21 14.25 21H21.5833C22.1356 21 22.5833 21.4477 22.5833 22V31C22.5833 31.3673 22.382 31.705 22.0589 31.8797C21.7358 32.0543 21.343 32.0378 21.0357 31.8367L17.9167 29.7952L14.7977 31.8367C14.4904 32.0378 14.0975 32.0543 13.7744 31.8797C13.4513 31.705 13.25 31.3673 13.25 31V22ZM15.25 23V29.1503L17.369 27.7633C17.7017 27.5456 18.1317 27.5456 18.4643 27.7633L20.5833 29.1503V23H15.25Z M9.58333 6C9.58333 5.44772 10.031 5 10.5833 5H21.4167C21.969 5 22.4167 5.44772 22.4167 6C22.4167 6.55228 21.969 7 21.4167 7H10.5833C10.031 7 9.58333 6.55228 9.58333 6Z M9.58333 11C9.58333 10.4477 10.031 10 10.5833 10H21.4167C21.969 10 22.4167 10.4477 22.4167 11C22.4167 11.5523 21.969 12 21.4167 12H10.5833C10.031 12 9.58333 11.5523 9.58333 11Z M9.58333 16C9.58333 15.4477 10.031 15 10.5833 15H21.4167C21.969 15 22.4167 15.4477 22.4167 16C22.4167 16.5523 21.969 17 21.4167 17H10.5833C10.031 17 9.58333 16.5523 9.58333 16Z'],
   name: 'cuiFileStandard'
 } as IconDefinition

package/src/icons/baseIcons/icons.ts

@@ -1,14 +1,22 @@
-export { default as conCertificate } from './conc/conCertificate'
 export { default as conCreateDataset } from './conc/conCreateDataset'
+export { default as conDataSearchAlt } from './conc/conDataSearchAlt'
+export { default as conDataSearchPlus } from './conc/conDataSearchPlus'
 export { default as conDatabase } from './conc/conDatabase'
 export { default as conDatabasePlus } from './conc/conDatabasePlus'
 export { default as conDataset } from './conc/conDataset'
 export { default as conFolderPlus } from './conc/conFolderPlus'
+export { default as conLNGBunkering } from './conc/conLNGBunkering'
+export { default as conReport } from './conc/conReport'
+export { default as conReport1 } from './conc/conReport1'
+export { default as conSensorAlt } from './conc/conSensorAlt'
+export { default as conSensorPlus } from './conc/conSensorPlus'
+export { default as conUploadFile } from './conc/conUploadFile'
+export { default as conUploadFile1 } from './conc/conUploadFile1'
+export { default as conCertificate } from './conc/conCertificate'
 export { default as conInsightSearchAlt } from './conc/conInsightSearchAlt'
 export { default as conMachineLearning } from './conc/conMachineLearning'
-export { default as conReport } from './conc/conReport'
 export { default as conReport2 } from './conc/conReport2'
-export { default as conUploadFile } from './conc/conUploadFile'
+export { default as conSearchLens } from './conc/conSearchLens'
 export { default as conUploadFile2 } from './conc/conUploadFile2'
 export { default as cubBellship } from './cub/cubBellship'
 export { default as cubDNV } from './cub/cubDNV'

package/src/icons/baseIcons/types.ts

@@ -1,4 +1,18 @@
 export type BaseIcon =
+  | 'conCreateDataset'
+  | 'conDataSearchAlt'
+  | 'conDataSearchPlus'
+  | 'conDatabase'
+  | 'conDatabasePlus'
+  | 'conDataset'
+  | 'conFolderPlus'
+  | 'conLNGBunkering'
+  | 'conReport'
+  | 'conReport1'
+  | 'conSensorAlt'
+  | 'conSensorPlus'
+  | 'conUploadFile'
+  | 'conUploadFile1'
   | 'conCertificate'
   | 'conCreateDataset'
   | 'conDatabase'
@@ -9,6 +23,7 @@ export type BaseIcon =
   | 'conMachineLearning'
   | 'conReport'
   | 'conReport2'
+  | 'conSearchLens'
   | 'conUploadFile'
   | 'conUploadFile2'
   | 'cubBellship'

package/src/icons/consts.ts

@@ -1,5 +1,17 @@
+import conCreateDataset from './baseIcons/conc/conCreateDataset'
+import conDatabase from './baseIcons/conc/conDatabase'
+import conDatabasePlus from './baseIcons/conc/conDatabasePlus'
+import conDataset from './baseIcons/conc/conDataset'
+import conFolderPlus from './baseIcons/conc/conFolderPlus'
 import conInsightSearchAlt from './baseIcons/conc/conInsightSearchAlt'
+import conLNGBunkering from './baseIcons/conc/conLNGBunkering'
 import conMachineLearning from './baseIcons/conc/conMachineLearning'
+import conReport from './baseIcons/conc/conReport'
+import conReport1 from './baseIcons/conc/conReport1'
+import conSensorAlt from './baseIcons/conc/conSensorAlt'
+import conSensorPlus from './baseIcons/conc/conSensorPlus'
+import conUploadFile from './baseIcons/conc/conUploadFile'
+import conUploadFile1 from './baseIcons/conc/conUploadFile1'
 import cuiCheckboxIndeterminate from './baseIcons/cui/cuiCheckboxIndeterminate'
 import cuiCheckboxSelected from './baseIcons/cui/cuiCheckboxSelected'
 import cuiCheckboxUnselected from './baseIcons/cui/cuiCheckboxUnselected'
@@ -25,6 +37,18 @@ import { IconDefinition } from './types'
  * They are added to the icon library in order to avoid loading them from CDN.
  */
 export const defaultIcons: Record<string, IconDefinition> = {
+  conCreateDataset,
+  conDatabase,
+  conDatabasePlus,
+  conDataset,
+  conFolderPlus,
+  conLNGBunkering,
+  conReport,
+  conReport1,
+  conSensorAlt,
+  conSensorPlus,
+  conUploadFile,
+  conUploadFile1,
   conInsightSearchAlt,
   conMachineLearning,
   cuiCheckboxIndeterminate,

package/src/pagination/paginationButton.tsx

@@ -15,17 +15,13 @@ export const PaginationButton = vui<'button', PaginationButtonProps>((props, ref
   const isActive = isActiveProp ?? pageProp === page
   const activeProps = isActive
     ? {
-        bg: 'blue.20',
-        color: 'blue.80',
-        hoverBg: 'blue.30',
-        activeBg: 'blue.40'
+        bg: 'skyBlue.85'
       }
     : {}
 
   return (
     <Button
       className={cs('vui-paginationButton', className)}
-      minW={0}
       onClick={() => onPageChange(pageProp)}
       ref={ref}
       size="sm"

package/src/pagination/paginationEllipsis.tsx

@@ -19,7 +19,7 @@ export const PaginationEllipsis = vui<'span', BoxProps>((props, ref) => {
       {...styles.ellipsis}
       {...rest}
     >
-      {children ?? '...'}
+      {children ?? '…'}
     </Box>
   )
 })

package/src/pagination/paginationGoToPage.tsx

@@ -30,7 +30,7 @@ export const PaginationGoToPage = vui<'div', BoxProps>((props, ref) => {
       {...rest}
     >
       <T size="sm" weight="medium">
-        Go to
+        Go&nbsp;to
       </T>
       <Input max={pageCount} min={1} mx={1} onChange={onChange} size="sm" type="number" w={56} />
       <T size="sm" weight="medium">

package/src/pagination/paginationPrevNext.tsx

@@ -16,7 +16,7 @@ export const PaginationPrevNext = vui<'button', PaginationPrevNextProps>((props,
   const pageChange = isPrev ? -1 : 1
   const directionProps = {
     disabled: isPrev ? page === 1 : page === pageCount,
-    icon: isPrev ? 'falAngleLeft' : 'falAngleRight',
+    icon: `falAngle${isPrev ? 'Left' : 'Right'}`,
     onClick: () => onPageChange(page + pageChange)
   }
 

package/src/pagination/paginationResults.tsx

@@ -12,15 +12,7 @@ export const PaginationResults = vui<'span', TProps>((props, ref) => {
   const styles = useStyleConfig('Pagination', usePaginationContext())
 
   return (
-    <T
-      className={cs('vui-paginationResults', className)}
-      color="grey.80"
-      ref={ref}
-      size="sm"
-      weight="medium"
-      {...styles.results}
-      {...rest}
-    >
+    <T className={cs('vui-paginationResults', className)} ref={ref} size="sm" {...styles.results} {...rest}>
       {children ?? `Showing ${rangeStart} to ${rangeEnd} of ${count} results.`}
     </T>
   )

package/src/pagination/theme.ts

@@ -1,4 +1,25 @@
-const baseStyle = {}
+const base = {
+  bg: 'transparent',
+  border: 'none',
+  color: 'darkBlue.18'
+}
+
+const baseStyle = {
+  button: {
+    ...base,
+    color: 'seaBlue.28',
+    hoverBg: 'skyBlue.80',
+    minW: 24
+  },
+  ellipsis: { ...base },
+  goToPage: { ...base },
+  prevNext: {
+    ...base
+  },
+  results: {
+    color: 'sandstone.30'
+  }
+}
 
 const defaultProps = {}
 

package/src/tag/tag.tsx

@@ -26,13 +26,11 @@ export const TagBase = styled.spanBox`
   }
 
   &[aria-disabled='true'] {
-    background-color: disabled .bg;
-    color: disabled .color;
+    opacity: 0.5;
     cursor: not-allowed;
     user-select: none;
   }
 `
-
 /**
  * Displays text, icons or custom content. Can be made interactive or a link.
  * Exposes some props to the children via context.
@@ -121,7 +119,7 @@ export const Tag = vui<'span', TagProps>((props, ref) => {
 
             {isString(iconRight) ? <TagIcon ml={spaceX} name={iconRight} /> : iconRight}
 
-            {onDelete ? <TagButton isRound={isRound} ml={spaceX} onClick={onDelete} /> : itemRight}
+            {onDelete ? <TagButton disabled={disabled} isRound={isRound} ml={spaceX} onClick={onDelete} /> : itemRight}
           </>
         )}
       </TagBase>

package/src/tag/theme.ts

@@ -66,18 +66,18 @@ const sizes = {
 const variants = {
   subtleGrey: {
     container: {
-      bg: 'sandstone.95',
-      hoverBg: 'sandstone.90',
-      borderColor: 'sandstone.90',
+      bg: 'sandstone.90',
+      hoverBg: 'sandstone.85',
+      borderColor: 'sandstone.85',
       color: 'sandstone.20',
-      activeBg: 'sandstone.85'
+      activeBg: 'sandstone.79'
     },
     button: {
       bg: 'transparent',
-      hoverBg: 'sandstone.90',
+      hoverBg: 'sandstone.85',
       hoverBorderColor: 'transparent',
       color: 'sandstone.20',
-      activeBg: 'sandstone.85'
+      activeBg: 'sandstone.79'
     }
   },
   subtleBlue: {
@@ -198,10 +198,10 @@ const variants = {
   },
   solidYellow: {
     container: {
-      bg: 'sunflower.65',
+      bg: 'sunflower.50',
       hoverBg: 'sunflower.80',
       activeBg: 'sunflower.85',
-      borderColor: 'sunflower.65',
+      borderColor: 'sunflower.50',
       color: 'sunflower.15'
     },
     button: {