@axa-fr/canopee-css 1.3.1-alpha.2 → 1.3.1-alpha.20
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/Accordion/AccordionLF.css +1 -1
- package/dist/client/AccordionContextual/AccordionContextualLF.css +1 -1
- package/dist/client/AccordionCore/AccordionCoreLF.css +1 -1
- package/dist/client/BasePicture/BasePictureAll.css +1 -1
- package/dist/client/Button/ButtonLF.css +1 -1
- package/dist/client/Card/CardLF.css +1 -1
- package/dist/client/CardMessage/CardMessageLF.css +1 -1
- package/dist/client/ClickIcon/ClickIconLF.css +1 -1
- package/dist/client/ContentItemMono/ContentItemMonoLF.css +1 -1
- package/dist/client/DataAgent/DataAgentLF.css +1 -1
- package/dist/client/Divider/DividerLF.css +1 -1
- package/dist/client/Fieldset/FieldsetLF.css +1 -1
- package/dist/client/Form/Checkbox/CardCheckbox/CardCheckboxLF.css +1 -1
- package/dist/client/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionLF.css +1 -1
- package/dist/client/Form/Checkbox/Checkbox/CheckboxLF.css +1 -1
- package/dist/client/Form/Checkbox/CheckboxText/CheckboxTextLF.css +1 -1
- package/dist/client/Form/Dropdown/DropdownLF.css +1 -1
- package/dist/client/Form/FileUpload/FileUpload/FileUploadAll.css +1 -1
- package/dist/client/Form/FileUpload/InputFile/InputFileLF.css +1 -1
- package/dist/client/Form/FileUpload/ItemFile/ItemFileLF.css +1 -1
- package/dist/client/Form/InputDate/InputDateLF.css +1 -1
- package/dist/client/Form/InputPhone/InputPhoneLF.css +1 -1
- package/dist/client/Form/InputText/InputTextLF.css +1 -1
- package/dist/client/Form/InputTextAtom/InputTextAtomLF.css +1 -1
- package/dist/client/Form/ItemLabel/ItemLabelLF.css +1 -1
- package/dist/client/Form/ItemMessage/ItemMessageLF.css +1 -1
- package/dist/client/Form/Radio/CardRadioGroup/CardRadioGroupLF.css +1 -0
- package/dist/client/Form/Radio/CardRadioOption/CardRadioOptionLF.css +1 -1
- package/dist/client/Form/Radio/Radio/RadioLF.css +1 -1
- package/dist/client/Form/TextArea/TextAreaLF.css +1 -1
- package/dist/client/Grid/DebugGrid.css +1 -1
- package/dist/client/Grid/Grid.css +1 -1
- package/dist/client/Heading/HeadingLF.css +1 -1
- package/dist/client/Icon/IconLF.css +1 -1
- package/dist/client/ItemTabBar/ItemTabBarLF.css +1 -3
- package/dist/client/Layout/ExitLayout/ExitLayoutAll.css +1 -0
- package/dist/client/Layout/Footer/FooterLF.css +1 -1
- package/dist/client/Layout/FormLayout/FormLayoutAll.css +1 -0
- package/dist/client/LevelSelector/LevelSelectorLF.css +1 -1
- package/dist/client/Link/LinkLF.css +1 -1
- package/dist/client/List/ClickItem/ClickItemLF.css +1 -1
- package/dist/client/List/ContentItemDuo/ContentItemDuoLF.css +1 -1
- package/dist/client/List/ContentItemDuoAction/ContentItemDuoActionAll.css +1 -1
- package/dist/client/List/List/ListLF.css +1 -1
- package/dist/client/Message/MessageLF.css +1 -1
- package/dist/client/Modal/ModalLF.css +1 -1
- package/dist/client/Pagination/ItemPagination/ItemPaginationLF.css +1 -1
- package/dist/client/Pagination/PaginationLF.css +1 -1
- package/dist/client/ProgressBar/ProgressBarLF.css +1 -1
- package/dist/client/ProgressBarGroup/ProgressBarGroupLF.css +1 -1
- package/dist/client/Skeleton/SkeletonLF.css +1 -1
- package/dist/client/Spinner/SpinnerLF.css +1 -1
- package/dist/client/Stepper/StepperLF.css +1 -1
- package/dist/client/TabBar/TabBarLF.css +1 -1
- package/dist/client/Table/TableLF.css +1 -0
- package/dist/client/TableMobileCard/TableMobileCardAll.css +1 -0
- package/dist/client/Tag/TagLF.css +1 -1
- package/dist/client/TimelineVertical/TimelineVerticalLF.css +1 -1
- package/dist/client/Toggle/ToggleLF.css +1 -1
- package/dist/client/client.css +1 -3
- package/dist/client/common/rebootLF.css +1 -1
- package/dist/client/common/tokens.css +1 -1
- package/dist/distributeur/EditorialMessage/EditorialMessage.css +1 -0
- package/dist/prospect/Accordion/AccordionApollo.css +1 -1
- package/dist/prospect/AccordionContextual/AccordionContextualApollo.css +1 -1
- package/dist/prospect/AccordionCore/AccordionCoreApollo.css +1 -1
- package/dist/prospect/BasePicture/BasePictureAll.css +1 -1
- package/dist/prospect/Button/ButtonApollo.css +1 -1
- package/dist/prospect/Card/CardApollo.css +1 -1
- package/dist/prospect/CardMessage/CardMessageApollo.css +1 -1
- package/dist/prospect/ClickIcon/ClickIconApollo.css +1 -1
- package/dist/prospect/ContentItemMono/ContentItemMonoApollo.css +1 -1
- package/dist/prospect/DataAgent/DataAgentApollo.css +1 -1
- package/dist/prospect/Divider/DividerApollo.css +1 -1
- package/dist/prospect/Fieldset/FieldsetApollo.css +1 -1
- package/dist/prospect/Form/Checkbox/CardCheckbox/CardCheckboxApollo.css +1 -1
- package/dist/prospect/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionApollo.css +1 -1
- package/dist/prospect/Form/Checkbox/Checkbox/CheckboxApollo.css +1 -1
- package/dist/prospect/Form/Checkbox/CheckboxText/CheckboxTextApollo.css +1 -1
- package/dist/prospect/Form/Dropdown/DropdownApollo.css +1 -1
- package/dist/prospect/Form/FileUpload/FileUpload/FileUploadAll.css +1 -1
- package/dist/prospect/Form/FileUpload/InputFile/InputFileApollo.css +1 -1
- package/dist/prospect/Form/FileUpload/ItemFile/ItemFileApollo.css +1 -1
- package/dist/prospect/Form/InputDate/InputDateApollo.css +1 -1
- package/dist/prospect/Form/InputPhone/InputPhoneApollo.css +1 -1
- package/dist/prospect/Form/InputText/InputTextApollo.css +1 -1
- package/dist/prospect/Form/InputTextAtom/InputTextAtomApollo.css +1 -1
- package/dist/prospect/Form/ItemLabel/ItemLabelApollo.css +1 -1
- package/dist/prospect/Form/ItemMessage/ItemMessageApollo.css +1 -1
- package/dist/prospect/Form/Radio/CardRadioGroup/CardRadioGroupApollo.css +1 -0
- package/dist/prospect/Form/Radio/CardRadioOption/CardRadioOptionApollo.css +1 -1
- package/dist/prospect/Form/Radio/Radio/RadioApollo.css +1 -1
- package/dist/prospect/Form/TextArea/TextAreaApollo.css +1 -1
- package/dist/prospect/Grid/DebugGrid.css +1 -1
- package/dist/prospect/Grid/Grid.css +1 -1
- package/dist/prospect/Heading/HeadingApollo.css +1 -1
- package/dist/prospect/Icon/IconApollo.css +1 -1
- package/dist/prospect/ItemTabBar/ItemTabBarApollo.css +1 -3
- package/dist/prospect/Layout/ExitLayout/ExitLayoutAll.css +1 -0
- package/dist/prospect/Layout/Footer/FooterApollo.css +1 -1
- package/dist/prospect/Layout/FormLayout/FormLayoutAll.css +1 -0
- package/dist/prospect/LevelSelector/LevelSelectorApollo.css +1 -1
- package/dist/prospect/Link/LinkApollo.css +1 -1
- package/dist/prospect/List/ClickItem/ClickItemApollo.css +1 -1
- package/dist/prospect/List/ContentItemDuo/ContentItemDuoApollo.css +1 -1
- package/dist/prospect/List/ContentItemDuoAction/ContentItemDuoActionAll.css +1 -1
- package/dist/prospect/List/List/ListApollo.css +1 -1
- package/dist/prospect/Message/MessageApollo.css +1 -1
- package/dist/prospect/Modal/ModalApollo.css +1 -1
- package/dist/prospect/Pagination/ItemPagination/ItemPaginationApollo.css +1 -1
- package/dist/prospect/Pagination/PaginationApollo.css +1 -1
- package/dist/prospect/ProgressBar/ProgressBarApollo.css +1 -1
- package/dist/prospect/ProgressBarGroup/ProgressBarGroupApollo.css +1 -1
- package/dist/prospect/Skeleton/SkeletonApollo.css +1 -1
- package/dist/prospect/Spinner/SpinnerApollo.css +1 -1
- package/dist/prospect/Stepper/StepperApollo.css +1 -1
- package/dist/prospect/TabBar/TabBarApollo.css +1 -1
- package/dist/prospect/Table/TableApollo.css +1 -0
- package/dist/prospect/TableMobileCard/TableMobileCardAll.css +1 -0
- package/dist/prospect/Tag/TagApollo.css +1 -1
- package/dist/prospect/TimelineVertical/TimelineVerticalApollo.css +1 -1
- package/dist/prospect/Toggle/ToggleApollo.css +1 -1
- package/dist/prospect/common/rebootLF.css +1 -1
- package/dist/prospect/common/tokens.css +1 -1
- package/dist/prospect/prospect.css +1 -3
- package/package.json +1 -1
- package/dist/client/Form/Radio/CardRadio/CardRadioLF.css +0 -1
- package/dist/client/common/tokensLF.css +0 -1
- package/dist/prospect/Form/Radio/CardRadio/CardRadioApollo.css +0 -1
- package/dist/prospect/common/tokensLF.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
:is(ol,ul).af-card{list-style-type:none;@media screen and (width > 1023px){padding:
|
|
1
|
+
:is(ol,ul).af-card{list-style-type:none;@media screen and (width > 1023px){padding:var(--rem-24)}}:is(ol,ul).af-card>li{--list-item-separator-padding:0rem;padding:1rem 0;position:relative;&:first-child{padding-top:0}&:last-child{padding-bottom:0}&:not(:last-child):after{background-color:var(--list-item-separator-bg-color);bottom:0;content:"";height:1px;left:var(--list-item-separator-padding);position:absolute;width:calc(100% - var(--list-item-separator-padding)*2)}}:is(ol,ul).af-card{--list-item-separator-bg-color:var(--gray-050)}
|
|
@@ -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:
|
|
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-16);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:calc(22.5/var(--font-size-base)*1rem);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(--white-1000);--message-border-color:var(--message-theme-color);--message-border-radius:var(--radius-12);--message-icon-color:var(--message-theme-color);--message-title-color:var(--message-theme-color);--message-title-font-size:16;--message-content-color:var(--gray-1000);--message-content-font-size:16;--message-action-padding-top:12;@media screen and (width > 1023px){--message-content-font-size:18;--message-title-font-size:18}}.af-message--error{--message-theme-color:var(--red-alert-1200)}.af-message--neutral{--message-theme-color:var(--gray-800)}.af-message--warning{--message-theme-color:var(--orange-1000)}.af-message--validation{--message-theme-color:var(--green-1000)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-modal{--modal-transition-duration:0.2s;--modal-max-height:calc(100vh - 5rem);--modal-footer-border-top:none;background-color:var(--modal-bg-color);border:none;border-radius:var(--modal-border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;clip-path:rect(0 100% 100% 0 round var(--modal-border-radius) var(--modal-border-radius) 0 0);color:var(--modal-text-color);height:-moz-fit-content;height:fit-content;margin:0;margin-block-start:auto;max-height:var(--modal-max-height);max-width:100vw;opacity:0;overflow:hidden;padding:0;transform:translateY(100vh);transition:opacity,transform,overlay allow-discrete,display allow-discrete;transition-duration:var(--modal-transition-duration);transition-timing-function:ease-out;width:100%;&::backdrop{background:var(--modal-overlay-color);opacity:0;transition:display allow-discrete,overlay allow-discrete,opacity;transition-duration:var(--modal-transition-duration);transition-timing-function:ease-in-out}&[open]{display:flex;flex-direction:column;opacity:1;transform:translateY(0);@starting-style{opacity:0;transform:translateY(100vh)}&::backdrop{opacity:.4;@starting-style{opacity:0}}}@media screen and (width > 1023px){border-radius:var(--modal-border-radius);clip-path:rect(0 100% 100% 0 round var(--modal-border-radius));margin:revert;max-width:revert;overflow:hidden;transform:unset;&[open]{transform:unset}}}.af-modal__content{display:grid;flex:0 1 auto;grid-template-rows:auto minmax(0,1fr) auto;max-height:var(--modal-max-height);min-height:0;overflow-y:hidden}.af-modal__header{background-color:var(--modal-bg-color);border-bottom:var(--modal-header-border-bottom);display:grid;gap:var(--modal-header-gap);grid-template-areas:"headertitle closebtn";grid-template-columns:1fr auto;padding:var(--modal-default-padding);padding-block-end:var(--modal-header-bottom-padding)}.af-modal__header-close-btn{grid-area:closebtn;place-self:start end}.af-modal__header-title{align-items:center;display:grid;gap:
|
|
1
|
+
.af-modal{--modal-transition-duration:0.2s;--modal-max-height:calc(100vh - 5rem);--modal-footer-border-top:none;background-color:var(--modal-bg-color);border:none;border-radius:var(--modal-border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;clip-path:rect(0 100% 100% 0 round var(--modal-border-radius) var(--modal-border-radius) 0 0);color:var(--modal-text-color);height:-moz-fit-content;height:fit-content;margin:0;margin-block-start:auto;max-height:var(--modal-max-height);max-width:100vw;opacity:0;overflow:hidden;padding:0;transform:translateY(100vh);transition:opacity,transform,overlay allow-discrete,display allow-discrete;transition-duration:var(--modal-transition-duration);transition-timing-function:ease-out;width:100%;&::backdrop{background:var(--modal-overlay-color);opacity:0;transition:display allow-discrete,overlay allow-discrete,opacity;transition-duration:var(--modal-transition-duration);transition-timing-function:ease-in-out}&[open]{display:flex;flex-direction:column;opacity:1;transform:translateY(0);@starting-style{opacity:0;transform:translateY(100vh)}&::backdrop{opacity:.4;@starting-style{opacity:0}}}@media screen and (width > 1023px){border-radius:var(--modal-border-radius);clip-path:rect(0 100% 100% 0 round var(--modal-border-radius));margin:revert;max-width:revert;overflow:hidden;transform:unset;&[open]{transform:unset}}}.af-modal__content{display:grid;flex:0 1 auto;grid-template-rows:auto minmax(0,1fr) auto;max-height:var(--modal-max-height);min-height:0;overflow-y:hidden}.af-modal__header{background-color:var(--modal-bg-color);border-bottom:var(--modal-header-border-bottom);display:grid;gap:var(--modal-header-gap);grid-template-areas:"headertitle closebtn";grid-template-columns:1fr auto;padding:var(--modal-default-padding);padding-block-end:var(--modal-header-bottom-padding)}.af-modal__header-close-btn{grid-area:closebtn;place-self:start end}.af-modal__header-title{align-items:center;display:grid;gap:var(--rem-16);grid-area:headertitle;grid-template-columns:auto 1fr;justify-self:start}.af-modal__body{display:flex;flex-direction:column;font-size:var(--modal-text-font-size);gap:var(--modal-default-padding);line-height:125%;min-height:0;overflow-y:auto;padding:var(--modal-default-padding) var(--modal-body-padding-top) var(--modal-body-padding-bottom)}.af-modal__footer{background-color:var(--modal-bg-color);border-block-start:var(--modal-footer-border-top);display:flex;gap:var(--modal-footer-gap);justify-content:end;padding:var(--modal-footer-vertical-padding) var(--modal-footer-horizontal-padding)}.af-modal__footer-button{flex:1;@media screen and (width > 1023px){flex-grow:inherit;min-width:180px}}.af-modal{--modal-bg-color:var(--white-1000);--modal-text-color:var(--gray-1000);--modal-text-font-size:var(--rem-16);--modal-overlay-color:var(--gray-1000-48);--modal-border-radius:var(--radius-8);--modal-default-padding:var(--rem-16);--modal-header-gap:var(--rem-24);--modal-header-bottom-padding:var(--modal-default-padding);--modal-header-border-bottom:1px solid var(--blue-200);--modal-body-padding-top:var(--rem-24);--modal-body-padding-bottom:var(--modal-default-padding);--modal-body-gap:var(--rem-32);--modal-footer-vertical-padding:var(--modal-default-padding);--modal-footer-horizontal-padding:var(--modal-default-padding);--modal-footer-gap:var(--modal-default-padding);:has(.af-modal__body-vertical-scroll){--modal-footer-border-top:1px solid var(--blue-200);--modal-footer-vertical-padding:var(--rem-12);--modal-footer-horizontal-padding:var(--rem-16)}@media screen and (width > 1023px){--modal-default-padding:var(--rem-24);--modal-text-font-size:var(--rem-18);--modal-footer-vertical-padding:var(--modal-default-padding);--modal-footer-horizontal-padding:var(--modal-default-padding);--modal-body-gap:var(--rem-40);--modal-body-padding-bottom:var(--rem-16);:has(.af-modal__body-vertical-scroll){--modal-footer-border-top:none;--modal-footer-vertical-padding:var(--rem-16);--modal-footer-horizontal-padding:var(--rem-16)}}}.af-modal__body:not(:has(~.af-modal__footer)){--modal-body-padding-bottom:var(--modal-default-padding)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-item-pagination{all:unset;background-color:var(--item-pagination-background-color);border-radius:var(--radius-100);color:var(--item-pagination-color);cursor:default;display:grid;font-weight:600;height:40px;outline:none;place-content:center;width:40px;&:focus-visible{outline:2px solid var(--item-pagination-outline-color)}&[href]{cursor:pointer}}.af-item-pagination{--item-pagination-color:var(--
|
|
1
|
+
.af-item-pagination{all:unset;background-color:var(--item-pagination-background-color);border-radius:var(--radius-100);color:var(--item-pagination-color);cursor:default;display:grid;font-weight:600;height:40px;outline:none;place-content:center;width:40px;&:focus-visible{outline:2px solid var(--item-pagination-outline-color)}&[href]{cursor:pointer}}.af-item-pagination{--item-pagination-color:var(--blue-1000);--item-pagination-background-color:var(--white-1000);--item-pagination-outline-color:var(--blue-1000)}.af-item-pagination--current{--item-pagination-background-color:var(--blue-1000);--item-pagination-color:var(--white-1000)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-pagination-list{align-items:center;background-color:var(--pagination-list-background-color);border:1px solid var(--pagination-list-border-color);border-radius:100vmax;display:flex;gap:
|
|
1
|
+
.af-pagination-list{align-items:center;background-color:var(--pagination-list-background-color);border:1px solid var(--pagination-list-border-color);border-radius:100vmax;display:flex;gap:var(--rem-16);list-style:none;padding:var(--rem-8);>li:has(>.af-item-pagination){display:none}@media screen and (width > 1023px){>li:has(>.af-pagination-counter){display:none}>li:has(>.af-item-pagination){display:list-item}.af-pagination--hide-prev-next &{>li:first-child,>li:last-child{display:none}}}}.af-pagination-list{--pagination-list-border-color:var(--gray-140);--pagination-list-background-color:var(--white-1000)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-progress-bar__label{display:block;height:0;margin:0;opacity:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:0}.af-progress-bar{align-items:center;display:flex;flex-direction:row;gap:
|
|
1
|
+
.af-progress-bar__label{display:block;height:0;margin:0;opacity:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:0}.af-progress-bar{align-items:center;display:flex;flex-direction:row;gap:var(--rem-8);&>span{flex-shrink:0;font-size:var(--rem-16);font-weight:600;line-height:125%;overflow:hidden;white-space:nowrap;width:41px}.af-progress-bar__progress{-webkit-appearance:var(--progress-bar-appearance);-moz-appearance:var(--progress-bar-appearance);appearance:var(--progress-bar-appearance);background-color:var(--progress-bar-background-color);border:none;border-radius:var(--radius-4);display:block;height:var(--rem-6);overflow:hidden;width:100%;&::-webkit-progress-bar{background-color:var(--progress-bar-background-color)}&::-webkit-progress-value{background-color:var(--progress-bar-appearance);border-radius:var(--radius-4);-webkit-transition:width .75s ease;transition:width .75s ease}&::-moz-progress-bar{background-color:var(--progress-bar-appearance);border-radius:var(--radius-4)}}}.af-progress-bar__progress{--progress-bar-background-color:var(--gray-140);--progress-bar-appearance:var(--blue-1000)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-progress-bar-group{align-items:flex-end;display:flex;gap:
|
|
1
|
+
.af-progress-bar-group{align-items:flex-end;display:flex;gap:var(--rem-8);list-style-type:none;margin:0;padding:0}.af-progress-bar-group__item{flex:1}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-skeleton-container{--max-cols:12;--col-gap:1rem;--row-gap:0.5rem;display:grid;gap:var(--row-gap) var(--col-gap);grid-template-columns:repeat(var(--max-cols),1fr);width:100%}.af-skeleton{--col-size:1;--row-size:1;background:linear-gradient(-45deg,var(--skeleton-color-odd) 40%,var(--skeleton-color-even) 50%,var(--skeleton-color-odd) 60%);background-size:400% 400%;grid-column:span var(--col-size);grid-row:span var(--row-size);height:20px;width:100%}@media (prefers-reduced-motion:no-preference){.af-skeleton{animation:pulse 1s ease-in infinite}}@keyframes pulse{0%{background-position:0 0}to{background-position:-100% 0}}.af-skeleton{--skeleton-color-odd:var(--
|
|
1
|
+
.af-skeleton-container{--max-cols:12;--col-gap:1rem;--row-gap:0.5rem;display:grid;gap:var(--row-gap) var(--col-gap);grid-template-columns:repeat(var(--max-cols),1fr);width:100%}.af-skeleton{--col-size:1;--row-size:1;background:linear-gradient(-45deg,var(--skeleton-color-odd) 40%,var(--skeleton-color-even) 50%,var(--skeleton-color-odd) 60%);background-size:400% 400%;grid-column:span var(--col-size);grid-row:span var(--row-size);height:20px;width:100%}@media (prefers-reduced-motion:no-preference){.af-skeleton{animation:pulse 1s ease-in infinite}}@keyframes pulse{0%{background-position:0 0}to{background-position:-100% 0}}.af-skeleton{--skeleton-color-odd:var(--gray-140);--skeleton-color-even:var(--gray-050)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-spinner{--spinner-size:40;--spinner-border-size:3;align-items:center;animation:spin 2s linear infinite;border:calc(var(--spinner-border-size)*1px) solid var(--spinner-border-color);border-radius:50%;border-top:calc(var(--spinner-border-size)*1px) solid var(--spinner-border-top-color);container-type:inline-size;display:flex;flex-direction:column;height:calc(var(--spinner-size)*1px);justify-content:center;margin:auto;width:calc(var(--spinner-size)*1px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.af-spinner{--spinner-border-color:color-mix(in srgb,var(--
|
|
1
|
+
.af-spinner{--spinner-size:40;--spinner-border-size:3;align-items:center;animation:spin 2s linear infinite;border:calc(var(--spinner-border-size)*1px) solid var(--spinner-border-color);border-radius:50%;border-top:calc(var(--spinner-border-size)*1px) solid var(--spinner-border-top-color);container-type:inline-size;display:flex;flex-direction:column;height:calc(var(--spinner-size)*1px);justify-content:center;margin:auto;width:calc(var(--spinner-size)*1px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.af-spinner{--spinner-border-color:color-mix(in srgb,var(--blue-1000),transparent 80%);--spinner-border-top-color:var(--blue-1000)}.af-spinner--24{--spinner-border-size:2}.af-spinner--40{--spinner-border-size:4}.af-spinner--gray{--spinner-border-color:color-mix(in srgb,var(--gray-800),transparent 80%);--spinner-border-top-color:var(--gray-800)}.af-spinner--white{--spinner-border-color:color-mix(in srgb,var(--white-1000),transparent 80%);--spinner-border-top-color:var(--white-1000)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-stepper{background-color:transparent;display:flex;flex-direction:column;gap:var(--stepper-gap);width:100%}.af-stepper__header{display:flex;flex-direction:var(--stepper-header-flex-direction);gap:var(--stepper-header-gap)}.af-stepper__title{color:var(--title-color);font-family:var(--title-font-family);font-size:var(--title-font-size);font-weight:var(--title-font-weight);line-height:var(--title-line-height);margin:0;vertical-align:middle}.af-stepper__subtitle{color:var(--subtitle-color);font-family:var(--subtitle-font-family);font-size:var(--subtitle-font-size);font-weight:400;line-height:var(--subtitle-line-height);margin:0}.af-stepper__content{align-items:flex-end;display:flex;gap:1rem}.af-stepper__helper{color:var(--helper-color);font-family:var(--helper-font-family);font-size:var(--helper-font-size);font-weight:400;line-height:125%;vertical-align:middle}.af-stepper{--stepper-gap:
|
|
1
|
+
.af-stepper{background-color:transparent;display:flex;flex-direction:column;gap:var(--stepper-gap);width:100%}.af-stepper__header{display:flex;flex-direction:var(--stepper-header-flex-direction);gap:var(--stepper-header-gap)}.af-stepper__title{color:var(--title-color);font-family:var(--title-font-family);font-size:var(--title-font-size);font-weight:var(--title-font-weight);line-height:var(--title-line-height);margin:0;vertical-align:middle}.af-stepper__subtitle{color:var(--subtitle-color);font-family:var(--subtitle-font-family);font-size:var(--subtitle-font-size);font-weight:400;line-height:var(--subtitle-line-height);margin:0}.af-stepper__content{align-items:flex-end;display:flex;gap:1rem}.af-stepper__helper{color:var(--helper-color);font-family:var(--helper-font-family);font-size:var(--helper-font-size);font-weight:400;line-height:125%;vertical-align:middle}.af-stepper{--stepper-gap:var(--rem-12)}.af-stepper__header{--stepper-header-flex-direction:column}.af-stepper__title{--title-font-family:var(--font-family-publico);--title-font-size:var(--rem-24);--title-font-weight:700;--title-line-height:var(--rem-30);--title-color:var(--blue-1000)}.af-stepper__subtitle{--subtitle-font-family:var(--font-family-sans-serif);--subtitle-font-size:var(--rem-16);--subtitle-color:var(--gray-800)}.af-stepper__helper{--helper-font-family:var(--font-family-sans-serif);--helper-font-size:var(--rem-14);--helper-color:var(--gray-800)}@media screen and (width > 1023px){.af-stepper{--stepper-gap:var(--rem-16)}.af-stepper__title{--title-font-size:var(--rem-32);--title-line-height:var(--rem-40)}.af-stepper__subtitle{--subtitle-font-size:var(--rem-18);--subtitle-line-height:var(--rem-20)}.af-stepper__helper{--helper-font-family:var(--font-family-sans-serif);--helper-font-size:var(--rem-16);--helper-color:var(--gray-800)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-tabbar{display:flex;flex-direction:column;&>[role=tablist]{box-shadow:inset 0 -1px 0 0 var(--tabbar-box-shadow-color);display:flex;width:100%}&>[role=tabpanel][aria-hidden=true]{display:none}}.af-tabbar.af-tabbar--center{&>[role=tablist]{justify-content:center;&>[role=tab]{flex-grow:1}}}.af-tabbar{--tabbar-box-shadow-color:var(--
|
|
1
|
+
.af-tabbar{display:flex;flex-direction:column;&>[role=tablist]{box-shadow:inset 0 -1px 0 0 var(--tabbar-box-shadow-color);display:flex;width:100%}&>[role=tabpanel][aria-hidden=true]{display:none}}.af-tabbar.af-tabbar--center{&>[role=tablist]{justify-content:center;&>[role=tab]{flex-grow:1}}}.af-tabbar{--tabbar-box-shadow-color:var(--blue-200)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.af-table{all:unset;border-collapse:collapse;box-sizing:border-box;display:table;line-height:var(--rem-20);width:100%;.af-table__th{padding:0;.af-table__th-wrapper{box-sizing:border-box;display:flex;height:100%;padding:var(--rem-16);place-items:center;.af-table__th-sort-icon{cursor:pointer;width:40px}}.af-table__th-content{align-items:center;display:flex;flex:1;font-size:var(--rem-16ptable);font-weight:600;text-align:left}&.af-table__th--center .af-table__th-content{justify-content:center;text-align:center}&.af-table__th--right .af-table__th-content{justify-content:flex-end;text-align:right}&:has(input[type=checkbox]){.af-table__th-content{padding-left:var(--rem-16)}&.af-table__th--checkbox-right{.af-table__th-wrapper{flex-direction:row-reverse}.af-table__th-content{padding-left:0;padding-right:var(--rem-16)}}}}.af-table__td{box-sizing:border-box;padding-inline:var(--rem-16);white-space:normal;&.af-table__td--left{text-align:left}&.af-table__td--center{text-align:center}&.af-table__td--right{text-align:right}&.af-table__td--top{padding-top:var(--rem-16);vertical-align:top}&.af-table__td--middle{vertical-align:middle}&.af-table__td--small{padding-block:calc(10/var(--font-size-base)*1rem)}&.af-table__td--medium{padding-block:calc(18/var(--font-size-base)*1rem)}&.af-table__td--large{padding-block:calc(30/var(--font-size-base)*1rem)}}.af-table__tr{border-bottom:1px solid var(--blue-200);.af-table__td{padding-block:calc(10/var(--font-size-base)*1rem)}&.af-table__tr--medium{.af-table__td{padding-block:calc(18/var(--font-size-base)*1rem)}}&.af-table__tr--large{.af-table__td{padding-block:calc(30/var(--font-size-base)*1rem)}}}.af-table__thead{&.af-table__thead--gray .af-table__th{background-color:var(--gray-050);color:var(--gray-1000)}&.af-table__thead--blue .af-table__th{background-color:var(--table-header-bg-blue);color:var(--blue-1000)}}.af-table__tbody{color:var(--gray-1000);font-weight:600;& .af-table__td--white,&.af-table__tbody--white .af-table__tr{background:var(--white-1000)}& .af-table__td--blue,&.af-table__tbody--blue .af-table__tr{background:var(--blue-040)}&.af-table__tbody--alternate .af-table__tr{&:nth-child(2n){background:var(--blue-040)}&:nth-child(odd){background:var(--white-1000)}}}}.af-table{--table-header-bg-blue:var(--blue-100)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.af-table-mobile-card{border:1px solid var(--blue-200);border-radius:var(--radius-8);color:var(--gray-1000);font-size:calc(16/var(--font-size-base)*1rem);line-height:calc(20/var(--font-size-base)*1rem);overflow:hidden;.af-table-mobile-card__drow{border-bottom:1px solid var(--blue-200);display:flex;gap:var(--rem-16);justify-content:space-between;padding:var(--rem-16);&:last-child{border-bottom:none}& dt.af-table-mobile-card__dt{font-weight:400;width:50%}& dd.af-table-mobile-card__dd{font-weight:600;justify-items:end;text-align:right;width:50%}&.af-table-mobile-card__drow--column{flex-direction:column;& dt.af-table-mobile-card__dt{width:100%}& dd.af-table-mobile-card__dd{justify-items:start;text-align:left;width:100%}}}&.af-table-mobile-card--white .af-table-mobile-card__drow{background-color:var(--white-1000)}&.af-table-mobile-card--blue .af-table-mobile-card__drow{background-color:var(--blue-040)}&.af-table-mobile-card--alternate{.af-table-mobile-card__drow:nth-child(2n){background-color:var(--blue-040)}.af-table-mobile-card__drow:nth-child(odd){background-color:var(--white-1000)}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-tag{align-items:center;background-color:var(--tag-bg-color);border:1px solid var(--tag-border-color);border-radius:var(--tag-border-radius);color:var(--tag-text-color);cursor:default;display:inline-flex;gap:
|
|
1
|
+
.af-tag{align-items:center;background-color:var(--tag-bg-color);border:1px solid var(--tag-border-color);border-radius:var(--tag-border-radius);color:var(--tag-text-color);cursor:default;display:inline-flex;gap:var(--rem-10);justify-content:center;padding:var(--rem-2) var(--rem-8);width:-moz-fit-content;width:fit-content}.af-tag__label{font-size:var(--tag-font-size);font-weight:600;line-height:var(--tag-line-height)}.af-tag{--tag-border-radius:var(--radius-4)}.af-tag__label{--tag-font-size:var(--rem-14);--tag-line-height:calc(var(--tag-font-size)*1.25);@media screen and (width > 1023px){--tag-font-size:var(--rem-16)}}.af-tag--info{--tag-bg-color:var(--white-1000);--tag-text-color:var(--blue-1000);--tag-border-color:var(--blue-1000)}.af-tag--success{--tag-bg-color:var(--white-1000);--tag-text-color:var(--green-1000);--tag-border-color:var(--green-1000)}.af-tag--error{--tag-bg-color:var(--white-1000);--tag-text-color:var(--red-alert-1200);--tag-border-color:var(--red-alert-1200)}.af-tag--neutral{--tag-bg-color:var(--white-1000);--tag-text-color:var(--gray-800);--tag-border-color:var(--gray-800)}.af-tag--warning{--tag-bg-color:var(--white-1000);--tag-text-color:var(--orange-1000);--tag-border-color:var(--orange-1000)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-timeline-vertical{background-color:var(--timeline-vertical-bg-color);border:1px solid var(--timeline-vertical-border-color);border-radius:var(--radius-8);display:grid;padding:var(--timeline-vertical-padding);row-gap:
|
|
1
|
+
.af-timeline-vertical{background-color:var(--timeline-vertical-bg-color);border:1px solid var(--timeline-vertical-border-color);border-radius:var(--radius-8);display:grid;padding:var(--timeline-vertical-padding);row-gap:var(--rem-16)}.af-timeline-vertical__header{display:grid;row-gap:inherit}.af-timeline-vertical__title{color:var(--timeline-vertical-title-color);font-size:var(--timeline-vertical-title-font-size);font-weight:600;line-height:125%;margin:0}.af-timeline-vertical__description{color:var(--timeline-vertical-description-color);font-size:var(--timeline-vertical-description-font-size);font-weight:400;line-height:125%;margin:0}.af-timeline-vertical{--timeline-vertical-padding:var(--rem-16);--timeline-vertical-title-color:var(--gray-1000);--timeline-vertical-title-font-size:var(--rem-16);--timeline-vertical-description-color:var(--gray-800);--timeline-vertical-description-font-size:var(--rem-16);--timeline-vertical-bg-color:var(--white-1000);--timeline-vertical-border-color:var(--blue-200);@media screen and (width > 1023px){--timeline-vertical-padding:var(--rem-24);--timeline-vertical-title-font-size:var(--rem-18);--timeline-vertical-description-font-size:var(--rem-18)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.af-toggle{cursor:pointer;position:relative;&:has(:disabled){cursor:unset}input[type=checkbox]{clip-path:rect(0,0,0,0);height:1px;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(--
|
|
1
|
+
.af-toggle{cursor:pointer;position:relative;&:has(:disabled){cursor:unset}input[type=checkbox]{clip-path:rect(0,0,0,0);height:1px;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(--blue-80);--toggle-border-color:var(--gray-800);--toggle-focus-outline-color:var(--blue-1000);--toggle-border-radius:var(--radius-32);--toggle-border-size:2px;--toggle-padding:4px;--toggle-width:calc(var(--toggle-handle-size)*var(--toggle-handle-enlarge-scale)*2 - var(--toggle-padding) - var(--toggle-border-size)*2);--toggle-height:calc(var(--toggle-handle-size)*var(--toggle-handle-enlarge-scale) - var(--toggle-border-size)*2);--toggle-handle-color:var(--gray-800);--toggle-handle-size:16px;--toggle-handle-position:var(--toggle-border-size);--toggle-handle-scale:1;--toggle-handle-enlarge-scale:1.5;&:has(:checked){--toggle-bg-color:var(--blue-1000);--toggle-border-color:var(--blue-1000);.af-toggle__handle{--toggle-handle-scale:var(--toggle-handle-enlarge-scale);--toggle-handle-color:var(--white-1000);--toggle-handle-position:calc(var(--toggle-width) - var(--toggle-handle-size) - var(--toggle-border-size))}}&:has(:disabled){--toggle-bg-color:var(--white-1000);--toggle-border-color:var(--gray-140);--toggle-handle-color:var(--gray-140)}&:has(:disabled:checked){--toggle-bg-color:var(--gray-140);--toggle-border-color:var(--gray-140)}}
|