@axa-fr/design-system-apollo-css 1.0.5-alpha.249 → 1.0.5-alpha.251

package/dist/Form/Checkbox/CheckboxCard/CheckboxCardLF.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Form/Checkbox/CheckboxCard/CheckboxCardCommon.scss","../../../../src/Form/Checkbox/CheckboxCard/CheckboxCardLF.scss","../../../../src/Form/Checkbox/CheckboxCard/CheckboxCardLF.scss%23sass"],"names":[],"mappings":"AAGE,6BACE,YAAA,CCFJ,qBAAA,CDII,QCFJ,CDKE,mCACE,YAAA,CACA,qBAAA,CACA,0CCHJ,CDME,yBAGE,gCAAA,CAFA,6CAAA,CACA,eCHJ,CDOE,+BAIE,gCAAA,CAHA,6CAAA,CACA,eAAA,CACA,+CCJJ,CDOI,uBANF,+BAOI,6CAAA,CACA,+CCJJ,CACF,CDOE,2BAGE,kBAAA,CAFA,YAAA,CAIA,QAAA,CADA,sBAAA,CAFA,UCFJ,CDOI,+BAGE,gCAAA,CADA,0CAAA,CADA,yCAAA,CAGA,8BCLN,CDQI,uCACE,YAAA,CACA,qBAAA,CACA,sCAAA,CACA,+CCNN,CDQM,wDAEE,gCAAA,CADA,+CCLR,CDSM,8DACE,gCCPR,CDeI,0FACE,iCCVN,CDcE,kCACE,kDCZJ,CDcI,0DAEE,4CAAA,CADA,kDCXN,CDcM,oFACE,kDCZR,CDcQ,0HAEE,2CAAA,CADA,kDAAA,CAEA,eCZV,CDkBE,oCACE,kDChBJ,CDkBI,4DAEE,4CAAA,CADA,kDAAA,CAEA,oDChBN,CDkBM,sFAEE,QAAA,CACA,kDAAA,CAFA,UCdR,CDkBQ,4HAEE,2CAAA,CADA,kDAAA,CAEA,iBChBV,CDsBE,sEAGE,mBAAA,CADA,YAAA,CAGA,4CAAA,CACA,iBAAA,CACA,eAAA,CAHA,QAAA,CAIA,+CCrBJ,CDuBI,4JAEE,sDAAA,CADA,wCAAA,CAEA,4DCrBN,CDwBI,sHAME,kBAAA,CAHA,wCAAA,CACA,gDAAA,CAIA,cAAA,CAPA,YAAA,CAIA,QAAA,CCrBN,uCAAA,CDkBM,YChBN,CDwBM,0KAEE,kBAAA,CADA,YAAA,CAEA,sCCtBR,CDwBQ,sPACE,YAAA,CAEA,cAAA,CADA,sBAAA,CAEA,+CCtBV,CDwBU,wRAGE,2CAAA,CAFA,6CAAA,CACA,eCrBZ,CDwBY,uBALF,wRAMI,6CAAA,CACA,eCrBZ,CACF,CDwBU,oSAGE,2CAAA,CAFA,6CAAA,CACA,eCrBZ,CDwBY,uBALF,oSAMI,6CAAA,CACA,eCrBZ,CACF,CD0BM,kIAEE,sDAAA,CADA,wCAAA,CAEA,4DCxBR,CD4BI,4JAEE,sDAAA,CADA,wCAAA,CAEA,4DC1BN,CC3JE,mCACE,oDD8JJ,CC3JE,yBACE,2CD6JJ,CC1JE,+BACE,2CD4JJ,CCxJI,+BACE,sCAAA,CACA,qCD0JN,CCtJM,wDACE,2CDwJR,CCrJM,8DACE,2CDuJR,CClJE,2CACE,sCDoJJ,CClJI,+CACE,sCAAA,CACA,qCDoJN,CChJE,kCACE,qCDkJJ,CChJI,0DACE,kCAAA,CACA,kCDkJN,CChJM,oFACE,kCAAA,CACA,+DDkJR,CChJQ,0HACE,qCAAA,CACA,qCDkJV,CC5IE,oCACE,kCD8IJ,CC5II,4DACE,kCAAA,CACA,sCAAA,CACA,0CD8IN,CC5IM,sFACE,qCAAA,CACA,8DD8IR,CC5IQ,4HACE,qCAAA,CACA,iCD8IV,CCtII,4JACE,mDAAA,CACA,+CAAA,CACA,iDDwIN,CCrII,sHACE,gDAAA,CACA,gEDuIN,CCnIU,wRACE,mDDqIZ,CChIM,kIACE,2CAAA,CACA,6CAAA,CACA,mDDkIR,CC9HI,4JACE,2CAAA,CACA,6CAAA,CACA,oDDgIN","file":"CheckboxCardLF.css","sourcesContent":["@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-card {\n  &__container {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  &__label-container {\n    display: flex;\n    flex-direction: column;\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n  }\n\n  &__label {\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    color: var(--checkbox-card-color);\n  }\n\n  &__description {\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: calc(16 / var(--font-size-base) * 1rem);\n    color: var(--checkbox-card-color);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n      line-height: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__content {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    gap: 1rem;\n\n    & > svg {\n      width: calc(28 / var(--font-size-base) * 1rem);\n      height: calc(28 / var(--font-size-base) * 1rem);\n      color: var(--checkbox-card-color);\n      fill: var(--checkbox-card-fill);\n    }\n\n    &-description {\n      display: flex;\n      flex-direction: column;\n      gap: calc(4 / var(--font-size-base) * 1rem);\n      line-height: calc(20 / var(--font-size-base) * 1rem);\n\n      & > span:first-child {\n        line-height: calc(24 / var(--font-size-base) * 1rem);\n        color: var(--checkbox-card-color);\n      }\n\n      & > span:not(:first-child) {\n        color: var(--checkbox-card-color);\n      }\n    }\n  }\n\n  & ~ &__error {\n    border: solid var(--color-red-700);\n\n    & > svg {\n      border: solid var(--color-red-700);\n    }\n  }\n\n  &-group--vertical {\n    flex-direction: var(--checkbox-card-flex-direction);\n\n    .af-checkbox-card-label {\n      flex-direction: var(--checkbox-card-flex-direction);\n      align-items: var(--checkbox-card-align-items);\n\n      .af-checkbox-card-content {\n        flex-direction: var(--checkbox-card-flex-direction);\n\n        .af-checkbox-card-content-description {\n          flex-direction: var(--checkbox-card-flex-direction);\n          align-items: var(--checkbox-card-align-item);\n          text-align: left;\n        }\n      }\n    }\n  }\n\n  &-group--horizontal {\n    flex-direction: var(--checkbox-card-flex-direction);\n\n    .af-checkbox-card-label {\n      flex-direction: var(--checkbox-card-flex-direction);\n      align-items: var(--checkbox-card-align-items);\n      justify-content: var(--checkbox-card-justify-content);\n\n      .af-checkbox-card-content {\n        width: 100%;\n        flex: 1;\n        flex-direction: var(--checkbox-card-flex-direction);\n\n        .af-checkbox-card-content-description {\n          flex-direction: var(--checkbox-card-flex-direction);\n          align-items: var(--checkbox-card-align-item);\n          text-align: center;\n        }\n      }\n    }\n  }\n\n  &-group--vertical,\n  &-group--horizontal {\n    display: flex;\n    align-items: stretch;\n    gap: 1rem;\n    font-family: var(--checkbox-card-font-family);\n    font-style: normal;\n    font-weight: 400;\n    line-height: calc(20 / var(--font-size-base) * 1rem);\n\n    .af-checkbox-card-label[aria-invalid=\"true\"] {\n      border: solid var(--checkbox-card-border);\n      background-color: var(--checkbox-card-background-color);\n      box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n    }\n\n    .af-checkbox-card-label {\n      display: flex;\n      padding: 1rem;\n      border: solid var(--checkbox-card-border);\n      border-radius: var(--checkbox-card-border-radius);\n      flex: 1;\n      align-self: stretch;\n      gap: calc(12 / var(--font-size-base) * 1rem);\n      cursor: pointer;\n\n      .af-checkbox-card-content {\n        display: flex;\n        align-items: center;\n        gap: calc(4 / var(--font-size-base) * 1rem);\n\n        .af-checkbox-card-content-description {\n          display: flex;\n          justify-content: center;\n          font-size: 1rem;\n          line-height: calc(20 / var(--font-size-base) * 1rem);\n\n          & > span:first-child {\n            font-size: calc(18 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--checkbox-card-label-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(16 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n\n          & > span:not(:first-child) {\n            font-size: calc(16 / var(--font-size-base) * 1rem);\n            font-weight: 400;\n            color: var(--checkbox-card-label-text-color);\n\n            @media (width < #{breakpoints.$breakpoint-sm}) {\n              font-size: calc(14 / var(--font-size-base) * 1rem);\n              font-weight: 400;\n            }\n          }\n        }\n      }\n\n      &:hover {\n        border: solid var(--checkbox-card-border);\n        background-color: var(--checkbox-card-background-color);\n        box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n      }\n    }\n\n    .af-checkbox-card-label:has(input:checked) {\n      border: solid var(--checkbox-card-border);\n      background-color: var(--checkbox-card-background-color);\n      box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n    }\n  }\n}\n","@use \"CheckboxCardCommon\";\n\n.af-checkbox-card {\n  &__label-container {\n    --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n  }\n\n  &__label {\n    --checkbox-card-color: var(--color-gray-900);\n  }\n\n  &__description {\n    --checkbox-card-color: var(--color-gray-700);\n  }\n\n  &__content {\n    & > svg {\n      --checkbox-card-color: var(--color-axa);\n      --checkbox-card-fill: var(--color-axa);\n    }\n\n    &-description {\n      & > span:first-child {\n        --checkbox-card-color: var(--color-gray-900);\n      }\n\n      & > span:not(:first-child) {\n        --checkbox-card-color: var(--color-gray-700);\n      }\n    }\n  }\n\n  & ~ &__error {\n    --error-box-color: var(--color-red-700);\n\n    & > svg {\n      --error-box-color: var(--color-red-700);\n      --error-box-fill: var(--color-red-700);\n    }\n  }\n\n  &-group--vertical {\n    --checkbox-card-flex-direction: column;\n\n    .af-checkbox-card-label {\n      --checkbox-card-flex-direction: row;\n      --checkbox-card-align-items: center;\n\n      .af-checkbox-card-content {\n        --checkbox-card-flex-direction: row;\n        --checkbox-card-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n        .af-checkbox-card-content-description {\n          --checkbox-card-flex-direction: column;\n          --checkbox-card-align-item: flex-start;\n        }\n      }\n    }\n  }\n\n  &-group--horizontal {\n    --checkbox-card-flex-direction: row;\n\n    .af-checkbox-card-label {\n      --checkbox-card-flex-direction: row;\n      --checkbox-card-align-items: flex-start;\n      --checkbox-card-justify-content: flex-start;\n\n      .af-checkbox-card-content {\n        --checkbox-card-flex-direction: column;\n        --checkbox-card-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n        .af-checkbox-card-content-description {\n          --checkbox-card-flex-direction: column;\n          --checkbox-card-align-item: center;\n        }\n      }\n    }\n  }\n\n  &-group--vertical,\n  &-group--horizontal {\n    .af-checkbox-card-label[aria-invalid=\"true\"] {\n      --checkbox-card-background-color: var(--color-white);\n      --checkbox-card-border: 2px var(--color-red-700);\n      --checkbox-card-shadow-color: var(--color-red-700);\n    }\n\n    .af-checkbox-card-label {\n      --checkbox-card-border: 2px var(--color-gray-700);\n      --checkbox-card-border-radius: calc(6 / var(--font-size-base) * 1rem);\n\n      .af-checkbox-card-content {\n        .af-checkbox-card-content-description {\n          & > span:first-child {\n            --checkbox-card-label-text-color: var(--color-black);\n          }\n        }\n      }\n\n      &:hover {\n        --checkbox-card-border: 2px var(--color-axa);\n        --checkbox-card-shadow-color: var(--color-axa);\n        --checkbox-card-background-color: var(--color-white);\n      }\n    }\n\n    .af-checkbox-card-label:has(input:checked) {\n      --checkbox-card-border: 2px var(--color-axa);\n      --checkbox-card-shadow-color: var(--color-axa);\n      --checkbox-card-background-color: var(--color-blue-2);\n    }\n  }\n}\n","@use \"CheckboxCardCommon\";\n\n.af-checkbox-card {\n  &__label-container {\n    --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n  }\n\n  &__label {\n    --checkbox-card-color: var(--color-gray-900);\n  }\n\n  &__description {\n    --checkbox-card-color: var(--color-gray-700);\n  }\n\n  &__content {\n    & > svg {\n      --checkbox-card-color: var(--color-axa);\n      --checkbox-card-fill: var(--color-axa);\n    }\n\n    &-description {\n      & > span:first-child {\n        --checkbox-card-color: var(--color-gray-900);\n      }\n\n      & > span:not(:first-child) {\n        --checkbox-card-color: var(--color-gray-700);\n      }\n    }\n  }\n\n  & ~ &__error {\n    --error-box-color: var(--color-red-700);\n\n    & > svg {\n      --error-box-color: var(--color-red-700);\n      --error-box-fill: var(--color-red-700);\n    }\n  }\n\n  &-group--vertical {\n    --checkbox-card-flex-direction: column;\n\n    .af-checkbox-card-label {\n      --checkbox-card-flex-direction: row;\n      --checkbox-card-align-items: center;\n\n      .af-checkbox-card-content {\n        --checkbox-card-flex-direction: row;\n        --checkbox-card-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n        .af-checkbox-card-content-description {\n          --checkbox-card-flex-direction: column;\n          --checkbox-card-align-item: flex-start;\n        }\n      }\n    }\n  }\n\n  &-group--horizontal {\n    --checkbox-card-flex-direction: row;\n\n    .af-checkbox-card-label {\n      --checkbox-card-flex-direction: row;\n      --checkbox-card-align-items: flex-start;\n      --checkbox-card-justify-content: flex-start;\n\n      .af-checkbox-card-content {\n        --checkbox-card-flex-direction: column;\n        --checkbox-card-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n        .af-checkbox-card-content-description {\n          --checkbox-card-flex-direction: column;\n          --checkbox-card-align-item: center;\n        }\n      }\n    }\n  }\n\n  &-group--vertical,\n  &-group--horizontal {\n    .af-checkbox-card-label[aria-invalid=\"true\"] {\n      --checkbox-card-background-color: var(--color-white);\n      --checkbox-card-border: 2px var(--color-red-700);\n      --checkbox-card-shadow-color: var(--color-red-700);\n    }\n\n    .af-checkbox-card-label {\n      --checkbox-card-border: 2px var(--color-gray-700);\n      --checkbox-card-border-radius: calc(6 / var(--font-size-base) * 1rem);\n\n      .af-checkbox-card-content {\n        .af-checkbox-card-content-description {\n          & > span:first-child {\n            --checkbox-card-label-text-color: var(--color-black);\n          }\n        }\n      }\n\n      &:hover {\n        --checkbox-card-border: 2px var(--color-axa);\n        --checkbox-card-shadow-color: var(--color-axa);\n        --checkbox-card-background-color: var(--color-white);\n      }\n    }\n\n    .af-checkbox-card-label:has(input:checked) {\n      --checkbox-card-border: 2px var(--color-axa);\n      --checkbox-card-shadow-color: var(--color-axa);\n      --checkbox-card-background-color: var(--color-blue-2);\n    }\n  }\n}\n"]}

package/dist/Form/Checkbox/CheckboxCard/CheckboxCardLF.scss

@@ -0,0 +1,114 @@
+@use "CheckboxCardCommon";
+
+.af-checkbox-card {
+  &__label-container {
+    --font-size-base: calc(16 / var(--font-size-base) * 1rem);
+  }
+
+  &__label {
+    --checkbox-card-color: var(--color-gray-900);
+  }
+
+  &__description {
+    --checkbox-card-color: var(--color-gray-700);
+  }
+
+  &__content {
+    & > svg {
+      --checkbox-card-color: var(--color-axa);
+      --checkbox-card-fill: var(--color-axa);
+    }
+
+    &-description {
+      & > span:first-child {
+        --checkbox-card-color: var(--color-gray-900);
+      }
+
+      & > span:not(:first-child) {
+        --checkbox-card-color: var(--color-gray-700);
+      }
+    }
+  }
+
+  & ~ &__error {
+    --error-box-color: var(--color-red-700);
+
+    & > svg {
+      --error-box-color: var(--color-red-700);
+      --error-box-fill: var(--color-red-700);
+    }
+  }
+
+  &-group--vertical {
+    --checkbox-card-flex-direction: column;
+
+    .af-checkbox-card-label {
+      --checkbox-card-flex-direction: row;
+      --checkbox-card-align-items: center;
+
+      .af-checkbox-card-content {
+        --checkbox-card-flex-direction: row;
+        --checkbox-card-margin-left: calc(12 / var(--font-size-base) * 1rem);
+
+        .af-checkbox-card-content-description {
+          --checkbox-card-flex-direction: column;
+          --checkbox-card-align-item: flex-start;
+        }
+      }
+    }
+  }
+
+  &-group--horizontal {
+    --checkbox-card-flex-direction: row;
+
+    .af-checkbox-card-label {
+      --checkbox-card-flex-direction: row;
+      --checkbox-card-align-items: flex-start;
+      --checkbox-card-justify-content: flex-start;
+
+      .af-checkbox-card-content {
+        --checkbox-card-flex-direction: column;
+        --checkbox-card-margin-left: calc(2 / var(--font-size-base) * 1rem);
+
+        .af-checkbox-card-content-description {
+          --checkbox-card-flex-direction: column;
+          --checkbox-card-align-item: center;
+        }
+      }
+    }
+  }
+
+  &-group--vertical,
+  &-group--horizontal {
+    .af-checkbox-card-label[aria-invalid="true"] {
+      --checkbox-card-background-color: var(--color-white);
+      --checkbox-card-border: 2px var(--color-red-700);
+      --checkbox-card-shadow-color: var(--color-red-700);
+    }
+
+    .af-checkbox-card-label {
+      --checkbox-card-border: 2px var(--color-gray-700);
+      --checkbox-card-border-radius: calc(6 / var(--font-size-base) * 1rem);
+
+      .af-checkbox-card-content {
+        .af-checkbox-card-content-description {
+          & > span:first-child {
+            --checkbox-card-label-text-color: var(--color-black);
+          }
+        }
+      }
+
+      &:hover {
+        --checkbox-card-border: 2px var(--color-axa);
+        --checkbox-card-shadow-color: var(--color-axa);
+        --checkbox-card-background-color: var(--color-white);
+      }
+    }
+
+    .af-checkbox-card-label:has(input:checked) {
+      --checkbox-card-border: 2px var(--color-axa);
+      --checkbox-card-shadow-color: var(--color-axa);
+      --checkbox-card-background-color: var(--color-blue-2);
+    }
+  }
+}

package/dist/Form/Checkbox/CheckboxText/CheckboxTextApollo.css

@@ -0,0 +1 @@
+.af-checkbox-text label{align-items:flex-start;color:var(--checkbox-text-label-color);cursor:pointer;display:flex;font-size:calc(18/var(--font-size-base)*1rem);font-weight:400;gap:calc(12/var(--font-size-base)*1rem);margin:0}@media (width < 667px){.af-checkbox-text label{font-size:calc(16/var(--font-size-base)*1rem)}}.af-checkbox-text .af-checkbox-text__error{margin-left:calc(36/var(--font-size-base)*1rem)}.af-checkbox-text label{--checkbox-text-label-color:var(--black)}

package/dist/Form/Checkbox/CheckboxText/CheckboxTextApollo.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Form/Checkbox/CheckboxText/CheckboxTextCommon.scss","../../../../src/Form/Checkbox/CheckboxText/CheckboxTextApollo.scss","../../../../src/Form/Checkbox/CheckboxText/CheckboxTextApollo.scss%23sass"],"names":[],"mappings":"AAGE,wBAGE,sBAAA,CAIA,sCAAA,CACA,cAAA,CAPA,YAAA,CAIA,6CAAA,CCFJ,eAAA,CDCI,uCAAA,CCLJ,QAOA,CDII,uBAVF,wBAWI,6CCDJ,CACF,CDIE,2CACE,+CCFJ,CCdE,wBACE,wCDiBJ","file":"CheckboxTextApollo.css","sourcesContent":["@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-text {\n  & label {\n    display: flex;\n    margin: 0;\n    align-items: flex-start;\n    gap: calc(12 / var(--font-size-base) * 1rem);\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    color: var(--checkbox-text-label-color);\n    cursor: pointer;\n\n    @media (width < #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(16 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  & .af-checkbox-text__error {\n    margin-left: calc(36 / var(--font-size-base) * 1rem);\n  }\n}\n","@use \"CheckboxTextCommon\";\n\n.af-checkbox-text {\n  & label {\n    --checkbox-text-label-color: var(--black);\n  }\n}\n","@use \"CheckboxTextCommon\";\n\n.af-checkbox-text {\n  & label {\n    --checkbox-text-label-color: var(--black);\n  }\n}\n"]}

package/dist/Form/Checkbox/CheckboxText/CheckboxTextApollo.scss

@@ -0,0 +1,7 @@
+@use "CheckboxTextCommon";
+
+.af-checkbox-text {
+  & label {
+    --checkbox-text-label-color: var(--black);
+  }
+}

package/dist/Form/Checkbox/CheckboxText/CheckboxTextCommon.css

@@ -0,0 +1 @@
+.af-checkbox-text label{align-items:flex-start;color:var(--checkbox-text-label-color);cursor:pointer;display:flex;font-size:calc(18/var(--font-size-base)*1rem);font-weight:400;gap:calc(12/var(--font-size-base)*1rem);margin:0}@media (width < 667px){.af-checkbox-text label{font-size:calc(16/var(--font-size-base)*1rem)}}.af-checkbox-text .af-checkbox-text__error{margin-left:calc(36/var(--font-size-base)*1rem)}

package/dist/Form/Checkbox/CheckboxText/CheckboxTextCommon.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Form/Checkbox/CheckboxText/CheckboxTextCommon.scss%23sass","../../../../src/Form/Checkbox/CheckboxText/CheckboxTextCommon.scss"],"names":[],"mappings":"AAGE,wBAGE,sBAAA,CAIA,sCAAA,CACA,cAAA,CAPA,YAAA,CAIA,6CAAA,CACA,eAAA,CAFA,uCAAA,CCLJ,QAOA,CDII,uBAVF,wBAWI,6CCDJ,CACF,CDIE,2CACE,+CCFJ","file":"CheckboxTextCommon.css","sourcesContent":["@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-text {\n  & label {\n    display: flex;\n    margin: 0;\n    align-items: flex-start;\n    gap: calc(12 / var(--font-size-base) * 1rem);\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    color: var(--checkbox-text-label-color);\n    cursor: pointer;\n\n    @media (width < #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(16 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  & .af-checkbox-text__error {\n    margin-left: calc(36 / var(--font-size-base) * 1rem);\n  }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-text {\n  & label {\n    display: flex;\n    margin: 0;\n    align-items: flex-start;\n    gap: calc(12 / var(--font-size-base) * 1rem);\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    color: var(--checkbox-text-label-color);\n    cursor: pointer;\n\n    @media (width < #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(16 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  & .af-checkbox-text__error {\n    margin-left: calc(36 / var(--font-size-base) * 1rem);\n  }\n}\n"]}

package/dist/Form/Checkbox/CheckboxText/CheckboxTextCommon.scss

@@ -0,0 +1,22 @@
+@use "../../../common/breakpoints" as breakpoints;
+
+.af-checkbox-text {
+  & label {
+    display: flex;
+    margin: 0;
+    align-items: flex-start;
+    gap: calc(12 / var(--font-size-base) * 1rem);
+    font-size: calc(18 / var(--font-size-base) * 1rem);
+    font-weight: 400;
+    color: var(--checkbox-text-label-color);
+    cursor: pointer;
+
+    @media (width < #{breakpoints.$breakpoint-sm}) {
+      font-size: calc(16 / var(--font-size-base) * 1rem);
+    }
+  }
+
+  & .af-checkbox-text__error {
+    margin-left: calc(36 / var(--font-size-base) * 1rem);
+  }
+}

package/dist/Form/Checkbox/CheckboxText/CheckboxTextLF.css

@@ -0,0 +1 @@
+.af-checkbox-text label{align-items:flex-start;color:var(--checkbox-text-label-color);cursor:pointer;display:flex;font-size:calc(18/var(--font-size-base)*1rem);font-weight:400;gap:calc(12/var(--font-size-base)*1rem);margin:0}@media (width < 667px){.af-checkbox-text label{font-size:calc(16/var(--font-size-base)*1rem)}}.af-checkbox-text .af-checkbox-text__error{margin-left:calc(36/var(--font-size-base)*1rem)}.af-checkbox-text label{--checkbox-text-label-color:var(--color-black)}

package/dist/Form/Checkbox/CheckboxText/CheckboxTextLF.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Form/Checkbox/CheckboxText/CheckboxTextCommon.scss","../../../../src/Form/Checkbox/CheckboxText/CheckboxTextLF.scss","../../../../src/Form/Checkbox/CheckboxText/CheckboxTextLF.scss%23sass"],"names":[],"mappings":"AAGE,wBAGE,sBAAA,CAIA,sCAAA,CACA,cAAA,CAPA,YAAA,CAIA,6CAAA,CCFJ,eAAA,CDCI,uCAAA,CCLJ,QAOA,CDII,uBAVF,wBAWI,6CCDJ,CACF,CDIE,2CACE,+CCFJ,CCdE,wBACE,8CDiBJ","file":"CheckboxTextLF.css","sourcesContent":["@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-text {\n  & label {\n    display: flex;\n    margin: 0;\n    align-items: flex-start;\n    gap: calc(12 / var(--font-size-base) * 1rem);\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    color: var(--checkbox-text-label-color);\n    cursor: pointer;\n\n    @media (width < #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(16 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  & .af-checkbox-text__error {\n    margin-left: calc(36 / var(--font-size-base) * 1rem);\n  }\n}\n","@use \"CheckboxTextCommon\";\n\n.af-checkbox-text {\n  & label {\n    --checkbox-text-label-color: var(--color-black);\n  }\n}\n","@use \"CheckboxTextCommon\";\n\n.af-checkbox-text {\n  & label {\n    --checkbox-text-label-color: var(--color-black);\n  }\n}\n"]}

package/dist/Form/Checkbox/CheckboxText/CheckboxTextLF.scss

@@ -0,0 +1,7 @@
+@use "CheckboxTextCommon";
+
+.af-checkbox-text {
+  & label {
+    --checkbox-text-label-color: var(--color-black);
+  }
+}

package/dist/Heading/HeadingApollo.css

@@ -0,0 +1 @@
+*,:after,:before{box-sizing:border-box}body{font-family:var(--font-family-sans-serif);margin:0;-webkit-font-smoothing:antialiased}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}.af-heading{align-items:start;display:grid;gap:calc(8/var(--font-size-base)*1rem) calc(12/var(--font-size-base)*1rem)}.af-heading__title-container{display:grid;grid-column:var(--heading-grid-column);row-gap:calc(4/var(--font-size-base)*1rem)}.af-heading__title{color:var(--heading-title-color);font-family:var(--font-family-publico);font-size:var(--heading-title-font-size);font-weight:var(--heading-title-font-weight);line-height:var(--heading-title-line-height);margin:0}.af-heading__subtitle{color:var(--heading-subtitle-color);display:block;font-size:var(--heading-subtitle-font-size);font-weight:400;line-height:125%}.af-heading__icon{border-radius:.75rem;box-shadow:0 .125rem .5rem 0 rgba(var(--color-axa),.15);grid-column:1;grid-row:1/3}.af-heading:has(.af-heading__icon){grid-template-columns:auto 1fr}.af-heading__label{grid-column:span 3;margin-block-end:calc(4/var(--font-size-base)*1rem)}.af-heading{--heading-grid-column:1;--heading-title-color:var(--axa-blue-100);--heading-subtitle-color:var(--neutral-100);--heading-subtitle-font-size:calc(16/var(--font-size-base)*1rem)}.af-heading h1{--heading-title-font-size:calc(32/var(--font-size-base)*1rem);--heading-title-line-height:calc(40/var(--font-size-base)*1rem);--heading-title-font-weight:700}.af-heading h2{--heading-title-font-size:calc(28/var(--font-size-base)*1rem);--heading-title-line-height:calc(36/var(--font-size-base)*1rem);--heading-title-font-weight:300}.af-heading h3{--heading-title-font-size:calc(24/var(--font-size-base)*1rem);--heading-title-line-height:calc(32/var(--font-size-base)*1rem);--heading-title-font-weight:600}.af-heading:has(.af-heading__icon){--heading-grid-column:2}@media (width > 1023px){.af-heading{--heading-subtitle-font-size:calc(18/var(--font-size-base)*1rem)}.af-heading h1{--heading-title-font-size:calc(48/var(--font-size-base)*1rem);--heading-title-line-height:calc(56/var(--font-size-base)*1rem)}.af-heading h2{--heading-title-font-size:calc(40/var(--font-size-base)*1rem);--heading-title-line-height:calc(48/var(--font-size-base)*1rem)}.af-heading h3{--heading-title-font-size:calc(32/var(--font-size-base)*1rem);--heading-title-line-height:calc(40/var(--font-size-base)*1rem)}}

package/dist/Heading/HeadingApollo.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/common/reboot.scss","../../src/Heading/HeadingApollo.scss","../../src/Heading/HeadingCommon.scss","../../src/Heading/HeadingApollo.scss%23sass"],"names":[],"mappings":"AAAA,iBCGA,qBACA,CDEA,KAEE,yCAAA,CADA,QAAA,CAEA,kCCCF,CDEA,EACE,gBCCF,CDEA,oBAOE,wBCCF,CCrBA,YAEE,iBAAA,CADA,YAAA,CAEA,0EDwBF,CCrBE,6BACE,YAAA,CACA,sCAAA,CACA,0CDuBJ,CCpBE,mBAME,gCAAA,CAJA,sCAAA,CACA,wCAAA,CACA,4CAAA,CACA,4CAAA,CAJA,QD2BJ,CCnBE,sBDyBF,mCAAA,CCxBI,aAAA,CACA,2CAAA,CACA,eAAA,CACA,gBDsBJ,CClBE,kBACE,oBAAA,CAGA,uDAAA,CAFA,aAAA,CACA,YDqBJ,CCjBE,mCACE,8BDmBJ,CChBE,mBAEE,kBAAA,CADA,mDDmBJ,CE5DA,YACE,uBAAA,CACA,yCAAA,CACA,2CAAA,CACA,gEF+DF,CE7DE,eACE,6DAAA,CACA,+DAAA,CACA,+BF+DJ,CE5DE,eACE,6DAAA,CACA,+DAAA,CACA,+BF8DJ,CE3DE,eACE,6DAAA,CACA,+DAAA,CACA,+BF6DJ,CE1DE,mCACE,uBF4DJ,CEzDE,wBA5BF,YA6BI,gEF4DF,CE1DE,eACE,6DAAA,CACA,+DF4DJ,CEzDE,eACE,6DAAA,CACA,+DF2DJ,CExDE,eACE,6DAAA,CACA,+DF0DJ,CACF","file":"HeadingApollo.css","sourcesContent":["*,\n::after,\n::before {\n  box-sizing: border-box;\n}\n\nbody {\n  margin: 0;\n  font-family: var(--font-family-sans-serif);\n  -webkit-font-smoothing: antialiased;\n}\n\np {\n  text-wrap: pretty;\n}\n\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  overflow-wrap: break-word;\n}\n","@use \"../common/breakpoints\";\n@use \"./HeadingCommon\";\n\n.af-heading {\n  --heading-grid-column: 1;\n  --heading-title-color: var(--axa-blue-100);\n  --heading-subtitle-color: var(--neutral-100);\n  --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n\n  h1 {\n    --heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);\n    --heading-title-line-height: calc(40 / var(--font-size-base) * 1rem);\n    --heading-title-font-weight: 700;\n  }\n\n  h2 {\n    --heading-title-font-size: calc(28 / var(--font-size-base) * 1rem);\n    --heading-title-line-height: calc(36 / var(--font-size-base) * 1rem);\n    --heading-title-font-weight: 300;\n  }\n\n  h3 {\n    --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n    --heading-title-line-height: calc(32 / var(--font-size-base) * 1rem);\n    --heading-title-font-weight: 600;\n  }\n\n  &:has(&__icon) {\n    --heading-grid-column: 2;\n  }\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --heading-subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n\n    h1 {\n      --heading-title-font-size: calc(48 / var(--font-size-base) * 1rem);\n      --heading-title-line-height: calc(56 / var(--font-size-base) * 1rem);\n    }\n\n    h2 {\n      --heading-title-font-size: calc(40 / var(--font-size-base) * 1rem);\n      --heading-title-line-height: calc(48 / var(--font-size-base) * 1rem);\n    }\n\n    h3 {\n      --heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);\n      --heading-title-line-height: calc(40 / var(--font-size-base) * 1rem);\n    }\n  }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"../common/reboot\";\n\n.af-heading {\n  display: grid;\n  align-items: start;\n  gap: calc(8 / var(--font-size-base) * 1rem)\n    calc(12 / var(--font-size-base) * 1rem);\n\n  &__title-container {\n    display: grid;\n    grid-column: var(--heading-grid-column);\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n  }\n\n  &__title {\n    margin: 0;\n    font-family: var(--font-family-publico);\n    font-size: var(--heading-title-font-size);\n    font-weight: var(--heading-title-font-weight);\n    line-height: var(--heading-title-line-height);\n    color: var(--heading-title-color);\n  }\n\n  &__subtitle {\n    display: block;\n    font-size: var(--heading-subtitle-font-size);\n    font-weight: 400;\n    line-height: 125%;\n    color: var(--heading-subtitle-color);\n  }\n\n  &__icon {\n    border-radius: 0.75rem;\n    grid-column: 1;\n    grid-row: 1/3;\n    box-shadow: 0 0.125rem 0.5rem 0 rgba(var(--color-axa), 0.15);\n  }\n\n  &:has(&__icon) {\n    grid-template-columns: auto 1fr;\n  }\n\n  &__label {\n    margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n    grid-column: span 3;\n  }\n}\n","@use \"../common/breakpoints\";\n@use \"./HeadingCommon\";\n\n.af-heading {\n  --heading-grid-column: 1;\n  --heading-title-color: var(--axa-blue-100);\n  --heading-subtitle-color: var(--neutral-100);\n  --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n\n  h1 {\n    --heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);\n    --heading-title-line-height: calc(40 / var(--font-size-base) * 1rem);\n    --heading-title-font-weight: 700;\n  }\n\n  h2 {\n    --heading-title-font-size: calc(28 / var(--font-size-base) * 1rem);\n    --heading-title-line-height: calc(36 / var(--font-size-base) * 1rem);\n    --heading-title-font-weight: 300;\n  }\n\n  h3 {\n    --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n    --heading-title-line-height: calc(32 / var(--font-size-base) * 1rem);\n    --heading-title-font-weight: 600;\n  }\n\n  &:has(&__icon) {\n    --heading-grid-column: 2;\n  }\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --heading-subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n\n    h1 {\n      --heading-title-font-size: calc(48 / var(--font-size-base) * 1rem);\n      --heading-title-line-height: calc(56 / var(--font-size-base) * 1rem);\n    }\n\n    h2 {\n      --heading-title-font-size: calc(40 / var(--font-size-base) * 1rem);\n      --heading-title-line-height: calc(48 / var(--font-size-base) * 1rem);\n    }\n\n    h3 {\n      --heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);\n      --heading-title-line-height: calc(40 / var(--font-size-base) * 1rem);\n    }\n  }\n}\n"]}

package/dist/Heading/HeadingApollo.scss

@@ -0,0 +1,50 @@
+@use "../common/breakpoints";
+@use "./HeadingCommon";
+
+.af-heading {
+  --heading-grid-column: 1;
+  --heading-title-color: var(--axa-blue-100);
+  --heading-subtitle-color: var(--neutral-100);
+  --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);
+
+  h1 {
+    --heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);
+    --heading-title-line-height: calc(40 / var(--font-size-base) * 1rem);
+    --heading-title-font-weight: 700;
+  }
+
+  h2 {
+    --heading-title-font-size: calc(28 / var(--font-size-base) * 1rem);
+    --heading-title-line-height: calc(36 / var(--font-size-base) * 1rem);
+    --heading-title-font-weight: 300;
+  }
+
+  h3 {
+    --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);
+    --heading-title-line-height: calc(32 / var(--font-size-base) * 1rem);
+    --heading-title-font-weight: 600;
+  }
+
+  &:has(&__icon) {
+    --heading-grid-column: 2;
+  }
+
+  @media (width > #{breakpoints.$breakpoint-md}) {
+    --heading-subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);
+
+    h1 {
+      --heading-title-font-size: calc(48 / var(--font-size-base) * 1rem);
+      --heading-title-line-height: calc(56 / var(--font-size-base) * 1rem);
+    }
+
+    h2 {
+      --heading-title-font-size: calc(40 / var(--font-size-base) * 1rem);
+      --heading-title-line-height: calc(48 / var(--font-size-base) * 1rem);
+    }
+
+    h3 {
+      --heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);
+      --heading-title-line-height: calc(40 / var(--font-size-base) * 1rem);
+    }
+  }
+}

package/dist/Heading/HeadingCommon.css

@@ -0,0 +1 @@
+*,:after,:before{box-sizing:border-box}body{font-family:var(--font-family-sans-serif);margin:0;-webkit-font-smoothing:antialiased}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}.af-heading{align-items:start;display:grid;gap:calc(8/var(--font-size-base)*1rem) calc(12/var(--font-size-base)*1rem)}.af-heading__title-container{display:grid;grid-column:var(--heading-grid-column);row-gap:calc(4/var(--font-size-base)*1rem)}.af-heading__title{color:var(--heading-title-color);font-family:var(--font-family-publico);font-size:var(--heading-title-font-size);font-weight:var(--heading-title-font-weight);line-height:var(--heading-title-line-height);margin:0}.af-heading__subtitle{color:var(--heading-subtitle-color);display:block;font-size:var(--heading-subtitle-font-size);font-weight:400;line-height:125%}.af-heading__icon{border-radius:.75rem;box-shadow:0 .125rem .5rem 0 rgba(var(--color-axa),.15);grid-column:1;grid-row:1/3}.af-heading:has(.af-heading__icon){grid-template-columns:auto 1fr}.af-heading__label{grid-column:span 3;margin-block-end:calc(4/var(--font-size-base)*1rem)}

package/dist/Heading/HeadingCommon.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/common/reboot.scss","../../src/Heading/HeadingCommon.scss","../../src/Heading/HeadingCommon.scss%23sass"],"names":[],"mappings":"AAAA,iBCGA,qBACA,CDEA,KAEE,yCAAA,CADA,QAAA,CAEA,kCCCF,CDEA,EACE,gBCCF,CDEA,oBAOE,wBCCF,CCrBA,YAEE,iBAAA,CADA,YAAA,CAEA,0EDwBF,CCrBE,6BACE,YAAA,CACA,sCAAA,CACA,0CDuBJ,CCpBE,mBAME,gCAAA,CAJA,sCAAA,CACA,wCAAA,CACA,4CAAA,CACA,4CAAA,CAJA,QD2BJ,CCnBE,sBAKE,mCAAA,CAJA,aAAA,CACA,2CAAA,CDqBJ,eAAA,CCnBI,gBDsBJ,CClBE,kBACE,oBAAA,CAGA,uDAAA,CAFA,aAAA,CACA,YDqBJ,CCjBE,mCACE,8BDmBJ,CChBE,mBAEE,kBAAA,CADA,mDDmBJ","file":"HeadingCommon.css","sourcesContent":["*,\n::after,\n::before {\n  box-sizing: border-box;\n}\n\nbody {\n  margin: 0;\n  font-family: var(--font-family-sans-serif);\n  -webkit-font-smoothing: antialiased;\n}\n\np {\n  text-wrap: pretty;\n}\n\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  overflow-wrap: break-word;\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"../common/reboot\";\n\n.af-heading {\n  display: grid;\n  align-items: start;\n  gap: calc(8 / var(--font-size-base) * 1rem)\n    calc(12 / var(--font-size-base) * 1rem);\n\n  &__title-container {\n    display: grid;\n    grid-column: var(--heading-grid-column);\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n  }\n\n  &__title {\n    margin: 0;\n    font-family: var(--font-family-publico);\n    font-size: var(--heading-title-font-size);\n    font-weight: var(--heading-title-font-weight);\n    line-height: var(--heading-title-line-height);\n    color: var(--heading-title-color);\n  }\n\n  &__subtitle {\n    display: block;\n    font-size: var(--heading-subtitle-font-size);\n    font-weight: 400;\n    line-height: 125%;\n    color: var(--heading-subtitle-color);\n  }\n\n  &__icon {\n    border-radius: 0.75rem;\n    grid-column: 1;\n    grid-row: 1/3;\n    box-shadow: 0 0.125rem 0.5rem 0 rgba(var(--color-axa), 0.15);\n  }\n\n  &:has(&__icon) {\n    grid-template-columns: auto 1fr;\n  }\n\n  &__label {\n    margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n    grid-column: span 3;\n  }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"../common/reboot\";\n\n.af-heading {\n  display: grid;\n  align-items: start;\n  gap: calc(8 / var(--font-size-base) * 1rem)\n    calc(12 / var(--font-size-base) * 1rem);\n\n  &__title-container {\n    display: grid;\n    grid-column: var(--heading-grid-column);\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n  }\n\n  &__title {\n    margin: 0;\n    font-family: var(--font-family-publico);\n    font-size: var(--heading-title-font-size);\n    font-weight: var(--heading-title-font-weight);\n    line-height: var(--heading-title-line-height);\n    color: var(--heading-title-color);\n  }\n\n  &__subtitle {\n    display: block;\n    font-size: var(--heading-subtitle-font-size);\n    font-weight: 400;\n    line-height: 125%;\n    color: var(--heading-subtitle-color);\n  }\n\n  &__icon {\n    border-radius: 0.75rem;\n    grid-column: 1;\n    grid-row: 1/3;\n    box-shadow: 0 0.125rem 0.5rem 0 rgba(var(--color-axa), 0.15);\n  }\n\n  &:has(&__icon) {\n    grid-template-columns: auto 1fr;\n  }\n\n  &__label {\n    margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n    grid-column: span 3;\n  }\n}\n"]}

