@axa-fr/design-system-apollo-css 1.0.5-alpha.477 → 1.0.5-alpha.481

package/dist/Form/ItemMessage/ItemMessageApollo.css

@@ -1 +1 @@
-.af-item-message{--item-message-font-size:calc(14/var(--font-size-base)*1rem);align-items:center;display:flex;gap:calc(8/var(--font-size-base)*1rem)}.af-item-message__icon{color:var(--item-message-color);flex-shrink:0;height:var(--item-message-icon-size);width:var(--item-message-icon-size);fill:currentcolor}.af-item-message__message{color:var(--item-message-color);font-family:var(--font-family-base);font-size:var(--item-message-font-size);line-height:1.25em}@media (width > 1023px){.af-item-message{--item-message-font-size:calc(16/var(--font-size-base)*1rem)}}.af-item-message{--item-message-color:var(--red-alert-100);--item-message-icon-size:calc(20/var(--font-size-base)*1rem)}.af-item-message--success{--item-message-color:var(--green-100)}@media (width > 1023px){.af-item-message{--item-message-icon-size:calc(24/var(--font-size-base)*1rem)}}
+.af-item-message{--item-message-font-size:calc(14/var(--font-size-base)*1rem);align-items:center;display:flex;gap:calc(8/var(--font-size-base)*1rem)}.af-item-message__icon{color:var(--item-message-color);flex-shrink:0;height:var(--item-message-icon-size);width:var(--item-message-icon-size);fill:currentcolor}.af-item-message__message{color:var(--item-message-color);font-family:var(--font-family-base);font-size:var(--item-message-font-size);line-height:1.25em}@media (width > 1023px){.af-item-message{--item-message-font-size:calc(16/var(--font-size-base)*1rem)}}.af-item-message{--item-message-color:var(--red-alert-100);--item-message-icon-size:calc(20/var(--font-size-base)*1rem)}.af-item-message--success{--item-message-color:var(--green-100)}.af-item-message--warning{--item-message-color:var(--warning-100)}@media (width > 1023px){.af-item-message{--item-message-icon-size:calc(24/var(--font-size-base)*1rem)}}

package/dist/Form/ItemMessage/ItemMessageApollo.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Form/ItemMessage/ItemMessageCommon.scss","../../../src/Form/ItemMessage/ItemMessageApollo.scss","../../../src/Form/ItemMessage/ItemMessageApollo.scss%23sass"],"names":[],"mappings":"AAEA,iBACE,4DAAA,CAGA,kBAAA,CCJF,YAAA,CAEA,sCACA,CDIE,uBAIE,+BAAA,CADA,aAAA,CADA,oCAAA,CADA,mCAAA,CAIA,iBCFJ,CDKE,0BAIE,+BAAA,CAHA,mCAAA,CCHJ,uCAAA,CDKI,kBCFJ,CDME,wBAtBF,iBAuBI,4DCHF,CACF,CCnBA,iBACE,yCAAA,CACA,4DDsBF,CCpBE,0BACE,qCDsBJ,CCnBE,wBARF,iBASI,4DDsBF,CACF","file":"ItemMessageApollo.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-message {\n  --item-message-font-size: calc(14 / var(--font-size-base) * 1rem);\n\n  display: flex;\n  align-items: center;\n  gap: calc(8 / var(--font-size-base) * 1rem);\n\n  &__icon {\n    width: var(--item-message-icon-size);\n    height: var(--item-message-icon-size);\n    flex-shrink: 0;\n    color: var(--item-message-color);\n    fill: currentcolor;\n  }\n\n  &__message {\n    font-family: var(--font-family-base);\n    font-size: var(--item-message-font-size);\n    line-height: 1.25em;\n    color: var(--item-message-color);\n  }\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --item-message-font-size: calc(16 / var(--font-size-base) * 1rem);\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./ItemMessageCommon\";\n\n.af-item-message {\n  --item-message-color: var(--red-alert-100);\n  --item-message-icon-size: calc(20 / var(--font-size-base) * 1rem);\n\n  &--success {\n    --item-message-color: var(--green-100);\n  }\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --item-message-icon-size: calc(24 / var(--font-size-base) * 1rem);\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./ItemMessageCommon\";\n\n.af-item-message {\n  --item-message-color: var(--red-alert-100);\n  --item-message-icon-size: calc(20 / var(--font-size-base) * 1rem);\n\n  &--success {\n    --item-message-color: var(--green-100);\n  }\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --item-message-icon-size: calc(24 / var(--font-size-base) * 1rem);\n  }\n}\n"]}
+{"version":3,"sources":["../../../src/Form/ItemMessage/ItemMessageCommon.scss","../../../src/Form/ItemMessage/ItemMessageApollo.scss","../../../src/Form/ItemMessage/ItemMessageApollo.scss%23sass"],"names":[],"mappings":"AAEA,iBACE,4DAAA,CAGA,kBAAA,CCJF,YAAA,CAEA,sCACA,CDIE,uBAIE,+BAAA,CADA,aAAA,CADA,oCAAA,CADA,mCAAA,CAIA,iBCFJ,CDKE,0BAIE,+BAAA,CAHA,mCAAA,CACA,uCAAA,CACA,kBCFJ,CDME,wBAtBF,iBAuBI,4DCHF,CACF,CCnBA,iBACE,yCAAA,CACA,4DDsBF,CCpBE,0BACE,qCDsBJ,CCnBE,0BACE,uCDqBJ,CClBE,wBAZF,iBAaI,4DDqBF,CACF","file":"ItemMessageApollo.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-message {\n  --item-message-font-size: calc(14 / var(--font-size-base) * 1rem);\n\n  display: flex;\n  align-items: center;\n  gap: calc(8 / var(--font-size-base) * 1rem);\n\n  &__icon {\n    width: var(--item-message-icon-size);\n    height: var(--item-message-icon-size);\n    flex-shrink: 0;\n    color: var(--item-message-color);\n    fill: currentcolor;\n  }\n\n  &__message {\n    font-family: var(--font-family-base);\n    font-size: var(--item-message-font-size);\n    line-height: 1.25em;\n    color: var(--item-message-color);\n  }\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --item-message-font-size: calc(16 / var(--font-size-base) * 1rem);\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./ItemMessageCommon\";\n\n.af-item-message {\n  --item-message-color: var(--red-alert-100);\n  --item-message-icon-size: calc(20 / var(--font-size-base) * 1rem);\n\n  &--success {\n    --item-message-color: var(--green-100);\n  }\n\n  &--warning {\n    --item-message-color: var(--warning-100);\n  }\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --item-message-icon-size: calc(24 / var(--font-size-base) * 1rem);\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./ItemMessageCommon\";\n\n.af-item-message {\n  --item-message-color: var(--red-alert-100);\n  --item-message-icon-size: calc(20 / var(--font-size-base) * 1rem);\n\n  &--success {\n    --item-message-color: var(--green-100);\n  }\n\n  &--warning {\n    --item-message-color: var(--warning-100);\n  }\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --item-message-icon-size: calc(24 / var(--font-size-base) * 1rem);\n  }\n}\n"]}

package/dist/Form/ItemMessage/ItemMessageApollo.scss

@@ -10,6 +10,10 @@
     --item-message-color: var(--green-100);
   }
 
+  &--warning {
+    --item-message-color: var(--warning-100);
+  }
+
   @media (width > #{breakpoints.$breakpoint-md}) {
     --item-message-icon-size: calc(24 / var(--font-size-base) * 1rem);
   }

package/dist/Form/ItemMessage/ItemMessageLF.css

@@ -1 +1 @@
-.af-item-message{--item-message-font-size:calc(14/var(--font-size-base)*1rem);align-items:center;display:flex;gap:calc(8/var(--font-size-base)*1rem)}.af-item-message__icon{color:var(--item-message-color);flex-shrink:0;height:var(--item-message-icon-size);width:var(--item-message-icon-size);fill:currentcolor}.af-item-message__message{color:var(--item-message-color);font-family:var(--font-family-base);font-size:var(--item-message-font-size);line-height:1.25em}@media (width > 1023px){.af-item-message{--item-message-font-size:calc(16/var(--font-size-base)*1rem)}}.af-item-message{--item-message-color:var(--color-red-700);--item-message-icon-size:calc(16/var(--font-size-base)*1rem)}.af-item-message--success{--item-message-color:var(--color-green-600)}
+.af-item-message{--item-message-font-size:calc(14/var(--font-size-base)*1rem);align-items:center;display:flex;gap:calc(8/var(--font-size-base)*1rem)}.af-item-message__icon{color:var(--item-message-color);flex-shrink:0;height:var(--item-message-icon-size);width:var(--item-message-icon-size);fill:currentcolor}.af-item-message__message{color:var(--item-message-color);font-family:var(--font-family-base);font-size:var(--item-message-font-size);line-height:1.25em}@media (width > 1023px){.af-item-message{--item-message-font-size:calc(16/var(--font-size-base)*1rem)}}.af-item-message{--item-message-color:var(--color-red-700);--item-message-icon-size:calc(16/var(--font-size-base)*1rem)}.af-item-message--success{--item-message-color:var(--color-green-600)}.af-item-message--warning{--item-message-color:var(--color-orange-700)}

