@axa-fr/design-system-apollo-css 2.0.4-alpha.16 → 2.0.4-alpha.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.css +1 -1
  2. package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.css.map +1 -1
  3. package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.css +1 -1
  4. package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.css.map +1 -1
  5. package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.scss +1 -0
  6. package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.css +1 -1
  7. package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.css.map +1 -1
  8. package/dist/Form/Checkbox/Checkbox/CheckboxApollo.css +1 -1
  9. package/dist/Form/Checkbox/Checkbox/CheckboxApollo.css.map +1 -1
  10. package/dist/Form/Checkbox/Checkbox/CheckboxCommon.css +1 -1
  11. package/dist/Form/Checkbox/Checkbox/CheckboxCommon.css.map +1 -1
  12. package/dist/Form/Checkbox/Checkbox/CheckboxCommon.scss +1 -0
  13. package/dist/Form/Checkbox/Checkbox/CheckboxLF.css +1 -1
  14. package/dist/Form/Checkbox/Checkbox/CheckboxLF.css.map +1 -1
  15. package/dist/Form/Radio/CardRadioOption/CardRadioOptionApollo.css +1 -1
  16. package/dist/Form/Radio/CardRadioOption/CardRadioOptionApollo.css.map +1 -1
  17. package/dist/Form/Radio/CardRadioOption/CardRadioOptionCommon.css +1 -1
  18. package/dist/Form/Radio/CardRadioOption/CardRadioOptionCommon.css.map +1 -1
  19. package/dist/Form/Radio/CardRadioOption/CardRadioOptionCommon.scss +1 -0
  20. package/dist/Form/Radio/CardRadioOption/CardRadioOptionLF.css +1 -1
  21. package/dist/Form/Radio/CardRadioOption/CardRadioOptionLF.css.map +1 -1
  22. package/dist/Form/Radio/Radio/RadioApollo.css +1 -1
  23. package/dist/Form/Radio/Radio/RadioApollo.css.map +1 -1
  24. package/dist/Form/Radio/Radio/RadioCommon.css +1 -1
  25. package/dist/Form/Radio/Radio/RadioCommon.css.map +1 -1
  26. package/dist/Form/Radio/Radio/RadioCommon.scss +1 -0
  27. package/dist/Form/Radio/Radio/RadioLF.css +1 -1
  28. package/dist/Form/Radio/Radio/RadioLF.css.map +1 -1
  29. package/dist/apollo.css +1 -1
  30. package/dist/apollo.css.map +1 -1
  31. package/dist/look-and-feel.css +1 -1
  32. package/dist/look-and-feel.css.map +1 -1
  33. package/package.json +1 -1
