npm - @axa-fr/design-system-apollo-css - Versions diffs - 1.0.5-alpha.285 → 1.0.5-alpha.290 - Mend

@axa-fr/design-system-apollo-css 1.0.5-alpha.285 → 1.0.5-alpha.290

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 (46) hide show

package/dist/Form/Checkbox/CheckboxCard/CheckboxCardApollo.css.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../../../../src/Form/Checkbox/CheckboxCard/CheckboxCardCommon.scss","../../../../src/Form/Checkbox/CheckboxCard/CheckboxCardApollo.scss","../../../../src/Form/Checkbox/CheckboxCard/CheckboxCardApollo.scss%23sass"],"names":[],"mappings":"AAGE,6BCFF,YAAA,CDII,qBAAA,CCFJ,QACA,CDKE,mCACE,YAAA,CACA,qBAAA,CACA,0CCHJ,CDME,0BAGE,gCAAA,CAFA,6CAAA,CACA,eCHJ,CDOE,+BAKE,gCAAA,CAHA,6CAAA,CACA,eAAA,CACA,+CAAA,CAHA,QCDJ,CDOI,uBAPF,+BAQI,6CAAA,CACA,+CCJJ,CACF,CDOE,2BACE,YAAA,CACA,qBAAA,CACA,0CCLJ,CDQE,wBAIE,mBAAA,CAHA,YAAA,CAKA,4CAAA,CACA,iBAAA,CACA,eAAA,CAHA,QAAA,CAIA,+CAAA,CACA,eAAA,CARA,QAAA,CACA,SCCJ,CDQI,oCACE,kDCNN,CDQM,4DAEE,4CAAA,CADA,kDCLR,CDQQ,sFACE,kDCNV,CDQU,4HAEE,2CAAA,CADA,kDAAA,CAEA,eCNZ,CDYI,kCACE,kDCVN,CDYM,oCACE,YAAA,CACA,WCVR,CDaM,0DAGE,4CAAA,CADA,kDAAA,CADA,WAAA,CAGA,oDCXR,CDaQ,oFAEE,QAAA,CACA,kDAAA,CAFA,UCTV,CDaU,0HAEE,2CAAA,CADA,kDAAA,CAEA,iBCXZ,CDiBI,mEAEE,sDAAA,CADA,wCAAA,CAEA,4DCfN,CDkBI,gDAME,kBAAA,CAHA,wCAAA,CACA,gDAAA,CAIA,cAAA,CAPA,YAAA,CAIA,QAAA,CAEA,uCAAA,CALA,YCVN,CDkBM,0EAEE,kBAAA,CADA,YAAA,CAEA,sCChBR,CDkBQ,gHACE,YAAA,CAEA,cAAA,CADA,sBAAA,CAEA,+CChBV,CDkBU,iIAGE,2CAAA,CAFA,6CAAA,CACA,eCfZ,CDkBY,uBALF,iIAMI,6CAAA,CACA,eCfZ,CACF,CDkBU,uIAGE,2CAAA,CAFA,6CAAA,CACA,eCfZ,CDkBY,uBALF,uIAMI,6CAAA,CACA,eCfZ,CACF,CDoBM,sDACE,wCAAA,CACA,4DClBR,CDqBM,mEAEE,sDAAA,CADA,wCAAA,CAEA,4DCnBR,CDqBQ,0HACE,eCnBV,CC1IE,mCACE,oDD6IJ,CC1IE,0BACE,wCD4IJ,CCzIE,+BACE,uCD2IJ,CCvII,oCACE,qCDyIN,CCvIM,4DACE,kCDyIR,CCvIQ,sFACE,kCAAA,CACA,+DDyIV,CCvIU,4HACE,qCAAA,CACA,qCDyIZ,CCvIY,6IACE,oDDyId,CClII,kCACE,kCDoIN,CClIM,0DACE,6CDoIR,CClIQ,oFACE,qCAAA,CACA,8DDoIV,CClIU,0HACE,qCAAA,CACA,iCDoIZ,CC9HI,gDACE,6CAAA,CACA,gEAAA,CACA,kCDgIN,CC7HQ,iIACE,oDD+HV,CC5HQ,uIACE,kDD8HV,CC1HM,mEACE,iDAAA,CACA,+CAAA,CACA,iDD4HR,CC1HQ,0HACE,kDD4HV,CCxHM,sDACE,8CAAA,CACA,gDAAA,CACA,6CD0HR,CCxHQ,6GACE,oDD0HV,CCtHM,mEACE,8CAAA,CACA,gDAAA,CACA,kDDwHR,CCtHQ,0HACE,oDDwHV","file":"CheckboxCardApollo.css","sourcesContent":["@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-card {\n &__container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n &__label-container {\n display: flex;\n flex-direction: column;\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__legend {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--checkbox-card-color);\n }\n\n &__description {\n margin: 0;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: calc(16 / var(--font-size-base) * 1rem);\n color: var(--checkbox-card-color);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &__choices {\n display: flex;\n flex-direction: column;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &-group {\n display: flex;\n margin: 0;\n padding: 0;\n align-items: stretch;\n gap: 1rem;\n font-family: var(--checkbox-card-font-family);\n font-style: normal;\n font-weight: 400;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n list-style: none;\n\n &--horizontal {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-label {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-items);\n\n .af-checkbox-card-content {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-content-description {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-item);\n text-align: left;\n }\n }\n }\n }\n\n &--vertical {\n flex-direction: var(--checkbox-card-flex-direction);\n\n > * {\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .af-checkbox-card-label {\n height: 100%;\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-items);\n justify-content: var(--checkbox-card-justify-content);\n\n .af-checkbox-card-content {\n width: 100%;\n flex: 1;\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-content-description {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-item);\n text-align: center;\n }\n }\n }\n }\n\n .af-checkbox-card-label[aria-invalid=\"true\"] {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n\n .af-checkbox-card-label {\n display: flex;\n padding: 1rem;\n border: solid var(--checkbox-card-border);\n border-radius: var(--checkbox-card-border-radius);\n flex: 1;\n align-self: stretch;\n gap: calc(12 / var(--font-size-base) * 1rem);\n cursor: pointer;\n\n .af-checkbox-card-content {\n display: flex;\n align-items: center;\n gap: calc(4 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n display: flex;\n justify-content: center;\n font-size: 1rem;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n & > span:first-child {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-card-label-text-color);\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n }\n }\n\n & > span:not(:first-child) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-card-label-text-color);\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n }\n }\n }\n }\n\n &:hover {\n border: solid var(--checkbox-card-border);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n\n &:has(input:checked) {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n\n .af-checkbox-card-content-description > span:first-child {\n font-weight: 600;\n }\n }\n }\n }\n}\n","@use \"CheckboxCardCommon\";\n@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-card {\n &__label-container {\n --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &__legend {\n --checkbox-card-color: var(--neutral-100);\n }\n\n &__description {\n --checkbox-card-color: var(--neutral-80);\n }\n\n &-group {\n &--horizontal {\n --checkbox-card-flex-direction: column;\n\n .af-checkbox-card-label {\n --checkbox-card-flex-direction: row;\n\n .af-checkbox-card-content {\n --checkbox-card-flex-direction: row;\n --checkbox-card-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n --checkbox-card-flex-direction: column;\n --checkbox-card-align-item: flex-start;\n\n & > span:first-child {\n --checkbox-card-label-text-color: var(--axa-blue-100);\n }\n }\n }\n }\n }\n\n &--vertical {\n --checkbox-card-flex-direction: row;\n\n .af-checkbox-card-label {\n --checkbox-card-flex-direction: column-reverse;\n\n .af-checkbox-card-content {\n --checkbox-card-flex-direction: column;\n --checkbox-card-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n --checkbox-card-flex-direction: column;\n --checkbox-card-align-item: center;\n }\n }\n }\n }\n\n .af-checkbox-card-label {\n --checkbox-card-border: 1px var(--axa-blue-65);\n --checkbox-card-border-radius: calc(8 / var(--font-size-base) * 1rem);\n --checkbox-card-align-items: center;\n\n .af-checkbox-card-content .af-checkbox-card-content-description > span {\n &:first-child {\n --checkbox-card-label-text-color: var(--axa-blue-100);\n }\n\n &:not(:first-child) {\n --checkbox-card-label-text-color: var(--neutral-80);\n }\n }\n\n &[aria-invalid=\"true\"] {\n --checkbox-card-background-color: var(--axa-red-4);\n --checkbox-card-border: 1px var(--red-alert-100);\n --checkbox-card-shadow-color: var(--red-alert-100);\n\n .af-checkbox-card-content-description > span:first-child {\n --checkbox-card-label-text-color: var(--neutral-80);\n }\n }\n\n &:hover {\n --checkbox-card-border: 1px var(--axa-blue-100);\n --checkbox-card-shadow-color: var(--axa-blue-100);\n --checkbox-card-background-color: var(--white);\n\n .af-checkbox-card-content-description > span:first-child {\n --checkbox-card-label-text-color: var(--axa-blue-100);\n }\n }\n\n &:has(input:checked) {\n --checkbox-card-border: 1px var(--axa-blue-100);\n --checkbox-card-shadow-color: var(--axa-blue-100);\n --checkbox-card-background-color: var(--axa-blue-4);\n\n .af-checkbox-card-content-description > span:first-child {\n --checkbox-card-label-text-color: var(--axa-blue-100);\n }\n }\n }\n }\n}\n","@use \"CheckboxCardCommon\";\n@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-card {\n &__label-container {\n --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &__legend {\n --checkbox-card-color: var(--neutral-100);\n }\n\n &__description {\n --checkbox-card-color: var(--neutral-80);\n }\n\n &-group {\n &--horizontal {\n --checkbox-card-flex-direction: column;\n\n .af-checkbox-card-label {\n --checkbox-card-flex-direction: row;\n\n .af-checkbox-card-content {\n --checkbox-card-flex-direction: row;\n --checkbox-card-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n --checkbox-card-flex-direction: column;\n --checkbox-card-align-item: flex-start;\n\n & > span:first-child {\n --checkbox-card-label-text-color: var(--axa-blue-100);\n }\n }\n }\n }\n }\n\n &--vertical {\n --checkbox-card-flex-direction: row;\n\n .af-checkbox-card-label {\n --checkbox-card-flex-direction: column-reverse;\n\n .af-checkbox-card-content {\n --checkbox-card-flex-direction: column;\n --checkbox-card-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n --checkbox-card-flex-direction: column;\n --checkbox-card-align-item: center;\n }\n }\n }\n }\n\n .af-checkbox-card-label {\n --checkbox-card-border: 1px var(--axa-blue-65);\n --checkbox-card-border-radius: calc(8 / var(--font-size-base) * 1rem);\n --checkbox-card-align-items: center;\n\n .af-checkbox-card-content .af-checkbox-card-content-description > span {\n &:first-child {\n --checkbox-card-label-text-color: var(--axa-blue-100);\n }\n\n &:not(:first-child) {\n --checkbox-card-label-text-color: var(--neutral-80);\n }\n }\n\n &[aria-invalid=\"true\"] {\n --checkbox-card-background-color: var(--axa-red-4);\n --checkbox-card-border: 1px var(--red-alert-100);\n --checkbox-card-shadow-color: var(--red-alert-100);\n\n .af-checkbox-card-content-description > span:first-child {\n --checkbox-card-label-text-color: var(--neutral-80);\n }\n }\n\n &:hover {\n --checkbox-card-border: 1px var(--axa-blue-100);\n --checkbox-card-shadow-color: var(--axa-blue-100);\n --checkbox-card-background-color: var(--white);\n\n .af-checkbox-card-content-description > span:first-child {\n --checkbox-card-label-text-color: var(--axa-blue-100);\n }\n }\n\n &:has(input:checked) {\n --checkbox-card-border: 1px var(--axa-blue-100);\n --checkbox-card-shadow-color: var(--axa-blue-100);\n --checkbox-card-background-color: var(--axa-blue-4);\n\n .af-checkbox-card-content-description > span:first-child {\n --checkbox-card-label-text-color: var(--axa-blue-100);\n }\n }\n }\n }\n}\n"]}