package/dist/Form/ItemMessage/ItemMessageLF.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Form/ItemMessage/ItemMessageCommon.scss","../../../src/Form/ItemMessage/ItemMessageLF.scss","../../../src/Form/ItemMessage/ItemMessageLF.scss%23sass"],"names":[],"mappings":"AAEA,iBACE,4DAAA,CAGA,kBAAA,CCJF,YAAA,CAEA,sCACA,CDIE,uBAIE,+BAAA,CADA,aAAA,CADA,oCAAA,CADA,mCAAA,CCCJ,iBACA,CDKE,0BAIE,+BAAA,CAHA,mCAAA,CACA,uCAAA,CACA,kBCFJ,CDME,wBAtBF,iBAuBI,4DCHF,CACF,CCnBA,iBACE,yCAAA,CACA,4DDsBF,CCpBE,0BACE,2CDsBJ","file":"ItemMessageLF.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-message {\n  --item-message-font-size: calc(14 / var(--font-size-base) * 1rem);\n\n  display: flex;\n  align-items: center;\n  gap: calc(8 / var(--font-size-base) * 1rem);\n\n  &__icon {\n    width: var(--item-message-icon-size);\n    height: var(--item-message-icon-size);\n    flex-shrink: 0;\n    color: var(--item-message-color);\n    fill: currentcolor;\n  }\n\n  &__message {\n    font-family: var(--font-family-base);\n    font-size: var(--item-message-font-size);\n    line-height: 1.25em;\n    color: var(--item-message-color);\n  }\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --item-message-font-size: calc(16 / var(--font-size-base) * 1rem);\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./ItemMessageCommon\";\n\n.af-item-message {\n  --item-message-color: var(--color-red-700);\n  --item-message-icon-size: calc(16 / var(--font-size-base) * 1rem);\n\n  &--success {\n    --item-message-color: var(--color-green-600);\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./ItemMessageCommon\";\n\n.af-item-message {\n  --item-message-color: var(--color-red-700);\n  --item-message-icon-size: calc(16 / var(--font-size-base) * 1rem);\n\n  &--success {\n    --item-message-color: var(--color-green-600);\n  }\n}\n"]}
+{"version":3,"sources":["../../../src/Form/ItemMessage/ItemMessageCommon.scss","../../../src/Form/ItemMessage/ItemMessageLF.scss","../../../src/Form/ItemMessage/ItemMessageLF.scss%23sass"],"names":[],"mappings":"AAEA,iBACE,4DAAA,CAGA,kBAAA,CCJF,YAAA,CAEA,sCACA,CDIE,uBAIE,+BAAA,CADA,aAAA,CADA,oCAAA,CADA,mCAAA,CAIA,iBCFJ,CDKE,0BAIE,+BAAA,CAHA,mCAAA,CCHJ,uCAAA,CDKI,kBCFJ,CDME,wBAtBF,iBAuBI,4DCHF,CACF,CCnBA,iBACE,yCAAA,CACA,4DDsBF,CCpBE,0BACE,2CDsBJ,CCnBE,0BACE,4CDqBJ","file":"ItemMessageLF.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-item-message {\n  --item-message-font-size: calc(14 / var(--font-size-base) * 1rem);\n\n  display: flex;\n  align-items: center;\n  gap: calc(8 / var(--font-size-base) * 1rem);\n\n  &__icon {\n    width: var(--item-message-icon-size);\n    height: var(--item-message-icon-size);\n    flex-shrink: 0;\n    color: var(--item-message-color);\n    fill: currentcolor;\n  }\n\n  &__message {\n    font-family: var(--font-family-base);\n    font-size: var(--item-message-font-size);\n    line-height: 1.25em;\n    color: var(--item-message-color);\n  }\n\n  @media (width > #{breakpoints.$breakpoint-md}) {\n    --item-message-font-size: calc(16 / var(--font-size-base) * 1rem);\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./ItemMessageCommon\";\n\n.af-item-message {\n  --item-message-color: var(--color-red-700);\n  --item-message-icon-size: calc(16 / var(--font-size-base) * 1rem);\n\n  &--success {\n    --item-message-color: var(--color-green-600);\n  }\n\n  &--warning {\n    --item-message-color: var(--color-orange-700);\n  }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./ItemMessageCommon\";\n\n.af-item-message {\n  --item-message-color: var(--color-red-700);\n  --item-message-icon-size: calc(16 / var(--font-size-base) * 1rem);\n\n  &--success {\n    --item-message-color: var(--color-green-600);\n  }\n\n  &--warning {\n    --item-message-color: var(--color-orange-700);\n  }\n}\n"]}

package/dist/Form/ItemMessage/ItemMessageLF.scss

@@ -9,4 +9,8 @@
   &--success {
     --item-message-color: var(--color-green-600);
   }
+
+  &--warning {
+    --item-message-color: var(--color-orange-700);
+  }
 }

package/dist/Form/Radio/CardRadio/CardRadioApollo.css

