@axa-fr/canopee-css 1.5.1-alpha.3 → 1.5.1-alpha.30
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/client/DataAgent/DataAgentLF.css +1 -1
- package/dist/client/Form/InputDate/InputDateLF.css +1 -1
- package/dist/client/Form/InputTextAtom/InputTextAtomLF.css +1 -1
- package/dist/client/Form/Radio/Radio/RadioLF.css +1 -1
- package/dist/client/Heading/HeadingLF.css +1 -1
- package/dist/client/ItemTabBar/ItemTabBarLF.css +1 -1
- package/dist/client/List/ClickItem/ClickItemLF.css +1 -1
- package/dist/client/Message/MessageLF.css +1 -1
- package/dist/client/Toggle/ToggleLF.css +1 -1
- package/dist/client/client.css +1 -1
- package/dist/distributeur/Card/Card.css +1 -1
- package/dist/distributeur/Form/Experimental/Input.css +1 -1
- package/dist/distributeur/Restitution/Restitution.css +1 -1
- package/dist/prospect/DataAgent/DataAgentApollo.css +1 -1
- package/dist/prospect/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.css +1 -1
- package/dist/prospect/Form/InputDate/InputDateApollo.css +1 -1
- package/dist/prospect/Form/InputTextAtom/InputTextAtomApollo.css +1 -1
- package/dist/prospect/Form/Radio/CardRadioOption/CardRadioOptionApollo.css +1 -1
- package/dist/prospect/Heading/HeadingApollo.css +1 -1
- package/dist/prospect/ItemTabBar/ItemTabBarApollo.css +1 -1
- package/dist/prospect/List/ClickItem/ClickItemApollo.css +1 -1
- package/dist/prospect/Message/MessageApollo.css +1 -1
- package/dist/prospect/Toggle/ToggleApollo.css +1 -1
- package/dist/prospect/prospect.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-input__input{--input-color:var(--text-color);--input-border-color:var(--input-border-color);--input-background-color:var(--white);background-color:var(--input-background-color);border:1px solid var(--input-border-color);color:var(--input-color);font-size:1rem;line-height:2.5rem;outline:1px solid transparent;padding:0 0 0 1rem}.af-input__input[aria-invalid=true]{--input-color:var(--error-color);--input-border-color:var(--error-color);--input-background-color:var(--white)}.af-input__input:disabled{--input-color:var(--disabled-color);--input-border-color:var(--disabled-color);--input-background-color:var(--gray10);cursor:not-allowed}.af-input__input:active:not(:disabled),.af-input__input:hover:not(:disabled){--input-border-color:var(--color-border-selected);--input-color:var(--active-button-border-color);
|
|
1
|
+
.af-input__input{--input-color:var(--text-color);--local-input-border-color:var(--input-border-color);--input-background-color:var(--white);--color-border-selected:var(--brand-primary);background-color:var(--input-background-color);border:1px solid var(--local-input-border-color);color:var(--input-color);font-size:1rem;line-height:2.5rem;outline:1px solid transparent;padding:0 0 0 1rem}.af-input__input[aria-invalid=true]{--input-color:var(--error-color);--local-input-border-color:var(--error-color);--input-background-color:var(--white)}.af-input__input:disabled{--input-color:var(--disabled-color);--local-input-border-color:var(--disabled-color);--input-background-color:var(--gray10);cursor:not-allowed}.af-input__input:active:not(:disabled),.af-input__input:hover:not(:disabled){--local-input-border-color:var(--color-border-selected);--input-color:var(--active-button-border-color);outline:1px solid var(--local-input-border-color)}.af-input__input:focus-visible:not(:disabled){outline:1px solid var(--local-input-border-color);--local-input-border-color:var(--color-border-selected);--input-color:var(--active-button-border-color)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-restitution{background:var(--white);box-shadow:0 .2rem .4rem 0 rgba(0,0,0,.19);color:var(--text-color);margin-bottom:2rem;width:100%}.af-restitution__header{align-items:center;background:var(--brand-primary);border-radius:.25rem .25rem 0 0;display:flex;justify-content:space-between;min-height:3rem;padding:.25rem 0 .1875rem}.af-restitution__header-left{margin-left:2.25rem}.af-restitution__header-right{margin-right:2.25rem}.af-restitution__content{align-items:flex-start;display:flex;flex-wrap:wrap;padding:1.5rem .625rem;width:100%}.af-restitution__content-title{color:var(--brand-primary);font-size:1.25rem;font-weight:
|
|
1
|
+
.af-restitution{background:var(--white);box-shadow:0 .2rem .4rem 0 rgba(0,0,0,.19);color:var(--text-color);margin-bottom:2rem;width:100%}.af-restitution__header{align-items:center;background:var(--brand-primary);border-radius:.25rem .25rem 0 0;display:flex;justify-content:space-between;min-height:3rem;padding:.25rem 0 .1875rem}.af-restitution__header-left{margin-left:2.25rem}.af-restitution__header-right{margin-right:2.25rem}.af-restitution__content{align-items:flex-start;display:flex;flex-wrap:wrap;padding:1.5rem .625rem;width:100%}.af-restitution__content-title{color:var(--brand-primary);font-size:1.25rem;font-weight:400;margin-bottom:1.25rem}.af-restitution__content-left--borderRight{border-right:1px solid rgba(var(--gray50),.27)}.af-restitution__content-left--borderBottom{border-bottom:1px solid rgba(var(--gray50),.27);margin-bottom:1.875rem;padding-bottom:1.875rem}.af-restitution__content-block{flex-basis:50%}.af-restitution__title{color:var(--white);font-size:1.25rem;font-weight:400;margin-bottom:0}.af-restitution__title-main{margin-right:.875rem}.af-restitution__title-subtitle{font-size:1.125rem;opacity:.72}.af-restitution__title .af-link{background:none;border:0;color:var(--white);font-size:.9375rem;font-weight:400}.af-restitution__title .af-link__text{cursor:pointer;text-decoration:underline}.af-restitution__title .af-link:hover .af-link__text{text-decoration:none}.af-restitution__listdef{display:flex;flex-basis:100%;flex-wrap:wrap;font-size:1rem;margin:0}.af-restitution__listdef-item{color:var(--text-color);flex-basis:50%;font-weight:400;padding-right:.5rem}.af-restitution__listdef-link{color:var(--brand-primary)}.af-restitution__listdef-link,.af-restitution__listdef-value{flex-basis:50%;font-weight:600;margin:0;padding-left:.5rem}.af-restitution__listdef--marge{margin-top:1.25rem}.af-restitution__text{display:block;margin-bottom:.2rem;text-align:right}.af-restitution__listul{padding-left:1rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-data-agent{border:1px solid var(--data-agent-border-color);border-radius:var(--radius-8);display:flex;flex-direction:column;padding-bottom:var(--rem-16)}.af-data-agent__intro{display:flex;flex-direction:column;gap:var(--rem-16);padding:var(--data-agent-intro-padding)}.af-data-agent__info-click-content,.af-data-agent__info-content{display:flex;flex-direction:column;gap:var(--rem-12)}.af-data-agent__info-content{padding:var(--data-agent-intro-content-padding)}.af-data-agent__info-click-content{padding:var(--rem-
|
|
1
|
+
.af-data-agent{border:1px solid var(--data-agent-border-color);border-radius:var(--radius-8);display:flex;flex-direction:column;padding-bottom:var(--rem-16)}.af-data-agent__intro{display:flex;flex-direction:column;gap:var(--rem-16);padding:var(--data-agent-intro-padding)}.af-data-agent__info-click-content,.af-data-agent__info-content{display:flex;flex-direction:column;gap:var(--rem-12)}.af-data-agent__info-content{padding:var(--data-agent-intro-content-padding)}.af-data-agent__info-click-content{padding:var(--rem-16) var(--rem-16) 0;.af-data-agent__line:last-of-type{display:none}}.af-data-agent__text-orias{color:var(--data-agent-text-orias-font-color);font-size:var(--data-agent-text-orias-font-size);font-weight:400;line-height:125%;margin:0;padding:var(--rem-24) var(--rem-16) 0}.af-data-agent:has(>.af-data-agent__intro:only-child){padding-bottom:0;.af-data-agent__intro{padding:var(--rem-16)}}.af-data-agent{--data-agent-border-color:var(--blue-200);--data-agent-text-orias-font-color:var(--gray-800);--data-agent-text-orias-font-size:var(--rem-14);--data-agent-intro-padding:var(--rem-16);--data-agent-intro-content-padding:var(--rem-16) var(--rem-16) 0}.af-data-agent__info-content{.af-data-agent__line:last-of-type{display:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-card-checkbox-option{--checkbox-option-border-width:1px;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;&:focus-visible,&:focus-within,&:hover{--checkbox-option-border-width:2px}&:has(input:checked){--checkbox-option-border-width:1px;&:focus-visible,&:focus-within,&:hover{--checkbox-option-border-width:2px}}& .af-icon{--icon-size:var(--icon-size-medium);@media screen and (width > 1023px){--icon-size:var(--icon-size-large)}}}.af-card-checkbox-option__label{color:var(--checkbox-option-color-title);font-size:var(--rem-16);font-weight:400;margin:0;@media screen and (width > 1023px){font-size:var(--rem-18)}}.af-card-checkbox-option:has(input:checked) .af-card-checkbox-option__label{font-weight:600}.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)){--checkbox-option-border-width:2px;&:focus-visible,&:focus-within,&: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:var(--rem-14);font-weight:400;margin:0;@media screen and (width > 1023px){font-size:1rem}}.af-card-checkbox-option--horizontal{flex-direction:row;& .af-card-checkbox-option__content{align-items:flex-start;text-align:left}& .af-checkbox{order:-1}}.af-card-checkbox-option{--checkbox-option-border-color:var(--blue-650);--checkbox-option-color-title:var(--blue-1000);--checkbox-option-color-subtitle:var(--gray-800);--checkbox-option-gap:var(--rem-8);--checkbox-option-border-radius:var(--radius-8);--checkbox-option-background-color:var(--white-1000);&:focus-visible,&:focus-within,&:hover{--checkbox-option-border-color:var(--blue-1000)}&:has(input:checked){--checkbox-option-background-color:var(--blue-040);--checkbox-option-border-color:var(--blue-1000)}&:has(input[aria-invalid=true]):not(:has(input:checked)){--checkbox-option-border-color:var(--red-alert-1000);--checkbox-option-background-color:var(--red-040)}}.af-card-checkbox-option
|
|
1
|
+
.af-card-checkbox-option{--checkbox-option-border-width:1px;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;&:focus-visible,&:focus-within,&:hover{--checkbox-option-border-width:2px}&:has(input:checked){--checkbox-option-border-width:1px;&:focus-visible,&:focus-within,&:hover{--checkbox-option-border-width:2px}}& .af-icon{--icon-size:var(--icon-size-medium);@media screen and (width > 1023px){--icon-size:var(--icon-size-large)}}}.af-card-checkbox-option__label{color:var(--checkbox-option-color-title);font-size:var(--rem-16);font-weight:400;margin:0;@media screen and (width > 1023px){font-size:var(--rem-18)}}.af-card-checkbox-option:has(input:checked) .af-card-checkbox-option__label{font-weight:600}.af-card-checkbox-option:has(input[aria-invalid=true]):not(:has(input:checked)){--checkbox-option-border-width:2px;&:focus-visible,&:focus-within,&: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:var(--rem-14);font-weight:400;margin:0;@media screen and (width > 1023px){font-size:1rem}}.af-card-checkbox-option--horizontal{flex-direction:row;& .af-card-checkbox-option__content{align-items:flex-start;text-align:left}& .af-checkbox{order:-1}}.af-card-checkbox-option{--checkbox-option-border-color:var(--blue-650);--checkbox-option-color-title:var(--blue-1000);--checkbox-option-color-subtitle:var(--gray-800);--checkbox-option-gap:var(--rem-8);--checkbox-option-border-radius:var(--radius-8);--checkbox-option-background-color:var(--white-1000);&:focus-visible,&:focus-within,&:hover{--checkbox-option-border-color:var(--blue-1000)}&:has(input:checked){--checkbox-option-background-color:var(--blue-040);--checkbox-option-border-color:var(--blue-1000)}&:has(input[aria-invalid=true]):not(:has(input:checked)){--checkbox-option-border-color:var(--red-alert-1000);--checkbox-option-background-color:var(--red-040)}}.af-card-checkbox-option .af-card-checkbox-option__content{--checkbox-option-gap:var(--rem-4)}.af-card-checkbox-option--horizontal{& .af-checkbox{margin-right:var(--rem-8)}}.af-card-checkbox-option:not(.af-card-checkbox-option--horizontal) .af-checkbox{margin-top:var(--rem-8)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:var(--rem-8)}.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);cursor:text;display:block;font-size:var(--rem-16);font-weight:600;line-height:1.5;padding:var(--rem-16);position:relative;text-transform:uppercase;width:100%;&:invalid,&:not([value]){font-weight:400}&:valid{font-weight:600}&:disabled{cursor:not-allowed}&:is(:focus-visible,:hover,:active,:focus-within,&[aria-invalid=true]):not(:disabled){--input-date-box-shadow-width:2px}&::-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)}@media screen and (width > 1023px){font-size:var(--rem-18);line-height:1.25}}.af-form__input-helper{color:var(--input-date-helper-color);--input-date-helper-color:var(--gray-800)}.af-form__input-date{--input-date-box-shadow-color:var(--blue-650);--input-date-border-radius:var(--radius-8);--input-date-color:var(--gray-800);--input-date-bg-color:var(--white-1000);--input-date-indicator-bg-color:var(--white-1000);&:is(:focus-visible,:hover,:active,:focus-within),&[value]:not([value=""],[aria-invalid=true]){--input-date-box-shadow-color:var(--blue-1000)}&[value]:not([aria-invalid=true],[value=""]){--input-date-color:var(--blue-1000);--input-date-box-shadow-color:var(--blue-1000)}&[aria-invalid=true]{--input-date-box-shadow-color:var(--red-alert-1000);--input-date-color:var(--gray-800);&:is(:focus-visible,:hover,:active,:focus-within):not(:disabled){--input-date-box-shadow-width:3px}}&:disabled{--input-date-box-shadow-color:var(--gray-500);--input-date-color:var(--gray-500);--input-date-bg-color:var(--gray-050)}}
|
|
1
|
+
.af-form__input-container{align-items:flex-start;display:flex;flex-direction:column;row-gap:var(--rem-8)}.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);cursor:text;display:block;font-size:var(--rem-16);font-weight:600;line-height:1.5;padding:var(--rem-16);position:relative;text-transform:uppercase;width:100%;&:invalid,&:not([value]){font-weight:400}&:valid{font-weight:600}&:disabled{cursor:not-allowed}&:is(:focus-visible,:hover,:active,:focus-within,&[aria-invalid=true],&[class*="--warning"]):not(:disabled){--input-date-box-shadow-width:2px}&::-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)}&[class*="--warning"]{--input-date-box-shadow-color:var(--orange-1050);&:is(:focus-visible,:hover,:active,:focus-within):not(:disabled){--input-date-box-shadow-width:3px}}@media screen and (width > 1023px){font-size:var(--rem-18);line-height:1.25}}.af-form__input-helper{color:var(--input-date-helper-color);--input-date-helper-color:var(--gray-800)}.af-form__input-date{--input-date-box-shadow-color:var(--blue-650);--input-date-border-radius:var(--radius-8);--input-date-color:var(--gray-800);--input-date-bg-color:var(--white-1000);--input-date-indicator-bg-color:var(--white-1000);&:is(:focus-visible,:hover,:active,:focus-within),&[value]:not([value=""],[aria-invalid=true],[class*="--warning"]){--input-date-box-shadow-color:var(--blue-1000)}&[value]:not([aria-invalid=true],[value=""],[class*="--warning"]){--input-date-color:var(--blue-1000);--input-date-box-shadow-color:var(--blue-1000)}&[aria-invalid=true]{--input-date-box-shadow-color:var(--red-alert-1000);--input-date-color:var(--gray-800);&:is(:focus-visible,:hover,:active,:focus-within):not(:disabled){--input-date-box-shadow-width:3px}}&:disabled{--input-date-box-shadow-color:var(--gray-500);--input-date-color:var(--gray-500);--input-date-bg-color:var(--gray-050)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-form__input-atom-container{--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;width:100%;&:has(>input~*){-moz-column-gap:var(--rem-8);column-gap:var(--rem-8)}>input{all:unset;color:var(--input-text-color);font-size:var(--rem-16);font-weight:600;line-height:1.25em;min-width:0;padding:var(--rem-16);&::-moz-placeholder{color:var(--input-text-placeholder-color);font-weight:400}&::placeholder{color:var(--input-text-placeholder-color);font-weight:400}&~*{color:var(--input-text-icon-color);fill:var(--input-text-icon-color);margin-right:var(--rem-16)}@media screen and (width > 1023px){font-size:var(--rem-18)}}&:has(:nth-child(2))>input{padding-right:0}&:has(>input:disabled),&:has(>input:disabled):is(:hover,:focus,:active){cursor:not-allowed;&>input~*{cursor:not-allowed}}&:has(>input:is(:hover,:focus,:active,[class*="--error"]):not(:disabled)){--input-box-shadow-width:2px}&:has(>input[class*="--error"]:not(:disabled):is(:hover,:focus-visible,:active)){--input-box-shadow-width:3px}}.af-form__input-atom-container{--input-border-color:var(--blue-650);--input-border-radius:var(--radius-8);--input-bg-color:var(--white-1000);--input-text-color:var(--gray-800);--input-text-icon-color:var(--blue-1000);--input-text-outline-color:var(--blue-650);&:has(>input:is(:hover,:focus,:active)){--input-border-color:var(--blue-1000);--input-text-placeholder-color:var(--gray-800)}&:has(>input[class*="--error"]){--input-border-color:var(--red-alert-1000)}&:has(>input:disabled),&:has(>input:disabled):is(:hover,:focus,:active){--input-border-color:var(--gray-500);--input-text-color:var(--gray-500);--input-bg-color:var(--gray-050);--input-text-icon-color:var(--gray-
|
|
1
|
+
.af-form__input-atom-container{--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;width:100%;&:has(>input~*){-moz-column-gap:var(--rem-8);column-gap:var(--rem-8)}>input{all:unset;color:var(--input-text-color);font-size:var(--rem-16);font-weight:600;line-height:1.25em;min-width:0;padding:var(--rem-16);&::-moz-placeholder{color:var(--input-text-placeholder-color);font-weight:400}&::placeholder{color:var(--input-text-placeholder-color);font-weight:400}&~*{color:var(--input-text-icon-color);fill:var(--input-text-icon-color);margin-right:var(--rem-16)}@media screen and (width > 1023px){font-size:var(--rem-18)}}&:has(:nth-child(2))>input{padding-right:0}&:has(>input:disabled),&:has(>input:disabled):is(:hover,:focus,:active){cursor:not-allowed;&>input~*{cursor:not-allowed}}&:has(>input:is(:hover,:focus,:active,[class*="--error"],[class*="--warning"]):not(:disabled)){--input-box-shadow-width:2px}&:has(>input[class*="--error"]:not(:disabled):is(:hover,:focus-visible,:active)),&:has(>input[class*="--warning"]:not(:disabled):is(:hover,:focus-visible,:active)){--input-box-shadow-width:3px}}.af-form__input-atom-container{--input-border-color:var(--blue-650);--input-border-radius:var(--radius-8);--input-bg-color:var(--white-1000);--input-text-color:var(--gray-800);--input-text-icon-color:var(--blue-1000);--input-text-outline-color:var(--blue-650);&:has(>input:is(:hover,:focus,:active)){--input-border-color:var(--blue-1000);--input-text-placeholder-color:var(--gray-800)}&:has(>input[class*="--error"]){--input-border-color:var(--red-alert-1000)}&:has(>input[class*="--warning"]){--input-border-color:var(--orange-1050)}&:has(>input:disabled),&:has(>input:disabled):is(:hover,:focus,:active){--input-border-color:var(--gray-500);--input-text-color:var(--gray-500);--input-bg-color:var(--gray-050);--input-text-icon-color:var(--gray-800);--input-text-placeholder-color:var(--gray-800);+.af-form__input-helper{--input-helper-color:var(--gray-800)}}&:has(>input[value]:not([value=""],[class*="--error"],[class*="--warning"],:disabled)){--input-border-color:var(--blue-1000);--input-text-color:var(--blue-1000)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-card-radio-option{--radio-option-border-width:1px;align-items:center;background-color:var(--radio-option-background-color);border-radius:var(--radio-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--radio-option-gap);justify-content:space-between;outline:var(--radio-option-border-width) solid var(--radio-option-border-color);outline-offset:calc(var(--radio-option-border-width)*-1);padding:var(--rem-16);position:relative;text-align:center;&:focus-visible,&:focus-within,&:hover{--radio-option-border-width:2px}&:has(input:checked){--radio-option-border-width:1px;&:focus-visible,&:focus-within,&:hover{--radio-option-border-width:2px}}& .af-icon{--icon-size:var(--icon-size-medium);@media screen and (width > 1023px){--icon-size:var(--icon-size-large)}}}.af-card-radio-option__label{color:var(--radio-option-color-title);font-size:var(--rem-16);font-weight:400;margin:0;@media screen and (width > 1023px){font-size:var(--rem-18)}}.af-card-radio-option:has(input:checked) .af-card-radio-option__label{font-weight:600}.af-card-radio-option--invalid:not(:has(input:checked)){--radio-option-border-width:2px;&:focus-visible,&:focus-within,&:hover{--radio-option-border-width:3px}}.af-card-radio-option__content{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--radio-option-gap);justify-content:space-between;text-align:center}.af-card-radio-option__description,.af-card-radio-option__subtitle{color:var(--radio-option-color-subtitle);font-size:var(--rem-14);font-weight:400;margin:0;@media screen and (width > 1023px){font-size:1rem}}.af-card-radio-option--horizontal{flex-direction:row;& .af-card-radio-option__content{align-items:flex-start;text-align:left}& .af-radio{order:-1}}.af-card-radio-option{--radio-option-border-color:var(--blue-650);--radio-option-color-title:var(--blue-1000);--radio-option-color-subtitle:var(--gray-800);--radio-option-gap:var(--rem-8);--radio-option-border-radius:var(--radius-8);--radio-option-background-color:var(--white-1000)
|
|
1
|
+
.af-card-radio-option{--radio-option-border-width:1px;align-items:center;background-color:var(--radio-option-background-color);border-radius:var(--radio-option-border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--radio-option-gap);justify-content:space-between;outline:var(--radio-option-border-width) solid var(--radio-option-border-color);outline-offset:calc(var(--radio-option-border-width)*-1);padding:var(--rem-16);position:relative;text-align:center;&:focus-visible,&:focus-within,&:hover{--radio-option-border-width:2px}&:has(input:checked){--radio-option-border-width:1px;&:focus-visible,&:focus-within,&:hover{--radio-option-border-width:2px}}& .af-icon{--icon-size:var(--icon-size-medium);@media screen and (width > 1023px){--icon-size:var(--icon-size-large)}}}.af-card-radio-option__label{color:var(--radio-option-color-title);font-size:var(--rem-16);font-weight:400;margin:0;@media screen and (width > 1023px){font-size:var(--rem-18)}}.af-card-radio-option:has(input:checked) .af-card-radio-option__label{font-weight:600}.af-card-radio-option--invalid:not(:has(input:checked)){--radio-option-border-width:2px;&:focus-visible,&:focus-within,&:hover{--radio-option-border-width:3px}}.af-card-radio-option__content{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:var(--radio-option-gap);justify-content:space-between;text-align:center}.af-card-radio-option__description,.af-card-radio-option__subtitle{color:var(--radio-option-color-subtitle);font-size:var(--rem-14);font-weight:400;margin:0;@media screen and (width > 1023px){font-size:1rem}}.af-card-radio-option--horizontal{flex-direction:row;& .af-card-radio-option__content{align-items:flex-start;text-align:left}& .af-radio{order:-1}}.af-card-radio-option{--radio-option-border-color:var(--blue-650);--radio-option-color-title:var(--blue-1000);--radio-option-color-subtitle:var(--gray-800);--radio-option-gap:var(--rem-8);--radio-option-border-radius:var(--radius-8);--radio-option-background-color:var(--white-1000);& .af-card-radio-option__content{--radio-option-gap:var(--rem-4)}&:focus-visible,&:focus-within,&:hover{--radio-option-border-color:var(--blue-1000)}&:has(input:checked){--radio-option-background-color:var(--blue-040);--radio-option-border-color:var(--blue-1000)}}.af-card-radio-option--horizontal{& .af-radio{margin-right:var(--rem-8)}}.af-card-radio-option:not(.af-card-radio-option--horizontal) .af-radio{margin-top:var(--rem-8)}.af-card-radio-option--invalid:not(:has(input:checked)){--radio-option-border-color:var(--red-alert-1000);--radio-option-background-color:var(--red-040);--radio-option-color-title:var(--gray-800)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-heading{--heading-column-gap:var(--rem-8);align-items:start;display:grid;gap:var(--rem-8) var(--heading-column-gap);&:has(h1){--heading-column-gap:var(--rem-12)}&:has(.af-heading__icon){grid-template-columns:auto 1fr}}.af-heading__title-container{display:grid;grid-column:var(--heading-grid-column);row-gap:var(--rem-4);&:not(:has(.af-heading__subtitle)){align-self:center}}.af-heading__title{color:var(--heading-title-color);font-family:var(--heading-title-font-family);font-size:var(--heading-title-font-size);font-weight:var(--heading-title-font-weight);line-height:var(--heading-title-line-height);margin:0}.af-heading__subtitle{color:var(--heading-subtitle-color);font-size:var(--heading-subtitle-font-size);font-weight:400;line-height:125%;margin:0;padding:0}.af-heading__icon{border-radius:.75rem;box-shadow:0 .125rem .5rem 0 rgba(var(--blue-1000),.15);grid-column:1;grid-row:1/3}.af-heading__label{grid-column:span 3;margin-block-end:var(--rem-4)}@media screen and (width > 1023px){.af-heading{&:has(h2){--heading-column-gap:var(--rem-12)}}}.af-heading{--heading-grid-column:1;--heading-title-color:var(--gray-1000);--heading-subtitle-color:var(--gray-1000);--heading-subtitle-font-size:var(--rem-16);h1{--heading-title-color:var(--blue-1000);--heading-title-font-size:var(--rem-32);--heading-title-line-height:var(--rem-40);--heading-title-font-weight:700;--heading-title-font-family:var(--font-family-publico-headline)}h2{--heading-title-color:var(--blue-1000);--heading-title-font-size:var(--rem-24);--heading-title-line-height:var(--rem-30);--heading-title-font-weight:300;--heading-title-font-family:var(--font-family-publico)}h3{--heading-title-color:var(--blue-1000);--heading-title-font-size:var(--rem-24);--heading-title-line-height:var(--rem-30);--heading-title-font-weight:600;--heading-title-font-family:var(--font-family-base)}h4{--heading-title-font-size:var(--rem-20);--heading-title-line-height:var(--rem-25);--heading-title-font-weight:600;--heading-title-font-family:var(--font-family-base)}&:has(.af-heading__icon){--heading-grid-column:2}@media screen and (width > 1023px){--heading-subtitle-font-size:var(--rem-18);h1{--heading-title-font-size:var(--rem-48);--heading-title-line-height:var(--rem-60)}h2{--heading-title-font-size:var(--rem-40);--heading-title-line-height:var(--rem-50)}h3{--heading-title-font-size:var(--rem-32);--heading-title-line-height:var(--rem-40)}h4{--heading-title-font-size:var(--rem-24);--heading-title-line-height:var(--rem-30)}}}
|
|
1
|
+
.af-heading{--heading-column-gap:var(--rem-8);align-items:start;display:grid;gap:var(--rem-8) var(--heading-column-gap);&:has(h1){--heading-column-gap:var(--rem-12)}&:has(.af-heading__icon){grid-template-columns:auto 1fr}&.af-heading--icon-top:has(.af-heading__icon){--heading-grid-column:1;grid-template-columns:1fr}}.af-heading__title-container{display:grid;grid-column:var(--heading-grid-column);row-gap:var(--rem-4);&:not(:has(.af-heading__subtitle)){align-self:center}}.af-heading__title{color:var(--heading-title-color);font-family:var(--heading-title-font-family);font-size:var(--heading-title-font-size);font-weight:var(--heading-title-font-weight);line-height:var(--heading-title-line-height);margin:0}.af-heading__subtitle{color:var(--heading-subtitle-color);font-size:var(--heading-subtitle-font-size);font-weight:400;line-height:125%;margin:0;padding:0}.af-heading__icon{border-radius:.75rem;box-shadow:0 .125rem .5rem 0 rgba(var(--blue-1000),.15);grid-column:1;grid-row:1/3}.af-heading--icon-top .af-heading__icon{grid-row:auto;justify-self:start}.af-heading__label{grid-column:span 3;margin-block-end:var(--rem-4)}@media screen and (width > 1023px){.af-heading{&:has(h2){--heading-column-gap:var(--rem-12)}}}.af-heading{--heading-grid-column:1;--heading-title-color:var(--gray-1000);--heading-subtitle-color:var(--gray-1000);--heading-subtitle-font-size:var(--rem-16);h1{--heading-title-color:var(--blue-1000);--heading-title-font-size:var(--rem-32);--heading-title-line-height:var(--rem-40);--heading-title-font-weight:700;--heading-title-font-family:var(--font-family-publico-headline)}h2{--heading-title-color:var(--blue-1000);--heading-title-font-size:var(--rem-24);--heading-title-line-height:var(--rem-30);--heading-title-font-weight:300;--heading-title-font-family:var(--font-family-publico)}h3{--heading-title-color:var(--blue-1000);--heading-title-font-size:var(--rem-24);--heading-title-line-height:var(--rem-30);--heading-title-font-weight:600;--heading-title-font-family:var(--font-family-base)}h4{--heading-title-font-size:var(--rem-20);--heading-title-line-height:var(--rem-25);--heading-title-font-weight:600;--heading-title-font-family:var(--font-family-base)}&:has(.af-heading__icon){--heading-grid-column:2}@media screen and (width > 1023px){--heading-subtitle-font-size:var(--rem-18);h1{--heading-title-font-size:var(--rem-48);--heading-title-line-height:var(--rem-60)}h2{--heading-title-font-size:var(--rem-40);--heading-title-line-height:var(--rem-50)}h3{--heading-title-font-size:var(--rem-32);--heading-title-line-height:var(--rem-40)}h4{--heading-title-font-size:var(--rem-24);--heading-title-line-height:var(--rem-30)}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-item-tab-bar{background-color:transparent;border:none;box-shadow:inset 0 var(--item-tab-bar-box-shadow-width,0) 0 0 var(--item-tab-bar-box-shadow-color);color:var(--item-tab-bar-font-color);cursor:pointer;font-size:var(--item-tab-bar-font-size,var(--rem-16));font-weight:var(--item-tab-bar-font-weight,400);line-height:125%;outline:none;padding:var(--item-tab-bar-padding,var(--rem-16));&:hover,&[aria-selected=true]{--item-tab-bar-box-shadow-width:-4px}&:focus-visible{outline:2px solid var(--item-tab-bar-outline-color);outline-offset:2px}&[aria-selected=true]{--item-tab-bar-font-weight:600}}.af-item-tab-bar{--item-tab-bar-font-color:var(--blue-1000);--item-tab-bar-padding:var(--rem-10) var(--rem-8);--item-tab-bar-box-shadow-color:var(--blue-200);--item-tab-bar-outline-color:var(--blue-1000);&[aria-selected=true]{--item-tab-bar-box-shadow-color:var(--blue-1000)}@media screen and (width > 1023px){--item-tab-bar-padding:var(--rem-16)}}
|
|
1
|
+
.af-item-tab-bar{background-color:transparent;border:none;box-shadow:inset 0 var(--item-tab-bar-box-shadow-width,0) 0 0 var(--item-tab-bar-box-shadow-color);color:var(--item-tab-bar-font-color);cursor:pointer;font-size:var(--item-tab-bar-font-size,var(--rem-16));font-weight:var(--item-tab-bar-font-weight,400);line-height:125%;outline:none;padding:var(--item-tab-bar-padding,var(--rem-16));&:hover,&[aria-selected=true]{--item-tab-bar-box-shadow-width:-4px}&:focus{outline:none}&:focus-visible{outline:2px solid var(--item-tab-bar-outline-color);outline-offset:2px}&[aria-selected=true]{--item-tab-bar-font-weight:600}}.af-item-tab-bar{--item-tab-bar-font-color:var(--blue-1000);--item-tab-bar-padding:var(--rem-10) var(--rem-8);--item-tab-bar-box-shadow-color:var(--blue-200);--item-tab-bar-outline-color:var(--blue-1000);&[aria-selected=true]{--item-tab-bar-box-shadow-color:var(--blue-1000)}@media screen and (width > 1023px){--item-tab-bar-padding:var(--rem-16)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-apollo-click-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:row;font-family:var(--font-family-base);gap:var(--rem-12);padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;p{margin:0;padding:0}}.af-apollo-click-item__content{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:var(--rem-2);justify-content:center}.af-apollo-click-item__title{color:var(--click-item-title-color);font-size:var(--click-item-title-font-size);font-weight:var(--click-item-title-font-weight);line-height:125%}.af-apollo-click-item__subtitle{color:var(--click-item-subtitle-color);font-size:var(--click-item-subtitle-font-size);font-weight:400;line-height:125%}.af-apollo-click-item__secondary{color:var(--click-item-text-secondary-color);font-size:var(--click-item-text-secondary-font-size);font-weight:400;line-height:125%}.af-apollo-click-item__tertiary{color:var(--click-item-text-tertiary-color);font-size:var(--click-item-text-tertiary-font-size);font-weight:400;line-height:125%}.af-apollo-click-item__tag-container{padding-top:var(--rem-6)}.af-apollo-click-item--small{.af-apollo-click-item__secondary,.af-apollo-click-item__subtitle,.af-apollo-click-item__tag-container,.af-apollo-click-item__tertiary{display:none}&:focus,&:hover{.af-apollo-click-item__title{-webkit-text-decoration:underline solid var(--click-item-title-border-color) 1px;text-decoration:underline solid var(--click-item-title-border-color) 1px;text-underline-offset:25%}}}.af-apollo-click-item--agent{.af-apollo-click-item__secondary,.af-apollo-click-item__tag-container,.af-apollo-click-item__tertiary{display:none}}.af-apollo-click-item--medium{
|
|
1
|
+
.af-apollo-click-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:row;font-family:var(--font-family-base);gap:var(--rem-12);padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;p{margin:0;padding:0}}.af-apollo-click-item__content{align-items:flex-start;display:flex;flex:1;flex-direction:column;gap:var(--rem-2);justify-content:center}.af-apollo-click-item__title{color:var(--click-item-title-color);font-size:var(--click-item-title-font-size);font-weight:var(--click-item-title-font-weight);line-height:125%}.af-apollo-click-item__subtitle{color:var(--click-item-subtitle-color);font-size:var(--click-item-subtitle-font-size);font-weight:400;line-height:125%}.af-apollo-click-item__secondary{color:var(--click-item-text-secondary-color);font-size:var(--click-item-text-secondary-font-size);font-weight:400;line-height:125%}.af-apollo-click-item__tertiary{color:var(--click-item-text-tertiary-color);font-size:var(--click-item-text-tertiary-font-size);font-weight:400;line-height:125%}.af-apollo-click-item__tag-container{padding-top:var(--rem-6)}.af-apollo-click-item--small{.af-apollo-click-item__secondary,.af-apollo-click-item__subtitle,.af-apollo-click-item__tag-container,.af-apollo-click-item__tertiary{display:none}&:focus,&:hover{.af-apollo-click-item__title{-webkit-text-decoration:underline solid var(--click-item-title-border-color) 1px;text-decoration:underline solid var(--click-item-title-border-color) 1px;text-underline-offset:25%}}}.af-apollo-click-item--agent{.af-apollo-click-item__secondary,.af-apollo-click-item__tag-container,.af-apollo-click-item__tertiary{display:none}}.af-apollo-click-item--medium{.af-apollo-click-item{.af-apollo-click-item__secondary,.af-apollo-click-item__tertiary,.af-apollo-click-item__trailing{display:none}}}.af-apollo-click-item--large.af-apollo-click-item--disabled,.af-apollo-click-item--medium.af-apollo-click-item--disabled{cursor:default;.af-apollo-click-item__secondary,.af-apollo-click-item__subtitle,.af-apollo-click-item__tertiary,.af-apollo-click-item__title{color:var(--gray-800)}}.af-apollo-click-item{--click-item-title-color:var(--blue-1000);--click-item-title-border-color:var(--blue-1000);--click-item-subtitle-color:var(--gray-800);--click-item-text-secondary-color:var(--gray-800);--click-item-text-tertiary-color:var(--gray-800);--click-item-text-disabled-color:var(--gray-800);--click-item-title-font-weight:600}.af-apollo-click-item--large{--click-item-title-font-size:var(--rem-16);--click-item-subtitle-font-size:var(--rem-16);--click-item-text-secondary-font-size:var(--rem-14);--click-item-text-tertiary-font-size:var(--rem-14);@media screen and (width > 1023px){--click-item-title-font-size:var(--rem-18);--click-item-subtitle-font-size:var(--rem-18);--click-item-text-secondary-font-size:var(--rem-16)}}.af-apollo-click-item--medium{--click-item-title-font-size:var(--rem-16);--click-item-subtitle-font-size:var(--rem-14);@media screen and (width > 1023px){--click-item-title-font-size:var(--rem-18);--click-item-subtitle-font-size:var(--rem-16)}}.af-apollo-click-item--small{--click-item-title-font-size:var(--rem-14);@media screen and (width > 1023px){--click-item-title-font-size:var(--rem-16)}}.af-apollo-click-item--agent{--click-item-title-font-size:var(--rem-18);--click-item-subtitle-font-size:var(--rem-14);@media screen and (width > 1023px){--click-item-subtitle-font-size:var(--rem-16)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-message{background-color:var(--message-bg-color);border:1px solid var(--message-border-color);border-radius:var(--message-border-radius);display:flex;gap:var(--rem-
|
|
1
|
+
.af-message{background-color:var(--message-bg-color);border:1px solid var(--message-border-color);border-radius:var(--message-border-radius);display:flex;gap:var(--rem-8);padding:var(--rem-16)}.af-message__icon{aspect-ratio:1;--icon-fill:var(--message-icon-color)}.af-message__title{color:var(--message-title-color);font-size:calc(var(--message-title-font-size)/var(--font-size-base)*1rem);font-weight:600;line-height:var(--rem-24);margin:0}.af-message__content{color:var(--message-content-color);display:flex;flex-direction:column;font-size:calc(var(--message-content-font-size)/var(--font-size-base)*1rem);font-weight:400;line-height:var(--message-content-line-height);row-gap:var(--rem-4);width:100%}.af-message__action{display:flex;justify-content:end;padding-top:calc(var(--message-action-padding-top)/var(--font-size-base)*1rem);text-align:right}.af-message{--message-theme-color:var(--blue-1000);--message-bg-color:var(--blue-040);--message-icon-color:var(--message-theme-color);--message-title-color:var(--message-theme-color);--message-content-color:var(--message-theme-color);--message-content-font-size:16;--message-title-font-size:16;--message-content-line-height:var(--rem-20);--message-border-radius:var(--radius-8);--message-action-padding-top:4;border:none;@media screen and (width > 1023px){--message-content-font-size:16;--message-title-font-size:18;--message-content-line-height:var(--rem-20)}}.af-message--error{--message-theme-color:var(--red-alert-1000);--message-bg-color:var(--red-040)}.af-message--neutral{--message-theme-color:var(--gray-800);--message-bg-color:var(--gray-050)}.af-message--warning{--message-theme-color:var(--orange-1000);--message-bg-color:var(--red-040)}.af-message--validation{--message-theme-color:var(--green-1000);--message-bg-color:var(--green-040)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-toggle{cursor:pointer;position:relative;&:has(:disabled){cursor:unset}input[type=checkbox]{
|
|
1
|
+
.af-toggle{cursor:pointer;position:relative;&:has(:disabled){cursor:unset}input[type=checkbox]{height:1px;opacity:0;outline:none;position:absolute;width:1px}}.af-toggle__root{align-items:center;background-color:var(--toggle-bg-color);border:var(--toggle-border-size) solid var(--toggle-border-color);border-radius:var(--toggle-border-radius);box-sizing:content-box;display:flex;height:var(--toggle-height);padding:var(--toggle-padding);width:var(--toggle-width)}.af-toggle:has(:focus-visible) .af-toggle__root{outline:2px solid var(--toggle-focus-outline-color);outline-offset:2px}.af-toggle__handle{background-color:var(--toggle-handle-color);border-radius:var(--radius-100);height:var(--toggle-handle-size);transform:translateX(var(--toggle-handle-position)) scale(var(--toggle-handle-scale));transition:.2s;width:var(--toggle-handle-size)}.af-toggle{--toggle-bg-color:var(--gray-500);--toggle-border-color:unset;--toggle-focus-outline-color:var(--blue-1000);--toggle-border-size:0;--toggle-border-radius:var(--radius-100);--toggle-padding:2px;--toggle-width:calc(var(--toggle-handle-size)*2 - var(--toggle-padding));--toggle-height:var(--toggle-handle-size);--toggle-handle-color:var(--white-1000);--toggle-handle-size:20px;--toggle-handle-scale:1;--toggle-handle-position:0;&:has(:checked){--toggle-bg-color:var(--blue-1000);.af-toggle__handle{--toggle-handle-position:calc(var(--toggle-handle-size) - var(--toggle-padding))}}&:has(:disabled){--toggle-bg-color:var(--gray-250)}}
|