package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.css CHANGED
@@ -1 +1 @@
1
- .af-card-checkbox-option{--checkbox-option-border-width:1px;--checkbox-option-background-color:var(--white);align-items:center;background-color:var(--checkbox-option-background-color);border-radius:var(--checkbox-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--checkbox-option-gap);justify-content:space-between;outline:var(--checkbox-option-border-width) solid var(--checkbox-option-border-color);outline-offset:calc(var(--checkbox-option-border-width)*-1);padding:1rem;position:relative;text-align:center}.af-card-checkbox-option:focus-visible,.af-card-checkbox-option:focus-within,.af-card-checkbox-option:hover{--checkbox-option-border-width:2px}.af-card-checkbox-option__label{color:var(--checkbox-option-color-title);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-checkbox-option__label{font-size:calc(18/var(--font-size-base)*1rem)}}.af-card-checkbox-option:has(input:checked) .af-card-checkbox-option__label{font-weight:600}.af-card-checkbox-option:has(input:checked),.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)){--checkbox-option-border-width:2px}.af-card-checkbox-option:has(input:checked):focus-visible,.af-card-checkbox-option:has(input:checked):focus-within,.af-card-checkbox-option:has(input:checked):hover,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):focus-visible,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):focus-within,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):hover{--checkbox-option-border-width:3px}.af-card-checkbox-option__content{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--checkbox-option-gap);justify-content:space-between;text-align:center}.af-card-checkbox-option__description,.af-card-checkbox-option__subtitle{color:var(--checkbox-option-color-subtitle);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-checkbox-option__description,.af-card-checkbox-option__subtitle{font-size:1rem}}.af-card-checkbox-option--horizontal{flex-direction:row}.af-card-checkbox-option--horizontal .af-card-checkbox-option__content{align-items:flex-start}.af-card-checkbox-option--horizontal .af-checkbox{order:-1}.af-card-checkbox-option .af-icon{--icon-size:var(--icon-size-medium)}@media (width > 667px){.af-card-checkbox-option .af-icon{--icon-size:var(--icon-size-large)}}.af-card-checkbox-option{--checkbox-option-border-color:var(--axa-blue-65);--checkbox-option-color-title:var(--axa-blue-100);--checkbox-option-color-subtitle:var(--neutral-80);--checkbox-option-gap:calc(8/var(--font-size-base)*1rem);--checkbox-option-border-radius:var(--radius-8)}.af-card-checkbox-option:focus-visible,.af-card-checkbox-option:focus-within,.af-card-checkbox-option:hover{--checkbox-option-border-color:var(--axa-blue-100)}.af-card-checkbox-option--horizontal{--checkbox-option-gap:calc(8/var(--font-size-base)*1rem)}.af-card-checkbox-option--horizontal .af-card-checkbox-option__content{--checkbox-option-gap:calc(4/var(--font-size-base)*1rem)}.af-card-checkbox-option--horizontal .af-checkbox{margin-right:calc(8/var(--font-size-base)*1rem)}.af-card-checkbox-option:not(.af-card-checkbox-option--horizontal) .af-checkbox{margin-top:calc(8/var(--font-size-base)*1rem)}.af-card-checkbox-option:has(input:checked){--checkbox-option-background-color:var(--axa-blue-4);--checkbox-option-border-color:var(--axa-blue-100)}.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)){--checkbox-option-border-color:var(--red-alert-100);--checkbox-option-background-color:var(--axa-red-4);--checkbox-option-color-title:var(--neutral-80)}
1
+ .af-card-checkbox-option{--checkbox-option-border-width:1px;--checkbox-option-background-color:var(--white);align-items:center;background-color:var(--checkbox-option-background-color);border-radius:var(--checkbox-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--checkbox-option-gap);justify-content:space-between;outline:var(--checkbox-option-border-width) solid var(--checkbox-option-border-color);outline-offset:calc(var(--checkbox-option-border-width)*-1);padding:1rem;position:relative;text-align:center}.af-card-checkbox-option:focus-visible,.af-card-checkbox-option:focus-within,.af-card-checkbox-option:hover{--checkbox-option-border-width:2px}.af-card-checkbox-option__label{color:var(--checkbox-option-color-title);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-checkbox-option__label{font-size:calc(18/var(--font-size-base)*1rem)}}.af-card-checkbox-option:has(input:checked) .af-card-checkbox-option__label{font-weight:600}.af-card-checkbox-option:has(input:checked),.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)){--checkbox-option-border-width:2px}.af-card-checkbox-option:has(input:checked):focus-visible,.af-card-checkbox-option:has(input:checked):focus-within,.af-card-checkbox-option:has(input:checked):hover,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):focus-visible,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):focus-within,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):hover{--checkbox-option-border-width:3px}.af-card-checkbox-option__content{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--checkbox-option-gap);justify-content:space-between;text-align:center}.af-card-checkbox-option__description,.af-card-checkbox-option__subtitle{color:var(--checkbox-option-color-subtitle);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-checkbox-option__description,.af-card-checkbox-option__subtitle{font-size:1rem}}.af-card-checkbox-option--horizontal{flex-direction:row}.af-card-checkbox-option--horizontal .af-card-checkbox-option__content{align-items:flex-start;text-align:left}.af-card-checkbox-option--horizontal .af-checkbox{order:-1}.af-card-checkbox-option .af-icon{--icon-size:var(--icon-size-medium)}@media (width > 667px){.af-card-checkbox-option .af-icon{--icon-size:var(--icon-size-large)}}.af-card-checkbox-option{--checkbox-option-border-color:var(--axa-blue-65);--checkbox-option-color-title:var(--axa-blue-100);--checkbox-option-color-subtitle:var(--neutral-80);--checkbox-option-gap:calc(8/var(--font-size-base)*1rem);--checkbox-option-border-radius:var(--radius-8)}.af-card-checkbox-option:focus-visible,.af-card-checkbox-option:focus-within,.af-card-checkbox-option:hover{--checkbox-option-border-color:var(--axa-blue-100)}.af-card-checkbox-option--horizontal{--checkbox-option-gap:calc(8/var(--font-size-base)*1rem)}.af-card-checkbox-option--horizontal .af-card-checkbox-option__content{--checkbox-option-gap:calc(4/var(--font-size-base)*1rem)}.af-card-checkbox-option--horizontal .af-checkbox{margin-right:calc(8/var(--font-size-base)*1rem)}.af-card-checkbox-option:not(.af-card-checkbox-option--horizontal) .af-checkbox{margin-top:calc(8/var(--font-size-base)*1rem)}.af-card-checkbox-option:has(input:checked){--checkbox-option-background-color:var(--axa-blue-4);--checkbox-option-border-color:var(--axa-blue-100)}.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)){--checkbox-option-border-color:var(--red-alert-100);--checkbox-option-background-color:var(--axa-red-4);--checkbox-option-color-title:var(--neutral-80)}
package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.scss","../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.scss","../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.scss%23sass"],"names":[],"mappings":"AAEA,yBACE,kCAAA,CCDF,+CAAA,CDSE,kBAAA,CAIA,wDAAA,CANA,kDAAA,CAUA,cAAA,CAZA,YAAA,CAGA,qBAAA,CAGA,8BAAA,CADA,6BAAA,CAIA,qFAAA,CAEA,2DAAA,CAVA,YAAA,CAFA,iBAAA,CAQA,iBCEF,CDKE,4GAGE,kCCLJ,CDQE,gCAIE,wCAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCHJ,CDQI,uBANF,gCAOI,6CCLJ,CACF,CDQE,4EACE,eCNJ,CDSE,4HAEE,kCCPJ,CDUI,sbAKE,kCCZN,CDgBE,kCAIE,kBAAA,CAHA,YAAA,CACA,qBAAA,CACA,WAAA,CAGA,8BAAA,CADA,6BAAA,CAEA,iBCdJ,CDiBE,yEAKE,2CAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCbJ,CDkBI,uBAPF,yEAQI,cCfJ,CACF,CDkBE,qCACE,kBChBJ,CDkBI,uEACE,sBChBN,CDmBI,kDACE,QCjBN,CDqBE,kCACE,mCCnBJ,CDqBI,uBAHF,kCAII,kCClBJ,CACF,CC3EA,yBACE,iDAAA,CACA,iDAAA,CACA,kDAAA,CACA,wDAAA,CACA,+CD8EF,CC5EE,4GAGE,kDD4EJ,CCzEE,qCACE,wDD2EJ,CCzEI,uEACE,wDD2EN,CCxEI,kDACE,+CD0EN,CCtEE,gFACE,6CDwEJ,CCrEE,4CACE,oDAAA,CACA,kDDuEJ,CCpEE,gFACE,mDAAA,CACA,mDAAA,CACA,+CDsEJ","file":"CardCheckboxOptionApollo.css","sourcesContent":["@use \"../../../common/breakpoints\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-width: 1px;\n --checkbox-option-background-color: var(--white);\n\n position: relative;\n display: flex;\n padding: 1rem;\n border-radius: var(--checkbox-option-border-radius);\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n gap: var(--checkbox-option-gap);\n text-align: center;\n background-color: var(--checkbox-option-background-color);\n outline: var(--checkbox-option-border-width) solid\n var(--checkbox-option-border-color);\n outline-offset: calc(-1 * var(--checkbox-option-border-width));\n cursor: pointer;\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-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(--checkbox-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-checkbox-option__label {\n font-weight: 600;\n }\n\n &:has(input:checked),\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-width: 2px;\n\n /* stylelint-disable-next-line no-descending-specificity */\n &:hover,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-visible,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-within {\n --checkbox-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(--checkbox-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(--checkbox-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-checkbox-option__content {\n align-items: flex-start;\n }\n\n & .af-checkbox {\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 \"CardCheckboxOptionCommon\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-color: var(--axa-blue-65);\n --checkbox-option-color-title: var(--axa-blue-100);\n --checkbox-option-color-subtitle: var(--neutral-80);\n --checkbox-option-gap: calc(8 / var(--font-size-base) * 1rem);\n --checkbox-option-border-radius: var(--radius-8);\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-option-border-color: var(--axa-blue-100);\n }\n\n &--horizontal {\n --checkbox-option-gap: calc(8 / var(--font-size-base) * 1rem);\n\n & .af-card-checkbox-option__content {\n --checkbox-option-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n & .af-checkbox {\n margin-right: calc(8 / var(--font-size-base) * 1rem);\n }\n }\n\n &:not(&--horizontal) .af-checkbox {\n margin-top: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &:has(input:checked) {\n --checkbox-option-background-color: var(--axa-blue-4);\n --checkbox-option-border-color: var(--axa-blue-100);\n }\n\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-color: var(--red-alert-100);\n --checkbox-option-background-color: var(--axa-red-4);\n --checkbox-option-color-title: var(--neutral-80);\n }\n}\n","@use \"CardCheckboxOptionCommon\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-color: var(--axa-blue-65);\n --checkbox-option-color-title: var(--axa-blue-100);\n --checkbox-option-color-subtitle: var(--neutral-80);\n --checkbox-option-gap: calc(8 / var(--font-size-base) * 1rem);\n --checkbox-option-border-radius: var(--radius-8);\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-option-border-color: var(--axa-blue-100);\n }\n\n &--horizontal {\n --checkbox-option-gap: calc(8 / var(--font-size-base) * 1rem);\n\n & .af-card-checkbox-option__content {\n --checkbox-option-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n & .af-checkbox {\n margin-right: calc(8 / var(--font-size-base) * 1rem);\n }\n }\n\n &:not(&--horizontal) .af-checkbox {\n margin-top: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &:has(input:checked) {\n --checkbox-option-background-color: var(--axa-blue-4);\n --checkbox-option-border-color: var(--axa-blue-100);\n }\n\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-color: var(--red-alert-100);\n --checkbox-option-background-color: var(--axa-red-4);\n --checkbox-option-color-title: var(--neutral-80);\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.scss","../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.scss","../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.scss%23sass"],"names":[],"mappings":"AAEA,yBACE,kCAAA,CCDF,+CAAA,CDSE,kBAAA,CAIA,wDAAA,CANA,kDAAA,CAUA,cAAA,CAZA,YAAA,CAGA,qBAAA,CAGA,8BAAA,CADA,6BAAA,CAIA,qFAAA,CAEA,2DAAA,CAVA,YAAA,CAFA,iBAAA,CAQA,iBCEF,CDKE,4GAGE,kCCLJ,CDQE,gCAIE,wCAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCHJ,CDQI,uBANF,gCAOI,6CCLJ,CACF,CDQE,4EACE,eCNJ,CDSE,4HAEE,kCCPJ,CDUI,sbAKE,kCCZN,CDgBE,kCAIE,kBAAA,CAHA,YAAA,CACA,qBAAA,CACA,WAAA,CAGA,8BAAA,CADA,6BAAA,CAEA,iBCdJ,CDiBE,yEAKE,2CAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCbJ,CDkBI,uBAPF,yEAQI,cCfJ,CACF,CDkBE,qCACE,kBChBJ,CDkBI,uEACE,sBAAA,CACA,eChBN,CDmBI,kDACE,QCjBN,CDqBE,kCACE,mCCnBJ,CDqBI,uBAHF,kCAII,kCClBJ,CACF,CC5EA,yBACE,iDAAA,CACA,iDAAA,CACA,kDAAA,CACA,wDAAA,CACA,+CD+EF,CC7EE,4GAGE,kDD6EJ,CC1EE,qCACE,wDD4EJ,CC1EI,uEACE,wDD4EN,CCzEI,kDACE,+CD2EN,CCvEE,gFACE,6CDyEJ,CCtEE,4CACE,oDAAA,CACA,kDDwEJ,CCrEE,gFACE,mDAAA,CACA,mDAAA,CACA,+CDuEJ","file":"CardCheckboxOptionApollo.css","sourcesContent":["@use \"../../../common/breakpoints\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-width: 1px;\n --checkbox-option-background-color: var(--white);\n\n position: relative;\n display: flex;\n padding: 1rem;\n border-radius: var(--checkbox-option-border-radius);\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n gap: var(--checkbox-option-gap);\n text-align: center;\n background-color: var(--checkbox-option-background-color);\n outline: var(--checkbox-option-border-width) solid\n var(--checkbox-option-border-color);\n outline-offset: calc(-1 * var(--checkbox-option-border-width));\n cursor: pointer;\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-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(--checkbox-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-checkbox-option__label {\n font-weight: 600;\n }\n\n &:has(input:checked),\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-width: 2px;\n\n /* stylelint-disable-next-line no-descending-specificity */\n &:hover,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-visible,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-within {\n --checkbox-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(--checkbox-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(--checkbox-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-checkbox-option__content {\n align-items: flex-start;\n text-align: left;\n }\n\n & .af-checkbox {\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 \"CardCheckboxOptionCommon\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-color: var(--axa-blue-65);\n --checkbox-option-color-title: var(--axa-blue-100);\n --checkbox-option-color-subtitle: var(--neutral-80);\n --checkbox-option-gap: calc(8 / var(--font-size-base) * 1rem);\n --checkbox-option-border-radius: var(--radius-8);\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-option-border-color: var(--axa-blue-100);\n }\n\n &--horizontal {\n --checkbox-option-gap: calc(8 / var(--font-size-base) * 1rem);\n\n & .af-card-checkbox-option__content {\n --checkbox-option-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n & .af-checkbox {\n margin-right: calc(8 / var(--font-size-base) * 1rem);\n }\n }\n\n &:not(&--horizontal) .af-checkbox {\n margin-top: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &:has(input:checked) {\n --checkbox-option-background-color: var(--axa-blue-4);\n --checkbox-option-border-color: var(--axa-blue-100);\n }\n\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-color: var(--red-alert-100);\n --checkbox-option-background-color: var(--axa-red-4);\n --checkbox-option-color-title: var(--neutral-80);\n }\n}\n","@use \"CardCheckboxOptionCommon\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-color: var(--axa-blue-65);\n --checkbox-option-color-title: var(--axa-blue-100);\n --checkbox-option-color-subtitle: var(--neutral-80);\n --checkbox-option-gap: calc(8 / var(--font-size-base) * 1rem);\n --checkbox-option-border-radius: var(--radius-8);\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-option-border-color: var(--axa-blue-100);\n }\n\n &--horizontal {\n --checkbox-option-gap: calc(8 / var(--font-size-base) * 1rem);\n\n & .af-card-checkbox-option__content {\n --checkbox-option-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n & .af-checkbox {\n margin-right: calc(8 / var(--font-size-base) * 1rem);\n }\n }\n\n &:not(&--horizontal) .af-checkbox {\n margin-top: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &:has(input:checked) {\n --checkbox-option-background-color: var(--axa-blue-4);\n --checkbox-option-border-color: var(--axa-blue-100);\n }\n\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-color: var(--red-alert-100);\n --checkbox-option-background-color: var(--axa-red-4);\n --checkbox-option-color-title: var(--neutral-80);\n }\n}\n"]}
package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.css CHANGED
@@ -1 +1 @@
1
- .af-card-checkbox-option{--checkbox-option-border-width:1px;--checkbox-option-background-color:var(--white);align-items:center;background-color:var(--checkbox-option-background-color);border-radius:var(--checkbox-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--checkbox-option-gap);justify-content:space-between;outline:var(--checkbox-option-border-width) solid var(--checkbox-option-border-color);outline-offset:calc(var(--checkbox-option-border-width)*-1);padding:1rem;position:relative;text-align:center}.af-card-checkbox-option:focus-visible,.af-card-checkbox-option:focus-within,.af-card-checkbox-option:hover{--checkbox-option-border-width:2px}.af-card-checkbox-option__label{color:var(--checkbox-option-color-title);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-checkbox-option__label{font-size:calc(18/var(--font-size-base)*1rem)}}.af-card-checkbox-option:has(input:checked) .af-card-checkbox-option__label{font-weight:600}.af-card-checkbox-option:has(input:checked),.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)){--checkbox-option-border-width:2px}.af-card-checkbox-option:has(input:checked):focus-visible,.af-card-checkbox-option:has(input:checked):focus-within,.af-card-checkbox-option:has(input:checked):hover,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):focus-visible,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):focus-within,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):hover{--checkbox-option-border-width:3px}.af-card-checkbox-option__content{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--checkbox-option-gap);justify-content:space-between;text-align:center}.af-card-checkbox-option__description,.af-card-checkbox-option__subtitle{color:var(--checkbox-option-color-subtitle);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-checkbox-option__description,.af-card-checkbox-option__subtitle{font-size:1rem}}.af-card-checkbox-option--horizontal{flex-direction:row}.af-card-checkbox-option--horizontal .af-card-checkbox-option__content{align-items:flex-start}.af-card-checkbox-option--horizontal .af-checkbox{order:-1}.af-card-checkbox-option .af-icon{--icon-size:var(--icon-size-medium)}@media (width > 667px){.af-card-checkbox-option .af-icon{--icon-size:var(--icon-size-large)}}
1
+ .af-card-checkbox-option{--checkbox-option-border-width:1px;--checkbox-option-background-color:var(--white);align-items:center;background-color:var(--checkbox-option-background-color);border-radius:var(--checkbox-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--checkbox-option-gap);justify-content:space-between;outline:var(--checkbox-option-border-width) solid var(--checkbox-option-border-color);outline-offset:calc(var(--checkbox-option-border-width)*-1);padding:1rem;position:relative;text-align:center}.af-card-checkbox-option:focus-visible,.af-card-checkbox-option:focus-within,.af-card-checkbox-option:hover{--checkbox-option-border-width:2px}.af-card-checkbox-option__label{color:var(--checkbox-option-color-title);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-checkbox-option__label{font-size:calc(18/var(--font-size-base)*1rem)}}.af-card-checkbox-option:has(input:checked) .af-card-checkbox-option__label{font-weight:600}.af-card-checkbox-option:has(input:checked),.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)){--checkbox-option-border-width:2px}.af-card-checkbox-option:has(input:checked):focus-visible,.af-card-checkbox-option:has(input:checked):focus-within,.af-card-checkbox-option:has(input:checked):hover,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):focus-visible,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):focus-within,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):hover{--checkbox-option-border-width:3px}.af-card-checkbox-option__content{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--checkbox-option-gap);justify-content:space-between;text-align:center}.af-card-checkbox-option__description,.af-card-checkbox-option__subtitle{color:var(--checkbox-option-color-subtitle);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-checkbox-option__description,.af-card-checkbox-option__subtitle{font-size:1rem}}.af-card-checkbox-option--horizontal{flex-direction:row}.af-card-checkbox-option--horizontal .af-card-checkbox-option__content{align-items:flex-start;text-align:left}.af-card-checkbox-option--horizontal .af-checkbox{order:-1}.af-card-checkbox-option .af-icon{--icon-size:var(--icon-size-medium)}@media (width > 667px){.af-card-checkbox-option .af-icon{--icon-size:var(--icon-size-large)}}
package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.scss%23sass","../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.scss"],"names":[],"mappings":"AAEA,yBACE,kCAAA,CCDF,+CAAA,CDSE,kBAAA,CAIA,wDAAA,CANA,kDAAA,CAUA,cAAA,CAZA,YAAA,CAGA,qBAAA,CAGA,8BAAA,CADA,6BAAA,CAIA,qFAAA,CAEA,2DAAA,CAVA,YAAA,CAFA,iBAAA,CAQA,iBCEF,CDKE,4GAGE,kCCLJ,CDQE,gCAIE,wCAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCHJ,CDQI,uBANF,gCAOI,6CCLJ,CACF,CDQE,4EACE,eCNJ,CDSE,4HAEE,kCCPJ,CDUI,sbAKE,kCCZN,CDgBE,kCAIE,kBAAA,CAHA,YAAA,CACA,qBAAA,CACA,WAAA,CAGA,8BAAA,CADA,6BAAA,CAEA,iBCdJ,CDiBE,yEAKE,2CAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCbJ,CDkBI,uBAPF,yEAQI,cCfJ,CACF,CDkBE,qCACE,kBChBJ,CDkBI,uEACE,sBChBN,CDmBI,kDACE,QCjBN,CDqBE,kCACE,mCCnBJ,CDqBI,uBAHF,kCAII,kCClBJ,CACF","file":"CardCheckboxOptionCommon.css","sourcesContent":["@use \"../../../common/breakpoints\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-width: 1px;\n --checkbox-option-background-color: var(--white);\n\n position: relative;\n display: flex;\n padding: 1rem;\n border-radius: var(--checkbox-option-border-radius);\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n gap: var(--checkbox-option-gap);\n text-align: center;\n background-color: var(--checkbox-option-background-color);\n outline: var(--checkbox-option-border-width) solid\n var(--checkbox-option-border-color);\n outline-offset: calc(-1 * var(--checkbox-option-border-width));\n cursor: pointer;\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-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(--checkbox-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-checkbox-option__label {\n font-weight: 600;\n }\n\n &:has(input:checked),\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-width: 2px;\n\n /* stylelint-disable-next-line no-descending-specificity */\n &:hover,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-visible,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-within {\n --checkbox-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(--checkbox-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(--checkbox-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-checkbox-option__content {\n align-items: flex-start;\n }\n\n & .af-checkbox {\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-checkbox-option {\n --checkbox-option-border-width: 1px;\n --checkbox-option-background-color: var(--white);\n\n position: relative;\n display: flex;\n padding: 1rem;\n border-radius: var(--checkbox-option-border-radius);\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n gap: var(--checkbox-option-gap);\n text-align: center;\n background-color: var(--checkbox-option-background-color);\n outline: var(--checkbox-option-border-width) solid\n var(--checkbox-option-border-color);\n outline-offset: calc(-1 * var(--checkbox-option-border-width));\n cursor: pointer;\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-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(--checkbox-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-checkbox-option__label {\n font-weight: 600;\n }\n\n &:has(input:checked),\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-width: 2px;\n\n /* stylelint-disable-next-line no-descending-specificity */\n &:hover,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-visible,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-within {\n --checkbox-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(--checkbox-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(--checkbox-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-checkbox-option__content {\n align-items: flex-start;\n }\n\n & .af-checkbox {\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"]}
1
+ {"version":3,"sources":["../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.scss%23sass","../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.scss"],"names":[],"mappings":"AAEA,yBACE,kCAAA,CCDF,+CAAA,CDSE,kBAAA,CAIA,wDAAA,CANA,kDAAA,CAUA,cAAA,CAZA,YAAA,CAGA,qBAAA,CAGA,8BAAA,CADA,6BAAA,CAIA,qFAAA,CAEA,2DAAA,CAVA,YAAA,CAFA,iBAAA,CAQA,iBCEF,CDKE,4GAGE,kCCLJ,CDQE,gCAIE,wCAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCHJ,CDQI,uBANF,gCAOI,6CCLJ,CACF,CDQE,4EACE,eCNJ,CDSE,4HAEE,kCCPJ,CDUI,sbAKE,kCCZN,CDgBE,kCAIE,kBAAA,CAHA,YAAA,CACA,qBAAA,CACA,WAAA,CAGA,8BAAA,CADA,6BAAA,CAEA,iBCdJ,CDiBE,yEAKE,2CAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCbJ,CDkBI,uBAPF,yEAQI,cCfJ,CACF,CDkBE,qCACE,kBChBJ,CDkBI,uEACE,sBAAA,CACA,eChBN,CDmBI,kDACE,QCjBN,CDqBE,kCACE,mCCnBJ,CDqBI,uBAHF,kCCfA,kCACA,CACF","file":"CardCheckboxOptionCommon.css","sourcesContent":["@use \"../../../common/breakpoints\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-width: 1px;\n --checkbox-option-background-color: var(--white);\n\n position: relative;\n display: flex;\n padding: 1rem;\n border-radius: var(--checkbox-option-border-radius);\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n gap: var(--checkbox-option-gap);\n text-align: center;\n background-color: var(--checkbox-option-background-color);\n outline: var(--checkbox-option-border-width) solid\n var(--checkbox-option-border-color);\n outline-offset: calc(-1 * var(--checkbox-option-border-width));\n cursor: pointer;\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-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(--checkbox-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-checkbox-option__label {\n font-weight: 600;\n }\n\n &:has(input:checked),\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-width: 2px;\n\n /* stylelint-disable-next-line no-descending-specificity */\n &:hover,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-visible,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-within {\n --checkbox-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(--checkbox-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(--checkbox-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-checkbox-option__content {\n align-items: flex-start;\n text-align: left;\n }\n\n & .af-checkbox {\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-checkbox-option {\n --checkbox-option-border-width: 1px;\n --checkbox-option-background-color: var(--white);\n\n position: relative;\n display: flex;\n padding: 1rem;\n border-radius: var(--checkbox-option-border-radius);\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n gap: var(--checkbox-option-gap);\n text-align: center;\n background-color: var(--checkbox-option-background-color);\n outline: var(--checkbox-option-border-width) solid\n var(--checkbox-option-border-color);\n outline-offset: calc(-1 * var(--checkbox-option-border-width));\n cursor: pointer;\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-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(--checkbox-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-checkbox-option__label {\n font-weight: 600;\n }\n\n &:has(input:checked),\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-width: 2px;\n\n /* stylelint-disable-next-line no-descending-specificity */\n &:hover,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-visible,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-within {\n --checkbox-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(--checkbox-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(--checkbox-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-checkbox-option__content {\n align-items: flex-start;\n text-align: left;\n }\n\n & .af-checkbox {\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/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.scss CHANGED
@@ -81,6 +81,7 @@
81
81
 
82
82
  & .af-card-checkbox-option__content {
83
83
  align-items: flex-start;
84
+ text-align: left;
84
85
  }
85
86
 
86
87
  & .af-checkbox {
package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.css CHANGED
@@ -1 +1 @@
1
- .af-card-checkbox-option{--checkbox-option-border-width:1px;--checkbox-option-background-color:var(--white);align-items:center;background-color:var(--checkbox-option-background-color);border-radius:var(--checkbox-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--checkbox-option-gap);justify-content:space-between;outline:var(--checkbox-option-border-width) solid var(--checkbox-option-border-color);outline-offset:calc(var(--checkbox-option-border-width)*-1);padding:1rem;position:relative;text-align:center}.af-card-checkbox-option:focus-visible,.af-card-checkbox-option:focus-within,.af-card-checkbox-option:hover{--checkbox-option-border-width:2px}.af-card-checkbox-option__label{color:var(--checkbox-option-color-title);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-checkbox-option__label{font-size:calc(18/var(--font-size-base)*1rem)}}.af-card-checkbox-option:has(input:checked) .af-card-checkbox-option__label{font-weight:600}.af-card-checkbox-option:has(input:checked),.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)){--checkbox-option-border-width:2px}.af-card-checkbox-option:has(input:checked):focus-visible,.af-card-checkbox-option:has(input:checked):focus-within,.af-card-checkbox-option:has(input:checked):hover,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):focus-visible,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):focus-within,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):hover{--checkbox-option-border-width:3px}.af-card-checkbox-option__content{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--checkbox-option-gap);justify-content:space-between;text-align:center}.af-card-checkbox-option__description,.af-card-checkbox-option__subtitle{color:var(--checkbox-option-color-subtitle);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-checkbox-option__description,.af-card-checkbox-option__subtitle{font-size:1rem}}.af-card-checkbox-option--horizontal{flex-direction:row}.af-card-checkbox-option--horizontal .af-card-checkbox-option__content{align-items:flex-start}.af-card-checkbox-option--horizontal .af-checkbox{order:-1}.af-card-checkbox-option .af-icon{--icon-size:var(--icon-size-medium)}@media (width > 667px){.af-card-checkbox-option .af-icon{--icon-size:var(--icon-size-large)}}.af-card-checkbox-option{--checkbox-option-border-color:var(--color-gray-700);--checkbox-option-color-title:var(--color-gray-900);--checkbox-option-color-subtitle:var(--color-gray-700);--checkbox-option-gap:calc(8/var(--font-size-base)*1rem);--checkbox-option-border-radius:var(--radius-4)}.af-card-checkbox-option:focus-visible,.af-card-checkbox-option:focus-within,.af-card-checkbox-option:hover{--checkbox-option-border-color:var(--color-axa)}.af-card-checkbox-option:not(.af-card-checkbox-option--horizontal) .af-checkbox{left:calc(12/var(--font-size-base)*1rem);position:absolute;top:calc(12/var(--font-size-base)*1rem)}@media (width > 667px){.af-card-checkbox-option:not(.af-card-checkbox-option--horizontal) .af-checkbox{left:calc(16/var(--font-size-base)*1rem);top:calc(16/var(--font-size-base)*1rem)}}.af-card-checkbox-option .af-card-checkbox-option__content{--checkbox-option-gap:calc(4/var(--font-size-base)*1rem)}.af-card-checkbox-option--horizontal{column-gap:calc(12/var(--font-size-base)*1rem)}.af-card-checkbox-option:has(input:checked){--checkbox-option-background-color:var(--color-blue-2);--checkbox-option-border-color:var(--color-axa)}.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)){--checkbox-option-border-color:var(--color-red-700)}
1
+ .af-card-checkbox-option{--checkbox-option-border-width:1px;--checkbox-option-background-color:var(--white);align-items:center;background-color:var(--checkbox-option-background-color);border-radius:var(--checkbox-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--checkbox-option-gap);justify-content:space-between;outline:var(--checkbox-option-border-width) solid var(--checkbox-option-border-color);outline-offset:calc(var(--checkbox-option-border-width)*-1);padding:1rem;position:relative;text-align:center}.af-card-checkbox-option:focus-visible,.af-card-checkbox-option:focus-within,.af-card-checkbox-option:hover{--checkbox-option-border-width:2px}.af-card-checkbox-option__label{color:var(--checkbox-option-color-title);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-checkbox-option__label{font-size:calc(18/var(--font-size-base)*1rem)}}.af-card-checkbox-option:has(input:checked) .af-card-checkbox-option__label{font-weight:600}.af-card-checkbox-option:has(input:checked),.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)){--checkbox-option-border-width:2px}.af-card-checkbox-option:has(input:checked):focus-visible,.af-card-checkbox-option:has(input:checked):focus-within,.af-card-checkbox-option:has(input:checked):hover,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):focus-visible,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):focus-within,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):hover{--checkbox-option-border-width:3px}.af-card-checkbox-option__content{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--checkbox-option-gap);justify-content:space-between;text-align:center}.af-card-checkbox-option__description,.af-card-checkbox-option__subtitle{color:var(--checkbox-option-color-subtitle);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-checkbox-option__description,.af-card-checkbox-option__subtitle{font-size:1rem}}.af-card-checkbox-option--horizontal{flex-direction:row}.af-card-checkbox-option--horizontal .af-card-checkbox-option__content{align-items:flex-start;text-align:left}.af-card-checkbox-option--horizontal .af-checkbox{order:-1}.af-card-checkbox-option .af-icon{--icon-size:var(--icon-size-medium)}@media (width > 667px){.af-card-checkbox-option .af-icon{--icon-size:var(--icon-size-large)}}.af-card-checkbox-option{--checkbox-option-border-color:var(--color-gray-700);--checkbox-option-color-title:var(--color-gray-900);--checkbox-option-color-subtitle:var(--color-gray-700);--checkbox-option-gap:calc(8/var(--font-size-base)*1rem);--checkbox-option-border-radius:var(--radius-4)}.af-card-checkbox-option:focus-visible,.af-card-checkbox-option:focus-within,.af-card-checkbox-option:hover{--checkbox-option-border-color:var(--color-axa)}.af-card-checkbox-option:not(.af-card-checkbox-option--horizontal) .af-checkbox{left:calc(12/var(--font-size-base)*1rem);position:absolute;top:calc(12/var(--font-size-base)*1rem)}@media (width > 667px){.af-card-checkbox-option:not(.af-card-checkbox-option--horizontal) .af-checkbox{left:calc(16/var(--font-size-base)*1rem);top:calc(16/var(--font-size-base)*1rem)}}.af-card-checkbox-option .af-card-checkbox-option__content{--checkbox-option-gap:calc(4/var(--font-size-base)*1rem)}.af-card-checkbox-option--horizontal{column-gap:calc(12/var(--font-size-base)*1rem)}.af-card-checkbox-option:has(input:checked){--checkbox-option-background-color:var(--color-blue-2);--checkbox-option-border-color:var(--color-axa)}.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)){--checkbox-option-border-color:var(--color-red-700)}
package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.scss","../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.scss","../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.scss%23sass"],"names":[],"mappings":"AAEA,yBCDA,kCDEE,CACA,+CAAA,CAOA,kBAAA,CAIA,wDAAA,CANA,kDAAA,CAUA,cAAA,CAZA,YAAA,CAGA,qBAAA,CAGA,8BAAA,CADA,6BAAA,CAIA,qFAAA,CAEA,2DAAA,CAVA,YAAA,CCLF,iBAAA,CDWE,iBCEF,CDKE,4GAGE,kCCLJ,CDQE,gCAIE,wCAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCHJ,CDQI,uBANF,gCAOI,6CCLJ,CACF,CDQE,4EACE,eCNJ,CDSE,4HAEE,kCCPJ,CDUI,sbAKE,kCCZN,CDgBE,kCAIE,kBAAA,CAHA,YAAA,CCdJ,qBAAA,CDgBI,WAAA,CAGA,8BAAA,CADA,6BAAA,CAEA,iBCdJ,CDiBE,yEAKE,2CAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCbJ,CDkBI,uBAPF,yEAQI,cCfJ,CACF,CDkBE,qCACE,kBChBJ,CDkBI,uEACE,sBChBN,CDmBI,kDACE,QCjBN,CDqBE,kCACE,mCCnBJ,CDqBI,uBAHF,kCAII,kCClBJ,CACF,CC1EA,yBACE,oDAAA,CACA,mDAAA,CACA,sDAAA,CACA,wDAAA,CACA,+CD6EF,CC3EE,4GAGE,+CD2EJ,CCxEE,gFAGE,wCAAA,CAFA,iBAAA,CACA,uCD2EJ,CCxEI,uBALF,gFAOI,wCAAA,CADA,uCD4EJ,CACF,CCxEE,2DACE,wDD0EJ,CCvEE,qCACE,8CDyEJ,CCtEE,4CACE,sDAAA,CACA,+CDwEJ,CCrEE,gFACE,mDDuEJ","file":"CardCheckboxOptionLF.css","sourcesContent":["@use \"../../../common/breakpoints\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-width: 1px;\n --checkbox-option-background-color: var(--white);\n\n position: relative;\n display: flex;\n padding: 1rem;\n border-radius: var(--checkbox-option-border-radius);\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n gap: var(--checkbox-option-gap);\n text-align: center;\n background-color: var(--checkbox-option-background-color);\n outline: var(--checkbox-option-border-width) solid\n var(--checkbox-option-border-color);\n outline-offset: calc(-1 * var(--checkbox-option-border-width));\n cursor: pointer;\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-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(--checkbox-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-checkbox-option__label {\n font-weight: 600;\n }\n\n &:has(input:checked),\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-width: 2px;\n\n /* stylelint-disable-next-line no-descending-specificity */\n &:hover,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-visible,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-within {\n --checkbox-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(--checkbox-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(--checkbox-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-checkbox-option__content {\n align-items: flex-start;\n }\n\n & .af-checkbox {\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 \"CardCheckboxOptionCommon\";\n@use \"../../../common/breakpoints\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-color: var(--color-gray-700);\n --checkbox-option-color-title: var(--color-gray-900);\n --checkbox-option-color-subtitle: var(--color-gray-700);\n --checkbox-option-gap: calc(8 / var(--font-size-base) * 1rem);\n --checkbox-option-border-radius: var(--radius-4);\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-option-border-color: var(--color-axa);\n }\n\n &:not(&--horizontal) .af-checkbox {\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-checkbox-option__content {\n --checkbox-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 &:has(input:checked) {\n --checkbox-option-background-color: var(--color-blue-2);\n --checkbox-option-border-color: var(--color-axa);\n }\n\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-color: var(--color-red-700);\n }\n}\n","@use \"CardCheckboxOptionCommon\";\n@use \"../../../common/breakpoints\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-color: var(--color-gray-700);\n --checkbox-option-color-title: var(--color-gray-900);\n --checkbox-option-color-subtitle: var(--color-gray-700);\n --checkbox-option-gap: calc(8 / var(--font-size-base) * 1rem);\n --checkbox-option-border-radius: var(--radius-4);\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-option-border-color: var(--color-axa);\n }\n\n &:not(&--horizontal) .af-checkbox {\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-checkbox-option__content {\n --checkbox-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 &:has(input:checked) {\n --checkbox-option-background-color: var(--color-blue-2);\n --checkbox-option-border-color: var(--color-axa);\n }\n\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-color: var(--color-red-700);\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.scss","../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.scss","../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.scss%23sass"],"names":[],"mappings":"AAEA,yBCDA,kCDEE,CACA,+CAAA,CAOA,kBAAA,CAIA,wDAAA,CANA,kDAAA,CAUA,cAAA,CAZA,YAAA,CAGA,qBAAA,CAGA,8BAAA,CADA,6BAAA,CAIA,qFAAA,CAEA,2DAAA,CAVA,YAAA,CCLF,iBAAA,CDWE,iBCEF,CDKE,4GAGE,kCCLJ,CDQE,gCAIE,wCAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCHJ,CDQI,uBANF,gCAOI,6CCLJ,CACF,CDQE,4EACE,eCNJ,CDSE,4HAEE,kCCPJ,CDUI,sbAKE,kCCZN,CDgBE,kCAIE,kBAAA,CAHA,YAAA,CCdJ,qBAAA,CDgBI,WAAA,CAGA,8BAAA,CADA,6BAAA,CAEA,iBCdJ,CDiBE,yEAKE,2CAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCbJ,CDkBI,uBAPF,yEAQI,cCfJ,CACF,CDkBE,qCACE,kBChBJ,CDkBI,uEACE,sBAAA,CACA,eChBN,CDmBI,kDACE,QCjBN,CDqBE,kCACE,mCCnBJ,CDqBI,uBAHF,kCAII,kCClBJ,CACF,CC3EA,yBACE,oDAAA,CACA,mDAAA,CACA,sDAAA,CACA,wDAAA,CACA,+CD8EF,CC5EE,4GAGE,+CD4EJ,CCzEE,gFAGE,wCAAA,CAFA,iBAAA,CACA,uCD4EJ,CCzEI,uBALF,gFAOI,wCAAA,CADA,uCD6EJ,CACF,CCzEE,2DACE,wDD2EJ,CCxEE,qCACE,8CD0EJ,CCvEE,4CACE,sDAAA,CACA,+CDyEJ,CCtEE,gFACE,mDDwEJ","file":"CardCheckboxOptionLF.css","sourcesContent":["@use \"../../../common/breakpoints\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-width: 1px;\n --checkbox-option-background-color: var(--white);\n\n position: relative;\n display: flex;\n padding: 1rem;\n border-radius: var(--checkbox-option-border-radius);\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n gap: var(--checkbox-option-gap);\n text-align: center;\n background-color: var(--checkbox-option-background-color);\n outline: var(--checkbox-option-border-width) solid\n var(--checkbox-option-border-color);\n outline-offset: calc(-1 * var(--checkbox-option-border-width));\n cursor: pointer;\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-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(--checkbox-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-checkbox-option__label {\n font-weight: 600;\n }\n\n &:has(input:checked),\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-width: 2px;\n\n /* stylelint-disable-next-line no-descending-specificity */\n &:hover,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-visible,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-within {\n --checkbox-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(--checkbox-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(--checkbox-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-checkbox-option__content {\n align-items: flex-start;\n text-align: left;\n }\n\n & .af-checkbox {\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 \"CardCheckboxOptionCommon\";\n@use \"../../../common/breakpoints\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-color: var(--color-gray-700);\n --checkbox-option-color-title: var(--color-gray-900);\n --checkbox-option-color-subtitle: var(--color-gray-700);\n --checkbox-option-gap: calc(8 / var(--font-size-base) * 1rem);\n --checkbox-option-border-radius: var(--radius-4);\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-option-border-color: var(--color-axa);\n }\n\n &:not(&--horizontal) .af-checkbox {\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-checkbox-option__content {\n --checkbox-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 &:has(input:checked) {\n --checkbox-option-background-color: var(--color-blue-2);\n --checkbox-option-border-color: var(--color-axa);\n }\n\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-color: var(--color-red-700);\n }\n}\n","@use \"CardCheckboxOptionCommon\";\n@use \"../../../common/breakpoints\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-color: var(--color-gray-700);\n --checkbox-option-color-title: var(--color-gray-900);\n --checkbox-option-color-subtitle: var(--color-gray-700);\n --checkbox-option-gap: calc(8 / var(--font-size-base) * 1rem);\n --checkbox-option-border-radius: var(--radius-4);\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-option-border-color: var(--color-axa);\n }\n\n &:not(&--horizontal) .af-checkbox {\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-checkbox-option__content {\n --checkbox-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 &:has(input:checked) {\n --checkbox-option-background-color: var(--color-blue-2);\n --checkbox-option-border-color: var(--color-axa);\n }\n\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-color: var(--color-red-700);\n }\n}\n"]}
package/dist/Form/Checkbox/Checkbox/CheckboxApollo.css CHANGED
@@ -1 +1 @@
1
- .af-checkbox{--checkbox-border-width:1px;align-items:center;-webkit-appearance:unset;appearance:unset;background-color:var(--checkbox-background-color);border-radius:var(--checkbox-border-radius);cursor:pointer;height:calc(24/var(--font-size-base)*1rem);margin:0;outline:var(--checkbox-border-width) solid var(--checkbox-border-color);outline-offset:calc(var(--checkbox-border-width)*-1);width:calc(24/var(--font-size-base)*1rem)}.af-checkbox:checked{background-image:var(--checkbox-background-image)}.af-checkbox{--checkbox-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 -960 960 960'%3E%3Cpath d='m400-402 250-250q9-9 21-9t21 9 9 21-9 21L421-339q-9 9-21 9t-21-9L268-450q-9-9-9-21t9-21 21-9 21 9z'/%3E%3C/svg%3E");--checkbox-border-radius:calc(6/var(--font-size-base)*1rem);--checkbox-background-color:var(--white);--checkbox-border-color:var(--axa-blue-65)}.af-checkbox:checked,.af-checkbox:focus-within,.af-checkbox:hover{--checkbox-border-color:var(--axa-blue-100);--checkbox-border-width:2px}.af-checkbox:checked{--checkbox-background-color:var(--axa-blue-100)}.af-checkbox[aria-invalid=true]:not(:checked){--checkbox-border-color:var(--red-alert-100);--checkbox-border-width:2px}.af-checkbox[aria-invalid=true]:not(:checked):focus-within,.af-checkbox[aria-invalid=true]:not(:checked):hover{--checkbox-border-width:3px}
1
+ .af-checkbox{--checkbox-border-width:1px;align-items:center;-webkit-appearance:unset;appearance:unset;background-color:var(--checkbox-background-color);border-radius:var(--checkbox-border-radius);cursor:pointer;flex-shrink:0;height:calc(24/var(--font-size-base)*1rem);margin:0;outline:var(--checkbox-border-width) solid var(--checkbox-border-color);outline-offset:calc(var(--checkbox-border-width)*-1);width:calc(24/var(--font-size-base)*1rem)}.af-checkbox:checked{background-image:var(--checkbox-background-image)}.af-checkbox{--checkbox-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 -960 960 960'%3E%3Cpath d='m400-402 250-250q9-9 21-9t21 9 9 21-9 21L421-339q-9 9-21 9t-21-9L268-450q-9-9-9-21t9-21 21-9 21 9z'/%3E%3C/svg%3E");--checkbox-border-radius:calc(6/var(--font-size-base)*1rem);--checkbox-background-color:var(--white);--checkbox-border-color:var(--axa-blue-65)}.af-checkbox:checked,.af-checkbox:focus-within,.af-checkbox:hover{--checkbox-border-color:var(--axa-blue-100);--checkbox-border-width:2px}.af-checkbox:checked{--checkbox-background-color:var(--axa-blue-100)}.af-checkbox[aria-invalid=true]:not(:checked){--checkbox-border-color:var(--red-alert-100);--checkbox-border-width:2px}.af-checkbox[aria-invalid=true]:not(:checked):focus-within,.af-checkbox[aria-invalid=true]:not(:checked):hover{--checkbox-border-width:3px}
package/dist/Form/Checkbox/Checkbox/CheckboxApollo.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/Form/Checkbox/Checkbox/CheckboxCommon.scss","../../../../src/Form/Checkbox/Checkbox/CheckboxApollo.scss","../../../../src/Form/Checkbox/Checkbox/CheckboxApollo.scss%23sass"],"names":[],"mappings":"AAAA,aACE,2BAAA,CAMA,kBAAA,CAKA,wBAAA,CAAA,gBAAA,CAJA,iDAAA,CAFA,2CAAA,CAKA,cAAA,CAPA,0CAAA,CACA,QAAA,CAIA,uEAAA,CACA,oDAAA,CCRF,yCAUA,CDEE,qBACE,iDCAJ,CCbA,aACE,0SAAA,CACA,2DAAA,CACA,wCAAA,CACA,0CDgBF,CCdE,kEAGE,2CAAA,CACA,2BDcJ,CCXE,qBDaF,+CACA,CCVE,8CACE,4CAAA,CACA,2BDYJ,CCVI,+GAEE,2BDWN","file":"CheckboxApollo.css","sourcesContent":[".af-checkbox {\n --checkbox-border-width: 1px;\n\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n border-radius: var(--checkbox-border-radius);\n align-items: center;\n background-color: var(--checkbox-background-color);\n outline: var(--checkbox-border-width) solid var(--checkbox-border-color);\n outline-offset: calc(-1 * var(--checkbox-border-width));\n cursor: pointer;\n appearance: unset;\n\n &:checked {\n background-image: var(--checkbox-background-image);\n }\n}\n","@use \"CheckboxCommon\";\n\n.af-checkbox {\n --checkbox-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 -960 960 960'%3E%3Cpath d='m400-402 250-250q9-9 21-9t21 9q9 9 9 21t-9 21L421-339q-9 9-21 9t-21-9L268-450q-9-9-9-21t9-21q9-9 21-9t21 9l90 90Z'/%3E%3C/svg%3E\");\n --checkbox-border-radius: calc(6 / var(--font-size-base) * 1rem);\n --checkbox-background-color: var(--white);\n --checkbox-border-color: var(--axa-blue-65);\n\n &:hover,\n &:focus-within,\n &:checked {\n --checkbox-border-color: var(--axa-blue-100);\n --checkbox-border-width: 2px;\n }\n\n &:checked {\n --checkbox-background-color: var(--axa-blue-100);\n }\n\n &[aria-invalid=\"true\"]:not(:checked) {\n --checkbox-border-color: var(--red-alert-100);\n --checkbox-border-width: 2px;\n\n &:hover,\n &:focus-within {\n --checkbox-border-width: 3px;\n }\n }\n}\n","@use \"CheckboxCommon\";\n\n.af-checkbox {\n --checkbox-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 -960 960 960'%3E%3Cpath d='m400-402 250-250q9-9 21-9t21 9q9 9 9 21t-9 21L421-339q-9 9-21 9t-21-9L268-450q-9-9-9-21t9-21q9-9 21-9t21 9l90 90Z'/%3E%3C/svg%3E\");\n --checkbox-border-radius: calc(6 / var(--font-size-base) * 1rem);\n --checkbox-background-color: var(--white);\n --checkbox-border-color: var(--axa-blue-65);\n\n &:hover,\n &:focus-within,\n &:checked {\n --checkbox-border-color: var(--axa-blue-100);\n --checkbox-border-width: 2px;\n }\n\n &:checked {\n --checkbox-background-color: var(--axa-blue-100);\n }\n\n &[aria-invalid=\"true\"]:not(:checked) {\n --checkbox-border-color: var(--red-alert-100);\n --checkbox-border-width: 2px;\n\n &:hover,\n &:focus-within {\n --checkbox-border-width: 3px;\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../../src/Form/Checkbox/Checkbox/CheckboxCommon.scss","../../../../src/Form/Checkbox/Checkbox/CheckboxApollo.scss","../../../../src/Form/Checkbox/Checkbox/CheckboxApollo.scss%23sass"],"names":[],"mappings":"AAAA,aACE,2BAAA,CAOA,kBAAA,CAKA,wBAAA,CAAA,gBAAA,CAJA,iDAAA,CAHA,2CAAA,CAMA,cAAA,CALA,aAAA,CAHA,0CAAA,CACA,QAAA,CAKA,uEAAA,CACA,oDAAA,CCTF,yCAWA,CDEE,qBACE,iDCAJ,CCdA,aACE,0SAAA,CACA,2DAAA,CACA,wCAAA,CACA,0CDiBF,CCfE,kEAGE,2CAAA,CACA,2BDeJ,CCZE,qBACE,+CDcJ,CCXE,8CACE,4CAAA,CACA,2BDaJ,CCXI,+GAEE,2BDYN","file":"CheckboxApollo.css","sourcesContent":[".af-checkbox {\n --checkbox-border-width: 1px;\n\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n border-radius: var(--checkbox-border-radius);\n flex-shrink: 0;\n align-items: center;\n background-color: var(--checkbox-background-color);\n outline: var(--checkbox-border-width) solid var(--checkbox-border-color);\n outline-offset: calc(-1 * var(--checkbox-border-width));\n cursor: pointer;\n appearance: unset;\n\n &:checked {\n background-image: var(--checkbox-background-image);\n }\n}\n","@use \"CheckboxCommon\";\n\n.af-checkbox {\n --checkbox-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 -960 960 960'%3E%3Cpath d='m400-402 250-250q9-9 21-9t21 9q9 9 9 21t-9 21L421-339q-9 9-21 9t-21-9L268-450q-9-9-9-21t9-21q9-9 21-9t21 9l90 90Z'/%3E%3C/svg%3E\");\n --checkbox-border-radius: calc(6 / var(--font-size-base) * 1rem);\n --checkbox-background-color: var(--white);\n --checkbox-border-color: var(--axa-blue-65);\n\n &:hover,\n &:focus-within,\n &:checked {\n --checkbox-border-color: var(--axa-blue-100);\n --checkbox-border-width: 2px;\n }\n\n &:checked {\n --checkbox-background-color: var(--axa-blue-100);\n }\n\n &[aria-invalid=\"true\"]:not(:checked) {\n --checkbox-border-color: var(--red-alert-100);\n --checkbox-border-width: 2px;\n\n &:hover,\n &:focus-within {\n --checkbox-border-width: 3px;\n }\n }\n}\n","@use \"CheckboxCommon\";\n\n.af-checkbox {\n --checkbox-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 -960 960 960'%3E%3Cpath d='m400-402 250-250q9-9 21-9t21 9q9 9 9 21t-9 21L421-339q-9 9-21 9t-21-9L268-450q-9-9-9-21t9-21q9-9 21-9t21 9l90 90Z'/%3E%3C/svg%3E\");\n --checkbox-border-radius: calc(6 / var(--font-size-base) * 1rem);\n --checkbox-background-color: var(--white);\n --checkbox-border-color: var(--axa-blue-65);\n\n &:hover,\n &:focus-within,\n &:checked {\n --checkbox-border-color: var(--axa-blue-100);\n --checkbox-border-width: 2px;\n }\n\n &:checked {\n --checkbox-background-color: var(--axa-blue-100);\n }\n\n &[aria-invalid=\"true\"]:not(:checked) {\n --checkbox-border-color: var(--red-alert-100);\n --checkbox-border-width: 2px;\n\n &:hover,\n &:focus-within {\n --checkbox-border-width: 3px;\n }\n }\n}\n"]}
package/dist/Form/Checkbox/Checkbox/CheckboxCommon.css CHANGED
@@ -1 +1 @@
1
- .af-checkbox{--checkbox-border-width:1px;align-items:center;-webkit-appearance:unset;appearance:unset;background-color:var(--checkbox-background-color);border-radius:var(--checkbox-border-radius);cursor:pointer;height:calc(24/var(--font-size-base)*1rem);margin:0;outline:var(--checkbox-border-width) solid var(--checkbox-border-color);outline-offset:calc(var(--checkbox-border-width)*-1);width:calc(24/var(--font-size-base)*1rem)}.af-checkbox:checked{background-image:var(--checkbox-background-image)}
1
+ .af-checkbox{--checkbox-border-width:1px;align-items:center;-webkit-appearance:unset;appearance:unset;background-color:var(--checkbox-background-color);border-radius:var(--checkbox-border-radius);cursor:pointer;flex-shrink:0;height:calc(24/var(--font-size-base)*1rem);margin:0;outline:var(--checkbox-border-width) solid var(--checkbox-border-color);outline-offset:calc(var(--checkbox-border-width)*-1);width:calc(24/var(--font-size-base)*1rem)}.af-checkbox:checked{background-image:var(--checkbox-background-image)}
package/dist/Form/Checkbox/Checkbox/CheckboxCommon.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/Form/Checkbox/Checkbox/CheckboxCommon.scss%23sass","../../../../src/Form/Checkbox/Checkbox/CheckboxCommon.scss"],"names":[],"mappings":"AAAA,aACE,2BAAA,CAMA,kBAAA,CAKA,wBAAA,CAAA,gBAAA,CAJA,iDAAA,CAFA,2CAAA,CAKA,cAAA,CAPA,0CAAA,CACA,QAAA,CAIA,uEAAA,CACA,oDAAA,CAPA,yCCSF,CDEE,qBACE,iDCAJ","file":"CheckboxCommon.css","sourcesContent":[".af-checkbox {\n --checkbox-border-width: 1px;\n\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n border-radius: var(--checkbox-border-radius);\n align-items: center;\n background-color: var(--checkbox-background-color);\n outline: var(--checkbox-border-width) solid var(--checkbox-border-color);\n outline-offset: calc(-1 * var(--checkbox-border-width));\n cursor: pointer;\n appearance: unset;\n\n &:checked {\n background-image: var(--checkbox-background-image);\n }\n}\n",".af-checkbox {\n --checkbox-border-width: 1px;\n\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n border-radius: var(--checkbox-border-radius);\n align-items: center;\n background-color: var(--checkbox-background-color);\n outline: var(--checkbox-border-width) solid var(--checkbox-border-color);\n outline-offset: calc(-1 * var(--checkbox-border-width));\n cursor: pointer;\n appearance: unset;\n\n &:checked {\n background-image: var(--checkbox-background-image);\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../../src/Form/Checkbox/Checkbox/CheckboxCommon.scss%23sass","../../../../src/Form/Checkbox/Checkbox/CheckboxCommon.scss"],"names":[],"mappings":"AAAA,aACE,2BAAA,CAOA,kBAAA,CAKA,wBAAA,CAAA,gBAAA,CAJA,iDAAA,CAHA,2CAAA,CAMA,cAAA,CALA,aAAA,CAHA,0CAAA,CACA,QAAA,CAKA,uEAAA,CACA,oDAAA,CARA,yCCUF,CDEE,qBACE,iDCAJ","file":"CheckboxCommon.css","sourcesContent":[".af-checkbox {\n --checkbox-border-width: 1px;\n\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n border-radius: var(--checkbox-border-radius);\n flex-shrink: 0;\n align-items: center;\n background-color: var(--checkbox-background-color);\n outline: var(--checkbox-border-width) solid var(--checkbox-border-color);\n outline-offset: calc(-1 * var(--checkbox-border-width));\n cursor: pointer;\n appearance: unset;\n\n &:checked {\n background-image: var(--checkbox-background-image);\n }\n}\n",".af-checkbox {\n --checkbox-border-width: 1px;\n\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n border-radius: var(--checkbox-border-radius);\n flex-shrink: 0;\n align-items: center;\n background-color: var(--checkbox-background-color);\n outline: var(--checkbox-border-width) solid var(--checkbox-border-color);\n outline-offset: calc(-1 * var(--checkbox-border-width));\n cursor: pointer;\n appearance: unset;\n\n &:checked {\n background-image: var(--checkbox-background-image);\n }\n}\n"]}
package/dist/Form/Checkbox/Checkbox/CheckboxCommon.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  height: calc(24 / var(--font-size-base) * 1rem);
6
6
  margin: 0;
7
7
  border-radius: var(--checkbox-border-radius);
8
+ flex-shrink: 0;
8
9
  align-items: center;
9
10
  background-color: var(--checkbox-background-color);
10
11
  outline: var(--checkbox-border-width) solid var(--checkbox-border-color);
package/dist/Form/Checkbox/Checkbox/CheckboxLF.css CHANGED
@@ -1 +1 @@
1
- .af-checkbox{--checkbox-border-width:1px;align-items:center;-webkit-appearance:unset;appearance:unset;background-color:var(--checkbox-background-color);border-radius:var(--checkbox-border-radius);cursor:pointer;height:calc(24/var(--font-size-base)*1rem);margin:0;outline:var(--checkbox-border-width) solid var(--checkbox-border-color);outline-offset:calc(var(--checkbox-border-width)*-1);width:calc(24/var(--font-size-base)*1rem)}.af-checkbox:checked{background-image:var(--checkbox-background-image)}.af-checkbox{--checkbox-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 -960 960 960'%3E%3Cpath d='m378-332 363-363q9.27-9 21.64-9 12.36 0 21.36 9.05 9 9.06 9 21.5 0 12.45-9 21.45L399-267q-9 9-21 9t-21-9L175-449q-9-9.07-8.5-21.53.5-12.47 9.55-21.47 9.06-9 21.5-9 12.45 0 21.45 9z'/%3E%3C/svg%3E");--checkbox-border-radius:calc(4/var(--font-size-base)*1rem);--checkbox-background-color:var(--color-white);--checkbox-border-color:var(--color-gray-500)}.af-checkbox:checked,.af-checkbox:focus-within,.af-checkbox:hover{--checkbox-border-color:var(--color-axa);--checkbox-border-width:3px}.af-checkbox:checked{--checkbox-background-color:var(--color-axa)}.af-checkbox[aria-invalid=true]:not(:checked){--checkbox-border-color:var(--color-red-700);--checkbox-border-width:2px}.af-checkbox[aria-invalid=true]:not(:checked):focus-within,.af-checkbox[aria-invalid=true]:not(:checked):hover{--checkbox-border-width:3px}
1
+ .af-checkbox{--checkbox-border-width:1px;align-items:center;-webkit-appearance:unset;appearance:unset;background-color:var(--checkbox-background-color);border-radius:var(--checkbox-border-radius);cursor:pointer;flex-shrink:0;height:calc(24/var(--font-size-base)*1rem);margin:0;outline:var(--checkbox-border-width) solid var(--checkbox-border-color);outline-offset:calc(var(--checkbox-border-width)*-1);width:calc(24/var(--font-size-base)*1rem)}.af-checkbox:checked{background-image:var(--checkbox-background-image)}.af-checkbox{--checkbox-background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 -960 960 960'%3E%3Cpath d='m378-332 363-363q9.27-9 21.64-9 12.36 0 21.36 9.05 9 9.06 9 21.5 0 12.45-9 21.45L399-267q-9 9-21 9t-21-9L175-449q-9-9.07-8.5-21.53.5-12.47 9.55-21.47 9.06-9 21.5-9 12.45 0 21.45 9z'/%3E%3C/svg%3E");--checkbox-border-radius:calc(4/var(--font-size-base)*1rem);--checkbox-background-color:var(--color-white);--checkbox-border-color:var(--color-gray-500)}.af-checkbox:checked,.af-checkbox:focus-within,.af-checkbox:hover{--checkbox-border-color:var(--color-axa);--checkbox-border-width:3px}.af-checkbox:checked{--checkbox-background-color:var(--color-axa)}.af-checkbox[aria-invalid=true]:not(:checked){--checkbox-border-color:var(--color-red-700);--checkbox-border-width:2px}.af-checkbox[aria-invalid=true]:not(:checked):focus-within,.af-checkbox[aria-invalid=true]:not(:checked):hover{--checkbox-border-width:3px}
package/dist/Form/Checkbox/Checkbox/CheckboxLF.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/Form/Checkbox/Checkbox/CheckboxCommon.scss","../../../../src/Form/Checkbox/Checkbox/CheckboxLF.scss","../../../../src/Form/Checkbox/Checkbox/CheckboxLF.scss%23sass"],"names":[],"mappings":"AAAA,aACE,2BAAA,CAMA,kBAAA,CAKA,wBAAA,CAAA,gBAAA,CAJA,iDAAA,CAFA,2CAAA,CAKA,cAAA,CAPA,0CAAA,CACA,QAAA,CAIA,uEAAA,CACA,oDAAA,CCRF,yCAUA,CDEE,qBACE,iDCAJ,CCbA,aACE,4XAAA,CACA,2DAAA,CACA,8CAAA,CACA,6CDgBF,CCdE,kEAGE,wCAAA,CACA,2BDcJ,CCXE,qBDaF,4CACA,CCVE,8CACE,4CAAA,CACA,2BDYJ,CCVI,+GAEE,2BDWN","file":"CheckboxLF.css","sourcesContent":[".af-checkbox {\n --checkbox-border-width: 1px;\n\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n border-radius: var(--checkbox-border-radius);\n align-items: center;\n background-color: var(--checkbox-background-color);\n outline: var(--checkbox-border-width) solid var(--checkbox-border-color);\n outline-offset: calc(-1 * var(--checkbox-border-width));\n cursor: pointer;\n appearance: unset;\n\n &:checked {\n background-image: var(--checkbox-background-image);\n }\n}\n","@use \"CheckboxCommon\";\n\n.af-checkbox {\n --checkbox-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 -960 960 960'%3E%3Cpath d='m378-332 363-363q9.27-9 21.64-9 12.36 0 21.36 9.05 9 9.06 9 21.5 0 12.45-9 21.45L399-267q-9 9-21 9t-21-9L175-449q-9-9.07-8.5-21.53.5-12.47 9.55-21.47 9.06-9 21.5-9 12.45 0 21.45 9l159 160Z'/%3E%3C/svg%3E\");\n --checkbox-border-radius: calc(4 / var(--font-size-base) * 1rem);\n --checkbox-background-color: var(--color-white);\n --checkbox-border-color: var(--color-gray-500);\n\n &:hover,\n &:focus-within,\n &:checked {\n --checkbox-border-color: var(--color-axa);\n --checkbox-border-width: 3px;\n }\n\n &:checked {\n --checkbox-background-color: var(--color-axa);\n }\n\n &[aria-invalid=\"true\"]:not(:checked) {\n --checkbox-border-color: var(--color-red-700);\n --checkbox-border-width: 2px;\n\n &:hover,\n &:focus-within {\n --checkbox-border-width: 3px;\n }\n }\n}\n","@use \"CheckboxCommon\";\n\n.af-checkbox {\n --checkbox-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 -960 960 960'%3E%3Cpath d='m378-332 363-363q9.27-9 21.64-9 12.36 0 21.36 9.05 9 9.06 9 21.5 0 12.45-9 21.45L399-267q-9 9-21 9t-21-9L175-449q-9-9.07-8.5-21.53.5-12.47 9.55-21.47 9.06-9 21.5-9 12.45 0 21.45 9l159 160Z'/%3E%3C/svg%3E\");\n --checkbox-border-radius: calc(4 / var(--font-size-base) * 1rem);\n --checkbox-background-color: var(--color-white);\n --checkbox-border-color: var(--color-gray-500);\n\n &:hover,\n &:focus-within,\n &:checked {\n --checkbox-border-color: var(--color-axa);\n --checkbox-border-width: 3px;\n }\n\n &:checked {\n --checkbox-background-color: var(--color-axa);\n }\n\n &[aria-invalid=\"true\"]:not(:checked) {\n --checkbox-border-color: var(--color-red-700);\n --checkbox-border-width: 2px;\n\n &:hover,\n &:focus-within {\n --checkbox-border-width: 3px;\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../../src/Form/Checkbox/Checkbox/CheckboxCommon.scss","../../../../src/Form/Checkbox/Checkbox/CheckboxLF.scss","../../../../src/Form/Checkbox/Checkbox/CheckboxLF.scss%23sass"],"names":[],"mappings":"AAAA,aACE,2BAAA,CAOA,kBAAA,CAKA,wBAAA,CAAA,gBAAA,CAJA,iDAAA,CAHA,2CAAA,CAMA,cAAA,CALA,aAAA,CAHA,0CAAA,CACA,QAAA,CAKA,uEAAA,CACA,oDAAA,CCTF,yCAWA,CDEE,qBACE,iDCAJ,CCdA,aACE,4XAAA,CACA,2DAAA,CACA,8CAAA,CACA,6CDiBF,CCfE,kEAGE,wCAAA,CACA,2BDeJ,CCZE,qBACE,4CDcJ,CCXE,8CACE,4CAAA,CACA,2BDaJ,CCXI,+GAEE,2BDYN","file":"CheckboxLF.css","sourcesContent":[".af-checkbox {\n --checkbox-border-width: 1px;\n\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n border-radius: var(--checkbox-border-radius);\n flex-shrink: 0;\n align-items: center;\n background-color: var(--checkbox-background-color);\n outline: var(--checkbox-border-width) solid var(--checkbox-border-color);\n outline-offset: calc(-1 * var(--checkbox-border-width));\n cursor: pointer;\n appearance: unset;\n\n &:checked {\n background-image: var(--checkbox-background-image);\n }\n}\n","@use \"CheckboxCommon\";\n\n.af-checkbox {\n --checkbox-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 -960 960 960'%3E%3Cpath d='m378-332 363-363q9.27-9 21.64-9 12.36 0 21.36 9.05 9 9.06 9 21.5 0 12.45-9 21.45L399-267q-9 9-21 9t-21-9L175-449q-9-9.07-8.5-21.53.5-12.47 9.55-21.47 9.06-9 21.5-9 12.45 0 21.45 9l159 160Z'/%3E%3C/svg%3E\");\n --checkbox-border-radius: calc(4 / var(--font-size-base) * 1rem);\n --checkbox-background-color: var(--color-white);\n --checkbox-border-color: var(--color-gray-500);\n\n &:hover,\n &:focus-within,\n &:checked {\n --checkbox-border-color: var(--color-axa);\n --checkbox-border-width: 3px;\n }\n\n &:checked {\n --checkbox-background-color: var(--color-axa);\n }\n\n &[aria-invalid=\"true\"]:not(:checked) {\n --checkbox-border-color: var(--color-red-700);\n --checkbox-border-width: 2px;\n\n &:hover,\n &:focus-within {\n --checkbox-border-width: 3px;\n }\n }\n}\n","@use \"CheckboxCommon\";\n\n.af-checkbox {\n --checkbox-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 -960 960 960'%3E%3Cpath d='m378-332 363-363q9.27-9 21.64-9 12.36 0 21.36 9.05 9 9.06 9 21.5 0 12.45-9 21.45L399-267q-9 9-21 9t-21-9L175-449q-9-9.07-8.5-21.53.5-12.47 9.55-21.47 9.06-9 21.5-9 12.45 0 21.45 9l159 160Z'/%3E%3C/svg%3E\");\n --checkbox-border-radius: calc(4 / var(--font-size-base) * 1rem);\n --checkbox-background-color: var(--color-white);\n --checkbox-border-color: var(--color-gray-500);\n\n &:hover,\n &:focus-within,\n &:checked {\n --checkbox-border-color: var(--color-axa);\n --checkbox-border-width: 3px;\n }\n\n &:checked {\n --checkbox-background-color: var(--color-axa);\n }\n\n &[aria-invalid=\"true\"]:not(:checked) {\n --checkbox-border-color: var(--color-red-700);\n --checkbox-border-width: 2px;\n\n &:hover,\n &:focus-within {\n --checkbox-border-width: 3px;\n }\n }\n}\n"]}
package/dist/Form/Radio/CardRadioOption/CardRadioOptionApollo.css CHANGED
@@ -1 +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}.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)}
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}.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;text-align:left}.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 CHANGED
@@ -1 +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,+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"]}
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,+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,sBAAA,CACA,eCdN,CDiBI,4CACE,QCfN,CDmBE,+BACE,mCCjBJ,CDmBI,uBAHF,+BAII,kCChBJ,CACF,CC3EA,sBACE,8CAAA,CACA,8CAAA,CACA,+CAAA,CACA,qDAAA,CACA,4CD8EF,CC5EE,mGAGE,+CD4EJ,CCzEE,kCACE,qDD2EJ,CCzEI,iEACE,qDD2EN,CCxEI,4CACE,+CD0EN,CCtEE,uEACE,6CDwEJ,CCrEE,wDACE,gDAAA,CACA,gDAAA,CACA,4CDuEJ,CCpEE,yCACE,iDAAA,CACA,+CDsEJ","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 text-align: left;\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/CardRadioOptionCommon.css CHANGED
@@ -1 +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}.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)}}
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}.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;text-align:left}.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 CHANGED
@@ -1 +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,+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"]}
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,+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,sBAAA,CACA,eCdN,CDiBI,4CACE,QCfN,CDmBE,+BACE,mCCjBJ,CDmBI,uBAHF,+BCbA,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 }\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 text-align: left;\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 text-align: left;\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 CHANGED
@@ -78,6 +78,7 @@
78
78
 
