@webitel/ui-sdk 25.8.1 → 25.8.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "25.8.1",
+  "version": "25.8.3",
   "private": false,
   "scripts": {
     "dev": "npm run docs:dev",

package/src/components/wt-label/wt-label.vue

@@ -3,6 +3,7 @@
     :class="{
       'wt-label--invalid': invalid,
       'wt-label--disabled': disabled,
+      'wt-label--required': required,
     }"
     class="wt-label"
   >
@@ -11,24 +12,13 @@
   </label>
 </template>
 
-<script>
-export default {
-  name: 'WtLabel',
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-    invalid: {
-      type: Boolean,
-      default: false,
-    },
-    hint: {
-      type: String,
-      description: 'Adds hint icon + tooltip with text, passed as "hint" prop',
-    },
-  },
-};
+<script lang="ts" setup>
+defineProps<{
+  disabled?: boolean;
+  invalid?: boolean;
+  required?: boolean;
+  hint?: string;
+}>();
 </script>
 
 <style lang="scss">
@@ -55,6 +45,12 @@ export default {
   &--disabled {
     color: var(--wt-label-disabled-color);
   }
+
+  &--required {
+    &::after {
+      content: '*';
+    }
+  }
 }
 
 .wt-hint {

package/src/components/wt-textarea/wt-textarea.vue

@@ -10,6 +10,7 @@
     <wt-label
       :disabled="disabled"
       :for="name"
+      :required="required"
       :invalid="invalid"
       v-bind="labelProps"
     >
@@ -18,7 +19,7 @@
         name="label"
         v-bind="{ label }"
       >
-        {{ requiredLabel }}
+        {{ label }}
       </slot>
     </wt-label>
     <div class="wt-textarea__wrapper">
@@ -60,10 +61,14 @@
 
 <script>
 import validationMixin from '../../mixins/validationMixin/validationMixin.js';
+import { WtLabel } from '../index';
 
 export default {
   name: 'WtTextarea',
   mixins: [validationMixin],
+  components: {
+    WtLabel,
+  },
   props: {
     /**
      * Current textarea value (`v-model`)
@@ -101,6 +106,10 @@ export default {
       default: false,
       description: 'Native textarea disabled attribute',
     },
+    required: {
+      type: Boolean,
+      default: false,
+    },
     /**
      * textarea name
      */
@@ -135,10 +144,6 @@ export default {
         keypress: (event) => this.handleKeypress(event),
       };
     },
-
-    requiredLabel() {
-      return this.required ? `${this.label}*` : this.label;
-    },
   },
   mounted() {
     this.updateInputPaddings();

package/src/modules/AuditForm/components/audit-form-question-read-wrapper.vue

@@ -141,6 +141,8 @@ const resetAnswer = () => {
 }
 
 .audit-form-question-read-text {
+  overflow-wrap: anywhere; // break words in text with no spaces, but preserve words if text has spaces
+
   &--required {
     &:after {
       content: '*';