@axa-fr/design-system-apollo-css 1.0.3-alpha.231 → 1.0.3-alpha.239

package/dist/Form/DateInput/DateInputApollo.css

@@ -0,0 +1 @@
+.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-date{all:unset;background-color:var(--input-bg-color);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--input-date-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:1.25em;padding:calc(16/var(--font-size-base)*1rem);text-transform:uppercase;width:100%}.af-form__input-date::placeholder{color:var(--input-date-placeholder-color);font-weight:400}@media (width > 1023px){.af-form__input-date{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__input-date:is(:hover,:focus,:active){box-shadow:0 0 0 1px var(--input-border-color) inset}.af-form__input-date:disabled,.af-form__input-date:disabled:is(:hover,:focus,:active){box-shadow:unset;cursor:not-allowed}.af-form__input-date:valid:not([class*="--error"]){color:var(--input-date-placeholder-color-filled)}.af-form__input-helper{color:var(--input-helper-color);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;line-height:1.25em}@media (width > 1023px){.af-form__input-helper{font-size:calc(16/var(--font-size-base)*1rem)}}.af-form__input-helper{--input-helper-color:var(--neutral-80)}.af-form__input-date{--input-border-color:var(--axa-blue-65);--input-border-radius:var(--radius-8);--input-bg-color:var(--white);--input-date-color:var(--neutral-80);--input-date-placeholder-color-filled:var(--axa-blue-100)}.af-form__input-date:is(:hover,:focus,:active){--input-border-color:var(--axa-blue-100)}.af-form__input-date[class*="--error"]{--input-border-color:var(--red-alert-100)}.af-form__input-date:disabled,.af-form__input-date:disabled:is(:hover,:focus,:active){--input-border-color:var(--neutral-50);--input-date-color:var(--neutral-50);--input-bg-color:var(--neutral-5)}.af-form__input-date:disabled+.af-form__input-helper,.af-form__input-date:disabled:is(:hover,:focus,:active)+.af-form__input-helper{--input-helper-color:var(--neutral-50)}

package/dist/Form/DateInput/DateInputApollo.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Form/DateInput/DateInputCommon.scss","../../../src/Form/DateInput/DateInputApollo.scss","../../../src/Form/DateInput/DateInputApollo.scss%23sass"],"names":[],"mappings":"AAGE,0BAGE,sBAAA,CAFA,YAAA,CCFJ,qBDGI,CCDJ,0CACA,CDKE,qBACE,SAAA,CAYA,sCAAA,CARA,0CAAA,CACA,wCAAA,CAJA,qBAAA,CAUA,6BAAA,CALA,4BAAA,CACA,6CAAA,CACA,eAAA,CACA,kBAAA,CANA,2CAAA,CAOA,wBAAA,CARA,UCOJ,CDKI,kCAEE,yCAAA,CADA,eCFN,CDMI,wBApBF,qBAqBI,6CCHJ,CACF,CDKI,+CACE,oDCHN,CDMI,sFAEE,gBAAA,CCLN,kBACA,CDQI,mDACE,gDCNN,CDUE,uBAIE,+BAAA,CAHA,6CAAA,CACA,eAAA,CACA,kBCPJ,CDUI,wBANF,uBAOI,6CCPJ,CACF,CC7CE,uBACE,sCDgDJ,CC7CE,qBACE,uCAAA,CACA,qCAAA,CACA,6BAAA,CACA,oCAAA,CACA,yDD+CJ,CC7CI,+CACE,wCD+CN,CC5CI,uCACE,yCD8CN,CC3CI,sFAEE,sCAAA,CACA,oCAAA,CACA,iCD4CN,CC1CM,oIACE,sCD4CR","file":"DateInputApollo.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n  &__input-container {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    row-gap: calc(8 / var(--font-size-base) * 1rem);\n  }\n\n  &__input-date {\n    all: unset;\n    box-sizing: border-box;\n    width: 100%;\n    padding: calc(16 / var(--font-size-base) * 1rem);\n    border: 1px solid var(--input-border-color);\n    border-radius: var(--input-border-radius);\n    font: var(--font-family-base);\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    line-height: 1.25em;\n    text-transform: uppercase;\n    color: var(--input-date-color);\n    background-color: var(--input-bg-color);\n\n    &::placeholder {\n      font-weight: 400;\n      color: var(--input-date-placeholder-color);\n    }\n\n    @media (width > #{breakpoints.$breakpoint-md}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n    }\n\n    &:is(:hover, :focus, :active) {\n      box-shadow: 0 0 0 1px var(--input-border-color) inset;\n    }\n\n    &:disabled,\n    &:disabled:is(:hover, :focus, :active) {\n      box-shadow: unset;\n      cursor: not-allowed;\n    }\n\n    &:valid:not([class*=\"--error\"]) {\n      color: var(--input-date-placeholder-color-filled);\n    }\n  }\n\n  &__input-helper {\n    font-size: calc(14 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: 1.25em;\n    color: var(--input-helper-color);\n\n    @media (width > #{breakpoints.$breakpoint-md}) {\n      font-size: calc(16 / var(--font-size-base) * 1rem);\n    }\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./DateInputCommon\";\n\n.af-form {\n  &__input-helper {\n    --input-helper-color: var(--neutral-80);\n  }\n\n  &__input-date {\n    --input-border-color: var(--axa-blue-65);\n    --input-border-radius: var(--radius-8);\n    --input-bg-color: var(--white);\n    --input-date-color: var(--neutral-80);\n    --input-date-placeholder-color-filled: var(--axa-blue-100);\n\n    &:is(:hover, :focus, :active) {\n      --input-border-color: var(--axa-blue-100);\n    }\n\n    &[class*=\"--error\"] {\n      --input-border-color: var(--red-alert-100);\n    }\n\n    &:disabled,\n    &:disabled:is(:hover, :focus, :active) {\n      --input-border-color: var(--neutral-50);\n      --input-date-color: var(--neutral-50);\n      --input-bg-color: var(--neutral-5);\n\n      + .af-form__input-helper {\n        --input-helper-color: var(--neutral-50);\n      }\n    }\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./DateInputCommon\";\n\n.af-form {\n  &__input-helper {\n    --input-helper-color: var(--neutral-80);\n  }\n\n  &__input-date {\n    --input-border-color: var(--axa-blue-65);\n    --input-border-radius: var(--radius-8);\n    --input-bg-color: var(--white);\n    --input-date-color: var(--neutral-80);\n    --input-date-placeholder-color-filled: var(--axa-blue-100);\n\n    &:is(:hover, :focus, :active) {\n      --input-border-color: var(--axa-blue-100);\n    }\n\n    &[class*=\"--error\"] {\n      --input-border-color: var(--red-alert-100);\n    }\n\n    &:disabled,\n    &:disabled:is(:hover, :focus, :active) {\n      --input-border-color: var(--neutral-50);\n      --input-date-color: var(--neutral-50);\n      --input-bg-color: var(--neutral-5);\n\n      + .af-form__input-helper {\n        --input-helper-color: var(--neutral-50);\n      }\n    }\n  }\n}\n"]}

package/dist/Form/DateInput/DateInputApollo.scss

@@ -0,0 +1,36 @@
+@use "../../common/breakpoints" as breakpoints;
+
+@use "./DateInputCommon";
+
+.af-form {
+  &__input-helper {
+    --input-helper-color: var(--neutral-80);
+  }
+
+  &__input-date {
+    --input-border-color: var(--axa-blue-65);
+    --input-border-radius: var(--radius-8);
+    --input-bg-color: var(--white);
+    --input-date-color: var(--neutral-80);
+    --input-date-placeholder-color-filled: var(--axa-blue-100);
+
+    &:is(:hover, :focus, :active) {
+      --input-border-color: var(--axa-blue-100);
+    }
+
+    &[class*="--error"] {
+      --input-border-color: var(--red-alert-100);
+    }
+
+    &:disabled,
+    &:disabled:is(:hover, :focus, :active) {
+      --input-border-color: var(--neutral-50);
+      --input-date-color: var(--neutral-50);
+      --input-bg-color: var(--neutral-5);
+
+      + .af-form__input-helper {
+        --input-helper-color: var(--neutral-50);
+      }
+    }
+  }
+}

package/dist/Form/DateInput/DateInputCommon.css

@@ -0,0 +1 @@
+.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-date{all:unset;background-color:var(--input-bg-color);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--input-date-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:1.25em;padding:calc(16/var(--font-size-base)*1rem);text-transform:uppercase;width:100%}.af-form__input-date::placeholder{color:var(--input-date-placeholder-color);font-weight:400}@media (width > 1023px){.af-form__input-date{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__input-date:is(:hover,:focus,:active){box-shadow:0 0 0 1px var(--input-border-color) inset}.af-form__input-date:disabled,.af-form__input-date:disabled:is(:hover,:focus,:active){box-shadow:unset;cursor:not-allowed}.af-form__input-date:valid:not([class*="--error"]){color:var(--input-date-placeholder-color-filled)}.af-form__input-helper{color:var(--input-helper-color);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;line-height:1.25em}@media (width > 1023px){.af-form__input-helper{font-size:calc(16/var(--font-size-base)*1rem)}}

package/dist/Form/DateInput/DateInputCommon.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Form/DateInput/DateInputCommon.scss%23sass","../../../src/Form/DateInput/DateInputCommon.scss"],"names":[],"mappings":"AAGE,0BAGE,sBAAA,CAFA,YAAA,CCFJ,qBAAA,CDKI,0CCFJ,CDKE,qBACE,SAAA,CAYA,sCAAA,CARA,0CAAA,CACA,wCAAA,CAJA,qBAAA,CAUA,6BAAA,CALA,4BAAA,CACA,6CAAA,CACA,eAAA,CACA,kBAAA,CANA,2CAAA,CAOA,wBAAA,CARA,UCOJ,CDKI,kCAEE,yCAAA,CADA,eCFN,CDMI,wBApBF,qBAqBI,6CCHJ,CACF,CDKI,+CACE,oDCHN,CDMI,sFAEE,gBAAA,CACA,kBCLN,CDQI,mDACE,gDCNN,CDUE,uBAIE,+BAAA,CAHA,6CAAA,CACA,eAAA,CACA,kBCPJ,CDUI,wBANF,uBAOI,6CCPJ,CACF","file":"DateInputCommon.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n  &__input-container {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    row-gap: calc(8 / var(--font-size-base) * 1rem);\n  }\n\n  &__input-date {\n    all: unset;\n    box-sizing: border-box;\n    width: 100%;\n    padding: calc(16 / var(--font-size-base) * 1rem);\n    border: 1px solid var(--input-border-color);\n    border-radius: var(--input-border-radius);\n    font: var(--font-family-base);\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    line-height: 1.25em;\n    text-transform: uppercase;\n    color: var(--input-date-color);\n    background-color: var(--input-bg-color);\n\n    &::placeholder {\n      font-weight: 400;\n      color: var(--input-date-placeholder-color);\n    }\n\n    @media (width > #{breakpoints.$breakpoint-md}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n    }\n\n    &:is(:hover, :focus, :active) {\n      box-shadow: 0 0 0 1px var(--input-border-color) inset;\n    }\n\n    &:disabled,\n    &:disabled:is(:hover, :focus, :active) {\n      box-shadow: unset;\n      cursor: not-allowed;\n    }\n\n    &:valid:not([class*=\"--error\"]) {\n      color: var(--input-date-placeholder-color-filled);\n    }\n  }\n\n  &__input-helper {\n    font-size: calc(14 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: 1.25em;\n    color: var(--input-helper-color);\n\n    @media (width > #{breakpoints.$breakpoint-md}) {\n      font-size: calc(16 / var(--font-size-base) * 1rem);\n    }\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n  &__input-container {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    row-gap: calc(8 / var(--font-size-base) * 1rem);\n  }\n\n  &__input-date {\n    all: unset;\n    box-sizing: border-box;\n    width: 100%;\n    padding: calc(16 / var(--font-size-base) * 1rem);\n    border: 1px solid var(--input-border-color);\n    border-radius: var(--input-border-radius);\n    font: var(--font-family-base);\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    line-height: 1.25em;\n    text-transform: uppercase;\n    color: var(--input-date-color);\n    background-color: var(--input-bg-color);\n\n    &::placeholder {\n      font-weight: 400;\n      color: var(--input-date-placeholder-color);\n    }\n\n    @media (width > #{breakpoints.$breakpoint-md}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n    }\n\n    &:is(:hover, :focus, :active) {\n      box-shadow: 0 0 0 1px var(--input-border-color) inset;\n    }\n\n    &:disabled,\n    &:disabled:is(:hover, :focus, :active) {\n      box-shadow: unset;\n      cursor: not-allowed;\n    }\n\n    &:valid:not([class*=\"--error\"]) {\n      color: var(--input-date-placeholder-color-filled);\n    }\n  }\n\n  &__input-helper {\n    font-size: calc(14 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: 1.25em;\n    color: var(--input-helper-color);\n\n    @media (width > #{breakpoints.$breakpoint-md}) {\n      font-size: calc(16 / var(--font-size-base) * 1rem);\n    }\n  }\n}\n"]}

package/dist/Form/DateInput/DateInputCommon.scss

@@ -0,0 +1,60 @@
+@use "../../common/breakpoints" as breakpoints;
+
+.af-form {
+  &__input-container {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    row-gap: calc(8 / var(--font-size-base) * 1rem);
+  }
+
+  &__input-date {
+    all: unset;
+    box-sizing: border-box;
+    width: 100%;
+    padding: calc(16 / var(--font-size-base) * 1rem);
+    border: 1px solid var(--input-border-color);
+    border-radius: var(--input-border-radius);
+    font: var(--font-family-base);
+    font-size: calc(16 / var(--font-size-base) * 1rem);
+    font-weight: 600;
+    line-height: 1.25em;
+    text-transform: uppercase;
+    color: var(--input-date-color);
+    background-color: var(--input-bg-color);
+
+    &::placeholder {
+      font-weight: 400;
+      color: var(--input-date-placeholder-color);
+    }
+
+    @media (width > #{breakpoints.$breakpoint-md}) {
+      font-size: calc(18 / var(--font-size-base) * 1rem);
+    }
+
+    &:is(:hover, :focus, :active) {
+      box-shadow: 0 0 0 1px var(--input-border-color) inset;
+    }
+
+    &:disabled,
+    &:disabled:is(:hover, :focus, :active) {
+      box-shadow: unset;
+      cursor: not-allowed;
+    }
+
+    &:valid:not([class*="--error"]) {
+      color: var(--input-date-placeholder-color-filled);
+    }
+  }
+
+  &__input-helper {
+    font-size: calc(14 / var(--font-size-base) * 1rem);
+    font-weight: 400;
+    line-height: 1.25em;
+    color: var(--input-helper-color);
+
+    @media (width > #{breakpoints.$breakpoint-md}) {
+      font-size: calc(16 / var(--font-size-base) * 1rem);
+    }
+  }
+}

package/dist/Form/DateInput/DateInputLF.css

@@ -0,0 +1 @@
+.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-date{all:unset;background-color:var(--input-bg-color);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--input-date-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:1.25em;padding:calc(16/var(--font-size-base)*1rem);text-transform:uppercase;width:100%}.af-form__input-date::placeholder{color:var(--input-date-placeholder-color);font-weight:400}@media (width > 1023px){.af-form__input-date{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__input-date:is(:hover,:focus,:active){box-shadow:0 0 0 1px var(--input-border-color) inset}.af-form__input-date:disabled,.af-form__input-date:disabled:is(:hover,:focus,:active){box-shadow:unset;cursor:not-allowed}.af-form__input-date:valid:not([class*="--error"]){color:var(--input-date-placeholder-color-filled)}.af-form__input-helper{color:var(--input-helper-color);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;line-height:1.25em}@media (width > 1023px){.af-form__input-helper{font-size:calc(16/var(--font-size-base)*1rem)}}.af-form__input-helper{--input-helper-color:var(--color-gray-700)}.af-form__input-date{--input-border-color:var(--color-gray-700);--input-border-radius:var(--default-border-radius);--input-bg-color:var(--color-white);--input-date-color:var(--color-gray-900);--input-date-placeholder-color:var(--color-gray-700);--input-date-placeholder-color-filled:var(--color-axa)}.af-form__input-date:is(:hover,:focus,:active){--input-border-color:var(--color-axa);--input-date-placeholder-color:var(--color-gray-900)}.af-form__input-date[class*="--error"]{--input-border-color:var(--color-red-700)}.af-form__input-date:disabled,.af-form__input-date:disabled:is(:hover,:focus,:active){--input-border-color:var(--color-gray-400);--input-date-color:var(--color-gray-500);--input-bg-color:var(--color-gray-200)}.af-form__input-date:disabled+.af-form__input-helper,.af-form__input-date:disabled:is(:hover,:focus,:active)+.af-form__input-helper{--input-helper-color:var(--color-gray-500)}

package/dist/Form/DateInput/DateInputLF.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Form/DateInput/DateInputCommon.scss","../../../src/Form/DateInput/DateInputLF.scss","../../../src/Form/DateInput/DateInputLF.scss%23sass"],"names":[],"mappings":"AAGE,0BAGE,sBAAA,CAFA,YAAA,CCFJ,qBDGI,CCDJ,0CACA,CDKE,qBACE,SAAA,CAYA,sCAAA,CARA,0CAAA,CACA,wCAAA,CAJA,qBAAA,CAUA,6BAAA,CALA,4BAAA,CACA,6CAAA,CACA,eAAA,CACA,kBAAA,CANA,2CAAA,CAOA,wBAAA,CARA,UCOJ,CDKI,kCAEE,yCAAA,CADA,eCFN,CDMI,wBApBF,qBAqBI,6CCHJ,CACF,CDKI,+CACE,oDCHN,CDMI,sFAEE,gBAAA,CACA,kBCLN,CDQI,mDACE,gDCNN,CDUE,uBAIE,+BAAA,CAHA,6CAAA,CACA,eAAA,CACA,kBCPJ,CDUI,wBANF,uBAOI,6CCPJ,CACF,CC7CE,uBACE,0CDgDJ,CC7CE,qBACE,0CAAA,CACA,kDAAA,CACA,mCAAA,CACA,wCAAA,CACA,oDAAA,CACA,sDD+CJ,CC7CI,+CACE,qCAAA,CACA,oDD+CN,CC5CI,uCACE,yCD8CN,CC3CI,sFAEE,0CAAA,CACA,wCAAA,CACA,sCD4CN,CC1CM,oIACE,0CD4CR","file":"DateInputLF.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n  &__input-container {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    row-gap: calc(8 / var(--font-size-base) * 1rem);\n  }\n\n  &__input-date {\n    all: unset;\n    box-sizing: border-box;\n    width: 100%;\n    padding: calc(16 / var(--font-size-base) * 1rem);\n    border: 1px solid var(--input-border-color);\n    border-radius: var(--input-border-radius);\n    font: var(--font-family-base);\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    line-height: 1.25em;\n    text-transform: uppercase;\n    color: var(--input-date-color);\n    background-color: var(--input-bg-color);\n\n    &::placeholder {\n      font-weight: 400;\n      color: var(--input-date-placeholder-color);\n    }\n\n    @media (width > #{breakpoints.$breakpoint-md}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n    }\n\n    &:is(:hover, :focus, :active) {\n      box-shadow: 0 0 0 1px var(--input-border-color) inset;\n    }\n\n    &:disabled,\n    &:disabled:is(:hover, :focus, :active) {\n      box-shadow: unset;\n      cursor: not-allowed;\n    }\n\n    &:valid:not([class*=\"--error\"]) {\n      color: var(--input-date-placeholder-color-filled);\n    }\n  }\n\n  &__input-helper {\n    font-size: calc(14 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: 1.25em;\n    color: var(--input-helper-color);\n\n    @media (width > #{breakpoints.$breakpoint-md}) {\n      font-size: calc(16 / var(--font-size-base) * 1rem);\n    }\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./DateInputCommon\";\n\n.af-form {\n  &__input-helper {\n    --input-helper-color: var(--color-gray-700);\n  }\n\n  &__input-date {\n    --input-border-color: var(--color-gray-700);\n    --input-border-radius: var(--default-border-radius);\n    --input-bg-color: var(--color-white);\n    --input-date-color: var(--color-gray-900);\n    --input-date-placeholder-color: var(--color-gray-700);\n    --input-date-placeholder-color-filled: var(--color-axa);\n\n    &:is(:hover, :focus, :active) {\n      --input-border-color: var(--color-axa);\n      --input-date-placeholder-color: var(--color-gray-900);\n    }\n\n    &[class*=\"--error\"] {\n      --input-border-color: var(--color-red-700);\n    }\n\n    &:disabled,\n    &:disabled:is(:hover, :focus, :active) {\n      --input-border-color: var(--color-gray-400);\n      --input-date-color: var(--color-gray-500);\n      --input-bg-color: var(--color-gray-200);\n\n      + .af-form__input-helper {\n        --input-helper-color: var(--color-gray-500);\n      }\n    }\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./DateInputCommon\";\n\n.af-form {\n  &__input-helper {\n    --input-helper-color: var(--color-gray-700);\n  }\n\n  &__input-date {\n    --input-border-color: var(--color-gray-700);\n    --input-border-radius: var(--default-border-radius);\n    --input-bg-color: var(--color-white);\n    --input-date-color: var(--color-gray-900);\n    --input-date-placeholder-color: var(--color-gray-700);\n    --input-date-placeholder-color-filled: var(--color-axa);\n\n    &:is(:hover, :focus, :active) {\n      --input-border-color: var(--color-axa);\n      --input-date-placeholder-color: var(--color-gray-900);\n    }\n\n    &[class*=\"--error\"] {\n      --input-border-color: var(--color-red-700);\n    }\n\n    &:disabled,\n    &:disabled:is(:hover, :focus, :active) {\n      --input-border-color: var(--color-gray-400);\n      --input-date-color: var(--color-gray-500);\n      --input-bg-color: var(--color-gray-200);\n\n      + .af-form__input-helper {\n        --input-helper-color: var(--color-gray-500);\n      }\n    }\n  }\n}\n"]}

package/dist/Form/DateInput/DateInputLF.scss

@@ -0,0 +1,38 @@
+@use "../../common/breakpoints" as breakpoints;
+
+@use "./DateInputCommon";
+
+.af-form {
+  &__input-helper {
+    --input-helper-color: var(--color-gray-700);
+  }
+
+  &__input-date {
+    --input-border-color: var(--color-gray-700);
+    --input-border-radius: var(--default-border-radius);
+    --input-bg-color: var(--color-white);
+    --input-date-color: var(--color-gray-900);
+    --input-date-placeholder-color: var(--color-gray-700);
+    --input-date-placeholder-color-filled: var(--color-axa);
+
+    &:is(:hover, :focus, :active) {
+      --input-border-color: var(--color-axa);
+      --input-date-placeholder-color: var(--color-gray-900);
+    }
+
+    &[class*="--error"] {
+      --input-border-color: var(--color-red-700);
+    }
+
+    &:disabled,
+    &:disabled:is(:hover, :focus, :active) {
+      --input-border-color: var(--color-gray-400);
+      --input-date-color: var(--color-gray-500);
+      --input-bg-color: var(--color-gray-200);
+
+      + .af-form__input-helper {
+        --input-helper-color: var(--color-gray-500);
+      }
+    }
+  }
+}

package/dist/Form/TextArea/TextAreaApollo.css

@@ -1 +1 @@
-.af-form__input-textarea{background-color:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);border-radius:var(--input-text-area-border-radius);box-shadow:0 0 0 1px var(--input-text-area-background);color:var(--input-text-area-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);height:calc(--input-text-area-height / var(--font-size-base) * 1rem);line-height:calc(20/var(--font-size-base)*1rem);padding:16px;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem);width:100%}}.af-form__input-textarea--error{border:1px solid var(--input-text-area-border-color);box-shadow:1px solid var(--input-text-area-border-color);outline:none}.af-form__input-textarea:active,.af-form__input-textarea:enabled,.af-form__input-textarea:focus{box-shadow:0 0 0 1px var(--white);outline:none}.af-form__input-textarea:disabled{background:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);pointer-events:none}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{border:1px solid var(--input-text-area-border-color);box-shadow:0 0 0 1px var(--input-text-area-border-color)}.af-form__input-textarea{--input-text-area-border-radius:var(--radius-8);--input-text-area-border-color:var(--axa-blue-65);--input-text-area-height:148px;--input-text-area-background:var(--white);--input-text-area-color:var(--neutral-80)}.af-form__input-textarea--error{--input-text-area-border-color:var(--axa-red-100)}.af-form__input-textarea:disabled{--input-text-area-border-color:var(--neutral-14);--input-text-area-background:var(--neutral-5)}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{--input-text-area-border-color:var(--axa-blue-100)}
+.af-form__input-textarea{background-color:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);border-radius:var(--input-text-area-border-radius);box-shadow:0 0 0 1px var(--input-text-area-background);color:var(--input-text-area-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);height:calc(var(--input-text-area-height)/var(--font-size-base)*1rem);line-height:calc(20/var(--font-size-base)*1rem);padding:16px;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem);width:100%}}.af-form__input-textarea--error{border:1px solid var(--input-text-area-border-color);box-shadow:1px solid var(--input-text-area-border-color);outline:none}.af-form__input-textarea:active,.af-form__input-textarea:enabled,.af-form__input-textarea:focus{box-shadow:0 0 0 1px var(--white);outline:none}.af-form__input-textarea:disabled{background:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);pointer-events:none}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{border:1px solid var(--input-text-area-border-color);box-shadow:0 0 0 1px var(--input-text-area-border-color)}.af-form__input-textarea{--input-text-area-border-radius:var(--radius-8);--input-text-area-border-color:var(--axa-blue-65);--input-text-area-height:148px;--input-text-area-background:var(--white);--input-text-area-color:var(--neutral-80)}.af-form__input-textarea--error{--input-text-area-border-color:var(--axa-red-100)}.af-form__input-textarea:disabled{--input-text-area-border-color:var(--neutral-14);--input-text-area-background:var(--neutral-5)}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{--input-text-area-border-color:var(--axa-blue-100)}

package/dist/Form/TextArea/TextAreaApollo.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Form/TextArea/TextAreaCommon.scss","../../../src/Form/TextArea/TextAreaApollo.scss","../../../src/Form/TextArea/TextAreaApollo.scss%23sass"],"names":[],"mappings":"AAEA,yBAUE,kDAAA,CANA,oDAAA,CACA,kDAAA,CAMA,sDAAA,CAFA,kCAAA,CAHA,4BAAA,CACA,6CAAA,CCPF,oEAAA,CDQE,+CAAA,CALA,YAAA,CAFA,UCSF,CDGE,wBAbF,yBCcE,6CAAA,CDEE,+CAAA,CAFA,UCEF,CACF,CDEE,gCACE,oDAAA,CACA,wDAAA,CACA,YCAJ,CDGE,gGAGE,iCAAA,CACA,YCHJ,CDME,kCAEE,4CAAA,CADA,oDAAA,CAEA,mBCJJ,CDQI,4JAEE,oDAAA,CACA,wDCPN,CCnCA,yBACE,+CAAA,CACA,iDAAA,CACA,8BAAA,CACA,yCAAA,CACA,yCDsCF,CCpCE,gCACE,iDDsCJ,CCnCE,kCACE,gDAAA,CACA,6CDqCJ,CCjCI,4JAEE,kDDkCN","file":"TextAreaApollo.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n  width: 100%;\n  height: calc(--input-text-area-height / var(--font-size-base) * 1rem);\n  padding: 16px;\n  border: 1px solid var(--input-text-area-border-color);\n  border-radius: var(--input-text-area-border-radius);\n  font: var(--font-family-base);\n  font-size: calc(16 / var(--font-size-base) * 1rem);\n  line-height: calc(20 / var(--font-size-base) * 1rem);\n  color: var(--input-text-area-color);\n  background-color: var(--input-text-area-background);\n  box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    width: 100%;\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    line-height: calc(24 / var(--font-size-base) * 1rem);\n  }\n\n  &--error {\n    border: 1px solid var(--input-text-area-border-color);\n    box-shadow: 1px solid var(--input-text-area-border-color);\n    outline: none;\n  }\n\n  &:enabled,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 1px var(--white);\n    outline: none;\n  }\n\n  &:disabled {\n    border: 1px solid var(--input-text-area-border-color);\n    background: var(--input-text-area-background);\n    pointer-events: none;\n  }\n\n  &:not(:disabled, &--error) {\n    &:focus,\n    &:hover {\n      border: 1px solid var(--input-text-area-border-color);\n      box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n    }\n  }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n  --input-text-area-border-radius: var(--radius-8);\n  --input-text-area-border-color: var(--axa-blue-65);\n  --input-text-area-height: 148px;\n  --input-text-area-background: var(--white);\n  --input-text-area-color: var(--neutral-80);\n\n  &--error {\n    --input-text-area-border-color: var(--axa-red-100);\n  }\n\n  &:disabled {\n    --input-text-area-border-color: var(--neutral-14);\n    --input-text-area-background: var(--neutral-5);\n  }\n\n  &:not(:disabled, &--error) {\n    &:focus,\n    &:hover {\n      --input-text-area-border-color: var(--axa-blue-100);\n    }\n  }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n  --input-text-area-border-radius: var(--radius-8);\n  --input-text-area-border-color: var(--axa-blue-65);\n  --input-text-area-height: 148px;\n  --input-text-area-background: var(--white);\n  --input-text-area-color: var(--neutral-80);\n\n  &--error {\n    --input-text-area-border-color: var(--axa-red-100);\n  }\n\n  &:disabled {\n    --input-text-area-border-color: var(--neutral-14);\n    --input-text-area-background: var(--neutral-5);\n  }\n\n  &:not(:disabled, &--error) {\n    &:focus,\n    &:hover {\n      --input-text-area-border-color: var(--axa-blue-100);\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../src/Form/TextArea/TextAreaCommon.scss","../../../src/Form/TextArea/TextAreaApollo.scss","../../../src/Form/TextArea/TextAreaApollo.scss%23sass"],"names":[],"mappings":"AAEA,yBAUE,kDAAA,CANA,oDAAA,CACA,kDAAA,CAMA,sDAAA,CAFA,kCAAA,CAHA,4BAAA,CACA,6CAAA,CCPF,qEAAA,CDQE,+CAAA,CALA,YAAA,CAFA,UCSF,CDGE,wBAbF,yBCcE,6CAAA,CDEE,+CAAA,CAFA,UCEF,CACF,CDEE,gCACE,oDAAA,CACA,wDAAA,CACA,YCAJ,CDGE,gGAGE,iCAAA,CACA,YCHJ,CDME,kCAEE,4CAAA,CADA,oDAAA,CAEA,mBCJJ,CDQI,4JAEE,oDAAA,CACA,wDCPN,CCnCA,yBACE,+CAAA,CACA,iDAAA,CACA,8BAAA,CACA,yCAAA,CACA,yCDsCF,CCpCE,gCACE,iDDsCJ,CCnCE,kCACE,gDAAA,CACA,6CDqCJ,CCjCI,4JAEE,kDDkCN","file":"TextAreaApollo.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n  width: 100%;\n  height: calc(var(--input-text-area-height) / var(--font-size-base) * 1rem);\n  padding: 16px;\n  border: 1px solid var(--input-text-area-border-color);\n  border-radius: var(--input-text-area-border-radius);\n  font: var(--font-family-base);\n  font-size: calc(16 / var(--font-size-base) * 1rem);\n  line-height: calc(20 / var(--font-size-base) * 1rem);\n  color: var(--input-text-area-color);\n  background-color: var(--input-text-area-background);\n  box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    width: 100%;\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    line-height: calc(24 / var(--font-size-base) * 1rem);\n  }\n\n  &--error {\n    border: 1px solid var(--input-text-area-border-color);\n    box-shadow: 1px solid var(--input-text-area-border-color);\n    outline: none;\n  }\n\n  &:enabled,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 1px var(--white);\n    outline: none;\n  }\n\n  &:disabled {\n    border: 1px solid var(--input-text-area-border-color);\n    background: var(--input-text-area-background);\n    pointer-events: none;\n  }\n\n  &:not(:disabled, &--error) {\n    &:focus,\n    &:hover {\n      border: 1px solid var(--input-text-area-border-color);\n      box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n    }\n  }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n  --input-text-area-border-radius: var(--radius-8);\n  --input-text-area-border-color: var(--axa-blue-65);\n  --input-text-area-height: 148px;\n  --input-text-area-background: var(--white);\n  --input-text-area-color: var(--neutral-80);\n\n  &--error {\n    --input-text-area-border-color: var(--axa-red-100);\n  }\n\n  &:disabled {\n    --input-text-area-border-color: var(--neutral-14);\n    --input-text-area-background: var(--neutral-5);\n  }\n\n  &:not(:disabled, &--error) {\n    &:focus,\n    &:hover {\n      --input-text-area-border-color: var(--axa-blue-100);\n    }\n  }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n  --input-text-area-border-radius: var(--radius-8);\n  --input-text-area-border-color: var(--axa-blue-65);\n  --input-text-area-height: 148px;\n  --input-text-area-background: var(--white);\n  --input-text-area-color: var(--neutral-80);\n\n  &--error {\n    --input-text-area-border-color: var(--axa-red-100);\n  }\n\n  &:disabled {\n    --input-text-area-border-color: var(--neutral-14);\n    --input-text-area-background: var(--neutral-5);\n  }\n\n  &:not(:disabled, &--error) {\n    &:focus,\n    &:hover {\n      --input-text-area-border-color: var(--axa-blue-100);\n    }\n  }\n}\n"]}

package/dist/Form/TextArea/TextAreaCommon.css

@@ -1 +1 @@
-.af-form__input-textarea{background-color:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);border-radius:var(--input-text-area-border-radius);box-shadow:0 0 0 1px var(--input-text-area-background);color:var(--input-text-area-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);height:calc(--input-text-area-height / var(--font-size-base) * 1rem);line-height:calc(20/var(--font-size-base)*1rem);padding:16px;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem);width:100%}}.af-form__input-textarea--error{border:1px solid var(--input-text-area-border-color);box-shadow:1px solid var(--input-text-area-border-color);outline:none}.af-form__input-textarea:active,.af-form__input-textarea:enabled,.af-form__input-textarea:focus{box-shadow:0 0 0 1px var(--white);outline:none}.af-form__input-textarea:disabled{background:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);pointer-events:none}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{border:1px solid var(--input-text-area-border-color);box-shadow:0 0 0 1px var(--input-text-area-border-color)}
+.af-form__input-textarea{background-color:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);border-radius:var(--input-text-area-border-radius);box-shadow:0 0 0 1px var(--input-text-area-background);color:var(--input-text-area-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);height:calc(var(--input-text-area-height)/var(--font-size-base)*1rem);line-height:calc(20/var(--font-size-base)*1rem);padding:16px;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem);width:100%}}.af-form__input-textarea--error{border:1px solid var(--input-text-area-border-color);box-shadow:1px solid var(--input-text-area-border-color);outline:none}.af-form__input-textarea:active,.af-form__input-textarea:enabled,.af-form__input-textarea:focus{box-shadow:0 0 0 1px var(--white);outline:none}.af-form__input-textarea:disabled{background:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);pointer-events:none}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{border:1px solid var(--input-text-area-border-color);box-shadow:0 0 0 1px var(--input-text-area-border-color)}

