axitech-widget 1.0.0-beta.2 → 1.0.0-beta.3

package/package.json

@@ -89,5 +89,5 @@
     "tailwind-merge": "^1.14.0",
     "vue-tel-input": "^8.1.3"
   },
-  "version": "1.0.0-beta.2"
+  "version": "1.0.0-beta.3"
 }

package/src/assets/styles/main.sass

@@ -81,16 +81,25 @@
   html
     font-family: var(--widget-font-family), system-ui, sans-serif
 #axitech-claims-widget
-  font-family: var(--widget-font-family), sans-serif
+  font-family: var(--widget-font-family-secondary), sans-serif
   @apply text-fontPrimary-500
   & *
     transition-property: color, background, background-color, fill
     transition-duration: 150ms
     transition-timing-function: ease
+  @mixin title-primary($index, $font-size, $line-height)
+    .title-primary#{$index}, .title-primary#{$index}-bold
+      font-style: normal
+      font-family: var(--widget-font-family), sans-serif
+      font-size: $font-size
+      line-height: $line-height
+      letter-spacing: -0.02em
+    .title-primary#{$index}-bold
+      font-weight: bold
   @mixin title($index, $font-size, $line-height)
     .title#{$index}, .title#{$index}-bold
       font-style: normal
-      font-family: var(--widget-font-family), sans-serif
+      font-family: var(--widget-font-family-secondary), sans-serif
       font-size: $font-size
       line-height: $line-height
       letter-spacing: -0.02em
@@ -123,6 +132,10 @@
   @include title(2, 1.25rem, 1.75rem)
   @include title(3, 1.125rem, 1.6875rem)
   @include title(4, 1rem, 1.375rem)
+  @include title-primary(1, 1.5rem, 2.125rem)
+  @include title-primary(2, 1.25rem, 1.75rem)
+  @include title-primary(3, 1.125rem, 1.6875rem)
+  @include title-primary(4, 1rem, 1.375rem)
 
   @include body(1, 1rem, 1.5rem)
   @include body(2, 0.875rem, 1.25rem)

package/src/components/claims-widget/components/FormRenderer.vue

@@ -11,7 +11,7 @@
       @click="emit('back')"
     >
       <Icon icon="mdi-light:chevron-left" height="32" />
-      <p class="title3-bold group-hover:underline">{{ title }}</p>
+      <p class="title-primary3-bold group-hover:underline">{{ title }}</p>
     </WButton>
     <JsonForm
       :data="data"

package/src/components/claims-widget/components/StepSelector.vue

@@ -1,10 +1,10 @@
 <template>
   <Transition :name="transitionName" mode="out-in">
     <div>
-      <h2 v-if="!isBackButtonVisible" class="title3-bold font-medium mb-4">{{ title }}</h2>
+      <h2 v-if="!isBackButtonVisible" class="title-primary3-bold font-medium mb-4">{{ title }}</h2>
       <WButton v-else type="ghost" class="group mb-4 hover:bg-white !-ml-4" @click="emit('back')">
         <Icon icon="mdi-light:chevron-left" height="2rem" />
-        <h2 class="title3-bold font-medium group-hover:underline">{{ title }}</h2>
+        <h2 class="title-primary3-bold font-medium group-hover:underline">{{ title }}</h2>
       </WButton>
       <p class="body3 text-fontSecondary-500 mb-9">
         {{ description }}

package/dist/Modal-27d65b1f.mjs

@@ -1,4 +0,0 @@
-import { b as _sfc_main } from "./index-f920e152.mjs";
-export {
-  _sfc_main as default
-};

package/dist/WidgetIcon-53ce26a8.mjs

@@ -1,4 +0,0 @@
-import { d as _sfc_main } from "./index-f920e152.mjs";
-export {
-  _sfc_main as default
-};