@axa-fr/design-system-apollo-css 1.0.5-alpha.458 → 1.0.5-alpha.460

package/dist/Form/TextArea/TextAreaApollo.css

@@ -1 +1 @@
-.af-form__input-textarea{background-color:var(--input-textarea-background-color);border:none;border-radius:var(--input-textarea-border-radius);box-shadow:0 0 0 var(--input-textarea-box-shadow-size) var(--input-textarea-box-shadow-color);color:var(--input-textarea-color);font:var(--font-family-base);font-size:var(--input-textarea-font-size);font-weight:600;line-height:125%;min-height:calc(56/var(--font-size-base)*1rem);outline:none;padding:calc(16/var(--font-size-base)*1rem);width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__input-textarea::placeholder{color:var(--input-textarea-placeholder-color);font-weight:400}.af-form__input-textarea{--input-textarea-border-radius:var(--radius-8);--input-textarea-box-shadow-color:var(--axa-blue-65);--input-textarea-placeholder-color:var(--neutral-80);--input-textarea-background-color:var(--white);--input-textarea-color:var(--axa-blue-100);--input-textarea-box-shadow-size:1px}.af-form__input-textarea:focus,.af-form__input-textarea:hover,.af-form__input-textarea:not(:placeholder-shown){--input-textarea-box-shadow-color:var(--axa-blue-100);--input-textarea-box-shadow-size:2px}.af-form__input-textarea[aria-invalid=true]{--input-textarea-box-shadow-color:var(--red-alert-100);--input-textarea-box-shadow-size:2px}.af-form__input-textarea[aria-invalid=true]:focus,.af-form__input-textarea[aria-invalid=true]:hover{--input-textarea-box-shadow-size:3px}.af-form__input-textarea:disabled{--input-textarea-background-color:var(--neutral-5);--input-textarea-box-shadow-color:var(--neutral-50);--input-textarea-placeholder-color:var(--neutral-50);--input-textarea-color:var(--neutral-80)}.af-form__input-textarea:disabled,.af-form__input-textarea:disabled:hover{--input-textarea-box-shadow-size:1px}.af-form__input-textarea:not(:placeholder-shown):hover{--input-textarea-box-shadow-size:3px}
+.af-form__textarea{--textarea-box-shadow-width:1px;background-color:var(--textarea-background-color);border:none;border-radius:var(--textarea-border-radius);box-shadow:0 0 0 var(--textarea-box-shadow-width) var(--textarea-box-shadow-color) inset;color:var(--textarea-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:125%;outline:none;padding:calc(16/var(--font-size-base)*1rem);width:100%}.af-form__textarea:is(:focus-visible,:hover,:active,:focus,[aria-invalid=true]):not(:disabled){--textarea-box-shadow-width:2px}@media (width > 1023px){.af-form__textarea{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__textarea::placeholder{color:var(--textarea-placeholder-color);font-weight:400}.af-form__textarea{--textarea-border-radius:var(--radius-8);--textarea-placeholder-color:var(--neutral-80);--textarea-background-color:var(--white);--textarea-color:var(--axa-blue-100);--textarea-box-shadow-color:var(--axa-blue-65)}.af-form__textarea:is(:focus-visible,:hover,:active,:focus,:not(:placeholder-shown)){--textarea-box-shadow-color:var(--axa-blue-100)}.af-form__textarea:disabled{--textarea-background-color:var(--neutral-5);--textarea-box-shadow-color:var(--neutral-50);--textarea-placeholder-color:var(--neutral-50);--textarea-color:var(--neutral-80)}.af-form__textarea[aria-invalid=true]{--textarea-box-shadow-color:var(--red-alert-100)}.af-form__textarea[aria-invalid=true]:is(:focus-visible,:hover,:active,:focus){--textarea-box-shadow-width:3px}

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,yBAWE,uDAAA,CAPA,WAAA,CACA,iDAAA,CAOA,6FAAA,CAFA,iCAAA,CAJA,4BAAA,CACA,yCAAA,CACA,eAAA,CACA,gBAAA,CAPA,8CAAA,CAYA,YAAA,CCbF,2CAAA,CAFA,UAaA,CDIE,wBAhBF,yBAiBI,6CCDF,CACF,CDGE,sCAEE,6CAAA,CADA,eCAJ,CCpBA,yBACE,8CAAA,CACA,oDAAA,CACA,oDAAA,CACA,8CAAA,CACA,0CAAA,CACA,oCDuBF,CCrBE,+GAGE,qDAAA,CACA,oCDqBJ,CClBE,4CACE,sDAAA,CACA,oCDoBJ,CClBI,oGAEE,oCDmBN,CCfE,kCACE,kDAAA,CACA,mDAAA,CACA,oDAAA,CACA,wCDkBJ,CCfI,0EAFA,oCDoBJ,CCbE,uDACE,oCDeJ","file":"TextAreaApollo.css","sourcesContent":["@use \"../../common/breakpoints\";\n\n.af-form__input-textarea {\n  width: 100%;\n  min-height: calc(56 / var(--font-size-base) * 1rem);\n  padding: calc(16 / var(--font-size-base) * 1rem);\n  border: none;\n  border-radius: var(--input-textarea-border-radius);\n  font: var(--font-family-base);\n  font-size: var(--input-textarea-font-size);\n  font-weight: 600;\n  line-height: 125%;\n  color: var(--input-textarea-color);\n  background-color: var(--input-textarea-background-color);\n  box-shadow: 0 0 0 var(--input-textarea-box-shadow-size)\n    var(--input-textarea-box-shadow-color);\n  outline: none;\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n  }\n\n  &::placeholder {\n    font-weight: 400;\n    color: var(--input-textarea-placeholder-color);\n  }\n}\n","@use \"../../common/breakpoints\";\n@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n  --input-textarea-border-radius: var(--radius-8);\n  --input-textarea-box-shadow-color: var(--axa-blue-65);\n  --input-textarea-placeholder-color: var(--neutral-80);\n  --input-textarea-background-color: var(--white);\n  --input-textarea-color: var(--axa-blue-100);\n  --input-textarea-box-shadow-size: 1px;\n\n  &:hover,\n  &:focus,\n  &:not(:placeholder-shown) {\n    --input-textarea-box-shadow-color: var(--axa-blue-100);\n    --input-textarea-box-shadow-size: 2px;\n  }\n\n  &[aria-invalid=\"true\"] {\n    --input-textarea-box-shadow-color: var(--red-alert-100);\n    --input-textarea-box-shadow-size: 2px;\n\n    &:hover,\n    &:focus {\n      --input-textarea-box-shadow-size: 3px;\n    }\n  }\n\n  &:disabled {\n    --input-textarea-background-color: var(--neutral-5);\n    --input-textarea-box-shadow-color: var(--neutral-50);\n    --input-textarea-placeholder-color: var(--neutral-50);\n    --input-textarea-color: var(--neutral-80);\n    --input-textarea-box-shadow-size: 1px;\n\n    &:hover {\n      --input-textarea-box-shadow-size: 1px;\n    }\n  }\n\n  &:not(:placeholder-shown):hover {\n    --input-textarea-box-shadow-size: 3px;\n  }\n}\n","@use \"../../common/breakpoints\";\n@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n  --input-textarea-border-radius: var(--radius-8);\n  --input-textarea-box-shadow-color: var(--axa-blue-65);\n  --input-textarea-placeholder-color: var(--neutral-80);\n  --input-textarea-background-color: var(--white);\n  --input-textarea-color: var(--axa-blue-100);\n  --input-textarea-box-shadow-size: 1px;\n\n  &:hover,\n  &:focus,\n  &:not(:placeholder-shown) {\n    --input-textarea-box-shadow-color: var(--axa-blue-100);\n    --input-textarea-box-shadow-size: 2px;\n  }\n\n  &[aria-invalid=\"true\"] {\n    --input-textarea-box-shadow-color: var(--red-alert-100);\n    --input-textarea-box-shadow-size: 2px;\n\n    &:hover,\n    &:focus {\n      --input-textarea-box-shadow-size: 3px;\n    }\n  }\n\n  &:disabled {\n    --input-textarea-background-color: var(--neutral-5);\n    --input-textarea-box-shadow-color: var(--neutral-50);\n    --input-textarea-placeholder-color: var(--neutral-50);\n    --input-textarea-color: var(--neutral-80);\n    --input-textarea-box-shadow-size: 1px;\n\n    &:hover {\n      --input-textarea-box-shadow-size: 1px;\n    }\n  }\n\n  &:not(:placeholder-shown):hover {\n    --input-textarea-box-shadow-size: 3px;\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,mBCDA,+BDEE,CAUA,iDAAA,CANA,WAAA,CACA,2CAAA,CAMA,wFAAA,CAFA,2BAAA,CAHA,6CAAA,CACA,eAAA,CACA,gBAAA,CAKA,YAAA,CCbF,2CAAA,CDEE,UCQF,CDKE,+FAGE,+BCLJ,CDQE,wBAtBF,mBCiBE,6CACA,CACF,CDOE,gCAEE,uCAAA,CADA,eCJJ,CCtBA,mBDyBA,wCAAA,CCvBE,8CAAA,CACA,wCAAA,CACA,oCAAA,CACA,8CDyBF,CCvBE,qFACE,+CDyBJ,CCtBE,4BACE,4CAAA,CACA,6CAAA,CACA,8CAAA,CACA,kCDwBJ,CCrBE,sCACE,gDDuBJ,CCrBI,+EACE,+BDuBN","file":"TextAreaApollo.css","sourcesContent":["@use \"../../common/breakpoints\";\n\n.af-form__textarea {\n  --textarea-box-shadow-width: 1px;\n\n  width: 100%;\n  padding: calc(16 / var(--font-size-base) * 1rem);\n  border: none;\n  border-radius: var(--textarea-border-radius);\n  font-size: calc(16 / var(--font-size-base) * 1rem);\n  font-weight: 600;\n  line-height: 125%;\n  color: var(--textarea-color);\n  background-color: var(--textarea-background-color);\n  box-shadow: 0 0 0 var(--textarea-box-shadow-width)\n    var(--textarea-box-shadow-color) inset;\n  outline: none;\n\n  &:is(:focus-visible, :hover, :active, :focus, [aria-invalid=\"true\"]):not(\n      :disabled\n    ) {\n    --textarea-box-shadow-width: 2px;\n  }\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n  }\n\n  &::placeholder {\n    font-weight: 400;\n    color: var(--textarea-placeholder-color);\n  }\n}\n","@use \"../../common/breakpoints\";\n@use \"TextAreaCommon\";\n\n.af-form__textarea {\n  --textarea-border-radius: var(--radius-8);\n  --textarea-placeholder-color: var(--neutral-80);\n  --textarea-background-color: var(--white);\n  --textarea-color: var(--axa-blue-100);\n  --textarea-box-shadow-color: var(--axa-blue-65);\n\n  &:is(:focus-visible, :hover, :active, :focus, :not(:placeholder-shown)) {\n    --textarea-box-shadow-color: var(--axa-blue-100);\n  }\n\n  &:disabled {\n    --textarea-background-color: var(--neutral-5);\n    --textarea-box-shadow-color: var(--neutral-50);\n    --textarea-placeholder-color: var(--neutral-50);\n    --textarea-color: var(--neutral-80);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --textarea-box-shadow-color: var(--red-alert-100);\n\n    &:is(:focus-visible, :hover, :active, :focus) {\n      --textarea-box-shadow-width: 3px;\n    }\n  }\n}\n","@use \"../../common/breakpoints\";\n@use \"TextAreaCommon\";\n\n.af-form__textarea {\n  --textarea-border-radius: var(--radius-8);\n  --textarea-placeholder-color: var(--neutral-80);\n  --textarea-background-color: var(--white);\n  --textarea-color: var(--axa-blue-100);\n  --textarea-box-shadow-color: var(--axa-blue-65);\n\n  &:is(:focus-visible, :hover, :active, :focus, :not(:placeholder-shown)) {\n    --textarea-box-shadow-color: var(--axa-blue-100);\n  }\n\n  &:disabled {\n    --textarea-background-color: var(--neutral-5);\n    --textarea-box-shadow-color: var(--neutral-50);\n    --textarea-placeholder-color: var(--neutral-50);\n    --textarea-color: var(--neutral-80);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --textarea-box-shadow-color: var(--red-alert-100);\n\n    &:is(:focus-visible, :hover, :active, :focus) {\n      --textarea-box-shadow-width: 3px;\n    }\n  }\n}\n"]}

package/dist/Form/TextArea/TextAreaApollo.scss

@@ -1,44 +1,29 @@
 @use "../../common/breakpoints";
 @use "TextAreaCommon";
 
-.af-form__input-textarea {
-  --input-textarea-border-radius: var(--radius-8);
-  --input-textarea-box-shadow-color: var(--axa-blue-65);
-  --input-textarea-placeholder-color: var(--neutral-80);
-  --input-textarea-background-color: var(--white);
-  --input-textarea-color: var(--axa-blue-100);
-  --input-textarea-box-shadow-size: 1px;
+.af-form__textarea {
+  --textarea-border-radius: var(--radius-8);
+  --textarea-placeholder-color: var(--neutral-80);
+  --textarea-background-color: var(--white);
+  --textarea-color: var(--axa-blue-100);
+  --textarea-box-shadow-color: var(--axa-blue-65);
 
-  &:hover,
-  &:focus,
-  &:not(:placeholder-shown) {
-    --input-textarea-box-shadow-color: var(--axa-blue-100);
-    --input-textarea-box-shadow-size: 2px;
+  &:is(:focus-visible, :hover, :active, :focus, :not(:placeholder-shown)) {
+    --textarea-box-shadow-color: var(--axa-blue-100);
   }
 
-  &[aria-invalid="true"] {
-    --input-textarea-box-shadow-color: var(--red-alert-100);
-    --input-textarea-box-shadow-size: 2px;
-
-    &:hover,
-    &:focus {
-      --input-textarea-box-shadow-size: 3px;
-    }
+  &:disabled {
+    --textarea-background-color: var(--neutral-5);
+    --textarea-box-shadow-color: var(--neutral-50);
+    --textarea-placeholder-color: var(--neutral-50);
+    --textarea-color: var(--neutral-80);
   }
 
-  &:disabled {
-    --input-textarea-background-color: var(--neutral-5);
-    --input-textarea-box-shadow-color: var(--neutral-50);
-    --input-textarea-placeholder-color: var(--neutral-50);
-    --input-textarea-color: var(--neutral-80);
-    --input-textarea-box-shadow-size: 1px;
+  &[aria-invalid="true"] {
+    --textarea-box-shadow-color: var(--red-alert-100);
 
-    &:hover {
-      --input-textarea-box-shadow-size: 1px;
+    &:is(:focus-visible, :hover, :active, :focus) {
+      --textarea-box-shadow-width: 3px;
     }
   }
-
-  &:not(:placeholder-shown):hover {
-    --input-textarea-box-shadow-size: 3px;
-  }
 }

package/dist/Form/TextArea/TextAreaCommon.css

@@ -1 +1 @@
-.af-form__input-textarea{background-color:var(--input-textarea-background-color);border:none;border-radius:var(--input-textarea-border-radius);box-shadow:0 0 0 var(--input-textarea-box-shadow-size) var(--input-textarea-box-shadow-color);color:var(--input-textarea-color);font:var(--font-family-base);font-size:var(--input-textarea-font-size);font-weight:600;line-height:125%;min-height:calc(56/var(--font-size-base)*1rem);outline:none;padding:calc(16/var(--font-size-base)*1rem);width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__input-textarea::placeholder{color:var(--input-textarea-placeholder-color);font-weight:400}
+.af-form__textarea{--textarea-box-shadow-width:1px;background-color:var(--textarea-background-color);border:none;border-radius:var(--textarea-border-radius);box-shadow:0 0 0 var(--textarea-box-shadow-width) var(--textarea-box-shadow-color) inset;color:var(--textarea-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:125%;outline:none;padding:calc(16/var(--font-size-base)*1rem);width:100%}.af-form__textarea:is(:focus-visible,:hover,:active,:focus,[aria-invalid=true]):not(:disabled){--textarea-box-shadow-width:2px}@media (width > 1023px){.af-form__textarea{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__textarea::placeholder{color:var(--textarea-placeholder-color);font-weight:400}

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,yBAWE,uDAAA,CAPA,WAAA,CACA,iDAAA,CAOA,6FAAA,CAFA,iCAAA,CAJA,4BAAA,CACA,yCAAA,CACA,eAAA,CACA,gBAAA,CCTF,8CAAA,CDcE,YAAA,CAXA,2CAAA,CAFA,UCWF,CDIE,wBAhBF,yBAiBI,6CCDF,CACF,CDGE,sCAEE,6CAAA,CADA,eCAJ","file":"TextAreaCommon.css","sourcesContent":["@use \"../../common/breakpoints\";\n\n.af-form__input-textarea {\n  width: 100%;\n  min-height: calc(56 / var(--font-size-base) * 1rem);\n  padding: calc(16 / var(--font-size-base) * 1rem);\n  border: none;\n  border-radius: var(--input-textarea-border-radius);\n  font: var(--font-family-base);\n  font-size: var(--input-textarea-font-size);\n  font-weight: 600;\n  line-height: 125%;\n  color: var(--input-textarea-color);\n  background-color: var(--input-textarea-background-color);\n  box-shadow: 0 0 0 var(--input-textarea-box-shadow-size)\n    var(--input-textarea-box-shadow-color);\n  outline: none;\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n  }\n\n  &::placeholder {\n    font-weight: 400;\n    color: var(--input-textarea-placeholder-color);\n  }\n}\n","@use \"../../common/breakpoints\";\n\n.af-form__input-textarea {\n  width: 100%;\n  min-height: calc(56 / var(--font-size-base) * 1rem);\n  padding: calc(16 / var(--font-size-base) * 1rem);\n  border: none;\n  border-radius: var(--input-textarea-border-radius);\n  font: var(--font-family-base);\n  font-size: var(--input-textarea-font-size);\n  font-weight: 600;\n  line-height: 125%;\n  color: var(--input-textarea-color);\n  background-color: var(--input-textarea-background-color);\n  box-shadow: 0 0 0 var(--input-textarea-box-shadow-size)\n    var(--input-textarea-box-shadow-color);\n  outline: none;\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n  }\n\n  &::placeholder {\n    font-weight: 400;\n    color: var(--input-textarea-placeholder-color);\n  }\n}\n"]}
+{"version":3,"sources":["../../../src/Form/TextArea/TextAreaCommon.scss%23sass","../../../src/Form/TextArea/TextAreaCommon.scss"],"names":[],"mappings":"AAEA,mBACE,+BAAA,CAUA,iDAAA,CANA,WAAA,CACA,2CAAA,CAMA,wFAAA,CAFA,2BAAA,CAHA,6CAAA,CACA,eAAA,CACA,gBAAA,CAKA,YAAA,CAVA,2CAAA,CCJF,UAWA,CDKE,+FAGE,+BCLJ,CDQE,wBAtBF,mBAuBI,6CCLF,CACF,CDOE,gCAEE,uCAAA,CADA,eCJJ","file":"TextAreaCommon.css","sourcesContent":["@use \"../../common/breakpoints\";\n\n.af-form__textarea {\n  --textarea-box-shadow-width: 1px;\n\n  width: 100%;\n  padding: calc(16 / var(--font-size-base) * 1rem);\n  border: none;\n  border-radius: var(--textarea-border-radius);\n  font-size: calc(16 / var(--font-size-base) * 1rem);\n  font-weight: 600;\n  line-height: 125%;\n  color: var(--textarea-color);\n  background-color: var(--textarea-background-color);\n  box-shadow: 0 0 0 var(--textarea-box-shadow-width)\n    var(--textarea-box-shadow-color) inset;\n  outline: none;\n\n  &:is(:focus-visible, :hover, :active, :focus, [aria-invalid=\"true\"]):not(\n      :disabled\n    ) {\n    --textarea-box-shadow-width: 2px;\n  }\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n  }\n\n  &::placeholder {\n    font-weight: 400;\n    color: var(--textarea-placeholder-color);\n  }\n}\n","@use \"../../common/breakpoints\";\n\n.af-form__textarea {\n  --textarea-box-shadow-width: 1px;\n\n  width: 100%;\n  padding: calc(16 / var(--font-size-base) * 1rem);\n  border: none;\n  border-radius: var(--textarea-border-radius);\n  font-size: calc(16 / var(--font-size-base) * 1rem);\n  font-weight: 600;\n  line-height: 125%;\n  color: var(--textarea-color);\n  background-color: var(--textarea-background-color);\n  box-shadow: 0 0 0 var(--textarea-box-shadow-width)\n    var(--textarea-box-shadow-color) inset;\n  outline: none;\n\n  &:is(:focus-visible, :hover, :active, :focus, [aria-invalid=\"true\"]):not(\n      :disabled\n    ) {\n    --textarea-box-shadow-width: 2px;\n  }\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n  }\n\n  &::placeholder {\n    font-weight: 400;\n    color: var(--textarea-placeholder-color);\n  }\n}\n"]}

package/dist/Form/TextArea/TextAreaCommon.scss

@@ -1,27 +1,33 @@
 @use "../../common/breakpoints";
 
-.af-form__input-textarea {
+.af-form__textarea {
+  --textarea-box-shadow-width: 1px;
+
   width: 100%;
-  min-height: calc(56 / var(--font-size-base) * 1rem);
   padding: calc(16 / var(--font-size-base) * 1rem);
   border: none;
-  border-radius: var(--input-textarea-border-radius);
-  font: var(--font-family-base);
-  font-size: var(--input-textarea-font-size);
+  border-radius: var(--textarea-border-radius);
+  font-size: calc(16 / var(--font-size-base) * 1rem);
   font-weight: 600;
   line-height: 125%;
-  color: var(--input-textarea-color);
-  background-color: var(--input-textarea-background-color);
-  box-shadow: 0 0 0 var(--input-textarea-box-shadow-size)
-    var(--input-textarea-box-shadow-color);
+  color: var(--textarea-color);
+  background-color: var(--textarea-background-color);
+  box-shadow: 0 0 0 var(--textarea-box-shadow-width)
+    var(--textarea-box-shadow-color) inset;
   outline: none;
 
+  &:is(:focus-visible, :hover, :active, :focus, [aria-invalid="true"]):not(
+      :disabled
+    ) {
+    --textarea-box-shadow-width: 2px;
+  }
+
   @media (width > #{breakpoints.$breakpoint-md}) {
     font-size: calc(18 / var(--font-size-base) * 1rem);
   }
 
   &::placeholder {
     font-weight: 400;
-    color: var(--input-textarea-placeholder-color);
+    color: var(--textarea-placeholder-color);
   }
 }

package/dist/Form/TextArea/TextAreaLF.css

@@ -1 +1 @@
-.af-form__input-textarea{background-color:var(--input-textarea-background-color);border:none;border-radius:var(--input-textarea-border-radius);box-shadow:0 0 0 var(--input-textarea-box-shadow-size) var(--input-textarea-box-shadow-color);color:var(--input-textarea-color);font:var(--font-family-base);font-size:var(--input-textarea-font-size);font-weight:600;line-height:125%;min-height:calc(56/var(--font-size-base)*1rem);outline:none;padding:calc(16/var(--font-size-base)*1rem);width:100%}@media (width > 1023px){.af-form__input-textarea{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__input-textarea::placeholder{color:var(--input-textarea-placeholder-color);font-weight:400}.af-form__input-textarea{--input-textarea-border-radius:var(--default-border-radius);--input-textarea-box-shadow-color:var(--color-gray-700);--input-textarea-placeholder-color:var(--color-gray-700);--input-textarea-background-color:var(--color-white);--input-textarea-color:var(--color-gray-900);--input-textarea-box-shadow-size:1px}.af-form__input-textarea:focus,.af-form__input-textarea:hover{--input-textarea-box-shadow-size:2px}.af-form__input-textarea:focus,.af-form__input-textarea:hover,.af-form__input-textarea:not(:placeholder-shown){--input-textarea-box-shadow-color:var(--color-axa)}.af-form__input-textarea[aria-invalid=true]{--input-textarea-box-shadow-color:var(--color-red-700);--input-textarea-box-shadow-size:2px}.af-form__input-textarea[aria-invalid=true]:focus,.af-form__input-textarea[aria-invalid=true]:hover{--input-textarea-box-shadow-size:3px}.af-form__input-textarea:disabled{--input-textarea-background-color:var(--color-gray-200);--input-textarea-box-shadow-color:var(--color-gray-400);--input-textarea-placeholder-color:var(--color-gray-500);--input-textarea-color:var(--color-gray-700)}.af-form__input-textarea:disabled:hover{--input-textarea-box-shadow-size:1px}
+.af-form__textarea{--textarea-box-shadow-width:1px;background-color:var(--textarea-background-color);border:none;border-radius:var(--textarea-border-radius);box-shadow:0 0 0 var(--textarea-box-shadow-width) var(--textarea-box-shadow-color) inset;color:var(--textarea-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:125%;outline:none;padding:calc(16/var(--font-size-base)*1rem);width:100%}.af-form__textarea:is(:focus-visible,:hover,:active,:focus,[aria-invalid=true]):not(:disabled){--textarea-box-shadow-width:2px}@media (width > 1023px){.af-form__textarea{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__textarea::placeholder{color:var(--textarea-placeholder-color);font-weight:400}.af-form__textarea{--textarea-border-radius:var(--default-border-radius);--textarea-placeholder-color:var(--color-gray-700);--textarea-background-color:var(--color-white);--textarea-color:var(--color-gray-900);--textarea-box-shadow-color:var(--color-gray-700)}.af-form__textarea:is(:focus-visible,:hover,:active,:focus,:not(:placeholder-shown)){--textarea-box-shadow-color:var(--color-axa)}.af-form__textarea:disabled{--textarea-background-color:var(--color-gray-200);--textarea-box-shadow-color:var(--color-gray-400);--textarea-placeholder-color:var(--color-gray-500);--textarea-color:var(--color-gray-700)}.af-form__textarea[aria-invalid=true]{--textarea-box-shadow-color:var(--color-red-700)}.af-form__textarea[aria-invalid=true]:is(:focus-visible,:hover,:active,:focus){--textarea-box-shadow-width:3px}

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,yBAWE,uDAAA,CAPA,WAAA,CACA,iDAAA,CAOA,6FAAA,CAFA,iCAAA,CAJA,4BAAA,CACA,yCAAA,CACA,eAAA,CACA,gBAAA,CAPA,8CAAA,CAYA,YAAA,CCbF,2CAAA,CAFA,UAaA,CDIE,wBAhBF,yBAiBI,6CCDF,CACF,CDGE,sCAEE,6CAAA,CADA,eCAJ,CCpBA,yBACE,2DAAA,CACA,uDAAA,CACA,wDAAA,CACA,oDAAA,CACA,4CAAA,CACA,oCDuBF,CCrBE,8DAEE,oCDsBJ,CCnBE,+GAGE,kDDmBJ,CChBE,4CACE,sDAAA,CACA,oCDkBJ,CChBI,oGAEE,oCDiBN,CCbE,kCACE,uDAAA,CACA,uDAAA,CACA,wDAAA,CACA,4CDeJ,CCbI,wCACE,oCDeN","file":"TextAreaLF.css","sourcesContent":["@use \"../../common/breakpoints\";\n\n.af-form__input-textarea {\n  width: 100%;\n  min-height: calc(56 / var(--font-size-base) * 1rem);\n  padding: calc(16 / var(--font-size-base) * 1rem);\n  border: none;\n  border-radius: var(--input-textarea-border-radius);\n  font: var(--font-family-base);\n  font-size: var(--input-textarea-font-size);\n  font-weight: 600;\n  line-height: 125%;\n  color: var(--input-textarea-color);\n  background-color: var(--input-textarea-background-color);\n  box-shadow: 0 0 0 var(--input-textarea-box-shadow-size)\n    var(--input-textarea-box-shadow-color);\n  outline: none;\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n  }\n\n  &::placeholder {\n    font-weight: 400;\n    color: var(--input-textarea-placeholder-color);\n  }\n}\n","@use \"../../common/breakpoints\";\n@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n  --input-textarea-border-radius: var(--default-border-radius);\n  --input-textarea-box-shadow-color: var(--color-gray-700);\n  --input-textarea-placeholder-color: var(--color-gray-700);\n  --input-textarea-background-color: var(--color-white);\n  --input-textarea-color: var(--color-gray-900);\n  --input-textarea-box-shadow-size: 1px;\n\n  &:hover,\n  &:focus {\n    --input-textarea-box-shadow-size: 2px;\n  }\n\n  &:hover,\n  &:focus,\n  &:not(:placeholder-shown) {\n    --input-textarea-box-shadow-color: var(--color-axa);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --input-textarea-box-shadow-color: var(--color-red-700);\n    --input-textarea-box-shadow-size: 2px;\n\n    &:hover,\n    &:focus {\n      --input-textarea-box-shadow-size: 3px;\n    }\n  }\n\n  &:disabled {\n    --input-textarea-background-color: var(--color-gray-200);\n    --input-textarea-box-shadow-color: var(--color-gray-400);\n    --input-textarea-placeholder-color: var(--color-gray-500);\n    --input-textarea-color: var(--color-gray-700);\n\n    &:hover {\n      --input-textarea-box-shadow-size: 1px;\n    }\n  }\n}\n","@use \"../../common/breakpoints\";\n@use \"TextAreaCommon\";\n\n.af-form__input-textarea {\n  --input-textarea-border-radius: var(--default-border-radius);\n  --input-textarea-box-shadow-color: var(--color-gray-700);\n  --input-textarea-placeholder-color: var(--color-gray-700);\n  --input-textarea-background-color: var(--color-white);\n  --input-textarea-color: var(--color-gray-900);\n  --input-textarea-box-shadow-size: 1px;\n\n  &:hover,\n  &:focus {\n    --input-textarea-box-shadow-size: 2px;\n  }\n\n  &:hover,\n  &:focus,\n  &:not(:placeholder-shown) {\n    --input-textarea-box-shadow-color: var(--color-axa);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --input-textarea-box-shadow-color: var(--color-red-700);\n    --input-textarea-box-shadow-size: 2px;\n\n    &:hover,\n    &:focus {\n      --input-textarea-box-shadow-size: 3px;\n    }\n  }\n\n  &:disabled {\n    --input-textarea-background-color: var(--color-gray-200);\n    --input-textarea-box-shadow-color: var(--color-gray-400);\n    --input-textarea-placeholder-color: var(--color-gray-500);\n    --input-textarea-color: var(--color-gray-700);\n\n    &:hover {\n      --input-textarea-box-shadow-size: 1px;\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,mBCDA,+BDEE,CAUA,iDAAA,CANA,WAAA,CACA,2CAAA,CAMA,wFAAA,CAFA,2BAAA,CAHA,6CAAA,CACA,eAAA,CACA,gBAAA,CAKA,YAAA,CCbF,2CAAA,CDEE,UCQF,CDKE,+FAGE,+BCLJ,CDQE,wBAtBF,mBCiBE,6CACA,CACF,CDOE,gCAEE,uCAAA,CADA,eCJJ,CCtBA,mBDyBA,qDAAA,CCvBE,kDAAA,CACA,8CAAA,CACA,sCAAA,CACA,iDDyBF,CCvBE,qFACE,4CDyBJ,CCtBE,4BACE,iDAAA,CACA,iDAAA,CACA,kDAAA,CACA,sCDwBJ,CCrBE,sCACE,gDDuBJ,CCrBI,+EACE,+BDuBN","file":"TextAreaLF.css","sourcesContent":["@use \"../../common/breakpoints\";\n\n.af-form__textarea {\n  --textarea-box-shadow-width: 1px;\n\n  width: 100%;\n  padding: calc(16 / var(--font-size-base) * 1rem);\n  border: none;\n  border-radius: var(--textarea-border-radius);\n  font-size: calc(16 / var(--font-size-base) * 1rem);\n  font-weight: 600;\n  line-height: 125%;\n  color: var(--textarea-color);\n  background-color: var(--textarea-background-color);\n  box-shadow: 0 0 0 var(--textarea-box-shadow-width)\n    var(--textarea-box-shadow-color) inset;\n  outline: none;\n\n  &:is(:focus-visible, :hover, :active, :focus, [aria-invalid=\"true\"]):not(\n      :disabled\n    ) {\n    --textarea-box-shadow-width: 2px;\n  }\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n  }\n\n  &::placeholder {\n    font-weight: 400;\n    color: var(--textarea-placeholder-color);\n  }\n}\n","@use \"../../common/breakpoints\";\n@use \"TextAreaCommon\";\n\n.af-form__textarea {\n  --textarea-border-radius: var(--default-border-radius);\n  --textarea-placeholder-color: var(--color-gray-700);\n  --textarea-background-color: var(--color-white);\n  --textarea-color: var(--color-gray-900);\n  --textarea-box-shadow-color: var(--color-gray-700);\n\n  &:is(:focus-visible, :hover, :active, :focus, :not(:placeholder-shown)) {\n    --textarea-box-shadow-color: var(--color-axa);\n  }\n\n  &:disabled {\n    --textarea-background-color: var(--color-gray-200);\n    --textarea-box-shadow-color: var(--color-gray-400);\n    --textarea-placeholder-color: var(--color-gray-500);\n    --textarea-color: var(--color-gray-700);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --textarea-box-shadow-color: var(--color-red-700);\n\n    &:is(:focus-visible, :hover, :active, :focus) {\n      --textarea-box-shadow-width: 3px;\n    }\n  }\n}\n","@use \"../../common/breakpoints\";\n@use \"TextAreaCommon\";\n\n.af-form__textarea {\n  --textarea-border-radius: var(--default-border-radius);\n  --textarea-placeholder-color: var(--color-gray-700);\n  --textarea-background-color: var(--color-white);\n  --textarea-color: var(--color-gray-900);\n  --textarea-box-shadow-color: var(--color-gray-700);\n\n  &:is(:focus-visible, :hover, :active, :focus, :not(:placeholder-shown)) {\n    --textarea-box-shadow-color: var(--color-axa);\n  }\n\n  &:disabled {\n    --textarea-background-color: var(--color-gray-200);\n    --textarea-box-shadow-color: var(--color-gray-400);\n    --textarea-placeholder-color: var(--color-gray-500);\n    --textarea-color: var(--color-gray-700);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --textarea-box-shadow-color: var(--color-red-700);\n\n    &:is(:focus-visible, :hover, :active, :focus) {\n      --textarea-box-shadow-width: 3px;\n    }\n  }\n}\n"]}

package/dist/Form/TextArea/TextAreaLF.scss

@@ -1,43 +1,29 @@
 @use "../../common/breakpoints";
 @use "TextAreaCommon";
 
-.af-form__input-textarea {
-  --input-textarea-border-radius: var(--default-border-radius);
-  --input-textarea-box-shadow-color: var(--color-gray-700);
-  --input-textarea-placeholder-color: var(--color-gray-700);
-  --input-textarea-background-color: var(--color-white);
-  --input-textarea-color: var(--color-gray-900);
-  --input-textarea-box-shadow-size: 1px;
+.af-form__textarea {
+  --textarea-border-radius: var(--default-border-radius);
+  --textarea-placeholder-color: var(--color-gray-700);
+  --textarea-background-color: var(--color-white);
+  --textarea-color: var(--color-gray-900);
+  --textarea-box-shadow-color: var(--color-gray-700);
 
-  &:hover,
-  &:focus {
-    --input-textarea-box-shadow-size: 2px;
+  &:is(:focus-visible, :hover, :active, :focus, :not(:placeholder-shown)) {
+    --textarea-box-shadow-color: var(--color-axa);
   }
 
-  &:hover,
-  &:focus,
-  &:not(:placeholder-shown) {
-    --input-textarea-box-shadow-color: var(--color-axa);
+  &:disabled {
+    --textarea-background-color: var(--color-gray-200);
+    --textarea-box-shadow-color: var(--color-gray-400);
+    --textarea-placeholder-color: var(--color-gray-500);
+    --textarea-color: var(--color-gray-700);
   }
 
   &[aria-invalid="true"] {
-    --input-textarea-box-shadow-color: var(--color-red-700);
-    --input-textarea-box-shadow-size: 2px;
-
-    &:hover,
-    &:focus {
-      --input-textarea-box-shadow-size: 3px;
-    }
-  }
-
-  &:disabled {
-    --input-textarea-background-color: var(--color-gray-200);
-    --input-textarea-box-shadow-color: var(--color-gray-400);
-    --input-textarea-placeholder-color: var(--color-gray-500);
-    --input-textarea-color: var(--color-gray-700);
+    --textarea-box-shadow-color: var(--color-red-700);
 
-    &:hover {
-      --input-textarea-box-shadow-size: 1px;
+    &:is(:focus-visible, :hover, :active, :focus) {
+      --textarea-box-shadow-width: 3px;
     }
   }
 }

package/dist/ProgressBar/ProgressBarApollo.css

@@ -1 +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)}
+.af-progress-bar{-webkit-appearance:var(--progress-bar-appearance);appearance:var(--progress-bar-appearance);background-color:var(--progress-bar-background-color);border:none;border-radius:var(--progress-bar-radius);height:calc(6/var(--font-size-base)*1rem);width:100%}.af-progress-bar::-webkit-progress-bar{background-color:var(--progress-bar-background-color)}.af-progress-bar::-webkit-progress-value{background-color:var(--progress-bar-appearance);-webkit-transition:width .75s ease;transition:width .75s ease}.af-progress-bar::-moz-progress-bar{background-color:var(--progress-bar-appearance)}.af-progress-bar__label{display:block;height:0;margin:0;opacity:0;padding:0;-webkit-user-select:none;user-select:none;width:0}.af-progress-bar{--progress-bar-radius:0;--progress-bar-background-color:var(--neutral-14);--progress-bar-appearance:var(--axa-blue-100)}

package/dist/ProgressBar/ProgressBarApollo.css.map

@@ -1 +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"]}
+{"version":3,"sources":["../../src/ProgressBar/ProgressBarCommon.scss","../../src/ProgressBar/ProgressBarApollo.scss","../../src/ProgressBar/ProgressBarApollo.scss%23sass"],"names":[],"mappings":"AAAA,iBCMA,iDAAA,CAAA,yCAAA,CDDE,qDAAA,CAFA,WAAA,CACA,wCAAA,CCFF,yCAAA,CDDE,UCMF,CDEE,uCACE,qDCAJ,CDIE,yCACE,+CAAA,CACA,kCAAA,CAAA,0BCFJ,CDME,oCACE,+CCJJ,CDQE,wBACE,aAAA,CAEA,QAAA,CACA,QAAA,CAEA,SAAA,CADA,SAAA,CAEA,wBAAA,CAAA,gBAAA,CALA,OCDJ,CCxBA,iBACE,uBAAA,CACA,iDAAA,CACA,6CD2BF","file":"ProgressBarApollo.css","sourcesContent":[".af-progress-bar {\n  width: 100%;\n  height: calc(6 / var(--font-size-base) * 1rem);\n  border: none;\n  border-radius: var(--progress-bar-radius);\n  background-color: var(--progress-bar-background-color);\n  appearance: var(--progress-bar-appearance);\n\n  // For WebKit browsers\n  &::-webkit-progress-bar {\n    background-color: var(--progress-bar-background-color);\n  }\n\n  // For WebKit browsers\n  &::-webkit-progress-value {\n    background-color: var(--progress-bar-appearance);\n    transition: width 0.75s ease;\n  }\n\n  // For Firefox\n  &::-moz-progress-bar {\n    background-color: var(--progress-bar-appearance);\n    // transition doesn't work in Firefox for native progress bars\n  }\n\n  &__label {\n    display: block;\n    width: 0;\n    height: 0;\n    margin: 0;\n    padding: 0;\n    opacity: 0;\n    user-select: none;\n  }\n}\n","@use \"./ProgressBarCommon\";\n\n.af-progress-bar {\n  --progress-bar-radius: 0;\n  --progress-bar-background-color: var(--neutral-14);\n  --progress-bar-appearance: var(--axa-blue-100);\n}\n","@use \"./ProgressBarCommon\";\n\n.af-progress-bar {\n  --progress-bar-radius: 0;\n  --progress-bar-background-color: var(--neutral-14);\n  --progress-bar-appearance: var(--axa-blue-100);\n}\n"]}

package/dist/ProgressBar/ProgressBarApollo.scss

@@ -1,18 +1,7 @@
 @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);
-  }
+.af-progress-bar {
+  --progress-bar-radius: 0;
+  --progress-bar-background-color: var(--neutral-14);
+  --progress-bar-appearance: var(--axa-blue-100);
 }

package/dist/ProgressBar/ProgressBarCommon.css

@@ -1 +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-progress-bar{-webkit-appearance:var(--progress-bar-appearance);appearance:var(--progress-bar-appearance);background-color:var(--progress-bar-background-color);border:none;border-radius:var(--progress-bar-radius);height:calc(6/var(--font-size-base)*1rem);width:100%}.af-progress-bar::-webkit-progress-bar{background-color:var(--progress-bar-background-color)}.af-progress-bar::-webkit-progress-value{background-color:var(--progress-bar-appearance);-webkit-transition:width .75s ease;transition:width .75s ease}.af-progress-bar::-moz-progress-bar{background-color:var(--progress-bar-appearance)}.af-progress-bar__label{display:block;height:0;margin:0;opacity:0;padding:0;-webkit-user-select:none;user-select:none;width:0}

package/dist/ProgressBar/ProgressBarCommon.css.map

@@ -1 +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"]}
+{"version":3,"sources":["../../src/ProgressBar/ProgressBarCommon.scss%23sass","../../src/ProgressBar/ProgressBarCommon.scss"],"names":[],"mappings":"AAAA,iBAME,iDAAA,CAAA,yCAAA,CADA,qDAAA,CAFA,WAAA,CACA,wCAAA,CAFA,yCAAA,CADA,UCSF,CDDE,uCACE,qDCGJ,CDCE,yCACE,+CAAA,CACA,kCAAA,CAAA,0BCCJ,CDGE,oCACE,+CCAJ,CDIE,wBACE,aAAA,CAEA,QAAA,CACA,QAAA,CAEA,SAAA,CADA,SAAA,CAEA,wBAAA,CAAA,gBAAA,CALA,OCGJ","file":"ProgressBarCommon.css","sourcesContent":[".af-progress-bar {\n  width: 100%;\n  height: calc(6 / var(--font-size-base) * 1rem);\n  border: none;\n  border-radius: var(--progress-bar-radius);\n  background-color: var(--progress-bar-background-color);\n  appearance: var(--progress-bar-appearance);\n\n  /* For WebKit browsers*/\n  &::-webkit-progress-bar {\n    background-color: var(--progress-bar-background-color);\n  }\n\n  /* For WebKit browsers*/\n  &::-webkit-progress-value {\n    background-color: var(--progress-bar-appearance);\n    transition: width 0.75s ease;\n  }\n\n  /* For Firefox*/\n  &::-moz-progress-bar {\n    background-color: var(--progress-bar-appearance);\n    /* transition doesn't work in Firefox for native progress bars*/\n  }\n\n  &__label {\n    display: block;\n    width: 0;\n    height: 0;\n    margin: 0;\n    padding: 0;\n    opacity: 0;\n    user-select: none;\n  }\n}\n",".af-progress-bar {\n  width: 100%;\n  height: calc(6 / var(--font-size-base) * 1rem);\n  border: none;\n  border-radius: var(--progress-bar-radius);\n  background-color: var(--progress-bar-background-color);\n  appearance: var(--progress-bar-appearance);\n\n  // For WebKit browsers\n  &::-webkit-progress-bar {\n    background-color: var(--progress-bar-background-color);\n  }\n\n  // For WebKit browsers\n  &::-webkit-progress-value {\n    background-color: var(--progress-bar-appearance);\n    transition: width 0.75s ease;\n  }\n\n  // For Firefox\n  &::-moz-progress-bar {\n    background-color: var(--progress-bar-appearance);\n    // transition doesn't work in Firefox for native progress bars\n  }\n\n  &__label {\n    display: block;\n    width: 0;\n    height: 0;\n    margin: 0;\n    padding: 0;\n    opacity: 0;\n    user-select: none;\n  }\n}\n"]}

package/dist/ProgressBar/ProgressBarCommon.scss

@@ -1,16 +1,35 @@
-.af-progressbar {
+.af-progress-bar {
   width: 100%;
   height: calc(6 / var(--font-size-base) * 1rem);
-  border-radius: var(--progress-radius);
-  overflow: hidden;
-  background-color: var(--progressbar-background-color);
+  border: none;
+  border-radius: var(--progress-bar-radius);
+  background-color: var(--progress-bar-background-color);
+  appearance: var(--progress-bar-appearance);
 
-  &__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;
+  // For WebKit browsers
+  &::-webkit-progress-bar {
+    background-color: var(--progress-bar-background-color);
+  }
+
+  // For WebKit browsers
+  &::-webkit-progress-value {
+    background-color: var(--progress-bar-appearance);
+    transition: width 0.75s ease;
+  }
+
+  // For Firefox
+  &::-moz-progress-bar {
+    background-color: var(--progress-bar-appearance);
+    // transition doesn't work in Firefox for native progress bars
+  }
+
+  &__label {
+    display: block;
+    width: 0;
+    height: 0;
+    margin: 0;
+    padding: 0;
+    opacity: 0;
+    user-select: none;
   }
 }

package/dist/ProgressBar/ProgressBarLF.css

@@ -1 +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)}
+.af-progress-bar{-webkit-appearance:var(--progress-bar-appearance);appearance:var(--progress-bar-appearance);background-color:var(--progress-bar-background-color);border:none;border-radius:var(--progress-bar-radius);height:calc(6/var(--font-size-base)*1rem);width:100%}.af-progress-bar::-webkit-progress-bar{background-color:var(--progress-bar-background-color)}.af-progress-bar::-webkit-progress-value{background-color:var(--progress-bar-appearance);-webkit-transition:width .75s ease;transition:width .75s ease}.af-progress-bar::-moz-progress-bar{background-color:var(--progress-bar-appearance)}.af-progress-bar__label{display:block;height:0;margin:0;opacity:0;padding:0;-webkit-user-select:none;user-select:none;width:0}.af-progress-bar{--progress-bar-radius:var(--default-border-radius);--progress-bar-background-color:var(--color-gray-400);--progress-bar-appearance:var(--color-axa)}

package/dist/ProgressBar/ProgressBarLF.css.map

@@ -1 +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"]}
+{"version":3,"sources":["../../src/ProgressBar/ProgressBarCommon.scss","../../src/ProgressBar/ProgressBarLF.scss","../../src/ProgressBar/ProgressBarLF.scss%23sass"],"names":[],"mappings":"AAAA,iBCMA,iDAAA,CAAA,yCAAA,CDDE,qDAAA,CAFA,WAAA,CACA,wCAAA,CCFF,yCAAA,CDDE,UCMF,CDEE,uCACE,qDCAJ,CDIE,yCACE,+CAAA,CACA,kCAAA,CAAA,0BCFJ,CDME,oCACE,+CCJJ,CDQE,wBACE,aAAA,CAEA,QAAA,CACA,QAAA,CAEA,SAAA,CADA,SAAA,CAEA,wBAAA,CAAA,gBAAA,CALA,OCDJ,CCxBA,iBACE,kDAAA,CACA,qDAAA,CACA,0CD2BF","file":"ProgressBarLF.css","sourcesContent":[".af-progress-bar {\n  width: 100%;\n  height: calc(6 / var(--font-size-base) * 1rem);\n  border: none;\n  border-radius: var(--progress-bar-radius);\n  background-color: var(--progress-bar-background-color);\n  appearance: var(--progress-bar-appearance);\n\n  // For WebKit browsers\n  &::-webkit-progress-bar {\n    background-color: var(--progress-bar-background-color);\n  }\n\n  // For WebKit browsers\n  &::-webkit-progress-value {\n    background-color: var(--progress-bar-appearance);\n    transition: width 0.75s ease;\n  }\n\n  // For Firefox\n  &::-moz-progress-bar {\n    background-color: var(--progress-bar-appearance);\n    // transition doesn't work in Firefox for native progress bars\n  }\n\n  &__label {\n    display: block;\n    width: 0;\n    height: 0;\n    margin: 0;\n    padding: 0;\n    opacity: 0;\n    user-select: none;\n  }\n}\n","@use \"./ProgressBarCommon\";\n\n.af-progress-bar {\n  --progress-bar-radius: var(--default-border-radius);\n  --progress-bar-background-color: var(--color-gray-400);\n  --progress-bar-appearance: var(--color-axa);\n}\n","@use \"./ProgressBarCommon\";\n\n.af-progress-bar {\n  --progress-bar-radius: var(--default-border-radius);\n  --progress-bar-background-color: var(--color-gray-400);\n  --progress-bar-appearance: var(--color-axa);\n}\n"]}

package/dist/ProgressBar/ProgressBarLF.scss

@@ -1,11 +1,7 @@
 @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);
-  }
+.af-progress-bar {
+  --progress-bar-radius: var(--default-border-radius);
+  --progress-bar-background-color: var(--color-gray-400);
+  --progress-bar-appearance: var(--color-axa);
 }

package/dist/ProgressBarGroup/ProgressBarGroupApollo.css

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

package/dist/ProgressBarGroup/ProgressBarGroupApollo.css.map

@@ -1 +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"]}
+{"version":3,"sources":["../../src/ProgressBarGroup/ProgressBarGroupCommon.scss","../../src/ProgressBarGroup/ProgressBarGroupApollo.scss","../../src/ProgressBarGroup/ProgressBarGroupApollo.scss%23sass"],"names":[],"mappings":"AAAA,uBCEA,oBAAA,CCCE,gDAAA,CFFA,YAAA,CAEA,sCAAA,CECA,eDAF","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\n.af-progress-bar-group {\n  border-radius: calc(6 / var(--font-size-base) * 1rem);\n  overflow: hidden;\n}\n","@use \"./ProgressBarGroupCommon\";\n\n.af-progress-bar-group {\n  border-radius: calc(6 / var(--font-size-base) * 1rem);\n  overflow: hidden;\n}\n"]}

package/dist/ProgressBarGroup/ProgressBarGroupApollo.scss

@@ -1 +1,6 @@
 @use "./ProgressBarGroupCommon";
+
+.af-progress-bar-group {
+  border-radius: calc(6 / var(--font-size-base) * 1rem);
+  overflow: hidden;
+}