package/dist/Form/TextArea/TextAreaCommon.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Form/TextArea/TextAreaCommon.scss%23sass","../../../src/Form/TextArea/TextAreaCommon.scss"],"names":[],"mappings":"AAEA,yBAUE,kDAAA,CANA,oDAAA,CACA,kDAAA,CAMA,sDAAA,CAFA,kCAAA,CAHA,4BAAA,CACA,6CAAA,CCPF,oEAAA,CDQE,+CAAA,CALA,YAAA,CAFA,UCSF,CDGE,wBAbF,yBAeI,6CAAA,CACA,+CAAA,CCHF,UAGA,CACF,CDEE,gCACE,oDAAA,CACA,wDAAA,CACA,YCAJ,CDGE,gGAGE,iCAAA,CACA,YCHJ,CDME,kCAEE,4CAAA,CADA,oDAAA,CAEA,mBCJJ,CDQI,4JAEE,oDAAA,CACA,wDCPN","file":"TextAreaCommon.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n  width: 100%;\n  height: calc(--input-text-area-height / var(--font-size-base) * 1rem);\n  padding: 16px;\n  border: 1px solid var(--input-text-area-border-color);\n  border-radius: var(--input-text-area-border-radius);\n  font: var(--font-family-base);\n  font-size: calc(16 / var(--font-size-base) * 1rem);\n  line-height: calc(20 / var(--font-size-base) * 1rem);\n  color: var(--input-text-area-color);\n  background-color: var(--input-text-area-background);\n  box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    width: 100%;\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    line-height: calc(24 / var(--font-size-base) * 1rem);\n  }\n\n  &--error {\n    border: 1px solid var(--input-text-area-border-color);\n    box-shadow: 1px solid var(--input-text-area-border-color);\n    outline: none;\n  }\n\n  &:enabled,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 1px var(--white);\n    outline: none;\n  }\n\n  &:disabled {\n    border: 1px solid var(--input-text-area-border-color);\n    background: var(--input-text-area-background);\n    pointer-events: none;\n  }\n\n  &:not(:disabled, &--error) {\n    &:focus,\n    &:hover {\n      border: 1px solid var(--input-text-area-border-color);\n      box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n    }\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n  width: 100%;\n  height: calc(--input-text-area-height / var(--font-size-base) * 1rem);\n  padding: 16px;\n  border: 1px solid var(--input-text-area-border-color);\n  border-radius: var(--input-text-area-border-radius);\n  font: var(--font-family-base);\n  font-size: calc(16 / var(--font-size-base) * 1rem);\n  line-height: calc(20 / var(--font-size-base) * 1rem);\n  color: var(--input-text-area-color);\n  background-color: var(--input-text-area-background);\n  box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    width: 100%;\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    line-height: calc(24 / var(--font-size-base) * 1rem);\n  }\n\n  &--error {\n    border: 1px solid var(--input-text-area-border-color);\n    box-shadow: 1px solid var(--input-text-area-border-color);\n    outline: none;\n  }\n\n  &:enabled,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 1px var(--white);\n    outline: none;\n  }\n\n  &:disabled {\n    border: 1px solid var(--input-text-area-border-color);\n    background: var(--input-text-area-background);\n    pointer-events: none;\n  }\n\n  &:not(:disabled, &--error) {\n    &:focus,\n    &:hover {\n      border: 1px solid var(--input-text-area-border-color);\n      box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../src/Form/TextArea/TextAreaCommon.scss%23sass","../../../src/Form/TextArea/TextAreaCommon.scss"],"names":[],"mappings":"AAEA,yBAUE,kDAAA,CANA,oDAAA,CACA,kDAAA,CAMA,sDAAA,CAFA,kCAAA,CAHA,4BAAA,CACA,6CAAA,CCPF,qEAAA,CDQE,+CAAA,CALA,YAAA,CAFA,UCSF,CDGE,wBAbF,yBAeI,6CAAA,CACA,+CAAA,CCHF,UAGA,CACF,CDEE,gCACE,oDAAA,CACA,wDAAA,CACA,YCAJ,CDGE,gGAGE,iCAAA,CACA,YCHJ,CDME,kCAEE,4CAAA,CADA,oDAAA,CAEA,mBCJJ,CDQI,4JAEE,oDAAA,CACA,wDCPN","file":"TextAreaCommon.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n  width: 100%;\n  height: calc(var(--input-text-area-height) / var(--font-size-base) * 1rem);\n  padding: 16px;\n  border: 1px solid var(--input-text-area-border-color);\n  border-radius: var(--input-text-area-border-radius);\n  font: var(--font-family-base);\n  font-size: calc(16 / var(--font-size-base) * 1rem);\n  line-height: calc(20 / var(--font-size-base) * 1rem);\n  color: var(--input-text-area-color);\n  background-color: var(--input-text-area-background);\n  box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    width: 100%;\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    line-height: calc(24 / var(--font-size-base) * 1rem);\n  }\n\n  &--error {\n    border: 1px solid var(--input-text-area-border-color);\n    box-shadow: 1px solid var(--input-text-area-border-color);\n    outline: none;\n  }\n\n  &:enabled,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 1px var(--white);\n    outline: none;\n  }\n\n  &:disabled {\n    border: 1px solid var(--input-text-area-border-color);\n    background: var(--input-text-area-background);\n    pointer-events: none;\n  }\n\n  &:not(:disabled, &--error) {\n    &:focus,\n    &:hover {\n      border: 1px solid var(--input-text-area-border-color);\n      box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n    }\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n  width: 100%;\n  height: calc(var(--input-text-area-height) / var(--font-size-base) * 1rem);\n  padding: 16px;\n  border: 1px solid var(--input-text-area-border-color);\n  border-radius: var(--input-text-area-border-radius);\n  font: var(--font-family-base);\n  font-size: calc(16 / var(--font-size-base) * 1rem);\n  line-height: calc(20 / var(--font-size-base) * 1rem);\n  color: var(--input-text-area-color);\n  background-color: var(--input-text-area-background);\n  box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    width: 100%;\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    line-height: calc(24 / var(--font-size-base) * 1rem);\n  }\n\n  &--error {\n    border: 1px solid var(--input-text-area-border-color);\n    box-shadow: 1px solid var(--input-text-area-border-color);\n    outline: none;\n  }\n\n  &:enabled,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 1px var(--white);\n    outline: none;\n  }\n\n  &:disabled {\n    border: 1px solid var(--input-text-area-border-color);\n    background: var(--input-text-area-background);\n    pointer-events: none;\n  }\n\n  &:not(:disabled, &--error) {\n    &:focus,\n    &:hover {\n      border: 1px solid var(--input-text-area-border-color);\n      box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n    }\n  }\n}\n"]}

