@eturnity/eturnity_reusable_components 9.34.1 → 9.34.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "9.34.1",
+  "version": "9.34.3",
   "files": [
     "dist",
     "src"

package/src/components/infoText/index.vue

@@ -244,14 +244,10 @@
         default: '400px',
         type: String,
       },
-      // Floor for the measured popup width; lower it (e.g. '0') for short
-      // tooltip-style content.
       minWidth: {
         default: '230px',
         type: String,
       },
-      // Padding of the popup box; tighten (e.g. '6px 10px') for
-      // tooltip-style content.
       contentPadding: {
         default: '',
         type: String,
@@ -579,15 +575,11 @@
         clone.style.whiteSpace = 'nowrap' // Prevent text wrapping during measurement
         document.body.appendChild(clone)
 
-        // Get fresh content width from clone. offsetWidth rounds to an
-        // integer, which can under-measure by <1px and wrap an exact-fit
-        // line — use the subpixel rect width, ceiled.
+        // Get fresh content width from clone
         const contentWidth = Math.ceil(clone.getBoundingClientRect().width)
         document.body.removeChild(clone)
 
-        // Calculate new width. The measured clone is the bare text span, but
-        // TextOverlay wraps it with 10px horizontal padding each side under
-        // border-box sizing — compensate or exact-fit content wraps.
+        // Calculate new width
         const TEXT_OVERLAY_HORIZONTAL_PADDING_PX = 20
         const calculatedWidth = Math.min(
           Math.max(
@@ -665,9 +657,6 @@
         }
       })
 
-      // The text can change while the popup is open (e.g. a save button's
-      // tooltip flipping to "saving in progress" mid-hover) — re-measure so
-      // the box fits the new content instead of wrapping in the old width.
       watch(
         () => props.text,
         async () => {

package/src/components/infoText/infoText.spec.js

@@ -83,9 +83,7 @@ describe('InfoText Component', () => {
     const showPopup = async (w) => {
       w.vm.isMobile = false
       await w.vm.$nextTick()
-      // the hover listener sits on the component root
       await w.trigger("mouseenter")
-      // updatePosition awaits two ticks before measuring
       await new Promise((resolve) => setTimeout(resolve))
       await w.vm.$nextTick()
     }
@@ -96,7 +94,6 @@ describe('InfoText Component', () => {
         global: { stubs: { teleport: true } },
       })
       await showPopup(roomy)
-      // jsdom measures content at 0px, so the floor is what remains
       expect(roomy.vm.infoBoxWidth).toBe(230)
     })
 
@@ -117,7 +114,6 @@ describe('InfoText Component', () => {
         global: { stubs: { teleport: true } },
       })
       await showPopup(small)
-      // jsdom content measures 0px; only the padding compensation remains
       expect(small.vm.infoBoxWidth).toBe(20)
     })
   })
@@ -126,8 +122,6 @@ describe('InfoText Component', () => {
     let rectSpy
 
     beforeEach(() => {
-      // jsdom measures everything at 0; size rects from text length so the
-      // popup width tracks the measured clone's content.
       rectSpy = jest
         .spyOn(Element.prototype, 'getBoundingClientRect')
         .mockImplementation(function () {

package/src/components/styledText/index.js

@@ -4,9 +4,11 @@ const TEXT_VARIANTS = {
   HEADING_SMALL: 'heading-small',
   HEADING_MEDIUM: 'heading-medium',
   HEADING_LARGE: 'heading-large',
+  BODY_XSMALL: 'body-xsmall',
   BODY_SMALL: 'body-small',
   BODY_MEDIUM: 'body-medium',
   BODY_LARGE: 'body-large',
+  SUBHEADING_XSMALL: 'subheading-xsmall',
   SUBHEADING_SMALL: 'subheading-small',
   SUBHEADING_MEDIUM: 'subheading-medium',
   SUBHEADING_LARGE: 'subheading-large',
@@ -31,11 +33,17 @@ const textVariants = {
     lineHeight: '130%',
     letterSpacing: '-0.36px',
   },
+  [TEXT_VARIANTS.SUBHEADING_XSMALL]: {
+    fontSize: '10px',
+    fontWeight: '500',
+    lineHeight: '140%',
+    letterSpacing: '-1%',
+  },
   [TEXT_VARIANTS.SUBHEADING_SMALL]: {
     fontSize: '12px',
     fontWeight: '500',
     lineHeight: '140%',
-    letterSpacing: '-0.12px',
+    letterSpacing: '-1%',
   },
   [TEXT_VARIANTS.SUBHEADING_MEDIUM]: {
     fontSize: '14px',
@@ -49,6 +57,11 @@ const textVariants = {
     lineHeight: '140%',
     letterSpacing: '-0.16px',
   },
+  [TEXT_VARIANTS.BODY_XSMALL]: {
+    fontSize: '10px',
+    fontWeight: '400',
+    lineHeight: '150%',
+  },
   [TEXT_VARIANTS.BODY_SMALL]: {
     fontSize: '12px',
     fontWeight: '400',