package/dist/Heading/HeadingCommon.scss

@@ -0,0 +1,48 @@
+@use "../common/breakpoints" as breakpoints;
+@use "../common/reboot";
+
+.af-heading {
+  display: grid;
+  align-items: start;
+  gap: calc(8 / var(--font-size-base) * 1rem)
+    calc(12 / var(--font-size-base) * 1rem);
+
+  &__title-container {
+    display: grid;
+    grid-column: var(--heading-grid-column);
+    row-gap: calc(4 / var(--font-size-base) * 1rem);
+  }
+
+  &__title {
+    margin: 0;
+    font-family: var(--font-family-publico);
+    font-size: var(--heading-title-font-size);
+    font-weight: var(--heading-title-font-weight);
+    line-height: var(--heading-title-line-height);
+    color: var(--heading-title-color);
+  }
+
+  &__subtitle {
+    display: block;
+    font-size: var(--heading-subtitle-font-size);
+    font-weight: 400;
+    line-height: 125%;
+    color: var(--heading-subtitle-color);
+  }
+
+  &__icon {
+    border-radius: 0.75rem;
+    grid-column: 1;
+    grid-row: 1/3;
+    box-shadow: 0 0.125rem 0.5rem 0 rgba(var(--color-axa), 0.15);
+  }
+
+  &:has(&__icon) {
+    grid-template-columns: auto 1fr;
+  }
+
+  &__label {
+    margin-block-end: calc(4 / var(--font-size-base) * 1rem);
+    grid-column: span 3;
+  }
+}