package/dist/Form/TextArea/TextAreaCommon.scss

@@ -2,7 +2,7 @@
 
 .af-form__input-textarea {
   width: 100%;
-  height: calc(--input-text-area-height / var(--font-size-base) * 1rem);
+  height: calc(var(--input-text-area-height) / var(--font-size-base) * 1rem);
   padding: 16px;
   border: 1px solid var(--input-text-area-border-color);
   border-radius: var(--input-text-area-border-radius);

package/dist/Form/TextArea/TextAreaLF.css

@@ -1 +1 @@
-.af-form__input-textarea{background-color:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);border-radius:var(--input-text-area-border-radius);box-shadow:0 0 0 1px var(--input-text-area-background);color:var(--input-text-area-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);height:calc(--input-text-area-height / var(--font-size-base) * 1rem);line-height:calc(20/var(--font-size-base)*1rem);padding:16px;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem);width:100%}}.af-form__input-textarea--error{border:1px solid var(--input-text-area-border-color);box-shadow:1px solid var(--input-text-area-border-color);outline:none}.af-form__input-textarea:active,.af-form__input-textarea:enabled,.af-form__input-textarea:focus{box-shadow:0 0 0 1px var(--white);outline:none}.af-form__input-textarea:disabled{background:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);pointer-events:none}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{border:1px solid var(--input-text-area-border-color);box-shadow:0 0 0 1px var(--input-text-area-border-color)}.af-form__input-textarea{--input-text-area-height:142px;--input-text-area-border-radius:var(--default-border-radius);--input-text-area-border-color:var(--color-gray-700);--input-text-area-background:var(--color-white);--input-text-area-color:var(--color-gray)}.af-form__input-textarea--error{--input-text-area-border-color:var(--color-red-700)}.af-form__input-textarea:disabled{--input-text-area-border-color:var(--color-gray-400);--input-text-area-background:var(--color-gray-200)}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{--input-text-area-border-color:var(--color-axa)}
+.af-form__input-textarea{background-color:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);border-radius:var(--input-text-area-border-radius);box-shadow:0 0 0 1px var(--input-text-area-background);color:var(--input-text-area-color);font:var(--font-family-base);font-size:calc(16/var(--font-size-base)*1rem);height:calc(var(--input-text-area-height)/var(--font-size-base)*1rem);line-height:calc(20/var(--font-size-base)*1rem);padding:16px;width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(24/var(--font-size-base)*1rem);width:100%}}.af-form__input-textarea--error{border:1px solid var(--input-text-area-border-color);box-shadow:1px solid var(--input-text-area-border-color);outline:none}.af-form__input-textarea:active,.af-form__input-textarea:enabled,.af-form__input-textarea:focus{box-shadow:0 0 0 1px var(--white);outline:none}.af-form__input-textarea:disabled{background:var(--input-text-area-background);border:1px solid var(--input-text-area-border-color);pointer-events:none}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{border:1px solid var(--input-text-area-border-color);box-shadow:0 0 0 1px var(--input-text-area-border-color)}.af-form__input-textarea{--input-text-area-height:142px;--input-text-area-border-radius:var(--default-border-radius);--input-text-area-border-color:var(--color-gray-700);--input-text-area-background:var(--color-white);--input-text-area-color:var(--color-gray)}.af-form__input-textarea--error{--input-text-area-border-color:var(--color-red-700)}.af-form__input-textarea:disabled{--input-text-area-border-color:var(--color-gray-400);--input-text-area-background:var(--color-gray-200)}.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):focus,.af-form__input-textarea:not(:disabled,.af-form__input-textarea--error):hover{--input-text-area-border-color:var(--color-axa)}