package/dist/Form/Checkbox/CheckboxCard/CheckboxCardApollo.scss DELETED Viewed

@@ -1,104 +0,0 @@
-@use "CheckboxCardCommon";
-@use "../../../common/breakpoints" as breakpoints;
-.af-checkbox-card {
-  &__label-container {
-    --font-size-base: calc(16 / var(--font-size-base) * 1rem);
-  }
-  &__legend {
-    --checkbox-card-color: var(--neutral-100);
-  }
-  &__description {
-    --checkbox-card-color: var(--neutral-80);
-  }
-  &-group {
-    &--horizontal {
-      --checkbox-card-flex-direction: column;
-      .af-checkbox-card-label {
-        --checkbox-card-flex-direction: row;
-        .af-checkbox-card-content {
-          --checkbox-card-flex-direction: row;
-          --checkbox-card-margin-left: calc(12 / var(--font-size-base) * 1rem);
-          .af-checkbox-card-content-description {
-            --checkbox-card-flex-direction: column;
-            --checkbox-card-align-item: flex-start;
-            & > span:first-child {
-              --checkbox-card-label-text-color: var(--axa-blue-100);
-            }
-          }
-        }
-      }
-    }
-    &--vertical {
-      --checkbox-card-flex-direction: row;
-      .af-checkbox-card-label {
-        --checkbox-card-flex-direction: column-reverse;
-        .af-checkbox-card-content {
-          --checkbox-card-flex-direction: column;
-          --checkbox-card-margin-left: calc(2 / var(--font-size-base) * 1rem);
-          .af-checkbox-card-content-description {
-            --checkbox-card-flex-direction: column;
-            --checkbox-card-align-item: center;
-          }
-        }
-      }
-    }
-    .af-checkbox-card-label {
-      --checkbox-card-border: 1px var(--axa-blue-65);
-      --checkbox-card-border-radius: calc(8 / var(--font-size-base) * 1rem);
-      --checkbox-card-align-items: center;
-      .af-checkbox-card-content .af-checkbox-card-content-description > span {
-        &:first-child {
-          --checkbox-card-label-text-color: var(--axa-blue-100);
-        }
-        &:not(:first-child) {
-          --checkbox-card-label-text-color: var(--neutral-80);
-        }
-      }
-      &[aria-invalid="true"] {
-        --checkbox-card-background-color: var(--axa-red-4);
-        --checkbox-card-border: 1px var(--red-alert-100);
-        --checkbox-card-shadow-color: var(--red-alert-100);
-        .af-checkbox-card-content-description > span:first-child {
-          --checkbox-card-label-text-color: var(--neutral-80);
-        }
-      }
-      &:hover {
-        --checkbox-card-border: 1px var(--axa-blue-100);
-        --checkbox-card-shadow-color: var(--axa-blue-100);
-        --checkbox-card-background-color: var(--white);
-        .af-checkbox-card-content-description > span:first-child {
-          --checkbox-card-label-text-color: var(--axa-blue-100);
-        }
-      }
-      &:has(input:checked) {
-        --checkbox-card-border: 1px var(--axa-blue-100);
-        --checkbox-card-shadow-color: var(--axa-blue-100);
-        --checkbox-card-background-color: var(--axa-blue-4);
-        .af-checkbox-card-content-description > span:first-child {
-          --checkbox-card-label-text-color: var(--axa-blue-100);
-        }
-      }
-    }
-  }
-}