@@ -1 +1 @@
-.af-card-radio{display:flex;flex-direction:column;gap:calc(8/var(--font-size-base)*1rem)}.af-card-radio__legend{display:contents}.af-card-radio__legend>p{margin:0}.af-card-radio__label{color:var(--card-radio-color);display:inline-flex;font-size:calc(18/var(--font-size-base)*1rem);font-weight:600;gap:calc(4/var(--font-size-base)*1rem)}.af-card-radio__description{color:var(--card-radio-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;line-height:calc(16/var(--font-size-base)*1rem)}@media (width > 667px){.af-card-radio__description{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(18/var(--font-size-base)*1rem)}}.af-card-radio__options{display:flex;gap:1rem}.af-card-radio__options>*{flex-basis:0;flex-grow:1}.af-card-radio__options--vertical{flex-direction:row}.af-card-radio__options--horizontal{flex-direction:column}.af-card-radio__label{--card-radio-color:var(--neutral-100)}.af-card-radio__description{--card-radio-color:var(--neutral-80)}
+.af-card-radio{display:flex;flex-direction:column;gap:calc(8/var(--font-size-base)*1rem)}.af-card-radio__legend{display:contents}.af-card-radio__legend>p{margin:0}.af-card-radio__label{color:var(--card-radio-color);display:inline;font-size:calc(18/var(--font-size-base)*1rem);font-weight:600}.af-card-radio__label span{margin-left:calc(4/var(--font-size-base)*1rem)}.af-card-radio__description{color:var(--card-radio-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;line-height:calc(16/var(--font-size-base)*1rem)}@media (width > 667px){.af-card-radio__description{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(18/var(--font-size-base)*1rem)}}.af-card-radio__options{display:flex;gap:1rem}.af-card-radio__options>*{flex-basis:0;flex-grow:1}.af-card-radio__options--vertical{flex-direction:row}.af-card-radio__options--horizontal{flex-direction:column}.af-card-radio__label{--card-radio-color:var(--neutral-100)}.af-card-radio__description{--card-radio-color:var(--neutral-80)}

package/dist/Form/Radio/CardRadio/CardRadioApollo.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/Form/Radio/CardRadio/CardRadioCommon.scss","../../../../src/Form/Radio/CardRadio/CardRadioApollo.scss","../../../../src/Form/Radio/CardRadio/CardRadioApollo.scss%23sass"],"names":[],"mappings":"AAEA,eACE,YAAA,CCDF,qBAAA,CDGE,sCCDF,CDGE,uBACE,gBCDJ,CDGI,yBACE,QCDN,CDKE,sBAKE,6BAAA,CAJA,mBAAA,CAEA,6CAAA,CACA,eAAA,CAFA,sCCAJ,CDME,4BAIE,6BAAA,CAHA,6CAAA,CACA,eAAA,CACA,+CCHJ,CDMI,uBANF,4BAOI,6CAAA,CACA,+CCHJ,CACF,CDME,wBACE,YAAA,CACA,QCJJ,CDMI,0BACE,YAAA,CACA,WCJN,CDQE,kCACE,kBCNJ,CDSE,oCACE,qBCPJ,CCxCE,sBACE,qCD2CJ,CCxCE,4BACE,oCD0CJ","file":"CardRadioApollo.css","sourcesContent":["@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-card-radio {\n  display: flex;\n  flex-direction: column;\n  gap: calc(8 / var(--font-size-base) * 1rem);\n\n  &__legend {\n    display: contents;\n\n    & > p {\n      margin: 0;\n    }\n  }\n\n  &__label {\n    display: inline-flex;\n    gap: calc(4 / var(--font-size-base) * 1rem);\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    color: var(--card-radio-color);\n  }\n\n  &__description {\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: calc(16 / var(--font-size-base) * 1rem);\n    color: var(--card-radio-color);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n      line-height: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__options {\n    display: flex;\n    gap: 1rem;\n\n    > * {\n      flex-basis: 0;\n      flex-grow: 1;\n    }\n  }\n\n  &__options--vertical {\n    flex-direction: row;\n  }\n\n  &__options--horizontal {\n    flex-direction: column;\n  }\n}\n","@use \"CardRadioCommon\";\n\n.af-card-radio {\n  &__label {\n    --card-radio-color: var(--neutral-100);\n  }\n\n  &__description {\n    --card-radio-color: var(--neutral-80);\n  }\n}\n","@use \"CardRadioCommon\";\n\n.af-card-radio {\n  &__label {\n    --card-radio-color: var(--neutral-100);\n  }\n\n  &__description {\n    --card-radio-color: var(--neutral-80);\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/Form/Radio/CardRadio/CardRadioCommon.scss","../../../../src/Form/Radio/CardRadio/CardRadioApollo.scss","../../../../src/Form/Radio/CardRadio/CardRadioApollo.scss%23sass"],"names":[],"mappings":"AAEA,eACE,YAAA,CCDF,qBAAA,CDGE,sCCDF,CDGE,uBACE,gBCDJ,CDGI,yBACE,QCDN,CDKE,sBAIE,6BAAA,CAHA,cAAA,CACA,6CAAA,CACA,eCFJ,CDKI,2BACE,8CCHN,CDOE,4BAIE,6BAAA,CAHA,6CAAA,CACA,eAAA,CACA,+CCJJ,CDOI,uBANF,4BAOI,6CAAA,CACA,+CCJJ,CACF,CDOE,wBACE,YAAA,CACA,QCLJ,CDOI,0BACE,YAAA,CACA,WCLN,CDSE,kCACE,kBCPJ,CDUE,oCACE,qBCRJ,CC1CE,sBACE,qCD6CJ,CC1CE,4BACE,oCD4CJ","file":"CardRadioApollo.css","sourcesContent":["@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-card-radio {\n  display: flex;\n  flex-direction: column;\n  gap: calc(8 / var(--font-size-base) * 1rem);\n\n  &__legend {\n    display: contents;\n\n    & > p {\n      margin: 0;\n    }\n  }\n\n  &__label {\n    display: inline;\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    color: var(--card-radio-color);\n\n    span {\n      margin-left: calc(4 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__description {\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: calc(16 / var(--font-size-base) * 1rem);\n    color: var(--card-radio-color);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n      line-height: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__options {\n    display: flex;\n    gap: 1rem;\n\n    > * {\n      flex-basis: 0;\n      flex-grow: 1;\n    }\n  }\n\n  &__options--vertical {\n    flex-direction: row;\n  }\n\n  &__options--horizontal {\n    flex-direction: column;\n  }\n}\n","@use \"CardRadioCommon\";\n\n.af-card-radio {\n  &__label {\n    --card-radio-color: var(--neutral-100);\n  }\n\n  &__description {\n    --card-radio-color: var(--neutral-80);\n  }\n}\n","@use \"CardRadioCommon\";\n\n.af-card-radio {\n  &__label {\n    --card-radio-color: var(--neutral-100);\n  }\n\n  &__description {\n    --card-radio-color: var(--neutral-80);\n  }\n}\n"]}

package/dist/Form/Radio/CardRadio/CardRadioCommon.css

@@ -1 +1 @@
-.af-card-radio{display:flex;flex-direction:column;gap:calc(8/var(--font-size-base)*1rem)}.af-card-radio__legend{display:contents}.af-card-radio__legend>p{margin:0}.af-card-radio__label{color:var(--card-radio-color);display:inline-flex;font-size:calc(18/var(--font-size-base)*1rem);font-weight:600;gap:calc(4/var(--font-size-base)*1rem)}.af-card-radio__description{color:var(--card-radio-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;line-height:calc(16/var(--font-size-base)*1rem)}@media (width > 667px){.af-card-radio__description{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(18/var(--font-size-base)*1rem)}}.af-card-radio__options{display:flex;gap:1rem}.af-card-radio__options>*{flex-basis:0;flex-grow:1}.af-card-radio__options--vertical{flex-direction:row}.af-card-radio__options--horizontal{flex-direction:column}
+.af-card-radio{display:flex;flex-direction:column;gap:calc(8/var(--font-size-base)*1rem)}.af-card-radio__legend{display:contents}.af-card-radio__legend>p{margin:0}.af-card-radio__label{color:var(--card-radio-color);display:inline;font-size:calc(18/var(--font-size-base)*1rem);font-weight:600}.af-card-radio__label span{margin-left:calc(4/var(--font-size-base)*1rem)}.af-card-radio__description{color:var(--card-radio-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;line-height:calc(16/var(--font-size-base)*1rem)}@media (width > 667px){.af-card-radio__description{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(18/var(--font-size-base)*1rem)}}.af-card-radio__options{display:flex;gap:1rem}.af-card-radio__options>*{flex-basis:0;flex-grow:1}.af-card-radio__options--vertical{flex-direction:row}.af-card-radio__options--horizontal{flex-direction:column}

package/dist/Form/Radio/CardRadio/CardRadioCommon.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/Form/Radio/CardRadio/CardRadioCommon.scss%23sass","../../../../src/Form/Radio/CardRadio/CardRadioCommon.scss"],"names":[],"mappings":"AAEA,eACE,YAAA,CCDF,qBAAA,CDGE,sCCDF,CDGE,uBACE,gBCDJ,CDGI,yBACE,QCDN,CDKE,sBAKE,6BAAA,CAJA,mBAAA,CAEA,6CAAA,CACA,eAAA,CAFA,sCCAJ,CDME,4BAIE,6BAAA,CAHA,6CAAA,CACA,eAAA,CACA,+CCHJ,CDMI,uBANF,4BAOI,6CAAA,CACA,+CCHJ,CACF,CDME,wBACE,YAAA,CACA,QCJJ,CDMI,0BACE,YAAA,CACA,WCJN,CDQE,kCACE,kBCNJ,CDSE,oCACE,qBCPJ","file":"CardRadioCommon.css","sourcesContent":["@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-card-radio {\n  display: flex;\n  flex-direction: column;\n  gap: calc(8 / var(--font-size-base) * 1rem);\n\n  &__legend {\n    display: contents;\n\n    & > p {\n      margin: 0;\n    }\n  }\n\n  &__label {\n    display: inline-flex;\n    gap: calc(4 / var(--font-size-base) * 1rem);\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    color: var(--card-radio-color);\n  }\n\n  &__description {\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: calc(16 / var(--font-size-base) * 1rem);\n    color: var(--card-radio-color);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n      line-height: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__options {\n    display: flex;\n    gap: 1rem;\n\n    > * {\n      flex-basis: 0;\n      flex-grow: 1;\n    }\n  }\n\n  &__options--vertical {\n    flex-direction: row;\n  }\n\n  &__options--horizontal {\n    flex-direction: column;\n  }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-card-radio {\n  display: flex;\n  flex-direction: column;\n  gap: calc(8 / var(--font-size-base) * 1rem);\n\n  &__legend {\n    display: contents;\n\n    & > p {\n      margin: 0;\n    }\n  }\n\n  &__label {\n    display: inline-flex;\n    gap: calc(4 / var(--font-size-base) * 1rem);\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    color: var(--card-radio-color);\n  }\n\n  &__description {\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: calc(16 / var(--font-size-base) * 1rem);\n    color: var(--card-radio-color);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n      line-height: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__options {\n    display: flex;\n    gap: 1rem;\n\n    > * {\n      flex-basis: 0;\n      flex-grow: 1;\n    }\n  }\n\n  &__options--vertical {\n    flex-direction: row;\n  }\n\n  &__options--horizontal {\n    flex-direction: column;\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/Form/Radio/CardRadio/CardRadioCommon.scss%23sass","../../../../src/Form/Radio/CardRadio/CardRadioCommon.scss"],"names":[],"mappings":"AAEA,eACE,YAAA,CCDF,qBAAA,CDGE,sCCDF,CDGE,uBACE,gBCDJ,CDGI,yBACE,QCDN,CDKE,sBAIE,6BAAA,CAHA,cAAA,CACA,6CAAA,CACA,eCFJ,CDKI,2BACE,8CCHN,CDOE,4BAIE,6BAAA,CAHA,6CAAA,CACA,eAAA,CACA,+CCJJ,CDOI,uBANF,4BAOI,6CAAA,CACA,+CCJJ,CACF,CDOE,wBACE,YAAA,CACA,QCLJ,CDOI,0BACE,YAAA,CACA,WCLN,CDSE,kCACE,kBCPJ,CDUE,oCACE,qBCRJ","file":"CardRadioCommon.css","sourcesContent":["@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-card-radio {\n  display: flex;\n  flex-direction: column;\n  gap: calc(8 / var(--font-size-base) * 1rem);\n\n  &__legend {\n    display: contents;\n\n    & > p {\n      margin: 0;\n    }\n  }\n\n  &__label {\n    display: inline;\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    color: var(--card-radio-color);\n\n    span {\n      margin-left: calc(4 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__description {\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: calc(16 / var(--font-size-base) * 1rem);\n    color: var(--card-radio-color);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n      line-height: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__options {\n    display: flex;\n    gap: 1rem;\n\n    > * {\n      flex-basis: 0;\n      flex-grow: 1;\n    }\n  }\n\n  &__options--vertical {\n    flex-direction: row;\n  }\n\n  &__options--horizontal {\n    flex-direction: column;\n  }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-card-radio {\n  display: flex;\n  flex-direction: column;\n  gap: calc(8 / var(--font-size-base) * 1rem);\n\n  &__legend {\n    display: contents;\n\n    & > p {\n      margin: 0;\n    }\n  }\n\n  &__label {\n    display: inline;\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    color: var(--card-radio-color);\n\n    span {\n      margin-left: calc(4 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__description {\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: calc(16 / var(--font-size-base) * 1rem);\n    color: var(--card-radio-color);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n      line-height: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__options {\n    display: flex;\n    gap: 1rem;\n\n    > * {\n      flex-basis: 0;\n      flex-grow: 1;\n    }\n  }\n\n  &__options--vertical {\n    flex-direction: row;\n  }\n\n  &__options--horizontal {\n    flex-direction: column;\n  }\n}\n"]}

package/dist/Form/Radio/CardRadio/CardRadioCommon.scss

@@ -14,11 +14,14 @@
   }
 
   &__label {
-    display: inline-flex;
-    gap: calc(4 / var(--font-size-base) * 1rem);
+    display: inline;
     font-size: calc(18 / var(--font-size-base) * 1rem);
     font-weight: 600;
     color: var(--card-radio-color);
+
+    span {
+      margin-left: calc(4 / var(--font-size-base) * 1rem);
+    }
   }
 
   &__description {

package/dist/Form/Radio/CardRadio/CardRadioLF.css

@@ -1 +1 @@
-.af-card-radio{display:flex;flex-direction:column;gap:calc(8/var(--font-size-base)*1rem)}.af-card-radio__legend{display:contents}.af-card-radio__legend>p{margin:0}.af-card-radio__label{color:var(--card-radio-color);display:inline-flex;font-size:calc(18/var(--font-size-base)*1rem);font-weight:600;gap:calc(4/var(--font-size-base)*1rem)}.af-card-radio__description{color:var(--card-radio-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;line-height:calc(16/var(--font-size-base)*1rem)}@media (width > 667px){.af-card-radio__description{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(18/var(--font-size-base)*1rem)}}.af-card-radio__options{display:flex;gap:1rem}.af-card-radio__options>*{flex-basis:0;flex-grow:1}.af-card-radio__options--vertical{flex-direction:row}.af-card-radio__options--horizontal{flex-direction:column}.af-card-radio__label{--card-radio-color:var(--color-gray-900)}.af-card-radio__description{--card-radio-color:var(--color-gray-700)}
+.af-card-radio{display:flex;flex-direction:column;gap:calc(8/var(--font-size-base)*1rem)}.af-card-radio__legend{display:contents}.af-card-radio__legend>p{margin:0}.af-card-radio__label{color:var(--card-radio-color);display:inline;font-size:calc(18/var(--font-size-base)*1rem);font-weight:600}.af-card-radio__label span{margin-left:calc(4/var(--font-size-base)*1rem)}.af-card-radio__description{color:var(--card-radio-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;line-height:calc(16/var(--font-size-base)*1rem)}@media (width > 667px){.af-card-radio__description{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(18/var(--font-size-base)*1rem)}}.af-card-radio__options{display:flex;gap:1rem}.af-card-radio__options>*{flex-basis:0;flex-grow:1}.af-card-radio__options--vertical{flex-direction:row}.af-card-radio__options--horizontal{flex-direction:column}.af-card-radio__label{--card-radio-color:var(--color-gray-900)}.af-card-radio__description{--card-radio-color:var(--color-gray-700)}

package/dist/Form/Radio/CardRadio/CardRadioLF.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/Form/Radio/CardRadio/CardRadioCommon.scss","../../../../src/Form/Radio/CardRadio/CardRadioLF.scss","../../../../src/Form/Radio/CardRadio/CardRadioLF.scss%23sass"],"names":[],"mappings":"AAEA,eACE,YAAA,CCDF,qBAAA,CDGE,sCCDF,CDGE,uBACE,gBCDJ,CDGI,yBACE,QCDN,CDKE,sBAKE,6BAAA,CAJA,mBAAA,CAEA,6CAAA,CACA,eAAA,CAFA,sCCAJ,CDME,4BAIE,6BAAA,CAHA,6CAAA,CACA,eAAA,CACA,+CCHJ,CDMI,uBANF,4BAOI,6CAAA,CACA,+CCHJ,CACF,CDME,wBACE,YAAA,CACA,QCJJ,CDMI,0BACE,YAAA,CACA,WCJN,CDQE,kCACE,kBCNJ,CDSE,oCACE,qBCPJ,CCxCE,sBACE,wCD2CJ,CCxCE,4BACE,wCD0CJ","file":"CardRadioLF.css","sourcesContent":["@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-card-radio {\n  display: flex;\n  flex-direction: column;\n  gap: calc(8 / var(--font-size-base) * 1rem);\n\n  &__legend {\n    display: contents;\n\n    & > p {\n      margin: 0;\n    }\n  }\n\n  &__label {\n    display: inline-flex;\n    gap: calc(4 / var(--font-size-base) * 1rem);\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    color: var(--card-radio-color);\n  }\n\n  &__description {\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: calc(16 / var(--font-size-base) * 1rem);\n    color: var(--card-radio-color);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n      line-height: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__options {\n    display: flex;\n    gap: 1rem;\n\n    > * {\n      flex-basis: 0;\n      flex-grow: 1;\n    }\n  }\n\n  &__options--vertical {\n    flex-direction: row;\n  }\n\n  &__options--horizontal {\n    flex-direction: column;\n  }\n}\n","@use \"CardRadioCommon\";\n\n.af-card-radio {\n  &__label {\n    --card-radio-color: var(--color-gray-900);\n  }\n\n  &__description {\n    --card-radio-color: var(--color-gray-700);\n  }\n}\n","@use \"CardRadioCommon\";\n\n.af-card-radio {\n  &__label {\n    --card-radio-color: var(--color-gray-900);\n  }\n\n  &__description {\n    --card-radio-color: var(--color-gray-700);\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/Form/Radio/CardRadio/CardRadioCommon.scss","../../../../src/Form/Radio/CardRadio/CardRadioLF.scss","../../../../src/Form/Radio/CardRadio/CardRadioLF.scss%23sass"],"names":[],"mappings":"AAEA,eACE,YAAA,CCDF,qBAAA,CDGE,sCCDF,CDGE,uBACE,gBCDJ,CDGI,yBACE,QCDN,CDKE,sBAIE,6BAAA,CAHA,cAAA,CACA,6CAAA,CACA,eCFJ,CDKI,2BACE,8CCHN,CDOE,4BAIE,6BAAA,CAHA,6CAAA,CACA,eAAA,CACA,+CCJJ,CDOI,uBANF,4BAOI,6CAAA,CACA,+CCJJ,CACF,CDOE,wBACE,YAAA,CACA,QCLJ,CDOI,0BACE,YAAA,CACA,WCLN,CDSE,kCACE,kBCPJ,CDUE,oCACE,qBCRJ,CC1CE,sBACE,wCD6CJ,CC1CE,4BACE,wCD4CJ","file":"CardRadioLF.css","sourcesContent":["@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-card-radio {\n  display: flex;\n  flex-direction: column;\n  gap: calc(8 / var(--font-size-base) * 1rem);\n\n  &__legend {\n    display: contents;\n\n    & > p {\n      margin: 0;\n    }\n  }\n\n  &__label {\n    display: inline;\n    font-size: calc(18 / var(--font-size-base) * 1rem);\n    font-weight: 600;\n    color: var(--card-radio-color);\n\n    span {\n      margin-left: calc(4 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__description {\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    line-height: calc(16 / var(--font-size-base) * 1rem);\n    color: var(--card-radio-color);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n      line-height: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &__options {\n    display: flex;\n    gap: 1rem;\n\n    > * {\n      flex-basis: 0;\n      flex-grow: 1;\n    }\n  }\n\n  &__options--vertical {\n    flex-direction: row;\n  }\n\n  &__options--horizontal {\n    flex-direction: column;\n  }\n}\n","@use \"CardRadioCommon\";\n\n.af-card-radio {\n  &__label {\n    --card-radio-color: var(--color-gray-900);\n  }\n\n  &__description {\n    --card-radio-color: var(--color-gray-700);\n  }\n}\n","@use \"CardRadioCommon\";\n\n.af-card-radio {\n  &__label {\n    --card-radio-color: var(--color-gray-900);\n  }\n\n  &__description {\n    --card-radio-color: var(--color-gray-700);\n  }\n}\n"]}

package/dist/Form/Radio/CardRadioOption/CardRadioOptionApollo.css

@@ -1 +1 @@
-.af-card-radio-option{--radio-option-border-width:1px;--radio-option-background-color:var(--white);align-items:center;background-color:var(--radio-option-background-color);border-radius:var(--radio-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--radio-option-gap);justify-content:space-between;outline:var(--radio-option-border-width) solid var(--radio-option-border-color);outline-offset:calc(var(--radio-option-border-width)*-1);padding:1rem;position:relative;text-align:center}.af-card-radio-option:focus-visible,.af-card-radio-option:focus-within,.af-card-radio-option:hover{--radio-option-border-width:2px;--radio-option-border-color:var(--axa-blue-100)}.af-card-radio-option__label{color:var(--radio-option-color-title);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-radio-option__label{font-size:calc(18/var(--font-size-base)*1rem)}}.af-card-radio-option:has(input:checked){--radio-option-border-width:2px}.af-card-radio-option:has(input:checked):focus-visible,.af-card-radio-option:has(input:checked):focus-within,.af-card-radio-option:has(input:checked):hover{--radio-option-border-width:3px}.af-card-radio-option:has(input:checked) .af-card-radio-option__label{font-weight:600}.af-card-radio-option__content{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--radio-option-gap);justify-content:space-between;text-align:center}.af-card-radio-option__description,.af-card-radio-option__subtitle{color:var(--radio-option-color-subtitle);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-radio-option__description,.af-card-radio-option__subtitle{font-size:1rem}}.af-card-radio-option--horizontal{flex-direction:row}.af-card-radio-option--horizontal .af-card-radio-option__content{align-items:flex-start}.af-card-radio-option--horizontal .af-radio{order:-1}.af-card-radio-option .af-icon{--icon-size:var(--icon-size-medium)}@media (width > 667px){.af-card-radio-option .af-icon{--icon-size:var(--icon-size-large)}}.af-card-radio-option{--radio-option-border-color:var(--axa-blue-65);--radio-option-color-title:var(--axa-blue-100);--radio-option-color-subtitle:var(--neutral-80);--radio-option-gap:calc(8/var(--font-size-base)*1rem);--radio-option-border-radius:var(--radius-8)}.af-card-radio-option:hover{--radio-option-border-color:var(--axa-blue-100)}.af-card-radio-option--horizontal{--radio-option-gap:calc(8/var(--font-size-base)*1rem)}.af-card-radio-option--horizontal .af-card-radio-option__content{--radio-option-gap:calc(4/var(--font-size-base)*1rem)}.af-card-radio-option--horizontal .af-radio{margin-right:calc(8/var(--font-size-base)*1rem)}.af-card-radio-option:not(.af-card-radio-option--horizontal) .af-radio{margin-top:calc(8/var(--font-size-base)*1rem)}.af-card-radio-option--invalid:not(:has(input:checked)){--radio-option-border-color:var(--red-alert-100);--radio-option-background-color:var(--axa-red-4);--radio-option-color-title:var(--neutral-80)}.af-card-radio-option:has(input:checked){--radio-option-background-color:var(--axa-blue-4);--radio-option-border-color:var(--axa-blue-100)}
+.af-card-radio-option{--radio-option-border-width:1px;--radio-option-background-color:var(--white);align-items:center;background-color:var(--radio-option-background-color);border-radius:var(--radio-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--radio-option-gap);justify-content:space-between;outline:var(--radio-option-border-width) solid var(--radio-option-border-color);outline-offset:calc(var(--radio-option-border-width)*-1);padding:1rem;position:relative;text-align:center}.af-card-radio-option:focus-visible,.af-card-radio-option:focus-within,.af-card-radio-option:hover{--radio-option-border-width:2px}.af-card-radio-option__label{color:var(--radio-option-color-title);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-radio-option__label{font-size:calc(18/var(--font-size-base)*1rem)}}.af-card-radio-option:has(input:checked) .af-card-radio-option__label{font-weight:600}.af-card-radio-option--invalid:not(:has(input:checked)),.af-card-radio-option:has(input:checked){--radio-option-border-width:2px}.af-card-radio-option--invalid:not(:has(input:checked)):focus-visible,.af-card-radio-option--invalid:not(:has(input:checked)):focus-within,.af-card-radio-option--invalid:not(:has(input:checked)):hover,.af-card-radio-option:has(input:checked):focus-visible,.af-card-radio-option:has(input:checked):focus-within,.af-card-radio-option:has(input:checked):hover{--radio-option-border-width:3px}.af-card-radio-option__content{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--radio-option-gap);justify-content:space-between;text-align:center}.af-card-radio-option__description,.af-card-radio-option__subtitle{color:var(--radio-option-color-subtitle);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-radio-option__description,.af-card-radio-option__subtitle{font-size:1rem}}.af-card-radio-option--horizontal{flex-direction:row}.af-card-radio-option--horizontal .af-card-radio-option__content{align-items:flex-start}.af-card-radio-option--horizontal .af-radio{order:-1}.af-card-radio-option .af-icon{--icon-size:var(--icon-size-medium)}@media (width > 667px){.af-card-radio-option .af-icon{--icon-size:var(--icon-size-large)}}.af-card-radio-option{--radio-option-border-color:var(--axa-blue-65);--radio-option-color-title:var(--axa-blue-100);--radio-option-color-subtitle:var(--neutral-80);--radio-option-gap:calc(8/var(--font-size-base)*1rem);--radio-option-border-radius:var(--radius-8)}.af-card-radio-option:focus-visible,.af-card-radio-option:focus-within,.af-card-radio-option:hover{--radio-option-border-color:var(--axa-blue-100)}.af-card-radio-option--horizontal{--radio-option-gap:calc(8/var(--font-size-base)*1rem)}.af-card-radio-option--horizontal .af-card-radio-option__content{--radio-option-gap:calc(4/var(--font-size-base)*1rem)}.af-card-radio-option--horizontal .af-radio{margin-right:calc(8/var(--font-size-base)*1rem)}.af-card-radio-option:not(.af-card-radio-option--horizontal) .af-radio{margin-top:calc(8/var(--font-size-base)*1rem)}.af-card-radio-option--invalid:not(:has(input:checked)){--radio-option-border-color:var(--red-alert-100);--radio-option-background-color:var(--axa-red-4);--radio-option-color-title:var(--neutral-80)}.af-card-radio-option:has(input:checked){--radio-option-background-color:var(--axa-blue-4);--radio-option-border-color:var(--axa-blue-100)}

package/dist/Form/Radio/CardRadioOption/CardRadioOptionApollo.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/Form/Radio/CardRadioOption/CardRadioOptionCommon.scss","../../../../src/Form/Radio/CardRadioOption/CardRadioOptionApollo.scss","../../../../src/Form/Radio/CardRadioOption/CardRadioOptionApollo.scss%23sass"],"names":[],"mappings":"AAEA,sBACE,+BAAA,CCDF,4CAAA,CDSE,kBAAA,CAIA,qDAAA,CANA,+CAAA,CAUA,cAAA,CAZA,YAAA,CAGA,qBAAA,CAGA,2BAAA,CADA,6BAAA,CAIA,+EAAA,CAEA,wDAAA,CAVA,YAAA,CAFA,iBAAA,CAQA,iBCEF,CDKE,mGAGE,+BAAA,CACA,+CCLJ,CDQE,6BAIE,qCAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCHJ,CDQI,uBANF,6BCCA,6CACA,CACF,CDQE,yCACE,+BCNJ,CDQI,4JAGE,+BCRN,CDWI,sECTJ,eACA,CDaE,+BAIE,kBAAA,CAHA,YAAA,CACA,qBAAA,CACA,WAAA,CAGA,2BAAA,CADA,6BAAA,CAEA,iBCXJ,CDcE,mEAKE,wCAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCVJ,CDeI,uBAPF,mEAQI,cCZJ,CACF,CDeE,kCACE,kBCbJ,CDeI,iEACE,sBCbN,CDgBI,4CACE,QCdN,CDkBE,+BACE,mCChBJ,CDkBI,uBAHF,+BAII,kCCfJ,CACF,CC3EA,sBACE,8CAAA,CACA,8CAAA,CACA,+CAAA,CACA,qDAAA,CACA,4CD8EF,CC5EE,4BACE,+CD8EJ,CC3EE,kCACE,qDD6EJ,CC3EI,iEACE,qDD6EN,CC1EI,4CACE,+CD4EN,CCxEE,uEACE,6CD0EJ,CCvEE,wDACE,gDAAA,CACA,gDAAA,CACA,4CDyEJ,CCtEE,yCACE,iDAAA,CACA,+CDwEJ","file":"CardRadioOptionApollo.css","sourcesContent":["@use \"../../../common/breakpoints\";\n\n.af-card-radio-option {\n  --radio-option-border-width: 1px;\n  --radio-option-background-color: var(--white);\n\n  position: relative;\n  display: flex;\n  padding: 1rem;\n  border-radius: var(--radio-option-border-radius);\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--radio-option-gap);\n  text-align: center;\n  background-color: var(--radio-option-background-color);\n  outline: var(--radio-option-border-width) solid\n    var(--radio-option-border-color);\n  outline-offset: calc(-1 * var(--radio-option-border-width));\n  cursor: pointer;\n\n  &:hover,\n  &:focus-visible,\n  &:focus-within {\n    --radio-option-border-width: 2px;\n    --radio-option-border-color: var(--axa-blue-100);\n  }\n\n  &__label {\n    margin: 0;\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    color: var(--radio-option-color-title);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &:has(input:checked) {\n    --radio-option-border-width: 2px;\n\n    &:hover,\n    &:focus-visible,\n    &:focus-within {\n      --radio-option-border-width: 3px;\n    }\n\n    & .af-card-radio-option__label {\n      font-weight: 600;\n    }\n  }\n\n  &__content {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--radio-option-gap);\n    text-align: center;\n  }\n\n  &__description,\n  &__subtitle {\n    margin: 0;\n    font-size: calc(14 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    color: var(--radio-option-color-subtitle);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: 1rem;\n    }\n  }\n\n  &--horizontal {\n    flex-direction: row;\n\n    & .af-card-radio-option__content {\n      align-items: flex-start;\n    }\n\n    & .af-radio {\n      order: -1;\n    }\n  }\n\n  & .af-icon {\n    --icon-size: var(--icon-size-medium);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      --icon-size: var(--icon-size-large);\n    }\n  }\n}\n","@use \"CardRadioOptionCommon\";\n\n.af-card-radio-option {\n  --radio-option-border-color: var(--axa-blue-65);\n  --radio-option-color-title: var(--axa-blue-100);\n  --radio-option-color-subtitle: var(--neutral-80);\n  --radio-option-gap: calc(8 / var(--font-size-base) * 1rem);\n  --radio-option-border-radius: var(--radius-8);\n\n  &:hover {\n    --radio-option-border-color: var(--axa-blue-100);\n  }\n\n  &--horizontal {\n    --radio-option-gap: calc(8 / var(--font-size-base) * 1rem);\n\n    & .af-card-radio-option__content {\n      --radio-option-gap: calc(4 / var(--font-size-base) * 1rem);\n    }\n\n    & .af-radio {\n      margin-right: calc(8 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &:not(&--horizontal) .af-radio {\n    margin-top: calc(8 / var(--font-size-base) * 1rem);\n  }\n\n  &--invalid:not(:has(input:checked)) {\n    --radio-option-border-color: var(--red-alert-100);\n    --radio-option-background-color: var(--axa-red-4);\n    --radio-option-color-title: var(--neutral-80);\n  }\n\n  &:has(input:checked) {\n    --radio-option-background-color: var(--axa-blue-4);\n    --radio-option-border-color: var(--axa-blue-100);\n  }\n}\n","@use \"CardRadioOptionCommon\";\n\n.af-card-radio-option {\n  --radio-option-border-color: var(--axa-blue-65);\n  --radio-option-color-title: var(--axa-blue-100);\n  --radio-option-color-subtitle: var(--neutral-80);\n  --radio-option-gap: calc(8 / var(--font-size-base) * 1rem);\n  --radio-option-border-radius: var(--radius-8);\n\n  &:hover {\n    --radio-option-border-color: var(--axa-blue-100);\n  }\n\n  &--horizontal {\n    --radio-option-gap: calc(8 / var(--font-size-base) * 1rem);\n\n    & .af-card-radio-option__content {\n      --radio-option-gap: calc(4 / var(--font-size-base) * 1rem);\n    }\n\n    & .af-radio {\n      margin-right: calc(8 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &:not(&--horizontal) .af-radio {\n    margin-top: calc(8 / var(--font-size-base) * 1rem);\n  }\n\n  &--invalid:not(:has(input:checked)) {\n    --radio-option-border-color: var(--red-alert-100);\n    --radio-option-background-color: var(--axa-red-4);\n    --radio-option-color-title: var(--neutral-80);\n  }\n\n  &:has(input:checked) {\n    --radio-option-background-color: var(--axa-blue-4);\n    --radio-option-border-color: var(--axa-blue-100);\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/Form/Radio/CardRadioOption/CardRadioOptionCommon.scss","../../../../src/Form/Radio/CardRadioOption/CardRadioOptionApollo.scss","../../../../src/Form/Radio/CardRadioOption/CardRadioOptionApollo.scss%23sass"],"names":[],"mappings":"AAEA,sBACE,+BAAA,CCDF,4CAAA,CDSE,kBAAA,CAIA,qDAAA,CANA,+CAAA,CAUA,cAAA,CAZA,YAAA,CAGA,qBAAA,CAGA,2BAAA,CADA,6BAAA,CAIA,+EAAA,CAEA,wDAAA,CAVA,YAAA,CAFA,iBAAA,CAQA,iBCEF,CDKE,mGAGE,+BCLJ,CDQE,6BAIE,qCAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCHJ,CDQI,uBANF,6BAOI,6CCLJ,CACF,CDQE,sEACE,eCNJ,CDSE,iGAEE,+BCRJ,CDUI,qWAGE,+BCVN,CDcE,+BAIE,kBAAA,CChBJ,YAAA,CDcI,qBAAA,CACA,WAAA,CAGA,2BAAA,CADA,6BAAA,CAEA,iBCZJ,CDeE,mEAKE,wCAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCXJ,CDgBI,uBAPF,mEAQI,cCbJ,CACF,CDgBE,kCACE,kBCdJ,CDgBI,iEACE,sBCdN,CDiBI,4CACE,QCfN,CDmBE,+BACE,mCCjBJ,CDmBI,uBAHF,+BAII,kCChBJ,CACF,CC1EA,sBACE,8CAAA,CACA,8CAAA,CACA,+CAAA,CACA,qDAAA,CACA,4CD6EF,CC3EE,mGAGE,+CD2EJ,CCxEE,kCACE,qDD0EJ,CCxEI,iEACE,qDD0EN,CCvEI,4CACE,+CDyEN,CCrEE,uEACE,6CDuEJ,CCpEE,wDACE,gDAAA,CACA,gDAAA,CACA,4CDsEJ,CCnEE,yCACE,iDAAA,CACA,+CDqEJ","file":"CardRadioOptionApollo.css","sourcesContent":["@use \"../../../common/breakpoints\";\n\n.af-card-radio-option {\n  --radio-option-border-width: 1px;\n  --radio-option-background-color: var(--white);\n\n  position: relative;\n  display: flex;\n  padding: 1rem;\n  border-radius: var(--radio-option-border-radius);\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--radio-option-gap);\n  text-align: center;\n  background-color: var(--radio-option-background-color);\n  outline: var(--radio-option-border-width) solid\n    var(--radio-option-border-color);\n  outline-offset: calc(-1 * var(--radio-option-border-width));\n  cursor: pointer;\n\n  &:hover,\n  &:focus-visible,\n  &:focus-within {\n    --radio-option-border-width: 2px;\n  }\n\n  &__label {\n    margin: 0;\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    color: var(--radio-option-color-title);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &:has(input:checked) .af-card-radio-option__label {\n    font-weight: 600;\n  }\n\n  &:has(input:checked),\n  &--invalid:not(:has(input:checked)) {\n    --radio-option-border-width: 2px;\n\n    &:hover,\n    &:focus-visible,\n    &:focus-within {\n      --radio-option-border-width: 3px;\n    }\n  }\n\n  &__content {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--radio-option-gap);\n    text-align: center;\n  }\n\n  &__description,\n  &__subtitle {\n    margin: 0;\n    font-size: calc(14 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    color: var(--radio-option-color-subtitle);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: 1rem;\n    }\n  }\n\n  &--horizontal {\n    flex-direction: row;\n\n    & .af-card-radio-option__content {\n      align-items: flex-start;\n    }\n\n    & .af-radio {\n      order: -1;\n    }\n  }\n\n  & .af-icon {\n    --icon-size: var(--icon-size-medium);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      --icon-size: var(--icon-size-large);\n    }\n  }\n}\n","@use \"CardRadioOptionCommon\";\n\n.af-card-radio-option {\n  --radio-option-border-color: var(--axa-blue-65);\n  --radio-option-color-title: var(--axa-blue-100);\n  --radio-option-color-subtitle: var(--neutral-80);\n  --radio-option-gap: calc(8 / var(--font-size-base) * 1rem);\n  --radio-option-border-radius: var(--radius-8);\n\n  &:hover,\n  &:focus-visible,\n  &:focus-within {\n    --radio-option-border-color: var(--axa-blue-100);\n  }\n\n  &--horizontal {\n    --radio-option-gap: calc(8 / var(--font-size-base) * 1rem);\n\n    & .af-card-radio-option__content {\n      --radio-option-gap: calc(4 / var(--font-size-base) * 1rem);\n    }\n\n    & .af-radio {\n      margin-right: calc(8 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &:not(&--horizontal) .af-radio {\n    margin-top: calc(8 / var(--font-size-base) * 1rem);\n  }\n\n  &--invalid:not(:has(input:checked)) {\n    --radio-option-border-color: var(--red-alert-100);\n    --radio-option-background-color: var(--axa-red-4);\n    --radio-option-color-title: var(--neutral-80);\n  }\n\n  &:has(input:checked) {\n    --radio-option-background-color: var(--axa-blue-4);\n    --radio-option-border-color: var(--axa-blue-100);\n  }\n}\n","@use \"CardRadioOptionCommon\";\n\n.af-card-radio-option {\n  --radio-option-border-color: var(--axa-blue-65);\n  --radio-option-color-title: var(--axa-blue-100);\n  --radio-option-color-subtitle: var(--neutral-80);\n  --radio-option-gap: calc(8 / var(--font-size-base) * 1rem);\n  --radio-option-border-radius: var(--radius-8);\n\n  &:hover,\n  &:focus-visible,\n  &:focus-within {\n    --radio-option-border-color: var(--axa-blue-100);\n  }\n\n  &--horizontal {\n    --radio-option-gap: calc(8 / var(--font-size-base) * 1rem);\n\n    & .af-card-radio-option__content {\n      --radio-option-gap: calc(4 / var(--font-size-base) * 1rem);\n    }\n\n    & .af-radio {\n      margin-right: calc(8 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &:not(&--horizontal) .af-radio {\n    margin-top: calc(8 / var(--font-size-base) * 1rem);\n  }\n\n  &--invalid:not(:has(input:checked)) {\n    --radio-option-border-color: var(--red-alert-100);\n    --radio-option-background-color: var(--axa-red-4);\n    --radio-option-color-title: var(--neutral-80);\n  }\n\n  &:has(input:checked) {\n    --radio-option-background-color: var(--axa-blue-4);\n    --radio-option-border-color: var(--axa-blue-100);\n  }\n}\n"]}

package/dist/Form/Radio/CardRadioOption/CardRadioOptionApollo.scss

@@ -7,7 +7,9 @@
   --radio-option-gap: calc(8 / var(--font-size-base) * 1rem);
   --radio-option-border-radius: var(--radius-8);
 
-  &:hover {
+  &:hover,
+  &:focus-visible,
+  &:focus-within {
     --radio-option-border-color: var(--axa-blue-100);
   }
 

package/dist/Form/Radio/CardRadioOption/CardRadioOptionCommon.css

@@ -1 +1 @@
-.af-card-radio-option{--radio-option-border-width:1px;--radio-option-background-color:var(--white);align-items:center;background-color:var(--radio-option-background-color);border-radius:var(--radio-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--radio-option-gap);justify-content:space-between;outline:var(--radio-option-border-width) solid var(--radio-option-border-color);outline-offset:calc(var(--radio-option-border-width)*-1);padding:1rem;position:relative;text-align:center}.af-card-radio-option:focus-visible,.af-card-radio-option:focus-within,.af-card-radio-option:hover{--radio-option-border-width:2px;--radio-option-border-color:var(--axa-blue-100)}.af-card-radio-option__label{color:var(--radio-option-color-title);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-radio-option__label{font-size:calc(18/var(--font-size-base)*1rem)}}.af-card-radio-option:has(input:checked){--radio-option-border-width:2px}.af-card-radio-option:has(input:checked):focus-visible,.af-card-radio-option:has(input:checked):focus-within,.af-card-radio-option:has(input:checked):hover{--radio-option-border-width:3px}.af-card-radio-option:has(input:checked) .af-card-radio-option__label{font-weight:600}.af-card-radio-option__content{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--radio-option-gap);justify-content:space-between;text-align:center}.af-card-radio-option__description,.af-card-radio-option__subtitle{color:var(--radio-option-color-subtitle);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-radio-option__description,.af-card-radio-option__subtitle{font-size:1rem}}.af-card-radio-option--horizontal{flex-direction:row}.af-card-radio-option--horizontal .af-card-radio-option__content{align-items:flex-start}.af-card-radio-option--horizontal .af-radio{order:-1}.af-card-radio-option .af-icon{--icon-size:var(--icon-size-medium)}@media (width > 667px){.af-card-radio-option .af-icon{--icon-size:var(--icon-size-large)}}
+.af-card-radio-option{--radio-option-border-width:1px;--radio-option-background-color:var(--white);align-items:center;background-color:var(--radio-option-background-color);border-radius:var(--radio-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--radio-option-gap);justify-content:space-between;outline:var(--radio-option-border-width) solid var(--radio-option-border-color);outline-offset:calc(var(--radio-option-border-width)*-1);padding:1rem;position:relative;text-align:center}.af-card-radio-option:focus-visible,.af-card-radio-option:focus-within,.af-card-radio-option:hover{--radio-option-border-width:2px}.af-card-radio-option__label{color:var(--radio-option-color-title);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-radio-option__label{font-size:calc(18/var(--font-size-base)*1rem)}}.af-card-radio-option:has(input:checked) .af-card-radio-option__label{font-weight:600}.af-card-radio-option--invalid:not(:has(input:checked)),.af-card-radio-option:has(input:checked){--radio-option-border-width:2px}.af-card-radio-option--invalid:not(:has(input:checked)):focus-visible,.af-card-radio-option--invalid:not(:has(input:checked)):focus-within,.af-card-radio-option--invalid:not(:has(input:checked)):hover,.af-card-radio-option:has(input:checked):focus-visible,.af-card-radio-option:has(input:checked):focus-within,.af-card-radio-option:has(input:checked):hover{--radio-option-border-width:3px}.af-card-radio-option__content{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--radio-option-gap);justify-content:space-between;text-align:center}.af-card-radio-option__description,.af-card-radio-option__subtitle{color:var(--radio-option-color-subtitle);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-radio-option__description,.af-card-radio-option__subtitle{font-size:1rem}}.af-card-radio-option--horizontal{flex-direction:row}.af-card-radio-option--horizontal .af-card-radio-option__content{align-items:flex-start}.af-card-radio-option--horizontal .af-radio{order:-1}.af-card-radio-option .af-icon{--icon-size:var(--icon-size-medium)}@media (width > 667px){.af-card-radio-option .af-icon{--icon-size:var(--icon-size-large)}}

package/dist/Form/Radio/CardRadioOption/CardRadioOptionCommon.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/Form/Radio/CardRadioOption/CardRadioOptionCommon.scss%23sass","../../../../src/Form/Radio/CardRadioOption/CardRadioOptionCommon.scss"],"names":[],"mappings":"AAEA,sBACE,+BAAA,CCDF,4CAAA,CDSE,kBAAA,CAIA,qDAAA,CANA,+CAAA,CAUA,cAAA,CAZA,YAAA,CAGA,qBAAA,CAGA,2BAAA,CADA,6BAAA,CAIA,+EAAA,CAEA,wDAAA,CAVA,YAAA,CAFA,iBAAA,CAQA,iBCEF,CDKE,mGAGE,+BAAA,CACA,+CCLJ,CDQE,6BAIE,qCAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCHJ,CDQI,uBANF,6BAOI,6CCLJ,CACF,CDQE,yCACE,+BCNJ,CDQI,4JAGE,+BCRN,CDWI,sEACE,eCTN,CDaE,+BAIE,kBAAA,CAHA,YAAA,CACA,qBAAA,CACA,WAAA,CAGA,2BAAA,CADA,6BAAA,CAEA,iBCXJ,CDcE,mEAKE,wCAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCVJ,CDeI,uBAPF,mEAQI,cCZJ,CACF,CDeE,kCACE,kBCbJ,CDeI,iEACE,sBCbN,CDgBI,4CACE,QCdN,CDkBE,+BACE,mCChBJ,CDkBI,uBAHF,+BCZA,kCACA,CACF","file":"CardRadioOptionCommon.css","sourcesContent":["@use \"../../../common/breakpoints\";\n\n.af-card-radio-option {\n  --radio-option-border-width: 1px;\n  --radio-option-background-color: var(--white);\n\n  position: relative;\n  display: flex;\n  padding: 1rem;\n  border-radius: var(--radio-option-border-radius);\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--radio-option-gap);\n  text-align: center;\n  background-color: var(--radio-option-background-color);\n  outline: var(--radio-option-border-width) solid\n    var(--radio-option-border-color);\n  outline-offset: calc(-1 * var(--radio-option-border-width));\n  cursor: pointer;\n\n  &:hover,\n  &:focus-visible,\n  &:focus-within {\n    --radio-option-border-width: 2px;\n    --radio-option-border-color: var(--axa-blue-100);\n  }\n\n  &__label {\n    margin: 0;\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    color: var(--radio-option-color-title);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &:has(input:checked) {\n    --radio-option-border-width: 2px;\n\n    &:hover,\n    &:focus-visible,\n    &:focus-within {\n      --radio-option-border-width: 3px;\n    }\n\n    & .af-card-radio-option__label {\n      font-weight: 600;\n    }\n  }\n\n  &__content {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--radio-option-gap);\n    text-align: center;\n  }\n\n  &__description,\n  &__subtitle {\n    margin: 0;\n    font-size: calc(14 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    color: var(--radio-option-color-subtitle);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: 1rem;\n    }\n  }\n\n  &--horizontal {\n    flex-direction: row;\n\n    & .af-card-radio-option__content {\n      align-items: flex-start;\n    }\n\n    & .af-radio {\n      order: -1;\n    }\n  }\n\n  & .af-icon {\n    --icon-size: var(--icon-size-medium);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      --icon-size: var(--icon-size-large);\n    }\n  }\n}\n","@use \"../../../common/breakpoints\";\n\n.af-card-radio-option {\n  --radio-option-border-width: 1px;\n  --radio-option-background-color: var(--white);\n\n  position: relative;\n  display: flex;\n  padding: 1rem;\n  border-radius: var(--radio-option-border-radius);\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--radio-option-gap);\n  text-align: center;\n  background-color: var(--radio-option-background-color);\n  outline: var(--radio-option-border-width) solid\n    var(--radio-option-border-color);\n  outline-offset: calc(-1 * var(--radio-option-border-width));\n  cursor: pointer;\n\n  &:hover,\n  &:focus-visible,\n  &:focus-within {\n    --radio-option-border-width: 2px;\n    --radio-option-border-color: var(--axa-blue-100);\n  }\n\n  &__label {\n    margin: 0;\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    color: var(--radio-option-color-title);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &:has(input:checked) {\n    --radio-option-border-width: 2px;\n\n    &:hover,\n    &:focus-visible,\n    &:focus-within {\n      --radio-option-border-width: 3px;\n    }\n\n    & .af-card-radio-option__label {\n      font-weight: 600;\n    }\n  }\n\n  &__content {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--radio-option-gap);\n    text-align: center;\n  }\n\n  &__description,\n  &__subtitle {\n    margin: 0;\n    font-size: calc(14 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    color: var(--radio-option-color-subtitle);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: 1rem;\n    }\n  }\n\n  &--horizontal {\n    flex-direction: row;\n\n    & .af-card-radio-option__content {\n      align-items: flex-start;\n    }\n\n    & .af-radio {\n      order: -1;\n    }\n  }\n\n  & .af-icon {\n    --icon-size: var(--icon-size-medium);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      --icon-size: var(--icon-size-large);\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/Form/Radio/CardRadioOption/CardRadioOptionCommon.scss%23sass","../../../../src/Form/Radio/CardRadioOption/CardRadioOptionCommon.scss"],"names":[],"mappings":"AAEA,sBACE,+BAAA,CCDF,4CAAA,CDSE,kBAAA,CAIA,qDAAA,CANA,+CAAA,CAUA,cAAA,CAZA,YAAA,CAGA,qBAAA,CAGA,2BAAA,CADA,6BAAA,CAIA,+EAAA,CAEA,wDAAA,CAVA,YAAA,CAFA,iBAAA,CAQA,iBCEF,CDKE,mGAGE,+BCLJ,CDQE,6BAIE,qCAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCHJ,CDQI,uBANF,6BAOI,6CCLJ,CACF,CDQE,sEACE,eCNJ,CDSE,iGAEE,+BCRJ,CDUI,qWAGE,+BCVN,CDcE,+BAIE,kBAAA,CAHA,YAAA,CACA,qBAAA,CACA,WAAA,CAGA,2BAAA,CADA,6BAAA,CAEA,iBCZJ,CDeE,mEAKE,wCAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCXJ,CDgBI,uBAPF,mEAQI,cCbJ,CACF,CDgBE,kCACE,kBCdJ,CDgBI,iEACE,sBCdN,CDiBI,4CACE,QCfN,CDmBE,+BACE,mCCjBJ,CDmBI,uBAHF,+BAII,kCChBJ,CACF","file":"CardRadioOptionCommon.css","sourcesContent":["@use \"../../../common/breakpoints\";\n\n.af-card-radio-option {\n  --radio-option-border-width: 1px;\n  --radio-option-background-color: var(--white);\n\n  position: relative;\n  display: flex;\n  padding: 1rem;\n  border-radius: var(--radio-option-border-radius);\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--radio-option-gap);\n  text-align: center;\n  background-color: var(--radio-option-background-color);\n  outline: var(--radio-option-border-width) solid\n    var(--radio-option-border-color);\n  outline-offset: calc(-1 * var(--radio-option-border-width));\n  cursor: pointer;\n\n  &:hover,\n  &:focus-visible,\n  &:focus-within {\n    --radio-option-border-width: 2px;\n  }\n\n  &__label {\n    margin: 0;\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    color: var(--radio-option-color-title);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &:has(input:checked) .af-card-radio-option__label {\n    font-weight: 600;\n  }\n\n  &:has(input:checked),\n  &--invalid:not(:has(input:checked)) {\n    --radio-option-border-width: 2px;\n\n    &:hover,\n    &:focus-visible,\n    &:focus-within {\n      --radio-option-border-width: 3px;\n    }\n  }\n\n  &__content {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--radio-option-gap);\n    text-align: center;\n  }\n\n  &__description,\n  &__subtitle {\n    margin: 0;\n    font-size: calc(14 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    color: var(--radio-option-color-subtitle);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: 1rem;\n    }\n  }\n\n  &--horizontal {\n    flex-direction: row;\n\n    & .af-card-radio-option__content {\n      align-items: flex-start;\n    }\n\n    & .af-radio {\n      order: -1;\n    }\n  }\n\n  & .af-icon {\n    --icon-size: var(--icon-size-medium);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      --icon-size: var(--icon-size-large);\n    }\n  }\n}\n","@use \"../../../common/breakpoints\";\n\n.af-card-radio-option {\n  --radio-option-border-width: 1px;\n  --radio-option-background-color: var(--white);\n\n  position: relative;\n  display: flex;\n  padding: 1rem;\n  border-radius: var(--radio-option-border-radius);\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--radio-option-gap);\n  text-align: center;\n  background-color: var(--radio-option-background-color);\n  outline: var(--radio-option-border-width) solid\n    var(--radio-option-border-color);\n  outline-offset: calc(-1 * var(--radio-option-border-width));\n  cursor: pointer;\n\n  &:hover,\n  &:focus-visible,\n  &:focus-within {\n    --radio-option-border-width: 2px;\n  }\n\n  &__label {\n    margin: 0;\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    color: var(--radio-option-color-title);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &:has(input:checked) .af-card-radio-option__label {\n    font-weight: 600;\n  }\n\n  &:has(input:checked),\n  &--invalid:not(:has(input:checked)) {\n    --radio-option-border-width: 2px;\n\n    &:hover,\n    &:focus-visible,\n    &:focus-within {\n      --radio-option-border-width: 3px;\n    }\n  }\n\n  &__content {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--radio-option-gap);\n    text-align: center;\n  }\n\n  &__description,\n  &__subtitle {\n    margin: 0;\n    font-size: calc(14 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    color: var(--radio-option-color-subtitle);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: 1rem;\n    }\n  }\n\n  &--horizontal {\n    flex-direction: row;\n\n    & .af-card-radio-option__content {\n      align-items: flex-start;\n    }\n\n    & .af-radio {\n      order: -1;\n    }\n  }\n\n  & .af-icon {\n    --icon-size: var(--icon-size-medium);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      --icon-size: var(--icon-size-large);\n    }\n  }\n}\n"]}

package/dist/Form/Radio/CardRadioOption/CardRadioOptionCommon.scss

@@ -23,7 +23,6 @@
   &:focus-visible,
   &:focus-within {
     --radio-option-border-width: 2px;
-    --radio-option-border-color: var(--axa-blue-100);
   }
 
   &__label {
@@ -37,7 +36,12 @@
     }
   }
 
-  &:has(input:checked) {
+  &:has(input:checked) .af-card-radio-option__label {
+    font-weight: 600;
+  }
+
+  &:has(input:checked),
+  &--invalid:not(:has(input:checked)) {
     --radio-option-border-width: 2px;
 
     &:hover,
@@ -45,10 +49,6 @@
     &:focus-within {
       --radio-option-border-width: 3px;
     }
-
-    & .af-card-radio-option__label {
-      font-weight: 600;
-    }
   }
 
   &__content {

package/dist/Form/Radio/CardRadioOption/CardRadioOptionLF.css

@@ -1 +1 @@
-.af-card-radio-option{--radio-option-border-width:1px;--radio-option-background-color:var(--white);align-items:center;background-color:var(--radio-option-background-color);border-radius:var(--radio-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--radio-option-gap);justify-content:space-between;outline:var(--radio-option-border-width) solid var(--radio-option-border-color);outline-offset:calc(var(--radio-option-border-width)*-1);padding:1rem;position:relative;text-align:center}.af-card-radio-option:focus-visible,.af-card-radio-option:focus-within,.af-card-radio-option:hover{--radio-option-border-width:2px;--radio-option-border-color:var(--axa-blue-100)}.af-card-radio-option__label{color:var(--radio-option-color-title);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-radio-option__label{font-size:calc(18/var(--font-size-base)*1rem)}}.af-card-radio-option:has(input:checked){--radio-option-border-width:2px}.af-card-radio-option:has(input:checked):focus-visible,.af-card-radio-option:has(input:checked):focus-within,.af-card-radio-option:has(input:checked):hover{--radio-option-border-width:3px}.af-card-radio-option:has(input:checked) .af-card-radio-option__label{font-weight:600}.af-card-radio-option__content{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--radio-option-gap);justify-content:space-between;text-align:center}.af-card-radio-option__description,.af-card-radio-option__subtitle{color:var(--radio-option-color-subtitle);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-radio-option__description,.af-card-radio-option__subtitle{font-size:1rem}}.af-card-radio-option--horizontal{flex-direction:row}.af-card-radio-option--horizontal .af-card-radio-option__content{align-items:flex-start}.af-card-radio-option--horizontal .af-radio{order:-1}.af-card-radio-option .af-icon{--icon-size:var(--icon-size-medium)}@media (width > 667px){.af-card-radio-option .af-icon{--icon-size:var(--icon-size-large)}}.af-card-radio-option{--radio-option-border-color:var(--color-gray-700);--radio-option-color-title:var(--color-gray-900);--radio-option-color-subtitle:var(--color-gray-700);--radio-option-gap:calc(8/var(--font-size-base)*1rem);--radio-option-border-radius:var(--radius-4)}.af-card-radio-option:hover{--radio-option-border-color:var(--color-axa)}.af-card-radio-option:not(.af-card-radio-option--horizontal) .af-radio{left:calc(12/var(--font-size-base)*1rem);position:absolute;top:calc(12/var(--font-size-base)*1rem)}@media (width > 667px){.af-card-radio-option:not(.af-card-radio-option--horizontal) .af-radio{left:calc(16/var(--font-size-base)*1rem);top:calc(16/var(--font-size-base)*1rem)}}.af-card-radio-option .af-card-radio-option__content{--radio-option-gap:calc(4/var(--font-size-base)*1rem)}.af-card-radio-option--horizontal{column-gap:calc(12/var(--font-size-base)*1rem)}.af-card-radio-option--invalid:not(:has(input:checked)){--radio-option-border-color:var(--color-red-700)}.af-card-radio-option:has(input:checked){--radio-option-background-color:var(--color-blue-2);--radio-option-border-color:var(--color-axa)}
+.af-card-radio-option{--radio-option-border-width:1px;--radio-option-background-color:var(--white);align-items:center;background-color:var(--radio-option-background-color);border-radius:var(--radio-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--radio-option-gap);justify-content:space-between;outline:var(--radio-option-border-width) solid var(--radio-option-border-color);outline-offset:calc(var(--radio-option-border-width)*-1);padding:1rem;position:relative;text-align:center}.af-card-radio-option:focus-visible,.af-card-radio-option:focus-within,.af-card-radio-option:hover{--radio-option-border-width:2px}.af-card-radio-option__label{color:var(--radio-option-color-title);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-radio-option__label{font-size:calc(18/var(--font-size-base)*1rem)}}.af-card-radio-option:has(input:checked) .af-card-radio-option__label{font-weight:600}.af-card-radio-option--invalid:not(:has(input:checked)),.af-card-radio-option:has(input:checked){--radio-option-border-width:2px}.af-card-radio-option--invalid:not(:has(input:checked)):focus-visible,.af-card-radio-option--invalid:not(:has(input:checked)):focus-within,.af-card-radio-option--invalid:not(:has(input:checked)):hover,.af-card-radio-option:has(input:checked):focus-visible,.af-card-radio-option:has(input:checked):focus-within,.af-card-radio-option:has(input:checked):hover{--radio-option-border-width:3px}.af-card-radio-option__content{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--radio-option-gap);justify-content:space-between;text-align:center}.af-card-radio-option__description,.af-card-radio-option__subtitle{color:var(--radio-option-color-subtitle);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-radio-option__description,.af-card-radio-option__subtitle{font-size:1rem}}.af-card-radio-option--horizontal{flex-direction:row}.af-card-radio-option--horizontal .af-card-radio-option__content{align-items:flex-start}.af-card-radio-option--horizontal .af-radio{order:-1}.af-card-radio-option .af-icon{--icon-size:var(--icon-size-medium)}@media (width > 667px){.af-card-radio-option .af-icon{--icon-size:var(--icon-size-large)}}.af-card-radio-option{--radio-option-border-color:var(--color-gray-700);--radio-option-color-title:var(--color-gray-900);--radio-option-color-subtitle:var(--color-gray-700);--radio-option-gap:calc(8/var(--font-size-base)*1rem);--radio-option-border-radius:var(--radius-4)}.af-card-radio-option:focus-visible,.af-card-radio-option:focus-within,.af-card-radio-option:hover{--radio-option-border-color:var(--color-axa)}.af-card-radio-option:not(.af-card-radio-option--horizontal) .af-radio{left:calc(12/var(--font-size-base)*1rem);position:absolute;top:calc(12/var(--font-size-base)*1rem)}@media (width > 667px){.af-card-radio-option:not(.af-card-radio-option--horizontal) .af-radio{left:calc(16/var(--font-size-base)*1rem);top:calc(16/var(--font-size-base)*1rem)}}.af-card-radio-option .af-card-radio-option__content{--radio-option-gap:calc(4/var(--font-size-base)*1rem)}.af-card-radio-option--horizontal{column-gap:calc(12/var(--font-size-base)*1rem)}.af-card-radio-option--invalid:not(:has(input:checked)){--radio-option-border-color:var(--color-red-700)}.af-card-radio-option:has(input:checked){--radio-option-background-color:var(--color-blue-2);--radio-option-border-color:var(--color-axa)}

package/dist/Form/Radio/CardRadioOption/CardRadioOptionLF.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/Form/Radio/CardRadioOption/CardRadioOptionCommon.scss","../../../../src/Form/Radio/CardRadioOption/CardRadioOptionLF.scss","../../../../src/Form/Radio/CardRadioOption/CardRadioOptionLF.scss%23sass"],"names":[],"mappings":"AAEA,sBCDA,+BDEE,CACA,4CAAA,CAOA,kBAAA,CAIA,qDAAA,CANA,+CAAA,CAUA,cAAA,CAZA,YAAA,CAGA,qBAAA,CAGA,2BAAA,CADA,6BAAA,CAIA,+EAAA,CAEA,wDAAA,CAVA,YAAA,CCLF,iBAAA,CDWE,iBCEF,CDKE,mGAGE,+BAAA,CACA,+CCLJ,CDQE,6BAIE,qCAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCHJ,CDQI,uBANF,6BCCA,6CACA,CACF,CDQE,yCACE,+BCNJ,CDQI,4JAGE,+BCRN,CDWI,sEACE,eCTN,CDaE,+BAIE,kBAAA,CAHA,YAAA,CACA,qBAAA,CACA,WAAA,CAGA,2BAAA,CADA,6BAAA,CAEA,iBCXJ,CDcE,mEAKE,wCAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCVJ,CDeI,uBAPF,mEAQI,cCZJ,CACF,CDeE,kCACE,kBCbJ,CDeI,iEACE,sBCbN,CDgBI,4CACE,QCdN,CDkBE,+BACE,mCChBJ,CDkBI,uBAHF,+BAII,kCCfJ,CACF,CC1EA,sBACE,iDAAA,CACA,gDAAA,CACA,mDAAA,CACA,qDAAA,CACA,4CD6EF,CC3EE,4BACE,4CD6EJ,CC1EE,uEAGE,wCAAA,CAFA,iBAAA,CACA,uCD6EJ,CC1EI,uBALF,uEAOI,wCAAA,CADA,uCD8EJ,CACF,CC1EE,qDACE,qDD4EJ,CCzEE,kCACE,8CD2EJ,CCxEE,wDACE,gDD0EJ,CCvEE,yCACE,mDAAA,CACA,4CDyEJ","file":"CardRadioOptionLF.css","sourcesContent":["@use \"../../../common/breakpoints\";\n\n.af-card-radio-option {\n  --radio-option-border-width: 1px;\n  --radio-option-background-color: var(--white);\n\n  position: relative;\n  display: flex;\n  padding: 1rem;\n  border-radius: var(--radio-option-border-radius);\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--radio-option-gap);\n  text-align: center;\n  background-color: var(--radio-option-background-color);\n  outline: var(--radio-option-border-width) solid\n    var(--radio-option-border-color);\n  outline-offset: calc(-1 * var(--radio-option-border-width));\n  cursor: pointer;\n\n  &:hover,\n  &:focus-visible,\n  &:focus-within {\n    --radio-option-border-width: 2px;\n    --radio-option-border-color: var(--axa-blue-100);\n  }\n\n  &__label {\n    margin: 0;\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    color: var(--radio-option-color-title);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &:has(input:checked) {\n    --radio-option-border-width: 2px;\n\n    &:hover,\n    &:focus-visible,\n    &:focus-within {\n      --radio-option-border-width: 3px;\n    }\n\n    & .af-card-radio-option__label {\n      font-weight: 600;\n    }\n  }\n\n  &__content {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--radio-option-gap);\n    text-align: center;\n  }\n\n  &__description,\n  &__subtitle {\n    margin: 0;\n    font-size: calc(14 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    color: var(--radio-option-color-subtitle);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: 1rem;\n    }\n  }\n\n  &--horizontal {\n    flex-direction: row;\n\n    & .af-card-radio-option__content {\n      align-items: flex-start;\n    }\n\n    & .af-radio {\n      order: -1;\n    }\n  }\n\n  & .af-icon {\n    --icon-size: var(--icon-size-medium);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      --icon-size: var(--icon-size-large);\n    }\n  }\n}\n","@use \"CardRadioOptionCommon\";\n@use \"../../../common/breakpoints\";\n\n.af-card-radio-option {\n  --radio-option-border-color: var(--color-gray-700);\n  --radio-option-color-title: var(--color-gray-900);\n  --radio-option-color-subtitle: var(--color-gray-700);\n  --radio-option-gap: calc(8 / var(--font-size-base) * 1rem);\n  --radio-option-border-radius: var(--radius-4);\n\n  &:hover {\n    --radio-option-border-color: var(--color-axa);\n  }\n\n  &:not(&--horizontal) .af-radio {\n    position: absolute;\n    top: calc(12 / var(--font-size-base) * 1rem);\n    left: calc(12 / var(--font-size-base) * 1rem);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      top: calc(16 / var(--font-size-base) * 1rem);\n      left: calc(16 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  & .af-card-radio-option__content {\n    --radio-option-gap: calc(4 / var(--font-size-base) * 1rem);\n  }\n\n  &--horizontal {\n    column-gap: calc(12 / var(--font-size-base) * 1rem);\n  }\n\n  &--invalid:not(:has(input:checked)) {\n    --radio-option-border-color: var(--color-red-700);\n  }\n\n  &:has(input:checked) {\n    --radio-option-background-color: var(--color-blue-2);\n    --radio-option-border-color: var(--color-axa);\n  }\n}\n","@use \"CardRadioOptionCommon\";\n@use \"../../../common/breakpoints\";\n\n.af-card-radio-option {\n  --radio-option-border-color: var(--color-gray-700);\n  --radio-option-color-title: var(--color-gray-900);\n  --radio-option-color-subtitle: var(--color-gray-700);\n  --radio-option-gap: calc(8 / var(--font-size-base) * 1rem);\n  --radio-option-border-radius: var(--radius-4);\n\n  &:hover {\n    --radio-option-border-color: var(--color-axa);\n  }\n\n  &:not(&--horizontal) .af-radio {\n    position: absolute;\n    top: calc(12 / var(--font-size-base) * 1rem);\n    left: calc(12 / var(--font-size-base) * 1rem);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      top: calc(16 / var(--font-size-base) * 1rem);\n      left: calc(16 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  & .af-card-radio-option__content {\n    --radio-option-gap: calc(4 / var(--font-size-base) * 1rem);\n  }\n\n  &--horizontal {\n    column-gap: calc(12 / var(--font-size-base) * 1rem);\n  }\n\n  &--invalid:not(:has(input:checked)) {\n    --radio-option-border-color: var(--color-red-700);\n  }\n\n  &:has(input:checked) {\n    --radio-option-background-color: var(--color-blue-2);\n    --radio-option-border-color: var(--color-axa);\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/Form/Radio/CardRadioOption/CardRadioOptionCommon.scss","../../../../src/Form/Radio/CardRadioOption/CardRadioOptionLF.scss","../../../../src/Form/Radio/CardRadioOption/CardRadioOptionLF.scss%23sass"],"names":[],"mappings":"AAEA,sBCDA,+BDEE,CACA,4CAAA,CAOA,kBAAA,CAIA,qDAAA,CANA,+CAAA,CAUA,cAAA,CAZA,YAAA,CAGA,qBAAA,CAGA,2BAAA,CADA,6BAAA,CAIA,+EAAA,CAEA,wDAAA,CAVA,YAAA,CCLF,iBAAA,CDWE,iBCEF,CDKE,mGAGE,+BCLJ,CDQE,6BAIE,qCAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCHJ,CDQI,uBANF,6BAOI,6CCLJ,CACF,CDQE,sEACE,eCNJ,CDSE,iGAEE,+BCRJ,CDUI,qWAGE,+BCVN,CDcE,+BAIE,kBAAA,CAHA,YAAA,CACA,qBAAA,CCZJ,WAAA,CDgBI,2BAAA,CADA,6BAAA,CAEA,iBCZJ,CDeE,mEAKE,wCAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCXJ,CDgBI,uBAPF,mEAQI,cCbJ,CACF,CDgBE,kCACE,kBCdJ,CDgBI,iEACE,sBCdN,CDiBI,4CACE,QCfN,CDmBE,+BACE,mCCjBJ,CDmBI,uBAHF,+BAII,kCChBJ,CACF,CCzEA,sBACE,iDAAA,CACA,gDAAA,CACA,mDAAA,CACA,qDAAA,CACA,4CD4EF,CC1EE,mGAGE,4CD0EJ,CCvEE,uEAGE,wCAAA,CAFA,iBAAA,CACA,uCD0EJ,CCvEI,uBALF,uEAOI,wCAAA,CADA,uCD2EJ,CACF,CCvEE,qDACE,qDDyEJ,CCtEE,kCACE,8CDwEJ,CCrEE,wDACE,gDDuEJ,CCpEE,yCACE,mDAAA,CACA,4CDsEJ","file":"CardRadioOptionLF.css","sourcesContent":["@use \"../../../common/breakpoints\";\n\n.af-card-radio-option {\n  --radio-option-border-width: 1px;\n  --radio-option-background-color: var(--white);\n\n  position: relative;\n  display: flex;\n  padding: 1rem;\n  border-radius: var(--radio-option-border-radius);\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--radio-option-gap);\n  text-align: center;\n  background-color: var(--radio-option-background-color);\n  outline: var(--radio-option-border-width) solid\n    var(--radio-option-border-color);\n  outline-offset: calc(-1 * var(--radio-option-border-width));\n  cursor: pointer;\n\n  &:hover,\n  &:focus-visible,\n  &:focus-within {\n    --radio-option-border-width: 2px;\n  }\n\n  &__label {\n    margin: 0;\n    font-size: calc(16 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    color: var(--radio-option-color-title);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: calc(18 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  &:has(input:checked) .af-card-radio-option__label {\n    font-weight: 600;\n  }\n\n  &:has(input:checked),\n  &--invalid:not(:has(input:checked)) {\n    --radio-option-border-width: 2px;\n\n    &:hover,\n    &:focus-visible,\n    &:focus-within {\n      --radio-option-border-width: 3px;\n    }\n  }\n\n  &__content {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--radio-option-gap);\n    text-align: center;\n  }\n\n  &__description,\n  &__subtitle {\n    margin: 0;\n    font-size: calc(14 / var(--font-size-base) * 1rem);\n    font-weight: 400;\n    color: var(--radio-option-color-subtitle);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      font-size: 1rem;\n    }\n  }\n\n  &--horizontal {\n    flex-direction: row;\n\n    & .af-card-radio-option__content {\n      align-items: flex-start;\n    }\n\n    & .af-radio {\n      order: -1;\n    }\n  }\n\n  & .af-icon {\n    --icon-size: var(--icon-size-medium);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      --icon-size: var(--icon-size-large);\n    }\n  }\n}\n","@use \"CardRadioOptionCommon\";\n@use \"../../../common/breakpoints\";\n\n.af-card-radio-option {\n  --radio-option-border-color: var(--color-gray-700);\n  --radio-option-color-title: var(--color-gray-900);\n  --radio-option-color-subtitle: var(--color-gray-700);\n  --radio-option-gap: calc(8 / var(--font-size-base) * 1rem);\n  --radio-option-border-radius: var(--radius-4);\n\n  &:hover,\n  &:focus-visible,\n  &:focus-within {\n    --radio-option-border-color: var(--color-axa);\n  }\n\n  &:not(&--horizontal) .af-radio {\n    position: absolute;\n    top: calc(12 / var(--font-size-base) * 1rem);\n    left: calc(12 / var(--font-size-base) * 1rem);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      top: calc(16 / var(--font-size-base) * 1rem);\n      left: calc(16 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  & .af-card-radio-option__content {\n    --radio-option-gap: calc(4 / var(--font-size-base) * 1rem);\n  }\n\n  &--horizontal {\n    column-gap: calc(12 / var(--font-size-base) * 1rem);\n  }\n\n  &--invalid:not(:has(input:checked)) {\n    --radio-option-border-color: var(--color-red-700);\n  }\n\n  &:has(input:checked) {\n    --radio-option-background-color: var(--color-blue-2);\n    --radio-option-border-color: var(--color-axa);\n  }\n}\n","@use \"CardRadioOptionCommon\";\n@use \"../../../common/breakpoints\";\n\n.af-card-radio-option {\n  --radio-option-border-color: var(--color-gray-700);\n  --radio-option-color-title: var(--color-gray-900);\n  --radio-option-color-subtitle: var(--color-gray-700);\n  --radio-option-gap: calc(8 / var(--font-size-base) * 1rem);\n  --radio-option-border-radius: var(--radius-4);\n\n  &:hover,\n  &:focus-visible,\n  &:focus-within {\n    --radio-option-border-color: var(--color-axa);\n  }\n\n  &:not(&--horizontal) .af-radio {\n    position: absolute;\n    top: calc(12 / var(--font-size-base) * 1rem);\n    left: calc(12 / var(--font-size-base) * 1rem);\n\n    @media (width > #{breakpoints.$breakpoint-sm}) {\n      top: calc(16 / var(--font-size-base) * 1rem);\n      left: calc(16 / var(--font-size-base) * 1rem);\n    }\n  }\n\n  & .af-card-radio-option__content {\n    --radio-option-gap: calc(4 / var(--font-size-base) * 1rem);\n  }\n\n  &--horizontal {\n    column-gap: calc(12 / var(--font-size-base) * 1rem);\n  }\n\n  &--invalid:not(:has(input:checked)) {\n    --radio-option-border-color: var(--color-red-700);\n  }\n\n  &:has(input:checked) {\n    --radio-option-background-color: var(--color-blue-2);\n    --radio-option-border-color: var(--color-axa);\n  }\n}\n"]}

package/dist/Form/Radio/CardRadioOption/CardRadioOptionLF.scss

@@ -8,7 +8,9 @@
   --radio-option-gap: calc(8 / var(--font-size-base) * 1rem);
   --radio-option-border-radius: var(--radius-4);
 
-  &:hover {
+  &:hover,
+  &:focus-visible,
+  &:focus-within {
     --radio-option-border-color: var(--color-axa);
   }