package/dist/Form/TextArea/TextAreaLF.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Form/TextArea/TextAreaCommon.scss","../../../src/Form/TextArea/TextAreaLF.scss","../../../src/Form/TextArea/TextAreaLF.scss%23sass"],"names":[],"mappings":"AAEA,yBAUE,kDAAA,CANA,oDAAA,CACA,kDAAA,CAMA,sDAAA,CAFA,kCAAA,CAHA,4BAAA,CACA,6CAAA,CCPF,oEAAA,CDQE,+CAAA,CALA,YAAA,CAFA,UCSF,CDGE,wBAbF,yBCcE,6CAAA,CDEE,+CAAA,CAFA,UCEF,CACF,CDEE,gCACE,oDAAA,CACA,wDAAA,CACA,YCAJ,CDGE,gGAGE,iCAAA,CACA,YCHJ,CDME,kCAEE,4CAAA,CADA,oDAAA,CAEA,mBCJJ,CDQI,4JAEE,oDAAA,CACA,wDCPN,CCnCA,yBACE,8BAAA,CACA,4DAAA,CACA,oDAAA,CACA,+CAAA,CACA,yCDsCF,CCpCE,gCACE,mDDsCJ,CCnCE,kCACE,oDAAA,CACA,kDDqCJ,CCjCI,4JAEE,+CDkCN","file":"TextAreaLF.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n  width: 100%;\n  height: calc(--input-text-area-height / var(--font-size-base) * 1rem);\n  padding: 16px;\n  border: 1px solid var(--input-text-area-border-color);\n  border-radius: var(--input-text-area-border-radius);\n  font: var(--font-family-base);\n  font-size: calc(16 / var(--font-size-base) * 1rem);\n  line-height: calc(20 / var(--font-size-base) * 1rem);\n  color: var(--input-text-area-color);\n  background-color: var(--input-text-area-background);\n  box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    width: 100%;\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    line-height: calc(24 / var(--font-size-base) * 1rem);\n  }\n\n  &--error {\n    border: 1px solid var(--input-text-area-border-color);\n    box-shadow: 1px solid var(--input-text-area-border-color);\n    outline: none;\n  }\n\n  &:enabled,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 1px var(--white);\n    outline: none;\n  }\n\n  &:disabled {\n    border: 1px solid var(--input-text-area-border-color);\n    background: var(--input-text-area-background);\n    pointer-events: none;\n  }\n\n  &:not(:disabled, &--error) {\n    &:focus,\n    &:hover {\n      border: 1px solid var(--input-text-area-border-color);\n      box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n    }\n  }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n  --input-text-area-height: 142px;\n  --input-text-area-border-radius: var(--default-border-radius);\n  --input-text-area-border-color: var(--color-gray-700);\n  --input-text-area-background: var(--color-white);\n  --input-text-area-color: var(--color-gray);\n\n  &--error {\n    --input-text-area-border-color: var(--color-red-700);\n  }\n\n  &:disabled {\n    --input-text-area-border-color: var(--color-gray-400);\n    --input-text-area-background: var(--color-gray-200);\n  }\n\n  &:not(:disabled, &--error) {\n    &:focus,\n    &:hover {\n      --input-text-area-border-color: var(--color-axa);\n    }\n  }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n  --input-text-area-height: 142px;\n  --input-text-area-border-radius: var(--default-border-radius);\n  --input-text-area-border-color: var(--color-gray-700);\n  --input-text-area-background: var(--color-white);\n  --input-text-area-color: var(--color-gray);\n\n  &--error {\n    --input-text-area-border-color: var(--color-red-700);\n  }\n\n  &:disabled {\n    --input-text-area-border-color: var(--color-gray-400);\n    --input-text-area-background: var(--color-gray-200);\n  }\n\n  &:not(:disabled, &--error) {\n    &:focus,\n    &:hover {\n      --input-text-area-border-color: var(--color-axa);\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../src/Form/TextArea/TextAreaCommon.scss","../../../src/Form/TextArea/TextAreaLF.scss","../../../src/Form/TextArea/TextAreaLF.scss%23sass"],"names":[],"mappings":"AAEA,yBAUE,kDAAA,CANA,oDAAA,CACA,kDAAA,CAMA,sDAAA,CAFA,kCAAA,CAHA,4BAAA,CACA,6CAAA,CCPF,qEAAA,CDQE,+CAAA,CALA,YAAA,CAFA,UCSF,CDGE,wBAbF,yBCcE,6CAAA,CDEE,+CAAA,CAFA,UCEF,CACF,CDEE,gCACE,oDAAA,CACA,wDAAA,CACA,YCAJ,CDGE,gGAGE,iCAAA,CACA,YCHJ,CDME,kCAEE,4CAAA,CADA,oDAAA,CAEA,mBCJJ,CDQI,4JAEE,oDAAA,CACA,wDCPN,CCnCA,yBACE,8BAAA,CACA,4DAAA,CACA,oDAAA,CACA,+CAAA,CACA,yCDsCF,CCpCE,gCACE,mDDsCJ,CCnCE,kCACE,oDAAA,CACA,kDDqCJ,CCjCI,4JAEE,+CDkCN","file":"TextAreaLF.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form__input-textarea {\n  width: 100%;\n  height: calc(var(--input-text-area-height) / var(--font-size-base) * 1rem);\n  padding: 16px;\n  border: 1px solid var(--input-text-area-border-color);\n  border-radius: var(--input-text-area-border-radius);\n  font: var(--font-family-base);\n  font-size: calc(16 / var(--font-size-base) * 1rem);\n  line-height: calc(20 / var(--font-size-base) * 1rem);\n  color: var(--input-text-area-color);\n  background-color: var(--input-text-area-background);\n  box-shadow: 0 0 0 1px var(--input-text-area-background);\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    width: 100%;\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    line-height: calc(24 / var(--font-size-base) * 1rem);\n  }\n\n  &--error {\n    border: 1px solid var(--input-text-area-border-color);\n    box-shadow: 1px solid var(--input-text-area-border-color);\n    outline: none;\n  }\n\n  &:enabled,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 1px var(--white);\n    outline: none;\n  }\n\n  &:disabled {\n    border: 1px solid var(--input-text-area-border-color);\n    background: var(--input-text-area-background);\n    pointer-events: none;\n  }\n\n  &:not(:disabled, &--error) {\n    &:focus,\n    &:hover {\n      border: 1px solid var(--input-text-area-border-color);\n      box-shadow: 0 0 0 1px var(--input-text-area-border-color);\n    }\n  }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n  --input-text-area-height: 142px;\n  --input-text-area-border-radius: var(--default-border-radius);\n  --input-text-area-border-color: var(--color-gray-700);\n  --input-text-area-background: var(--color-white);\n  --input-text-area-color: var(--color-gray);\n\n  &--error {\n    --input-text-area-border-color: var(--color-red-700);\n  }\n\n  &:disabled {\n    --input-text-area-border-color: var(--color-gray-400);\n    --input-text-area-background: var(--color-gray-200);\n  }\n\n  &:not(:disabled, &--error) {\n    &:focus,\n    &:hover {\n      --input-text-area-border-color: var(--color-axa);\n    }\n  }\n}\n","@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n  --input-text-area-height: 142px;\n  --input-text-area-border-radius: var(--default-border-radius);\n  --input-text-area-border-color: var(--color-gray-700);\n  --input-text-area-background: var(--color-white);\n  --input-text-area-color: var(--color-gray);\n\n  &--error {\n    --input-text-area-border-color: var(--color-red-700);\n  }\n\n  &:disabled {\n    --input-text-area-border-color: var(--color-gray-400);\n    --input-text-area-background: var(--color-gray-200);\n  }\n\n  &:not(:disabled, &--error) {\n    &:focus,\n    &:hover {\n      --input-text-area-border-color: var(--color-axa);\n    }\n  }\n}\n"]}