package/dist/Heading/HeadingLF.css

@@ -0,0 +1 @@
+*,:after,:before{box-sizing:border-box}body{font-family:var(--font-family-sans-serif);margin:0;-webkit-font-smoothing:antialiased}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}.af-heading{align-items:start;display:grid;gap:calc(8/var(--font-size-base)*1rem) calc(12/var(--font-size-base)*1rem)}.af-heading__title-container{display:grid;grid-column:var(--heading-grid-column);row-gap:calc(4/var(--font-size-base)*1rem)}.af-heading__title{color:var(--heading-title-color);font-family:var(--font-family-publico);font-size:var(--heading-title-font-size);font-weight:var(--heading-title-font-weight);line-height:var(--heading-title-line-height);margin:0}.af-heading__subtitle{color:var(--heading-subtitle-color);display:block;font-size:var(--heading-subtitle-font-size);font-weight:400;line-height:125%}.af-heading__icon{border-radius:.75rem;box-shadow:0 .125rem .5rem 0 rgba(var(--color-axa),.15);grid-column:1;grid-row:1/3}.af-heading:has(.af-heading__icon){grid-template-columns:auto 1fr}.af-heading__label{grid-column:span 3;margin-block-end:calc(4/var(--font-size-base)*1rem)}.af-heading{--heading-grid-column:1;--heading-title-color:var(--color-gray-900);--heading-subtitle-color:var(--color-gray-900);--heading-subtitle-font-size:calc(16/var(--font-size-base)*1rem);--heading-title-font-weight:700;--heading-title-line-height:125%}.af-heading h1{--heading-title-color:var(--color-blue-800);--heading-title-font-size:calc(24/var(--font-size-base)*1rem)}.af-heading h2{--heading-title-font-size:calc(20/var(--font-size-base)*1rem)}.af-heading h3{--heading-title-font-size:calc(18/var(--font-size-base)*1rem);--heading-title-font-weight:600;--heading-subtitle-font-size:calc(14/var(--font-size-base)*1rem)}.af-heading:has(.af-heading__icon){--heading-grid-column:2}@media (width > 1023px){.af-heading{--heading-subtitle-font-size:calc(18/var(--font-size-base)*1rem)}.af-heading h1{--heading-title-font-size:calc(32/var(--font-size-base)*1rem)}.af-heading h2{--heading-title-font-size:calc(24/var(--font-size-base)*1rem)}.af-heading h3{--heading-title-font-size:calc(20/var(--font-size-base)*1rem);--heading-subtitle-font-size:calc(16/var(--font-size-base)*1rem)}}

