@axa-fr/design-system-apollo-css 2.0.4-alpha.17 → 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.
- package/dist/Form/Radio/CardRadioOption/CardRadioOptionApollo.css +1 -1
- package/dist/Form/Radio/CardRadioOption/CardRadioOptionApollo.css.map +1 -1
- package/dist/Form/Radio/CardRadioOption/CardRadioOptionCommon.css +1 -1
- package/dist/Form/Radio/CardRadioOption/CardRadioOptionCommon.css.map +1 -1
- package/dist/Form/Radio/CardRadioOption/CardRadioOptionCommon.scss +1 -0
- package/dist/Form/Radio/CardRadioOption/CardRadioOptionLF.css +1 -1
- package/dist/Form/Radio/CardRadioOption/CardRadioOptionLF.css.map +1 -1
- package/dist/Form/Radio/Radio/RadioApollo.css +1 -1
- package/dist/Form/Radio/Radio/RadioApollo.css.map +1 -1
- package/dist/Form/Radio/Radio/RadioCommon.css +1 -1
- package/dist/Form/Radio/Radio/RadioCommon.css.map +1 -1
- package/dist/Form/Radio/Radio/RadioCommon.scss +1 -0
- package/dist/Form/Radio/Radio/RadioLF.css +1 -1
- package/dist/Form/Radio/Radio/RadioLF.css.map +1 -1
- package/dist/apollo.css +1 -1
- package/dist/apollo.css.map +1 -1
- package/dist/look-and-feel.css +1 -1
- package/dist/look-and-feel.css.map +1 -1
- package/package.json +1 -1
|
@@ -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)}
|
|
@@ -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,
|
|
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"]}
|
|
@@ -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)}}
|
|
@@ -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,
|
|
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"]}
|
|
@@ -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)}
|
|
@@ -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,
|
|
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"]}
|
|
@@ -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}
|
|
@@ -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,
|
|
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"]}
|
|
@@ -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)}
|
|
@@ -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,
|
|
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"]}
|
|
@@ -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}
|
|
@@ -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,
|
|
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"]}
|