@axa-fr/design-system-look-and-feel-css 0.2.0-beta.306

package/dist/Tabs/Tabs.scss

@@ -0,0 +1,63 @@
+@use "../common/common" as common;
+
+.af-tabs-client {
+  display: flex;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  flex-direction: column;
+  font-family: "Source Sans Pro", arial, sans-serif;
+
+  & > [role="tablist"] {
+    display: flex;
+    width: 100%;
+    margin-bottom: common.$spacing-u1;
+    box-shadow: inset 0 -2px 0 0 common.$color-gray-300;
+  }
+
+  & [role="tab"] {
+    all: unset;
+    position: relative;
+    padding: 1rem;
+    font-size: 1.25rem;
+    line-height: common.$sizing-u2;
+    text-align: center;
+    cursor: pointer;
+
+    & > span {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+
+    &[aria-selected="true"] {
+      border-bottom: 4px solid common.$color-axa;
+      font-weight: 600;
+      color: common.$color-axa;
+    }
+  }
+
+  &--center {
+    & > [role="tablist"] {
+      justify-content: center;
+    }
+
+    & [role="tab"] {
+      width: 100%;
+      flex-grow: 1;
+    }
+  }
+
+  & [role="tab"]:focus {
+    outline: unset;
+  }
+
+  & [role="tab"]:focus-visible {
+    outline: 2px solid common.$color-blue-3;
+    outline-offset: 3px;
+  }
+
+  & > [role="tabpanel"][aria-hidden="true"] {
+    display: none;
+  }
+}

package/dist/Tag/Tag.css

@@ -0,0 +1 @@
+.af-tag{align-items:center;background-color:#fff;border:1px solid #5f5f5f;border-radius:.25rem;color:#5f5f5f;cursor:default;display:inline-flex;font-family:Source Sans Pro,arial,sans-serif;gap:.625rem;justify-content:center;padding:.125rem .5rem}.af-tag span{font-size:1rem;font-weight:600;line-height:1.25rem}.af-tag--success{border-color:#118635;color:#118635}.af-tag--error{border-color:#c91432;color:#c91432}.af-tag--warning{border-color:#c94e14;color:#c94e14}.af-tag--info{border-color:#00008f;color:#00008f}@media (width <= 667px){.af-tag span{font-size:.875rem;line-height:1.094rem}}

package/dist/Tag/Tag.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tag/Tag.scss%23sass","../../src/common/common.scss","../../src/Tag/Tag.scss"],"names":[],"mappings":"AAEA,QAKE,kBAAA,CAKA,qBAAA,CAPA,wBAAA,CACA,oBAAA,CAKA,aAAA,CAEA,cAAA,CAVA,mBAAA,CAOA,4CCVuB,CDSvB,WAAA,CADA,sBAAA,CENF,qBAUA,CFGE,aACE,cAAA,CACA,eAAA,CACA,mBEDJ,CFIE,iBACE,oBAAA,CACA,aEFJ,CFKE,eACE,oBAAA,CACA,aEHJ,CFME,iBACE,oBAAA,CACA,aEJJ,CFOE,cACE,oBAAA,CACA,aELJ,CFQE,wBACE,aENF,iBAAA,CFQI,oBENJ,CACF","file":"Tag.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-tag {\n  display: inline-flex;\n  padding: 0.125rem 0.5rem;\n  border: 1px solid common.$color-gray;\n  border-radius: 0.25rem;\n  align-items: center;\n  justify-content: center;\n  gap: 0.625rem;\n  font-family: common.$font-family-base;\n  color: common.$color-gray;\n  background-color: common.$color-white;\n  cursor: default;\n\n  span {\n    font-size: 1rem;\n    font-weight: 600;\n    line-height: 1.25rem;\n  }\n\n  &--success {\n    border-color: common.$color-green-600;\n    color: common.$color-green-600;\n  }\n\n  &--error {\n    border-color: common.$color-red-700;\n    color: common.$color-red-700;\n  }\n\n  &--warning {\n    border-color: common.$color-btn-business;\n    color: common.$color-btn-business;\n  }\n\n  &--info {\n    border-color: common.$color-axa;\n    color: common.$color-axa;\n  }\n\n  @media (width <= 667px) {\n    span {\n      font-size: 0.875rem;\n      line-height: 1.094rem;\n    }\n  }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n","@use \"../common/common\" as common;\n\n.af-tag {\n  display: inline-flex;\n  padding: 0.125rem 0.5rem;\n  border: 1px solid common.$color-gray;\n  border-radius: 0.25rem;\n  align-items: center;\n  justify-content: center;\n  gap: 0.625rem;\n  font-family: common.$font-family-base;\n  color: common.$color-gray;\n  background-color: common.$color-white;\n  cursor: default;\n\n  span {\n    font-size: 1rem;\n    font-weight: 600;\n    line-height: 1.25rem;\n  }\n\n  &--success {\n    border-color: common.$color-green-600;\n    color: common.$color-green-600;\n  }\n\n  &--error {\n    border-color: common.$color-red-700;\n    color: common.$color-red-700;\n  }\n\n  &--warning {\n    border-color: common.$color-btn-business;\n    color: common.$color-btn-business;\n  }\n\n  &--info {\n    border-color: common.$color-axa;\n    color: common.$color-axa;\n  }\n\n  @media (width <= 667px) {\n    span {\n      font-size: 0.875rem;\n      line-height: 1.094rem;\n    }\n  }\n}\n"]}

package/dist/Tag/Tag.scss

@@ -0,0 +1,48 @@
+@use "../common/common" as common;
+
+.af-tag {
+  display: inline-flex;
+  padding: 0.125rem 0.5rem;
+  border: 1px solid common.$color-gray;
+  border-radius: 0.25rem;
+  align-items: center;
+  justify-content: center;
+  gap: 0.625rem;
+  font-family: common.$font-family-base;
+  color: common.$color-gray;
+  background-color: common.$color-white;
+  cursor: default;
+
+  span {
+    font-size: 1rem;
+    font-weight: 600;
+    line-height: 1.25rem;
+  }
+
+  &--success {
+    border-color: common.$color-green-600;
+    color: common.$color-green-600;
+  }
+
+  &--error {
+    border-color: common.$color-red-700;
+    color: common.$color-red-700;
+  }
+
+  &--warning {
+    border-color: common.$color-btn-business;
+    color: common.$color-btn-business;
+  }
+
+  &--info {
+    border-color: common.$color-axa;
+    color: common.$color-axa;
+  }
+
+  @media (width <= 667px) {
+    span {
+      font-size: 0.875rem;
+      line-height: 1.094rem;
+    }
+  }
+}

package/dist/Title/Title.css

@@ -0,0 +1 @@
+.af-title{color:#333;gap:.25rem}.af-title__title{font-family:Publico Headline;font-weight:700;margin:0}.af-title__subtitle{display:block;font-family:Source Sans Pro,arial,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.4rem}.af-title__icon{border-radius:.75rem;box-shadow:0 .125rem .5rem 0 #00008f26}.af-title__text-container{display:grid;gap:.25rem}.af-title:has(.af-title__icon){display:flex;gap:.75rem}.af-title:has(.af-title__icon) .af-title__title{color:#00008f}.af-title--xl h1.af-title__title{font-size:2rem;line-height:2.5rem}.af-title--l h1.af-title__title{font-size:1.5rem;line-height:1.875rem}@media (width <= 1023px){.af-title--xl h1.af-title__title{font-size:1.5rem;line-height:1.875rem}.af-title--l h1.af-title__title{font-size:1.25rem;line-height:1.56rem}.af-title span.af-title__subtitle{font-size:1rem;line-height:1.25rem}}

package/dist/Title/Title.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Title/Title.scss%23sass","../../src/Title/Title.scss","../../src/common/common.scss"],"names":[],"mappings":"AAEA,UCAA,UAAA,CDCE,UCAF,CDGE,iBAEE,4BAAA,CACA,eAAA,CAFA,QCCJ,CDIE,oBACE,aAAA,CACA,4CEdqB,CFerB,kBAAA,CACA,eAAA,CACA,kBCFJ,CDKE,gBACE,oBAAA,CACA,sCCHJ,CDME,0BACE,YAAA,CACA,UCJJ,CDOE,+BACE,YAAA,CACA,UCLJ,CDOI,gDACE,aCLN,CDUI,iCACE,cAAA,CACA,kBCRN,CDaI,gCACE,gBAAA,CACA,oBCXN,CDgBA,yBAGM,iCACE,gBAAA,CACA,oBCfN,CDoBI,gCClBJ,iBAAA,CDoBM,mBClBN,CDsBE,kCACE,cAAA,CCpBJ,mBACF,CACA","file":"Title.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-title {\n  gap: 0.25rem;\n  color: common.$color-gray-900;\n\n  &__title {\n    margin: 0;\n    font-family: common.$font-family-publico;\n    font-weight: 700;\n  }\n\n  &__subtitle {\n    display: block;\n    font-family: common.$font-family-base;\n    font-size: 1.125rem;\n    font-weight: 400;\n    line-height: 1.4rem;\n  }\n\n  &__icon {\n    border-radius: 0.75rem;\n    box-shadow: 0 0.125rem 0.5rem 0 rgba(common.$color-axa, 0.15);\n  }\n\n  &__text-container {\n    display: grid;\n    gap: 0.25rem;\n  }\n\n  &:has(&__icon) {\n    display: flex;\n    gap: 0.75rem;\n\n    .af-title__title {\n      color: common.$color-axa;\n    }\n  }\n\n  &--xl {\n    h1.af-title__title {\n      font-size: 2rem;\n      line-height: 2.5rem;\n    }\n  }\n\n  &--l {\n    h1.af-title__title {\n      font-size: 1.5rem;\n      line-height: 1.875rem;\n    }\n  }\n}\n\n@media (width <= #{common.$breakpoint-md}) {\n  .af-title {\n    &--xl {\n      h1.af-title__title {\n        font-size: 1.5rem;\n        line-height: 1.875rem;\n      }\n    }\n\n    &--l {\n      h1.af-title__title {\n        font-size: 1.25rem;\n        line-height: 1.56rem;\n      }\n    }\n\n    span.af-title__subtitle {\n      font-size: 1rem;\n      line-height: 1.25rem;\n    }\n  }\n}\n","@use \"../common/common\" as common;\n\n.af-title {\n  gap: 0.25rem;\n  color: common.$color-gray-900;\n\n  &__title {\n    margin: 0;\n    font-family: common.$font-family-publico;\n    font-weight: 700;\n  }\n\n  &__subtitle {\n    display: block;\n    font-family: common.$font-family-base;\n    font-size: 1.125rem;\n    font-weight: 400;\n    line-height: 1.4rem;\n  }\n\n  &__icon {\n    border-radius: 0.75rem;\n    box-shadow: 0 0.125rem 0.5rem 0 rgba(common.$color-axa, 0.15);\n  }\n\n  &__text-container {\n    display: grid;\n    gap: 0.25rem;\n  }\n\n  &:has(&__icon) {\n    display: flex;\n    gap: 0.75rem;\n\n    .af-title__title {\n      color: common.$color-axa;\n    }\n  }\n\n  &--xl {\n    h1.af-title__title {\n      font-size: 2rem;\n      line-height: 2.5rem;\n    }\n  }\n\n  &--l {\n    h1.af-title__title {\n      font-size: 1.5rem;\n      line-height: 1.875rem;\n    }\n  }\n}\n\n@media (width <= #{common.$breakpoint-md}) {\n  .af-title {\n    &--xl {\n      h1.af-title__title {\n        font-size: 1.5rem;\n        line-height: 1.875rem;\n      }\n    }\n\n    &--l {\n      h1.af-title__title {\n        font-size: 1.25rem;\n        line-height: 1.56rem;\n      }\n    }\n\n    span.af-title__subtitle {\n      font-size: 1rem;\n      line-height: 1.25rem;\n    }\n  }\n}\n","$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}

package/dist/Title/Title.scss

@@ -0,0 +1,76 @@
+@use "../common/common" as common;
+
+.af-title {
+  gap: 0.25rem;
+  color: common.$color-gray-900;
+
+  &__title {
+    margin: 0;
+    font-family: common.$font-family-publico;
+    font-weight: 700;
+  }
+
+  &__subtitle {
+    display: block;
+    font-family: common.$font-family-base;
+    font-size: 1.125rem;
+    font-weight: 400;
+    line-height: 1.4rem;
+  }
+
+  &__icon {
+    border-radius: 0.75rem;
+    box-shadow: 0 0.125rem 0.5rem 0 rgba(common.$color-axa, 0.15);
+  }
+
+  &__text-container {
+    display: grid;
+    gap: 0.25rem;
+  }
+
+  &:has(&__icon) {
+    display: flex;
+    gap: 0.75rem;
+
+    .af-title__title {
+      color: common.$color-axa;
+    }
+  }
+
+  &--xl {
+    h1.af-title__title {
+      font-size: 2rem;
+      line-height: 2.5rem;
+    }
+  }
+
+  &--l {
+    h1.af-title__title {
+      font-size: 1.5rem;
+      line-height: 1.875rem;
+    }
+  }
+}
+
+@media (width <= #{common.$breakpoint-md}) {
+  .af-title {
+    &--xl {
+      h1.af-title__title {
+        font-size: 1.5rem;
+        line-height: 1.875rem;
+      }
+    }
+
+    &--l {
+      h1.af-title__title {
+        font-size: 1.25rem;
+        line-height: 1.56rem;
+      }
+    }
+
+    span.af-title__subtitle {
+      font-size: 1rem;
+      line-height: 1.25rem;
+    }
+  }
+}

package/dist/common/assets/logo-axa.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Calque_1"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="160.501px" height="160.501px" viewBox="0 0 160.501 160.501" enable-background="new 0 0 160.501 160.501" xml:space="preserve">
+	<g id="repere" display="none"></g>
+	<g id="ass_x5F_banq_x5F_reinv_x5F_met">
+		<rect x="0" fill="#00008f" width="160.501" height="160.501"/>
+		<g>
+			<g>
+				<g>
+					<g>
+						<polygon fill="#FF1821" points="99.358,79.26 160.501,0 151.443,0 90.3,79.26 					"/>
+					</g>
+					<g>
+						<path fill="#FFFFFF" d="M122.57,114.644c2.831,7.926,8.492,28.307,10.757,29.723h-15.003c0,0,0-3.113-0.849-5.379
+						c-0.566-2.264-6.228-19.814-6.228-19.814H87.186l-3.396,5.378c0,0,4.529,14.153,4.812,15.002
+						c0.566,1.133,2.548,5.096,2.548,5.096H76.712c0,0-0.283-2.265-0.566-3.114c0-0.849-1.415-4.812-1.415-4.812
+						s-3.396,3.68-4.246,5.378c-0.849,1.698-1.415,2.548-1.415,2.548H57.746c0,0-0.283-2.265-0.566-3.114
+						c0-0.849-1.415-5.095-1.415-5.095s-3.113,3.963-3.963,5.661c-0.85,1.415-1.132,2.265-1.132,2.265H39.347
+						c0,0,3.113-3.113,4.246-4.246c1.981-2.265,8.775-11.322,8.775-11.322l-2.831-9.625H25.759c0,0-13.587,17.834-14.153,18.399
+						c-0.566,0.566-4.529,6.228-4.529,6.794H0v-4.529l0.283-0.283c0.282-0.283,10.19-12.738,19.531-24.91
+						c8.209-10.757,16.136-21.23,16.701-22.363c1.699-2.547,3.963-7.643,3.963-7.643h12.455c0,0,0.283,4.812,0.85,5.944
+						c0.283,1.132,7.926,25.759,7.926,26.042l4.246-5.378L58.879,89.45c0,0-1.699-4.246-2.265-4.812h14.437c0,0,0,1.981,0.566,3.963
+						c0.565,1.698,3.68,13.021,3.68,13.021s9.907-12.455,10.474-13.304c1.132-1.415,1.132-3.68,1.132-3.68h11.89
+						c0,0-2.265,1.698-5.945,6.51c-1.415,1.699-13.87,17.834-13.87,17.834s1.133,3.68,1.698,5.661
+						c0.283,0.566,0.283,0.849,0.283,0.849s0.283-0.283,0.85-0.849c3.396-4.246,18.116-23.778,18.966-25.193
+						c0.849-1.415,1.698-2.831,2.547-4.529h11.606c0,0,0.283,3.397,0.566,4.529L122.57,114.644z M104.737,96.244
+						c-1.698,3.68-11.89,16.135-11.89,16.135h16.136c0,0-3.114-9.625-3.68-11.606C105.02,98.792,105.02,96.527,104.737,96.244
+						C105.02,95.961,105.02,95.678,104.737,96.244z M43.31,96.244c-1.698,3.68-11.889,16.135-11.889,16.135h16.135
+						c0,0-3.113-9.625-3.68-11.606S43.31,96.527,43.31,96.244C43.31,95.961,43.31,95.678,43.31,96.244z M67.371,133.609l4.528-5.944
+						c-0.282-0.566-2.83-7.926-2.83-7.926l-4.246,5.662L67.371,133.609z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+		<g id="Sign_2L_-_copie"></g>
+	</g>
+</svg>

package/dist/common/common.scss

@@ -0,0 +1,107 @@
+$font-family-sans-serif: "Source Sans Pro", arial, sans-serif !default;
+$font-family-serif: georgia, times, "Times New Roman", serif !default;
+$font-family-base: $font-family-sans-serif !default;
+$font-family-publico-bold: "Publico Headline Bold" !default;
+$font-family-publico: "Publico Headline" !default;
+// colors
+
+$color-axa: #00008f !default;
+$color-white: #fff !default;
+$color-black: #000 !default;
+$color-red: #ff1721 !default;
+$color-gray: #5f5f5f !default;
+$color-red-700: #c91432 !default;
+$color-blue-1: #000072 !default;
+$color-blue-2: #f8f8ff !default;
+$color-blue-3: #36f !default;
+$color-btn-light: #3333a5 !default;
+$color-btn-business: #c94e14 !default;
+$color-btn-business-dark: #a8391c !default;
+$color-btn-business-light: #df7e65 !default;
+$color-btn-disabled-text: #999 !default;
+$color-btn-disabled-border: #e5e5e5 !default;
+$color-btn-error-text: #a11028 !default;
+$color-btn-error-bg: #fff3f5 !default;
+$color-btn-tertiary-bg: #eef !default;
+$color-btn-tertiary-bg-darker: #e4e4ff !default;
+$color-btn-tertiary-bg-lighter: #f8f8ff !default;
+$color-oceanBlue: #4976ba !default;
+$color-gray-1: #ccc !default;
+$color-gray-200: #f3f3f3;
+$color-gray-300: #e9ecf2;
+$color-gray-400: #e5e5e5;
+$color-gray-500: #999;
+$color-gray-700: #5f5f5f;
+$color-gray-900: #333 !default;
+$color-green-600: #118635 !default;
+$color-border: #f3f3f3 !default;
+$color-focus: #36f !default;
+
+// others
+
+$default-border-radius: 4px !default;
+
+$transition-duration: 0.2s !default;
+
+// spacing
+
+$sizing-u0: 0 !default;
+$sizing-u05: 0.4rem !default;
+$sizing-u1: 0.8rem !default;
+$sizing-u2: 1.6rem !default;
+$sizing-u3: 2.4rem !default;
+$sizing-u4: 3.2rem !default;
+$sizing-u5: 4rem !default;
+$sizing-u6: 4.8rem !default;
+$sizing-u7: 5.6rem !default;
+$sizing-u8: 6.4rem !default;
+$sizing-u9: 7.2rem !default;
+$sizing-u10: 8rem !default;
+$spacing-u0: 0 !default;
+$spacing-u05: 0.4rem !default;
+$spacing-u1: 0.8rem !default;
+$spacing-u2: 1.6rem !default;
+$spacing-u3: 2.4rem !default;
+$spacing-u4: 3.2rem !default;
+$spacing-u5: 4rem !default;
+$spacing-u6: 4.8rem !default;
+$spacing-u7: 5.6rem !default;
+$spacing-u8: 6.4rem !default;
+$spacing-u9: 7.2rem !default;
+$spacing-u10: 8rem !default;
+$spacing-u11: 8.8rem !default;
+$spacing-u12: 9.6rem !default;
+$spacing-u13: 10.4rem !default;
+$spacing-u14: 11.2rem !default;
+$spacing-u15: 12rem !default;
+$spacing-u16: 12.8rem !default;
+$spacing-u17: 13.6rem !default;
+$spacing-u18: 14.4rem !default;
+$spacing-u19: 15.2rem !default;
+$spacing-u20: 16rem !default;
+$screen-size-668: s !default;
+$screen-size-1024: m !default;
+$screen-size-1200: oldl !default;
+$screen-size-1280: l !default;
+$screen-size-1540: oldxl !default;
+$screen-size-1600: xl !default;
+$screen-size-s: 668px !default;
+$screen-size-m: 1024px !default;
+$screen-size-l: 1280px !default;
+$screen-size-xl: 1600px !default;
+$screen-size-oldl: 1200px !default;
+$screen-size-oldxl: 1540px !default;
+
+$error-custom-border: #d18e8e !default;
+$error-custom-bg: #ffbfbf !default;
+
+$color-alertDanger-colorBorder: #c8b282 !default;
+$color-alertDanger-bgColor: #f1d596 !default;
+
+// breakpoints
+
+$breakpoint-xs: 0 !default;
+$breakpoint-sm: 667px !default;
+$breakpoint-md: 1023px !default;
+$breakpoint-lg: 1279px !default;
+$breakpoint-xl: 1599px !default;