package/dist/Heading/HeadingLF.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/common/reboot.scss","../../src/Heading/HeadingLF.scss","../../src/Heading/HeadingCommon.scss","../../src/Heading/HeadingLF.scss%23sass"],"names":[],"mappings":"AAAA,iBCGA,qBACA,CDEA,KAEE,yCAAA,CADA,QAAA,CAEA,kCCCF,CDEA,EACE,gBCCF,CDEA,oBAOE,wBCCF,CCrBA,YAEE,iBAAA,CADA,YAAA,CAEA,0EDwBF,CCrBE,6BACE,YAAA,CACA,sCAAA,CACA,0CDuBJ,CCpBE,mBAME,gCAAA,CAJA,sCAAA,CACA,wCAAA,CACA,4CAAA,CACA,4CAAA,CAJA,QD2BJ,CCnBE,sBAKE,mCAAA,CAJA,aAAA,CDqBJ,2CAAA,CCnBI,eAAA,CACA,gBDsBJ,CClBE,kBACE,oBAAA,CAGA,uDAAA,CAFA,aAAA,CACA,YDqBJ,CCjBE,mCACE,8BDmBJ,CChBE,mBAEE,kBAAA,CADA,mDDmBJ,CE5DA,YACE,uBAAA,CACA,2CAAA,CACA,8CAAA,CACA,gEAAA,CACA,+BAAA,CACA,gCF+DF,CE7DE,eACE,2CAAA,CACA,6DF+DJ,CE5DE,eACE,6DF8DJ,CE3DE,eACE,6DAAA,CACA,+BAAA,CACA,gEF6DJ,CE1DE,mCACE,uBF4DJ,CEzDE,wBA3BF,YA4BI,gEF4DF,CE1DE,eACE,6DF4DJ,CEzDE,eACE,6DF2DJ,CExDE,eACE,6DAAA,CACA,gEF0DJ,CACF","file":"HeadingLF.css","sourcesContent":["*,\n::after,\n::before {\n  box-sizing: border-box;\n}\n\nbody {\n  margin: 0;\n  font-family: var(--font-family-sans-serif);\n  -webkit-font-smoothing: antialiased;\n}\n\np {\n  text-wrap: pretty;\n}\n\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  overflow-wrap: break-word;\n}\n","@use \"../common/breakpoints\";\n@use \"./HeadingCommon\";\n\n.af-heading {\n  --heading-grid-column: 1;\n  --heading-title-color: var(--color-gray-900);\n  --heading-subtitle-color: var(--color-gray-900);\n  --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n  --heading-title-font-weight: 700;\n  --heading-title-line-height: 125%;\n\n  h1 {\n    --heading-title-color: var(--color-blue-800);\n    --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n  }\n\n  h2 {\n    --heading-title-font-size: calc(20 / var(--font-size-base) * 1rem);\n  }\n\n  h3 {\n    --heading-title-font-size: calc(18 / var(--font-size-base) * 1rem);\n    --heading-title-font-weight: 600;\n    --heading-subtitle-font-size: calc(14 / var(--font-size-base) * 1rem);\n  }\n\n  &:has(&__icon) {\n    --heading-grid-column: 2;\n  }\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --heading-subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n\n    h1 {\n      --heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);\n    }\n\n    h2 {\n      --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n    }\n\n    h3 {\n      --heading-title-font-size: calc(20 / var(--font-size-base) * 1rem);\n      --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n    }\n  }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"../common/reboot\";\n\n.af-heading {\n  display: grid;\n  align-items: start;\n  gap: calc(8 / var(--font-size-base) * 1rem)\n    calc(12 / var(--font-size-base) * 1rem);\n\n  &__title-container {\n    display: grid;\n    grid-column: var(--heading-grid-column);\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n  }\n\n  &__title {\n    margin: 0;\n    font-family: var(--font-family-publico);\n    font-size: var(--heading-title-font-size);\n    font-weight: var(--heading-title-font-weight);\n    line-height: var(--heading-title-line-height);\n    color: var(--heading-title-color);\n  }\n\n  &__subtitle {\n    display: block;\n    font-size: var(--heading-subtitle-font-size);\n    font-weight: 400;\n    line-height: 125%;\n    color: var(--heading-subtitle-color);\n  }\n\n  &__icon {\n    border-radius: 0.75rem;\n    grid-column: 1;\n    grid-row: 1/3;\n    box-shadow: 0 0.125rem 0.5rem 0 rgba(var(--color-axa), 0.15);\n  }\n\n  &:has(&__icon) {\n    grid-template-columns: auto 1fr;\n  }\n\n  &__label {\n    margin-block-end: calc(4 / var(--font-size-base) * 1rem);\n    grid-column: span 3;\n  }\n}\n","@use \"../common/breakpoints\";\n@use \"./HeadingCommon\";\n\n.af-heading {\n  --heading-grid-column: 1;\n  --heading-title-color: var(--color-gray-900);\n  --heading-subtitle-color: var(--color-gray-900);\n  --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n  --heading-title-font-weight: 700;\n  --heading-title-line-height: 125%;\n\n  h1 {\n    --heading-title-color: var(--color-blue-800);\n    --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n  }\n\n  h2 {\n    --heading-title-font-size: calc(20 / var(--font-size-base) * 1rem);\n  }\n\n  h3 {\n    --heading-title-font-size: calc(18 / var(--font-size-base) * 1rem);\n    --heading-title-font-weight: 600;\n    --heading-subtitle-font-size: calc(14 / var(--font-size-base) * 1rem);\n  }\n\n  &:has(&__icon) {\n    --heading-grid-column: 2;\n  }\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --heading-subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);\n\n    h1 {\n      --heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);\n    }\n\n    h2 {\n      --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);\n    }\n\n    h3 {\n      --heading-title-font-size: calc(20 / var(--font-size-base) * 1rem);\n      --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);\n    }\n  }\n}\n"]}

