@veracity/vui 2.33.0 → 2.33.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veracity/vui",
-  "version": "2.33.0",
+  "version": "2.33.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",

package/src/icons/baseIcons/icons.ts

@@ -13,6 +13,7 @@ export { default as brandCcPaypal } from './brand/brandCcPaypal'
 export { default as brandCcVisa } from './brand/brandCcVisa'
 export { default as brandCircleFB } from './brand/brandCircleFB'
 export { default as brandCircleLinkedIn } from './brand/brandCircleLinkedIn'
+export { default as brandCircleTwitter } from './brand/brandCircleTwitter'
 export { default as brandCircleYoutube } from './brand/brandCircleYoutube'
 export { default as brandDNV } from './brand/brandDNV'
 export { default as brandDhl } from './brand/brandDhl'
@@ -28,6 +29,7 @@ export { default as brandMedium } from './brand/brandMedium'
 export { default as brandOsi } from './brand/brandOsi'
 export { default as brandPowerBi } from './brand/brandPowerBi'
 export { default as brandSlack } from './brand/brandSlack'
+export { default as brandTwitter } from './brand/brandTwitter'
 export { default as brandUps } from './brand/brandUps'
 export { default as brandVeracity } from './brand/brandVeracity'
 export { default as brandXTwitter } from './brand/brandXTwitter'
@@ -97,7 +99,7 @@ export { default as conUploadFile2 } from './conc/conUploadFile2'
 export { default as conVeracityAdapter } from './conc/conVeracityAdapter'
 export { default as conVesselConnect } from './conc/conVesselConnect'
 export { default as conWindmill } from './conc/conWindmill'
-// UI icons (374)
+// UI icons (386)
 export { default as uiAddressBook } from './ui/uiAddressBook'
 export { default as uiAddressCard } from './ui/uiAddressCard'
 export { default as uiAlignCenter } from './ui/uiAlignCenter'
@@ -147,6 +149,7 @@ export { default as uiBalanceScale } from './ui/uiBalanceScale'
 export { default as uiBan } from './ui/uiBan'
 export { default as uiBars } from './ui/uiBars'
 export { default as uiBell } from './ui/uiBell'
+export { default as uiBellSolid } from './ui/uiBellSolid'
 export { default as uiBinoculars } from './ui/uiBinoculars'
 export { default as uiBluetooth } from './ui/uiBluetooth'
 export { default as uiBold } from './ui/uiBold'
@@ -182,6 +185,7 @@ export { default as uiChartNetworkSolid } from './ui/uiChartNetworkSolid'
 export { default as uiChartPie } from './ui/uiChartPie'
 export { default as uiChartPieAlt } from './ui/uiChartPieAlt'
 export { default as uiChartScatter } from './ui/uiChartScatter'
+export { default as uiChartSimpleSolid } from './ui/uiChartSimpleSolid'
 export { default as uiCheck } from './ui/uiCheck'
 export { default as uiCheckCircle } from './ui/uiCheckCircle'
 export { default as uiCheckCircleSolid } from './ui/uiCheckCircleSolid'
@@ -250,6 +254,8 @@ export { default as uiEdit } from './ui/uiEdit'
 export { default as uiEllipsisH } from './ui/uiEllipsisH'
 export { default as uiEllipsisV } from './ui/uiEllipsisV'
 export { default as uiEnvelope } from './ui/uiEnvelope'
+export { default as uiEnvelopeSolid } from './ui/uiEnvelopeSolid'
+export { default as uiEraser } from './ui/uiEraser'
 export { default as uiEuroSign } from './ui/uiEuroSign'
 export { default as uiExchange } from './ui/uiExchange'
 export { default as uiExclamationCircle } from './ui/uiExclamationCircle'
@@ -337,6 +343,7 @@ export { default as uiMapMarkerCheck } from './ui/uiMapMarkerCheck'
 export { default as uiMapMarkerExclamation } from './ui/uiMapMarkerExclamation'
 export { default as uiMapMarkerExclamationSolid } from './ui/uiMapMarkerExclamationSolid'
 export { default as uiMapMarkerStar } from './ui/uiMapMarkerStar'
+export { default as uiMessagePlusSolid } from './ui/uiMessagePlusSolid'
 export { default as uiMicrophone } from './ui/uiMicrophone'
 export { default as uiMinus } from './ui/uiMinus'
 export { default as uiMoon } from './ui/uiMoon'
@@ -344,6 +351,7 @@ export { default as uiMousePointer } from './ui/uiMousePointer'
 export { default as uiNoStream } from './ui/uiNoStream'
 export { default as uiNumber1 } from './ui/uiNumber1'
 export { default as uiPaintBrushAlt } from './ui/uiPaintBrushAlt'