package/dist/Form/Checkbox/CheckboxCard/CheckboxCardCommon.css DELETED Viewed

@@ -1 +0,0 @@

package/dist/Form/Checkbox/CheckboxCard/CheckboxCardCommon.css.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../../../../src/Form/Checkbox/CheckboxCard/CheckboxCardCommon.scss%23sass","../../../../src/Form/Checkbox/CheckboxCard/CheckboxCardCommon.scss"],"names":[],"mappings":"AAGE,6BACE,YAAA,CCFJ,qBAAA,CDII,QCFJ,CDKE,mCACE,YAAA,CACA,qBAAA,CACA,0CCHJ,CDME,0BAGE,gCAAA,CAFA,6CAAA,CACA,eCHJ,CDOE,+BAKE,gCAAA,CAHA,6CAAA,CACA,eAAA,CACA,+CAAA,CAHA,QCDJ,CDOI,uBAPF,+BAQI,6CAAA,CACA,+CCJJ,CACF,CDOE,2BACE,YAAA,CACA,qBAAA,CACA,0CCLJ,CDQE,wBAIE,mBAAA,CAHA,YAAA,CAKA,4CAAA,CACA,iBAAA,CACA,eAAA,CAHA,QAAA,CAIA,+CAAA,CACA,eAAA,CARA,QAAA,CACA,SCCJ,CDQI,oCACE,kDCNN,CDQM,4DAEE,4CAAA,CADA,kDCLR,CDQQ,sFACE,kDCNV,CDQU,4HAEE,2CAAA,CADA,kDAAA,CAEA,eCNZ,CDYI,kCACE,kDCVN,CDYM,oCACE,YAAA,CACA,WCVR,CDaM,0DAGE,4CAAA,CADA,kDAAA,CADA,WAAA,CAGA,oDCXR,CDaQ,oFAEE,QAAA,CACA,kDAAA,CAFA,UCTV,CDaU,0HAEE,2CAAA,CADA,kDAAA,CAEA,iBCXZ,CDiBI,mEAEE,sDAAA,CADA,wCAAA,CAEA,4DCfN,CDkBI,gDAME,kBAAA,CAHA,wCAAA,CACA,gDAAA,CAIA,cAAA,CAPA,YAAA,CAIA,QAAA,CAEA,uCAAA,CALA,YCVN,CDkBM,0EAEE,kBAAA,CADA,YAAA,CAEA,sCChBR,CDkBQ,gHACE,YAAA,CAEA,cAAA,CADA,sBAAA,CAEA,+CChBV,CDkBU,iIAGE,2CAAA,CAFA,6CAAA,CACA,eCfZ,CDkBY,uBALF,iIAMI,6CAAA,CACA,eCfZ,CACF,CDkBU,uIAGE,2CAAA,CAFA,6CAAA,CACA,eCfZ,CDkBY,uBALF,uIAMI,6CAAA,CACA,eCfZ,CACF,CDoBM,sDACE,wCAAA,CACA,4DClBR,CDqBM,mEAEE,sDAAA,CADA,wCAAA,CAEA,4DCnBR,CDqBQ,0HACE,eCnBV","file":"CheckboxCardCommon.css","sourcesContent":["@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-card {\n &__container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n &__label-container {\n display: flex;\n flex-direction: column;\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__legend {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--checkbox-card-color);\n }\n\n &__description {\n margin: 0;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: calc(16 / var(--font-size-base) * 1rem);\n color: var(--checkbox-card-color);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &__choices {\n display: flex;\n flex-direction: column;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &-group {\n display: flex;\n margin: 0;\n padding: 0;\n align-items: stretch;\n gap: 1rem;\n font-family: var(--checkbox-card-font-family);\n font-style: normal;\n font-weight: 400;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n list-style: none;\n\n &--horizontal {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-label {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-items);\n\n .af-checkbox-card-content {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-content-description {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-item);\n text-align: left;\n }\n }\n }\n }\n\n &--vertical {\n flex-direction: var(--checkbox-card-flex-direction);\n\n > * {\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .af-checkbox-card-label {\n height: 100%;\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-items);\n justify-content: var(--checkbox-card-justify-content);\n\n .af-checkbox-card-content {\n width: 100%;\n flex: 1;\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-content-description {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-item);\n text-align: center;\n }\n }\n }\n }\n\n .af-checkbox-card-label[aria-invalid=\"true\"] {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n\n .af-checkbox-card-label {\n display: flex;\n padding: 1rem;\n border: solid var(--checkbox-card-border);\n border-radius: var(--checkbox-card-border-radius);\n flex: 1;\n align-self: stretch;\n gap: calc(12 / var(--font-size-base) * 1rem);\n cursor: pointer;\n\n .af-checkbox-card-content {\n display: flex;\n align-items: center;\n gap: calc(4 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n display: flex;\n justify-content: center;\n font-size: 1rem;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n & > span:first-child {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-card-label-text-color);\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n }\n }\n\n & > span:not(:first-child) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-card-label-text-color);\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n }\n }\n }\n }\n\n &:hover {\n border: solid var(--checkbox-card-border);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n\n &:has(input:checked) {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n\n .af-checkbox-card-content-description > span:first-child {\n font-weight: 600;\n }\n }\n }\n }\n}\n","@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-card {\n &__container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n &__label-container {\n display: flex;\n flex-direction: column;\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__legend {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--checkbox-card-color);\n }\n\n &__description {\n margin: 0;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: calc(16 / var(--font-size-base) * 1rem);\n color: var(--checkbox-card-color);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &__choices {\n display: flex;\n flex-direction: column;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &-group {\n display: flex;\n margin: 0;\n padding: 0;\n align-items: stretch;\n gap: 1rem;\n font-family: var(--checkbox-card-font-family);\n font-style: normal;\n font-weight: 400;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n list-style: none;\n\n &--horizontal {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-label {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-items);\n\n .af-checkbox-card-content {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-content-description {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-item);\n text-align: left;\n }\n }\n }\n }\n\n &--vertical {\n flex-direction: var(--checkbox-card-flex-direction);\n\n > * {\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .af-checkbox-card-label {\n height: 100%;\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-items);\n justify-content: var(--checkbox-card-justify-content);\n\n .af-checkbox-card-content {\n width: 100%;\n flex: 1;\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-content-description {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-item);\n text-align: center;\n }\n }\n }\n }\n\n .af-checkbox-card-label[aria-invalid=\"true\"] {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n\n .af-checkbox-card-label {\n display: flex;\n padding: 1rem;\n border: solid var(--checkbox-card-border);\n border-radius: var(--checkbox-card-border-radius);\n flex: 1;\n align-self: stretch;\n gap: calc(12 / var(--font-size-base) * 1rem);\n cursor: pointer;\n\n .af-checkbox-card-content {\n display: flex;\n align-items: center;\n gap: calc(4 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n display: flex;\n justify-content: center;\n font-size: 1rem;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n & > span:first-child {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-card-label-text-color);\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n }\n }\n\n & > span:not(:first-child) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-card-label-text-color);\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n }\n }\n }\n }\n\n &:hover {\n border: solid var(--checkbox-card-border);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n\n &:has(input:checked) {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n\n .af-checkbox-card-content-description > span:first-child {\n font-weight: 600;\n }\n }\n }\n }\n}\n"]}