package/dist/Message/MessageApollo.css

@@ -1 +1 @@
-.af-message{background-color:var(--message-bg-color);border:1px solid var(--message-border-color);border-radius:var(--message-border-radius);display:flex;flex:1 1;padding:calc(16/var(--font-size-base)*1rem)}.af-message__icon{aspect-ratio:1;color:var(--message-icon-color);flex-shrink:0;margin-right:calc(16/var(--font-size-base)*1rem);fill:var(--message-icon-color)}.af-message__title{color:var(--message-title-color);font-size:calc(var(--message-title-font-size)/var(--font-size-base)*1rem);font-weight:600;line-height:1.5rem;margin:0;padding-bottom:.25rem}.af-message__content{color:var(--message-content-color);font-size:calc(var(--message-content-font-size)/var(--font-size-base)*1rem);font-weight:400;line-height:calc(22.5/var(--font-size-base)*1rem);width:100%}.af-message__action{display:flex;justify-content:end;text-align:right}.af-message{--message-theme-color:var(--axa-blue-100);--message-bg-color:var(--axa-blue-4);--message-icon-color:var(--message-theme-color);--message-title-color:var(--message-theme-color);--message-content-color:var(--message-theme-color);--message-content-font-size:14;--message-title-font-size:16;--message-border-radius:var(--radius-8);border:none}@media (width > 1023px){.af-message{--message-content-font-size:16;--message-title-font-size:18}}.af-message--error{--message-theme-color:var(--red-alert-100);--message-bg-color:var(--axa-red-4)}.af-message--neutral{--message-theme-color:var(--neutral-80);--message-bg-color:var(--neutral-5)}.af-message--warning{--message-theme-color:var(--warning-100);--message-bg-color:var(--axa-red-4)}.af-message--validation{--message-theme-color:var(--green-100);--message-bg-color:var(--aqua-green-12)}
+.af-message{background-color:var(--message-bg-color);border:1px solid var(--message-border-color);border-radius:var(--message-border-radius);display:flex;gap:calc(16/var(--font-size-base)*1rem);padding:calc(16/var(--font-size-base)*1rem)}.af-message__icon{aspect-ratio:1;color:var(--message-icon-color);fill:var(--message-icon-color)}.af-message__title{color:var(--message-title-color);font-size:calc(var(--message-title-font-size)/var(--font-size-base)*1rem);font-weight:600;line-height:1.5rem;margin:0}.af-message__content{color:var(--message-content-color);display:flex;flex-direction:column;font-size:calc(var(--message-content-font-size)/var(--font-size-base)*1rem);font-weight:400;line-height:calc(22.5/var(--font-size-base)*1rem);row-gap:calc(4/var(--font-size-base)*1rem);width:100%}.af-message__action{display:flex;justify-content:end;padding-top:calc(var(--message-action-padding-top)/var(--font-size-base)*1rem);text-align:right}.af-message{--message-theme-color:var(--axa-blue-100);--message-bg-color:var(--axa-blue-4);--message-icon-color:var(--message-theme-color);--message-title-color:var(--message-theme-color);--message-content-color:var(--message-theme-color);--message-content-font-size:14;--message-title-font-size:16;--message-border-radius:var(--radius-8);--message-action-padding-top:4;border:none}@media (width > 1023px){.af-message{--message-content-font-size:16;--message-title-font-size:18}}.af-message--error{--message-theme-color:var(--red-alert-100);--message-bg-color:var(--axa-red-4)}.af-message--neutral{--message-theme-color:var(--neutral-80);--message-bg-color:var(--neutral-5)}.af-message--warning{--message-theme-color:var(--warning-100);--message-bg-color:var(--axa-red-4)}.af-message--validation{--message-theme-color:var(--green-100);--message-bg-color:var(--aqua-green-12)}

package/dist/Message/MessageApollo.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Message/MessageCommon.scss","../../src/Message/MessageApollo.scss","../../src/Message/MessageApollo.scss%23sass"],"names":[],"mappings":"AAAA,YAME,wCAAA,CCHF,4CAAA,CDCE,0CAAA,CCHF,YAAA,CDIE,QAAA,CAHA,2CCKF,CDCE,kBACE,cAAA,CAGA,+BAAA,CADA,aAAA,CADA,gDAAA,CAGA,8BCCJ,CDEE,mBAQE,gCAAA,CALA,yEAAA,CAGA,eAAA,CACA,kBAAA,CANA,QAAA,CACA,qBCIJ,CDKE,qBAOE,kCAAA,CALA,2EAAA,CAGA,eAAA,CACA,iDAAA,CALA,UCCJ,CDQE,oBACE,YAAA,CACA,mBAAA,CACA,gBCNJ,CC/BA,YACE,yCAAA,CACA,oCAAA,CDkCF,+CAAA,CChCE,gDAAA,CACA,kDAAA,CACA,8BAAA,CACA,4BAAA,CACA,uCAAA,CAEA,WDiCF,CC/BE,wBAZF,YAaI,8BAAA,CACA,4BDkCF,CACF,CChCE,mBACE,0CAAA,CACA,mCDkCJ,CC/BE,qBACE,uCAAA,CACA,mCDiCJ,CC9BE,qBACE,wCAAA,CACA,mCDgCJ,CC7BE,wBACE,sCAAA,CACA,uCD+BJ","file":"MessageApollo.css","sourcesContent":[".af-message {\n  display: flex;\n  padding: calc(16 / var(--font-size-base) * 1rem);\n  border: 1px solid var(--message-border-color);\n  border-radius: var(--message-border-radius);\n  flex: 1 1 0;\n  background-color: var(--message-bg-color);\n\n  &__icon {\n    aspect-ratio: 1;\n    margin-right: calc(16 / var(--font-size-base) * 1rem);\n    flex-shrink: 0;\n    color: var(--message-icon-color);\n    fill: var(--message-icon-color);\n  }\n\n  &__title {\n    margin: 0;\n    padding-bottom: 0.25rem;\n    font-size: calc(\n      var(--message-title-font-size) / var(--font-size-base) * 1rem\n    );\n    font-weight: 600;\n    line-height: 1.5rem;\n    color: var(--message-title-color);\n  }\n\n  &__content {\n    width: 100%;\n    font-size: calc(\n      var(--message-content-font-size) / var(--font-size-base) * 1rem\n    );\n    font-weight: 400;\n    line-height: calc(22.5 / var(--font-size-base) * 1rem);\n    color: var(--message-content-color);\n  }\n\n  &__action {\n    display: flex;\n    justify-content: end;\n    text-align: right;\n  }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./MessageCommon\";\n\n.af-message {\n  --message-theme-color: var(--axa-blue-100);\n  --message-bg-color: var(--axa-blue-4);\n  --message-icon-color: var(--message-theme-color);\n  --message-title-color: var(--message-theme-color);\n  --message-content-color: var(--message-theme-color);\n  --message-content-font-size: 14;\n  --message-title-font-size: 16;\n  --message-border-radius: var(--radius-8);\n\n  border: none;\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --message-content-font-size: 16;\n    --message-title-font-size: 18;\n  }\n\n  &--error {\n    --message-theme-color: var(--red-alert-100);\n    --message-bg-color: var(--axa-red-4);\n  }\n\n  &--neutral {\n    --message-theme-color: var(--neutral-80);\n    --message-bg-color: var(--neutral-5);\n  }\n\n  &--warning {\n    --message-theme-color: var(--warning-100);\n    --message-bg-color: var(--axa-red-4);\n  }\n\n  &--validation {\n    --message-theme-color: var(--green-100);\n    --message-bg-color: var(--aqua-green-12);\n  }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./MessageCommon\";\n\n.af-message {\n  --message-theme-color: var(--axa-blue-100);\n  --message-bg-color: var(--axa-blue-4);\n  --message-icon-color: var(--message-theme-color);\n  --message-title-color: var(--message-theme-color);\n  --message-content-color: var(--message-theme-color);\n  --message-content-font-size: 14;\n  --message-title-font-size: 16;\n  --message-border-radius: var(--radius-8);\n\n  border: none;\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --message-content-font-size: 16;\n    --message-title-font-size: 18;\n  }\n\n  &--error {\n    --message-theme-color: var(--red-alert-100);\n    --message-bg-color: var(--axa-red-4);\n  }\n\n  &--neutral {\n    --message-theme-color: var(--neutral-80);\n    --message-bg-color: var(--neutral-5);\n  }\n\n  &--warning {\n    --message-theme-color: var(--warning-100);\n    --message-bg-color: var(--axa-red-4);\n  }\n\n  &--validation {\n    --message-theme-color: var(--green-100);\n    --message-bg-color: var(--aqua-green-12);\n  }\n}\n"]}
+{"version":3,"sources":["../../src/Message/MessageCommon.scss","../../src/Message/MessageApollo.scss","../../src/Message/MessageApollo.scss%23sass"],"names":[],"mappings":"AAAA,YAME,wCAAA,CCHF,4CAAA,CDCE,0CAAA,CCHF,YAAA,CDIE,uCAAA,CAHA,2CCKF,CDCE,kBACE,cAAA,CACA,+BAAA,CACA,8BCCJ,CDEE,mBAOE,gCAAA,CALA,yEAAA,CAGA,eAAA,CACA,kBAAA,CALA,QCIJ,CDKE,qBAUE,kCAAA,CATA,YAAA,CAEA,qBAAA,CAEA,2EAAA,CAGA,eAAA,CACA,iDAAA,CALA,0CAAA,CAFA,UCGJ,CDQE,oBACE,YAAA,CAIA,mBAAA,CAHA,8EAAA,CAIA,gBCRJ,CChCA,YACE,yCAAA,CACA,oCAAA,CDmCF,+CAAA,CCjCE,gDAAA,CACA,kDAAA,CACA,8BAAA,CACA,4BAAA,CACA,uCAAA,CACA,8BAAA,CAEA,WDkCF,CChCE,wBAbF,YAcI,8BAAA,CACA,4BDmCF,CACF,CCjCE,mBACE,0CAAA,CACA,mCDmCJ,CChCE,qBACE,uCAAA,CACA,mCDkCJ,CC/BE,qBACE,wCAAA,CACA,mCDiCJ,CC9BE,wBACE,sCAAA,CACA,uCDgCJ","file":"MessageApollo.css","sourcesContent":[".af-message {\n  display: flex;\n  padding: calc(16 / var(--font-size-base) * 1rem);\n  border: 1px solid var(--message-border-color);\n  border-radius: var(--message-border-radius);\n  gap: calc(16 / var(--font-size-base) * 1rem);\n  background-color: var(--message-bg-color);\n\n  &__icon {\n    aspect-ratio: 1;\n    color: var(--message-icon-color);\n    fill: var(--message-icon-color);\n  }\n\n  &__title {\n    margin: 0;\n    font-size: calc(\n      var(--message-title-font-size) / var(--font-size-base) * 1rem\n    );\n    font-weight: 600;\n    line-height: 1.5rem;\n    color: var(--message-title-color);\n  }\n\n  &__content {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n    font-size: calc(\n      var(--message-content-font-size) / var(--font-size-base) * 1rem\n    );\n    font-weight: 400;\n    line-height: calc(22.5 / var(--font-size-base) * 1rem);\n    color: var(--message-content-color);\n  }\n\n  &__action {\n    display: flex;\n    padding-top: calc(\n      var(--message-action-padding-top) / var(--font-size-base) * 1rem\n    );\n    justify-content: end;\n    text-align: right;\n  }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./MessageCommon\";\n\n.af-message {\n  --message-theme-color: var(--axa-blue-100);\n  --message-bg-color: var(--axa-blue-4);\n  --message-icon-color: var(--message-theme-color);\n  --message-title-color: var(--message-theme-color);\n  --message-content-color: var(--message-theme-color);\n  --message-content-font-size: 14;\n  --message-title-font-size: 16;\n  --message-border-radius: var(--radius-8);\n  --message-action-padding-top: 4;\n\n  border: none;\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --message-content-font-size: 16;\n    --message-title-font-size: 18;\n  }\n\n  &--error {\n    --message-theme-color: var(--red-alert-100);\n    --message-bg-color: var(--axa-red-4);\n  }\n\n  &--neutral {\n    --message-theme-color: var(--neutral-80);\n    --message-bg-color: var(--neutral-5);\n  }\n\n  &--warning {\n    --message-theme-color: var(--warning-100);\n    --message-bg-color: var(--axa-red-4);\n  }\n\n  &--validation {\n    --message-theme-color: var(--green-100);\n    --message-bg-color: var(--aqua-green-12);\n  }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./MessageCommon\";\n\n.af-message {\n  --message-theme-color: var(--axa-blue-100);\n  --message-bg-color: var(--axa-blue-4);\n  --message-icon-color: var(--message-theme-color);\n  --message-title-color: var(--message-theme-color);\n  --message-content-color: var(--message-theme-color);\n  --message-content-font-size: 14;\n  --message-title-font-size: 16;\n  --message-border-radius: var(--radius-8);\n  --message-action-padding-top: 4;\n\n  border: none;\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --message-content-font-size: 16;\n    --message-title-font-size: 18;\n  }\n\n  &--error {\n    --message-theme-color: var(--red-alert-100);\n    --message-bg-color: var(--axa-red-4);\n  }\n\n  &--neutral {\n    --message-theme-color: var(--neutral-80);\n    --message-bg-color: var(--neutral-5);\n  }\n\n  &--warning {\n    --message-theme-color: var(--warning-100);\n    --message-bg-color: var(--axa-red-4);\n  }\n\n  &--validation {\n    --message-theme-color: var(--green-100);\n    --message-bg-color: var(--aqua-green-12);\n  }\n}\n"]}

