@gov-design-system-ce/components 0.0.54 → 0.0.56

package/dist/hydrate/index.js

@@ -5840,13 +5840,13 @@ const AccordionClass = {
 const AccordionItemClass = {
   root: 'gov-accordion-item',
   header: 'gov-accordion-item__header',
-  arrow: 'gov-accordion-item__arrow',
   icon: 'gov-accordion-item__icon',
-  suffix: 'gov-accordion-item__suffix',
   title: 'gov-accordion-item__title',
   label: 'gov-accordion-item__label',
-  name: 'gov-accordion-item__name',
   annotation: 'gov-accordion-item__annotation',
+  suffix: 'gov-accordion-item__suffix',
+  right: 'gov-accordion-item__right',
+  arrow: 'gov-accordion-item__arrow',
   content: 'gov-accordion-item__content',
 };
 
@@ -6124,7 +6124,7 @@ class GovAccordion {
   }; }
 }
 
-const govAccordionItemCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-accordion-item{position:relative;display:block;width:100%}.gov-accordion-item::before{content:\"\";position:absolute;display:block;right:0;bottom:-1px;left:0;height:1px;background-color:var(--gov-color-secondary-500)}.gov-accordion-item__header{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;box-sizing:border-box;position:relative;display:flex;justify-content:space-between;align-items:flex-start;width:100%;border-radius:0;text-align:left;text-transform:none;transition:background-color 150ms ease-in-out}.gov-accordion-item__header:focus{outline:none}.gov-accordion-item__header:focus{outline:none}.gov-accordion-item__header:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-accordion-item__header:focus-visible::before{display:none}.gov-accordion-item__header[aria-expanded=\"\"] .gov-accordion-item__arrow .gov-icon:not([slot=toggle-icon]),.gov-accordion-item__header[aria-expanded=true i] .gov-accordion-item__arrow .gov-icon:not([slot=toggle-icon]),.gov-accordion-item__header[aria-expanded=\"1\"] .gov-accordion-item__arrow .gov-icon:not([slot=toggle-icon]){transform:scale(-1)}.gov-accordion-item__arrow{flex:0 0 auto;margin-left:auto}.gov-accordion-item__icon{display:inline-flex;vertical-align:middle;flex:0 0 auto}.gov-accordion-item__suffix{display:inline-flex;vertical-align:middle;flex:0 0 auto;align-self:start;margin-left:auto;line-height:initial}.gov-accordion-item__title{display:flex;flex-direction:column}.gov-accordion-item__label *{margin-bottom:0;transform:translateY(1px)}.gov-accordion-item__annotation *{color:var(--gov-color-secondary);margin-bottom:0}.gov-accordion-item__content>*:last-child{margin-bottom:0}.gov-accordion-item[size=xs] .gov-accordion-item__header{gap:var(--gov-accordion-xs-headline-gap, 0.5rem);min-height:var(--gov-accordion-xs-min-height, 3rem);padding:var(--gov-accordion-xs-padding-y, 0.75rem) var(--gov-accordion-xs-padding-x, 0.5rem)}.gov-accordion-item[size=xs] .gov-accordion-item__label *{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=xs] .gov-accordion-item__arrow{width:var(--gov-accordion-xs-icon-size, 1rem);height:var(--gov-accordion-xs-icon-size, 1rem);transform:translateY(var(--gov-accordion-xs-arrow-position, 0.1875rem))}.gov-accordion-item[size=xs] .gov-accordion-item__icon{width:calc(var(--gov-text-m-font-size) * 1.2);height:calc(var(--gov-text-m-font-size) * 1.2);transform:translateY(var(--gov-accordion-xs-icon-position, 0.1875rem))}.gov-accordion-item[size=xs] .gov-accordion-item__annotation{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-accordion-item[size=xs] .gov-accordion-item__content{padding:var(--gov-accordion-xs-padding-inner, 1rem 0.5rem)}.gov-accordion-item[size=s] .gov-accordion-item__header{gap:var(--gov-accordion-s-headline-gap, 0.5rem);min-height:var(--gov-accordion-s-min-height, 3rem);padding:var(--gov-accordion-s-padding-y, 1.125rem) var(--gov-accordion-s-padding-x, 0.5rem)}.gov-accordion-item[size=s] .gov-accordion-item__label *{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing)}.gov-accordion-item[size=s] .gov-accordion-item__arrow{width:var(--gov-accordion-s-icon-size, 1rem);height:var(--gov-accordion-s-icon-size, 1rem);transform:translateY(var(--gov-accordion-s-arrow-position, 0.4375rem))}.gov-accordion-item[size=s] .gov-accordion-item__icon{width:calc(var(--gov-text-xl-font-size) * 1.2);height:calc(var(--gov-text-xl-font-size) * 1.2);transform:translateY(var(--gov-accordion-s-icon-position, 0.1875rem))}.gov-accordion-item[size=s] .gov-accordion-item__annotation{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=s] .gov-accordion-item__content{padding:var(--gov-accordion-s-padding-inner, 1rem 0.5rem)}.gov-accordion-item[size=m] .gov-accordion-item__header{gap:var(--gov-accordion-m-headline-gap, 1rem);min-height:var(--gov-accordion-m-min-height, 4.5rem);padding:var(--gov-accordion-m-padding-y, 1.25rem) var(--gov-accordion-m-padding-x, 0.5rem)}.gov-accordion-item[size=m] .gov-accordion-item__label *{font-weight:var(--gov-text-2xl-font-weight);font-size:var(--gov-text-2xl-font-size);line-height:var(--gov-text-2xl-line-height);letter-spacing:var(--gov-text-2xl-letter-spacing)}.gov-accordion-item[size=m] .gov-accordion-item__arrow{width:var(--gov-accordion-m-icon-size, 1.5rem);height:var(--gov-accordion-m-icon-size, 1.5rem);transform:translateY(var(--gov-accordion-m-arrow-position, 0.25rem))}.gov-accordion-item[size=m] .gov-accordion-item__icon{width:calc(var(--gov-text-2xl-font-size) * 1.2);height:calc(var(--gov-text-2xl-font-size) * 1.2);transform:translateY(var(--gov-accordion-m-icon-position, 0.25rem))}.gov-accordion-item[size=m] .gov-accordion-item__annotation{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=m] .gov-accordion-item__content{padding:var(--gov-accordion-m-padding-inner, 1.25rem 0.5rem)}.gov-accordion-item[size=l] .gov-accordion-item__header{gap:var(--gov-accordion-l-headline-gap, 1rem);min-height:var(--gov-accordion-l-min-height, 5.5rem);padding:var(--gov-accordion-l-padding-y, 1.375rem) var(--gov-accordion-l-padding-x, 0.5rem)}.gov-accordion-item[size=l] .gov-accordion-item__label *{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing)}.gov-accordion-item[size=l] .gov-accordion-item__arrow{width:var(--gov-accordion-l-icon-size, 1.5rem);height:var(--gov-accordion-l-icon-size, 1.5rem);transform:translateY(var(--gov-accordion-l-arrow-position, 0.625rem))}.gov-accordion-item[size=l] .gov-accordion-item__icon{width:calc(var(--gov-text-3xl-font-size) * 1.2);height:calc(var(--gov-text-3xl-font-size) * 1.2);transform:translateY(var(--gov-accordion-l-icon-position, 0.3125rem))}.gov-accordion-item[size=l] .gov-accordion-item__annotation{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=l] .gov-accordion-item__content{padding:var(--gov-accordion-l-padding-inner, 1.25rem 0.5rem)}.gov-accordion-item[variant=primary] .gov-accordion-item::before{background-color:var(--gov-accordion-primary-separator, var(--gov-color-secondary-500))}.gov-accordion-item[variant=primary] .gov-accordion-item__header{background-color:var(--gov-accordion-primary-background, transparent);color:var(--gov-accordion-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-accordion-item[variant=primary] .gov-accordion-item__header:hover{background-color:var(--gov-accordion-primary-background-hover, var(--gov-color-primary-200))}}.gov-accordion-item[variant=primary][disabled=\"\"] .gov-accordion-item__header,.gov-accordion-item[variant=primary][disabled=true i] .gov-accordion-item__header,.gov-accordion-item[variant=primary][disabled=\"1\"] .gov-accordion-item__header{color:var(--gov-accordion-primary-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){.gov-accordion-item[variant=primary][disabled=\"\"] .gov-accordion-item__header:hover,.gov-accordion-item[variant=primary][disabled=true i] .gov-accordion-item__header:hover,.gov-accordion-item[variant=primary][disabled=\"1\"] .gov-accordion-item__header:hover{background:transparent;cursor:not-allowed}}.gov-accordion-item[variant=secondary] .gov-accordion-item::before{background-color:var(--gov-accordion-secondary-separator, var(--gov-color-secondary-500))}.gov-accordion-item[variant=secondary] .gov-accordion-item__header{background-color:var(--gov-accordion-secondary-background, transparent);color:var(--gov-accordion-secondary-color, var(--gov-color-secondary))}@media not all and (pointer: coarse){.gov-accordion-item[variant=secondary] .gov-accordion-item__header:hover{background-color:var(--gov-accordion-secondary-background-hover, var(--gov-color-secondary-200))}}.gov-accordion-item[variant=secondary][disabled=\"\"] .gov-accordion-item__header,.gov-accordion-item[variant=secondary][disabled=true i] .gov-accordion-item__header,.gov-accordion-item[variant=secondary][disabled=\"1\"] .gov-accordion-item__header{color:var(--gov-accordion-secondary-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){.gov-accordion-item[variant=secondary][disabled=\"\"] .gov-accordion-item__header:hover,.gov-accordion-item[variant=secondary][disabled=true i] .gov-accordion-item__header:hover,.gov-accordion-item[variant=secondary][disabled=\"1\"] .gov-accordion-item__header:hover{background:transparent;cursor:not-allowed}}@media (max-width: 47.99em){.gov-accordion-item__title{flex-wrap:wrap}.gov-accordion-item__label{flex:0 0 auto}}";
+const govAccordionItemCss = ".gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-accordion-item{position:relative;display:block;width:100%}.gov-accordion-item::before{content:\"\";position:absolute;display:block;right:0;bottom:-1px;left:0;height:1px;background-color:var(--gov-color-secondary-500)}.gov-accordion-item__header{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;font-family:var(--gov-font-family, \"Roboto\", sans-serif);font-weight:400;box-sizing:border-box;position:relative;display:flex;justify-content:space-between;align-items:flex-start;width:100%;border-radius:0;text-align:left;text-transform:none;transition:background-color 150ms ease-in-out}.gov-accordion-item__header:focus{outline:none}.gov-accordion-item__header:focus{outline:none}.gov-accordion-item__header:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-accordion-item__header:focus-visible::before{display:none}.gov-accordion-item__header[aria-expanded=\"\"] .gov-accordion-item__arrow .gov-icon:not([slot=toggle-icon]),.gov-accordion-item__header[aria-expanded=true i] .gov-accordion-item__arrow .gov-icon:not([slot=toggle-icon]),.gov-accordion-item__header[aria-expanded=\"1\"] .gov-accordion-item__arrow .gov-icon:not([slot=toggle-icon]){transform:scale(-1)}.gov-accordion-item__icon{display:inline-flex;vertical-align:middle;flex:0 0 auto}.gov-accordion-item__title{display:flex;flex-direction:column;margin-right:auto}.gov-accordion-item__label *{margin-bottom:0;transform:translateY(1px)}.gov-accordion-item__annotation *{color:var(--gov-color-secondary);margin-bottom:0}.gov-accordion-item__right{display:flex;align-items:center;margin-left:auto}.gov-accordion-item__suffix{display:inline-flex;vertical-align:middle;flex:0 0 auto;align-self:start;line-height:initial}.gov-accordion-item__arrow{flex:0 0 auto}.gov-accordion-item__content>*:last-child{margin-bottom:0}.gov-accordion-item[size=xs] .gov-accordion-item__header,.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__header{gap:var(--gov-accordion-xs-headline-gap, 0.5rem);min-height:var(--gov-accordion-xs-min-height, 3rem);padding:var(--gov-accordion-xs-padding-y, 0.75rem) var(--gov-accordion-xs-padding-x, 0.5rem)}.gov-accordion-item[size=xs] .gov-accordion-item__icon,.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__icon{width:calc(var(--gov-text-m-font-size) * 1.2);height:calc(var(--gov-text-m-font-size) * 1.2);transform:translateY(var(--gov-accordion-xs-icon-position, 0.1875rem))}.gov-accordion-item[size=xs] .gov-accordion-item__label *,.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__label *{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=xs] .gov-accordion-item__annotation,.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__annotation{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-accordion-item[size=xs] .gov-accordion-item__right,.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__right{gap:var(--gov-accordion-xs-headline-gap, 0.5rem);transform:translateY(var(--gov-accordion-xs-arrow-position, 0.1875rem))}.gov-accordion-item[size=xs] .gov-accordion-item__right:has(.gov-accordion-item__suffix),.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__right:has(.gov-accordion-item__suffix){transform:translateY(var(--gov-accordion-xs-icon-position, 0.1875rem))}.gov-accordion-item[size=xs] .gov-accordion-item__arrow,.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__arrow{width:var(--gov-accordion-xs-icon-size, 1rem);height:var(--gov-accordion-xs-icon-size, 1rem)}.gov-accordion-item[size=xs] .gov-accordion-item__content,.gov-accordion-item .gov-accordion-item[size=xs] .gov-accordion-item__content{padding:var(--gov-accordion-xs-padding-inner, 1rem 0.5rem)}.gov-accordion-item[size=s] .gov-accordion-item__header,.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__header{gap:var(--gov-accordion-s-headline-gap, 0.5rem);min-height:var(--gov-accordion-s-min-height, 3rem);padding:var(--gov-accordion-s-padding-y, 1.125rem) var(--gov-accordion-s-padding-x, 0.5rem)}.gov-accordion-item[size=s] .gov-accordion-item__icon,.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__icon{width:calc(var(--gov-text-xl-font-size) * 1.2);height:calc(var(--gov-text-xl-font-size) * 1.2);transform:translateY(var(--gov-accordion-s-icon-position, 0.1875rem))}.gov-accordion-item[size=s] .gov-accordion-item__label *,.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__label *{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing)}.gov-accordion-item[size=s] .gov-accordion-item__annotation,.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__annotation{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=s] .gov-accordion-item__right,.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__right{gap:var(--gov-accordion-s-headline-gap, 0.5rem);transform:translateY(var(--gov-accordion-s-arrow-position, 0.4375rem))}.gov-accordion-item[size=s] .gov-accordion-item__right:has(.gov-accordion-item__suffix),.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__right:has(.gov-accordion-item__suffix){transform:translateY(var(--gov-accordion-s-icon-position, 0.1875rem))}.gov-accordion-item[size=s] .gov-accordion-item__arrow,.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__arrow{width:var(--gov-accordion-s-icon-size, 1rem);height:var(--gov-accordion-s-icon-size, 1rem)}.gov-accordion-item[size=s] .gov-accordion-item__content,.gov-accordion-item .gov-accordion-item[size=s] .gov-accordion-item__content{padding:var(--gov-accordion-s-padding-inner, 1rem 0.5rem)}.gov-accordion-item[size=m] .gov-accordion-item__header,.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__header{gap:var(--gov-accordion-m-headline-gap, 1rem);min-height:var(--gov-accordion-m-min-height, 4.5rem);padding:var(--gov-accordion-m-padding-y, 1.25rem) var(--gov-accordion-m-padding-x, 0.5rem)}.gov-accordion-item[size=m] .gov-accordion-item__icon,.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__icon{width:calc(var(--gov-text-2xl-font-size) * 1.2);height:calc(var(--gov-text-2xl-font-size) * 1.2);transform:translateY(var(--gov-accordion-m-icon-position, 0.25rem))}.gov-accordion-item[size=m] .gov-accordion-item__label *,.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__label *{font-weight:var(--gov-text-2xl-font-weight);font-size:var(--gov-text-2xl-font-size);line-height:var(--gov-text-2xl-line-height);letter-spacing:var(--gov-text-2xl-letter-spacing)}.gov-accordion-item[size=m] .gov-accordion-item__annotation,.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__annotation{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=m] .gov-accordion-item__right,.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__right{gap:var(--gov-accordion-m-headline-gap, 1rem);transform:translateY(var(--gov-accordion-m-arrow-position, 0.25rem))}.gov-accordion-item[size=m] .gov-accordion-item__right:has(.gov-accordion-item__suffix),.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__right:has(.gov-accordion-item__suffix){transform:translateY(var(--gov-accordion-m-icon-position, 0.25rem))}.gov-accordion-item[size=m] .gov-accordion-item__arrow,.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__arrow{width:var(--gov-accordion-m-icon-size, 1.5rem);height:var(--gov-accordion-m-icon-size, 1.5rem)}.gov-accordion-item[size=m] .gov-accordion-item__content,.gov-accordion-item .gov-accordion-item[size=m] .gov-accordion-item__content{padding:var(--gov-accordion-m-padding-inner, 1.25rem 0.5rem)}.gov-accordion-item[size=l] .gov-accordion-item__header,.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__header{gap:var(--gov-accordion-l-headline-gap, 1rem);min-height:var(--gov-accordion-l-min-height, 5.5rem);padding:var(--gov-accordion-l-padding-y, 1.375rem) var(--gov-accordion-l-padding-x, 0.5rem)}.gov-accordion-item[size=l] .gov-accordion-item__icon,.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__icon{width:calc(var(--gov-text-3xl-font-size) * 1.2);height:calc(var(--gov-text-3xl-font-size) * 1.2);transform:translateY(var(--gov-accordion-l-icon-position, 0.3125rem))}.gov-accordion-item[size=l] .gov-accordion-item__label *,.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__label *{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing)}.gov-accordion-item[size=l] .gov-accordion-item__annotation,.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__annotation{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=l] .gov-accordion-item__right,.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__right{gap:var(--gov-accordion-l-headline-gap, 1rem);transform:translateY(var(--gov-accordion-l-arrow-position, 0.625rem))}.gov-accordion-item[size=l] .gov-accordion-item__right:has(.gov-accordion-item__suffix),.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__right:has(.gov-accordion-item__suffix){transform:translateY(var(--gov-accordion-l-icon-position, 0.3125rem))}.gov-accordion-item[size=l] .gov-accordion-item__arrow,.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__arrow{width:var(--gov-accordion-l-icon-size, 1.5rem);height:var(--gov-accordion-l-icon-size, 1.5rem)}.gov-accordion-item[size=l] .gov-accordion-item__content,.gov-accordion-item .gov-accordion-item[size=l] .gov-accordion-item__content{padding:var(--gov-accordion-l-padding-inner, 1.25rem 0.5rem)}.gov-accordion-item[variant=primary] .gov-accordion-item::before{background-color:var(--gov-accordion-primary-separator, var(--gov-color-secondary-500))}.gov-accordion-item[variant=primary] .gov-accordion-item__header{background-color:var(--gov-accordion-primary-background, transparent);color:var(--gov-accordion-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-accordion-item[variant=primary] .gov-accordion-item__header:hover{background-color:var(--gov-accordion-primary-background-hover, var(--gov-color-primary-200))}}.gov-accordion-item[variant=primary][disabled=\"\"] .gov-accordion-item__header,.gov-accordion-item[variant=primary][disabled=true i] .gov-accordion-item__header,.gov-accordion-item[variant=primary][disabled=\"1\"] .gov-accordion-item__header{color:var(--gov-accordion-primary-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){.gov-accordion-item[variant=primary][disabled=\"\"] .gov-accordion-item__header:hover,.gov-accordion-item[variant=primary][disabled=true i] .gov-accordion-item__header:hover,.gov-accordion-item[variant=primary][disabled=\"1\"] .gov-accordion-item__header:hover{background:transparent;cursor:not-allowed}}.gov-accordion-item[variant=secondary] .gov-accordion-item::before{background-color:var(--gov-accordion-secondary-separator, var(--gov-color-secondary-500))}.gov-accordion-item[variant=secondary] .gov-accordion-item__header{background-color:var(--gov-accordion-secondary-background, transparent);color:var(--gov-accordion-secondary-color, var(--gov-color-secondary))}@media not all and (pointer: coarse){.gov-accordion-item[variant=secondary] .gov-accordion-item__header:hover{background-color:var(--gov-accordion-secondary-background-hover, var(--gov-color-secondary-200))}}.gov-accordion-item[variant=secondary][disabled=\"\"] .gov-accordion-item__header,.gov-accordion-item[variant=secondary][disabled=true i] .gov-accordion-item__header,.gov-accordion-item[variant=secondary][disabled=\"1\"] .gov-accordion-item__header{color:var(--gov-accordion-secondary-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){.gov-accordion-item[variant=secondary][disabled=\"\"] .gov-accordion-item__header:hover,.gov-accordion-item[variant=secondary][disabled=true i] .gov-accordion-item__header:hover,.gov-accordion-item[variant=secondary][disabled=\"1\"] .gov-accordion-item__header:hover{background:transparent;cursor:not-allowed}}@media (max-width: 47.99em){.gov-accordion-item__title{flex-wrap:wrap}.gov-accordion-item__label{flex:0 0 auto}}";
 
 class GovAccordionItem {
   constructor(hostRef) {
@@ -6171,7 +6171,7 @@ class GovAccordionItem {
     return (hAsync(Host, { class: this.h.classes(AccordionItemClass.root), size: this.size, variant: this.variant, role: "listitem" }, hAsync("button", { id: triggerId, class: AccordionItemClass.header, "aria-expanded": booleanString(this.isExpanded), "aria-controls": contentId, disabled: this.disabled, type: "button", "aria-disabled": toBoolAttrIfDefined(this.disabled), onClick: (e) => {
         e.stopPropagation();
         this.toggle().finally();
-      } }, this.h.hasSlot("icon") && (hAsync("span", { class: AccordionItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: AccordionItemClass.title }, hAsync("span", { class: AccordionItemClass.label }, hAsync("slot", { name: "label" })), this.h.hasSlot("annotation") && (hAsync("span", { class: AccordionItemClass.annotation }, hAsync("slot", { name: "annotation" })))), this.h.hasSlot("suffix") && (hAsync("span", { class: AccordionItemClass.suffix }, hAsync("slot", { name: "suffix" }))), hAsync("span", { class: AccordionItemClass.arrow }, this.h.hasSlot("toggle-icon") ? (hAsync("slot", { name: "toggle-icon" })) : (hAsync("gov-icon", { name: "chevron-down" })))), hAsync("div", { class: AccordionItemClass.content, id: contentId, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded, "aria-labelledby": triggerId }, hAsync("slot", null))));
+      } }, this.h.hasSlot("icon") && (hAsync("span", { class: AccordionItemClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("span", { class: AccordionItemClass.title }, hAsync("span", { class: AccordionItemClass.label }, hAsync("slot", { name: "label" })), this.h.hasSlot("annotation") && (hAsync("span", { class: AccordionItemClass.annotation }, hAsync("slot", { name: "annotation" })))), hAsync("span", { class: AccordionItemClass.right }, this.h.hasSlot("suffix") && (hAsync("span", { class: AccordionItemClass.suffix }, hAsync("slot", { name: "suffix" }))), hAsync("span", { class: AccordionItemClass.arrow }, this.h.hasSlot("toggle-icon") ? (hAsync("slot", { name: "toggle-icon" })) : (hAsync("gov-icon", { name: "chevron-down" }))))), hAsync("div", { class: AccordionItemClass.content, id: contentId, "aria-hidden": booleanString(!this.isExpanded), hidden: !this.isExpanded, "aria-labelledby": triggerId }, hAsync("slot", null))));
   }
   /**
    * Opening the accordion
@@ -9228,6 +9228,11 @@ class AccordionPage extends HTMLElement {
 				</gov-accordion-item>
 				<gov-accordion-item>
 					<h3 slot="label">Působnost v agendách</h3>
+					<gov-icon slot="icon" name="info"></gov-icon>
+					<p slot="annotation">Anotace Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+					<gov-badge variant="primary" size="xs" slot="suffix">
+						Badge
+					</gov-badge>
 					<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 				</gov-accordion-item>
 				<gov-accordion-item>
@@ -9299,6 +9304,9 @@ class AccordionPage extends HTMLElement {
 				<gov-accordion-item label="Působnost v agendách">
 					<h3 slot="label">Působnost v agendách</h3>
 					<gov-icon slot="icon" name="info"></gov-icon>
+					<gov-badge variant="primary" size="xs" slot="suffix">
+						Badge
+					</gov-badge>
 					<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 				</gov-accordion-item>
 				<gov-accordion-item label="Zřizované organizace">
@@ -9338,14 +9346,42 @@ class AccordionPage extends HTMLElement {
 					<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 					<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 				</gov-accordion-item>
-				<gov-accordion-item label="Kontaktní osoby">
+				<gov-accordion-item is-expanded label="Kontaktní osoby">
 					<h3 slot="label">Kontaktní osoby</h3>
 					<gov-icon slot="icon" name="info"></gov-icon>
-					<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+					<gov-badge variant="primary" size="xs" slot="suffix">
+						Badge
+					</gov-badge>
+								<gov-accordion size="xs" no-border>
+									<gov-accordion-item>
+										<h3 slot="label">Font Awesome Icon</h3>
+										<gov-icon slot="icon" name="info"></gov-icon>
+										<p slot="annotation">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus</p>
+										<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+										<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+										<gov-icon slot="toggle-icon" name="info"></gov-icon>
+									</gov-accordion-item>
+									<gov-accordion-item disabled is-expanded>
+										<h3 slot="label">Kontaktní osoby</h3>
+										<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+									</gov-accordion-item>
+									<gov-accordion-item>
+										<h3 slot="label">Působnost v agendách</h3>
+										<gov-icon slot="icon" name="info"></gov-icon>
+										<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+									</gov-accordion-item>
+									<gov-accordion-item>
+										<h3 slot="label">Zřizované organizace</h3>
+										<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
+									</gov-accordion-item>
+								</gov-accordion>
 				</gov-accordion-item>
 				<gov-accordion-item label="Působnost v agendách">
 					<h3 slot="label">Působnost v agendách</h3>
 					<gov-icon slot="icon" name="info"></gov-icon>
+					<gov-badge variant="primary" size="xs" slot="suffix">
+						Badge
+					</gov-badge>
 					<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 				</gov-accordion-item>
 				<gov-accordion-item label="Zřizované organizace">
@@ -9393,6 +9429,9 @@ class AccordionPage extends HTMLElement {
 				<gov-accordion-item label="Působnost v agendách">
 					<h3 slot="label">Působnost v agendách</h3>
 					<gov-icon slot="icon" name="info"></gov-icon>
+					<gov-badge variant="primary" size="m" slot="suffix">
+						Badge
+					</gov-badge>
 					<p>Opět věc a stylování obsahu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vehicula sollicitudin risus, quis tempor metus imperdiet vitae. Duis in blandit lacus.</p>
 				</gov-accordion-item>
 				<gov-accordion-item label="Zřizované organizace">
@@ -14473,8 +14512,9 @@ class TilesPage extends HTMLElement {
 
 		<div class="gov-bg--secondary-300" style="padding: 48px;">
 			<div style="max-width: 600px;">
-				<gov-tile name="Zdroje energie, těžba, nerosty, drahé kovy" href="#">
+				<gov-tile href="#">
 					<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
+					<h3 slot="title">Zdroje energie, těžba, nerosty, drahé kovy</h3>
 					<p>
 						Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 					</p>
@@ -14482,6 +14522,7 @@ class TilesPage extends HTMLElement {
 				<br>
 				<gov-tile name="Zdroje energie, těžba, nerosty, drahé kovy">
 					<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
+					<h3 slot="title">Zdroje energie, těžba, nerosty, drahé kovy</h3>
 					<ul class="gov-list--plain">
 						<li><a href="#">Občanský život</a></li>
 						<li><a href="#">Podnikání v ČR</a></li>
@@ -14489,49 +14530,47 @@ class TilesPage extends HTMLElement {
 					</ul>
 				</gov-tile>
 			</div>
-			<div style="max-width: 800px;">
-				<gov-tile name="Zdroje energie, těžba, nerosty, drahé kovy" href="#" promotion>
-					<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
-					<p>
-						Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
-					</p>
-				</gov-tile>
-			</div>
 			<br>
 
 			<gov-tiles columns="4">
-				<gov-tile name="Zdroje energie, těžba, nerosty, drahé kovy" href="#">
+				<gov-tile href="#">
 					<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
+					<h3 slot="title">Zdroje energie, těžba, nerosty, drahé kovy</h3>
 					<p>
 						Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 					</p>
 				</gov-tile>
-				<gov-tile name="Zdroje energie, těžba, nerosty, drahé kovy" href="#">
+				<gov-tile href="#">
 					<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
+					<h3 slot="title">Zdroje energie, těžba, nerosty, drahé kovy</h3>
 					<p>
 						Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 					</p>
 				</gov-tile>
-				<gov-tile name="Zdroje energie, těžba, nerosty, drahé kovy" href="#">
+				<gov-tile href="#">
 					<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
+					<h3 slot="title">Zdroje energie, těžba, nerosty, drahé kovy</h3>
 					<p>
 						Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 					</p>
 				</gov-tile>
-				<gov-tile name="Zdroje energie, těžba, nerosty, drahé kovy" href="#">
+				<gov-tile href="#">
 					<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
+					<h3 slot="title">Zdroje energie, těžba, nerosty, drahé kovy</h3>
 					<p>
 						Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 					</p>
 				</gov-tile>
-				<gov-tile name="Zdroje energie, těžba, nerosty, drahé kovy" href="#">
+				<gov-tile href="#">
 					<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
+					<h3 slot="title">Zdroje energie, těžba, nerosty, drahé kovy</h3>
 					<p>
 						Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 					</p>
 				</gov-tile>
-				<gov-tile name="Zdroje energie, těžba, nerosty, drahé kovy" href="#">
+				<gov-tile href="#">
 					<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
+					<h3 slot="title">Zdroje energie, těžba, nerosty, drahé kovy</h3>
 					<p>
 						Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 					</p>
@@ -14539,38 +14578,44 @@ class TilesPage extends HTMLElement {
 			</gov-tiles>
 			<br>
 			<gov-tiles columns="3" no-border>
-				<gov-tile name="Zdroje energie, těžba, nerosty, drahé kovy" href="#">
+				<gov-tile href="#">
 					<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
+					<h3 slot="title">Zdroje energie, těžba, nerosty, drahé kovy</h3>
 					<p>
 						Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 					</p>
 				</gov-tile>
-				<gov-tile name="Zdroje energie, těžba, nerosty, drahé kovy" href="#">
+				<gov-tile href="#">
 					<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
+					<h3 slot="title">Zdroje energie, těžba, nerosty, drahé kovy</h3>
 					<p>
 						Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 					</p>
 				</gov-tile>
-				<gov-tile name="Zdroje energie, těžba, nerosty, drahé kovy" href="#">
+				<gov-tile href="#">
 					<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
+					<h3 slot="title">Zdroje energie, těžba, nerosty, drahé kovy</h3>
 					<p>
 						Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 					</p>
 				</gov-tile>
-				<gov-tile name="Zdroje energie, těžba, nerosty, drahé kovy" href="#">
+				<gov-tile href="#">
 					<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
+					<h3 slot="title">Zdroje energie, těžba, nerosty, drahé kovy</h3>
 					<p>
 						Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 					</p>
 				</gov-tile>
-				<gov-tile name="Zdroje energie, těžba, nerosty, drahé kovy" href="#">
+				<gov-tile href="#">
 					<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
+					<h3 slot="title">Zdroje energie, těžba, nerosty, drahé kovy</h3>
 					<p>
 						Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 					</p>
 				</gov-tile>
-				<gov-tile name="Zdroje energie, těžba, nerosty, drahé kovy" href="#">
+				<gov-tile href="#">
 					<gov-icon name="id-card" type="complex" slot="icon"></gov-icon>
+					<h3 slot="title">Zdroje energie, těžba, nerosty, drahé kovy</h3>
 					<p>
 						Secondary - Od 20. 12. 2020 do 14:00 h do 20.&nbsp;12. 2020 do 15:00 h bude provedena plánovaná odstávka serverů. V&nbsp;uvedeném termínu bude nedostupné přihlášení k&nbsp;Portálu občana prostřednictvím datové schránky. Více informací <a href="#">zde</a>.
 					</p>
@@ -16763,6 +16808,7 @@ class GovFormFile {
     this.validateFiles(dataTransfer.files);
   }
   validateFiles(files) {
+    let filesBuffer = [];
     Array.from(files).map(file => {
       const isFile = this.files.find(item => item.file.name === file.name && item.file.size === file.size) || null;
       if (isFile === null) {
@@ -16774,7 +16820,12 @@ class GovFormFile {
           acceptValid: isAcceptValid,
           sizeValid: isSizeValid,
         };
-        this.files = [...this.files, newFile];
+        if (this.displayAttachments) {
+          this.files = [...this.files, newFile];
+        }
+        else {
+          filesBuffer = [...filesBuffer, newFile];
+        }
         this.govAddFile.emit({
           component: FormFileClass.root,
           file: newFile,
@@ -16783,7 +16834,7 @@ class GovFormFile {
     });
     this.govFiles.emit({
       component: FormFileClass.root,
-      files: this.files,
+      files: filesBuffer.length ? filesBuffer : this.files,
     });
   }
   componentWillLoad() {
@@ -16846,6 +16897,12 @@ class GovFormFile {
   async getAreaRef() {
     return this.areaRef;
   }
+  /**
+   * Remove all files from component state
+   */
+  async reset() {
+    this.files = [];
+  }
   /**
    * Validate the WCAG attributes of the component
    */
@@ -16884,6 +16941,7 @@ class GovFormFile {
       "files": [32],
       "getRef": [64],
       "getAreaRef": [64],
+      "reset": [64],
       "validateWcag": [64]
     },
     "$listeners$": undefined,
@@ -18209,7 +18267,7 @@ class GovMessage {
     validateProp(Variants, newValue, MessageClass.root);
   }
   render() {
-    return (hAsync(Host, { class: this.h.classes(MessageClass.root), variant: this.variant, role: "alert" }, this.h.hasSlot('icon') && (hAsync("span", { class: MessageClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("div", { class: MessageClass.content }, hAsync("slot", null))));
+    return (hAsync(Host, { class: this.h.classes(MessageClass.root), variant: this.variant, role: "alert" }, this.h.hasSlot("icon") && (hAsync("span", { class: MessageClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("div", { class: MessageClass.content }, hAsync("slot", null))));
   }
   get host() { return getElement(this); }
   static get watchers() { return {
@@ -19626,27 +19684,17 @@ const TileClass = {
   heading: 'gov-tile__heading',
 };
 
-const govTileCss = ".gov-tile__heading::before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tile{position:relative;display:block;width:100%;padding:0.75rem;transition:background-color 150ms}.gov-tile__icon{display:flex;margin:0rem 0rem 0.75rem;color:var(--gov-tile-main-color, var(--gov-color-primary))}.gov-tile__icon .gov-icon{width:2.5rem;height:2.5rem}.gov-tile__title{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);margin:0 0 0.5rem}.gov-tile__heading{display:flex;gap:0.5rem;justify-content:space-between;color:var(--gov-tile-main-color, var(--gov-color-primary));text-decoration:none}.gov-tile__arrow{flex:0 0 auto;width:0.75rem;height:2rem;margin:0.5rem;color:inherit}.gov-tile__content{color:var(--gov-tile-text-color, var(--gov-color-secondary-700))}.gov-tile__content>*:last-child{margin-bottom:0}.gov-tile__content a{position:relative;z-index:1}.gov-tile__link{display:block;text-decoration:none}@media not all and (pointer: coarse){.gov-tile[href]:hover{background:var(--gov-tile-hover-bg, var(--gov-color-primary-200))}.gov-tile[href]:hover .gov-tile__heading{color:var(--gov-tile-main-color, var(--gov-color-primary))}}@media (min-width: 30em){.gov-tile[promotion=\"\"],.gov-tile[promotion=true i],.gov-tile[promotion=\"1\"]{display:grid;grid-template-columns:auto 1fr;gap:0 0.875rem}.gov-tile[promotion=\"\"] .gov-tile__icon,.gov-tile[promotion=true i] .gov-tile__icon,.gov-tile[promotion=\"1\"] .gov-tile__icon{grid-area:1/1/3/1;margin:0}.gov-tile[promotion=\"\"] .gov-tile__title,.gov-tile[promotion=true i] .gov-tile__title,.gov-tile[promotion=\"1\"] .gov-tile__title{grid-area:1/2/1/2}.gov-tile[promotion=\"\"] .gov-tile__content,.gov-tile[promotion=true i] .gov-tile__content,.gov-tile[promotion=\"1\"] .gov-tile__content{grid-area:2/2/2/2}}@media (min-width: 48em){.gov-tile{padding:1.5rem}.gov-tile__icon{margin:0rem 0rem 1.5rem}.gov-tile__icon .gov-icon{width:3rem;height:3rem}}@media (min-width: 64em){.gov-tile[promotion=\"\"],.gov-tile[promotion=true i],.gov-tile[promotion=\"1\"]{gap:0 1.625rem}}";
+const govTileCss = ".gov-tile__title::before{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-tile{position:relative;display:block;width:100%;padding:0.75rem;transition:background-color 150ms}.gov-tile__icon{display:block;margin:0rem 0rem 1.5rem;color:var(--gov-tile-main-color, var(--gov-color-primary))}.gov-tile__icon .gov-icon{width:2.5rem;height:2.5rem}.gov-tile__title{display:flex;gap:0.5rem;justify-content:space-between;align-items:flex-start;color:var(--gov-tile-main-color, var(--gov-color-primary));text-decoration:none;margin-bottom:0.5rem}.gov-tile__title [slot=title]{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing);margin:0}.gov-tile__arrow{flex:0 0 auto;width:1.25rem;height:1.25rem;position:relative;top:0.3125rem;color:inherit}.gov-tile__content{color:var(--gov-tile-text-color, var(--gov-color-secondary-700))}.gov-tile__content>*:last-child{margin-bottom:0}.gov-tile__content a{position:relative;z-index:1}.gov-tile__link{display:block;text-decoration:none}@media not all and (pointer: coarse){.gov-tile[href]:hover{background:var(--gov-tile-hover-bg, var(--gov-color-primary-200))}.gov-tile[href]:hover .gov-tile__title{color:var(--gov-tile-main-color, var(--gov-color-primary))}}@media (min-width: 48em){.gov-tile{padding:1.5rem}.gov-tile__icon{margin:0rem 0rem 1.5rem}.gov-tile__icon .gov-icon{width:3rem;height:3rem}}";
 
 class GovTile {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.promotion = false;
     this.href = undefined;
-    this.name = undefined;
+    this.target = undefined;
     this.h = govHost(this.host);
   }
-  validateName(newValue) {
-    if (!newValue) {
-      govErrorLog(`[${TileClass.root}]: Parameter title is required.`);
-    }
-  }
-  componentWillLoad() {
-    this.validateName(this.name);
-  }
   render() {
-    // tag type
-    return (hAsync(Host, { class: this.h.classes(TileClass.root), promotion: this.promotion }, this.href ? (hAsync("a", { href: this.href, class: TileClass.link, ref: el => (this.triggerRef = el) }, this.h.hasSlot("icon") && (hAsync("div", { class: TileClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("h3", { class: TileClass.title }, hAsync("span", { class: TileClass.heading }, this.name, hAsync("gov-icon", { class: TileClass.arrow, name: "chevron-right" }))), hAsync("div", { class: TileClass.content }, hAsync("slot", null)))) : (hAsync("span", null, this.h.hasSlot("icon") && (hAsync("div", { class: TileClass.icon }, hAsync("slot", { name: "icon" }))), hAsync("h3", { class: TileClass.title }, hAsync("span", null, this.name)), hAsync("div", { class: TileClass.content }, hAsync("slot", null))))));
+    return (hAsync(Host, { class: this.h.classes(TileClass.root) }, this.href ? (hAsync("a", { href: this.href, target: this.target, class: TileClass.link, ref: el => (this.triggerRef = el) }, this.h.hasSlot("icon") && (hAsync("span", { class: TileClass.icon }, hAsync("slot", { name: "icon" }))), this.h.hasSlot("title") && (hAsync("span", { class: TileClass.title }, hAsync("slot", { name: "title" }), hAsync("gov-icon", { class: TileClass.arrow, name: "chevron-right" }))), hAsync("div", { class: TileClass.content }, hAsync("slot", null)))) : (hAsync("span", null, this.h.hasSlot("icon") && (hAsync("span", { class: TileClass.icon }, hAsync("slot", { name: "icon" }))), this.h.hasSlot("title") && (hAsync("span", { class: TileClass.title }, hAsync("slot", { name: "title" }))), hAsync("div", { class: TileClass.content }, hAsync("slot", null))))));
   }
   /**
    * Returns a clickable element instance
@@ -19655,17 +19703,13 @@ class GovTile {
     return this.triggerRef;
   }
   get host() { return getElement(this); }
-  static get watchers() { return {
-    "name": ["validateName"]
-  }; }
   static get style() { return govTileCss; }
   static get cmpMeta() { return {
     "$flags$": 4,
     "$tagName$": "gov-tile",
     "$members$": {
-      "promotion": [4],
       "href": [1],
-      "name": [1],
+      "target": [1],
       "getTriggerRef": [64]
     },
     "$listeners$": undefined,

package/dist/types/components/gov-accordion/constants.d.ts

@@ -11,12 +11,12 @@ export declare const AccordionClass: {
 export declare const AccordionItemClass: {
   root: string;
   header: string;
-  arrow: string;
   icon: string;
-  suffix: string;
   title: string;
   label: string;
-  name: string;
   annotation: string;
+  suffix: string;
+  right: string;
+  arrow: string;
   content: string;
 };

package/dist/types/components/gov-form/file/gov-form-file.d.ts

@@ -122,6 +122,10 @@ export declare class GovFormFile {
    * Returns the reference of the native area element
    */
   getAreaRef(): Promise<HTMLDivElement>;
+  /**
+   * Remove all files from component state
+   */
+  reset(): Promise<void>;
   /**
    * Validate the WCAG attributes of the component
    */

package/dist/types/components/gov-message/gov-message.d.ts

@@ -1,4 +1,4 @@
-import { MessageVariantType } from './constants';
+import { MessageVariantType } from "./constants";
 export declare class GovMessage {
   private h;
   constructor();

package/dist/types/components/gov-tile/gov-tile.d.ts

@@ -1,22 +1,18 @@
+import { ButtonTargetType } from "../gov-button/default/constants";
 export declare class GovTile {
   private triggerRef?;
   private h;
   constructor();
   host: HTMLGovTileElement;
-  /**
-   * Style variation of the card.
-   */
-  readonly promotion: boolean;
   /**
    * Link on whole tile
    */
   readonly href: string;
   /**
-   * Item name
+   * Same as original parameter
+   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
    */
-  readonly name: string;
-  validateName(newValue: string): void;
-  componentWillLoad(): void;
+  readonly target?: ButtonTargetType;
   render(): any;
   /**
    * Returns a clickable element instance

package/dist/types/components.d.ts

@@ -780,6 +780,10 @@ export namespace Components {
           * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them. When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
          */
         "required": boolean;
+        /**
+          * Remove all files from component state
+         */
+        "reset": () => Promise<void>;
         /**
           * Validate the WCAG attributes of the component
          */
@@ -1719,13 +1723,10 @@ export namespace Components {
          */
         "href": string;
         /**
-          * Item name
-         */
-        "name": string;
-        /**
-          * Style variation of the card.
+          * Same as original parameter
+          * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
          */
-        "promotion": boolean;
+        "target"?: ButtonTargetType;
     }
     interface GovTiles {
         /**
@@ -3952,13 +3953,10 @@ declare namespace LocalJSX {
          */
         "href"?: string;
         /**
-          * Item name
-         */
-        "name"?: string;
-        /**
-          * Style variation of the card.
+          * Same as original parameter
+          * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
          */
-        "promotion"?: boolean;
+        "target"?: ButtonTargetType;
     }
     interface GovTiles {
         /**

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@gov-design-system-ce/components",
 	"description": "This package includes Gov Design System Web Components and related utilities.",
 	"author": "Zdeněk Vítek",
-	"version": "0.0.54",
+	"version": "0.0.56",
 	"license": "EUPL v1.2 Licensed",
 	"main": "./dist/index.cjs.js",
 	"unpkg": "./dist/core/core.esm.js",
@@ -24,6 +24,6 @@
     "dependencies" : {
         "@gov-design-system-ce/icons": "0.0.9",
         "@gov-design-system-ce/fonts": "0.0.2",
-        "@gov-design-system-ce/styles": "0.0.5"
+        "@gov-design-system-ce/styles": "0.0.6"
     }
 }

package/dist/components/p-37a7409e.js

@@ -1,2 +0,0 @@
-import{S as o}from"./p-55500e5a.js";import{V as a}from"./p-ff7365ae.js";import{p as i}from"./p-03990da5.js";const t=i(o,["_XS","_S","_M","_L"]);const c=i(a,["PRIMARY","SECONDARY","CUSTOM"]);const n={root:"gov-accordion"};const r={root:"gov-accordion-item",header:"gov-accordion-item__header",arrow:"gov-accordion-item__arrow",icon:"gov-accordion-item__icon",suffix:"gov-accordion-item__suffix",title:"gov-accordion-item__title",label:"gov-accordion-item__label",name:"gov-accordion-item__name",annotation:"gov-accordion-item__annotation",content:"gov-accordion-item__content"};export{r as A,n as a,t as b,c};
-//# sourceMappingURL=p-37a7409e.js.map

package/dist/components/p-37a7409e.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["AccordionSizes","pick","Sizes","AccordionVariants","Variants","AccordionClass","root","AccordionItemClass","header","arrow","icon","suffix","title","label","name","annotation","content"],"sources":["../../../packages/core/src/components/gov-accordion/constants.ts"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { Variants } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const AccordionSizes = pick(Sizes, ['_XS', '_S', '_M', '_L'])\nexport type AccordionSizeType = `${ValueOf<typeof AccordionSizes>}`\n\nexport const AccordionVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'CUSTOM'])\nexport type AccordionVariantType = `${ValueOf<typeof AccordionVariants>}`\n\nexport const AccordionClass = {\n\troot: 'gov-accordion',\n}\n\nexport const AccordionItemClass = {\n\troot: 'gov-accordion-item',\n\theader: 'gov-accordion-item__header',\n\tarrow: 'gov-accordion-item__arrow',\n\ticon: 'gov-accordion-item__icon',\n\tsuffix: 'gov-accordion-item__suffix',\n\ttitle: 'gov-accordion-item__title',\n\tlabel: 'gov-accordion-item__label',\n\tname: 'gov-accordion-item__name',\n\tannotation: 'gov-accordion-item__annotation',\n\tcontent: 'gov-accordion-item__content',\n}\n"],"mappings":"kHAKaA,EAAiBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,O,MAGjDC,EAAoBF,EAAKG,EAAU,CAAC,UAAW,YAAa,W,MAG5DC,EAAiB,CAC7BC,KAAM,iB,MAGMC,EAAqB,CACjCD,KAAM,qBACNE,OAAQ,6BACRC,MAAO,4BACPC,KAAM,2BACNC,OAAQ,6BACRC,MAAO,4BACPC,MAAO,4BACPC,KAAM,2BACNC,WAAY,iCACZC,QAAS,sC"}

package/dist/core/p-37a7409e.js

@@ -1,2 +0,0 @@
-import{S as o}from"./p-55500e5a.js";import{V as a}from"./p-ff7365ae.js";import{p as i}from"./p-03990da5.js";const t=i(o,["_XS","_S","_M","_L"]);const c=i(a,["PRIMARY","SECONDARY","CUSTOM"]);const n={root:"gov-accordion"};const r={root:"gov-accordion-item",header:"gov-accordion-item__header",arrow:"gov-accordion-item__arrow",icon:"gov-accordion-item__icon",suffix:"gov-accordion-item__suffix",title:"gov-accordion-item__title",label:"gov-accordion-item__label",name:"gov-accordion-item__name",annotation:"gov-accordion-item__annotation",content:"gov-accordion-item__content"};export{r as A,n as a,t as b,c};
-//# sourceMappingURL=p-37a7409e.js.map

package/dist/core/p-37a7409e.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["AccordionSizes","pick","Sizes","AccordionVariants","Variants","AccordionClass","root","AccordionItemClass","header","arrow","icon","suffix","title","label","name","annotation","content"],"sources":["../../../packages/core/src/components/gov-accordion/constants.ts"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { Variants } from '../../core/constants/variants'\nimport { pick } from '../../utils/utils'\nimport { ValueOf } from '../../types/interfaces'\n\nexport const AccordionSizes = pick(Sizes, ['_XS', '_S', '_M', '_L'])\nexport type AccordionSizeType = `${ValueOf<typeof AccordionSizes>}`\n\nexport const AccordionVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'CUSTOM'])\nexport type AccordionVariantType = `${ValueOf<typeof AccordionVariants>}`\n\nexport const AccordionClass = {\n\troot: 'gov-accordion',\n}\n\nexport const AccordionItemClass = {\n\troot: 'gov-accordion-item',\n\theader: 'gov-accordion-item__header',\n\tarrow: 'gov-accordion-item__arrow',\n\ticon: 'gov-accordion-item__icon',\n\tsuffix: 'gov-accordion-item__suffix',\n\ttitle: 'gov-accordion-item__title',\n\tlabel: 'gov-accordion-item__label',\n\tname: 'gov-accordion-item__name',\n\tannotation: 'gov-accordion-item__annotation',\n\tcontent: 'gov-accordion-item__content',\n}\n"],"mappings":"kHAKaA,EAAiBC,EAAKC,EAAO,CAAC,MAAO,KAAM,KAAM,O,MAGjDC,EAAoBF,EAAKG,EAAU,CAAC,UAAW,YAAa,W,MAG5DC,EAAiB,CAC7BC,KAAM,iB,MAGMC,EAAqB,CACjCD,KAAM,qBACNE,OAAQ,6BACRC,MAAO,4BACPC,KAAM,2BACNC,OAAQ,6BACRC,MAAO,4BACPC,MAAO,4BACPC,KAAM,2BACNC,WAAY,iCACZC,QAAS,sC"}

package/dist/core/p-3b236ac2.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as i,h as a,H as e,g as r}from"./p-10cbc3fe.js";import{v as t}from"./p-26acf964.js";import{A as n,a as c,b as d,c as s}from"./p-37a7409e.js";import{c as g}from"./p-24636c53.js";import{g as v,b as m,t as l}from"./p-3f37ddb6.js";import"./p-561fa17b.js";import"./p-55500e5a.js";import"./p-ff7365ae.js";import"./p-03990da5.js";const h='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}.gov-accordion-item{position:relative;display:block;width:100%}.gov-accordion-item::before{content:"";position:absolute;display:block;right:0;bottom:-1px;left:0;height:1px;background-color:var(--gov-color-secondary-500)}.gov-accordion-item__header{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;font-family:var(--gov-font-family, "Roboto", sans-serif);font-weight:400;box-sizing:border-box;position:relative;display:flex;justify-content:space-between;align-items:flex-start;width:100%;border-radius:0;text-align:left;text-transform:none;transition:background-color 150ms ease-in-out}.gov-accordion-item__header:focus{outline:none}.gov-accordion-item__header:focus{outline:none}.gov-accordion-item__header:focus-visible{border-radius:var(--gov-border-radius, 0.1875rem);outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base);outline-offset:0}.gov-accordion-item__header:focus-visible::before{display:none}.gov-accordion-item__header[aria-expanded=""] .gov-accordion-item__arrow .gov-icon:not([slot=toggle-icon]),.gov-accordion-item__header[aria-expanded=true i] .gov-accordion-item__arrow .gov-icon:not([slot=toggle-icon]),.gov-accordion-item__header[aria-expanded="1"] .gov-accordion-item__arrow .gov-icon:not([slot=toggle-icon]){transform:scale(-1)}.gov-accordion-item__arrow{flex:0 0 auto;margin-left:auto}.gov-accordion-item__icon{display:inline-flex;vertical-align:middle;flex:0 0 auto}.gov-accordion-item__suffix{display:inline-flex;vertical-align:middle;flex:0 0 auto;align-self:start;margin-left:auto;line-height:initial}.gov-accordion-item__title{display:flex;flex-direction:column}.gov-accordion-item__label *{margin-bottom:0;transform:translateY(1px)}.gov-accordion-item__annotation *{color:var(--gov-color-secondary);margin-bottom:0}.gov-accordion-item__content>*:last-child{margin-bottom:0}.gov-accordion-item[size=xs] .gov-accordion-item__header{gap:var(--gov-accordion-xs-headline-gap, 0.5rem);min-height:var(--gov-accordion-xs-min-height, 3rem);padding:var(--gov-accordion-xs-padding-y, 0.75rem) var(--gov-accordion-xs-padding-x, 0.5rem)}.gov-accordion-item[size=xs] .gov-accordion-item__label *{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=xs] .gov-accordion-item__arrow{width:var(--gov-accordion-xs-icon-size, 1rem);height:var(--gov-accordion-xs-icon-size, 1rem);transform:translateY(var(--gov-accordion-xs-arrow-position, 0.1875rem))}.gov-accordion-item[size=xs] .gov-accordion-item__icon{width:calc(var(--gov-text-m-font-size) * 1.2);height:calc(var(--gov-text-m-font-size) * 1.2);transform:translateY(var(--gov-accordion-xs-icon-position, 0.1875rem))}.gov-accordion-item[size=xs] .gov-accordion-item__annotation{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing)}.gov-accordion-item[size=xs] .gov-accordion-item__content{padding:var(--gov-accordion-xs-padding-inner, 1rem 0.5rem)}.gov-accordion-item[size=s] .gov-accordion-item__header{gap:var(--gov-accordion-s-headline-gap, 0.5rem);min-height:var(--gov-accordion-s-min-height, 3rem);padding:var(--gov-accordion-s-padding-y, 1.125rem) var(--gov-accordion-s-padding-x, 0.5rem)}.gov-accordion-item[size=s] .gov-accordion-item__label *{font-weight:var(--gov-text-xl-font-weight);font-size:var(--gov-text-xl-font-size);line-height:var(--gov-text-xl-line-height);letter-spacing:var(--gov-text-xl-letter-spacing)}.gov-accordion-item[size=s] .gov-accordion-item__arrow{width:var(--gov-accordion-s-icon-size, 1rem);height:var(--gov-accordion-s-icon-size, 1rem);transform:translateY(var(--gov-accordion-s-arrow-position, 0.4375rem))}.gov-accordion-item[size=s] .gov-accordion-item__icon{width:calc(var(--gov-text-xl-font-size) * 1.2);height:calc(var(--gov-text-xl-font-size) * 1.2);transform:translateY(var(--gov-accordion-s-icon-position, 0.1875rem))}.gov-accordion-item[size=s] .gov-accordion-item__annotation{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=s] .gov-accordion-item__content{padding:var(--gov-accordion-s-padding-inner, 1rem 0.5rem)}.gov-accordion-item[size=m] .gov-accordion-item__header{gap:var(--gov-accordion-m-headline-gap, 1rem);min-height:var(--gov-accordion-m-min-height, 4.5rem);padding:var(--gov-accordion-m-padding-y, 1.25rem) var(--gov-accordion-m-padding-x, 0.5rem)}.gov-accordion-item[size=m] .gov-accordion-item__label *{font-weight:var(--gov-text-2xl-font-weight);font-size:var(--gov-text-2xl-font-size);line-height:var(--gov-text-2xl-line-height);letter-spacing:var(--gov-text-2xl-letter-spacing)}.gov-accordion-item[size=m] .gov-accordion-item__arrow{width:var(--gov-accordion-m-icon-size, 1.5rem);height:var(--gov-accordion-m-icon-size, 1.5rem);transform:translateY(var(--gov-accordion-m-arrow-position, 0.25rem))}.gov-accordion-item[size=m] .gov-accordion-item__icon{width:calc(var(--gov-text-2xl-font-size) * 1.2);height:calc(var(--gov-text-2xl-font-size) * 1.2);transform:translateY(var(--gov-accordion-m-icon-position, 0.25rem))}.gov-accordion-item[size=m] .gov-accordion-item__annotation{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=m] .gov-accordion-item__content{padding:var(--gov-accordion-m-padding-inner, 1.25rem 0.5rem)}.gov-accordion-item[size=l] .gov-accordion-item__header{gap:var(--gov-accordion-l-headline-gap, 1rem);min-height:var(--gov-accordion-l-min-height, 5.5rem);padding:var(--gov-accordion-l-padding-y, 1.375rem) var(--gov-accordion-l-padding-x, 0.5rem)}.gov-accordion-item[size=l] .gov-accordion-item__label *{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing)}.gov-accordion-item[size=l] .gov-accordion-item__arrow{width:var(--gov-accordion-l-icon-size, 1.5rem);height:var(--gov-accordion-l-icon-size, 1.5rem);transform:translateY(var(--gov-accordion-l-arrow-position, 0.625rem))}.gov-accordion-item[size=l] .gov-accordion-item__icon{width:calc(var(--gov-text-3xl-font-size) * 1.2);height:calc(var(--gov-text-3xl-font-size) * 1.2);transform:translateY(var(--gov-accordion-l-icon-position, 0.3125rem))}.gov-accordion-item[size=l] .gov-accordion-item__annotation{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing)}.gov-accordion-item[size=l] .gov-accordion-item__content{padding:var(--gov-accordion-l-padding-inner, 1.25rem 0.5rem)}.gov-accordion-item[variant=primary] .gov-accordion-item::before{background-color:var(--gov-accordion-primary-separator, var(--gov-color-secondary-500))}.gov-accordion-item[variant=primary] .gov-accordion-item__header{background-color:var(--gov-accordion-primary-background, transparent);color:var(--gov-accordion-primary-color, var(--gov-color-primary))}@media not all and (pointer: coarse){.gov-accordion-item[variant=primary] .gov-accordion-item__header:hover{background-color:var(--gov-accordion-primary-background-hover, var(--gov-color-primary-200))}}.gov-accordion-item[variant=primary][disabled=""] .gov-accordion-item__header,.gov-accordion-item[variant=primary][disabled=true i] .gov-accordion-item__header,.gov-accordion-item[variant=primary][disabled="1"] .gov-accordion-item__header{color:var(--gov-accordion-primary-disabled-color, var(--gov-color-primary-400))}@media not all and (pointer: coarse){.gov-accordion-item[variant=primary][disabled=""] .gov-accordion-item__header:hover,.gov-accordion-item[variant=primary][disabled=true i] .gov-accordion-item__header:hover,.gov-accordion-item[variant=primary][disabled="1"] .gov-accordion-item__header:hover{background:transparent;cursor:not-allowed}}.gov-accordion-item[variant=secondary] .gov-accordion-item::before{background-color:var(--gov-accordion-secondary-separator, var(--gov-color-secondary-500))}.gov-accordion-item[variant=secondary] .gov-accordion-item__header{background-color:var(--gov-accordion-secondary-background, transparent);color:var(--gov-accordion-secondary-color, var(--gov-color-secondary))}@media not all and (pointer: coarse){.gov-accordion-item[variant=secondary] .gov-accordion-item__header:hover{background-color:var(--gov-accordion-secondary-background-hover, var(--gov-color-secondary-200))}}.gov-accordion-item[variant=secondary][disabled=""] .gov-accordion-item__header,.gov-accordion-item[variant=secondary][disabled=true i] .gov-accordion-item__header,.gov-accordion-item[variant=secondary][disabled="1"] .gov-accordion-item__header{color:var(--gov-accordion-secondary-disabled-color, var(--gov-color-secondary-600))}@media not all and (pointer: coarse){.gov-accordion-item[variant=secondary][disabled=""] .gov-accordion-item__header:hover,.gov-accordion-item[variant=secondary][disabled=true i] .gov-accordion-item__header:hover,.gov-accordion-item[variant=secondary][disabled="1"] .gov-accordion-item__header:hover{background:transparent;cursor:not-allowed}}@media (max-width: 47.99em){.gov-accordion-item__title{flex-wrap:wrap}.gov-accordion-item__label{flex:0 0 auto}}';const p=class{constructor(a){o(this,a);this.govChange=i(this,"gov-change",7);this.isExpandedState=undefined;this.variant=undefined;this.identifier=undefined;this.size=undefined;this.disabled=false;this.isExpanded=false;this.h=v(this.host);this.triggerId=g("GovAccordionItem");this.contentId=g("GovAccordionContent")}validateSize(o){t(d,o,n.root)}validateVariant(o){t(s,o,n.root)}emmitChange(){this.govChange.emit({open:this.isExpanded,component:n.root,ref:this.host})}componentWillLoad(){this.getPropsFromParents();this.validateSize(this.size);this.validateVariant(this.variant)}getPropsFromParents(){const o=this.h.getParent(c.root);if(o){this.size=o.getAttribute("size");this.variant=o.getAttribute("variant")}}render(){const o=this.identifier||this.triggerId;const i=this.contentId;return a(e,{class:this.h.classes(n.root),size:this.size,variant:this.variant,role:"listitem"},a("button",{id:o,class:n.header,"aria-expanded":m(this.isExpanded),"aria-controls":i,disabled:this.disabled,type:"button","aria-disabled":l(this.disabled),onClick:o=>{o.stopPropagation();this.toggle().finally()}},this.h.hasSlot("icon")&&a("span",{class:n.icon},a("slot",{name:"icon"})),a("span",{class:n.title},a("span",{class:n.label},a("slot",{name:"label"})),this.h.hasSlot("annotation")&&a("span",{class:n.annotation},a("slot",{name:"annotation"}))),this.h.hasSlot("suffix")&&a("span",{class:n.suffix},a("slot",{name:"suffix"})),a("span",{class:n.arrow},this.h.hasSlot("toggle-icon")?a("slot",{name:"toggle-icon"}):a("gov-icon",{name:"chevron-down"}))),a("div",{class:n.content,id:i,"aria-hidden":m(!this.isExpanded),hidden:!this.isExpanded,"aria-labelledby":o},a("slot",null)))}async open(){this.isExpanded=true;this.emmitChange()}async close(){this.isExpanded=false;this.emmitChange()}async toggle(){this.isExpanded=!this.isExpanded;this.emmitChange()}async currentState(){return this.isExpanded}get host(){return r(this)}static get watchers(){return{size:["validateSize"],variant:["validateVariant"]}}};p.style=h;export{p as gov_accordion_item};
-//# sourceMappingURL=p-3b236ac2.entry.js.map