package/dist/Form/Checkbox/CheckboxCard/CheckboxCardLF.css DELETED Viewed

@@ -1 +0,0 @@

- .af-checkbox-card__container{display:flex;flex-direction:column;gap:1rem}.af-checkbox-card__label-container{display:flex;flex-direction:column;row-gap:calc(4/var(--font-size-base)*1rem)}.af-checkbox-card__legend{color:var(--checkbox-card-color);font-size:calc(18/var(--font-size-base)*1rem);font-weight:600}.af-checkbox-card__description{color:var(--checkbox-card-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;line-height:calc(16/var(--font-size-base)*1rem);margin:0}@media (width > 667px){.af-checkbox-card__description{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(18/var(--font-size-base)*1rem)}}.af-checkbox-card__choices{display:flex;flex-direction:column;row-gap:calc(8/var(--font-size-base)*1rem)}.af-checkbox-card-group{align-items:stretch;display:flex;font-family:var(--checkbox-card-font-family);font-style:normal;font-weight:400;gap:1rem;line-height:calc(20/var(--font-size-base)*1rem);list-style:none;margin:0;padding:0}.af-checkbox-card-group--horizontal{flex-direction:var(--checkbox-card-flex-direction)}.af-checkbox-card-group--horizontal .af-checkbox-card-label{align-items:var(--checkbox-card-align-items);flex-direction:var(--checkbox-card-flex-direction)}.af-checkbox-card-group--horizontal .af-checkbox-card-label .af-checkbox-card-content{flex-direction:var(--checkbox-card-flex-direction)}.af-checkbox-card-group--horizontal .af-checkbox-card-label .af-checkbox-card-content .af-checkbox-card-content-description{align-items:var(--checkbox-card-align-item);flex-direction:var(--checkbox-card-flex-direction);text-align:left}.af-checkbox-card-group--vertical{flex-direction:var(--checkbox-card-flex-direction)}.af-checkbox-card-group--vertical>*{flex-basis:0;flex-grow:1}.af-checkbox-card-group--vertical .af-checkbox-card-label{align-items:var(--checkbox-card-align-items);flex-direction:var(--checkbox-card-flex-direction);height:100%;justify-content:var(--checkbox-card-justify-content)}.af-checkbox-card-group--vertical .af-checkbox-card-label .af-checkbox-card-content{flex:1 1;flex-direction:var(--checkbox-card-flex-direction);width:100%}.af-checkbox-card-group--vertical .af-checkbox-card-label .af-checkbox-card-content .af-checkbox-card-content-description{align-items:var(--checkbox-card-align-item);flex-direction:var(--checkbox-card-flex-direction);text-align:center}.af-checkbox-card-group .af-checkbox-card-label[aria-invalid=true]{background-color:var(--checkbox-card-background-color);border:solid var(--checkbox-card-border);box-shadow:0 0 0 1px var(--checkbox-card-shadow-color) inset}.af-checkbox-card-group .af-checkbox-card-label{align-self:stretch;border:solid var(--checkbox-card-border);border-radius:var(--checkbox-card-border-radius);cursor:pointer;display:flex;flex:1 1;gap:calc(12/var(--font-size-base)*1rem);padding:1rem}.af-checkbox-card-group .af-checkbox-card-label .af-checkbox-card-content{align-items:center;display:flex;gap:calc(4/var(--font-size-base)*1rem)}.af-checkbox-card-group .af-checkbox-card-label .af-checkbox-card-content .af-checkbox-card-content-description{display:flex;font-size:1rem;justify-content:center;line-height:calc(20/var(--font-size-base)*1rem)}.af-checkbox-card-group .af-checkbox-card-label .af-checkbox-card-content .af-checkbox-card-content-description>span:first-child{color:var(--checkbox-card-label-text-color);font-size:calc(18/var(--font-size-base)*1rem);font-weight:400}@media (width < 667px){.af-checkbox-card-group .af-checkbox-card-label .af-checkbox-card-content .af-checkbox-card-content-description>span:first-child{font-size:calc(16/var(--font-size-base)*1rem);font-weight:400}}.af-checkbox-card-group .af-checkbox-card-label .af-checkbox-card-content .af-checkbox-card-content-description>span:not(:first-child){color:var(--checkbox-card-label-text-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400}@media (width < 667px){.af-checkbox-card-group .af-checkbox-card-label .af-checkbox-card-content .af-checkbox-card-content-description>span:not(:first-child){font-size:calc(14/var(--font-size-base)*1rem);font-weight:400}}.af-checkbox-card-group .af-checkbox-card-label:hover{border:solid var(--checkbox-card-border);box-shadow:0 0 0 1px var(--checkbox-card-shadow-color) inset}.af-checkbox-card-group .af-checkbox-card-label:has(input:checked){background-color:var(--checkbox-card-background-color);border:solid var(--checkbox-card-border);box-shadow:0 0 0 1px var(--checkbox-card-shadow-color) inset}.af-checkbox-card-group .af-checkbox-card-label:has(input:checked) .af-checkbox-card-content-description>span:first-child{font-weight:600}.af-checkbox-card__label-container{--font-size-base:calc(16/var(--font-size-base)*1rem)}.af-checkbox-card__legend{--checkbox-card-color:var(--color-gray-900)}.af-checkbox-card__description{--checkbox-card-color:var(--color-gray-700)}.af-checkbox-card-group--horizontal{--checkbox-card-flex-direction:column}.af-checkbox-card-group--horizontal .af-checkbox-card-label{--checkbox-card-flex-direction:row;--checkbox-card-align-items:center}.af-checkbox-card-group--horizontal .af-checkbox-card-label .af-checkbox-card-content{--checkbox-card-flex-direction:row;--checkbox-card-margin-left:calc(12/var(--font-size-base)*1rem)}.af-checkbox-card-group--horizontal .af-checkbox-card-label .af-checkbox-card-content .af-checkbox-card-content-description{--checkbox-card-flex-direction:column;--checkbox-card-align-item:flex-start}.af-checkbox-card-group--vertical{--checkbox-card-flex-direction:row}.af-checkbox-card-group--vertical .af-checkbox-card-label{--checkbox-card-flex-direction:row;--checkbox-card-align-items:flex-start;--checkbox-card-justify-content:flex-start}.af-checkbox-card-group--vertical .af-checkbox-card-label .af-checkbox{position:absolute}.af-checkbox-card-group--vertical .af-checkbox-card-label .af-checkbox-card-content{--checkbox-card-flex-direction:column;--checkbox-card-margin-left:calc(2/var(--font-size-base)*1rem)}.af-checkbox-card-group--vertical .af-checkbox-card-label .af-checkbox-card-content .af-checkbox-card-content-description{--checkbox-card-flex-direction:column;--checkbox-card-align-item:center}.af-checkbox-card-group .af-checkbox-card-label[aria-invalid=true]{--checkbox-card-background-color:var(--color-white);--checkbox-card-border:1px var(--color-red-700);--checkbox-card-shadow-color:var(--color-red-700)}.af-checkbox-card-group .af-checkbox-card-label{--checkbox-card-border:1px var(--color-gray-700);--checkbox-card-border-radius:calc(6/var(--font-size-base)*1rem)}.af-checkbox-card-group .af-checkbox-card-label .af-checkbox-card-content-description>span:first-child{--checkbox-card-label-text-color:var(--color-gray-900)}.af-checkbox-card-group .af-checkbox-card-label .af-checkbox-card-content-description>span:not(:first-child){--checkbox-card-label-text-color:var(--color-gray-700)}.af-checkbox-card-group .af-checkbox-card-label:hover{--checkbox-card-border:1px var(--color-axa);--checkbox-card-shadow-color:var(--color-axa)}.af-checkbox-card-group .af-checkbox-card-label:has(input:checked){--checkbox-card-border:1px var(--color-axa);--checkbox-card-shadow-color:var(--color-axa);--checkbox-card-background-color:var(--color-blue-2)}

package/dist/Form/Checkbox/CheckboxCard/CheckboxCardLF.css.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../../../../src/Form/Checkbox/CheckboxCard/CheckboxCardCommon.scss","../../../../src/Form/Checkbox/CheckboxCard/CheckboxCardLF.scss","../../../../src/Form/Checkbox/CheckboxCard/CheckboxCardLF.scss%23sass"],"names":[],"mappings":"AAGE,6BACE,YAAA,CCFJ,qBAAA,CDII,QCFJ,CDKE,mCACE,YAAA,CACA,qBAAA,CACA,0CCHJ,CDME,0BAGE,gCAAA,CAFA,6CAAA,CACA,eCHJ,CDOE,+BAKE,gCAAA,CAHA,6CAAA,CACA,eAAA,CACA,+CAAA,CAHA,QCDJ,CDOI,uBAPF,+BAQI,6CAAA,CACA,+CCJJ,CACF,CDOE,2BACE,YAAA,CACA,qBAAA,CACA,0CCLJ,CDQE,wBAIE,mBAAA,CAHA,YAAA,CAKA,4CAAA,CACA,iBAAA,CACA,eAAA,CAHA,QAAA,CAIA,+CAAA,CACA,eAAA,CARA,QAAA,CACA,SCCJ,CDQI,oCACE,kDCNN,CDQM,4DAEE,4CAAA,CADA,kDCLR,CDQQ,sFACE,kDCNV,CDQU,4HAEE,2CAAA,CADA,kDAAA,CAEA,eCNZ,CDYI,kCACE,kDCVN,CDYM,oCACE,YAAA,CACA,WCVR,CDaM,0DAGE,4CAAA,CADA,kDAAA,CADA,WAAA,CAGA,oDCXR,CDaQ,oFAEE,QAAA,CACA,kDAAA,CAFA,UCTV,CDaU,0HAEE,2CAAA,CADA,kDAAA,CAEA,iBCXZ,CDiBI,mEAEE,sDAAA,CADA,wCAAA,CAEA,4DCfN,CDkBI,gDAME,kBAAA,CCpBN,wCAAA,CDkBM,gDAAA,CAIA,cAAA,CAPA,YAAA,CAIA,QAAA,CAEA,uCAAA,CALA,YCVN,CDkBM,0EAEE,kBAAA,CADA,YAAA,CAEA,sCChBR,CDkBQ,gHACE,YAAA,CAEA,cAAA,CADA,sBAAA,CAEA,+CChBV,CDkBU,iIAGE,2CAAA,CAFA,6CAAA,CACA,eCfZ,CDkBY,uBALF,iIAMI,6CAAA,CACA,eCfZ,CACF,CDkBU,uIAGE,2CAAA,CAFA,6CAAA,CACA,eCfZ,CDkBY,uBALF,uIAMI,6CAAA,CACA,eCfZ,CACF,CDoBM,sDACE,wCAAA,CACA,4DClBR,CDqBM,mEAEE,sDAAA,CADA,wCAAA,CAEA,4DCnBR,CDqBQ,0HACE,eCnBV,CC3IE,mCACE,oDD8IJ,CC3IE,0BACE,2CD6IJ,CC1IE,+BACE,2CD4IJ,CCxII,oCACE,qCD0IN,CCxIM,4DACE,kCAAA,CACA,kCD0IR,CCxIQ,sFACE,kCAAA,CACA,+DD0IV,CCxIU,4HACE,qCAAA,CACA,qCD0IZ,CCpII,kCACE,kCDsIN,CCpIM,0DACE,kCAAA,CACA,sCAAA,CACA,0CDsIR,CCpIQ,uEACE,iBDsIV,CCnIQ,oFACE,qCAAA,CACA,8DDqIV,CCnIU,0HACE,qCAAA,CACA,iCDqIZ,CC/HI,mEACE,mDAAA,CACA,+CAAA,CACA,iDDiIN,CC9HI,gDACE,gDAAA,CACA,gEDgIN,CC7HQ,uGACE,sDD+HV,CC5HQ,6GACE,sDD8HV,CC1HM,sDACE,2CAAA,CACA,6CD4HR,CCzHM,mEACE,2CAAA,CACA,6CAAA,CACA,oDD2HR","file":"CheckboxCardLF.css","sourcesContent":["@use \"../../../common/breakpoints\" as breakpoints;\n\n.af-checkbox-card {\n &__container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n &__label-container {\n display: flex;\n flex-direction: column;\n row-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &__legend {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--checkbox-card-color);\n }\n\n &__description {\n margin: 0;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: calc(16 / var(--font-size-base) * 1rem);\n color: var(--checkbox-card-color);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &__choices {\n display: flex;\n flex-direction: column;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &-group {\n display: flex;\n margin: 0;\n padding: 0;\n align-items: stretch;\n gap: 1rem;\n font-family: var(--checkbox-card-font-family);\n font-style: normal;\n font-weight: 400;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n list-style: none;\n\n &--horizontal {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-label {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-items);\n\n .af-checkbox-card-content {\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-content-description {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-item);\n text-align: left;\n }\n }\n }\n }\n\n &--vertical {\n flex-direction: var(--checkbox-card-flex-direction);\n\n > * {\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .af-checkbox-card-label {\n height: 100%;\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-items);\n justify-content: var(--checkbox-card-justify-content);\n\n .af-checkbox-card-content {\n width: 100%;\n flex: 1;\n flex-direction: var(--checkbox-card-flex-direction);\n\n .af-checkbox-card-content-description {\n flex-direction: var(--checkbox-card-flex-direction);\n align-items: var(--checkbox-card-align-item);\n text-align: center;\n }\n }\n }\n }\n\n .af-checkbox-card-label[aria-invalid=\"true\"] {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n\n .af-checkbox-card-label {\n display: flex;\n padding: 1rem;\n border: solid var(--checkbox-card-border);\n border-radius: var(--checkbox-card-border-radius);\n flex: 1;\n align-self: stretch;\n gap: calc(12 / var(--font-size-base) * 1rem);\n cursor: pointer;\n\n .af-checkbox-card-content {\n display: flex;\n align-items: center;\n gap: calc(4 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n display: flex;\n justify-content: center;\n font-size: 1rem;\n line-height: calc(20 / var(--font-size-base) * 1rem);\n\n & > span:first-child {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-card-label-text-color);\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n }\n }\n\n & > span:not(:first-child) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-card-label-text-color);\n\n @media (width < #{breakpoints.$breakpoint-sm}) {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n }\n }\n }\n }\n\n &:hover {\n border: solid var(--checkbox-card-border);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n }\n\n &:has(input:checked) {\n border: solid var(--checkbox-card-border);\n background-color: var(--checkbox-card-background-color);\n box-shadow: 0 0 0 1px var(--checkbox-card-shadow-color) inset;\n\n .af-checkbox-card-content-description > span:first-child {\n font-weight: 600;\n }\n }\n }\n }\n}\n","@use \"CheckboxCardCommon\";\n\n.af-checkbox-card {\n &__label-container {\n --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &__legend {\n --checkbox-card-color: var(--color-gray-900);\n }\n\n &__description {\n --checkbox-card-color: var(--color-gray-700);\n }\n\n &-group {\n &--horizontal {\n --checkbox-card-flex-direction: column;\n\n .af-checkbox-card-label {\n --checkbox-card-flex-direction: row;\n --checkbox-card-align-items: center;\n\n .af-checkbox-card-content {\n --checkbox-card-flex-direction: row;\n --checkbox-card-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n --checkbox-card-flex-direction: column;\n --checkbox-card-align-item: flex-start;\n }\n }\n }\n }\n\n &--vertical {\n --checkbox-card-flex-direction: row;\n\n .af-checkbox-card-label {\n --checkbox-card-flex-direction: row;\n --checkbox-card-align-items: flex-start;\n --checkbox-card-justify-content: flex-start;\n\n .af-checkbox {\n position: absolute;\n }\n\n .af-checkbox-card-content {\n --checkbox-card-flex-direction: column;\n --checkbox-card-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n --checkbox-card-flex-direction: column;\n --checkbox-card-align-item: center;\n }\n }\n }\n }\n\n .af-checkbox-card-label[aria-invalid=\"true\"] {\n --checkbox-card-background-color: var(--color-white);\n --checkbox-card-border: 1px var(--color-red-700);\n --checkbox-card-shadow-color: var(--color-red-700);\n }\n\n .af-checkbox-card-label {\n --checkbox-card-border: 1px var(--color-gray-700);\n --checkbox-card-border-radius: calc(6 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description > span {\n &:first-child {\n --checkbox-card-label-text-color: var(--color-gray-900);\n }\n\n &:not(:first-child) {\n --checkbox-card-label-text-color: var(--color-gray-700);\n }\n }\n\n &:hover {\n --checkbox-card-border: 1px var(--color-axa);\n --checkbox-card-shadow-color: var(--color-axa);\n }\n\n &:has(input:checked) {\n --checkbox-card-border: 1px var(--color-axa);\n --checkbox-card-shadow-color: var(--color-axa);\n --checkbox-card-background-color: var(--color-blue-2);\n }\n }\n }\n}\n","@use \"CheckboxCardCommon\";\n\n.af-checkbox-card {\n &__label-container {\n --font-size-base: calc(16 / var(--font-size-base) * 1rem);\n }\n\n &__legend {\n --checkbox-card-color: var(--color-gray-900);\n }\n\n &__description {\n --checkbox-card-color: var(--color-gray-700);\n }\n\n &-group {\n &--horizontal {\n --checkbox-card-flex-direction: column;\n\n .af-checkbox-card-label {\n --checkbox-card-flex-direction: row;\n --checkbox-card-align-items: center;\n\n .af-checkbox-card-content {\n --checkbox-card-flex-direction: row;\n --checkbox-card-margin-left: calc(12 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n --checkbox-card-flex-direction: column;\n --checkbox-card-align-item: flex-start;\n }\n }\n }\n }\n\n &--vertical {\n --checkbox-card-flex-direction: row;\n\n .af-checkbox-card-label {\n --checkbox-card-flex-direction: row;\n --checkbox-card-align-items: flex-start;\n --checkbox-card-justify-content: flex-start;\n\n .af-checkbox {\n position: absolute;\n }\n\n .af-checkbox-card-content {\n --checkbox-card-flex-direction: column;\n --checkbox-card-margin-left: calc(2 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description {\n --checkbox-card-flex-direction: column;\n --checkbox-card-align-item: center;\n }\n }\n }\n }\n\n .af-checkbox-card-label[aria-invalid=\"true\"] {\n --checkbox-card-background-color: var(--color-white);\n --checkbox-card-border: 1px var(--color-red-700);\n --checkbox-card-shadow-color: var(--color-red-700);\n }\n\n .af-checkbox-card-label {\n --checkbox-card-border: 1px var(--color-gray-700);\n --checkbox-card-border-radius: calc(6 / var(--font-size-base) * 1rem);\n\n .af-checkbox-card-content-description > span {\n &:first-child {\n --checkbox-card-label-text-color: var(--color-gray-900);\n }\n\n &:not(:first-child) {\n --checkbox-card-label-text-color: var(--color-gray-700);\n }\n }\n\n &:hover {\n --checkbox-card-border: 1px var(--color-axa);\n --checkbox-card-shadow-color: var(--color-axa);\n }\n\n &:has(input:checked) {\n --checkbox-card-border: 1px var(--color-axa);\n --checkbox-card-shadow-color: var(--color-axa);\n --checkbox-card-background-color: var(--color-blue-2);\n }\n }\n }\n}\n"]}