package/dist/Message/MessageApollo.scss

@@ -10,6 +10,7 @@
   --message-content-font-size: 14;
   --message-title-font-size: 16;
   --message-border-radius: var(--radius-8);
+  --message-action-padding-top: 4;
 
   border: none;
 

package/dist/Message/MessageCommon.css

@@ -1 +1 @@
-.af-message{background-color:var(--message-bg-color);border:1px solid var(--message-border-color);border-radius:var(--message-border-radius);display:flex;flex:1 1;padding:calc(16/var(--font-size-base)*1rem)}.af-message__icon{aspect-ratio:1;color:var(--message-icon-color);flex-shrink:0;margin-right:calc(16/var(--font-size-base)*1rem);fill:var(--message-icon-color)}.af-message__title{color:var(--message-title-color);font-size:calc(var(--message-title-font-size)/var(--font-size-base)*1rem);font-weight:600;line-height:1.5rem;margin:0;padding-bottom:.25rem}.af-message__content{color:var(--message-content-color);font-size:calc(var(--message-content-font-size)/var(--font-size-base)*1rem);font-weight:400;line-height:calc(22.5/var(--font-size-base)*1rem);width:100%}.af-message__action{display:flex;justify-content:end;text-align:right}
+.af-message{background-color:var(--message-bg-color);border:1px solid var(--message-border-color);border-radius:var(--message-border-radius);display:flex;gap:calc(16/var(--font-size-base)*1rem);padding:calc(16/var(--font-size-base)*1rem)}.af-message__icon{aspect-ratio:1;color:var(--message-icon-color);fill:var(--message-icon-color)}.af-message__title{color:var(--message-title-color);font-size:calc(var(--message-title-font-size)/var(--font-size-base)*1rem);font-weight:600;line-height:1.5rem;margin:0}.af-message__content{color:var(--message-content-color);display:flex;flex-direction:column;font-size:calc(var(--message-content-font-size)/var(--font-size-base)*1rem);font-weight:400;line-height:calc(22.5/var(--font-size-base)*1rem);row-gap:calc(4/var(--font-size-base)*1rem);width:100%}.af-message__action{display:flex;justify-content:end;padding-top:calc(var(--message-action-padding-top)/var(--font-size-base)*1rem);text-align:right}

package/dist/Message/MessageCommon.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Message/MessageCommon.scss%23sass","../../src/Message/MessageCommon.scss"],"names":[],"mappings":"AAAA,YAME,wCAAA,CAHA,4CAAA,CACA,0CAAA,CAHA,YAAA,CAIA,QAAA,CAHA,2CCKF,CDCE,kBACE,cAAA,CAGA,+BAAA,CADA,aAAA,CADA,gDAAA,CAGA,8BCCJ,CDEE,mBAQE,gCAAA,CALA,yEAAA,CAGA,eAAA,CACA,kBAAA,CANA,QAAA,CACA,qBCIJ,CDKE,qBAOE,kCAAA,CALA,2EAAA,CAGA,eAAA,CACA,iDAAA,CALA,UCCJ,CDQE,oBACE,YAAA,CACA,mBAAA,CACA,gBCNJ","file":"MessageCommon.css","sourcesContent":[".af-message {\n  display: flex;\n  padding: calc(16 / var(--font-size-base) * 1rem);\n  border: 1px solid var(--message-border-color);\n  border-radius: var(--message-border-radius);\n  flex: 1 1 0;\n  background-color: var(--message-bg-color);\n\n  &__icon {\n    aspect-ratio: 1;\n    margin-right: calc(16 / var(--font-size-base) * 1rem);\n    flex-shrink: 0;\n    color: var(--message-icon-color);\n    fill: var(--message-icon-color);\n  }\n\n  &__title {\n    margin: 0;\n    padding-bottom: 0.25rem;\n    font-size: calc(\n      var(--message-title-font-size) / var(--font-size-base) * 1rem\n    );\n    font-weight: 600;\n    line-height: 1.5rem;\n    color: var(--message-title-color);\n  }\n\n  &__content {\n    width: 100%;\n    font-size: calc(\n      var(--message-content-font-size) / var(--font-size-base) * 1rem\n    );\n    font-weight: 400;\n    line-height: calc(22.5 / var(--font-size-base) * 1rem);\n    color: var(--message-content-color);\n  }\n\n  &__action {\n    display: flex;\n    justify-content: end;\n    text-align: right;\n  }\n}\n",".af-message {\n  display: flex;\n  padding: calc(16 / var(--font-size-base) * 1rem);\n  border: 1px solid var(--message-border-color);\n  border-radius: var(--message-border-radius);\n  flex: 1 1 0;\n  background-color: var(--message-bg-color);\n\n  &__icon {\n    aspect-ratio: 1;\n    margin-right: calc(16 / var(--font-size-base) * 1rem);\n    flex-shrink: 0;\n    color: var(--message-icon-color);\n    fill: var(--message-icon-color);\n  }\n\n  &__title {\n    margin: 0;\n    padding-bottom: 0.25rem;\n    font-size: calc(\n      var(--message-title-font-size) / var(--font-size-base) * 1rem\n    );\n    font-weight: 600;\n    line-height: 1.5rem;\n    color: var(--message-title-color);\n  }\n\n  &__content {\n    width: 100%;\n    font-size: calc(\n      var(--message-content-font-size) / var(--font-size-base) * 1rem\n    );\n    font-weight: 400;\n    line-height: calc(22.5 / var(--font-size-base) * 1rem);\n    color: var(--message-content-color);\n  }\n\n  &__action {\n    display: flex;\n    justify-content: end;\n    text-align: right;\n  }\n}\n"]}
+{"version":3,"sources":["../../src/Message/MessageCommon.scss%23sass","../../src/Message/MessageCommon.scss"],"names":[],"mappings":"AAAA,YAME,wCAAA,CAHA,4CAAA,CACA,0CAAA,CAHA,YAAA,CAIA,uCAAA,CAHA,2CCKF,CDCE,kBACE,cAAA,CACA,+BAAA,CACA,8BCCJ,CDEE,mBAOE,gCAAA,CALA,yEAAA,CAGA,eAAA,CACA,kBAAA,CALA,QCIJ,CDKE,qBAUE,kCAAA,CATA,YAAA,CAEA,qBAAA,CAEA,2EAAA,CAGA,eAAA,CACA,iDAAA,CALA,0CAAA,CAFA,UCGJ,CDQE,oBACE,YAAA,CAIA,mBAAA,CAHA,8EAAA,CAIA,gBCRJ","file":"MessageCommon.css","sourcesContent":[".af-message {\n  display: flex;\n  padding: calc(16 / var(--font-size-base) * 1rem);\n  border: 1px solid var(--message-border-color);\n  border-radius: var(--message-border-radius);\n  gap: calc(16 / var(--font-size-base) * 1rem);\n  background-color: var(--message-bg-color);\n\n  &__icon {\n    aspect-ratio: 1;\n    color: var(--message-icon-color);\n    fill: var(--message-icon-color);\n  }\n\n  &__title {\n    margin: 0;\n    font-size: calc(\n      var(--message-title-font-size) / var(--font-size-base) * 1rem\n    );\n    font-weight: 600;\n    line-height: 1.5rem;\n    color: var(--message-title-color);\n  }\n\n  &__content {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n    font-size: calc(\n      var(--message-content-font-size) / var(--font-size-base) * 1rem\n    );\n    font-weight: 400;\n    line-height: calc(22.5 / var(--font-size-base) * 1rem);\n    color: var(--message-content-color);\n  }\n\n  &__action {\n    display: flex;\n    padding-top: calc(\n      var(--message-action-padding-top) / var(--font-size-base) * 1rem\n    );\n    justify-content: end;\n    text-align: right;\n  }\n}\n",".af-message {\n  display: flex;\n  padding: calc(16 / var(--font-size-base) * 1rem);\n  border: 1px solid var(--message-border-color);\n  border-radius: var(--message-border-radius);\n  gap: calc(16 / var(--font-size-base) * 1rem);\n  background-color: var(--message-bg-color);\n\n  &__icon {\n    aspect-ratio: 1;\n    color: var(--message-icon-color);\n    fill: var(--message-icon-color);\n  }\n\n  &__title {\n    margin: 0;\n    font-size: calc(\n      var(--message-title-font-size) / var(--font-size-base) * 1rem\n    );\n    font-weight: 600;\n    line-height: 1.5rem;\n    color: var(--message-title-color);\n  }\n\n  &__content {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n    font-size: calc(\n      var(--message-content-font-size) / var(--font-size-base) * 1rem\n    );\n    font-weight: 400;\n    line-height: calc(22.5 / var(--font-size-base) * 1rem);\n    color: var(--message-content-color);\n  }\n\n  &__action {\n    display: flex;\n    padding-top: calc(\n      var(--message-action-padding-top) / var(--font-size-base) * 1rem\n    );\n    justify-content: end;\n    text-align: right;\n  }\n}\n"]}

package/dist/Message/MessageCommon.scss

@@ -3,20 +3,17 @@
   padding: calc(16 / var(--font-size-base) * 1rem);
   border: 1px solid var(--message-border-color);
   border-radius: var(--message-border-radius);
