cja-phoenix 0.2.13 → 0.2.15

package/src/assets/iconia/style.css

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'CGG-icomoon';
-  src:  url('fonts/CGG-icomoon.eot?4aj4fi');
-  src:  url('fonts/CGG-icomoon.eot?4aj4fi#iefix') format('embedded-opentype'),
-    url('fonts/CGG-icomoon.ttf?4aj4fi') format('truetype'),
-    url('fonts/CGG-icomoon.woff?4aj4fi') format('woff'),
-    url('fonts/CGG-icomoon.svg?4aj4fi#CGG-icomoon') format('svg');
+  src:  url('fonts/CGG-icomoon.eot?581rb2');
+  src:  url('fonts/CGG-icomoon.eot?581rb2#iefix') format('embedded-opentype'),
+    url('fonts/CGG-icomoon.ttf?581rb2') format('truetype'),
+    url('fonts/CGG-icomoon.woff?581rb2') format('woff'),
+    url('fonts/CGG-icomoon.svg?581rb2#CGG-icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -25,6 +25,12 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.m-cgg-icon--filters:before {
+  content: "\ea31";
+}
+.m-cgg-icon--search:before {
+  content: "\ea32";
+}
 .m-cgg-icon--macro-step-contact:before {
   content: "\ea24";
 }

package/src/assets/iconia/style.scss

@@ -2,11 +2,11 @@
 
 @font-face {
   font-family: '#{$icomoon-font-family}';
-  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?4aj4fi');
-  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?4aj4fi#iefix') format('embedded-opentype'),
-    url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?4aj4fi') format('truetype'),
-    url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?4aj4fi') format('woff'),
-    url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?4aj4fi##{$icomoon-font-family}') format('svg');
+  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?581rb2');
+  src:  url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?581rb2#iefix') format('embedded-opentype'),
+    url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?581rb2') format('truetype'),
+    url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?581rb2') format('woff'),
+    url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?581rb2##{$icomoon-font-family}') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -27,6 +27,16 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.m-cgg-icon--filters {
+  &:before {
+    content: $m-cgg-icon--filters; 
+  }
+}
+.m-cgg-icon--search {
+  &:before {
+    content: $m-cgg-icon--search; 
+  }
+}
 .m-cgg-icon--macro-step-contact {
   &:before {
     content: $m-cgg-icon--macro-step-contact; 

package/src/assets/iconia/variables.scss

@@ -1,6 +1,8 @@
 $icomoon-font-family: "CGG-icomoon" !default;
 $icomoon-font-path: "fonts" !default;
 
+$m-cgg-icon--filters: "\ea31";
+$m-cgg-icon--search: "\ea32";
 $m-cgg-icon--macro-step-contact: "\ea24";
 $m-cgg-icon--macro-step-checkout: "\ea2e";
 $m-cgg-icon--macro-step-results: "\ea2f";

package/src/components/forms/RadioInput.vue

@@ -9,7 +9,11 @@
           @change="handleChange"
         />
         <div class="radio-icon"></div>
-        <div class="text-container" v-html="label"></div>
+        <div
+          class="text-container"
+          :class="[`size-${size}`]"
+          v-html="label"
+        ></div>
       </label>
     </div>
 
@@ -26,6 +30,7 @@ const props = withDefaults(
     value: any;
     label: string;
     modelValue?: any;
+    size?: "sm" | "md" | "lg";
     error?: string;
     errorDisplay?: boolean;
   }>(),
@@ -44,6 +49,8 @@ const emit = defineEmits(["update:modelValue"]);
 </script>
 
 <style lang="scss" scoped>
+@import "../../assets/forms.scss";
+
 .input-container-radio {
   label {
     display: flex;
@@ -71,8 +78,8 @@ const emit = defineEmits(["update:modelValue"]);
     }
 
     .text-container {
-      font-size: 16px;
-      line-height: 19px;
+      @include input-title;
+
       user-select: none;
 
       a {

package/src/components/forms/{InputToggle.vue → ToggleInput.vue}

@@ -18,7 +18,7 @@
 <script lang="ts" setup>
 import { InputHTMLAttributes } from "vue";
 
-const props = withDefaults(
+withDefaults(
   defineProps<{
     size?: "sm" | "md" | "lg";
     disabled?: InputHTMLAttributes["disabled"];
@@ -30,13 +30,13 @@ const props = withDefaults(
     errorDisplay?: boolean;
   }>(),
   {
-    size: "sm",
+    size: "md",
     disabled: false,
     errorDisplay: true,
   }
 );
 
-const emit = defineEmits(["update:modelValue"]);
+defineEmits(["update:modelValue"]);
 </script>
 
 <style lang="scss" scoped>
@@ -47,17 +47,12 @@ const emit = defineEmits(["update:modelValue"]);
   flex-direction: row;
   align-items: center;
   gap: 10px;
+  @include input-title;
 
   &.full-width {
     justify-content: space-between;
   }
 
-  .label {
-    @include input-title;
-
-    font-weight: 700;
-  }
-
   .toggler {
     position: relative;
     width: 36px;

package/src/components/index.ts

@@ -17,7 +17,7 @@ import TileCheckboxInput from "./forms/TileCheckboxInput.vue";
 import SelectInput from "./forms/SelectInput.vue";
 import FileInput from "./forms/FileInput.vue";
 import NumberInput from "./forms/NumberInput.vue";
-import InputToggle from "./forms/InputToggle.vue";
+import ToggleInput from "./forms/ToggleInput.vue";
 import SelectionTiles from "./forms/SelectionTiles.vue";
 
 import JourneyMacroSteps from "./composite/JourneyMacroSteps.vue";
@@ -47,7 +47,7 @@ export {
   LoadingSpinner,
   Scaffold,
   ProductDetails,
-  InputToggle,
+  ToggleInput,
   FileInput,
   ContentTabs,
   CollapseContainer,

package/src/components/structural/CollapseContainer.vue

@@ -24,14 +24,19 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
-const props = defineProps<{
-  defaultActive?: boolean;
-  scrollToContent?: {
-    element: HTMLElement;
-  };
-}>();
-
-const active = ref(props.defaultActive);
+const props = withDefaults(
+  defineProps<{
+    active?: boolean;
+    scrollToContent?: {
+      element: HTMLElement;
+    };
+  }>(),
+  {
+    active: false,
+  }
+);
+
+const active = ref(props.active);
 const contentContainer = ref();
 const contentWrapper = ref();
 const containerHeight = ref();