@axa-fr/design-system-look-and-feel-css 0.1.1

package/dist/Pagination/PaginationDesktop.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Pagination/PaginationDesktop.scss%23sass","../../src/Pagination/PaginationDesktop.scss"],"names":[],"mappings":"AAGE,0BACE,YAAA,CAIA,SAAA,CADA,sBAAA,CAEA,oBAAA,CCPJ,QAAA,CDII,SCCJ,CDII,6BAKE,kBAAA,CADA,iBAAA,CAGA,aAAA,CANA,YAAA,CAEA,WAAA,CAGA,sBAAA,CAJA,UCGN,CDIM,oCACE,SAAA,CACA,cCFR,CDIQ,kDACE,yBCFV,CDOI,2CAEE,kBAAA,CADA,UCJN,CDSE,8BACE,iBCPJ,CDSI,mDAEE,aAAA,CADA,YCNN,CDWE,gCACE,aCTJ,CDgBI,0GAEE,aAAA,CADA,YCTN,CDcE,6BACE,iBCZJ,CDcI,kDAEE,aAAA,CADA,YCXN","file":"PaginationDesktop.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-pagination-desktop {\n  ul {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    justify-content: center;\n    gap: 0.5rem;\n    list-style-type: none;\n\n    li {\n      display: flex;\n      width: 3rem;\n      height: 3rem;\n      border-radius: 50%;\n      align-items: center;\n      justify-content: center;\n      color: common.$color-axa;\n\n      button {\n        all: unset;\n        cursor: pointer;\n\n        &:focus-visible {\n          outline: 1px solid common.$color-axa;\n        }\n      }\n    }\n\n    li[aria-current] {\n      color: common.$color-white;\n      background: common.$color-axa;\n    }\n  }\n\n  .first {\n    margin: 0 3rem 0 0;\n\n    li:last-child::before {\n      padding: 2rem;\n      content: \"...\";\n    }\n  }\n\n  .between {\n    margin: 0 2rem;\n\n    li:first-child::after {\n      padding: 2rem;\n      content: \"...\";\n    }\n\n    li:last-child::before {\n      padding: 2rem;\n      content: \"...\";\n    }\n  }\n\n  .last {\n    margin: 0 0 0 3rem;\n\n    li:first-child::after {\n      padding: 2rem;\n      content: \"...\";\n    }\n  }\n}\n","@use \"../common/common\" as common;\n\n.af-pagination-desktop {\n  ul {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    justify-content: center;\n    gap: 0.5rem;\n    list-style-type: none;\n\n    li {\n      display: flex;\n      width: 3rem;\n      height: 3rem;\n      border-radius: 50%;\n      align-items: center;\n      justify-content: center;\n      color: common.$color-axa;\n\n      button {\n        all: unset;\n        cursor: pointer;\n\n        &:focus-visible {\n          outline: 1px solid common.$color-axa;\n        }\n      }\n    }\n\n    li[aria-current] {\n      color: common.$color-white;\n      background: common.$color-axa;\n    }\n  }\n\n  .first {\n    margin: 0 3rem 0 0;\n\n    li:last-child::before {\n      padding: 2rem;\n      content: \"...\";\n    }\n  }\n\n  .between {\n    margin: 0 2rem;\n\n    li:first-child::after {\n      padding: 2rem;\n      content: \"...\";\n    }\n\n    li:last-child::before {\n      padding: 2rem;\n      content: \"...\";\n    }\n  }\n\n  .last {\n    margin: 0 0 0 3rem;\n\n    li:first-child::after {\n      padding: 2rem;\n      content: \"...\";\n    }\n  }\n}\n"]}

package/dist/Pagination/PaginationDesktop.scss

@@ -0,0 +1,68 @@
+@use "../common/common" as common;
+
+.af-pagination-desktop {
+  ul {
+    display: flex;
+    margin: 0;
+    padding: 0;
+    justify-content: center;
+    gap: 0.5rem;
+    list-style-type: none;
+
+    li {
+      display: flex;
+      width: 3rem;
+      height: 3rem;
+      border-radius: 50%;
+      align-items: center;
+      justify-content: center;
+      color: common.$color-axa;
+
+      button {
+        all: unset;
+        cursor: pointer;
+
+        &:focus-visible {
+          outline: 1px solid common.$color-axa;
+        }
+      }
+    }
+
+    li[aria-current] {
+      color: common.$color-white;
+      background: common.$color-axa;
+    }
+  }
+
+  .first {
+    margin: 0 3rem 0 0;
+
+    li:last-child::before {
+      padding: 2rem;
+      content: "...";
+    }
+  }
+
+  .between {
+    margin: 0 2rem;
+
+    li:first-child::after {
+      padding: 2rem;
+      content: "...";
+    }
+
+    li:last-child::before {
+      padding: 2rem;
+      content: "...";
+    }
+  }
+
+  .last {
+    margin: 0 0 0 3rem;
+
+    li:first-child::after {
+      padding: 2rem;
+      content: "...";
+    }
+  }
+}

package/dist/Pagination/PaginationMobile.css

@@ -0,0 +1 @@
+.af-pagination-mobile{align-items:center;font-size:1rem;font-weight:600;line-height:1.2rem}.af-pagination-mobile>span{color:#5f5f5f}.af-pagination-mobile button{background:none;border:none;cursor:pointer;outline:none}.af-pagination-mobile button:focus-visible{outline:1px solid #00008f}.af-pagination-mobile button .arrow{color:#00008f}.af-pagination-mobile button:disabled{pointer-events:none}.af-pagination-mobile button:disabled .arrow{color:#e5e5e5}

package/dist/Pagination/PaginationMobile.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Pagination/PaginationMobile.scss%23sass","../../src/Pagination/PaginationMobile.scss"],"names":[],"mappings":"AAEA,sBACE,kBAAA,CCDF,cAAA,CDGE,eAAA,CACA,kBCDF,CDGE,2BACE,aCDJ,CDIE,6BAEE,eAAA,CADA,WAAA,CAGA,cAAA,CADA,YCDJ,CDII,2CACE,yBCFN,CDKI,oCACE,aCHN,CDMI,sCACE,mBCJN,CDMM,6CACE,aCJR","file":"PaginationMobile.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-pagination-mobile {\n  align-items: center;\n  font-size: 1rem;\n  font-weight: 600;\n  line-height: 1.2rem;\n\n  > span {\n    color: common.$color-gray;\n  }\n\n  button {\n    border: none;\n    background: none;\n    outline: none;\n    cursor: pointer;\n\n    &:focus-visible {\n      outline: 1px solid common.$color-axa;\n    }\n\n    .arrow {\n      color: common.$color-axa;\n    }\n\n    &:disabled {\n      pointer-events: none;\n\n      .arrow {\n        color: common.$color-gray-400;\n      }\n    }\n  }\n}\n","@use \"../common/common\" as common;\n\n.af-pagination-mobile {\n  align-items: center;\n  font-size: 1rem;\n  font-weight: 600;\n  line-height: 1.2rem;\n\n  > span {\n    color: common.$color-gray;\n  }\n\n  button {\n    border: none;\n    background: none;\n    outline: none;\n    cursor: pointer;\n\n    &:focus-visible {\n      outline: 1px solid common.$color-axa;\n    }\n\n    .arrow {\n      color: common.$color-axa;\n    }\n\n    &:disabled {\n      pointer-events: none;\n\n      .arrow {\n        color: common.$color-gray-400;\n      }\n    }\n  }\n}\n"]}