+export { default as uiPaperPlane } from './ui/uiPaperPlane'
 export { default as uiPaperclip } from './ui/uiPaperclip'
 export { default as uiParagraph } from './ui/uiParagraph'
 export { default as uiPause } from './ui/uiPause'
@@ -413,6 +421,8 @@ export { default as uiSort } from './ui/uiSort'
 export { default as uiSortSolid } from './ui/uiSortSolid'
 export { default as uiSortZA } from './ui/uiSortZA'
 export { default as uiSparkles } from './ui/uiSparkles'
+export { default as uiSparklesAlt } from './ui/uiSparklesAlt'
+export { default as uiSparklesSolid } from './ui/uiSparklesSolid'
 export { default as uiSpinner } from './ui/uiSpinner'
 export { default as uiSpinnerThird } from './ui/uiSpinnerThird'
 export { default as uiSquare } from './ui/uiSquare'
@@ -423,6 +433,7 @@ export { default as uiStop } from './ui/uiStop'
 export { default as uiStopCircle } from './ui/uiStopCircle'
 export { default as uiStopwatch } from './ui/uiStopwatch'
 export { default as uiStream } from './ui/uiStream'
+export { default as uiStrikethrough } from './ui/uiStrikethrough'
 export { default as uiSuitcase } from './ui/uiSuitcase'
 export { default as uiSun } from './ui/uiSun'
 export { default as uiSunBright } from './ui/uiSunBright'
@@ -432,6 +443,7 @@ export { default as uiTachometer } from './ui/uiTachometer'
 export { default as uiTarget } from './ui/uiTarget'
 export { default as uiTasks } from './ui/uiTasks'
 export { default as uiTemperatureHigh } from './ui/uiTemperatureHigh'
+export { default as uiTextSize } from './ui/uiTextSize'
 export { default as uiTh } from './ui/uiTh'
 export { default as uiThLarge } from './ui/uiThLarge'
 export { default as uiThList } from './ui/uiThList'
@@ -449,6 +461,8 @@ export { default as uiTools } from './ui/uiTools'
 export { default as uiTransformer } from './ui/uiTransformer'
 export { default as uiTransformerSolid } from './ui/uiTransformerSolid'
 export { default as uiTrashAlt } from './ui/uiTrashAlt'
+export { default as uiUnderline } from './ui/uiUnderline'
+export { default as uiUndo } from './ui/uiUndo'
 export { default as uiUnlockAlt } from './ui/uiUnlockAlt'
 export { default as uiUser } from './ui/uiUser'
 export { default as uiUserChart } from './ui/uiUserChart'

package/src/icons/baseIcons/types.ts

@@ -14,6 +14,7 @@ export type BrandIcons =
   | 'brandCcVisa'
   | 'brandCircleFB'
   | 'brandCircleLinkedIn'
+  | 'brandCircleTwitter'
   | 'brandCircleYoutube'
   | 'brandDNV'
   | 'brandDhl'
@@ -29,6 +30,7 @@ export type BrandIcons =
   | 'brandOsi'
   | 'brandPowerBi'
   | 'brandSlack'
+  | 'brandTwitter'
   | 'brandUps'
   | 'brandVeracity'
   | 'brandXTwitter'
@@ -99,7 +101,7 @@ export type ConcIcons =
   | 'conVeracityAdapter'
   | 'conVesselConnect'
   | 'conWindmill'
-// UI icons (374)
+// UI icons (386)
 export type UiIcons =
   | 'uiAddressBook'
   | 'uiAddressCard'
@@ -150,6 +152,7 @@ export type UiIcons =
   | 'uiBan'
   | 'uiBars'
   | 'uiBell'
+  | 'uiBellSolid'
   | 'uiBinoculars'
   | 'uiBluetooth'
   | 'uiBold'
@@ -185,6 +188,7 @@ export type UiIcons =
   | 'uiChartPie'
   | 'uiChartPieAlt'
   | 'uiChartScatter'
+  | 'uiChartSimpleSolid'
   | 'uiCheck'
   | 'uiCheckCircle'
   | 'uiCheckCircleSolid'
@@ -253,6 +257,8 @@ export type UiIcons =
   | 'uiEllipsisH'
   | 'uiEllipsisV'
   | 'uiEnvelope'
+  | 'uiEnvelopeSolid'
+  | 'uiEraser'
   | 'uiEuroSign'
   | 'uiExchange'
   | 'uiExclamationCircle'