-  flex: 1 1 0;
+  gap: calc(16 / var(--font-size-base) * 1rem);
   background-color: var(--message-bg-color);
 
   &__icon {
     aspect-ratio: 1;
-    margin-right: calc(16 / var(--font-size-base) * 1rem);
-    flex-shrink: 0;
     color: var(--message-icon-color);
     fill: var(--message-icon-color);
   }
 
   &__title {
     margin: 0;
-    padding-bottom: 0.25rem;
     font-size: calc(
       var(--message-title-font-size) / var(--font-size-base) * 1rem
     );
@@ -26,7 +23,10 @@
   }
 
   &__content {
+    display: flex;
     width: 100%;
+    flex-direction: column;
+    row-gap: calc(4 / var(--font-size-base) * 1rem);
     font-size: calc(
       var(--message-content-font-size) / var(--font-size-base) * 1rem
     );
@@ -37,6 +37,9 @@
 
   &__action {
     display: flex;
+    padding-top: calc(
+      var(--message-action-padding-top) / var(--font-size-base) * 1rem
+    );
     justify-content: end;
     text-align: right;
   }

package/dist/Message/MessageLF.css

@@ -1 +1 @@
-.af-message{background-color:var(--message-bg-color);border:1px solid var(--message-border-color);border-radius:var(--message-border-radius);display:flex;flex:1 1;padding:calc(16/var(--font-size-base)*1rem)}.af-message__icon{aspect-ratio:1;color:var(--message-icon-color);flex-shrink:0;margin-right:calc(16/var(--font-size-base)*1rem);fill:var(--message-icon-color)}.af-message__title{color:var(--message-title-color);font-size:calc(var(--message-title-font-size)/var(--font-size-base)*1rem);font-weight:600;line-height:1.5rem;margin:0;padding-bottom:.25rem}.af-message__content{color:var(--message-content-color);font-size:calc(var(--message-content-font-size)/var(--font-size-base)*1rem);font-weight:400;line-height:calc(22.5/var(--font-size-base)*1rem);width:100%}.af-message__action{display:flex;justify-content:end;text-align:right}.af-message{--message-theme-color:var(--color-axa);--message-bg-color:var(--color-white);--message-border-color:var(--message-theme-color);--message-icon-color:var(--message-theme-color);--message-title-color:var(--message-theme-color);--message-border-radius:var(--radius-12);--message-content-color:var(--color-gray-900);--message-content-font-size:16;--message-title-font-size:16}@media (width > 1023px){.af-message{--message-content-font-size:18;--message-title-font-size:18}}.af-message--error{--message-theme-color:var(--color-red-700)}.af-message--neutral{--message-theme-color:var(--color-gray)}.af-message--warning{--message-theme-color:var(--color-btn-business)}.af-message--validation{--message-theme-color:var(--color-green-600)}
+.af-message{background-color:var(--message-bg-color);border:1px solid var(--message-border-color);border-radius:var(--message-border-radius);display:flex;gap:calc(16/var(--font-size-base)*1rem);padding:calc(16/var(--font-size-base)*1rem)}.af-message__icon{aspect-ratio:1;color:var(--message-icon-color);fill:var(--message-icon-color)}.af-message__title{color:var(--message-title-color);font-size:calc(var(--message-title-font-size)/var(--font-size-base)*1rem);font-weight:600;line-height:1.5rem;margin:0}.af-message__content{color:var(--message-content-color);display:flex;flex-direction:column;font-size:calc(var(--message-content-font-size)/var(--font-size-base)*1rem);font-weight:400;line-height:calc(22.5/var(--font-size-base)*1rem);row-gap:calc(4/var(--font-size-base)*1rem);width:100%}.af-message__action{display:flex;justify-content:end;padding-top:calc(var(--message-action-padding-top)/var(--font-size-base)*1rem);text-align:right}.af-message{--message-theme-color:var(--color-axa);--message-bg-color:var(--color-white);--message-border-color:var(--message-theme-color);--message-border-radius:var(--radius-12);--message-icon-color:var(--message-theme-color);--message-title-color:var(--message-theme-color);--message-title-font-size:16;--message-content-color:var(--color-gray-900);--message-content-font-size:16;--message-action-padding-top:12}@media (width > 1023px){.af-message{--message-content-font-size:18;--message-title-font-size:18}}.af-message--error{--message-theme-color:var(--color-red-700)}.af-message--neutral{--message-theme-color:var(--color-gray)}.af-message--warning{--message-theme-color:var(--color-btn-business)}.af-message--validation{--message-theme-color:var(--color-green-600)}

package/dist/Message/MessageLF.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Message/MessageCommon.scss","../../src/Message/MessageLF.scss","../../src/Message/MessageLF.scss%23sass"],"names":[],"mappings":"AAAA,YAME,wCAAA,CCHF,4CAAA,CDCE,0CAAA,CCHF,YAAA,CDIE,QAAA,CAHA,2CCKF,CDCE,kBACE,cAAA,CAGA,+BAAA,CADA,aAAA,CADA,gDAAA,CAGA,8BCCJ,CDEE,mBAQE,gCAAA,CALA,yEAAA,CAGA,eAAA,CACA,kBAAA,CANA,QAAA,CACA,qBCIJ,CDKE,qBAOE,kCAAA,CALA,2EAAA,CAGA,eAAA,CACA,iDAAA,CALA,UCCJ,CDQE,oBACE,YAAA,CACA,mBAAA,CACA,gBCNJ,CC/BA,YACE,sCAAA,CACA,qCAAA,CACA,iDAAA,CACA,+CAAA,CACA,gDAAA,CACA,wCAAA,CACA,6CAAA,CACA,8BAAA,CACA,4BDkCF,CChCE,wBAXF,YAYI,8BAAA,CACA,4BDmCF,CACF,CCjCE,mBACE,0CDmCJ,CChCE,qBACE,uCDkCJ,CC/BE,qBACE,+CDiCJ,CC9BE,wBACE,4CDgCJ","file":"MessageLF.css","sourcesContent":[".af-message {\n  display: flex;\n  padding: calc(16 / var(--font-size-base) * 1rem);\n  border: 1px solid var(--message-border-color);\n  border-radius: var(--message-border-radius);\n  flex: 1 1 0;\n  background-color: var(--message-bg-color);\n\n  &__icon {\n    aspect-ratio: 1;\n    margin-right: calc(16 / var(--font-size-base) * 1rem);\n    flex-shrink: 0;\n    color: var(--message-icon-color);\n    fill: var(--message-icon-color);\n  }\n\n  &__title {\n    margin: 0;\n    padding-bottom: 0.25rem;\n    font-size: calc(\n      var(--message-title-font-size) / var(--font-size-base) * 1rem\n    );\n    font-weight: 600;\n    line-height: 1.5rem;\n    color: var(--message-title-color);\n  }\n\n  &__content {\n    width: 100%;\n    font-size: calc(\n      var(--message-content-font-size) / var(--font-size-base) * 1rem\n    );\n    font-weight: 400;\n    line-height: calc(22.5 / var(--font-size-base) * 1rem);\n    color: var(--message-content-color);\n  }\n\n  &__action {\n    display: flex;\n    justify-content: end;\n    text-align: right;\n  }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./MessageCommon\";\n\n.af-message {\n  --message-theme-color: var(--color-axa);\n  --message-bg-color: var(--color-white);\n  --message-border-color: var(--message-theme-color);\n  --message-icon-color: var(--message-theme-color);\n  --message-title-color: var(--message-theme-color);\n  --message-border-radius: var(--radius-12);\n  --message-content-color: var(--color-gray-900);\n  --message-content-font-size: 16;\n  --message-title-font-size: 16;\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --message-content-font-size: 18;\n    --message-title-font-size: 18;\n  }\n\n  &--error {\n    --message-theme-color: var(--color-red-700);\n  }\n\n  &--neutral {\n    --message-theme-color: var(--color-gray);\n  }\n\n  &--warning {\n    --message-theme-color: var(--color-btn-business);\n  }\n\n  &--validation {\n    --message-theme-color: var(--color-green-600);\n  }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./MessageCommon\";\n\n.af-message {\n  --message-theme-color: var(--color-axa);\n  --message-bg-color: var(--color-white);\n  --message-border-color: var(--message-theme-color);\n  --message-icon-color: var(--message-theme-color);\n  --message-title-color: var(--message-theme-color);\n  --message-border-radius: var(--radius-12);\n  --message-content-color: var(--color-gray-900);\n  --message-content-font-size: 16;\n  --message-title-font-size: 16;\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --message-content-font-size: 18;\n    --message-title-font-size: 18;\n  }\n\n  &--error {\n    --message-theme-color: var(--color-red-700);\n  }\n\n  &--neutral {\n    --message-theme-color: var(--color-gray);\n  }\n\n  &--warning {\n    --message-theme-color: var(--color-btn-business);\n  }\n\n  &--validation {\n    --message-theme-color: var(--color-green-600);\n  }\n}\n"]}
+{"version":3,"sources":["../../src/Message/MessageCommon.scss","../../src/Message/MessageLF.scss","../../src/Message/MessageLF.scss%23sass"],"names":[],"mappings":"AAAA,YAME,wCAAA,CCHF,4CAAA,CDCE,0CAAA,CCHF,YAAA,CDIE,uCAAA,CAHA,2CCKF,CDCE,kBACE,cAAA,CACA,+BAAA,CACA,8BCCJ,CDEE,mBAOE,gCAAA,CALA,yEAAA,CAGA,eAAA,CACA,kBAAA,CALA,QCIJ,CDKE,qBAUE,kCAAA,CATA,YAAA,CAEA,qBAAA,CAEA,2EAAA,CAGA,eAAA,CACA,iDAAA,CALA,0CAAA,CAFA,UCGJ,CDQE,oBACE,YAAA,CAIA,mBAAA,CAHA,8EAAA,CAIA,gBCRJ,CChCA,YACE,sCAAA,CACA,qCAAA,CACA,iDAAA,CACA,wCAAA,CACA,+CAAA,CACA,gDAAA,CACA,4BAAA,CACA,6CAAA,CACA,8BAAA,CACA,+BDmCF,CCjCE,wBAZF,YAaI,8BAAA,CACA,4BDoCF,CACF,CClCE,mBACE,0CDoCJ,CCjCE,qBACE,uCDmCJ,CChCE,qBACE,+CDkCJ,CC/BE,wBACE,4CDiCJ","file":"MessageLF.css","sourcesContent":[".af-message {\n  display: flex;\n  padding: calc(16 / var(--font-size-base) * 1rem);\n  border: 1px solid var(--message-border-color);\n  border-radius: var(--message-border-radius);\n  gap: calc(16 / var(--font-size-base) * 1rem);\n  background-color: var(--message-bg-color);\n\n  &__icon {\n    aspect-ratio: 1;\n    color: var(--message-icon-color);\n    fill: var(--message-icon-color);\n  }\n\n  &__title {\n    margin: 0;\n    font-size: calc(\n      var(--message-title-font-size) / var(--font-size-base) * 1rem\n    );\n    font-weight: 600;\n    line-height: 1.5rem;\n    color: var(--message-title-color);\n  }\n\n  &__content {\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    row-gap: calc(4 / var(--font-size-base) * 1rem);\n    font-size: calc(\n      var(--message-content-font-size) / var(--font-size-base) * 1rem\n    );\n    font-weight: 400;\n    line-height: calc(22.5 / var(--font-size-base) * 1rem);\n    color: var(--message-content-color);\n  }\n\n  &__action {\n    display: flex;\n    padding-top: calc(\n      var(--message-action-padding-top) / var(--font-size-base) * 1rem\n    );\n    justify-content: end;\n    text-align: right;\n  }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./MessageCommon\";\n\n.af-message {\n  --message-theme-color: var(--color-axa);\n  --message-bg-color: var(--color-white);\n  --message-border-color: var(--message-theme-color);\n  --message-border-radius: var(--radius-12);\n  --message-icon-color: var(--message-theme-color);\n  --message-title-color: var(--message-theme-color);\n  --message-title-font-size: 16;\n  --message-content-color: var(--color-gray-900);\n  --message-content-font-size: 16;\n  --message-action-padding-top: 12;\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --message-content-font-size: 18;\n    --message-title-font-size: 18;\n  }\n\n  &--error {\n    --message-theme-color: var(--color-red-700);\n  }\n\n  &--neutral {\n    --message-theme-color: var(--color-gray);\n  }\n\n  &--warning {\n    --message-theme-color: var(--color-btn-business);\n  }\n\n  &--validation {\n    --message-theme-color: var(--color-green-600);\n  }\n}\n","@use \"../common/breakpoints\" as breakpoints;\n@use \"./MessageCommon\";\n\n.af-message {\n  --message-theme-color: var(--color-axa);\n  --message-bg-color: var(--color-white);\n  --message-border-color: var(--message-theme-color);\n  --message-border-radius: var(--radius-12);\n  --message-icon-color: var(--message-theme-color);\n  --message-title-color: var(--message-theme-color);\n  --message-title-font-size: 16;\n  --message-content-color: var(--color-gray-900);\n  --message-content-font-size: 16;\n  --message-action-padding-top: 12;\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --message-content-font-size: 18;\n    --message-title-font-size: 18;\n  }\n\n  &--error {\n    --message-theme-color: var(--color-red-700);\n  }\n\n  &--neutral {\n    --message-theme-color: var(--color-gray);\n  }\n\n  &--warning {\n    --message-theme-color: var(--color-btn-business);\n  }\n\n  &--validation {\n    --message-theme-color: var(--color-green-600);\n  }\n}\n"]}

package/dist/Message/MessageLF.scss

@@ -5,12 +5,13 @@
   --message-theme-color: var(--color-axa);
   --message-bg-color: var(--color-white);
   --message-border-color: var(--message-theme-color);
+  --message-border-radius: var(--radius-12);
   --message-icon-color: var(--message-theme-color);
   --message-title-color: var(--message-theme-color);
-  --message-border-radius: var(--radius-12);
+  --message-title-font-size: 16;
   --message-content-color: var(--color-gray-900);
   --message-content-font-size: 16;
-  --message-title-font-size: 16;
+  --message-action-padding-top: 12;
 
   @media (width > #{breakpoints.$breakpoint-md}) {
     --message-content-font-size: 18;

package/dist/ProgressBar/ProgressBarApollo.css

@@ -0,0 +1 @@
+.af-progressbar{background-color:var(--progressbar-background-color);border-radius:var(--progress-radius);height:calc(6/var(--font-size-base)*1rem);overflow:hidden;width:100%}.af-progressbar__progress{background-color:var(--progress-background-color);height:calc(6/var(--font-size-base)*1rem);text-align:left;transition:.75s ease-out,background-color .75s}.af-progressbar{--progressbar-background-color:var(--neutral-14);--progress-radius:0}.af-progressbar:first-child:has(+.af-progressbar){--progress-radius:var(--radius-6) 0 0 var(--radius-6)}.af-progressbar+.af-progressbar:last-child{--progress-radius:0 var(--radius-6) var(--radius-6) 0}.af-progressbar__progress{--progress-background-color:var(--axa-blue-100)}

package/dist/ProgressBar/ProgressBarApollo.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ProgressBar/ProgressBarCommon.scss","../../src/ProgressBar/ProgressBarApollo.scss","../../src/ProgressBar/ProgressBarApollo.scss%23sass"],"names":[],"mappings":"AAAA,gBAKE,oDAAA,CAFA,oCAAA,CCDF,yCAAA,CDEE,eAAA,CAHA,UCKF,CDCE,0BAGE,iDAAA,CAFA,yCAAA,CACA,eAAA,CAEA,8CCCJ,CCVA,gBACE,gDAAA,CACA,mBDaF,CCXE,kDACE,qDDaJ,CCVE,2CACE,qDDYJ,CCTE,0BACE,+CDWJ","file":"ProgressBarApollo.css","sourcesContent":[".af-progressbar {\n  width: 100%;\n  height: calc(6 / var(--font-size-base) * 1rem);\n  border-radius: var(--progress-radius);\n  overflow: hidden;\n  background-color: var(--progressbar-background-color);\n\n  &__progress {\n    height: calc(6 / var(--font-size-base) * 1rem);\n    text-align: left;\n    background-color: var(--progress-background-color);\n    transition:\n      0.75s ease-out,\n      background-color 0.75s;\n  }\n}\n","@use \"./ProgressBarCommon\";\n\n.af-progressbar {\n  --progressbar-background-color: var(--neutral-14);\n  --progress-radius: 0;\n\n  &:first-child:has(+ .af-progressbar) {\n    --progress-radius: var(--radius-6) 0 0 var(--radius-6);\n  }\n\n  & + .af-progressbar:last-child {\n    --progress-radius: 0 var(--radius-6) var(--radius-6) 0;\n  }\n\n  &__progress {\n    --progress-background-color: var(--axa-blue-100);\n  }\n}\n","@use \"./ProgressBarCommon\";\n\n.af-progressbar {\n  --progressbar-background-color: var(--neutral-14);\n  --progress-radius: 0;\n\n  &:first-child:has(+ .af-progressbar) {\n    --progress-radius: var(--radius-6) 0 0 var(--radius-6);\n  }\n\n  & + .af-progressbar:last-child {\n    --progress-radius: 0 var(--radius-6) var(--radius-6) 0;\n  }\n\n  &__progress {\n    --progress-background-color: var(--axa-blue-100);\n  }\n}\n"]}