79
79
  & .af-card-radio-option__content {
80
80
  align-items: flex-start;
81
+ text-align: left;
81
82
  }
82
83
 
83
84
  & .af-radio {
package/dist/Form/Radio/CardRadioOption/CardRadioOptionLF.css CHANGED
@@ -1 +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}.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)}
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}.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;text-align:left}.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 CHANGED
@@ -1 +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,+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"]}
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,+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,sBAAA,CACA,eCdN,CDiBI,4CACE,QCfN,CDmBE,+BACE,mCCjBJ,CDmBI,uBAHF,+BAII,kCChBJ,CACF,CC1EA,sBACE,iDAAA,CACA,gDAAA,CACA,mDAAA,CACA,qDAAA,CACA,4CD6EF,CC3EE,mGAGE,4CD2EJ,CCxEE,uEAGE,wCAAA,CAFA,iBAAA,CACA,uCD2EJ,CCxEI,uBALF,uEAOI,wCAAA,CADA,uCD4EJ,CACF,CCxEE,qDACE,qDD0EJ,CCvEE,kCACE,8CDyEJ,CCtEE,wDACE,gDDwEJ,CCrEE,yCACE,mDAAA,CACA,4CDuEJ","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 text-align: left;\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/Radio/RadioApollo.css CHANGED
@@ -1 +1 @@
1
- .af-radio{--radio-border-width:1px;--radio-ckecked-color:#0000;--radio-ckecked-width:calc(12/var(--font-size-base)*1rem);align-items:center;-webkit-appearance:unset;appearance:unset;background-color:var(--radio-background-color);border-radius:50%;cursor:pointer;display:flex;height:calc(24/var(--font-size-base)*1rem);justify-content:center;margin:0;outline:var(--radio-border-width) solid var(--radio-border-color);outline-offset:calc(var(--radio-border-width)*-1);padding:0;width:calc(24/var(--font-size-base)*1rem)}.af-radio:after{background-color:var(--radio-ckecked-color);border-radius:50%;content:"";height:var(--radio-ckecked-width);width:var(--radio-ckecked-width)}.af-radio{--radio-border-color:var(--axa-blue-65);--radio-background-color:var(--white)}.af-radio:checked,.af-radio:focus-within,.af-radio:hover{--radio-border-color:var(--axa-blue-100);--radio-border-width:2px}.af-radio:checked{--radio-ckecked-color:var(--axa-blue-100)}.af-radio--invalid:not(:checked){--radio-border-color:var(--red-alert-100);--radio-border-width:2px}.af-radio--invalid:not(:checked):focus-within,.af-radio--invalid:not(:checked):hover{--radio-border-color:var(--red-alert-100);--radio-border-width:3px}
1
+ .af-radio{--radio-border-width:1px;--radio-ckecked-color:#0000;--radio-ckecked-width:calc(12/var(--font-size-base)*1rem);align-items:center;-webkit-appearance:unset;appearance:unset;background-color:var(--radio-background-color);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:calc(24/var(--font-size-base)*1rem);justify-content:center;margin:0;outline:var(--radio-border-width) solid var(--radio-border-color);outline-offset:calc(var(--radio-border-width)*-1);padding:0;width:calc(24/var(--font-size-base)*1rem)}.af-radio:after{background-color:var(--radio-ckecked-color);border-radius:50%;content:"";height:var(--radio-ckecked-width);width:var(--radio-ckecked-width)}.af-radio{--radio-border-color:var(--axa-blue-65);--radio-background-color:var(--white)}.af-radio:checked,.af-radio:focus-within,.af-radio:hover{--radio-border-color:var(--axa-blue-100);--radio-border-width:2px}.af-radio:checked{--radio-ckecked-color:var(--axa-blue-100)}.af-radio--invalid:not(:checked){--radio-border-color:var(--red-alert-100);--radio-border-width:2px}.af-radio--invalid:not(:checked):focus-within,.af-radio--invalid:not(:checked):hover{--radio-border-color:var(--red-alert-100);--radio-border-width:3px}
package/dist/Form/Radio/Radio/RadioApollo.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/Form/Radio/Radio/RadioCommon.scss","../../../../src/Form/Radio/Radio/RadioApollo.scss","../../../../src/Form/Radio/Radio/RadioApollo.scss%23sass"],"names":[],"mappings":"AAAA,UACE,wBAAA,CCCF,2BAAA,CDCE,yDAAA,CASA,kBAAA,CAMA,wBAAA,CAAA,gBAAA,CAJA,8CAAA,CAHA,iBAAA,CAMA,cAAA,CAXA,YAAA,CAEA,0CAAA,CAKA,sBAAA,CAJA,QAAA,CAMA,iEAAA,CACA,iDAAA,CANA,SAAA,CAHA,yCCWF,CDEE,gBAIE,2CAAA,CADA,iBAAA,CAEA,UAAA,CAHA,iCAAA,CADA,gCCIJ,CCvBA,UACE,uCAAA,CACA,qCD0BF,CCxBE,yDAGE,wCAAA,CACA,wBDwBJ,CCrBE,kBACE,yCDuBJ,CCpBE,iCACE,yCAAA,CACA,wBDsBJ,CCpBI,qFAEE,yCAAA,CACA,wBDqBN","file":"RadioApollo.css","sourcesContent":[".af-radio {\n --radio-border-width: 1px;\n --radio-ckecked-color: transparent;\n --radio-ckecked-width: calc(12 / var(--font-size-base) * 1rem);\n --radio-background-color: var(--white);\n\n display: flex;\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n padding: 0;\n border-radius: 50%;\n align-items: center;\n justify-content: center;\n background-color: var(--radio-background-color);\n outline: var(--radio-border-width) solid var(--radio-border-color);\n outline-offset: calc(-1 * var(--radio-border-width));\n cursor: pointer;\n appearance: unset;\n\n &::after {\n width: var(--radio-ckecked-width);\n height: var(--radio-ckecked-width);\n border-radius: 50%;\n background-color: var(--radio-ckecked-color);\n content: \"\";\n }\n}\n","@use \"RadioCommon\";\n\n.af-radio {\n --radio-border-color: var(--axa-blue-65);\n --radio-background-color: var(--white);\n\n &:hover,\n &:focus-within,\n &:checked {\n --radio-border-color: var(--axa-blue-100);\n --radio-border-width: 2px;\n }\n\n &:checked {\n --radio-ckecked-color: var(--axa-blue-100);\n }\n\n &--invalid:not(:checked) {\n --radio-border-color: var(--red-alert-100);\n --radio-border-width: 2px;\n\n &:hover,\n &:focus-within {\n --radio-border-color: var(--red-alert-100);\n --radio-border-width: 3px;\n }\n }\n}\n","@use \"RadioCommon\";\n\n.af-radio {\n --radio-border-color: var(--axa-blue-65);\n --radio-background-color: var(--white);\n\n &:hover,\n &:focus-within,\n &:checked {\n --radio-border-color: var(--axa-blue-100);\n --radio-border-width: 2px;\n }\n\n &:checked {\n --radio-ckecked-color: var(--axa-blue-100);\n }\n\n &--invalid:not(:checked) {\n --radio-border-color: var(--red-alert-100);\n --radio-border-width: 2px;\n\n &:hover,\n &:focus-within {\n --radio-border-color: var(--red-alert-100);\n --radio-border-width: 3px;\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../../src/Form/Radio/Radio/RadioCommon.scss","../../../../src/Form/Radio/Radio/RadioApollo.scss","../../../../src/Form/Radio/Radio/RadioApollo.scss%23sass"],"names":[],"mappings":"AAAA,UACE,wBAAA,CCCF,2BAAA,CDCE,yDAAA,CAUA,kBAAA,CAMA,wBAAA,CAAA,gBAAA,CAJA,8CAAA,CAJA,iBAAA,CAOA,cAAA,CAZA,YAAA,CAMA,aAAA,CAJA,0CAAA,CAMA,sBAAA,CALA,QAAA,CAOA,iEAAA,CACA,iDAAA,CAPA,SAAA,CAHA,yCCYF,CDEE,gBAIE,2CAAA,CADA,iBAAA,CAEA,UAAA,CAHA,iCAAA,CADA,gCCIJ,CCxBA,UACE,uCAAA,CACA,qCD2BF,CCzBE,yDAGE,wCAAA,CACA,wBDyBJ,CCtBE,kBACE,yCDwBJ,CCrBE,iCACE,yCAAA,CACA,wBDuBJ,CCrBI,qFAEE,yCAAA,CACA,wBDsBN","file":"RadioApollo.css","sourcesContent":[".af-radio {\n --radio-border-width: 1px;\n --radio-ckecked-color: transparent;\n --radio-ckecked-width: calc(12 / var(--font-size-base) * 1rem);\n --radio-background-color: var(--white);\n\n display: flex;\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n padding: 0;\n border-radius: 50%;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background-color: var(--radio-background-color);\n outline: var(--radio-border-width) solid var(--radio-border-color);\n outline-offset: calc(-1 * var(--radio-border-width));\n cursor: pointer;\n appearance: unset;\n\n &::after {\n width: var(--radio-ckecked-width);\n height: var(--radio-ckecked-width);\n border-radius: 50%;\n background-color: var(--radio-ckecked-color);\n content: \"\";\n }\n}\n","@use \"RadioCommon\";\n\n.af-radio {\n --radio-border-color: var(--axa-blue-65);\n --radio-background-color: var(--white);\n\n &:hover,\n &:focus-within,\n &:checked {\n --radio-border-color: var(--axa-blue-100);\n --radio-border-width: 2px;\n }\n\n &:checked {\n --radio-ckecked-color: var(--axa-blue-100);\n }\n\n &--invalid:not(:checked) {\n --radio-border-color: var(--red-alert-100);\n --radio-border-width: 2px;\n\n &:hover,\n &:focus-within {\n --radio-border-color: var(--red-alert-100);\n --radio-border-width: 3px;\n }\n }\n}\n","@use \"RadioCommon\";\n\n.af-radio {\n --radio-border-color: var(--axa-blue-65);\n --radio-background-color: var(--white);\n\n &:hover,\n &:focus-within,\n &:checked {\n --radio-border-color: var(--axa-blue-100);\n --radio-border-width: 2px;\n }\n\n &:checked {\n --radio-ckecked-color: var(--axa-blue-100);\n }\n\n &--invalid:not(:checked) {\n --radio-border-color: var(--red-alert-100);\n --radio-border-width: 2px;\n\n &:hover,\n &:focus-within {\n --radio-border-color: var(--red-alert-100);\n --radio-border-width: 3px;\n }\n }\n}\n"]}
package/dist/Form/Radio/Radio/RadioCommon.css CHANGED
@@ -1 +1 @@
1
- .af-radio{--radio-border-width:1px;--radio-ckecked-color:#0000;--radio-ckecked-width:calc(12/var(--font-size-base)*1rem);--radio-background-color:var(--white);align-items:center;-webkit-appearance:unset;appearance:unset;background-color:var(--radio-background-color);border-radius:50%;cursor:pointer;display:flex;height:calc(24/var(--font-size-base)*1rem);justify-content:center;margin:0;outline:var(--radio-border-width) solid var(--radio-border-color);outline-offset:calc(var(--radio-border-width)*-1);padding:0;width:calc(24/var(--font-size-base)*1rem)}.af-radio:after{background-color:var(--radio-ckecked-color);border-radius:50%;content:"";height:var(--radio-ckecked-width);width:var(--radio-ckecked-width)}
1
+ .af-radio{--radio-border-width:1px;--radio-ckecked-color:#0000;--radio-ckecked-width:calc(12/var(--font-size-base)*1rem);--radio-background-color:var(--white);align-items:center;-webkit-appearance:unset;appearance:unset;background-color:var(--radio-background-color);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:calc(24/var(--font-size-base)*1rem);justify-content:center;margin:0;outline:var(--radio-border-width) solid var(--radio-border-color);outline-offset:calc(var(--radio-border-width)*-1);padding:0;width:calc(24/var(--font-size-base)*1rem)}.af-radio:after{background-color:var(--radio-ckecked-color);border-radius:50%;content:"";height:var(--radio-ckecked-width);width:var(--radio-ckecked-width)}
package/dist/Form/Radio/Radio/RadioCommon.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/Form/Radio/Radio/RadioCommon.scss%23sass","../../../../src/Form/Radio/Radio/RadioCommon.scss"],"names":[],"mappings":"AAAA,UACE,wBAAA,CACA,2BAAA,CACA,yDAAA,CACA,qCAAA,CAQA,kBAAA,CAMA,wBAAA,CAAA,gBAAA,CAJA,8CAAA,CAHA,iBAAA,CAMA,cAAA,CAXA,YAAA,CAEA,0CAAA,CAKA,sBAAA,CAJA,QAAA,CAMA,iEAAA,CACA,iDAAA,CANA,SAAA,CAHA,yCCWF,CDEE,gBAIE,2CAAA,CADA,iBAAA,CAEA,UAAA,CAHA,iCAAA,CADA,gCCIJ","file":"RadioCommon.css","sourcesContent":[".af-radio {\n --radio-border-width: 1px;\n --radio-ckecked-color: transparent;\n --radio-ckecked-width: calc(12 / var(--font-size-base) * 1rem);\n --radio-background-color: var(--white);\n\n display: flex;\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n padding: 0;\n border-radius: 50%;\n align-items: center;\n justify-content: center;\n background-color: var(--radio-background-color);\n outline: var(--radio-border-width) solid var(--radio-border-color);\n outline-offset: calc(-1 * var(--radio-border-width));\n cursor: pointer;\n appearance: unset;\n\n &::after {\n width: var(--radio-ckecked-width);\n height: var(--radio-ckecked-width);\n border-radius: 50%;\n background-color: var(--radio-ckecked-color);\n content: \"\";\n }\n}\n",".af-radio {\n --radio-border-width: 1px;\n --radio-ckecked-color: transparent;\n --radio-ckecked-width: calc(12 / var(--font-size-base) * 1rem);\n --radio-background-color: var(--white);\n\n display: flex;\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n padding: 0;\n border-radius: 50%;\n align-items: center;\n justify-content: center;\n background-color: var(--radio-background-color);\n outline: var(--radio-border-width) solid var(--radio-border-color);\n outline-offset: calc(-1 * var(--radio-border-width));\n cursor: pointer;\n appearance: unset;\n\n &::after {\n width: var(--radio-ckecked-width);\n height: var(--radio-ckecked-width);\n border-radius: 50%;\n background-color: var(--radio-ckecked-color);\n content: \"\";\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../../src/Form/Radio/Radio/RadioCommon.scss%23sass","../../../../src/Form/Radio/Radio/RadioCommon.scss"],"names":[],"mappings":"AAAA,UACE,wBAAA,CACA,2BAAA,CACA,yDAAA,CACA,qCAAA,CASA,kBAAA,CAMA,wBAAA,CAAA,gBAAA,CAJA,8CAAA,CAJA,iBAAA,CAOA,cAAA,CAZA,YAAA,CAMA,aAAA,CAJA,0CAAA,CAMA,sBAAA,CALA,QAAA,CAOA,iEAAA,CACA,iDAAA,CAPA,SAAA,CAHA,yCCYF,CDEE,gBAIE,2CAAA,CADA,iBAAA,CAEA,UAAA,CAHA,iCAAA,CADA,gCCIJ","file":"RadioCommon.css","sourcesContent":[".af-radio {\n --radio-border-width: 1px;\n --radio-ckecked-color: transparent;\n --radio-ckecked-width: calc(12 / var(--font-size-base) * 1rem);\n --radio-background-color: var(--white);\n\n display: flex;\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n padding: 0;\n border-radius: 50%;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background-color: var(--radio-background-color);\n outline: var(--radio-border-width) solid var(--radio-border-color);\n outline-offset: calc(-1 * var(--radio-border-width));\n cursor: pointer;\n appearance: unset;\n\n &::after {\n width: var(--radio-ckecked-width);\n height: var(--radio-ckecked-width);\n border-radius: 50%;\n background-color: var(--radio-ckecked-color);\n content: \"\";\n }\n}\n",".af-radio {\n --radio-border-width: 1px;\n --radio-ckecked-color: transparent;\n --radio-ckecked-width: calc(12 / var(--font-size-base) * 1rem);\n --radio-background-color: var(--white);\n\n display: flex;\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n padding: 0;\n border-radius: 50%;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background-color: var(--radio-background-color);\n outline: var(--radio-border-width) solid var(--radio-border-color);\n outline-offset: calc(-1 * var(--radio-border-width));\n cursor: pointer;\n appearance: unset;\n\n &::after {\n width: var(--radio-ckecked-width);\n height: var(--radio-ckecked-width);\n border-radius: 50%;\n background-color: var(--radio-ckecked-color);\n content: \"\";\n }\n}\n"]}
package/dist/Form/Radio/Radio/RadioCommon.scss CHANGED
@@ -10,6 +10,7 @@
10
10
  margin: 0;
11
11
  padding: 0;
12
12
  border-radius: 50%;
13
+ flex-shrink: 0;
13
14
  align-items: center;
14
15
  justify-content: center;
15
16
  background-color: var(--radio-background-color);
package/dist/Form/Radio/Radio/RadioLF.css CHANGED
@@ -1 +1 @@
1
- .af-radio{--radio-border-width:1px;--radio-ckecked-color:#0000;--radio-ckecked-width:calc(12/var(--font-size-base)*1rem);--radio-background-color:var(--white);align-items:center;-webkit-appearance:unset;appearance:unset;background-color:var(--radio-background-color);border-radius:50%;cursor:pointer;display:flex;height:calc(24/var(--font-size-base)*1rem);justify-content:center;margin:0;outline:var(--radio-border-width) solid var(--radio-border-color);outline-offset:calc(var(--radio-border-width)*-1);padding:0;width:calc(24/var(--font-size-base)*1rem)}.af-radio:after{background-color:var(--radio-ckecked-color);border-radius:50%;content:"";height:var(--radio-ckecked-width);width:var(--radio-ckecked-width)}.af-radio{--radio-border-color:var(--color-gray-700);--radio-border-width:2px;--radio-ckecked-width:calc(10/var(--font-size-base)*1rem)}.af-radio:checked,.af-radio:focus-within,.af-radio:hover{--radio-border-color:var(--color-axa)}.af-radio:checked{--radio-ckecked-color:var(--color-axa)}.af-radio--invalid:not(:checked){--radio-border-color:var(--color-red-700)}.af-radio--invalid:not(:checked):focus-within,.af-radio--invalid:not(:checked):hover{--radio-border-color:var(--color-red-700);--radio-border-width:3px}
1
+ .af-radio{--radio-border-width:1px;--radio-ckecked-color:#0000;--radio-ckecked-width:calc(12/var(--font-size-base)*1rem);--radio-background-color:var(--white);align-items:center;-webkit-appearance:unset;appearance:unset;background-color:var(--radio-background-color);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:calc(24/var(--font-size-base)*1rem);justify-content:center;margin:0;outline:var(--radio-border-width) solid var(--radio-border-color);outline-offset:calc(var(--radio-border-width)*-1);padding:0;width:calc(24/var(--font-size-base)*1rem)}.af-radio:after{background-color:var(--radio-ckecked-color);border-radius:50%;content:"";height:var(--radio-ckecked-width);width:var(--radio-ckecked-width)}.af-radio{--radio-border-color:var(--color-gray-700);--radio-border-width:2px;--radio-ckecked-width:calc(10/var(--font-size-base)*1rem)}.af-radio:checked,.af-radio:focus-within,.af-radio:hover{--radio-border-color:var(--color-axa)}.af-radio:checked{--radio-ckecked-color:var(--color-axa)}.af-radio--invalid:not(:checked){--radio-border-color:var(--color-red-700)}.af-radio--invalid:not(:checked):focus-within,.af-radio--invalid:not(:checked):hover{--radio-border-color:var(--color-red-700);--radio-border-width:3px}
package/dist/Form/Radio/Radio/RadioLF.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/Form/Radio/Radio/RadioCommon.scss","../../../../src/Form/Radio/Radio/RadioLF.scss","../../../../src/Form/Radio/Radio/RadioLF.scss%23sass"],"names":[],"mappings":"AAAA,UACE,wBAAA,CCCF,2BAAA,CDCE,yDAAA,CACA,qCAAA,CAQA,kBAAA,CAMA,wBAAA,CAAA,gBAAA,CAJA,8CAAA,CAHA,iBAAA,CAMA,cAAA,CAXA,YAAA,CAEA,0CAAA,CAKA,sBAAA,CAJA,QAAA,CAMA,iEAAA,CACA,iDAAA,CANA,SAAA,CAHA,yCCWF,CDEE,gBAIE,2CAAA,CADA,iBAAA,CAEA,UAAA,CAHA,iCAAA,CADA,gCCIJ,CCvBA,UACE,0CAAA,CACA,wBAAA,CACA,yDD0BF,CCxBE,yDAGE,qCDwBJ,CCrBE,kBACE,sCDuBJ,CCpBE,iCACE,yCDsBJ,CCpBI,qFAEE,yCAAA,CACA,wBDqBN","file":"RadioLF.css","sourcesContent":[".af-radio {\n --radio-border-width: 1px;\n --radio-ckecked-color: transparent;\n --radio-ckecked-width: calc(12 / var(--font-size-base) * 1rem);\n --radio-background-color: var(--white);\n\n display: flex;\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n padding: 0;\n border-radius: 50%;\n align-items: center;\n justify-content: center;\n background-color: var(--radio-background-color);\n outline: var(--radio-border-width) solid var(--radio-border-color);\n outline-offset: calc(-1 * var(--radio-border-width));\n cursor: pointer;\n appearance: unset;\n\n &::after {\n width: var(--radio-ckecked-width);\n height: var(--radio-ckecked-width);\n border-radius: 50%;\n background-color: var(--radio-ckecked-color);\n content: \"\";\n }\n}\n","@use \"RadioCommon\";\n\n.af-radio {\n --radio-border-color: var(--color-gray-700);\n --radio-border-width: 2px;\n --radio-ckecked-width: calc(10 / var(--font-size-base) * 1rem);\n\n &:hover,\n &:focus-within,\n &:checked {\n --radio-border-color: var(--color-axa);\n }\n\n &:checked {\n --radio-ckecked-color: var(--color-axa);\n }\n\n &--invalid:not(:checked) {\n --radio-border-color: var(--color-red-700);\n\n &:hover,\n &:focus-within {\n --radio-border-color: var(--color-red-700);\n --radio-border-width: 3px;\n }\n }\n}\n","@use \"RadioCommon\";\n\n.af-radio {\n --radio-border-color: var(--color-gray-700);\n --radio-border-width: 2px;\n --radio-ckecked-width: calc(10 / var(--font-size-base) * 1rem);\n\n &:hover,\n &:focus-within,\n &:checked {\n --radio-border-color: var(--color-axa);\n }\n\n &:checked {\n --radio-ckecked-color: var(--color-axa);\n }\n\n &--invalid:not(:checked) {\n --radio-border-color: var(--color-red-700);\n\n &:hover,\n &:focus-within {\n --radio-border-color: var(--color-red-700);\n --radio-border-width: 3px;\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../../src/Form/Radio/Radio/RadioCommon.scss","../../../../src/Form/Radio/Radio/RadioLF.scss","../../../../src/Form/Radio/Radio/RadioLF.scss%23sass"],"names":[],"mappings":"AAAA,UACE,wBAAA,CCCF,2BAAA,CDCE,yDAAA,CACA,qCAAA,CASA,kBAAA,CAMA,wBAAA,CAAA,gBAAA,CAJA,8CAAA,CAJA,iBAAA,CAOA,cAAA,CAZA,YAAA,CAMA,aAAA,CAJA,0CAAA,CAMA,sBAAA,CALA,QAAA,CAOA,iEAAA,CACA,iDAAA,CAPA,SAAA,CAHA,yCCYF,CDEE,gBAIE,2CAAA,CADA,iBAAA,CAEA,UAAA,CAHA,iCAAA,CADA,gCCIJ,CCxBA,UACE,0CAAA,CACA,wBAAA,CACA,yDD2BF,CCzBE,yDAGE,qCDyBJ,CCtBE,kBACE,sCDwBJ,CCrBE,iCACE,yCDuBJ,CCrBI,qFAEE,yCAAA,CACA,wBDsBN","file":"RadioLF.css","sourcesContent":[".af-radio {\n --radio-border-width: 1px;\n --radio-ckecked-color: transparent;\n --radio-ckecked-width: calc(12 / var(--font-size-base) * 1rem);\n --radio-background-color: var(--white);\n\n display: flex;\n width: calc(24 / var(--font-size-base) * 1rem);\n height: calc(24 / var(--font-size-base) * 1rem);\n margin: 0;\n padding: 0;\n border-radius: 50%;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n background-color: var(--radio-background-color);\n outline: var(--radio-border-width) solid var(--radio-border-color);\n outline-offset: calc(-1 * var(--radio-border-width));\n cursor: pointer;\n appearance: unset;\n\n &::after {\n width: var(--radio-ckecked-width);\n height: var(--radio-ckecked-width);\n border-radius: 50%;\n background-color: var(--radio-ckecked-color);\n content: \"\";\n }\n}\n","@use \"RadioCommon\";\n\n.af-radio {\n --radio-border-color: var(--color-gray-700);\n --radio-border-width: 2px;\n --radio-ckecked-width: calc(10 / var(--font-size-base) * 1rem);\n\n &:hover,\n &:focus-within,\n &:checked {\n --radio-border-color: var(--color-axa);\n }\n\n &:checked {\n --radio-ckecked-color: var(--color-axa);\n }\n\n &--invalid:not(:checked) {\n --radio-border-color: var(--color-red-700);\n\n &:hover,\n &:focus-within {\n --radio-border-color: var(--color-red-700);\n --radio-border-width: 3px;\n }\n }\n}\n","@use \"RadioCommon\";\n\n.af-radio {\n --radio-border-color: var(--color-gray-700);\n --radio-border-width: 2px;\n --radio-ckecked-width: calc(10 / var(--font-size-base) * 1rem);\n\n &:hover,\n &:focus-within,\n &:checked {\n --radio-border-color: var(--color-axa);\n }\n\n &:checked {\n --radio-ckecked-color: var(--color-axa);\n }\n\n &--invalid:not(:checked) {\n --radio-border-color: var(--color-red-700);\n\n &:hover,\n &:focus-within {\n --radio-border-color: var(--color-red-700);\n --radio-border-width: 3px;\n }\n }\n}\n"]}