@@ -340,6 +346,7 @@ export type UiIcons =
   | 'uiMapMarkerExclamation'
   | 'uiMapMarkerExclamationSolid'
   | 'uiMapMarkerStar'
+  | 'uiMessagePlusSolid'
   | 'uiMicrophone'
   | 'uiMinus'
   | 'uiMoon'
@@ -347,6 +354,7 @@ export type UiIcons =
   | 'uiNoStream'
   | 'uiNumber1'
   | 'uiPaintBrushAlt'
+  | 'uiPaperPlane'
   | 'uiPaperclip'
   | 'uiParagraph'
   | 'uiPause'
@@ -416,6 +424,8 @@ export type UiIcons =
   | 'uiSortSolid'
   | 'uiSortZA'
   | 'uiSparkles'
+  | 'uiSparklesAlt'
+  | 'uiSparklesSolid'
   | 'uiSpinner'
   | 'uiSpinnerThird'
   | 'uiSquare'
@@ -426,6 +436,7 @@ export type UiIcons =
   | 'uiStopCircle'
   | 'uiStopwatch'
   | 'uiStream'
+  | 'uiStrikethrough'
   | 'uiSuitcase'
   | 'uiSun'
   | 'uiSunBright'
@@ -435,6 +446,7 @@ export type UiIcons =
   | 'uiTarget'
   | 'uiTasks'
   | 'uiTemperatureHigh'
+  | 'uiTextSize'
   | 'uiTh'
   | 'uiThLarge'
   | 'uiThList'
@@ -452,6 +464,8 @@ export type UiIcons =
   | 'uiTransformer'
   | 'uiTransformerSolid'
   | 'uiTrashAlt'
+  | 'uiUnderline'
+  | 'uiUndo'
   | 'uiUnlockAlt'
   | 'uiUser'
   | 'uiUserChart'

package/src/icons/baseIcons/ui/uiBellSolid.ts

@@ -0,0 +1,6 @@
+import type { IconDefinition } from '../../types'
+
+export default {
+  details: [32, 32, [], '', 'M17.9999 2V3.25C22.5624 4.1875 25.9999 8.1875 25.9999 13V14.1875C25.9999 17.125 27.0624 20 28.9999 22.1875L29.4374 22.6875C29.9999 23.3125 30.1249 24.125 29.8124 24.875C29.4999 25.5625 28.7499 26 27.9999 26H3.99993C3.18743 26 2.43743 25.5625 2.12493 24.875C1.81243 24.125 1.93743 23.3125 2.49993 22.6875L2.93743 22.1875C4.87493 20 5.99993 17.125 5.99993 14.1875V13C5.99993 8.1875 9.37493 4.1875 13.9999 3.25V2C13.9999 0.9375 14.8749 0 15.9999 0C17.0624 0 17.9999 0.9375 17.9999 2ZM15.9999 32C14.9374 32 13.8749 31.625 13.1249 30.875C12.3749 30.125 11.9999 29.0625 11.9999 28H19.9999C19.9999 29.0625 19.5624 30.125 18.8124 30.875C18.0624 31.625 16.9999 32 15.9999 32Z'],
+  name: 'uiBellSolid'
+} as IconDefinition

package/src/icons/baseIcons/ui/uiChartSimpleSolid.ts

@@ -0,0 +1,6 @@
+import type { IconDefinition } from '../../types'
+
+export default {
+  details: [32, 32, [], '', 'M12 5C12 3.375 13.3125 2 15 2H17C18.625 2 20 3.375 20 5V27C20 28.6875 18.625 30 17 30H15C13.3125 30 12 28.6875 12 27V5ZM2 17C2 15.375 3.3125 14 5 14H7C8.625 14 10 15.375 10 17V27C10 28.6875 8.625 30 7 30H5C3.3125 30 2 28.6875 2 27V17ZM27 6C28.625 6 30 7.375 30 9V27C30 28.6875 28.625 30 27 30H25C23.3125 30 22 28.6875 22 27V9C22 7.375 23.3125 6 25 6H27Z'],
+  name: 'uiChartSimpleSolid'
+} as IconDefinition

package/src/icons/baseIcons/ui/uiEnvelopeSolid.ts

