@eturnity/eturnity_reusable_components 8.26.11-EPDM-11600.15 → 8.26.11-EPDM-16030.0

package/dist/main.es379.js

@@ -1,25 +1,64 @@
-let supported;
-let perf;
-function isPerformanceSupported() {
-  var _a;
-  if (supported !== void 0) {
-    return supported;
+function makeMap(str, expectsLowerCase) {
+  const map = /* @__PURE__ */ Object.create(null);
+  const list = str.split(",");
+  for (let i = 0; i < list.length; i++) {
+    map[list[i]] = true;
   }
-  if (typeof window !== "undefined" && window.performance) {
-    supported = true;
-    perf = window.performance;
-  } else if (typeof globalThis !== "undefined" && ((_a = globalThis.perf_hooks) === null || _a === void 0 ? void 0 : _a.performance)) {
-    supported = true;
-    perf = globalThis.perf_hooks.performance;
-  } else {
-    supported = false;
-  }
-  return supported;
-}
-function now() {
-  return isPerformanceSupported() ? perf.now() : Date.now();
+  return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
 }
+!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
+!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
+const NOOP = () => {
+};
+const extend = Object.assign;
+const hasOwnProperty = Object.prototype.hasOwnProperty;
+const hasOwn = (val, key) => hasOwnProperty.call(val, key);
+const isArray = Array.isArray;
+const isMap = (val) => toTypeString(val) === "[object Map]";
+const isFunction = (val) => typeof val === "function";
+const isString = (val) => typeof val === "string";
+const isSymbol = (val) => typeof val === "symbol";
+const isObject = (val) => val !== null && typeof val === "object";
+const objectToString = Object.prototype.toString;
+const toTypeString = (value) => objectToString.call(value);
+const toRawType = (value) => {
+  return toTypeString(value).slice(8, -1);
+};
+const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
+const cacheStringFunction = (fn) => {
+  const cache = /* @__PURE__ */ Object.create(null);
+  return (str) => {
+    const hit = cache[str];
+    return hit || (cache[str] = fn(str));
+  };
+};
+const capitalize = cacheStringFunction(
+  (str) => str.charAt(0).toUpperCase() + str.slice(1)
+);
+const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
+const def = (obj, key, value) => {
+  Object.defineProperty(obj, key, {
+    configurable: true,
+    enumerable: false,
+    value
+  });
+};
 export {
-  isPerformanceSupported,
-  now
+  NOOP,
+  capitalize,
+  def,
+  extend,
+  hasChanged,
+  hasOwn,
+  isArray,
+  isFunction,
+  isIntegerKey,
+  isMap,
+  isObject,
+  isString,
+  isSymbol,
+  makeMap,
+  objectToString,
+  toRawType,
+  toTypeString
 };

package/dist/main.es380.js

@@ -1,64 +1,25 @@
-function makeMap(str, expectsLowerCase) {
-  const map = /* @__PURE__ */ Object.create(null);
-  const list = str.split(",");
-  for (let i = 0; i < list.length; i++) {
-    map[list[i]] = true;
+let supported;
+let perf;
+function isPerformanceSupported() {
+  var _a;
+  if (supported !== void 0) {
+    return supported;
   }
-  return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
+  if (typeof window !== "undefined" && window.performance) {
+    supported = true;
+    perf = window.performance;
+  } else if (typeof globalThis !== "undefined" && ((_a = globalThis.perf_hooks) === null || _a === void 0 ? void 0 : _a.performance)) {
+    supported = true;
+    perf = globalThis.perf_hooks.performance;
+  } else {
+    supported = false;
+  }
+  return supported;
+}
+function now() {
+  return isPerformanceSupported() ? perf.now() : Date.now();
 }
-!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
-!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
-const NOOP = () => {
-};
-const extend = Object.assign;
-const hasOwnProperty = Object.prototype.hasOwnProperty;
-const hasOwn = (val, key) => hasOwnProperty.call(val, key);
-const isArray = Array.isArray;
-const isMap = (val) => toTypeString(val) === "[object Map]";
-const isFunction = (val) => typeof val === "function";
-const isString = (val) => typeof val === "string";
-const isSymbol = (val) => typeof val === "symbol";
-const isObject = (val) => val !== null && typeof val === "object";
-const objectToString = Object.prototype.toString;
-const toTypeString = (value) => objectToString.call(value);
-const toRawType = (value) => {
-  return toTypeString(value).slice(8, -1);
-};
-const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
-const cacheStringFunction = (fn) => {
-  const cache = /* @__PURE__ */ Object.create(null);
-  return (str) => {
-    const hit = cache[str];
-    return hit || (cache[str] = fn(str));
-  };
-};
-const capitalize = cacheStringFunction(
-  (str) => str.charAt(0).toUpperCase() + str.slice(1)
-);
-const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
-const def = (obj, key, value) => {
-  Object.defineProperty(obj, key, {
-    configurable: true,
-    enumerable: false,
-    value
-  });
-};
 export {
-  NOOP,
-  capitalize,
-  def,
-  extend,
-  hasChanged,
-  hasOwn,
-  isArray,
-  isFunction,
-  isIntegerKey,
-  isMap,
-  isObject,
-  isString,
-  isSymbol,
-  makeMap,
-  objectToString,
-  toRawType,
-  toTypeString
+  isPerformanceSupported,
+  now
 };

package/dist/main.es5.js

@@ -1,8 +1,8 @@
 import { isRuntimeOnly, warn, createRenderer, callWithAsyncErrorHandling } from "./main.es6.js";
 import { Comment, Fragment, Static, Teleport, Text, callWithErrorHandling, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, devtools, getCurrentInstance, guardReactiveProps, h, handleError, initCustomFormatter, inject, isVNode, mergeProps, nextTick, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onServerPrefetch, onUnmounted, onUpdated, openBlock, provide, queuePostFlushCb, renderList, renderSlot, resolveComponent, resolveDynamicComponent, setBlockTracking, setDevtoolsHook, ssrContextKey, useSSRContext, version, watch, watchEffect, withCtx, withDirectives } from "./main.es6.js";
-import { isFunction, isHTMLTag, isSVGTag, isString, looseToNumber, isArray, invokeArrayFns, hyphenate, extend, isOn, isModelListener, capitalize, isSpecialBooleanAttr, includeBooleanAttr } from "./main.es23.js";
-import { camelize } from "./main.es22.js";
-import { capitalize as capitalize2, normalizeClass, normalizeStyle, toDisplayString, toHandlerKey } from "./main.es22.js";
+import { isFunction, isHTMLTag, isSVGTag, isString, looseToNumber, isArray, invokeArrayFns, hyphenate, extend, isOn, isModelListener, capitalize, isSpecialBooleanAttr, includeBooleanAttr } from "./main.es16.js";
+import { camelize } from "./main.es17.js";
+import { capitalize as capitalize2, normalizeClass, normalizeStyle, toDisplayString, toHandlerKey } from "./main.es17.js";
 const svgNS = "http://www.w3.org/2000/svg";
 const doc = typeof document !== "undefined" ? document : null;
 const templateContainer = doc && /* @__PURE__ */ doc.createElement("template");

package/dist/main.es555.js

@@ -1,4 +1,4 @@
-const __vite_glob_0_174 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xOC40Mzg5IDMuMDYxMTNDMTQuMzU3NCAtMS4wMjAzOCA3LjY0MjYzIC0xLjAyMDM4IDMuNTYxMTMgMy4wNjExM0MtMC41MjAzNzYgNy4xNDI2MyAtMC41MjAzNzYgMTMuODU3NCAzLjU2MTEzIDE3LjkzODlDNy42NDI2MyAyMi4wMjA0IDE0LjM1NzQgMjIuMDIwNCAxOC40Mzg5IDE3LjkzODlDMjIuNTIwNCAxMy44NTc0IDIyLjUyMDQgNy4yNzQzIDE4LjQzODkgMy4wNjExM1pNMTYuNDY0IDE0LjI1MjRMMTQuNjIwNyAxNi4wOTU2TDEwLjkzNDIgMTIuNDA5MUw3LjI0NzY1IDE2LjA5NTZMNS40MDQzOSAxNC4yNTI0TDkuMDkwOTEgMTAuNTY1OEw1LjQwNDM5IDYuODc5MzFMNy4yNDc2NSA1LjAzNjA1TDEwLjkzNDIgOC43MjI1N0wxNC42MjA3IDUuMDM2MDVMMTYuNDY0IDYuODc5MzFMMTIuNzc3NCAxMC41NjU4TDE2LjQ2NCAxNC4yNTI0WiIgZmlsbD0iI0ZGNTY1NiIvPgo8L3N2Zz4K";
+const __vite_glob_0_174 = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Ym94PSIxMiAxMiAxNiAxNiIgd2lkdGg9IjE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSI3Ij48L2NpcmNsZT4KPHBhdGggZD0iTTI0Ljk1OTIgMTUuMDQwOEMyMi4yMzgyIDEyLjMxOTcgMTcuNzYxOCAxMi4zMTk3IDE1LjA0MDggMTUuMDQwOEMxMi4zMTk3IDE3Ljc2MTggMTIuMzE5NyAyMi4yMzgyIDE1LjA0MDggMjQuOTU5MkMxNy43NjE4IDI3LjY4MDMgMjIuMjM4MiAyNy42ODAzIDI0Ljk1OTIgMjQuOTU5MkMyNy42ODAzIDIyLjIzODIgMjcuNjgwMyAxNy44NDk1IDI0Ljk1OTIgMTUuMDQwOFpNMjMuNjQyNiAyMi41MDE2TDIyLjQxMzggMjMuNzMwNEwxOS45NTYxIDIxLjI3MjdMMTcuNDk4NCAyMy43MzA0TDE2LjI2OTYgMjIuNTAxNkwxOC43MjczIDIwLjA0MzlMMTYuMjY5NiAxNy41ODYyTDE3LjQ5ODQgMTYuMzU3NEwxOS45NTYxIDE4LjgxNUwyMi40MTM4IDE2LjM1NzRMMjMuNjQyNiAxNy41ODYyTDIxLjE4NSAyMC4wNDM5TDIzLjY0MjYgMjIuNTAxNloiIGZpbGw9IiNGRjU2NTYiPjwvcGF0aD4KPC9zdmc+Cg==";
 export {
   __vite_glob_0_174 as default
 };

package/dist/main.es6.js

@@ -1,7 +1,7 @@
-import { isRef, toRaw, getCurrentScope, isShallow as isShallow$1, isReactive, ReactiveEffect, isProxy, computed as computed$1, pauseTracking, resetTracking, isReadonly, track, proxyRefs, markRaw, shallowReadonly, EffectScope, reactive, shallowReactive, trigger } from "./main.es17.js";
-import { readonly, ref, shallowRef, unref } from "./main.es17.js";
-import { isString, isFunction, getGlobalThis, isArray, NOOP, EMPTY_OBJ, normalizeClass, isObject, extend, normalizeStyle, isOn, isPromise, hasChanged, remove, isSet, isMap, isPlainObject, camelize, capitalize, toHandlerKey, hasOwn, EMPTY_ARR, NO, isBuiltInDirective, isReservedProp, invokeArrayFns, makeMap, looseToNumber, hyphenate, def, toRawType, isModelListener } from "./main.es22.js";
-import { toDisplayString } from "./main.es22.js";
+import { isRef, toRaw, getCurrentScope, isShallow as isShallow$1, isReactive, ReactiveEffect, isProxy, computed as computed$1, pauseTracking, resetTracking, isReadonly, track, proxyRefs, markRaw, shallowReadonly, EffectScope, reactive, shallowReactive, trigger } from "./main.es19.js";
+import { readonly, ref, shallowRef, unref } from "./main.es19.js";
+import { isString, isFunction, getGlobalThis, isArray, NOOP, EMPTY_OBJ, normalizeClass, isObject, extend, normalizeStyle, isOn, isPromise, hasChanged, remove, isSet, isMap, isPlainObject, camelize, capitalize, toHandlerKey, hasOwn, EMPTY_ARR, NO, isBuiltInDirective, isReservedProp, invokeArrayFns, makeMap, looseToNumber, hyphenate, def, toRawType, isModelListener } from "./main.es17.js";
+import { toDisplayString } from "./main.es17.js";
 const stack = [];
 function pushWarningContext(vnode) {
   stack.push(vnode);

package/dist/main.es8.js

@@ -342,7 +342,7 @@ const theme = (() => {
               borderColor: semanticColors.grey[300]
             },
             active: {
-              backgroundColor: semanticColors.purple[50],
+              backgroundColor: semanticColors.purple[100],
               textColor: semanticColors.purple[600],
               borderColor: semanticColors.grey[600]
             },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.26.11-EPDM-11600.15",
+  "version": "8.26.11-EPDM-16030.0",
   "files": [
     "dist",
     "src"

package/src/assets/svgIcons/erase.svg

@@ -1,3 +1,4 @@
-<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M18.4389 3.06113C14.3574 -1.02038 7.64263 -1.02038 3.56113 3.06113C-0.520376 7.14263 -0.520376 13.8574 3.56113 17.9389C7.64263 22.0204 14.3574 22.0204 18.4389 17.9389C22.5204 13.8574 22.5204 7.2743 18.4389 3.06113ZM16.464 14.2524L14.6207 16.0956L10.9342 12.4091L7.24765 16.0956L5.40439 14.2524L9.09091 10.5658L5.40439 6.87931L7.24765 5.03605L10.9342 8.72257L14.6207 5.03605L16.464 6.87931L12.7774 10.5658L16.464 14.2524Z" fill="#FF5656"/>
+<svg fill="none" height="16" viewbox="12 12 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
+<circle cx="20" cy="20" r="7"></circle>
+<path d="M24.9592 15.0408C22.2382 12.3197 17.7618 12.3197 15.0408 15.0408C12.3197 17.7618 12.3197 22.2382 15.0408 24.9592C17.7618 27.6803 22.2382 27.6803 24.9592 24.9592C27.6803 22.2382 27.6803 17.8495 24.9592 15.0408ZM23.6426 22.5016L22.4138 23.7304L19.9561 21.2727L17.4984 23.7304L16.2696 22.5016L18.7273 20.0439L16.2696 17.5862L17.4984 16.3574L19.9561 18.815L22.4138 16.3574L23.6426 17.5862L21.185 20.0439L23.6426 22.5016Z" fill="#FF5656"></path>
 </svg>

package/src/assets/theme.js

@@ -333,7 +333,7 @@ const theme = (() => {
               borderColor: semanticColors.grey[300],
             },
             active: {
-              backgroundColor: semanticColors.purple[50],
+              backgroundColor: semanticColors.purple[100],
               textColor: semanticColors.purple[600],
               borderColor: semanticColors.grey[600],
             },

package/src/components/barchart/composables/useAxisCalculations.js

@@ -68,10 +68,7 @@ export function useAxisCalculations(props, maxValue) {
     // Generate labels including 0 up to numSteps
     const numSteps = Math.floor(max / stepSize)
     for (let i = 0; i <= numSteps; i++) {
-      const stepValue = i * stepSize
-      const roundedStepValueString = stepValue.toFixed(2)
-      const roundedStepValueNumber = parseFloat(roundedStepValueString)
-      labels.push(roundedStepValueNumber)
+      labels.push(i * stepSize)
     }
 
     // Ensure we always have at least 2 labels (0 and max)

package/src/components/barchart/index.vue

@@ -17,8 +17,8 @@
       />
     </ChartControlsWrapper>
     <GraphSection :height="height" :width="width">
-      <YAxis :width="yAxisWidth">
-        <YAxisTitleWrapper v-if="yAxisTitle">
+      <YAxis :height="height" :width="yAxisWidth">
+        <YAxisTitleWrapper v-if="yAxisTitle" :height="yAxisHeight">
           {{ yAxisTitle }}
         </YAxisTitleWrapper>
         <YAxisRow
@@ -51,11 +51,6 @@
           <LoadingOverlay v-if="isLoading">
             <Spinner size="medium" />
           </LoadingOverlay>
-          <InfoCardContainer v-else-if="isDataIssueMessageDisplayed">
-            <RCInfoCard align-items="center">
-              {{ dataIssueMessage }}
-            </RCInfoCard>
-          </InfoCardContainer>
           <SelectionBox
             v-if="selectionSize && isSelectionEnabled"
             :bar-width="barWidth"
@@ -187,7 +182,6 @@
   import ChartControls from './ChartControls'
   import BottomFields from './BottomFields'
   import SelectionBox from './SelectionBox'
-  import RCInfoCard from '../infoCard'
   import Spinner from '../spinner'
   import { numberToString } from '../../helpers/numberConverter'
 
@@ -223,7 +217,6 @@
     TooltipGradientBox,
     ChartControlsWrapper,
     LoadingOverlay,
-    InfoCardContainer,
   } from './styles/chart'
 
   const props = defineProps({
@@ -306,14 +299,6 @@
       type: Boolean,
       default: false,
     },
-    dataIssueMessage: {
-      type: String,
-      default: '',
-    },
-    isDataIssueMessageDisplayed: {
-      type: Boolean,
-      default: false,
-    },
     showPercentageOnTooltip: {
       type: Boolean,
       default: false,

package/src/components/barchart/styles/chart.js

@@ -16,9 +16,12 @@ export const GraphSection = styled('div', { width: String, height: String })`
   display: flex;
 `
 
-export const YAxis = styled('div', { width: String })`
+export const YAxis = styled('div', { width: String, height: String })`
   width: ${(props) => props.width};
+  display: flex;
+  flex-direction: column;
   position: relative;
+  height: ${(props) => props.height};
 `
 
 export const YAxisRow = styled('div', { percentage: Number })`
@@ -26,13 +29,10 @@ export const YAxisRow = styled('div', { percentage: Number })`
   align-items: center;
   width: 100%;
   position: absolute;
-  height: 1px;
+  height: 0;
   bottom: ${(props) =>
     Number.isFinite(props.percentage) ? `${props.percentage}%` : '0'};
-  ${(props) =>
-    Number.isFinite(props.percentage) && props.percentage === 100
-      ? 'transform: translateY(1px)'
-      : ''};
+  transform: translateY(50%);
 `
 
 export const YAxisLabel = styled.div`
@@ -50,24 +50,25 @@ export const YAxisLine = styled('div', { yAxisWidth: String })`
   right: -10px;
   left: calc(${(props) => props.yAxisWidth} - 10px);
   height: 1px;
-  background-color: ${(props) => props.theme.semanticColors.grey[400]};
+  background-color: rgba(0, 0, 0, 0.1);
   width: 12px;
   z-index: 0;
+  top: 50%;
+  transform: translateY(-50%);
 `
 
-export const YAxisTitleWrapper = styled('div')`
+export const YAxisTitleWrapper = styled('div', { height: String })`
+  position: absolute;
+  left: -66px;
+  top: ${(props) => props.height};
+  transform: rotate(-90deg) translateX(50%);
+  transform-origin: right;
   font-size: 12px;
-  font-weight: 500;
-  color: ${(props) => props.theme.semanticColors.grey[700]};
-  white-space: nowrap;
-  height: 0;
-  width: 0;
+  color: ${(props) => props.theme.semanticColors.teal[600]};
   display: flex;
-  align-items: flex-start;
-  justify-content: center;
-  position: absolute;
-  top: 50%;
-  transform: rotate(-90deg);
+  align-items: center;
+  white-space: nowrap;
+  font-family: ${(props) => props.theme.fonts.mainFont};
 `
 
 export const ScrollContainer = styled('div', {
@@ -89,8 +90,6 @@ export const ChartContent = styled('div', {
   height: ${(props) => props.height};
   position: relative;
   background: ${(props) => props.theme.semanticColors.grey[100]};
-  border-bottom: ${(props) =>
-    `1px solid ${props.theme.semanticColors.grey[400]}`};
   ${(props) =>
     props.isScrollable
       ? ` min-width: ${props.totalBars * (props.barWidth + 8) + 24}px;`
@@ -180,7 +179,7 @@ export const XAxisLabelHighlight = styled.div`
 export const XAxisLine = styled.div`
   width: 1px;
   height: 6px;
-  background-color: ${(props) => props.theme.semanticColors.grey[400]};
+  background-color: rgba(0, 0, 0, 0.1);
   position: absolute;
   bottom: -6px;
   left: 50%;
@@ -272,13 +271,3 @@ export const LoadingOverlay = styled('div')`
   align-items: center;
   z-index: 2;
 `
-
-export const InfoCardContainer = styled('div')`
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 500px;
-  max-width: 500px;
-  z-index: 2;
-`

package/src/components/buttons/mainButton/index.vue

@@ -21,7 +21,7 @@
           :name="icon"
           size="14px"
         />
-        {{ text }}
+        {{ isFirstLetterCapitalized ? capitalizeFirstLetter(text) : text }}
       </LabelComponent>
     </ButtonContainer>
   </PageContainer>
@@ -231,6 +231,10 @@
         default: 'medium',
         required: false,
       },
+      isFirstLetterCapitalized: {
+        type: Boolean,
+        default: false,
+      },
     },
     computed: {
       theme() {
@@ -246,5 +250,10 @@
               .default.textColor
       },
     },
+    methods: {
+      capitalizeFirstLetter(word) {
+        return word.charAt(0).toUpperCase() + word.slice(1)
+      },
+    },
   }
 </script>

package/src/components/inputs/inputNumber/InputNumber.stories.js

@@ -3,15 +3,15 @@ import InputNumber from './index.vue'
 export default {
   title: 'InputNumber',
   component: InputNumber,
+  // argTypes: {},
 }
 
-const Template = (args) => ({
+const Template = (args, { argTypes }) => ({
   // Components used in your story `template` are defined in the `components` object
   components: { InputNumber },
-  setup() {
-    return { args: args }
-  },
-  template: `<InputNumber v-bind="args" />`,
+  // The story's `args` need to be mapped into the template through the `setup()` method
+  props: Object.keys(argTypes),
+  template: '<input-number v-bind="$props" />',
 
   // import InputNumber from "@eturnity/eturnity_reusable_components/src/components/inputs/inputNumber"
   // How to use:

package/src/components/inputs/inputNumber/index.vue

@@ -50,6 +50,7 @@
             :color-mode="colorMode"
             :data-id="inputDataId"
             :data-qa-id="dataQaId"
+            :disabled="disabled && !isDisabledStyledOnly"
             :font-color="colorMode === 'transparent' ? 'white' : fontColor"
             :font-size="fontSize"
             :has-label-slot="hasLabelSlot"
@@ -57,7 +58,7 @@
             :has-unit="unitName && !!unitName.length"
             :input-height="inputHeight"
             :is-border-error-only="isBorderErrorOnly"
-            :is-disabled="disabled && !isDisabledStyledOnly"
+            :is-disabled="disabled"
             :is-error="isError"
             :is-info-border="isInfoBorder"
             :is-interactive="isInteractive"
@@ -95,6 +96,7 @@
         :color-mode="colorMode"
         :data-id="inputDataId"
         :data-qa-id="dataQaId"
+        :disabled="disabled && !isDisabledStyledOnly"
         :font-color="colorMode === 'transparent' ? 'white' : fontColor"
         :font-size="fontSize"
         :has-label-slot="hasLabelSlot"
@@ -102,7 +104,7 @@
         :has-unit="unitName && !!unitName.length"
         :input-height="inputHeight"
         :is-border-error-only="isBorderErrorOnly"
-        :is-disabled="disabled && !isDisabledStyledOnly"
+        :is-disabled="disabled"
         :is-error="isError"
         :is-info-border="isInfoBorder"
         :is-interactive="isInteractive"
@@ -746,7 +748,6 @@
         default: '',
       },
       dataQaId: {
-        type: String,
         required: false,
         default: '',
       },

package/src/components/pageSubtitle/index.vue

@@ -5,8 +5,7 @@
     :has-info-text="!!infoText"
     :margin-bottom="marginBottom"
   >
-    <span v-if="containsHtml" data-test-id="page_subtitle_text" v-html="text"></span>
-    <span v-else data-test-id="page_subtitle_text">
+    <span data-test-id="page_subtitle_text">
       {{ text }}
     </span>
     <InfoText
@@ -59,11 +58,6 @@
         required: true,
         type: String,
       },
-      containsHtml: {
-        required: false,
-        type: Boolean,
-        default: false,
-      },
       color: {
         required: false,
         type: String,