package/dist/Heading/HeadingLF.scss

@@ -0,0 +1,47 @@
+@use "../common/breakpoints";
+@use "./HeadingCommon";
+
+.af-heading {
+  --heading-grid-column: 1;
+  --heading-title-color: var(--color-gray-900);
+  --heading-subtitle-color: var(--color-gray-900);
+  --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);
+  --heading-title-font-weight: 700;
+  --heading-title-line-height: 125%;
+
+  h1 {
+    --heading-title-color: var(--color-blue-800);
+    --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);
+  }
+
+  h2 {
+    --heading-title-font-size: calc(20 / var(--font-size-base) * 1rem);
+  }
+
+  h3 {
+    --heading-title-font-size: calc(18 / var(--font-size-base) * 1rem);
+    --heading-title-font-weight: 600;
+    --heading-subtitle-font-size: calc(14 / var(--font-size-base) * 1rem);
+  }
+
+  &:has(&__icon) {
+    --heading-grid-column: 2;
+  }
+
+  @media (width > #{breakpoints.$breakpoint-md}) {
+    --heading-subtitle-font-size: calc(18 / var(--font-size-base) * 1rem);
+
+    h1 {
+      --heading-title-font-size: calc(32 / var(--font-size-base) * 1rem);
+    }
+
+    h2 {
+      --heading-title-font-size: calc(24 / var(--font-size-base) * 1rem);
+    }
+
+    h3 {
+      --heading-title-font-size: calc(20 / var(--font-size-base) * 1rem);
+      --heading-subtitle-font-size: calc(16 / var(--font-size-base) * 1rem);
+    }
+  }
+}