@@ -0,0 +1,6 @@
+import type { IconDefinition } from '../../types'
+
+export default {
+  details: [32, 32, [], '', 'M29 4C30.625 4 32 5.375 32 7C32 8 31.5 8.875 30.75 9.4375L17.1875 19.625C16.4375 20.1875 15.5 20.1875 14.75 19.625L1.1875 9.4375C0.4375 8.875 0 8 0 7C0 5.375 1.3125 4 3 4H29ZM13.5625 21.25C15 22.3125 16.9375 22.3125 18.375 21.25L32 11V24C32 26.25 30.1875 28 28 28H4C1.75 28 0 26.25 0 24V11L13.5625 21.25Z'],
+  name: 'uiEnvelopeSolid'
+} as IconDefinition

package/src/icons/baseIcons/ui/uiEraser.ts

@@ -0,0 +1,6 @@
+import type { IconDefinition } from '../../types'
+
+export default {
+  details: [32, 32, [], '', 'M19.9062 4.46875C19.2812 3.84375 18.3438 3.84375 17.7812 4.46875L10.8438 11.4062L22.2188 22.7812L29.1562 15.8438C29.7812 15.2812 29.7812 14.3438 29.1562 13.7812L19.9062 4.46875ZM2.46875 19.7188C1.84375 20.3438 1.84375 21.2812 2.46875 21.8438L7.96875 27.3438C8.21875 27.6562 8.59375 27.7812 9.03125 27.7812H16.5938C17.0312 27.7812 17.4062 27.6562 17.6562 27.3438L20.8438 24.2188L9.40625 12.7812L2.46875 19.7188ZM16.3438 3.03125C17.7188 1.65625 19.9062 1.65625 21.2812 3.03125L30.5938 12.3438C31.9688 13.7188 31.9688 15.9062 30.5938 17.2812L20.0312 27.7812H30.8438C31.3438 27.7812 31.8438 28.2812 31.8438 28.7812C31.8438 29.3438 31.3438 29.7812 30.8438 29.7812H16.8438C16.7188 29.7812 16.6562 29.7812 16.5938 29.7812H9.03125C8.09375 29.7812 7.21875 29.4688 6.53125 28.7812L1.03125 23.2812C-0.34375 21.9062 -0.34375 19.7188 1.03125 18.3438L16.3438 3.03125Z'],
+  name: 'uiEraser'
+} as IconDefinition

package/src/icons/baseIcons/ui/uiMessagePlusSolid.ts

@@ -0,0 +1,6 @@
+import type { IconDefinition } from '../../types'
+
+export default {
+  details: [32, 32, [], '', 'M28 0C30.1875 0 32 1.8125 32 4V22C32 24.1875 30.1875 26 28 26H19L11.1875 31.6875C10.6875 32 10 31.6875 10 31.0625V25.875H4C1.75 25.875 0 24.125 0 21.9375V4C0 1.8125 1.75 0 4 0H28ZM21 14.5C21.8125 14.5 22.5 13.875 22.5 13C22.5 12.1875 21.8125 11.5 20.9375 11.5H17.4375V8C17.4375 7.1875 16.8125 6.5 16 6.5C15.125 6.5 14.5 7.1875 14.4375 8V11.5625H10.9375C10.125 11.5625 9.5 12.1875 9.5 13C9.5 13.875 10.125 14.5 10.9375 14.5H14.5V18.0625C14.5 18.875 15.125 19.5 16 19.5C16.8125 19.5 17.4375 18.875 17.5 18V14.5H21Z'],
+  name: 'uiMessagePlusSolid'
+} as IconDefinition

package/src/icons/baseIcons/ui/uiPaperPlane.ts

@@ -0,0 +1,6 @@
+import type { IconDefinition } from '../../types'
+
+export default {
+  details: [32, 32, [], '', 'M31.9442 2.27389L27.9442 28.2114C27.8817 28.8364 27.5067 29.3989 26.9442 29.7114C26.6317 29.8364 26.3192 29.9614 25.9442 29.9614C25.6942 29.9614 25.4442 29.8989 25.1942 29.7739L17.5692 26.5864L14.3817 31.3364C14.1317 31.7739 13.6942 31.9614 13.2567 31.9614C12.5692 31.9614 12.0067 31.3989 12.0067 30.7114V24.7114C12.0067 24.2114 12.1317 23.7739 12.3817 23.4614L26.0067 5.96139L7.63174 22.5239L1.19424 19.8364C0.506743 19.5239 0.00674269 18.8989 0.00674269 18.0864C-0.0557573 17.2114 0.319243 16.5864 1.00674 16.2114L29.0067 0.273889C29.6317 -0.101111 30.5067 -0.101111 31.1317 0.336389C31.7567 0.773889 32.0692 1.52389 31.9442 2.27389Z'],
+  name: 'uiPaperPlane'
+} as IconDefinition

package/src/icons/baseIcons/ui/uiSparklesAlt.ts