package/dist/ProgressBar/ProgressBarApollo.scss

@@ -0,0 +1,18 @@
+@use "./ProgressBarCommon";
+
+.af-progressbar {
+  --progressbar-background-color: var(--neutral-14);
+  --progress-radius: 0;
+
+  &:first-child:has(+ .af-progressbar) {
+    --progress-radius: var(--radius-6) 0 0 var(--radius-6);
+  }
+
+  & + .af-progressbar:last-child {
+    --progress-radius: 0 var(--radius-6) var(--radius-6) 0;
+  }
+
+  &__progress {
+    --progress-background-color: var(--axa-blue-100);
+  }
+}

package/dist/ProgressBar/ProgressBarCommon.css

@@ -0,0 +1 @@
+.af-progressbar{background-color:var(--progressbar-background-color);border-radius:var(--progress-radius);height:calc(6/var(--font-size-base)*1rem);overflow:hidden;width:100%}.af-progressbar__progress{background-color:var(--progress-background-color);height:calc(6/var(--font-size-base)*1rem);text-align:left;transition:.75s ease-out,background-color .75s}

package/dist/ProgressBar/ProgressBarCommon.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ProgressBar/ProgressBarCommon.scss%23sass","../../src/ProgressBar/ProgressBarCommon.scss"],"names":[],"mappings":"AAAA,gBAKE,oDAAA,CAFA,oCAAA,CADA,yCAAA,CAEA,eAAA,CAHA,UCKF,CDCE,0BAGE,iDAAA,CAFA,yCAAA,CACA,eAAA,CAEA,8CCCJ","file":"ProgressBarCommon.css","sourcesContent":[".af-progressbar {\n  width: 100%;\n  height: calc(6 / var(--font-size-base) * 1rem);\n  border-radius: var(--progress-radius);\n  overflow: hidden;\n  background-color: var(--progressbar-background-color);\n\n  &__progress {\n    height: calc(6 / var(--font-size-base) * 1rem);\n    text-align: left;\n    background-color: var(--progress-background-color);\n    transition:\n      0.75s ease-out,\n      background-color 0.75s;\n  }\n}\n",".af-progressbar {\n  width: 100%;\n  height: calc(6 / var(--font-size-base) * 1rem);\n  border-radius: var(--progress-radius);\n  overflow: hidden;\n  background-color: var(--progressbar-background-color);\n\n  &__progress {\n    height: calc(6 / var(--font-size-base) * 1rem);\n    text-align: left;\n    background-color: var(--progress-background-color);\n    transition:\n      0.75s ease-out,\n      background-color 0.75s;\n  }\n}\n"]}

package/dist/ProgressBar/ProgressBarCommon.scss

@@ -0,0 +1,16 @@
+.af-progressbar {
+  width: 100%;
+  height: calc(6 / var(--font-size-base) * 1rem);
+  border-radius: var(--progress-radius);
+  overflow: hidden;
+  background-color: var(--progressbar-background-color);
+
+  &__progress {
+    height: calc(6 / var(--font-size-base) * 1rem);
+    text-align: left;
+    background-color: var(--progress-background-color);
+    transition:
+      0.75s ease-out,
+      background-color 0.75s;
+  }
+}

package/dist/ProgressBar/ProgressBarLF.css

@@ -0,0 +1 @@
+.af-progressbar{background-color:var(--progressbar-background-color);border-radius:var(--progress-radius);height:calc(6/var(--font-size-base)*1rem);overflow:hidden;width:100%}.af-progressbar__progress{background-color:var(--progress-background-color);height:calc(6/var(--font-size-base)*1rem);text-align:left;transition:.75s ease-out,background-color .75s}.af-progressbar{--progress-radius:var(--default-border-radius);--progressbar-background-color:var(--color-gray-400)}.af-progressbar__progress{--progress-background-color:var(--color-axa);--progress-radius:var(--default-border-radius)}

package/dist/ProgressBar/ProgressBarLF.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ProgressBar/ProgressBarCommon.scss","../../src/ProgressBar/ProgressBarLF.scss","../../src/ProgressBar/ProgressBarLF.scss%23sass"],"names":[],"mappings":"AAAA,gBAKE,oDAAA,CAFA,oCAAA,CCDF,yCAAA,CDEE,eAAA,CAHA,UCKF,CDCE,0BCGF,iDAAA,CDFI,yCAAA,CACA,eAAA,CAEA,8CCCJ,CCVA,gBACE,8CAAA,CACA,oDDaF,CCXE,0BACE,4CAAA,CACA,8CDaJ","file":"ProgressBarLF.css","sourcesContent":[".af-progressbar {\n  width: 100%;\n  height: calc(6 / var(--font-size-base) * 1rem);\n  border-radius: var(--progress-radius);\n  overflow: hidden;\n  background-color: var(--progressbar-background-color);\n\n  &__progress {\n    height: calc(6 / var(--font-size-base) * 1rem);\n    text-align: left;\n    background-color: var(--progress-background-color);\n    transition:\n      0.75s ease-out,\n      background-color 0.75s;\n  }\n}\n","@use \"./ProgressBarCommon\";\n\n.af-progressbar {\n  --progress-radius: var(--default-border-radius);\n  --progressbar-background-color: var(--color-gray-400);\n\n  &__progress {\n    --progress-background-color: var(--color-axa);\n    --progress-radius: var(--default-border-radius);\n  }\n}\n","@use \"./ProgressBarCommon\";\n\n.af-progressbar {\n  --progress-radius: var(--default-border-radius);\n  --progressbar-background-color: var(--color-gray-400);\n\n  &__progress {\n    --progress-background-color: var(--color-axa);\n    --progress-radius: var(--default-border-radius);\n  }\n}\n"]}

package/dist/ProgressBar/ProgressBarLF.scss

@@ -0,0 +1,11 @@
+@use "./ProgressBarCommon";
+
+.af-progressbar {
+  --progress-radius: var(--default-border-radius);
+  --progressbar-background-color: var(--color-gray-400);
+
+  &__progress {
+    --progress-background-color: var(--color-axa);
+    --progress-radius: var(--default-border-radius);
+  }
+}

package/dist/ProgressBarGroup/ProgressBarGroupApollo.css

@@ -0,0 +1 @@
+.af-progress-bar-group{align-items:flex-end;display:flex;gap:calc(8/var(--font-size-base)*1rem)}

package/dist/ProgressBarGroup/ProgressBarGroupApollo.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ProgressBarGroup/ProgressBarGroupCommon.scss","../../src/ProgressBarGroup/ProgressBarGroupApollo.scss"],"names":[],"mappings":"AAAA,uBAEE,oBAAA,CADA,YAAA,CAEA,sCCCF","file":"ProgressBarGroupApollo.css","sourcesContent":[".af-progress-bar-group {\n  display: flex;\n  align-items: flex-end;\n  gap: calc(8 / var(--font-size-base) * 1rem);\n}\n","@use \"./ProgressBarGroupCommon\";\n"]}

package/dist/ProgressBarGroup/ProgressBarGroupApollo.scss

@@ -0,0 +1 @@
+@use "./ProgressBarGroupCommon";

package/dist/ProgressBarGroup/ProgressBarGroupCommon.css

@@ -0,0 +1 @@
+.af-progress-bar-group{align-items:flex-end;display:flex;gap:calc(8/var(--font-size-base)*1rem)}

package/dist/ProgressBarGroup/ProgressBarGroupCommon.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ProgressBarGroup/ProgressBarGroupCommon.scss%23sass","../../src/ProgressBarGroup/ProgressBarGroupCommon.scss"],"names":[],"mappings":"AAAA,uBAEE,oBAAA,CADA,YAAA,CAEA,sCCCF","file":"ProgressBarGroupCommon.css","sourcesContent":[".af-progress-bar-group {\n  display: flex;\n  align-items: flex-end;\n  gap: calc(8 / var(--font-size-base) * 1rem);\n}\n",".af-progress-bar-group {\n  display: flex;\n  align-items: flex-end;\n  gap: calc(8 / var(--font-size-base) * 1rem);\n}\n"]}

package/dist/ProgressBarGroup/ProgressBarGroupCommon.scss

@@ -0,0 +1,5 @@
+.af-progress-bar-group {
+  display: flex;
+  align-items: flex-end;
+  gap: calc(8 / var(--font-size-base) * 1rem);
+}

package/dist/ProgressBarGroup/ProgressBarGroupLF.css

@@ -0,0 +1 @@
+.af-progress-bar-group{align-items:flex-end;display:flex;gap:calc(8/var(--font-size-base)*1rem)}

package/dist/ProgressBarGroup/ProgressBarGroupLF.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ProgressBarGroup/ProgressBarGroupCommon.scss","../../src/ProgressBarGroup/ProgressBarGroupLF.scss"],"names":[],"mappings":"AAAA,uBAEE,oBAAA,CADA,YAAA,CAEA,sCCCF","file":"ProgressBarGroupLF.css","sourcesContent":[".af-progress-bar-group {\n  display: flex;\n  align-items: flex-end;\n  gap: calc(8 / var(--font-size-base) * 1rem);\n}\n","@use \"./ProgressBarGroupCommon\";\n"]}

package/dist/ProgressBarGroup/ProgressBarGroupLF.scss

@@ -0,0 +1 @@
+@use "./ProgressBarGroupCommon";

package/dist/Stepper/StepperApollo.css

@@ -0,0 +1 @@
+.af-stepper{background-color:initial;display:flex;flex-direction:column;gap:var(--stepper-gap);width:100%}.af-stepper__header{display:flex;flex-direction:var(--stepper-header-flex-direction);gap:var(--stepper-header-gap)}.af-stepper__title{color:var(--title-color);font-family:var(--title-font-family);font-size:var(--title-font-size);font-weight:var(--title-font-weight);line-height:var(--title-line-height);margin:0;vertical-align:middle}.af-stepper__subtitle{color:var(--subtitle-color);font-family:var(--subtitle-font-family);font-size:var(--subtitle-font-size);font-weight:400;line-height:var(--subtitle-line-height);margin:0}.af-stepper__content{align-items:flex-end;display:flex;gap:1rem}.af-stepper__helper{color:var(--helper-color);font-family:var(--helper-font-family);font-size:var(--helper-font-size);font-weight:400;line-height:125%;vertical-align:middle}.af-stepper{--stepper-gap:calc(8/var(--font-size-base)*1rem)}.af-stepper__header{--stepper-header-flex-direction:column-reverse;--stepper-header-gap:0}.af-stepper__title{--title-font-family:var(--font-family-publico);--title-font-size:calc(28/var(--font-size-base)*1rem);--title-font-weight:300;--title-line-height:calc(36/var(--font-size-base)*1rem);--title-color:var(--axa-blue-100)}.af-stepper__subtitle{--subtitle-font-family:var(--font-family-sans-serif);--subtitle-font-size:calc(14/var(--font-size-base)*1rem);--subtitle-line-height:calc(18/var(--font-size-base)*1rem);--subtitle-color:var(--axa-blue-100)}.af-stepper__helper{--helper-color:var(--neutral-80)}@media (width > 1023px){.af-stepper{--stepper-gap:calc(16/var(--font-size-base)*1rem)}.af-stepper__header{--stepper-header-gap:calc(4/var(--font-size-base)*1rem)}.af-stepper__title{--title-font-size:calc(40/var(--font-size-base)*1rem);--title-line-height:calc(48/var(--font-size-base)*1rem)}.af-stepper__subtitle{--subtitle-font-size:calc(16/var(--font-size-base)*1rem);--subtitle-line-height:calc(20/var(--font-size-base)*1rem)}}