package/dist/Form/Checkbox/CheckboxCard/CheckboxCardLF.scss DELETED Viewed

@@ -1,92 +0,0 @@
-@use "CheckboxCardCommon";
-.af-checkbox-card {
-  &__label-container {
-    --font-size-base: calc(16 / var(--font-size-base) * 1rem);
-  }
-  &__legend {
-    --checkbox-card-color: var(--color-gray-900);
-  }
-  &__description {
-    --checkbox-card-color: var(--color-gray-700);
-  }
-  &-group {
-    &--horizontal {
-      --checkbox-card-flex-direction: column;
-      .af-checkbox-card-label {
-        --checkbox-card-flex-direction: row;
-        --checkbox-card-align-items: center;
-        .af-checkbox-card-content {
-          --checkbox-card-flex-direction: row;
-          --checkbox-card-margin-left: calc(12 / var(--font-size-base) * 1rem);
-          .af-checkbox-card-content-description {
-            --checkbox-card-flex-direction: column;
-            --checkbox-card-align-item: flex-start;
-          }
-        }
-      }
-    }
-    &--vertical {
-      --checkbox-card-flex-direction: row;
-      .af-checkbox-card-label {
-        --checkbox-card-flex-direction: row;
-        --checkbox-card-align-items: flex-start;
-        --checkbox-card-justify-content: flex-start;
-        .af-checkbox {
-          position: absolute;
-        }
-        .af-checkbox-card-content {
-          --checkbox-card-flex-direction: column;
-          --checkbox-card-margin-left: calc(2 / var(--font-size-base) * 1rem);
-          .af-checkbox-card-content-description {
-            --checkbox-card-flex-direction: column;
-            --checkbox-card-align-item: center;
-          }
-        }
-      }
-    }
-    .af-checkbox-card-label[aria-invalid="true"] {
-      --checkbox-card-background-color: var(--color-white);
-      --checkbox-card-border: 1px var(--color-red-700);
-      --checkbox-card-shadow-color: var(--color-red-700);
-    }
-    .af-checkbox-card-label {
-      --checkbox-card-border: 1px var(--color-gray-700);
-      --checkbox-card-border-radius: calc(6 / var(--font-size-base) * 1rem);
-      .af-checkbox-card-content-description > span {
-        &:first-child {
-          --checkbox-card-label-text-color: var(--color-gray-900);
-        }
-        &:not(:first-child) {
-          --checkbox-card-label-text-color: var(--color-gray-700);
-        }
-      }
-      &:hover {
-        --checkbox-card-border: 1px var(--color-axa);
-        --checkbox-card-shadow-color: var(--color-axa);
-      }
-      &:has(input:checked) {
-        --checkbox-card-border: 1px var(--color-axa);
-        --checkbox-card-shadow-color: var(--color-axa);
-        --checkbox-card-background-color: var(--color-blue-2);
-      }
-    }
-  }
-}