@axa-fr/design-system-apollo-css 1.0.5-alpha.481 → 1.0.5-alpha.484
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/Checkbox/CardCheckbox/CardCheckboxApollo.css +1 -1
- package/dist/Form/Checkbox/CardCheckbox/CardCheckboxApollo.css.map +1 -1
- package/dist/Form/Checkbox/CardCheckbox/CardCheckboxCommon.css +1 -1
- package/dist/Form/Checkbox/CardCheckbox/CardCheckboxCommon.css.map +1 -1
- package/dist/Form/Checkbox/CardCheckbox/CardCheckboxCommon.scss +5 -2
- package/dist/Form/Checkbox/CardCheckbox/CardCheckboxLF.css +1 -1
- package/dist/Form/Checkbox/CardCheckbox/CardCheckboxLF.css.map +1 -1
- package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.css +1 -1
- package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.css.map +1 -1
- package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.scss +3 -1
- package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.css +1 -1
- package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.css.map +1 -1
- package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.scss +9 -6
- package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.css +1 -1
- package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.css.map +1 -1
- package/dist/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.scss +3 -1
- package/dist/Form/InputDate/InputDateApollo.css +1 -1
- package/dist/Form/InputDate/InputDateApollo.css.map +1 -1
- package/dist/Form/InputDate/InputDateApollo.scss +5 -3
- package/dist/Form/InputDate/InputDateLF.css +1 -1
- package/dist/Form/InputDate/InputDateLF.css.map +1 -1
- package/dist/Form/InputDate/InputDateLF.scss +5 -4
- package/dist/Form/InputText/InputTextApollo.css +1 -1
- package/dist/Form/InputText/InputTextApollo.css.map +1 -1
- package/dist/Form/InputText/InputTextApollo.scss +8 -0
- package/dist/Form/InputText/InputTextLF.css +1 -1
- package/dist/Form/InputText/InputTextLF.css.map +1 -1
- package/dist/Form/InputText/InputTextLF.scss +8 -0
- package/dist/Form/InputTextAtom/InputTextAtomApollo.css +1 -1
- package/dist/Form/InputTextAtom/InputTextAtomApollo.css.map +1 -1
- package/dist/Form/InputTextAtom/InputTextAtomApollo.scss +5 -5
- package/dist/Form/InputTextAtom/InputTextAtomCommon.css +1 -1
- package/dist/Form/InputTextAtom/InputTextAtomCommon.css.map +1 -1
- package/dist/Form/InputTextAtom/InputTextAtomCommon.scss +20 -6
- package/dist/Form/InputTextAtom/InputTextAtomLF.css +1 -1
- package/dist/Form/InputTextAtom/InputTextAtomLF.css.map +1 -1
- package/dist/Form/InputTextAtom/InputTextAtomLF.scss +4 -4
- package/dist/apollo.css +1 -1
- package/dist/apollo.css.map +1 -1
- package/dist/look-and-feel.css +2 -2
- package/dist/look-and-feel.css.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-card-checkbox{display:flex;flex-direction:column;gap:calc(8/var(--font-size-base)*1rem)}.af-card-checkbox__legend{display:contents}.af-card-checkbox__legend>p{margin:0}.af-card-checkbox__label{color:var(--card-checkbox-color);display:inline
|
|
1
|
+
.af-card-checkbox{display:flex;flex-direction:column;gap:calc(8/var(--font-size-base)*1rem)}.af-card-checkbox__legend{display:contents}.af-card-checkbox__legend>p{margin:0}.af-card-checkbox__label{color:var(--card-checkbox-color);display:inline;font-size:calc(18/var(--font-size-base)*1rem);font-weight:600}.af-card-checkbox__label span{margin-left:calc(4/var(--font-size-base)*1rem)}.af-card-checkbox__description{color:var(--card-checkbox-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;line-height:calc(16/var(--font-size-base)*1rem)}@media (width > 667px){.af-card-checkbox__description{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(18/var(--font-size-base)*1rem)}}.af-card-checkbox__options{display:flex;gap:1rem}.af-card-checkbox__options>*{flex-basis:0;flex-grow:1}.af-card-checkbox__options--vertical{flex-direction:row}.af-card-checkbox__options--horizontal{flex-direction:column}.af-card-checkbox__label{--card-checkbox-color:var(--neutral-100)}.af-card-checkbox__description{--card-checkbox-color:var(--neutral-80)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/Form/Checkbox/CardCheckbox/CardCheckboxCommon.scss","../../../../src/Form/Checkbox/CardCheckbox/CardCheckboxApollo.scss","../../../../src/Form/Checkbox/CardCheckbox/CardCheckboxApollo.scss%23sass"],"names":[],"mappings":"AAEA,kBACE,YAAA,CCDF,qBAAA,CDGE,sCCDF,CDGE,0BACE,gBCDJ,CDGI,4BACE,QCDN,CDKE,
|
|
1
|
+
{"version":3,"sources":["../../../../src/Form/Checkbox/CardCheckbox/CardCheckboxCommon.scss","../../../../src/Form/Checkbox/CardCheckbox/CardCheckboxApollo.scss","../../../../src/Form/Checkbox/CardCheckbox/CardCheckboxApollo.scss%23sass"],"names":[],"mappings":"AAEA,kBACE,YAAA,CCDF,qBAAA,CDGE,sCCDF,CDGE,0BACE,gBCDJ,CDGI,4BACE,QCDN,CDKE,yBAIE,gCAAA,CAHA,cAAA,CACA,6CAAA,CACA,eCFJ,CDKI,8BACE,8CCHN,CDOE,+BAIE,gCAAA,CAHA,6CAAA,CACA,eAAA,CACA,+CCJJ,CDOI,uBANF,+BAOI,6CAAA,CACA,+CCJJ,CACF,CDOE,2BACE,YAAA,CACA,QCLJ,CDOI,6BACE,YAAA,CACA,WCLN,CDSE,qCACE,kBCPJ,CDUE,uCACE,qBCRJ,CC1CE,yBACE,wCD6CJ,CC1CE,+BACE,uCD4CJ","file":"CardCheckboxApollo.css","sourcesContent":["@use \"../../../common/breakpoints\";\n\n.af-card-checkbox {\n display: flex;\n flex-direction: column;\n gap: calc(8 / var(--font-size-base) * 1rem);\n\n &__legend {\n display: contents;\n\n & > p {\n margin: 0;\n }\n }\n\n &__label {\n display: inline;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--card-checkbox-color);\n\n span {\n margin-left: calc(4 / var(--font-size-base) * 1rem);\n }\n }\n\n &__description {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: calc(16 / var(--font-size-base) * 1rem);\n color: var(--card-checkbox-color);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &__options {\n display: flex;\n gap: 1rem;\n\n > * {\n flex-basis: 0;\n flex-grow: 1;\n }\n }\n\n &__options--vertical {\n flex-direction: row;\n }\n\n &__options--horizontal {\n flex-direction: column;\n }\n}\n","@use \"CardCheckboxCommon\";\n\n.af-card-checkbox {\n &__label {\n --card-checkbox-color: var(--neutral-100);\n }\n\n &__description {\n --card-checkbox-color: var(--neutral-80);\n }\n}\n","@use \"CardCheckboxCommon\";\n\n.af-card-checkbox {\n &__label {\n --card-checkbox-color: var(--neutral-100);\n }\n\n &__description {\n --card-checkbox-color: var(--neutral-80);\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-card-checkbox{display:flex;flex-direction:column;gap:calc(8/var(--font-size-base)*1rem)}.af-card-checkbox__legend{display:contents}.af-card-checkbox__legend>p{margin:0}.af-card-checkbox__label{color:var(--card-checkbox-color);display:inline
|
|
1
|
+
.af-card-checkbox{display:flex;flex-direction:column;gap:calc(8/var(--font-size-base)*1rem)}.af-card-checkbox__legend{display:contents}.af-card-checkbox__legend>p{margin:0}.af-card-checkbox__label{color:var(--card-checkbox-color);display:inline;font-size:calc(18/var(--font-size-base)*1rem);font-weight:600}.af-card-checkbox__label span{margin-left:calc(4/var(--font-size-base)*1rem)}.af-card-checkbox__description{color:var(--card-checkbox-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;line-height:calc(16/var(--font-size-base)*1rem)}@media (width > 667px){.af-card-checkbox__description{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(18/var(--font-size-base)*1rem)}}.af-card-checkbox__options{display:flex;gap:1rem}.af-card-checkbox__options>*{flex-basis:0;flex-grow:1}.af-card-checkbox__options--vertical{flex-direction:row}.af-card-checkbox__options--horizontal{flex-direction:column}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/Form/Checkbox/CardCheckbox/CardCheckboxCommon.scss%23sass","../../../../src/Form/Checkbox/CardCheckbox/CardCheckboxCommon.scss"],"names":[],"mappings":"AAEA,kBACE,YAAA,CCDF,qBAAA,CDGE,sCCDF,CDGE,0BACE,gBCDJ,CDGI,4BACE,QCDN,CDKE,
|
|
1
|
+
{"version":3,"sources":["../../../../src/Form/Checkbox/CardCheckbox/CardCheckboxCommon.scss%23sass","../../../../src/Form/Checkbox/CardCheckbox/CardCheckboxCommon.scss"],"names":[],"mappings":"AAEA,kBACE,YAAA,CCDF,qBAAA,CDGE,sCCDF,CDGE,0BACE,gBCDJ,CDGI,4BACE,QCDN,CDKE,yBAIE,gCAAA,CAHA,cAAA,CACA,6CAAA,CACA,eCFJ,CDKI,8BACE,8CCHN,CDOE,+BAIE,gCAAA,CAHA,6CAAA,CACA,eAAA,CACA,+CCJJ,CDOI,uBANF,+BAOI,6CAAA,CACA,+CCJJ,CACF,CDOE,2BACE,YAAA,CACA,QCLJ,CDOI,6BACE,YAAA,CACA,WCLN,CDSE,qCACE,kBCPJ,CDUE,uCACE,qBCRJ","file":"CardCheckboxCommon.css","sourcesContent":["@use \"../../../common/breakpoints\";\n\n.af-card-checkbox {\n display: flex;\n flex-direction: column;\n gap: calc(8 / var(--font-size-base) * 1rem);\n\n &__legend {\n display: contents;\n\n & > p {\n margin: 0;\n }\n }\n\n &__label {\n display: inline;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--card-checkbox-color);\n\n span {\n margin-left: calc(4 / var(--font-size-base) * 1rem);\n }\n }\n\n &__description {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: calc(16 / var(--font-size-base) * 1rem);\n color: var(--card-checkbox-color);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &__options {\n display: flex;\n gap: 1rem;\n\n > * {\n flex-basis: 0;\n flex-grow: 1;\n }\n }\n\n &__options--vertical {\n flex-direction: row;\n }\n\n &__options--horizontal {\n flex-direction: column;\n }\n}\n","@use \"../../../common/breakpoints\";\n\n.af-card-checkbox {\n display: flex;\n flex-direction: column;\n gap: calc(8 / var(--font-size-base) * 1rem);\n\n &__legend {\n display: contents;\n\n & > p {\n margin: 0;\n }\n }\n\n &__label {\n display: inline;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--card-checkbox-color);\n\n span {\n margin-left: calc(4 / var(--font-size-base) * 1rem);\n }\n }\n\n &__description {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: calc(16 / var(--font-size-base) * 1rem);\n color: var(--card-checkbox-color);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &__options {\n display: flex;\n gap: 1rem;\n\n > * {\n flex-basis: 0;\n flex-grow: 1;\n }\n }\n\n &__options--vertical {\n flex-direction: row;\n }\n\n &__options--horizontal {\n flex-direction: column;\n }\n}\n"]}
|
|
@@ -14,11 +14,14 @@
|
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
&__label {
|
|
17
|
-
display: inline
|
|
18
|
-
gap: calc(4 / var(--font-size-base) * 1rem);
|
|
17
|
+
display: inline;
|
|
19
18
|
font-size: calc(18 / var(--font-size-base) * 1rem);
|
|
20
19
|
font-weight: 600;
|
|
21
20
|
color: var(--card-checkbox-color);
|
|
21
|
+
|
|
22
|
+
span {
|
|
23
|
+
margin-left: calc(4 / var(--font-size-base) * 1rem);
|
|
24
|
+
}
|
|
22
25
|
}
|
|
23
26
|
|
|
24
27
|
&__description {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-card-checkbox{display:flex;flex-direction:column;gap:calc(8/var(--font-size-base)*1rem)}.af-card-checkbox__legend{display:contents}.af-card-checkbox__legend>p{margin:0}.af-card-checkbox__label{color:var(--card-checkbox-color);display:inline
|
|
1
|
+
.af-card-checkbox{display:flex;flex-direction:column;gap:calc(8/var(--font-size-base)*1rem)}.af-card-checkbox__legend{display:contents}.af-card-checkbox__legend>p{margin:0}.af-card-checkbox__label{color:var(--card-checkbox-color);display:inline;font-size:calc(18/var(--font-size-base)*1rem);font-weight:600}.af-card-checkbox__label span{margin-left:calc(4/var(--font-size-base)*1rem)}.af-card-checkbox__description{color:var(--card-checkbox-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;line-height:calc(16/var(--font-size-base)*1rem)}@media (width > 667px){.af-card-checkbox__description{font-size:calc(18/var(--font-size-base)*1rem);line-height:calc(18/var(--font-size-base)*1rem)}}.af-card-checkbox__options{display:flex;gap:1rem}.af-card-checkbox__options>*{flex-basis:0;flex-grow:1}.af-card-checkbox__options--vertical{flex-direction:row}.af-card-checkbox__options--horizontal{flex-direction:column}.af-card-checkbox__label{--card-checkbox-color:var(--color-gray-900)}.af-card-checkbox__description{--card-checkbox-color:var(--color-gray-700)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/Form/Checkbox/CardCheckbox/CardCheckboxCommon.scss","../../../../src/Form/Checkbox/CardCheckbox/CardCheckboxLF.scss","../../../../src/Form/Checkbox/CardCheckbox/CardCheckboxLF.scss%23sass"],"names":[],"mappings":"AAEA,kBACE,YAAA,CCDF,qBAAA,CDGE,sCCDF,CDGE,0BACE,gBCDJ,CDGI,4BACE,QCDN,CDKE,
|
|
1
|
+
{"version":3,"sources":["../../../../src/Form/Checkbox/CardCheckbox/CardCheckboxCommon.scss","../../../../src/Form/Checkbox/CardCheckbox/CardCheckboxLF.scss","../../../../src/Form/Checkbox/CardCheckbox/CardCheckboxLF.scss%23sass"],"names":[],"mappings":"AAEA,kBACE,YAAA,CCDF,qBAAA,CDGE,sCCDF,CDGE,0BACE,gBCDJ,CDGI,4BACE,QCDN,CDKE,yBAIE,gCAAA,CAHA,cAAA,CACA,6CAAA,CACA,eCFJ,CDKI,8BACE,8CCHN,CDOE,+BAIE,gCAAA,CAHA,6CAAA,CACA,eAAA,CACA,+CCJJ,CDOI,uBANF,+BAOI,6CAAA,CACA,+CCJJ,CACF,CDOE,2BACE,YAAA,CACA,QCLJ,CDOI,6BACE,YAAA,CACA,WCLN,CDSE,qCACE,kBCPJ,CDUE,uCACE,qBCRJ,CC1CE,yBACE,2CD6CJ,CC1CE,+BACE,2CD4CJ","file":"CardCheckboxLF.css","sourcesContent":["@use \"../../../common/breakpoints\";\n\n.af-card-checkbox {\n display: flex;\n flex-direction: column;\n gap: calc(8 / var(--font-size-base) * 1rem);\n\n &__legend {\n display: contents;\n\n & > p {\n margin: 0;\n }\n }\n\n &__label {\n display: inline;\n font-size: calc(18 / var(--font-size-base) * 1rem);\n font-weight: 600;\n color: var(--card-checkbox-color);\n\n span {\n margin-left: calc(4 / var(--font-size-base) * 1rem);\n }\n }\n\n &__description {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: calc(16 / var(--font-size-base) * 1rem);\n color: var(--card-checkbox-color);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &__options {\n display: flex;\n gap: 1rem;\n\n > * {\n flex-basis: 0;\n flex-grow: 1;\n }\n }\n\n &__options--vertical {\n flex-direction: row;\n }\n\n &__options--horizontal {\n flex-direction: column;\n }\n}\n","@use \"CardCheckboxCommon\";\n\n.af-card-checkbox {\n &__label {\n --card-checkbox-color: var(--color-gray-900);\n }\n\n &__description {\n --card-checkbox-color: var(--color-gray-700);\n }\n}\n","@use \"CardCheckboxCommon\";\n\n.af-card-checkbox {\n &__label {\n --card-checkbox-color: var(--color-gray-900);\n }\n\n &__description {\n --card-checkbox-color: var(--color-gray-700);\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-card-checkbox-option{--checkbox-option-border-width:1px;--checkbox-option-background-color:var(--white);align-items:center;background-color:var(--checkbox-option-background-color);border-radius:var(--checkbox-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--checkbox-option-gap);justify-content:space-between;outline:var(--checkbox-option-border-width) solid var(--checkbox-option-border-color);outline-offset:calc(var(--checkbox-option-border-width)*-1);padding:1rem;position:relative;text-align:center}.af-card-checkbox-option:focus-visible,.af-card-checkbox-option:focus-within,.af-card-checkbox-option:hover{--checkbox-option-border-width:2px
|
|
1
|
+
.af-card-checkbox-option{--checkbox-option-border-width:1px;--checkbox-option-background-color:var(--white);align-items:center;background-color:var(--checkbox-option-background-color);border-radius:var(--checkbox-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--checkbox-option-gap);justify-content:space-between;outline:var(--checkbox-option-border-width) solid var(--checkbox-option-border-color);outline-offset:calc(var(--checkbox-option-border-width)*-1);padding:1rem;position:relative;text-align:center}.af-card-checkbox-option:focus-visible,.af-card-checkbox-option:focus-within,.af-card-checkbox-option:hover{--checkbox-option-border-width:2px}.af-card-checkbox-option__label{color:var(--checkbox-option-color-title);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-checkbox-option__label{font-size:calc(18/var(--font-size-base)*1rem)}}.af-card-checkbox-option:has(input:checked) .af-card-checkbox-option__label{font-weight:600}.af-card-checkbox-option:has(input:checked),.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)){--checkbox-option-border-width:2px}.af-card-checkbox-option:has(input:checked):focus-visible,.af-card-checkbox-option:has(input:checked):focus-within,.af-card-checkbox-option:has(input:checked):hover,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):focus-visible,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):focus-within,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):hover{--checkbox-option-border-width:3px}.af-card-checkbox-option__content{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--checkbox-option-gap);justify-content:space-between;text-align:center}.af-card-checkbox-option__description,.af-card-checkbox-option__subtitle{color:var(--checkbox-option-color-subtitle);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-checkbox-option__description,.af-card-checkbox-option__subtitle{font-size:1rem}}.af-card-checkbox-option--horizontal{flex-direction:row}.af-card-checkbox-option--horizontal .af-card-checkbox-option__content{align-items:flex-start}.af-card-checkbox-option--horizontal .af-checkbox{order:-1}.af-card-checkbox-option .af-icon{--icon-size:var(--icon-size-medium)}@media (width > 667px){.af-card-checkbox-option .af-icon{--icon-size:var(--icon-size-large)}}.af-card-checkbox-option{--checkbox-option-border-color:var(--axa-blue-65);--checkbox-option-color-title:var(--axa-blue-100);--checkbox-option-color-subtitle:var(--neutral-80);--checkbox-option-gap:calc(8/var(--font-size-base)*1rem);--checkbox-option-border-radius:var(--radius-8)}.af-card-checkbox-option:focus-visible,.af-card-checkbox-option:focus-within,.af-card-checkbox-option:hover{--checkbox-option-border-color:var(--axa-blue-100)}.af-card-checkbox-option--horizontal{--checkbox-option-gap:calc(8/var(--font-size-base)*1rem)}.af-card-checkbox-option--horizontal .af-card-checkbox-option__content{--checkbox-option-gap:calc(4/var(--font-size-base)*1rem)}.af-card-checkbox-option--horizontal .af-checkbox{margin-right:calc(8/var(--font-size-base)*1rem)}.af-card-checkbox-option:not(.af-card-checkbox-option--horizontal) .af-checkbox{margin-top:calc(8/var(--font-size-base)*1rem)}.af-card-checkbox-option:has(input:checked){--checkbox-option-background-color:var(--axa-blue-4);--checkbox-option-border-color:var(--axa-blue-100)}.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)){--checkbox-option-border-color:var(--red-alert-100);--checkbox-option-background-color:var(--axa-red-4);--checkbox-option-color-title:var(--neutral-80)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.scss","../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.scss","../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.scss%23sass"],"names":[],"mappings":"AAEA,yBACE,kCAAA,CCDF,+CAAA,CDSE,kBAAA,CAIA,wDAAA,CANA,kDAAA,CAUA,cAAA,CAZA,YAAA,CAGA,qBAAA,CAGA,8BAAA,CADA,6BAAA,CAIA,qFAAA,CAEA,2DAAA,CAVA,YAAA,CAFA,iBAAA,CAQA,iBCEF,CDKE,4GAGE,
|
|
1
|
+
{"version":3,"sources":["../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.scss","../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.scss","../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.scss%23sass"],"names":[],"mappings":"AAEA,yBACE,kCAAA,CCDF,+CAAA,CDSE,kBAAA,CAIA,wDAAA,CANA,kDAAA,CAUA,cAAA,CAZA,YAAA,CAGA,qBAAA,CAGA,8BAAA,CADA,6BAAA,CAIA,qFAAA,CAEA,2DAAA,CAVA,YAAA,CAFA,iBAAA,CAQA,iBCEF,CDKE,4GAGE,kCCLJ,CDQE,gCAIE,wCAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCHJ,CDQI,uBANF,gCAOI,6CCLJ,CACF,CDQE,4EACE,eCNJ,CDSE,4HAEE,kCCPJ,CDUI,sbAKE,kCCZN,CDgBE,kCAIE,kBAAA,CAHA,YAAA,CACA,qBAAA,CACA,WAAA,CAGA,8BAAA,CADA,6BAAA,CAEA,iBCdJ,CDiBE,yEAKE,2CAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCbJ,CDkBI,uBAPF,yEAQI,cCfJ,CACF,CDkBE,qCACE,kBChBJ,CDkBI,uEACE,sBChBN,CDmBI,kDACE,QCjBN,CDqBE,kCACE,mCCnBJ,CDqBI,uBAHF,kCAII,kCClBJ,CACF,CC3EA,yBACE,iDAAA,CACA,iDAAA,CACA,kDAAA,CACA,wDAAA,CACA,+CD8EF,CC5EE,4GAGE,kDD4EJ,CCzEE,qCACE,wDD2EJ,CCzEI,uEACE,wDD2EN,CCxEI,kDACE,+CD0EN,CCtEE,gFACE,6CDwEJ,CCrEE,4CACE,oDAAA,CACA,kDDuEJ,CCpEE,gFACE,mDAAA,CACA,mDAAA,CACA,+CDsEJ","file":"CardCheckboxOptionApollo.css","sourcesContent":["@use \"../../../common/breakpoints\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-width: 1px;\n --checkbox-option-background-color: var(--white);\n\n position: relative;\n display: flex;\n padding: 1rem;\n border-radius: var(--checkbox-option-border-radius);\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n gap: var(--checkbox-option-gap);\n text-align: center;\n background-color: var(--checkbox-option-background-color);\n outline: var(--checkbox-option-border-width) solid\n var(--checkbox-option-border-color);\n outline-offset: calc(-1 * var(--checkbox-option-border-width));\n cursor: pointer;\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-option-border-width: 2px;\n }\n\n &__label {\n margin: 0;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-option-color-title);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &:has(input:checked) .af-card-checkbox-option__label {\n font-weight: 600;\n }\n\n &:has(input:checked),\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-width: 2px;\n\n /* stylelint-disable-next-line no-descending-specificity */\n &:hover,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-visible,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-within {\n --checkbox-option-border-width: 3px;\n }\n }\n\n &__content {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n align-items: center;\n justify-content: space-between;\n gap: var(--checkbox-option-gap);\n text-align: center;\n }\n\n &__description,\n &__subtitle {\n margin: 0;\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-option-color-subtitle);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: 1rem;\n }\n }\n\n &--horizontal {\n flex-direction: row;\n\n & .af-card-checkbox-option__content {\n align-items: flex-start;\n }\n\n & .af-checkbox {\n order: -1;\n }\n }\n\n & .af-icon {\n --icon-size: var(--icon-size-medium);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n --icon-size: var(--icon-size-large);\n }\n }\n}\n","@use \"CardCheckboxOptionCommon\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-color: var(--axa-blue-65);\n --checkbox-option-color-title: var(--axa-blue-100);\n --checkbox-option-color-subtitle: var(--neutral-80);\n --checkbox-option-gap: calc(8 / var(--font-size-base) * 1rem);\n --checkbox-option-border-radius: var(--radius-8);\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-option-border-color: var(--axa-blue-100);\n }\n\n &--horizontal {\n --checkbox-option-gap: calc(8 / var(--font-size-base) * 1rem);\n\n & .af-card-checkbox-option__content {\n --checkbox-option-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n & .af-checkbox {\n margin-right: calc(8 / var(--font-size-base) * 1rem);\n }\n }\n\n &:not(&--horizontal) .af-checkbox {\n margin-top: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &:has(input:checked) {\n --checkbox-option-background-color: var(--axa-blue-4);\n --checkbox-option-border-color: var(--axa-blue-100);\n }\n\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-color: var(--red-alert-100);\n --checkbox-option-background-color: var(--axa-red-4);\n --checkbox-option-color-title: var(--neutral-80);\n }\n}\n","@use \"CardCheckboxOptionCommon\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-color: var(--axa-blue-65);\n --checkbox-option-color-title: var(--axa-blue-100);\n --checkbox-option-color-subtitle: var(--neutral-80);\n --checkbox-option-gap: calc(8 / var(--font-size-base) * 1rem);\n --checkbox-option-border-radius: var(--radius-8);\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-option-border-color: var(--axa-blue-100);\n }\n\n &--horizontal {\n --checkbox-option-gap: calc(8 / var(--font-size-base) * 1rem);\n\n & .af-card-checkbox-option__content {\n --checkbox-option-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n & .af-checkbox {\n margin-right: calc(8 / var(--font-size-base) * 1rem);\n }\n }\n\n &:not(&--horizontal) .af-checkbox {\n margin-top: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &:has(input:checked) {\n --checkbox-option-background-color: var(--axa-blue-4);\n --checkbox-option-border-color: var(--axa-blue-100);\n }\n\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-color: var(--red-alert-100);\n --checkbox-option-background-color: var(--axa-red-4);\n --checkbox-option-color-title: var(--neutral-80);\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-card-checkbox-option{--checkbox-option-border-width:1px;--checkbox-option-background-color:var(--white);align-items:center;background-color:var(--checkbox-option-background-color);border-radius:var(--checkbox-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--checkbox-option-gap);justify-content:space-between;outline:var(--checkbox-option-border-width) solid var(--checkbox-option-border-color);outline-offset:calc(var(--checkbox-option-border-width)*-1);padding:1rem;position:relative;text-align:center}.af-card-checkbox-option:focus-visible,.af-card-checkbox-option:focus-within,.af-card-checkbox-option:hover{--checkbox-option-border-width:2px
|
|
1
|
+
.af-card-checkbox-option{--checkbox-option-border-width:1px;--checkbox-option-background-color:var(--white);align-items:center;background-color:var(--checkbox-option-background-color);border-radius:var(--checkbox-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--checkbox-option-gap);justify-content:space-between;outline:var(--checkbox-option-border-width) solid var(--checkbox-option-border-color);outline-offset:calc(var(--checkbox-option-border-width)*-1);padding:1rem;position:relative;text-align:center}.af-card-checkbox-option:focus-visible,.af-card-checkbox-option:focus-within,.af-card-checkbox-option:hover{--checkbox-option-border-width:2px}.af-card-checkbox-option__label{color:var(--checkbox-option-color-title);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-checkbox-option__label{font-size:calc(18/var(--font-size-base)*1rem)}}.af-card-checkbox-option:has(input:checked) .af-card-checkbox-option__label{font-weight:600}.af-card-checkbox-option:has(input:checked),.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)){--checkbox-option-border-width:2px}.af-card-checkbox-option:has(input:checked):focus-visible,.af-card-checkbox-option:has(input:checked):focus-within,.af-card-checkbox-option:has(input:checked):hover,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):focus-visible,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):focus-within,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):hover{--checkbox-option-border-width:3px}.af-card-checkbox-option__content{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--checkbox-option-gap);justify-content:space-between;text-align:center}.af-card-checkbox-option__description,.af-card-checkbox-option__subtitle{color:var(--checkbox-option-color-subtitle);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-checkbox-option__description,.af-card-checkbox-option__subtitle{font-size:1rem}}.af-card-checkbox-option--horizontal{flex-direction:row}.af-card-checkbox-option--horizontal .af-card-checkbox-option__content{align-items:flex-start}.af-card-checkbox-option--horizontal .af-checkbox{order:-1}.af-card-checkbox-option .af-icon{--icon-size:var(--icon-size-medium)}@media (width > 667px){.af-card-checkbox-option .af-icon{--icon-size:var(--icon-size-large)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.scss%23sass","../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.scss"],"names":[],"mappings":"AAEA,yBACE,kCAAA,CCDF,+CAAA,CDSE,kBAAA,CAIA,wDAAA,CANA,kDAAA,CAUA,cAAA,CAZA,YAAA,CAGA,qBAAA,CAGA,8BAAA,CADA,6BAAA,CAIA,qFAAA,CAEA,2DAAA,CAVA,YAAA,CAFA,iBAAA,CAQA,iBCEF,CDKE,4GAGE,
|
|
1
|
+
{"version":3,"sources":["../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.scss%23sass","../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.scss"],"names":[],"mappings":"AAEA,yBACE,kCAAA,CCDF,+CAAA,CDSE,kBAAA,CAIA,wDAAA,CANA,kDAAA,CAUA,cAAA,CAZA,YAAA,CAGA,qBAAA,CAGA,8BAAA,CADA,6BAAA,CAIA,qFAAA,CAEA,2DAAA,CAVA,YAAA,CAFA,iBAAA,CAQA,iBCEF,CDKE,4GAGE,kCCLJ,CDQE,gCAIE,wCAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCHJ,CDQI,uBANF,gCAOI,6CCLJ,CACF,CDQE,4EACE,eCNJ,CDSE,4HAEE,kCCPJ,CDUI,sbAKE,kCCZN,CDgBE,kCAIE,kBAAA,CAHA,YAAA,CACA,qBAAA,CACA,WAAA,CAGA,8BAAA,CADA,6BAAA,CAEA,iBCdJ,CDiBE,yEAKE,2CAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCbJ,CDkBI,uBAPF,yEAQI,cCfJ,CACF,CDkBE,qCACE,kBChBJ,CDkBI,uEACE,sBChBN,CDmBI,kDACE,QCjBN,CDqBE,kCACE,mCCnBJ,CDqBI,uBAHF,kCAII,kCClBJ,CACF","file":"CardCheckboxOptionCommon.css","sourcesContent":["@use \"../../../common/breakpoints\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-width: 1px;\n --checkbox-option-background-color: var(--white);\n\n position: relative;\n display: flex;\n padding: 1rem;\n border-radius: var(--checkbox-option-border-radius);\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n gap: var(--checkbox-option-gap);\n text-align: center;\n background-color: var(--checkbox-option-background-color);\n outline: var(--checkbox-option-border-width) solid\n var(--checkbox-option-border-color);\n outline-offset: calc(-1 * var(--checkbox-option-border-width));\n cursor: pointer;\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-option-border-width: 2px;\n }\n\n &__label {\n margin: 0;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-option-color-title);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &:has(input:checked) .af-card-checkbox-option__label {\n font-weight: 600;\n }\n\n &:has(input:checked),\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-width: 2px;\n\n /* stylelint-disable-next-line no-descending-specificity */\n &:hover,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-visible,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-within {\n --checkbox-option-border-width: 3px;\n }\n }\n\n &__content {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n align-items: center;\n justify-content: space-between;\n gap: var(--checkbox-option-gap);\n text-align: center;\n }\n\n &__description,\n &__subtitle {\n margin: 0;\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-option-color-subtitle);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: 1rem;\n }\n }\n\n &--horizontal {\n flex-direction: row;\n\n & .af-card-checkbox-option__content {\n align-items: flex-start;\n }\n\n & .af-checkbox {\n order: -1;\n }\n }\n\n & .af-icon {\n --icon-size: var(--icon-size-medium);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n --icon-size: var(--icon-size-large);\n }\n }\n}\n","@use \"../../../common/breakpoints\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-width: 1px;\n --checkbox-option-background-color: var(--white);\n\n position: relative;\n display: flex;\n padding: 1rem;\n border-radius: var(--checkbox-option-border-radius);\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n gap: var(--checkbox-option-gap);\n text-align: center;\n background-color: var(--checkbox-option-background-color);\n outline: var(--checkbox-option-border-width) solid\n var(--checkbox-option-border-color);\n outline-offset: calc(-1 * var(--checkbox-option-border-width));\n cursor: pointer;\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-option-border-width: 2px;\n }\n\n &__label {\n margin: 0;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-option-color-title);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &:has(input:checked) .af-card-checkbox-option__label {\n font-weight: 600;\n }\n\n &:has(input:checked),\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-width: 2px;\n\n /* stylelint-disable-next-line no-descending-specificity */\n &:hover,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-visible,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-within {\n --checkbox-option-border-width: 3px;\n }\n }\n\n &__content {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n align-items: center;\n justify-content: space-between;\n gap: var(--checkbox-option-gap);\n text-align: center;\n }\n\n &__description,\n &__subtitle {\n margin: 0;\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-option-color-subtitle);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: 1rem;\n }\n }\n\n &--horizontal {\n flex-direction: row;\n\n & .af-card-checkbox-option__content {\n align-items: flex-start;\n }\n\n & .af-checkbox {\n order: -1;\n }\n }\n\n & .af-icon {\n --icon-size: var(--icon-size-medium);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n --icon-size: var(--icon-size-large);\n }\n }\n}\n"]}
|
|
@@ -23,7 +23,6 @@
|
|
|
23
23
|
&:focus-visible,
|
|
24
24
|
&:focus-within {
|
|
25
25
|
--checkbox-option-border-width: 2px;
|
|
26
|
-
--checkbox-option-border-color: var(--axa-blue-100);
|
|
27
26
|
}
|
|
28
27
|
|
|
29
28
|
&__label {
|
|
@@ -37,18 +36,22 @@
|
|
|
37
36
|
}
|
|
38
37
|
}
|
|
39
38
|
|
|
40
|
-
&:has(input:checked) {
|
|
39
|
+
&:has(input:checked) .af-card-checkbox-option__label {
|
|
40
|
+
font-weight: 600;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
&:has(input:checked),
|
|
44
|
+
&:has(input[aria-invalid="true"]):not(:has(input:checked)) {
|
|
41
45
|
--checkbox-option-border-width: 2px;
|
|
42
46
|
|
|
47
|
+
/* stylelint-disable-next-line no-descending-specificity */
|
|
43
48
|
&:hover,
|
|
49
|
+
/* stylelint-disable-next-line no-descending-specificity */
|
|
44
50
|
&:focus-visible,
|
|
51
|
+
/* stylelint-disable-next-line no-descending-specificity */
|
|
45
52
|
&:focus-within {
|
|
46
53
|
--checkbox-option-border-width: 3px;
|
|
47
54
|
}
|
|
48
|
-
|
|
49
|
-
& .af-card-checkbox-option__label {
|
|
50
|
-
font-weight: 600;
|
|
51
|
-
}
|
|
52
55
|
}
|
|
53
56
|
|
|
54
57
|
&__content {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-card-checkbox-option{--checkbox-option-border-width:1px;--checkbox-option-background-color:var(--white);align-items:center;background-color:var(--checkbox-option-background-color);border-radius:var(--checkbox-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--checkbox-option-gap);justify-content:space-between;outline:var(--checkbox-option-border-width) solid var(--checkbox-option-border-color);outline-offset:calc(var(--checkbox-option-border-width)*-1);padding:1rem;position:relative;text-align:center}.af-card-checkbox-option:focus-visible,.af-card-checkbox-option:focus-within,.af-card-checkbox-option:hover{--checkbox-option-border-width:2px
|
|
1
|
+
.af-card-checkbox-option{--checkbox-option-border-width:1px;--checkbox-option-background-color:var(--white);align-items:center;background-color:var(--checkbox-option-background-color);border-radius:var(--checkbox-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--checkbox-option-gap);justify-content:space-between;outline:var(--checkbox-option-border-width) solid var(--checkbox-option-border-color);outline-offset:calc(var(--checkbox-option-border-width)*-1);padding:1rem;position:relative;text-align:center}.af-card-checkbox-option:focus-visible,.af-card-checkbox-option:focus-within,.af-card-checkbox-option:hover{--checkbox-option-border-width:2px}.af-card-checkbox-option__label{color:var(--checkbox-option-color-title);font-size:calc(16/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-checkbox-option__label{font-size:calc(18/var(--font-size-base)*1rem)}}.af-card-checkbox-option:has(input:checked) .af-card-checkbox-option__label{font-weight:600}.af-card-checkbox-option:has(input:checked),.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)){--checkbox-option-border-width:2px}.af-card-checkbox-option:has(input:checked):focus-visible,.af-card-checkbox-option:has(input:checked):focus-within,.af-card-checkbox-option:has(input:checked):hover,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):focus-visible,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):focus-within,.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)):hover{--checkbox-option-border-width:3px}.af-card-checkbox-option__content{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--checkbox-option-gap);justify-content:space-between;text-align:center}.af-card-checkbox-option__description,.af-card-checkbox-option__subtitle{color:var(--checkbox-option-color-subtitle);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;margin:0}@media (width > 667px){.af-card-checkbox-option__description,.af-card-checkbox-option__subtitle{font-size:1rem}}.af-card-checkbox-option--horizontal{flex-direction:row}.af-card-checkbox-option--horizontal .af-card-checkbox-option__content{align-items:flex-start}.af-card-checkbox-option--horizontal .af-checkbox{order:-1}.af-card-checkbox-option .af-icon{--icon-size:var(--icon-size-medium)}@media (width > 667px){.af-card-checkbox-option .af-icon{--icon-size:var(--icon-size-large)}}.af-card-checkbox-option{--checkbox-option-border-color:var(--color-gray-700);--checkbox-option-color-title:var(--color-gray-900);--checkbox-option-color-subtitle:var(--color-gray-700);--checkbox-option-gap:calc(8/var(--font-size-base)*1rem);--checkbox-option-border-radius:var(--radius-4)}.af-card-checkbox-option:focus-visible,.af-card-checkbox-option:focus-within,.af-card-checkbox-option:hover{--checkbox-option-border-color:var(--color-axa)}.af-card-checkbox-option:not(.af-card-checkbox-option--horizontal) .af-checkbox{left:calc(12/var(--font-size-base)*1rem);position:absolute;top:calc(12/var(--font-size-base)*1rem)}@media (width > 667px){.af-card-checkbox-option:not(.af-card-checkbox-option--horizontal) .af-checkbox{left:calc(16/var(--font-size-base)*1rem);top:calc(16/var(--font-size-base)*1rem)}}.af-card-checkbox-option .af-card-checkbox-option__content{--checkbox-option-gap:calc(4/var(--font-size-base)*1rem)}.af-card-checkbox-option--horizontal{column-gap:calc(12/var(--font-size-base)*1rem)}.af-card-checkbox-option:has(input:checked){--checkbox-option-background-color:var(--color-blue-2);--checkbox-option-border-color:var(--color-axa)}.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)){--checkbox-option-border-color:var(--color-red-700)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.scss","../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.scss","../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.scss%23sass"],"names":[],"mappings":"AAEA,yBCDA,kCDEE,CACA,+CAAA,CAOA,kBAAA,CAIA,wDAAA,CANA,kDAAA,CAUA,cAAA,CAZA,YAAA,CAGA,qBAAA,CAGA,8BAAA,CADA,6BAAA,CAIA,qFAAA,CAEA,2DAAA,CAVA,YAAA,CCLF,iBAAA,CDWE,iBCEF,CDKE,4GAGE,
|
|
1
|
+
{"version":3,"sources":["../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.scss","../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.scss","../../../../src/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.scss%23sass"],"names":[],"mappings":"AAEA,yBCDA,kCDEE,CACA,+CAAA,CAOA,kBAAA,CAIA,wDAAA,CANA,kDAAA,CAUA,cAAA,CAZA,YAAA,CAGA,qBAAA,CAGA,8BAAA,CADA,6BAAA,CAIA,qFAAA,CAEA,2DAAA,CAVA,YAAA,CCLF,iBAAA,CDWE,iBCEF,CDKE,4GAGE,kCCLJ,CDQE,gCAIE,wCAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCHJ,CDQI,uBANF,gCAOI,6CCLJ,CACF,CDQE,4EACE,eCNJ,CDSE,4HAEE,kCCPJ,CDUI,sbAKE,kCCZN,CDgBE,kCAIE,kBAAA,CAHA,YAAA,CCdJ,qBAAA,CDgBI,WAAA,CAGA,8BAAA,CADA,6BAAA,CAEA,iBCdJ,CDiBE,yEAKE,2CAAA,CAFA,6CAAA,CACA,eAAA,CAFA,QCbJ,CDkBI,uBAPF,yEAQI,cCfJ,CACF,CDkBE,qCACE,kBChBJ,CDkBI,uEACE,sBChBN,CDmBI,kDACE,QCjBN,CDqBE,kCACE,mCCnBJ,CDqBI,uBAHF,kCAII,kCClBJ,CACF,CC1EA,yBACE,oDAAA,CACA,mDAAA,CACA,sDAAA,CACA,wDAAA,CACA,+CD6EF,CC3EE,4GAGE,+CD2EJ,CCxEE,gFAGE,wCAAA,CAFA,iBAAA,CACA,uCD2EJ,CCxEI,uBALF,gFAOI,wCAAA,CADA,uCD4EJ,CACF,CCxEE,2DACE,wDD0EJ,CCvEE,qCACE,8CDyEJ,CCtEE,4CACE,sDAAA,CACA,+CDwEJ,CCrEE,gFACE,mDDuEJ","file":"CardCheckboxOptionLF.css","sourcesContent":["@use \"../../../common/breakpoints\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-width: 1px;\n --checkbox-option-background-color: var(--white);\n\n position: relative;\n display: flex;\n padding: 1rem;\n border-radius: var(--checkbox-option-border-radius);\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n gap: var(--checkbox-option-gap);\n text-align: center;\n background-color: var(--checkbox-option-background-color);\n outline: var(--checkbox-option-border-width) solid\n var(--checkbox-option-border-color);\n outline-offset: calc(-1 * var(--checkbox-option-border-width));\n cursor: pointer;\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-option-border-width: 2px;\n }\n\n &__label {\n margin: 0;\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-option-color-title);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n }\n }\n\n &:has(input:checked) .af-card-checkbox-option__label {\n font-weight: 600;\n }\n\n &:has(input:checked),\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-width: 2px;\n\n /* stylelint-disable-next-line no-descending-specificity */\n &:hover,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-visible,\n /* stylelint-disable-next-line no-descending-specificity */\n &:focus-within {\n --checkbox-option-border-width: 3px;\n }\n }\n\n &__content {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n align-items: center;\n justify-content: space-between;\n gap: var(--checkbox-option-gap);\n text-align: center;\n }\n\n &__description,\n &__subtitle {\n margin: 0;\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n color: var(--checkbox-option-color-subtitle);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n font-size: 1rem;\n }\n }\n\n &--horizontal {\n flex-direction: row;\n\n & .af-card-checkbox-option__content {\n align-items: flex-start;\n }\n\n & .af-checkbox {\n order: -1;\n }\n }\n\n & .af-icon {\n --icon-size: var(--icon-size-medium);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n --icon-size: var(--icon-size-large);\n }\n }\n}\n","@use \"CardCheckboxOptionCommon\";\n@use \"../../../common/breakpoints\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-color: var(--color-gray-700);\n --checkbox-option-color-title: var(--color-gray-900);\n --checkbox-option-color-subtitle: var(--color-gray-700);\n --checkbox-option-gap: calc(8 / var(--font-size-base) * 1rem);\n --checkbox-option-border-radius: var(--radius-4);\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-option-border-color: var(--color-axa);\n }\n\n &:not(&--horizontal) .af-checkbox {\n position: absolute;\n top: calc(12 / var(--font-size-base) * 1rem);\n left: calc(12 / var(--font-size-base) * 1rem);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n top: calc(16 / var(--font-size-base) * 1rem);\n left: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n\n & .af-card-checkbox-option__content {\n --checkbox-option-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &--horizontal {\n column-gap: calc(12 / var(--font-size-base) * 1rem);\n }\n\n &:has(input:checked) {\n --checkbox-option-background-color: var(--color-blue-2);\n --checkbox-option-border-color: var(--color-axa);\n }\n\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-color: var(--color-red-700);\n }\n}\n","@use \"CardCheckboxOptionCommon\";\n@use \"../../../common/breakpoints\";\n\n.af-card-checkbox-option {\n --checkbox-option-border-color: var(--color-gray-700);\n --checkbox-option-color-title: var(--color-gray-900);\n --checkbox-option-color-subtitle: var(--color-gray-700);\n --checkbox-option-gap: calc(8 / var(--font-size-base) * 1rem);\n --checkbox-option-border-radius: var(--radius-4);\n\n &:hover,\n &:focus-visible,\n &:focus-within {\n --checkbox-option-border-color: var(--color-axa);\n }\n\n &:not(&--horizontal) .af-checkbox {\n position: absolute;\n top: calc(12 / var(--font-size-base) * 1rem);\n left: calc(12 / var(--font-size-base) * 1rem);\n\n @media (width > #{breakpoints.$breakpoint-sm}) {\n top: calc(16 / var(--font-size-base) * 1rem);\n left: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n\n & .af-card-checkbox-option__content {\n --checkbox-option-gap: calc(4 / var(--font-size-base) * 1rem);\n }\n\n &--horizontal {\n column-gap: calc(12 / var(--font-size-base) * 1rem);\n }\n\n &:has(input:checked) {\n --checkbox-option-background-color: var(--color-blue-2);\n --checkbox-option-border-color: var(--color-axa);\n }\n\n &:has(input[aria-invalid=\"true\"]):not(:has(input:checked)) {\n --checkbox-option-border-color: var(--color-red-700);\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-date{--input-date-box-shadow-width:1px;--input-date-indicator-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2300008F' viewBox='0 0 24 24'%3E%3Cpath d='M16 13h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1m0-10v1H8V3c0-.55-.45-1-1-1s-1 .45-1 1v1H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-1V3c0-.55-.45-1-1-1s-1 .45-1 1m2 17H6c-.55 0-1-.45-1-1V9h14v10c0 .55-.45 1-1 1'/%3E%3C/svg%3E");all:inherit;background-color:var(--input-date-bg-color);border-radius:var(--input-date-border-radius);box-shadow:0 0 0 var(--input-date-box-shadow-width) var(--input-date-box-shadow-color) inset;color:var(--input-date-color);display:block;font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:1.5;padding:calc(16/var(--font-size-base)*1rem);position:relative;text-transform:uppercase;width:100%}.af-form__input-date:invalid,.af-form__input-date:not([value]){font-weight:400}.af-form__input-date:valid{font-weight:600}.af-form__input-date:disabled{cursor:not-allowed}.af-form__input-date:is(:focus-visible,:hover,:active,:focus-within,.af-form__input-date[aria-invalid=true]):not(:disabled){--input-date-box-shadow-width:2px}.af-form__input-date::-webkit-calendar-picker-indicator{background:var(--input-date-indicator-bg-color) var(--input-date-indicator-url) right -1px center no-repeat;border-radius:.25rem;outline-color:var(--input-date-box-shadow-color);outline-offset:1px;outline-width:var(--input-date-box-shadow-width)}.af-form__input-date[class*=no-picker]::-webkit-calendar-picker-indicator{display:none}@media (width > 1023px){.af-form__input-date{font-size:calc(18/var(--font-size-base)*1rem);line-height:1.25}}.af-form__input-helper{color:var(--input-date-helper-color);--input-date-helper-color:var(--neutral-80)}.af-form__input-date{--input-date-box-shadow-color:var(--axa-blue-65);--input-date-border-radius:var(--radius-8);--input-date-color:var(--neutral-80);--input-date-bg-color:var(--white);--input-date-indicator-bg-color:var(--white)}.af-form__input-date:
|
|
1
|
+
.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-date{--input-date-box-shadow-width:1px;--input-date-indicator-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2300008F' viewBox='0 0 24 24'%3E%3Cpath d='M16 13h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1m0-10v1H8V3c0-.55-.45-1-1-1s-1 .45-1 1v1H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-1V3c0-.55-.45-1-1-1s-1 .45-1 1m2 17H6c-.55 0-1-.45-1-1V9h14v10c0 .55-.45 1-1 1'/%3E%3C/svg%3E");all:inherit;background-color:var(--input-date-bg-color);border-radius:var(--input-date-border-radius);box-shadow:0 0 0 var(--input-date-box-shadow-width) var(--input-date-box-shadow-color) inset;color:var(--input-date-color);display:block;font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:1.5;padding:calc(16/var(--font-size-base)*1rem);position:relative;text-transform:uppercase;width:100%}.af-form__input-date:invalid,.af-form__input-date:not([value]){font-weight:400}.af-form__input-date:valid{font-weight:600}.af-form__input-date:disabled{cursor:not-allowed}.af-form__input-date:is(:focus-visible,:hover,:active,:focus-within,.af-form__input-date[aria-invalid=true]):not(:disabled){--input-date-box-shadow-width:2px}.af-form__input-date::-webkit-calendar-picker-indicator{background:var(--input-date-indicator-bg-color) var(--input-date-indicator-url) right -1px center no-repeat;border-radius:.25rem;outline-color:var(--input-date-box-shadow-color);outline-offset:1px;outline-width:var(--input-date-box-shadow-width)}.af-form__input-date[class*=no-picker]::-webkit-calendar-picker-indicator{display:none}@media (width > 1023px){.af-form__input-date{font-size:calc(18/var(--font-size-base)*1rem);line-height:1.25}}.af-form__input-helper{color:var(--input-date-helper-color);--input-date-helper-color:var(--neutral-80)}.af-form__input-date{--input-date-box-shadow-color:var(--axa-blue-65);--input-date-border-radius:var(--radius-8);--input-date-color:var(--neutral-80);--input-date-bg-color:var(--white);--input-date-indicator-bg-color:var(--white)}.af-form__input-date:is(:focus-visible,:hover,:active,:focus-within),.af-form__input-date[value]:not([value=""],[aria-invalid=true]){--input-date-box-shadow-color:var(--axa-blue-100)}.af-form__input-date[value]:not([aria-invalid=true],[value=""]){--input-date-color:var(--axa-blue-100);--input-date-box-shadow-color:var(--axa-blue-100)}.af-form__input-date[aria-invalid=true]{--input-date-box-shadow-color:var(--red-alert-100);--input-date-color:var(--neutral-80)}.af-form__input-date[aria-invalid=true]:is(:focus-visible,:hover,:active,:focus-within):not(:disabled){--input-date-box-shadow-width:3px}.af-form__input-date:disabled{--input-date-box-shadow-color:var(--neutral-50);--input-date-color:var(--neutral-50);--input-date-bg-color:var(--neutral-5)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Form/InputDate/InputDateCommon.scss","../../../src/Form/InputDate/InputDateApollo.scss","../../../src/Form/InputDate/InputDateApollo.scss%23sass"],"names":[],"mappings":"AAGE,0BAGE,sBAAA,CAFA,YAAA,CCFJ,qBDGI,CCDJ,0CACA,CDKE,qBACE,iCAAA,CACA,2dAAA,CAEA,WAAA,CAWA,2CAAA,CANA,6CAAA,CAOA,4FAAA,CAFA,6BAAA,CARA,aAAA,CAIA,6CAAA,CACA,eAAA,CACA,eAAA,CAJA,2CAAA,CAHA,iBAAA,CAQA,wBAAA,CANA,UCKJ,CDOI,+DAEE,eCNN,CDSI,2BACE,eCPN,CDUI,8BACE,kBCRN,CDWI,4HAOE,iCCZN,CDeI,wDAEE,2GAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/Form/InputDate/InputDateCommon.scss","../../../src/Form/InputDate/InputDateApollo.scss","../../../src/Form/InputDate/InputDateApollo.scss%23sass"],"names":[],"mappings":"AAGE,0BAGE,sBAAA,CAFA,YAAA,CCFJ,qBDGI,CCDJ,0CACA,CDKE,qBACE,iCAAA,CACA,2dAAA,CAEA,WAAA,CAWA,2CAAA,CANA,6CAAA,CAOA,4FAAA,CAFA,6BAAA,CARA,aAAA,CAIA,6CAAA,CACA,eAAA,CACA,eAAA,CAJA,2CAAA,CAHA,iBAAA,CAQA,wBAAA,CANA,UCKJ,CDOI,+DAEE,eCNN,CDSI,2BACE,eCPN,CDUI,8BACE,kBCRN,CDWI,4HAOE,iCCZN,CDeI,wDAEE,2GAAA,CADA,oBAAA,CCZN,gDAAA,CDgBM,kBAAA,CACA,gDCdN,CDiBI,0EACE,YCfN,CDkBI,wBAvDF,qBAwDI,6CAAA,CACA,gBCfJ,CACF,CDkBE,uBACE,oCAAA,CElEA,2CDkDJ,CC/CE,qBACE,gDAAA,CACA,0CAAA,CACA,oCAAA,CACA,kCAAA,CACA,4CDqDJ,CCnDI,qIAEE,iDDoDN,CCjDI,gEACE,sCAAA,CACA,iDDmDN,CChDI,wCACE,kDAAA,CACA,oCDkDN,CChDM,uGACE,iCDkDR,CC9CI,8BACE,+CAAA,CACA,oCAAA,CACA,sCDgDN","file":"InputDateApollo.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n &__input-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &__input-date {\n --input-date-box-shadow-width: 1px;\n --input-date-indicator-url: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%2300008F' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='calendar_invitation'%3E%3Cpath id='Vector' d='M16 13H13C12.45 13 12 13.45 12 14V17C12 17.55 12.45 18 13 18H16C16.55 18 17 17.55 17 17V14C17 13.45 16.55 13 16 13ZM16 3V4H8V3C8 2.45 7.55 2 7 2C6.45 2 6 2.45 6 3V4H5C3.89 4 3.01 4.9 3.01 6L3 20C3 21.1 3.89 22 5 22H19C20.1 22 21 21.1 21 20V6C21 4.9 20.1 4 19 4H18V3C18 2.45 17.55 2 17 2C16.45 2 16 2.45 16 3ZM18 20H6C5.45 20 5 19.55 5 19V9H19V19C19 19.55 18.55 20 18 20Z' /%3E%3C/g%3E%3C/svg%3E%0A\");\n\n all: inherit;\n position: relative;\n display: block;\n width: 100%;\n padding: calc(16 / var(--font-size-base) * 1rem);\n border-radius: var(--input-date-border-radius);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: 1.5;\n text-transform: uppercase;\n color: var(--input-date-color);\n background-color: var(--input-date-bg-color);\n box-shadow: 0 0 0 var(--input-date-box-shadow-width)\n var(--input-date-box-shadow-color) inset;\n\n &:not([value]),\n &:invalid {\n font-weight: 400;\n }\n\n &:valid {\n font-weight: 600;\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:is(\n :focus-visible,\n :hover,\n :active,\n :focus-within,\n &[aria-invalid=\"true\"]\n ):not(:disabled) {\n --input-date-box-shadow-width: 2px;\n }\n\n &::-webkit-calendar-picker-indicator {\n border-radius: 0.25rem;\n background: var(--input-date-indicator-bg-color)\n var(--input-date-indicator-url) right -1px center no-repeat;\n outline-color: var(--input-date-box-shadow-color);\n outline-offset: 1px;\n outline-width: var(--input-date-box-shadow-width);\n }\n\n &[class*=\"no-picker\"]::-webkit-calendar-picker-indicator {\n display: none;\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: 1.25;\n }\n }\n\n &__input-helper {\n color: var(--input-date-helper-color);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./InputDateCommon\";\n\n.af-form {\n &__input-helper {\n --input-date-helper-color: var(--neutral-80);\n }\n\n &__input-date {\n --input-date-box-shadow-color: var(--axa-blue-65);\n --input-date-border-radius: var(--radius-8);\n --input-date-color: var(--neutral-80);\n --input-date-bg-color: var(--white);\n --input-date-indicator-bg-color: var(--white);\n\n &[value]:not([value=\"\"], [aria-invalid=\"true\"]),\n &:is(:focus-visible, :hover, :active, :focus-within) {\n --input-date-box-shadow-color: var(--axa-blue-100);\n }\n\n &[value]:not([aria-invalid=\"true\"], [value=\"\"]) {\n --input-date-color: var(--axa-blue-100);\n --input-date-box-shadow-color: var(--axa-blue-100);\n }\n\n &[aria-invalid=\"true\"] {\n --input-date-box-shadow-color: var(--red-alert-100);\n --input-date-color: var(--neutral-80);\n\n &:is(:focus-visible, :hover, :active, :focus-within):not(:disabled) {\n --input-date-box-shadow-width: 3px;\n }\n }\n\n &:disabled {\n --input-date-box-shadow-color: var(--neutral-50);\n --input-date-color: var(--neutral-50);\n --input-date-bg-color: var(--neutral-5);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./InputDateCommon\";\n\n.af-form {\n &__input-helper {\n --input-date-helper-color: var(--neutral-80);\n }\n\n &__input-date {\n --input-date-box-shadow-color: var(--axa-blue-65);\n --input-date-border-radius: var(--radius-8);\n --input-date-color: var(--neutral-80);\n --input-date-bg-color: var(--white);\n --input-date-indicator-bg-color: var(--white);\n\n &[value]:not([value=\"\"], [aria-invalid=\"true\"]),\n &:is(:focus-visible, :hover, :active, :focus-within) {\n --input-date-box-shadow-color: var(--axa-blue-100);\n }\n\n &[value]:not([aria-invalid=\"true\"], [value=\"\"]) {\n --input-date-color: var(--axa-blue-100);\n --input-date-box-shadow-color: var(--axa-blue-100);\n }\n\n &[aria-invalid=\"true\"] {\n --input-date-box-shadow-color: var(--red-alert-100);\n --input-date-color: var(--neutral-80);\n\n &:is(:focus-visible, :hover, :active, :focus-within):not(:disabled) {\n --input-date-box-shadow-width: 3px;\n }\n }\n\n &:disabled {\n --input-date-box-shadow-color: var(--neutral-50);\n --input-date-color: var(--neutral-50);\n --input-date-bg-color: var(--neutral-5);\n }\n }\n}\n"]}
|
|
@@ -14,11 +14,13 @@
|
|
|
14
14
|
--input-date-bg-color: var(--white);
|
|
15
15
|
--input-date-indicator-bg-color: var(--white);
|
|
16
16
|
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
&[value]:not([value=""], [aria-invalid="true"]),
|
|
18
|
+
&:is(:focus-visible, :hover, :active, :focus-within) {
|
|
19
|
+
--input-date-box-shadow-color: var(--axa-blue-100);
|
|
19
20
|
}
|
|
20
21
|
|
|
21
|
-
|
|
22
|
+
&[value]:not([aria-invalid="true"], [value=""]) {
|
|
23
|
+
--input-date-color: var(--axa-blue-100);
|
|
22
24
|
--input-date-box-shadow-color: var(--axa-blue-100);
|
|
23
25
|
}
|
|
24
26
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-date{--input-date-box-shadow-width:1px;--input-date-indicator-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2300008F' viewBox='0 0 24 24'%3E%3Cpath d='M16 13h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1m0-10v1H8V3c0-.55-.45-1-1-1s-1 .45-1 1v1H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-1V3c0-.55-.45-1-1-1s-1 .45-1 1m2 17H6c-.55 0-1-.45-1-1V9h14v10c0 .55-.45 1-1 1'/%3E%3C/svg%3E");all:inherit;background-color:var(--input-date-bg-color);border-radius:var(--input-date-border-radius);box-shadow:0 0 0 var(--input-date-box-shadow-width) var(--input-date-box-shadow-color) inset;color:var(--input-date-color);display:block;font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:1.5;padding:calc(16/var(--font-size-base)*1rem);position:relative;text-transform:uppercase;width:100%}.af-form__input-date:invalid,.af-form__input-date:not([value]){font-weight:400}.af-form__input-date:valid{font-weight:600}.af-form__input-date:disabled{cursor:not-allowed}.af-form__input-date:is(:focus-visible,:hover,:active,:focus-within,.af-form__input-date[aria-invalid=true]):not(:disabled){--input-date-box-shadow-width:2px}.af-form__input-date::-webkit-calendar-picker-indicator{background:var(--input-date-indicator-bg-color) var(--input-date-indicator-url) right -1px center no-repeat;border-radius:.25rem;outline-color:var(--input-date-box-shadow-color);outline-offset:1px;outline-width:var(--input-date-box-shadow-width)}.af-form__input-date[class*=no-picker]::-webkit-calendar-picker-indicator{display:none}@media (width > 1023px){.af-form__input-date{font-size:calc(18/var(--font-size-base)*1rem);line-height:1.25}}.af-form__input-helper{color:var(--input-date-helper-color);--input-date-helper-color:var(--color-gray-700)}.af-form__input-date{--input-date-box-shadow-color:var(--color-gray-700);--input-date-border-radius:var(--default-border-radius);--input-date-color:var(--color-gray-900);--input-date-bg-color:var(--color-white);--input-date-indicator-bg-color:var(--color-white)}.af-form__input-date:
|
|
1
|
+
.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-date{--input-date-box-shadow-width:1px;--input-date-indicator-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2300008F' viewBox='0 0 24 24'%3E%3Cpath d='M16 13h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1m0-10v1H8V3c0-.55-.45-1-1-1s-1 .45-1 1v1H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-1V3c0-.55-.45-1-1-1s-1 .45-1 1m2 17H6c-.55 0-1-.45-1-1V9h14v10c0 .55-.45 1-1 1'/%3E%3C/svg%3E");all:inherit;background-color:var(--input-date-bg-color);border-radius:var(--input-date-border-radius);box-shadow:0 0 0 var(--input-date-box-shadow-width) var(--input-date-box-shadow-color) inset;color:var(--input-date-color);display:block;font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:1.5;padding:calc(16/var(--font-size-base)*1rem);position:relative;text-transform:uppercase;width:100%}.af-form__input-date:invalid,.af-form__input-date:not([value]){font-weight:400}.af-form__input-date:valid{font-weight:600}.af-form__input-date:disabled{cursor:not-allowed}.af-form__input-date:is(:focus-visible,:hover,:active,:focus-within,.af-form__input-date[aria-invalid=true]):not(:disabled){--input-date-box-shadow-width:2px}.af-form__input-date::-webkit-calendar-picker-indicator{background:var(--input-date-indicator-bg-color) var(--input-date-indicator-url) right -1px center no-repeat;border-radius:.25rem;outline-color:var(--input-date-box-shadow-color);outline-offset:1px;outline-width:var(--input-date-box-shadow-width)}.af-form__input-date[class*=no-picker]::-webkit-calendar-picker-indicator{display:none}@media (width > 1023px){.af-form__input-date{font-size:calc(18/var(--font-size-base)*1rem);line-height:1.25}}.af-form__input-helper{color:var(--input-date-helper-color);--input-date-helper-color:var(--color-gray-700)}.af-form__input-date{--input-date-box-shadow-color:var(--color-gray-700);--input-date-border-radius:var(--default-border-radius);--input-date-color:var(--color-gray-900);--input-date-bg-color:var(--color-white);--input-date-indicator-bg-color:var(--color-white)}.af-form__input-date:is(:focus-visible,:hover,:active,:focus-within),.af-form__input-date[value]:not([value=""],[aria-invalid=true]){--input-date-box-shadow-color:var(--color-axa)}.af-form__input-date[value]:not([aria-invalid=true],[value=""]){--input-date-color:var(--color-axa)}.af-form__input-date[aria-invalid=true]{--input-date-box-shadow-color:var(--color-red-700);--input-date-color:var(--color-gray-900)}.af-form__input-date[aria-invalid=true]:is(:focus-visible,:hover,:active,:focus-within):not(:disabled){--input-date-box-shadow-width:3px}.af-form__input-date:disabled{--input-date-box-shadow-color:var(--color-gray-400);--input-date-color:var(--color-gray-500);--input-date-bg-color:var(--color-gray-200)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Form/InputDate/InputDateCommon.scss","../../../src/Form/InputDate/InputDateLF.scss","../../../src/Form/InputDate/InputDateLF.scss%23sass"],"names":[],"mappings":"AAGE,0BAGE,sBAAA,CAFA,YAAA,CCFJ,qBDGI,CCDJ,0CACA,CDKE,qBACE,iCAAA,CACA,2dAAA,CAEA,WAAA,CAWA,2CAAA,CANA,6CAAA,CAOA,4FAAA,CAFA,6BAAA,CARA,aAAA,CAIA,6CAAA,CACA,eAAA,CACA,eAAA,CAJA,2CAAA,CAHA,iBAAA,CAQA,wBAAA,CANA,UCKJ,CDOI,+DAEE,eCNN,CDSI,2BACE,eCPN,CDUI,8BACE,kBCRN,CDWI,4HAOE,iCCZN,CDeI,
|
|
1
|
+
{"version":3,"sources":["../../../src/Form/InputDate/InputDateCommon.scss","../../../src/Form/InputDate/InputDateLF.scss","../../../src/Form/InputDate/InputDateLF.scss%23sass"],"names":[],"mappings":"AAGE,0BAGE,sBAAA,CAFA,YAAA,CCFJ,qBDGI,CCDJ,0CACA,CDKE,qBACE,iCAAA,CACA,2dAAA,CAEA,WAAA,CAWA,2CAAA,CANA,6CAAA,CAOA,4FAAA,CAFA,6BAAA,CARA,aAAA,CAIA,6CAAA,CACA,eAAA,CACA,eAAA,CAJA,2CAAA,CAHA,iBAAA,CAQA,wBAAA,CANA,UCKJ,CDOI,+DAEE,eCNN,CDSI,2BACE,eCPN,CDUI,8BACE,kBCRN,CDWI,4HAOE,iCCZN,CDeI,wDCZJ,2GAAA,CDaM,oBAAA,CAGA,gDAAA,CACA,kBAAA,CACA,gDCdN,CDiBI,0EACE,YCfN,CDkBI,wBAvDF,qBAwDI,6CAAA,CACA,gBCfJ,CACF,CDkBE,uBACE,oCAAA,CElEA,+CDkDJ,CC/CE,qBACE,mDAAA,CACA,uDAAA,CACA,wCAAA,CACA,wCAAA,CACA,kDDqDJ,CCnDI,qIAEE,8CDoDN,CCjDI,gEACE,mCDmDN,CChDI,wCACE,kDAAA,CACA,wCDkDN,CChDM,uGACE,iCDkDR,CC9CI,8BACE,mDAAA,CACA,wCAAA,CACA,2CDgDN","file":"InputDateLF.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n &__input-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &__input-date {\n --input-date-box-shadow-width: 1px;\n --input-date-indicator-url: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%2300008F' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='calendar_invitation'%3E%3Cpath id='Vector' d='M16 13H13C12.45 13 12 13.45 12 14V17C12 17.55 12.45 18 13 18H16C16.55 18 17 17.55 17 17V14C17 13.45 16.55 13 16 13ZM16 3V4H8V3C8 2.45 7.55 2 7 2C6.45 2 6 2.45 6 3V4H5C3.89 4 3.01 4.9 3.01 6L3 20C3 21.1 3.89 22 5 22H19C20.1 22 21 21.1 21 20V6C21 4.9 20.1 4 19 4H18V3C18 2.45 17.55 2 17 2C16.45 2 16 2.45 16 3ZM18 20H6C5.45 20 5 19.55 5 19V9H19V19C19 19.55 18.55 20 18 20Z' /%3E%3C/g%3E%3C/svg%3E%0A\");\n\n all: inherit;\n position: relative;\n display: block;\n width: 100%;\n padding: calc(16 / var(--font-size-base) * 1rem);\n border-radius: var(--input-date-border-radius);\n font-size: calc(16 / var(--font-size-base) * 1rem);\n font-weight: 600;\n line-height: 1.5;\n text-transform: uppercase;\n color: var(--input-date-color);\n background-color: var(--input-date-bg-color);\n box-shadow: 0 0 0 var(--input-date-box-shadow-width)\n var(--input-date-box-shadow-color) inset;\n\n &:not([value]),\n &:invalid {\n font-weight: 400;\n }\n\n &:valid {\n font-weight: 600;\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:is(\n :focus-visible,\n :hover,\n :active,\n :focus-within,\n &[aria-invalid=\"true\"]\n ):not(:disabled) {\n --input-date-box-shadow-width: 2px;\n }\n\n &::-webkit-calendar-picker-indicator {\n border-radius: 0.25rem;\n background: var(--input-date-indicator-bg-color)\n var(--input-date-indicator-url) right -1px center no-repeat;\n outline-color: var(--input-date-box-shadow-color);\n outline-offset: 1px;\n outline-width: var(--input-date-box-shadow-width);\n }\n\n &[class*=\"no-picker\"]::-webkit-calendar-picker-indicator {\n display: none;\n }\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(18 / var(--font-size-base) * 1rem);\n line-height: 1.25;\n }\n }\n\n &__input-helper {\n color: var(--input-date-helper-color);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./InputDateCommon\";\n\n.af-form {\n &__input-helper {\n --input-date-helper-color: var(--color-gray-700);\n }\n\n &__input-date {\n --input-date-box-shadow-color: var(--color-gray-700);\n --input-date-border-radius: var(--default-border-radius);\n --input-date-color: var(--color-gray-900);\n --input-date-bg-color: var(--color-white);\n --input-date-indicator-bg-color: var(--color-white);\n\n &[value]:not([value=\"\"], [aria-invalid=\"true\"]),\n &:is(:focus-visible, :hover, :active, :focus-within) {\n --input-date-box-shadow-color: var(--color-axa);\n }\n\n &[value]:not([aria-invalid=\"true\"], [value=\"\"]) {\n --input-date-color: var(--color-axa);\n }\n\n &[aria-invalid=\"true\"] {\n --input-date-box-shadow-color: var(--color-red-700);\n --input-date-color: var(--color-gray-900);\n\n &:is(:focus-visible, :hover, :active, :focus-within):not(:disabled) {\n --input-date-box-shadow-width: 3px;\n }\n }\n\n &:disabled {\n --input-date-box-shadow-color: var(--color-gray-400);\n --input-date-color: var(--color-gray-500);\n --input-date-bg-color: var(--color-gray-200);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./InputDateCommon\";\n\n.af-form {\n &__input-helper {\n --input-date-helper-color: var(--color-gray-700);\n }\n\n &__input-date {\n --input-date-box-shadow-color: var(--color-gray-700);\n --input-date-border-radius: var(--default-border-radius);\n --input-date-color: var(--color-gray-900);\n --input-date-bg-color: var(--color-white);\n --input-date-indicator-bg-color: var(--color-white);\n\n &[value]:not([value=\"\"], [aria-invalid=\"true\"]),\n &:is(:focus-visible, :hover, :active, :focus-within) {\n --input-date-box-shadow-color: var(--color-axa);\n }\n\n &[value]:not([aria-invalid=\"true\"], [value=\"\"]) {\n --input-date-color: var(--color-axa);\n }\n\n &[aria-invalid=\"true\"] {\n --input-date-box-shadow-color: var(--color-red-700);\n --input-date-color: var(--color-gray-900);\n\n &:is(:focus-visible, :hover, :active, :focus-within):not(:disabled) {\n --input-date-box-shadow-width: 3px;\n }\n }\n\n &:disabled {\n --input-date-box-shadow-color: var(--color-gray-400);\n --input-date-color: var(--color-gray-500);\n --input-date-bg-color: var(--color-gray-200);\n }\n }\n}\n"]}
|
|
@@ -14,14 +14,15 @@
|
|
|
14
14
|
--input-date-bg-color: var(--color-white);
|
|
15
15
|
--input-date-indicator-bg-color: var(--color-white);
|
|
16
16
|
|
|
17
|
-
|
|
18
|
-
--input-date-color: var(--color-axa);
|
|
19
|
-
}
|
|
20
|
-
|
|
17
|
+
&[value]:not([value=""], [aria-invalid="true"]),
|
|
21
18
|
&:is(:focus-visible, :hover, :active, :focus-within) {
|
|
22
19
|
--input-date-box-shadow-color: var(--color-axa);
|
|
23
20
|
}
|
|
24
21
|
|
|
22
|
+
&[value]:not([aria-invalid="true"], [value=""]) {
|
|
23
|
+
--input-date-color: var(--color-axa);
|
|
24
|
+
}
|
|
25
|
+
|
|
25
26
|
&[aria-invalid="true"] {
|
|
26
27
|
--input-date-box-shadow-color: var(--color-red-700);
|
|
27
28
|
--input-date-color: var(--color-gray-900);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-helper{color:var(--input-helper-color);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;line-height:1.25em}@media (width > 1023px){.af-form__input-helper{font-size:calc(16/var(--font-size-base)*1rem)}}.af-form__input-helper{--input-helper-color:var(--neutral-80)}
|
|
1
|
+
.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-helper{color:var(--input-helper-color);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;line-height:1.25em}@media (width > 1023px){.af-form__input-helper{font-size:calc(16/var(--font-size-base)*1rem)}}.af-form__input-helper{--input-helper-color:var(--neutral-80)}.af-form__input-container:has([class*=__sidebutton]):has(:disabled) .af-form__input-variant{--input-border-color:var(--neutral-50);--input-text-color:var(--neutral-80);--input-bg-color:var(--neutral-5);--input-text-icon-color:var(--neutral-80)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Form/InputText/InputTextCommon.scss","../../../src/Form/InputText/InputTextApollo.scss","../../../src/Form/InputText/InputTextApollo.scss%23sass"],"names":[],"mappings":"AAGE,0BAGE,sBAAA,CAFA,YAAA,CCFJ,qBDGI,CCDJ,0CACA,CDKE,uBAIE,+BAAA,CAHA,6CAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/Form/InputText/InputTextCommon.scss","../../../src/Form/InputText/InputTextApollo.scss","../../../src/Form/InputText/InputTextApollo.scss%23sass"],"names":[],"mappings":"AAGE,0BAGE,sBAAA,CAFA,YAAA,CCFJ,qBDGI,CCDJ,0CACA,CDKE,uBAIE,+BAAA,CAHA,6CAAA,CACA,eAAA,CACA,kBCFJ,CDKI,wBANF,uBAOI,6CCFJ,CACF,CCXE,uBACE,sCDcJ,CCXE,4FAEE,sCAAA,CACA,oCAAA,CACA,iCAAA,CACA,yCDYJ","file":"InputTextApollo.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n &__input-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &__input-helper {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25em;\n color: var(--input-helper-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./InputTextCommon\";\n\n.af-form {\n &__input-helper {\n --input-helper-color: var(--neutral-80);\n }\n\n &__input-container:has([class*=\"__sidebutton\"]):has(:disabled)\n .af-form__input-variant {\n --input-border-color: var(--neutral-50);\n --input-text-color: var(--neutral-80);\n --input-bg-color: var(--neutral-5);\n --input-text-icon-color: var(--neutral-80);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./InputTextCommon\";\n\n.af-form {\n &__input-helper {\n --input-helper-color: var(--neutral-80);\n }\n\n &__input-container:has([class*=\"__sidebutton\"]):has(:disabled)\n .af-form__input-variant {\n --input-border-color: var(--neutral-50);\n --input-text-color: var(--neutral-80);\n --input-bg-color: var(--neutral-5);\n --input-text-icon-color: var(--neutral-80);\n }\n}\n"]}
|
|
@@ -6,4 +6,12 @@
|
|
|
6
6
|
&__input-helper {
|
|
7
7
|
--input-helper-color: var(--neutral-80);
|
|
8
8
|
}
|
|
9
|
+
|
|
10
|
+
&__input-container:has([class*="__sidebutton"]):has(:disabled)
|
|
11
|
+
.af-form__input-variant {
|
|
12
|
+
--input-border-color: var(--neutral-50);
|
|
13
|
+
--input-text-color: var(--neutral-80);
|
|
14
|
+
--input-bg-color: var(--neutral-5);
|
|
15
|
+
--input-text-icon-color: var(--neutral-80);
|
|
16
|
+
}
|
|
9
17
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-helper{color:var(--input-helper-color);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;line-height:1.25em}@media (width > 1023px){.af-form__input-helper{font-size:calc(16/var(--font-size-base)*1rem)}}.af-form__input-helper{--input-helper-color:var(--color-gray-700)}
|
|
1
|
+
.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-helper{color:var(--input-helper-color);font-size:calc(14/var(--font-size-base)*1rem);font-weight:400;line-height:1.25em}@media (width > 1023px){.af-form__input-helper{font-size:calc(16/var(--font-size-base)*1rem)}}.af-form__input-helper{--input-helper-color:var(--color-gray-700)}.af-form__input-container:has([class*=__sidebutton]):has(:disabled) .af-form__input-variant{--input-border-color:var(--color-gray-400);--input-text-color:var(--color-gray-700);--input-bg-color:var(--color-gray-200);--input-text-icon-color:var(--color-gray-700)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Form/InputText/InputTextCommon.scss","../../../src/Form/InputText/InputTextLF.scss","../../../src/Form/InputText/InputTextLF.scss%23sass"],"names":[],"mappings":"AAGE,0BAGE,sBAAA,CAFA,YAAA,CCFJ,qBDGI,CCDJ,0CACA,CDKE,uBAIE,+BAAA,CAHA,6CAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/Form/InputText/InputTextCommon.scss","../../../src/Form/InputText/InputTextLF.scss","../../../src/Form/InputText/InputTextLF.scss%23sass"],"names":[],"mappings":"AAGE,0BAGE,sBAAA,CAFA,YAAA,CCFJ,qBDGI,CCDJ,0CACA,CDKE,uBAIE,+BAAA,CAHA,6CAAA,CACA,eAAA,CACA,kBCFJ,CDKI,wBANF,uBAOI,6CCFJ,CACF,CCXE,uBACE,0CDcJ,CCXE,4FAEE,0CAAA,CACA,wCAAA,CACA,sCAAA,CACA,6CDYJ","file":"InputTextLF.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\n\n.af-form {\n &__input-container {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n row-gap: calc(8 / var(--font-size-base) * 1rem);\n }\n\n &__input-helper {\n font-size: calc(14 / var(--font-size-base) * 1rem);\n font-weight: 400;\n line-height: 1.25em;\n color: var(--input-helper-color);\n\n @media (width > #{breakpoints.$breakpoint-md}) {\n font-size: calc(16 / var(--font-size-base) * 1rem);\n }\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./InputTextCommon\";\n\n.af-form {\n &__input-helper {\n --input-helper-color: var(--color-gray-700);\n }\n\n &__input-container:has([class*=\"__sidebutton\"]):has(:disabled)\n .af-form__input-variant {\n --input-border-color: var(--color-gray-400);\n --input-text-color: var(--color-gray-700);\n --input-bg-color: var(--color-gray-200);\n --input-text-icon-color: var(--color-gray-700);\n }\n}\n","@use \"../../common/breakpoints\" as breakpoints;\n\n@use \"./InputTextCommon\";\n\n.af-form {\n &__input-helper {\n --input-helper-color: var(--color-gray-700);\n }\n\n &__input-container:has([class*=\"__sidebutton\"]):has(:disabled)\n .af-form__input-variant {\n --input-border-color: var(--color-gray-400);\n --input-text-color: var(--color-gray-700);\n --input-bg-color: var(--color-gray-200);\n --input-text-icon-color: var(--color-gray-700);\n }\n}\n"]}
|
|
@@ -6,4 +6,12 @@
|
|
|
6
6
|
&__input-helper {
|
|
7
7
|
--input-helper-color: var(--color-gray-700);
|
|
8
8
|
}
|
|
9
|
+
|
|
10
|
+
&__input-container:has([class*="__sidebutton"]):has(:disabled)
|
|
11
|
+
.af-form__input-variant {
|
|
12
|
+
--input-border-color: var(--color-gray-400);
|
|
13
|
+
--input-text-color: var(--color-gray-700);
|
|
14
|
+
--input-bg-color: var(--color-gray-200);
|
|
15
|
+
--input-text-icon-color: var(--color-gray-700);
|
|
16
|
+
}
|
|
9
17
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-form__input-variant{align-items:center;background-color:var(--input-bg-color);border:
|
|
1
|
+
.af-form__input-variant{--input-box-shadow-width:1px;align-items:center;background-color:var(--input-bg-color);border-radius:var(--input-border-radius);box-shadow:0 0 0 var(--input-box-shadow-width) var(--input-border-color) inset;color:var(--input-text-color);display:grid;grid-template-columns:auto min-content;padding:calc(16/var(--font-size-base)*1rem);width:100%}.af-form__input-variant:has(>input~*){column-gap:calc(8/var(--font-size-base)*1rem)}.af-form__input-variant>input{all:unset;color:var(--input-text-color);font-size:calc(16/var(--font-size-base)*1rem);font-weight:600;line-height:1.25em}.af-form__input-variant>input::placeholder{color:var(--input-text-placeholder-color);font-weight:400}.af-form__input-variant>input~*{color:var(--input-text-icon-color);fill:var(--input-text-icon-color)}@media (width > 1023px){.af-form__input-variant>input{font-size:calc(18/var(--font-size-base)*1rem)}}.af-form__input-variant:has(>input:disabled),.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active){cursor:not-allowed}.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active)>input~*,.af-form__input-variant:has(>input:disabled)>input~*{cursor:not-allowed}.af-form__input-variant:has(>input:is(:hover,:focus,:active,[class*="--error"]):not(:disabled)){--input-box-shadow-width:2px}.af-form__input-variant:has(>input[class*="--error"]:not(:disabled):is(:hover,:focus-visible,:active)){--input-box-shadow-width:3px}.af-form__input-variant{--input-border-color:var(--axa-blue-65);--input-border-radius:var(--radius-8);--input-bg-color:var(--white);--input-text-color:var(--neutral-80);--input-text-icon-color:var(--axa-blue-100);--input-text-outline-color:var(--axa-blue-65)}.af-form__input-variant:has(>input:is(:hover,:focus,:active)){--input-border-color:var(--axa-blue-100);--input-text-placeholder-color:var(--neutral-80)}.af-form__input-variant:has(>input[class*="--error"]){--input-border-color:var(--red-alert-100)}.af-form__input-variant:has(>input:disabled),.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active){--input-border-color:var(--neutral-50);--input-text-color:var(--neutral-50);--input-bg-color:var(--neutral-5);--input-text-icon-color:var(--neutral-50)}.af-form__input-variant:has(>input:disabled)+.af-form__input-helper,.af-form__input-variant:has(>input:disabled):is(:hover,:focus,:active)+.af-form__input-helper{--input-helper-color:var(--neutral-50)}.af-form__input-variant:has(>input[value]:not([value=""],[class*="--error"],:disabled)){--input-border-color:var(--axa-blue-100);--input-text-color:var(--axa-blue-100)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Form/InputTextAtom/InputTextAtomCommon.scss","../../../src/Form/InputTextAtom/InputTextAtomApollo.scss","../../../src/Form/InputTextAtom/InputTextAtomApollo.scss%23sass"],"names":[],"mappings":"AAEA,
|
|
1
|
+
{"version":3,"sources":["../../../src/Form/InputTextAtom/InputTextAtomCommon.scss","../../../src/Form/InputTextAtom/InputTextAtomApollo.scss","../../../src/Form/InputTextAtom/InputTextAtomApollo.scss%23sass"],"names":[],"mappings":"AAEA,wBACE,4BAAA,CAOA,kBAAA,CAEA,sCAAA,CAJA,wCAAA,CAKA,8EAAA,CAFA,6BAAA,CCTF,YAAA,CDOE,sCAAA,CCLF,2CAAA,CDEE,UCKF,CDKE,sCACE,6CCHJ,CDME,8BACE,SAAA,CAIA,6BAAA,CAHA,6CAAA,CACA,eAAA,CACA,kBCHJ,CDMI,2CAEE,yCAAA,CADA,eCHN,CDOI,gCACE,kCAAA,CACA,iCCLN,CDQI,wBAjBF,8BAkBI,6CCLJ,CACF,CDQE,oHAEE,kBCPJ,CDSI,oIACE,kBCPN,CDWE,gGAGE,4BCXJ,CDcE,uGAOE,4BChBJ,CC5CA,wBACE,uCAAA,CACA,qCAAA,CACA,6BAAA,CACA,oCAAA,CACA,2CAAA,CACA,6CD+CF,CC7CE,8DACE,wCAAA,CACA,gDD+CJ,CC5CE,sDACE,yCD8CJ,CC3CE,oHAEE,sCAAA,CACA,oCAAA,CACA,iCAAA,CACA,yCD4CJ,CC1CI,kKACE,sCD4CN,CCxCE,wFACE,wCAAA,CACA,sCD0CJ","file":"InputTextAtomApollo.css","sourcesContent":["@use \"../../common/breakpoints\" as breakpoints;\r\n\r\n.af-form__input-variant {\r\n --input-box-shadow-width: 1px;\r\n\r\n display: grid;\r\n width: 100%;\r\n padding: calc(16 / var(--font-size-base) * 1rem);\r\n border-radius: var(--input-border-radius);\r\n grid-template-columns: auto min-content;\r\n align-items: center;\r\n color: var(--input-text-color);\r\n background-color: var(--input-bg-color);\r\n box-shadow: 0 0 0 var(--input-box-shadow-width) var(--input-border-color)\r\n inset;\r\n\r\n &:has(> input ~ *) {\r\n column-gap: calc(8 / var(--font-size-base) * 1rem);\r\n }\r\n\r\n > input {\r\n all: unset;\r\n font-size: calc(16 / var(--font-size-base) * 1rem);\r\n font-weight: 600;\r\n line-height: 1.25em;\r\n color: var(--input-text-color);\r\n\r\n &::placeholder {\r\n font-weight: 400;\r\n color: var(--input-text-placeholder-color);\r\n }\r\n\r\n & ~ * {\r\n color: var(--input-text-icon-color);\r\n fill: var(--input-text-icon-color);\r\n }\r\n\r\n @media (width > #{breakpoints.$breakpoint-md}) {\r\n font-size: calc(18 / var(--font-size-base) * 1rem);\r\n }\r\n }\r\n\r\n &:has(> input:disabled),\r\n &:has(> input:disabled):is(:hover, :focus, :active) {\r\n cursor: not-allowed;\r\n\r\n & > input ~ * {\r\n cursor: not-allowed;\r\n }\r\n }\r\n\r\n &:has(\r\n > input:is(:hover, :focus, :active, [class*=\"--error\"]):not(:disabled)\r\n ) {\r\n --input-box-shadow-width: 2px;\r\n }\r\n\r\n &:has(\r\n > input[class*=\"--error\"]:not(:disabled):is(\r\n :hover,\r\n :focus-visible,\r\n :active\r\n )\r\n ) {\r\n --input-box-shadow-width: 3px;\r\n }\r\n}\r\n","@use \"../../common/breakpoints\" as breakpoints;\r\n\r\n@use \"InputTextAtomCommon\";\r\n\r\n.af-form__input-variant {\r\n --input-border-color: var(--axa-blue-65);\r\n --input-border-radius: var(--radius-8);\r\n --input-bg-color: var(--white);\r\n --input-text-color: var(--neutral-80);\r\n --input-text-icon-color: var(--axa-blue-100);\r\n --input-text-outline-color: var(--axa-blue-65);\r\n\r\n &:has(> input:is(:hover, :focus, :active)) {\r\n --input-border-color: var(--axa-blue-100);\r\n --input-text-placeholder-color: var(--neutral-80);\r\n }\r\n\r\n &:has(> input[class*=\"--error\"]) {\r\n --input-border-color: var(--red-alert-100);\r\n }\r\n\r\n &:has(> input:disabled),\r\n &:has(> input:disabled):is(:hover, :focus, :active) {\r\n --input-border-color: var(--neutral-50);\r\n --input-text-color: var(--neutral-50);\r\n --input-bg-color: var(--neutral-5);\r\n --input-text-icon-color: var(--neutral-50);\r\n\r\n + .af-form__input-helper {\r\n --input-helper-color: var(--neutral-50);\r\n }\r\n }\r\n\r\n &:has(> input[value]:not([value=\"\"], [class*=\"--error\"], :disabled)) {\r\n --input-border-color: var(--axa-blue-100);\r\n --input-text-color: var(--axa-blue-100);\r\n }\r\n}\r\n","@use \"../../common/breakpoints\" as breakpoints;\r\n\r\n@use \"InputTextAtomCommon\";\r\n\r\n.af-form__input-variant {\r\n --input-border-color: var(--axa-blue-65);\r\n --input-border-radius: var(--radius-8);\r\n --input-bg-color: var(--white);\r\n --input-text-color: var(--neutral-80);\r\n --input-text-icon-color: var(--axa-blue-100);\r\n --input-text-outline-color: var(--axa-blue-65);\r\n\r\n &:has(> input:is(:hover, :focus, :active)) {\r\n --input-border-color: var(--axa-blue-100);\r\n --input-text-placeholder-color: var(--neutral-80);\r\n }\r\n\r\n &:has(> input[class*=\"--error\"]) {\r\n --input-border-color: var(--red-alert-100);\r\n }\r\n\r\n &:has(> input:disabled),\r\n &:has(> input:disabled):is(:hover, :focus, :active) {\r\n --input-border-color: var(--neutral-50);\r\n --input-text-color: var(--neutral-50);\r\n --input-bg-color: var(--neutral-5);\r\n --input-text-icon-color: var(--neutral-50);\r\n\r\n + .af-form__input-helper {\r\n --input-helper-color: var(--neutral-50);\r\n }\r\n }\r\n\r\n &:has(> input[value]:not([value=\"\"], [class*=\"--error\"], :disabled)) {\r\n --input-border-color: var(--axa-blue-100);\r\n --input-text-color: var(--axa-blue-100);\r\n }\r\n}\r\n"]}
|
|
@@ -10,11 +10,6 @@
|
|
|
10
10
|
--input-text-icon-color: var(--axa-blue-100);
|
|
11
11
|
--input-text-outline-color: var(--axa-blue-65);
|
|
12
12
|
|
|
13
|
-
&:has(> input:not([value=""])) {
|
|
14
|
-
--input-border-color: var(--axa-blue-100);
|
|
15
|
-
--input-text-color: var(--axa-blue-100);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
13
|
&:has(> input:is(:hover, :focus, :active)) {
|
|
19
14
|
--input-border-color: var(--axa-blue-100);
|
|
20
15
|
--input-text-placeholder-color: var(--neutral-80);
|
|
@@ -35,4 +30,9 @@
|
|
|
35
30
|
--input-helper-color: var(--neutral-50);
|
|
36
31
|
}
|
|
37
32
|
}
|
|
33
|
+
|
|
34
|
+
&:has(> input[value]:not([value=""], [class*="--error"], :disabled)) {
|
|
35
|
+
--input-border-color: var(--axa-blue-100);
|
|
36
|
+
--input-text-color: var(--axa-blue-100);
|
|
37
|
+
}
|
|
38
38
|
}
|