@@ -0,0 +1,6 @@
+import type { IconDefinition } from '../../types'
+
+export default {
+  details: [32, 32, [], '', 'M20.5625 6.875C20.1875 6.66667 20 6.375 20 6C20 5.58333 20.1875 5.27083 20.5625 5.0625L23.5625 3.5625L25.125 0.5C25.2917 0.166667 25.5833 0 26 0C26.4167 0 26.7083 0.166667 26.875 0.5L28.4375 3.5625L31.4375 5.0625C31.8125 5.27083 32 5.58333 32 6C32 6.375 31.8125 6.66667 31.4375 6.875L28.4375 8.375L26.875 11.4375C26.7083 11.8125 26.4167 12 26 12C25.5833 12 25.2917 11.8125 25.125 11.4375L23.5625 8.375L20.5625 6.875ZM24.75 5.1875L23.25 5.9375L24.75 6.75C24.9583 6.83333 25.125 6.97917 25.25 7.1875L26 8.75L26.75 7.1875C26.875 6.97917 27.0417 6.83333 27.25 6.75L28.75 5.9375L27.25 5.1875C27.0417 5.10417 26.875 4.95833 26.75 4.75L26 3.1875L25.25 4.75C25.125 4.95833 24.9583 5.10417 24.75 5.1875ZM31.4375 25.125C31.8125 25.2917 32 25.5833 32 26C32 26.4167 31.8125 26.7083 31.4375 26.875L28.4375 28.4375L26.875 31.4375C26.7083 31.8125 26.4167 32 26 32C25.5833 32 25.2917 31.8125 25.125 31.4375L23.5625 28.4375L20.5625 26.875C20.1875 26.7083 20 26.4167 20 26C20 25.5833 20.1875 25.2917 20.5625 25.125L23.5625 23.5625L25.125 20.5625C25.2917 20.1875 25.5833 20 26 20C26.4167 20 26.7083 20.1875 26.875 20.5625L28.4375 23.5625L31.4375 25.125ZM27.25 26.75L28.75 26L27.25 25.1875C27.0417 25.1042 26.875 24.9583 26.75 24.75L26 23.25L25.25 24.75C25.125 24.9583 24.9583 25.1042 24.75 25.1875L23.25 26L24.75 26.75C24.9583 26.875 25.125 27.0208 25.25 27.1875L26 28.75L26.75 27.1875C26.875 27.0208 27.0417 26.875 27.25 26.75ZM23.4375 15.0625C23.8125 15.2708 24 15.5833 24 16C24 16.4167 23.8125 16.7083 23.4375 16.875L16.4375 20.375L12.875 27.4375C12.7083 27.8125 12.4167 28 12 28C11.5833 28 11.2917 27.8125 11.125 27.4375L7.5625 20.375L0.5625 16.875C0.1875 16.7083 0 16.4167 0 16C0 15.5833 0.1875 15.2708 0.5625 15.0625L7.5625 11.5625L11.125 4.5C11.2917 4.16667 11.5833 4 12 4C12.4167 4 12.7083 4.16667 12.875 4.5L16.4375 11.5625L23.4375 15.0625ZM15.25 18.75L20.75 16L15.25 13.1875C15.0417 13.1042 14.875 12.9583 14.75 12.75L12 7.1875L9.25 12.75C9.125 12.9583 8.95833 13.1042 8.75 13.1875L3.25 16L8.75 18.75C8.95833 18.8333 9.125 18.9792 9.25 19.1875L12 24.75L14.75 19.1875C14.875 18.9792 15.0417 18.8333 15.25 18.75Z'],
+  name: 'uiSparklesAlt'
+} as IconDefinition

package/src/icons/baseIcons/ui/uiSparklesSolid.ts

