@axa-fr/canopee-css 1.8.1-alpha.1 → 2.0.0-alpha.22

package/dist/client/Modal/ModalLF.css

@@ -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);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-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)}
+@layer canopee{.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);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:inherit;min-width:180px}}}@layer canopee{.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-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)}}

package/dist/client/Pagination/ItemPagination/ItemPaginationLF.css

@@ -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(--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)}
+@layer canopee{.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}}}@layer canopee{.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)}}

package/dist/client/Pagination/PaginationLF.css

@@ -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: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)}
+@layer canopee{.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}}}}}@layer canopee{.af-pagination-list{--pagination-list-border-color:var(--gray-140);--pagination-list-background-color:var(--white-1000)}}

package/dist/client/ProgressBar/ProgressBarLF.css

@@ -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: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)}
+@layer canopee{.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)}}}}@layer canopee{.af-progress-bar__progress{--progress-bar-background-color:var(--gray-140);--progress-bar-appearance:var(--blue-1000)}}

package/dist/client/ProgressBarGroup/ProgressBarGroupLF.css

@@ -1 +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}
+@layer canopee{.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}}

package/dist/client/Skeleton/SkeletonLF.css

@@ -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(--gray-140);--skeleton-color-even:var(--gray-050)}
+@layer canopee{.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}}}@layer canopee{.af-skeleton{--skeleton-color-odd:var(--gray-140);--skeleton-color-even:var(--gray-050)}}

package/dist/client/Spinner/SpinnerLF.css

@@ -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(--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)}
+@layer canopee{.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)}}}@layer canopee{.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)}}

package/dist/client/Stepper/StepperLF.css

@@ -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: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)}}
+@layer canopee{.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(--font-family-publico-headline);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-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)}}@layer canopee{@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)}}}

package/dist/client/Svg/Svg.css

@@ -1 +1 @@
-.af-svg{flex-shrink:0}
+@layer canopee{.af-svg{flex-shrink:0}}

package/dist/client/TabBar/TabBarLF.css

@@ -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(--blue-200)}
+@layer canopee{.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}}}}@layer canopee{.af-tabbar{--tabbar-box-shadow-color:var(--blue-200)}}

package/dist/client/TabMenu/TabMenuAll.css

@@ -0,0 +1 @@
+@layer canopee{.af-header__tab-menu{padding-bottom:var(--rem-24);padding-inline:var(--rem-16);width:100%}.af-tab-menu:focus-visible{outline:2px solid var(--blue-650);outline-offset:3px}.af-tab-menu__list{align-self:stretch;display:flex;flex-direction:column;height:100%;list-style:none;margin:0;padding:0}@media screen and (width > 1023px){.af-tab-menu{height:100%;padding:0}.af-tab-menu__list{flex-direction:row}}}

package/dist/client/Table/TableLF.css

@@ -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)}
+@layer canopee{.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)}}}}}@layer canopee{.af-table{--table-header-bg-blue:var(--blue-100)}}

package/dist/client/TableMobileCard/TableMobileCardAll.css

@@ -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)}}}
+@layer canopee{.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)}}}}

package/dist/client/Tag/TagLF.css

@@ -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: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)}
+@layer canopee{.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)}}@layer canopee{.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)}}

package/dist/client/TagList/TagListAll.css

@@ -0,0 +1 @@
+.af-tag-list{display:flex;flex-flow:row wrap;gap:var(--rem-8)}

package/dist/client/TimelineVertical/TimelineVerticalLF.css

@@ -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: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)}}
+@layer canopee{.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}}@layer canopee{.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)}}}

package/dist/client/Toggle/ToggleLF.css

@@ -1 +1 @@
-.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-handle-size:20px;--toggle-handle-scale:1;--toggle-width:calc(var(--toggle-handle-size)*2 - var(--toggle-padding)*2);--toggle-height:var(--toggle-handle-size);--toggle-handle-color:var(--white-1000);--toggle-handle-position:0;cursor:pointer;position:relative;&:has(:disabled){--toggle-bg-color:var(--gray-250);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__handle{align-items:center;background-color:var(--toggle-handle-color);border-radius:var(--radius-100);display:flex;height:var(--toggle-handle-size);justify-content:center;transform:translateX(var(--toggle-handle-position)) scale(var(--toggle-handle-scale));transition:.2s;width:var(--toggle-handle-size)}.af-toggle__icon{--icon-fill:var(--toggle-bg-color)}.af-toggle__icon--check{display:none}.af-toggle:has(:focus-visible) .af-toggle__root{outline:2px solid var(--toggle-focus-outline-color);outline-offset:2px}.af-toggle:has(:checked){--toggle-bg-color:var(--blue-1000)}.af-toggle:has(:checked) .af-toggle__handle{--toggle-handle-position:calc(var(--toggle-width) - var(--toggle-handle-size))}.af-toggle:has(:checked) .af-toggle__icon--check{display:block}.af-toggle:has(:checked) .af-toggle__icon--close{display:none}.af-toggle:has(:disabled:checked){--toggle-bg-color:var(--gray-250)}
+@layer canopee{.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-handle-size:20px;--toggle-handle-scale:1;--toggle-width:calc(var(--toggle-handle-size)*2 - var(--toggle-padding)*2);--toggle-height:var(--toggle-handle-size);--toggle-handle-color:var(--white-1000);--toggle-handle-position:0;cursor:pointer;position:relative;&:has(:disabled){--toggle-bg-color:var(--gray-250);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__handle{align-items:center;background-color:var(--toggle-handle-color);border-radius:var(--radius-100);display:flex;height:var(--toggle-handle-size);justify-content:center;transform:translateX(var(--toggle-handle-position)) scale(var(--toggle-handle-scale));transition:.2s;width:var(--toggle-handle-size)}.af-toggle__icon{--icon-fill:var(--toggle-bg-color)}.af-toggle__icon--check{display:none}.af-toggle:has(:focus-visible) .af-toggle__root{outline:2px solid var(--toggle-focus-outline-color);outline-offset:2px}.af-toggle:has(:checked){--toggle-bg-color:var(--blue-1000)}.af-toggle:has(:checked) .af-toggle__handle{--toggle-handle-position:calc(var(--toggle-width) - var(--toggle-handle-size))}.af-toggle:has(:checked) .af-toggle__icon--check{display:block}.af-toggle:has(:checked) .af-toggle__icon--close{display:none}.af-toggle:has(:disabled:checked){--toggle-bg-color:var(--gray-250)}}