package/dist/Pagination/PaginationMobile.scss

@@ -0,0 +1,35 @@
+@use "../common/common" as common;
+
+.af-pagination-mobile {
+  align-items: center;
+  font-size: 1rem;
+  font-weight: 600;
+  line-height: 1.2rem;
+
+  > span {
+    color: common.$color-gray;
+  }
+
+  button {
+    border: none;
+    background: none;
+    outline: none;
+    cursor: pointer;
+
+    &:focus-visible {
+      outline: 1px solid common.$color-axa;
+    }
+
+    .arrow {
+      color: common.$color-axa;
+    }
+
+    &:disabled {
+      pointer-events: none;
+
+      .arrow {
+        color: common.$color-gray-400;
+      }
+    }
+  }
+}

package/dist/Stepper/Stepper.css

@@ -0,0 +1 @@
+.af-stepper-client{background-color:initial;display:flex;flex-direction:column;width:100%}.af-stepper-client__title{color:#333;font-family:Publico Headline Bold,Source Sans Pro,arial,sans-serif;font-size:2rem;font-weight:700;line-height:2.5rem;margin-bottom:.5rem;text-align:left}.af-stepper-client__subtitle{color:#5f5f5f;font-family:Source Sans Pro,arial,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.406rem;margin-bottom:1.5rem;text-align:left}.af-stepper-client__content{align-items:flex-end;display:flex;gap:1rem}.af-stepper-client__progressbar{background-color:#e5e5e5;border-radius:4px;height:.375rem;width:100%}.af-stepper-client__progress{background-color:#00008f;border-radius:4px;height:100%;height:.375rem;text-align:left;transition:.75s ease-out,background-color .75s;width:50%}

package/dist/Stepper/Stepper.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Stepper/Stepper.scss%23sass","../../src/Stepper/Stepper.scss","../../src/common/common.scss"],"names":[],"mappings":"AAEA,mBAIE,wBAAA,CAHA,YAAA,CAEA,qBAAA,CCHF,UAGA,CDGE,0BAOE,UAAA,CALA,kEAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CAJA,mBAAA,CAKA,eCAJ,CDIE,6BAOE,aAAA,CALA,4CElBqB,CFmBrB,kBAAA,CACA,eAAA,CACA,oBAAA,CAJA,oBAAA,CAKA,eCDJ,CDKE,4BAEE,oBAAA,CADA,YAAA,CAEA,QCHJ,CDME,gCAIE,wBEfwB,CFcxB,iBAAA,CADA,cAAA,CADA,UCDJ,CDOE,6BAME,wBAAA,CAFA,iBAAA,CAFA,WAAA,CACA,cAAA,CAEA,eAAA,CAEA,8CACE,CAPF,SCCJ","file":"Stepper.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-stepper-client {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  background-color: transparent;\n\n  &__title {\n    margin-bottom: 0.5rem;\n    font-family: common.$font-family-publico-bold, common.$font-family-base;\n    font-size: 2rem;\n    font-weight: 700;\n    line-height: 2.5rem;\n    text-align: left;\n    color: common.$color-gray-900;\n  }\n\n  &__subtitle {\n    margin-bottom: 1.5rem;\n    font-family: common.$font-family-sans-serif;\n    font-size: 1.125rem;\n    font-weight: 400;\n    line-height: 1.406rem;\n    text-align: left;\n    color: common.$color-gray-700;\n  }\n\n  &__content {\n    display: flex;\n    align-items: flex-end;\n    gap: 1rem;\n  }\n\n  &__progressbar {\n    width: 100%;\n    height: 0.375rem;\n    border-radius: common.$default-border-radius;\n    background-color: common.$color-btn-disabled-border;\n  }\n\n  &__progress {\n    width: 50%;\n    height: 100%;\n    height: 0.375rem;\n    border-radius: common.$default-border-radius;\n    text-align: left;\n    background-color: common.$color-axa;\n    transition:\n      0.75s ease-out,\n      background-color 0.75s;\n  }\n}\n","@use \"../common/common\" as common;\n\n.af-stepper-client {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  background-color: transparent;\n\n  &__title {\n    margin-bottom: 0.5rem;\n    font-family: common.$font-family-publico-bold, common.$font-family-base;\n    font-size: 2rem;\n    font-weight: 700;\n    line-height: 2.5rem;\n    text-align: left;\n    color: common.$color-gray-900;\n  }\n\n  &__subtitle {\n    margin-bottom: 1.5rem;\n    font-family: common.$font-family-sans-serif;\n    font-size: 1.125rem;\n    font-weight: 400;\n    line-height: 1.406rem;\n    text-align: left;\n    color: common.$color-gray-700;\n  }\n\n  &__content {\n    display: flex;\n    align-items: flex-end;\n    gap: 1rem;\n  }\n\n  &__progressbar {\n    width: 100%;\n    height: 0.375rem;\n    border-radius: common.$default-border-radius;\n    background-color: common.$color-btn-disabled-border;\n  }\n\n  &__progress {\n    width: 50%;\n    height: 100%;\n    height: 0.375rem;\n    border-radius: common.$default-border-radius;\n    text-align: left;\n    background-color: common.$color-axa;\n    transition:\n      0.75s ease-out,\n      background-color 0.75s;\n  }\n}\n","@import \"./mixins\";\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/Stepper/Stepper.scss

@@ -0,0 +1,53 @@
+@use "../common/common" as common;
+
+.af-stepper-client {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  background-color: transparent;
+
+  &__title {
+    margin-bottom: 0.5rem;
+    font-family: common.$font-family-publico-bold, common.$font-family-base;
+    font-size: 2rem;
+    font-weight: 700;
+    line-height: 2.5rem;
+    text-align: left;
+    color: common.$color-gray-900;
+  }
+
+  &__subtitle {
+    margin-bottom: 1.5rem;
+    font-family: common.$font-family-sans-serif;
+    font-size: 1.125rem;
+    font-weight: 400;
+    line-height: 1.406rem;
+    text-align: left;
+    color: common.$color-gray-700;
+  }
+
+  &__content {
+    display: flex;
+    align-items: flex-end;
+    gap: 1rem;
+  }
+
+  &__progressbar {
+    width: 100%;
+    height: 0.375rem;
+    border-radius: common.$default-border-radius;
+    background-color: common.$color-btn-disabled-border;
+  }
+
+  &__progress {
+    width: 50%;
+    height: 100%;
+    height: 0.375rem;
+    border-radius: common.$default-border-radius;
+    text-align: left;
+    background-color: common.$color-axa;
+    transition:
+      0.75s ease-out,
+      background-color 0.75s;
+  }
+}

package/dist/Tabs/Tabs.css

@@ -0,0 +1 @@
+.af-tabs-client{display:flex;flex-direction:column;font-family:Source Sans Pro,arial,sans-serif;margin:0;padding:0;width:100%}.af-tabs-client>[role=tablist]{box-shadow:inset 0 -2px 0 0 #e9ecf2;display:flex;margin-bottom:.8rem;width:100%}.af-tabs-client [role=tab]{all:unset;cursor:pointer;font-size:1.25rem;line-height:1.6rem;padding:1rem;position:relative;text-align:center}.af-tabs-client [role=tab]>span{display:block;height:100%;width:100%}.af-tabs-client [role=tab][aria-selected=true]{border-bottom:4px solid #00008f;color:#00008f;font-weight:600}.af-tabs-client--center>[role=tablist]{justify-content:center}.af-tabs-client--center [role=tab]{flex-grow:1;width:100%}.af-tabs-client [role=tab]:focus{outline:unset}.af-tabs-client [role=tab]:focus-visible{outline:2px solid #36f;outline-offset:3px}.af-tabs-client>[role=tabpanel][aria-hidden=true]{display:none}

package/dist/Tabs/Tabs.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tabs/Tabs.scss%23sass","../../src/Tabs/Tabs.scss","../../src/common/common.scss"],"names":[],"mappings":"AAEA,gBACE,YAAA,CAIA,qBAAA,CACA,4CAAA,CAHA,QAAA,CACA,SAAA,CCJF,UAKA,CDGE,+BAIE,mCAAA,CAHA,YAAA,CAEA,mBEkDS,CFnDT,UCCJ,CDIE,2BACE,SAAA,CAMA,cAAA,CAHA,iBAAA,CACA,kBAAA,CAFA,YAAA,CADA,iBAAA,CAIA,iBCDJ,CDII,gCACE,aAAA,CAEA,WAAA,CADA,UCDN,CDKI,+CACE,+BAAA,CAEA,aE1BM,CFyBN,eCFN,CDQI,uCACE,sBCNN,CDSI,mCAEE,WAAA,CADA,UCNN,CDWE,iCACE,aCTJ,CDYE,yCACE,sBAAA,CACA,kBCVJ,CDaE,kDACE,YCXJ","file":"Tabs.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-tabs-client {\n  display: flex;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  flex-direction: column;\n  font-family: \"Source Sans Pro\", arial, sans-serif;\n\n  & > [role=\"tablist\"] {\n    display: flex;\n    width: 100%;\n    margin-bottom: common.$spacing-u1;\n    box-shadow: inset 0 -2px 0 0 common.$color-gray-300;\n  }\n\n  & [role=\"tab\"] {\n    all: unset;\n    position: relative;\n    padding: 1rem;\n    font-size: 1.25rem;\n    line-height: common.$sizing-u2;\n    text-align: center;\n    cursor: pointer;\n\n    & > span {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    &[aria-selected=\"true\"] {\n      border-bottom: 4px solid common.$color-axa;\n      font-weight: 600;\n      color: common.$color-axa;\n    }\n  }\n\n  &--center {\n    & > [role=\"tablist\"] {\n      justify-content: center;\n    }\n\n    & [role=\"tab\"] {\n      width: 100%;\n      flex-grow: 1;\n    }\n  }\n\n  & [role=\"tab\"]:focus {\n    outline: unset;\n  }\n\n  & [role=\"tab\"]:focus-visible {\n    outline: 2px solid common.$color-blue-3;\n    outline-offset: 3px;\n  }\n\n  & > [role=\"tabpanel\"][aria-hidden=\"true\"] {\n    display: none;\n  }\n}\n","@use \"../common/common\" as common;\n\n.af-tabs-client {\n  display: flex;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  flex-direction: column;\n  font-family: \"Source Sans Pro\", arial, sans-serif;\n\n  & > [role=\"tablist\"] {\n    display: flex;\n    width: 100%;\n    margin-bottom: common.$spacing-u1;\n    box-shadow: inset 0 -2px 0 0 common.$color-gray-300;\n  }\n\n  & [role=\"tab\"] {\n    all: unset;\n    position: relative;\n    padding: 1rem;\n    font-size: 1.25rem;\n    line-height: common.$sizing-u2;\n    text-align: center;\n    cursor: pointer;\n\n    & > span {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    &[aria-selected=\"true\"] {\n      border-bottom: 4px solid common.$color-axa;\n      font-weight: 600;\n      color: common.$color-axa;\n    }\n  }\n\n  &--center {\n    & > [role=\"tablist\"] {\n      justify-content: center;\n    }\n\n    & [role=\"tab\"] {\n      width: 100%;\n      flex-grow: 1;\n    }\n  }\n\n  & [role=\"tab\"]:focus {\n    outline: unset;\n  }\n\n  & [role=\"tab\"]:focus-visible {\n    outline: 2px solid common.$color-blue-3;\n    outline-offset: 3px;\n  }\n\n  & > [role=\"tabpanel\"][aria-hidden=\"true\"] {\n    display: none;\n  }\n}\n","@import \"./mixins\";\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/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,aCEW,CDAX,cAAA,CAVA,mBAAA,CAOA,4CCRuB,CDOvB,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","@import \"./mixins\";\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,4CEZqB,CFarB,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","@import \"./mixins\";\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,109 @@
+@import "./mixins";
+
+$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;