@@ -0,0 +1,6 @@
+import type { IconDefinition } from '../../types'
+
+export default {
+  details: [32, 32, [], '', 'M20.4375 5.375L24 4L25.3125 0.5C25.375 0.1875 25.6875 0 26 0C26.25 0 26.5625 0.1875 26.625 0.5L28 4L31.5 5.375C31.8125 5.4375 32 5.75 32 6C32 6.3125 31.8125 6.625 31.5 6.6875L28 8L26.625 11.5625C26.5625 11.8125 26.25 12 26 12C25.6875 12 25.375 11.8125 25.3125 11.5625L24 8L20.4375 6.6875C20.125 6.625 20 6.3125 20 6C20 5.75 20.125 5.4375 20.4375 5.375ZM16.0625 11.75L23.1875 15C23.5625 15.1875 23.8125 15.5625 23.8125 15.9375C23.8125 16.3125 23.5625 16.6875 23.1875 16.875L16.0625 20.125L12.8125 27.25C12.625 27.625 12.25 27.875 11.875 27.875C11.5 27.875 11.125 27.625 11 27.25L7.6875 20.125L0.5625 16.875C0.1875 16.6875 0 16.3125 0 15.9375C0 15.5625 0.1875 15.1875 0.5625 15L7.6875 11.75L11 4.625C11.125 4.25 11.5 4 11.875 4C12.25 4 12.625 4.25 12.8125 4.625L16.0625 11.75ZM25.3125 20.5C25.375 20.1875 25.6875 20 26 20C26.25 20 26.5625 20.1875 26.625 20.5L28 24L31.5 25.375C31.8125 25.4375 32 25.75 32 26C32 26.3125 31.8125 26.625 31.5 26.6875L28 28L26.625 31.5625C26.5625 31.8125 26.25 32 26 32C25.6875 32 25.375 31.8125 25.3125 31.5625L24 28L20.4375 26.6875C20.125 26.625 20 26.3125 20 26C20 25.75 20.125 25.4375 20.4375 25.375L24 24L25.3125 20.5Z'],
+  name: 'uiSparklesSolid'
+} as IconDefinition

package/src/icons/baseIcons/ui/uiStop.ts

@@ -1,7 +1,6 @@
 import type { IconDefinition } from '../../types'
 
 export default {
-  details: [448, 512, [], '', 'M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm16 400c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V80c0-8.8 7.2-16 16-16h352c8.8 0 16 7.2 16 16v352z'],
-  name: 'uiStop',
-  oldName: 'falStop'
+  details: [32, 32, [], '', 'M28 8V24C28 26.1875 26.1875 28 24 28H8C5.75 28 4 26.1875 4 24V8C4 5.8125 5.75 4 8 4H24C26.1875 4 28 5.8125 28 8Z'],
+  name: 'uiStop'
 } as IconDefinition

package/src/icons/baseIcons/ui/uiStrikethrough.ts

@@ -0,0 +1,6 @@
+import type { IconDefinition } from '../../types'
+
+export default {
+  details: [32, 32, [], '', 'M8.0625 8.22459C7.9375 9.34959 8.125 10.1621 8.4375 10.7871C8.8125 11.4746 9.375 12.0371 10.125 12.5371C11.75 13.5371 13.9375 14.2246 16.375 14.9121H16.5C17.625 15.2246 18.8125 15.5996 19.9375 15.9746H31C31.5 15.9746 32 16.4746 32 16.9746C32 17.5371 31.5 17.9746 31 17.9746H1C0.4375 17.9746 0 17.5371 0 16.9746C0 16.4746 0.4375 15.9746 1 15.9746L13.125 16.0371C11.6875 15.5371 10.25 14.9746 9.0625 14.2246C8.125 13.5996 7.25 12.7871 6.6875 11.7246C6.125 10.6621 5.9375 9.41209 6.125 7.97459C6.125 7.97459 6.125 7.97459 6.125 7.91209C6.5625 5.47459 8.1875 3.78709 10.4375 2.91209C12.625 1.97459 15.4375 1.78709 18.4375 2.22459C19.3125 2.34959 22.0625 2.84959 23 3.09959C23.5 3.28709 23.8125 3.78709 23.6875 4.34959C23.5625 4.84959 23 5.22459 22.5 5.03709C21.625 4.84959 19 4.34959 18.125 4.22459C15.375 3.78709 12.9375 4.03709 11.1875 4.72459C9.4375 5.47459 8.375 6.66209 8.0625 8.22459ZM23.6875 21.0371C23.5 20.6621 23.25 20.2871 22.9375 19.9746H25.375C25.4375 20.0371 25.4375 20.1621 25.5 20.2246C26 21.3496 26.125 22.5996 25.875 24.0371C25.4375 26.4746 23.75 28.1621 21.5 29.0996C19.3125 30.0371 16.5 30.2246 13.5625 29.7871H13.5C11.9375 29.5371 9.375 28.6621 7.625 28.0996C7.25 27.9746 6.9375 27.8496 6.6875 27.7871C6.125 27.5996 5.875 27.0371 6 26.5371C6.1875 25.9746 6.75 25.7246 7.25 25.8496C7.5625 25.9746 7.9375 26.0996 8.3125 26.2246C10.125 26.7871 12.4375 27.5371 13.8125 27.7871C16.5625 28.2246 19 27.9746 20.75 27.2871C22.5 26.5371 23.5625 25.3496 23.875 23.7246C24.0625 22.5996 23.9375 21.7246 23.6875 21.0371Z'],
+  name: 'uiStrikethrough'
+} as IconDefinition

package/src/icons/baseIcons/ui/uiTextSize.ts

@@ -0,0 +1,6 @@
+import type { IconDefinition } from '../../types'
+
+export default {
+  details: [32, 32, [], '', 'M2.5 5H17.5C18.2969 5 19 5.70312 19 6.5V9.5C19 9.92188 18.625 10.25 18.25 10.25C17.8281 10.25 17.5 9.92188 17.5 9.5V6.5H10.75V24.5H13.75C14.125 24.5 14.5 24.875 14.5 25.25C14.5 25.6719 14.125 26 13.75 26H6.25C5.82812 26 5.5 25.6719 5.5 25.25C5.5 24.875 5.82812 24.5 6.25 24.5H9.25V6.5H2.5V9.5C2.5 9.92188 2.125 10.25 1.75 10.25C1.32812 10.25 1 9.92188 1 9.5V6.5C1 5.70312 1.65625 5 2.5 5ZM17.5 14H23.5H29.5C30.2969 14 31 14.7031 31 15.5V17C31 17.4219 30.625 17.75 30.25 17.75C29.8281 17.75 29.5 17.4219 29.5 17V15.5H24.25V24.5H26.5C26.875 24.5 27.25 24.875 27.25 25.25C27.25 25.6719 26.875 26 26.5 26H20.5C20.0781 26 19.75 25.6719 19.75 25.25C19.75 24.875 20.0781 24.5 20.5 24.5H22.75V15.5H17.5V17C17.5 17.4219 17.125 17.75 16.75 17.75C16.3281 17.75 16 17.4219 16 17V15.5C16 14.7031 16.6562 14 17.5 14Z'],
+  name: 'uiTextSize'
+} as IconDefinition

package/src/icons/baseIcons/ui/uiUnderline.ts

@@ -0,0 +1,6 @@
+import type { IconDefinition } from '../../types'
+
+export default {
+  details: [32, 32, [], '', 'M2 3C2 2.5 2.4375 2 3 2H11C11.5 2 12 2.5 12 3C12 3.5625 11.5 4 11 4H8V14C8 18.4375 11.5625 22 16 22C20.375 22 24 18.4375 24 14V4H21C20.4375 4 20 3.5625 20 3C20 2.5 20.4375 2 21 2H29C29.5 2 30 2.5 30 3C30 3.5625 29.5 4 29 4H26V14C26 19.5625 21.5 24 16 24C10.4375 24 6 19.5625 6 14V4H3C2.4375 4 2 3.5625 2 3ZM2 29C2 28.5 2.4375 28 3 28H29C29.5 28 30 28.5 30 29C30 29.5625 29.5 30 29 30H3C2.4375 30 2 29.5625 2 29Z'],
+  name: 'uiUnderline'
+} as IconDefinition

package/src/icons/baseIcons/ui/uiUndo.ts

@@ -0,0 +1,6 @@
+import type { IconDefinition } from '../../types'
+
+export default {
+  details: [32, 32, [], '', 'M3 12C2.4375 12 2 11.5625 2 11V3C2 2.5 2.4375 2 3 2C3.5 2 4 2.5 4 3V8.8125C6.4375 4.75 10.875 2 16 2C23.6875 2 30 8.3125 30 16C30 23.75 23.6875 30 16 30C11 30 6.625 27.4375 4.125 23.5C3.6875 22.8125 4.1875 22 5 22C5.375 22 5.6875 22.25 5.875 22.5625C8 25.8125 11.75 28 16 28C22.625 28 28 22.625 28 16C28 9.375 22.625 4 16 4C11.5 4 7.625 6.4375 5.5625 10H11C11.5 10 12 10.5 12 11C12 11.5625 11.5 12 11 12H3Z'],
+  name: 'uiUndo'
+} as IconDefinition

package/src/t/t.tsx

@@ -6,10 +6,21 @@ export const TBase = styled.spanBox`
   transition-duration: fast;
 `
 
+function getVariantSize(variant?: string, size?: string) {
+  if (variant === 'label' || variant === 'caption' || variant === 'breadcrumb') {
+    return `${variant}_${size}`
+  }
+  return size
+}
+
 /** Displays given text and allows easy styling. */
 export const T = vui<'span', TProps>((props, ref) => {
   const { align, casing, centerV, children, className, decoration, text, weight, ...rest } = omitThemingProps(props)
-  const styles = useStyleConfig('T', props)
+  const styles = useStyleConfig('T', {
+    ...props,
+    variant: props.variant,
+    size: getVariantSize(props.variant, props.size),
+  })
 
   const aliasedProps = filterUndefined({
     alignItems: centerV ? 'center' : undefined,

package/src/t/theme.ts

@@ -17,16 +17,56 @@ const sizes = {
   lg: {
     fontSize: 'lg',
   },
+
+  breadcrumb_xs: {
+    fontSize: 'xs',
+    lineHeight: '16px',
+  },
+  breadcrumb_sm: {
+    fontSize: 'sm',
+    lineHeight: '18px',
+  },
+  breadcrumb_md: {
+    fontSize: 'md',
+    lineHeight: '20px',
+  },
+  breadcrumb_lg: {
+    fontSize: 'lg',
+    lineHeight: '22px',
+  },
+
+  label_sm: {
+    fontSize: '12px',
+    lineHeight: '16px',
+  },
+  label_md: {
+    fontSize: '14px',
+    lineHeight: '18px',
+  },
+  label_lg: {
+    fontSize: '16px',
+    lineHeight: '20px',
+  },
+
+  caption_sm: {
+    fontSize: '14px',
+    lineHeight: '20px',
+  },
+  caption_xs: {
+    fontSize: '12px',
+    lineHeight: '18px',
+  },
 }
 
 const variants = {
   label: {
-    fontSize: 'md',
     fontWeight: 'demi',
   },
   caption: {
-    fontSize: 'sm',
-    fontWeight: 'medium',
+    fontWeight: '400',
+  },
+  breadcrumb: {
+    fontWeight: '400',
   },
 }
 

package/src/tooltip/tooltip.tsx

@@ -8,6 +8,14 @@ import { bg, pointerPlacement, pointerSize } from './consts'
 import type { TooltipProps } from './tooltip.types'
 import { TooltipContent } from './tooltipContent'
 
+const stripHtmlTags = (html: string): string => {
+  const withoutTags = html.replace(/<[^>]*>/g, '')
+  // Decode HTML entities
+  const textarea = document.createElement('textarea')
+  textarea.innerHTML = withoutTags
+  return textarea.value
+}
+
 /**
  * A simple text popup hint.
  *
@@ -27,6 +35,8 @@ export const Tooltip = (props: TooltipProps) => {
     disabled = false,
     visible = false,
     offset = [0, 2],
+    whiteSpace = 'pre-wrap',
+    wordBreak = 'break-word',
   } = props
 
   const isDesktop = useUp('md')
@@ -35,7 +45,14 @@ export const Tooltip = (props: TooltipProps) => {
     <Tippy
       content={
         !!text && (
-          <TooltipContent disabled={disabled} fontSize={fontSize} maxWidth={maxWidth} minWidth={minWidth}>
+          <TooltipContent
+            disabled={disabled}
+            fontSize={fontSize}
+            maxWidth={maxWidth}
+            minWidth={minWidth}
+            whiteSpace={whiteSpace}
+            wordBreak={wordBreak}
+          >
             {isDesktop && (
               <Box
                 bg={disabled ? bg.disabled : bg.regular}
@@ -50,7 +67,7 @@ export const Tooltip = (props: TooltipProps) => {
               />
             )}
             <v.div>
-              {text}
+              {stripHtmlTags(text)}
               {!!linkText && (
                 <>
                   &nbsp;

package/src/tooltip/tooltip.types.ts

@@ -33,4 +33,8 @@ export interface TooltipProps extends ChildrenProp {
   /** Keeping the tooltip always visible @default false  */
   visible?: boolean
   offset?: [number, number]
+  /** CSS white-space property @default 'pre-wrap' */
+  whiteSpace?: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break-spaces'
+  /** CSS word-break property @default 'break-all' */
+  wordBreak?: 'normal' | 'break-all' | 'keep-all' | 'break-word'
 }

package/src/tooltip/tooltipContent.tsx

@@ -8,6 +8,8 @@ export const TooltipContent = ({
   fontSize = '16px',
   maxWidth = '400px',
   minWidth,
+  whiteSpace = 'pre-wrap',
+  wordBreak = 'break-word',
 }: TooltipProps) => (
   <Box
     bg={disabled ? bg.disabled : bg.regular}
@@ -22,7 +24,8 @@ export const TooltipContent = ({
     overflowY="auto"
     p={1}
     px={2}
-    whiteSpace="pre-wrap"
+    whiteSpace={whiteSpace}
+    wordBreak={wordBreak}
   >
     {children}
   </Box>