@roadtrip/components 2.33.0 → 2.36.0

package/dist/cjs/roadtrip.cjs.js

@@ -83,5 +83,5 @@ const patchDynamicImport = (base, orgScriptElm) => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["road-badge_11.cjs",[[1,"road-item",{"button":[4],"detail":[4],"active":[4],"detailIcon":[1,"detail-icon"],"disabled":[4],"download":[1],"href":[1],"rel":[1],"lines":[1],"target":[1],"type":[1],"multipleInputs":[32]}],[1,"road-badge",{"color":[1],"bubble":[4]}],[1,"road-list",{"lines":[1]}],[1,"road-toolbar",{"color":[1]}],[33,"road-drawer",{"isOpen":[1028,"is-open"],"position":[1],"drawerWidth":[2,"drawer-width"],"hasInverseHeader":[4,"has-inverse-header"],"hasBackIcon":[4,"has-back-icon"],"backText":[1,"back-text"],"drawerTitle":[1,"drawer-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64],"back":[64]},[[4,"keyup","onEscape"]]],[1,"road-col"],[1,"road-grid"],[1,"road-label"],[1,"road-row"],[1,"road-button",{"color":[1],"size":[513],"buttonType":[1,"button-type"],"disabled":[516],"expand":[516],"download":[1],"href":[1],"rel":[1],"target":[1],"outline":[4]}],[1,"road-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"icon":[8],"size":[1],"rotate":[1],"lazy":[4],"sanitize":[4],"svgContent":[32],"isVisible":[32]}]]],["road-duration.cjs",[[1,"road-duration",{"isOpen":[1028,"is-open"],"header":[1],"min":[2],"max":[2],"step":[2],"open":[64],"close":[64]},[[0,"roadcardclick","handleClick"]]]]],["road-counter.cjs",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[1],"max":[1],"step":[1],"value":[2],"size":[1]}]]],["road-plate-number.cjs",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]}]]],["road-accordion.cjs",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"]}]]],["road-banner.cjs",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["road-carousel.cjs",[[4,"road-carousel",{"options":[8],"pager":[4],"arrows":[4],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"getPreviousIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipeToNext":[64],"lockSwipeToPrev":[64],"lockSwipes":[64],"getSwiper":[64]}]]],["road-checkbox.cjs",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"inverse":[4],"error":[1],"helper":[1]}]]],["road-chip.cjs",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["road-collapse.cjs",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["road-dialog.cjs",[[1,"road-dialog",{"isOpen":[1028,"is-open"],"hasCloseIcon":[4,"has-close-icon"],"color":[1],"icon":[1],"label":[1],"description":[1],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-modal.cjs",[[1,"road-modal",{"maxWidth":[2,"max-width"],"isOpen":[1028,"is-open"],"hasInverseHeader":[4,"has-inverse-header"],"modalTitle":[1,"modal-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-range.cjs",[[2,"road-range",{"rangeId":[1,"range-id"],"value":[1032],"min":[1],"max":[1],"step":[1],"showValue":[4,"show-value"],"showTick":[4,"show-tick"]}]]],["road-rating.cjs",[[1,"road-rating",{"rate":[2],"reviews":[2],"reviewsText":[1,"reviews-text"]}]]],["road-toast.cjs",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"open":[64],"close":[64]}]]],["road-alert.cjs",[[1,"road-alert",{"color":[1]}]]],["road-autocomplete.cjs",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["road-avatar.cjs",[[1,"road-avatar"]]],["road-carousel-item.cjs",[[4,"road-carousel-item"]]],["road-dropdown.cjs",[[1,"road-dropdown",{"isOpen":[1028,"is-open"]}]]],["road-flap.cjs",[[1,"road-flap",{"color":[1],"size":[513]}]]],["road-img.cjs",[[1,"road-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]}]]],["road-navbar.cjs",[[1,"road-navbar",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["road-navbar-item.cjs",[[1,"road-navbar-item",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]]]]],["road-progress.cjs",[[1,"road-progress",{"value":[2],"color":[1]}]]],["road-radio.cjs",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"inverse":[4],"error":[4],"helper":[1],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["road-radio-group.cjs",[[6,"road-radio-group",{"radioGroupId":[1,"radio-group-id"],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"label":[1],"asterisk":[4],"ariaLabel":[513,"aria-label"],"error":[1025],"helper":[1]}]]],["road-select.cjs",[[2,"road-select",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1032]}]]],["road-select-filter.cjs",[[6,"road-select-filter",{"options":[16],"parameters":[8],"isActive":[4,"is-active"],"onlySelect":[4,"only-select"],"isOpen":[32],"currentValue":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[4,"click","onClickOutside"]]]]],["road-skeleton.cjs",[[1,"road-skeleton"]]],["road-spinner.cjs",[[1,"road-spinner"]]],["road-switch.cjs",[[2,"road-switch",{"switchId":[1,"switch-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-tab.cjs",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]}]]],["road-tab-bar.cjs",[[1,"road-tab-bar",{"expand":[4],"center":[4],"selectedTab":[1,"selected-tab"]}]]],["road-tab-button.cjs",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["road-table.cjs",[[6,"road-table"]]],["road-tabs.cjs",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-text.cjs",[[1,"road-text",{"color":[1]}]]],["road-textarea.cjs",[[2,"road-textarea",{"textareaId":[1,"textarea-id"],"autocapitalize":[1],"autofocus":[4],"disabled":[4],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"sizes":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1],"helper":[1]}]]],["road-toggle.cjs",[[2,"road-toggle",{"toggleId":[1,"toggle-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-toolbar-title.cjs",[[1,"road-toolbar-title"]]],["road-tooltip.cjs",[[1,"road-tooltip",{"tooltipId":[1,"tooltip-id"],"content":[1],"position":[1],"isOpen":[1028,"is-open"],"trigger":[1],"open":[64],"close":[64]}]]],["road-card.cjs",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]],["road-input.cjs",[[2,"road-input",{"inputId":[1,"input-id"],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"disabled":[4],"enterkeyhint":[1],"inputmode":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"step":[1],"size":[2],"sizes":[1],"type":[1],"value":[1032],"label":[1],"error":[1],"helper":[1],"debounce":[2]}]]],["road-input-group.cjs",[[1,"road-input-group"]]]], options);
+  return index.bootstrapLazy([["road-badge_11.cjs",[[1,"road-item",{"button":[4],"detail":[4],"active":[4],"detailIcon":[1,"detail-icon"],"disabled":[4],"download":[1],"href":[1],"rel":[1],"lines":[1],"target":[1],"type":[1],"multipleInputs":[32]}],[1,"road-badge",{"color":[1],"bubble":[4]}],[1,"road-list",{"lines":[1]}],[1,"road-toolbar",{"color":[1]}],[33,"road-drawer",{"isOpen":[1028,"is-open"],"position":[1],"drawerWidth":[2,"drawer-width"],"hasInverseHeader":[4,"has-inverse-header"],"hasBackIcon":[4,"has-back-icon"],"backText":[1,"back-text"],"drawerTitle":[1,"drawer-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64],"back":[64]},[[4,"keyup","onEscape"]]],[1,"road-col"],[1,"road-grid"],[1,"road-label"],[1,"road-row"],[1,"road-button",{"color":[1],"size":[513],"buttonType":[1,"button-type"],"disabled":[516],"expand":[516],"download":[1],"href":[1],"rel":[1],"target":[1],"outline":[4]}],[1,"road-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"icon":[8],"size":[1],"rotate":[1],"lazy":[4],"sanitize":[4],"svgContent":[32],"isVisible":[32]}]]],["road-duration.cjs",[[1,"road-duration",{"isOpen":[1028,"is-open"],"header":[1],"min":[2],"max":[2],"step":[2],"open":[64],"close":[64]},[[0,"roadcardclick","handleClick"]]]]],["road-counter.cjs",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[1],"max":[1],"step":[1],"value":[2],"size":[1]}]]],["road-plate-number.cjs",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]}]]],["road-accordion.cjs",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"]}]]],["road-banner.cjs",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["road-carousel.cjs",[[4,"road-carousel",{"options":[8],"pager":[4],"arrows":[4],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"getPreviousIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipeToNext":[64],"lockSwipeToPrev":[64],"lockSwipes":[64],"getSwiper":[64]}]]],["road-checkbox.cjs",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"inverse":[4],"error":[1],"helper":[1]}]]],["road-chip.cjs",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["road-collapse.cjs",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["road-dialog.cjs",[[1,"road-dialog",{"isOpen":[1028,"is-open"],"hasCloseIcon":[4,"has-close-icon"],"color":[1],"icon":[1],"label":[1],"description":[1],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-dropdown.cjs",[[1,"road-dropdown",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"position":[513],"direction":[513]}]]],["road-modal.cjs",[[1,"road-modal",{"maxWidth":[2,"max-width"],"isOpen":[1028,"is-open"],"hasInverseHeader":[4,"has-inverse-header"],"modalTitle":[1,"modal-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-range.cjs",[[2,"road-range",{"rangeId":[1,"range-id"],"value":[1032],"min":[1],"max":[1],"step":[1],"showValue":[4,"show-value"],"showTick":[4,"show-tick"]}]]],["road-rating.cjs",[[1,"road-rating",{"rate":[2],"reviews":[2],"reviewsText":[1,"reviews-text"]}]]],["road-toast.cjs",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"open":[64],"close":[64]}]]],["road-alert.cjs",[[1,"road-alert",{"color":[1]}]]],["road-autocomplete.cjs",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["road-avatar.cjs",[[1,"road-avatar"]]],["road-carousel-item.cjs",[[4,"road-carousel-item"]]],["road-flap.cjs",[[1,"road-flap",{"color":[1],"size":[513]}]]],["road-img.cjs",[[1,"road-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]}]]],["road-navbar.cjs",[[1,"road-navbar",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["road-navbar-item.cjs",[[1,"road-navbar-item",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]]]]],["road-progress.cjs",[[1,"road-progress",{"value":[2],"color":[1]}]]],["road-radio.cjs",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"inverse":[4],"error":[4],"helper":[1],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["road-radio-group.cjs",[[6,"road-radio-group",{"radioGroupId":[1,"radio-group-id"],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"label":[1],"asterisk":[4],"ariaLabel":[513,"aria-label"],"error":[1025],"helper":[1]}]]],["road-select.cjs",[[2,"road-select",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1032]}]]],["road-select-filter.cjs",[[6,"road-select-filter",{"options":[16],"parameters":[8],"isActive":[4,"is-active"],"onlySelect":[4,"only-select"],"isOpen":[32],"currentValue":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[4,"click","onClickOutside"]]]]],["road-skeleton.cjs",[[1,"road-skeleton"]]],["road-spinner.cjs",[[1,"road-spinner",{"size":[513],"color":[513]}]]],["road-switch.cjs",[[2,"road-switch",{"switchId":[1,"switch-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-tab.cjs",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]}]]],["road-tab-bar.cjs",[[1,"road-tab-bar",{"secondary":[4],"expand":[4],"center":[4],"selectedTab":[1,"selected-tab"]}]]],["road-tab-button.cjs",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["road-table.cjs",[[6,"road-table"]]],["road-tabs.cjs",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-text.cjs",[[1,"road-text",{"color":[1]}]]],["road-textarea.cjs",[[2,"road-textarea",{"textareaId":[1,"textarea-id"],"autocapitalize":[1],"autofocus":[4],"disabled":[4],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"sizes":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1],"helper":[1]}]]],["road-toggle.cjs",[[2,"road-toggle",{"toggleId":[1,"toggle-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-toolbar-title.cjs",[[1,"road-toolbar-title"]]],["road-tooltip.cjs",[[1,"road-tooltip",{"tooltipId":[1,"tooltip-id"],"content":[1],"position":[1],"contentAlign":[1,"content-align"],"isOpen":[1028,"is-open"],"trigger":[1],"open":[64],"close":[64]}]]],["road-card.cjs",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]],["road-input.cjs",[[2,"road-input",{"inputId":[1,"input-id"],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"disabled":[4],"enterkeyhint":[1],"inputmode":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"step":[1],"size":[2],"sizes":[1],"type":[1],"value":[1032],"label":[1],"error":[1],"helper":[1],"debounce":[2]}]]],["road-input-group.cjs",[[1,"road-input-group"]]]], options);
 });

package/dist/collection/components/accordion/accordion.css

@@ -36,14 +36,15 @@
  -------------------- */
 
 .accordion {
-  max-height: 4.25rem;
+  --max-height: 800px;
   overflow: hidden;
   font-family: var(--road-font, sans-serif);
   font-size: 1rem;
   line-height: 1.5;
   color: var(--road-grey-900);
   background: var(--road-grey-000);
-  border: 1px solid var(--road-grey-300);
+  border: 1px solid;
+  border-color: var(--road-grey-500);
   border-radius: 0.25rem;
   transition: max-height 0.3s ease-in-out;
 }
@@ -122,6 +123,7 @@
   align-items: center;
   justify-content: space-between;
   padding: var(--header-padding);
+  font-weight: 700;
   cursor: pointer;
   -webkit-user-select: none;
           user-select: none;
@@ -129,7 +131,6 @@
 
 .accordion-light-header {
   position: relative;
-  font-weight: 700;
 }
 
 .accordion-light-header::after {
@@ -138,7 +139,7 @@
   width: 98.3%;
   height: 1px;
   content: "";
-  background: var(--road-grey-400);
+  background: var(--road-grey-500);
 }
 
 /**
@@ -158,10 +159,10 @@
   padding: 0 0.5rem;
   margin: 0 1rem;
   overflow: hidden;
-  border-top: var(--accordion-header-border) solid var(--road-grey-300);
+  border-top: var(--accordion-header-border) solid var(--road-grey-500);
 }
 
 .accordion-light-content {
   border-top: 0;
-  border-bottom: 1px solid var(--road-grey-400);
+  border-bottom: 1px solid var(--road-grey-500);
 }

package/dist/collection/components/checkbox/checkbox.css

@@ -57,7 +57,7 @@
   margin: 0 0.75rem 0 0;
   content: "";
   background: var(--road-grey-000);
-  border: 1px solid var(--road-grey-400);
+  border: 1px solid var(--road-grey-500);
   border-radius: 0.25rem;
   transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
 }

package/dist/collection/components/chip/chip.css

@@ -56,7 +56,7 @@
   height: 1rem;
   margin-right: -0.25rem;
   color: var(--road-grey-000);
-  background: var(--road-grey-900);
+  background: var(--road-grey-500);
   border-radius: 50%;
   transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
 }

package/dist/collection/components/counter/counter.css

@@ -32,7 +32,7 @@ road-input {
 road-button {
   font-size: 1.125rem;
   background: var(--road-grey-100);
-  border: 1px solid var(--road-grey-400);
+  border: 1px solid var(--road-grey-500);
 }
 
 road-button:hover {

package/dist/collection/components/dropdown/dropdown.css

@@ -15,7 +15,6 @@
 
 :host {
   --margin-top: 0.5rem;
-
   display: block;
 }
 
@@ -33,6 +32,36 @@
   display: none;
 }
 
+.dropdown-button{
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 3.5rem;
+  height: 3.5rem;
+  cursor: pointer;
+  border-radius: 0.25rem;
+}
+
+.dropdown-button:hover{
+  background: var(--road-grey-200);
+}
+
+.position-right{
+  display: flex;
+  justify-content: flex-end;
+}
+
+.bg-white{
+  background: var(--road-grey-000);
+}
+
+.dropdown-button-icon{
+  width: 2.5rem;
+  height: 2.5rem;
+}
+
 /**
  * Open state
  */
@@ -41,23 +70,64 @@
   transform: scaleY(1);
 }
 
+.dropdown[open] .dropdown-menu.direction-top {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  transform: translate3d(0, -56px, 0);
+  will-change: transform;
+}
+
 /* MENU
  -------------------- */
 
 .dropdown-menu {
-  position: absolute;
-  right: 0;
+  position: relative;
   display: flex;
   flex-direction: column;
+  width: 100%;
   min-width: 16.875rem;
   padding: 0.5rem 0;
-  margin-top: var(--margin-top);
   color: var(--road-grey-900);
   background: var(--road-grey-000);
-  border: 1px solid var(--road-grey-300);
+  border: 1px solid;
+  border-color: var(--road-grey-200);
   border-radius: 0.25rem;
-  box-shadow: 0 0.375rem 0.375rem rgba(0, 0, 0, 0.16);
+  box-shadow: 0 0.375rem 0.375rem rgba(41, 44, 51, 0.24);
   transition: transform 0.2s ease-in-out;
   transform: scaleY(0);
   transform-origin: 0 0;
 }
+
+/* ITEM
+ -------------------- */
+
+.dropdown-item {
+  min-height: 40px;
+  padding: 0 1rem;
+  font-size: 1rem;
+  line-height: 1.5;
+  color: var(--road-grey-900);
+  text-align: left;
+  text-decoration: none;
+  cursor: pointer;
+  background: var(--road-grey-000);
+  border: none;
+  outline: none;
+}
+
+.dropdown-item-border {
+  border-color: var(--road-grey-200);
+  border-bottom: 1px solid;
+}
+
+/**
+ * Hover state
+ */
+
+.dropdown-item:hover,
+.dropdown-item.focus-visible {
+  background: var(--road-grey-100);
+}
+
+

package/dist/collection/components/dropdown/dropdown.js

@@ -1,7 +1,8 @@
 import { Component, h, Prop } from '@stencil/core';
 /**
  * @slot  - Element how will open the dropdown when clicked
- * @slot list - List of item values
+ * @slot list - List of item values (you can add border with lines=`full` but not on the last item)
+)
  */
 export class Dropdown {
   constructor() {
@@ -9,6 +10,14 @@ export class Dropdown {
      * Set to `true` to open the dropdown menu and to `false` to close it.
      */
     this.isOpen = false;
+    /**
+    * If you want to remove background of the dropdown button
+    */
+    this.isLight = false;
+    /**
+   * The opening direction.
+   */
+    this.direction = 'bottom';
     /**
      * Toggle the display when clicking element in slot
      */
@@ -17,10 +26,15 @@ export class Dropdown {
     };
   }
   render() {
+    const isLightButtonDropDown = this.isLight == true ? `dropdown-button` : 'dropdown-button bg-white';
+    const positionClass = this.position !== undefined ? `position-${this.position}` : '';
+    const directionClass = this.direction !== undefined ? `direction-${this.direction}` : '';
     return (h("details", { class: "dropdown", open: this.isOpen },
       h("summary", { "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick },
-        h("slot", null)),
-      h("div", { class: "dropdown-menu" },
+        h("div", { class: `d-flex ${positionClass}` },
+          h("div", { class: isLightButtonDropDown },
+            h("road-icon", { name: "navigation-more", class: "dropdown-button-icon" })))),
+      h("div", { class: `dropdown-menu ${directionClass}` },
         h("slot", { name: "list" }))));
   }
   static get is() { return "road-dropdown"; }
@@ -49,6 +63,59 @@ export class Dropdown {
       "attribute": "is-open",
       "reflect": false,
       "defaultValue": "false"
+    },
+    "isLight": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "If you want to remove background of the dropdown button"
+      },
+      "attribute": "is-light",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "position": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'left' | 'right'",
+        "resolved": "\"left\" | \"right\" | undefined",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "The button position."
+      },
+      "attribute": "position",
+      "reflect": true
+    },
+    "direction": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'top' | 'bottom'",
+        "resolved": "\"bottom\" | \"top\" | undefined",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "The opening direction."
+      },
+      "attribute": "direction",
+      "reflect": true,
+      "defaultValue": "'bottom'"
     }
   }; }
 }

package/dist/collection/components/dropdown/dropdown.stories.js

@@ -9,6 +9,21 @@ export default {
     'is-open': {
       control: 'boolean',
     },
+    'is-light': {
+      control: 'boolean',
+    },
+    position: {
+      options: ['left', 'right'],
+      control: {
+        type: 'radio',
+      },
+    },
+    direction: {
+      options: ['top', 'bottom'],
+      control: {
+        type: 'radio',
+      },
+    },
     ' ': {
       control: {
         type: null,
@@ -29,27 +44,30 @@ export default {
     },
   },
   args: {
+    position: 'left',
+    direction: 'bottom',
     'is-open': true,
+    'is-light': null,
     list: `<road-list slot="list">
-    <road-item button>
+    <road-item button style="--border-radius: 0; --min-height: 2.5rem; --inner-padding: 0;">
       <road-icon slot="start" name="picture" size="md"></road-icon>
       <road-label>
         Label
       </road-label>
     </road-item>
-    <road-item button>
+    <road-item button style="--border-radius: 0; --min-height: 2.5rem; --inner-padding: 0;">
       <road-icon slot="start" name="picture" size="md"></road-icon>
       <road-label>
-      Label
+        Label
       </road-label>
     </road-item>
-    <road-item button>
+    <road-item button style="--border-radius: 0; --min-height: 2.5rem; --inner-padding: 0;">
       <road-icon slot="start" name="picture" size="md"></road-icon>
       <road-label>
-      Label
+        Label
       </road-label>
     </road-item>
-    <road-item button>
+    <road-item button style="--border-radius: 0; --min-height: 2.5rem; --inner-padding: 0;">
       <road-icon slot="start" name="picture" size="md"></road-icon>
       <road-label>
         Label
@@ -60,12 +78,7 @@ export default {
 };
 
 export const Playground = (args) => html`
-<road-dropdown is-open=${ifDefined(args['is-open'])}>
-  <div class="d-flex align-items-center justify-content-end pt-16 pb-16">
-    <road-button color="default" size="sm" class="mb-0">
-      <road-icon name="navigation-more"></road-icon>
-    </road-button>
-  </div>
+<road-dropdown is-open=${ifDefined(args['is-open'])} is-light="${ifDefined(args['is-light'])}" position="${ifDefined(args.position)}" direction="${ifDefined(args.direction)}">
   ${unsafeHTML(args.list)}
 </road-dropdown>
 `;

package/dist/collection/components/flap/flap.css

@@ -33,17 +33,17 @@
 }
 
 :host(.flap-exclu) {
-  color: var(--road-warning-text);
+  color: var(--road-warning-default);
   border-color: var(--road-warning-default);
 }
 
 :host(.flap-info) {
-  color: var(--road-info-text);
+  color: var(--road-info-default);
   border-color: var(--road-info-default);
 }
 
 :host(.flap-ecology) {
-  color: var(--road-success-text);
+  color: var(--road-success-default);
   border-color: var(--road-success-default);
 }
 

package/dist/collection/components/icon/svg/alert-error-color.svg

@@ -1,5 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
 <path d="M40.12 55.495H24.38C23.8217 55.4965 23.2686 55.3872 22.7528 55.1735C22.237 54.9598 21.7687 54.6459 21.375 54.25L10.245 43.12C9.8491 42.7263 9.53522 42.258 9.32152 41.7422C9.10781 41.2264 8.99853 40.6733 9.00001 40.115V24.375C8.99919 23.8175 9.10878 23.2654 9.32246 22.7505C9.53615 22.2356 9.8497 21.7681 10.245 21.375L21.375 10.245C21.7687 9.84911 22.237 9.53522 22.7528 9.32151C23.2686 9.10781 23.8217 8.99853 24.38 9.00001H40.12C40.6783 8.99853 41.2314 9.10781 41.7472 9.32151C42.263 9.53522 42.7313 9.84911 43.125 10.245L54.255 21.375C54.6503 21.7681 54.9639 22.2356 55.1776 22.7505C55.3913 23.2654 55.5008 23.8175 55.5 24.375V40.115C55.5015 40.6733 55.3922 41.2264 55.1785 41.7422C54.9648 42.258 54.6509 42.7263 54.255 43.12L43.125 54.25C42.7313 54.6459 42.263 54.9598 41.7472 55.1735C41.2314 55.3872 40.6783 55.4965 40.12 55.495ZM24.38 11.495C24.1502 11.4945 23.9225 11.5395 23.7101 11.6276C23.4978 11.7156 23.305 11.845 23.143 12.008L12.013 23.138C11.85 23.3 11.7206 23.4928 11.6326 23.7051C11.5445 23.9175 11.4995 24.1451 11.5 24.375V40.115C11.4996 40.345 11.5447 40.5728 11.6327 40.7853C11.7208 40.9978 11.85 41.1907 12.013 41.353L23.143 52.482C23.305 52.6451 23.4978 52.7744 23.7101 52.8624C23.9225 52.9505 24.1502 52.9956 24.38 52.995H40.12C40.3499 52.9956 40.5776 52.9505 40.7899 52.8624C41.0022 52.7744 41.195 52.6451 41.357 52.482L52.487 41.353C52.65 41.1907 52.7793 40.9978 52.8673 40.7853C52.9554 40.5728 53.0005 40.345 53 40.115V24.375C53.0006 24.1451 52.9555 23.9175 52.8674 23.7051C52.7794 23.4928 52.6501 23.3 52.487 23.138L41.357 12.008C41.195 11.845 41.0022 11.7156 40.7899 11.6276C40.5776 11.5395 40.3499 11.4945 40.12 11.495H24.38Z" fill="var(--road-secondary-500, rgb(252, 183, 49))"/>
-<path d="M33.755 21.363H30.755V35.366H33.755V21.363Z" fill="#292C33"/>
-<path d="M33.755 39.798H30.755V43.127H33.755V39.798Z" fill="#292C33"/>
+<path d="M33.755 21.363H30.755V35.366H33.755V21.363Z"/>
+<path d="M33.755 39.798H30.755V43.127H33.755V39.798Z"/>
 </svg>

package/dist/collection/components/icon/svg/alert-error-outline.svg

@@ -1,5 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-<path d="M40.12 55.495H24.38C23.8217 55.4965 23.2686 55.3872 22.7528 55.1735C22.237 54.9598 21.7687 54.6459 21.375 54.25L10.245 43.12C9.8491 42.7263 9.53522 42.258 9.32152 41.7422C9.10781 41.2264 8.99853 40.6733 9.00001 40.115V24.375C8.99919 23.8175 9.10878 23.2654 9.32246 22.7505C9.53615 22.2356 9.8497 21.7681 10.245 21.375L21.375 10.245C21.7687 9.84911 22.237 9.53522 22.7528 9.32151C23.2686 9.10781 23.8217 8.99853 24.38 9.00001H40.12C40.6783 8.99853 41.2314 9.10781 41.7472 9.32151C42.263 9.53522 42.7313 9.84911 43.125 10.245L54.255 21.375C54.6503 21.7681 54.9639 22.2356 55.1776 22.7505C55.3913 23.2654 55.5008 23.8175 55.5 24.375V40.115C55.5015 40.6733 55.3922 41.2264 55.1785 41.7422C54.9648 42.258 54.6509 42.7263 54.255 43.12L43.125 54.25C42.7313 54.6459 42.263 54.9598 41.7472 55.1735C41.2314 55.3872 40.6783 55.4965 40.12 55.495ZM24.38 11.495C24.1502 11.4945 23.9225 11.5395 23.7101 11.6276C23.4978 11.7156 23.305 11.845 23.143 12.008L12.013 23.138C11.85 23.3 11.7206 23.4928 11.6326 23.7051C11.5445 23.9175 11.4995 24.1451 11.5 24.375V40.115C11.4996 40.345 11.5447 40.5728 11.6327 40.7853C11.7208 40.9978 11.85 41.1907 12.013 41.353L23.143 52.482C23.305 52.6451 23.4978 52.7744 23.7101 52.8624C23.9225 52.9505 24.1502 52.9956 24.38 52.995H40.12C40.3499 52.9956 40.5776 52.9505 40.7899 52.8624C41.0022 52.7744 41.195 52.6451 41.357 52.482L52.487 41.353C52.65 41.1907 52.7793 40.9978 52.8673 40.7853C52.9554 40.5728 53.0005 40.345 53 40.115V24.375C53.0006 24.1451 52.9555 23.9175 52.8674 23.7051C52.7794 23.4928 52.6501 23.3 52.487 23.138L41.357 12.008C41.195 11.845 41.0022 11.7156 40.7899 11.6276C40.5776 11.5395 40.3499 11.4945 40.12 11.495H24.38Z" fill="#292C33"/>
-<path d="M33.755 21.363H30.755V35.366H33.755V21.363Z" fill="#292C33"/>
-<path d="M33.755 39.798H30.755V43.127H33.755V39.798Z" fill="#292C33"/>
+<path d="M40.12 55.495H24.38C23.8217 55.4965 23.2686 55.3872 22.7528 55.1735C22.237 54.9598 21.7687 54.6459 21.375 54.25L10.245 43.12C9.8491 42.7263 9.53522 42.258 9.32152 41.7422C9.10781 41.2264 8.99853 40.6733 9.00001 40.115V24.375C8.99919 23.8175 9.10878 23.2654 9.32246 22.7505C9.53615 22.2356 9.8497 21.7681 10.245 21.375L21.375 10.245C21.7687 9.84911 22.237 9.53522 22.7528 9.32151C23.2686 9.10781 23.8217 8.99853 24.38 9.00001H40.12C40.6783 8.99853 41.2314 9.10781 41.7472 9.32151C42.263 9.53522 42.7313 9.84911 43.125 10.245L54.255 21.375C54.6503 21.7681 54.9639 22.2356 55.1776 22.7505C55.3913 23.2654 55.5008 23.8175 55.5 24.375V40.115C55.5015 40.6733 55.3922 41.2264 55.1785 41.7422C54.9648 42.258 54.6509 42.7263 54.255 43.12L43.125 54.25C42.7313 54.6459 42.263 54.9598 41.7472 55.1735C41.2314 55.3872 40.6783 55.4965 40.12 55.495ZM24.38 11.495C24.1502 11.4945 23.9225 11.5395 23.7101 11.6276C23.4978 11.7156 23.305 11.845 23.143 12.008L12.013 23.138C11.85 23.3 11.7206 23.4928 11.6326 23.7051C11.5445 23.9175 11.4995 24.1451 11.5 24.375V40.115C11.4996 40.345 11.5447 40.5728 11.6327 40.7853C11.7208 40.9978 11.85 41.1907 12.013 41.353L23.143 52.482C23.305 52.6451 23.4978 52.7744 23.7101 52.8624C23.9225 52.9505 24.1502 52.9956 24.38 52.995H40.12C40.3499 52.9956 40.5776 52.9505 40.7899 52.8624C41.0022 52.7744 41.195 52.6451 41.357 52.482L52.487 41.353C52.65 41.1907 52.7793 40.9978 52.8673 40.7853C52.9554 40.5728 53.0005 40.345 53 40.115V24.375C53.0006 24.1451 52.9555 23.9175 52.8674 23.7051C52.7794 23.4928 52.6501 23.3 52.487 23.138L41.357 12.008C41.195 11.845 41.0022 11.7156 40.7899 11.6276C40.5776 11.5395 40.3499 11.4945 40.12 11.495H24.38Z"/>
+<path d="M33.755 21.363H30.755V35.366H33.755V21.363Z"/>
+<path d="M33.755 39.798H30.755V43.127H33.755V39.798Z"/>
 </svg>

package/dist/collection/components/icon/svg/alert-error-solid.svg

@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-<path d="M54.255 21.375L43.125 10.245C42.7313 9.84911 42.263 9.53522 41.7472 9.32151C41.2314 9.10781 40.6783 8.99853 40.12 9.00001H24.38C23.8225 8.99919 23.2704 9.10879 22.7555 9.32248C22.2406 9.53616 21.7731 9.84971 21.38 10.245L10.245 21.375C9.84971 21.7681 9.53616 22.2356 9.32248 22.7505C9.10879 23.2654 8.99919 23.8175 9.00001 24.375V40.12C8.99853 40.6783 9.10781 41.2314 9.32151 41.7472C9.53522 42.263 9.84911 42.7313 10.245 43.125L21.375 54.255C21.7681 54.6503 22.2356 54.9639 22.7505 55.1776C23.2654 55.3912 23.8175 55.5008 24.375 55.5H40.12C40.6783 55.5015 41.2314 55.3922 41.7472 55.1785C42.263 54.9648 42.7313 54.6509 43.125 54.255L54.255 43.125C54.6509 42.7313 54.9648 42.263 55.1785 41.7472C55.3922 41.2314 55.5015 40.6783 55.5 40.12V24.38C55.5015 23.8217 55.3922 23.2686 55.1785 22.7528C54.9648 22.237 54.6509 21.7687 54.255 21.375V21.375ZM33.75 43.132H30.75V39.803H33.75V43.132ZM33.75 35.371H30.75V21.371H33.75V35.371Z" fill="#292C33"/>
+<path d="M54.255 21.375L43.125 10.245C42.7313 9.84911 42.263 9.53522 41.7472 9.32151C41.2314 9.10781 40.6783 8.99853 40.12 9.00001H24.38C23.8225 8.99919 23.2704 9.10879 22.7555 9.32248C22.2406 9.53616 21.7731 9.84971 21.38 10.245L10.245 21.375C9.84971 21.7681 9.53616 22.2356 9.32248 22.7505C9.10879 23.2654 8.99919 23.8175 9.00001 24.375V40.12C8.99853 40.6783 9.10781 41.2314 9.32151 41.7472C9.53522 42.263 9.84911 42.7313 10.245 43.125L21.375 54.255C21.7681 54.6503 22.2356 54.9639 22.7505 55.1776C23.2654 55.3912 23.8175 55.5008 24.375 55.5H40.12C40.6783 55.5015 41.2314 55.3922 41.7472 55.1785C42.263 54.9648 42.7313 54.6509 43.125 54.255L54.255 43.125C54.6509 42.7313 54.9648 42.263 55.1785 41.7472C55.3922 41.2314 55.5015 40.6783 55.5 40.12V24.38C55.5015 23.8217 55.3922 23.2686 55.1785 22.7528C54.9648 22.237 54.6509 21.7687 54.255 21.375V21.375ZM33.75 43.132H30.75V39.803H33.75V43.132ZM33.75 35.371H30.75V21.371H33.75V35.371Z"/>
 </svg>

package/dist/collection/components/icon/svg/alert-info-color.svg

@@ -1,5 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-<path d="M33.75 29.1279H30.75V43.1319H33.75V29.1279Z" fill="#292C33"/>
-<path d="M33.75 21.3679H30.75V24.6959H33.75V21.3679Z" fill="#292C33"/>
+<path d="M33.75 29.1279H30.75V43.1319H33.75V29.1279Z"/>
+<path d="M33.75 21.3679H30.75V24.6959H33.75V21.3679Z"/>
 <path d="M32.25 55.5C26.0858 55.4931 20.1761 53.0414 15.8174 48.6826C11.4587 44.3239 9.00688 38.4142 9 32.25C9.00688 26.0858 11.4587 20.1761 15.8174 15.8174C20.1761 11.4586 26.0858 9.00688 32.25 9C38.4142 9.00688 44.3239 11.4586 48.6826 15.8174C53.0414 20.1761 55.4931 26.0858 55.5 32.25C55.4931 38.4142 53.0414 44.3239 48.6826 48.6826C44.3239 53.0414 38.4142 55.4931 32.25 55.5ZM32.25 11.5C26.7487 11.5064 21.4746 13.6945 17.5846 17.5845C13.6946 21.4746 11.5064 26.7487 11.5 32.25C11.5061 37.7514 13.6942 43.0257 17.5843 46.9157C21.4743 50.8058 26.7486 52.9939 32.25 53C37.7513 52.9936 43.0255 50.8055 46.9155 46.9155C50.8055 43.0254 52.9936 37.7513 53 32.25C52.9936 26.7487 50.8055 21.4746 46.9155 17.5845C43.0255 13.6945 37.7513 11.5064 32.25 11.5V11.5Z" fill="var(--road-secondary-500, rgb(252, 183, 49))"/>
 </svg>

package/dist/collection/components/icon/svg/alert-info-outline.svg

@@ -1,5 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-<path d="M33.75 29.1279H30.75V43.1319H33.75V29.1279Z" fill="#292C33"/>
-<path d="M33.75 21.3679H30.75V24.6959H33.75V21.3679Z" fill="#292C33"/>
-<path d="M32.25 55.5C26.0858 55.4931 20.1761 53.0414 15.8174 48.6826C11.4587 44.3239 9.00688 38.4142 9 32.25C9.00688 26.0858 11.4587 20.1761 15.8174 15.8174C20.1761 11.4586 26.0858 9.00688 32.25 9C38.4142 9.00688 44.3239 11.4586 48.6826 15.8174C53.0414 20.1761 55.4931 26.0858 55.5 32.25C55.4931 38.4142 53.0414 44.3239 48.6826 48.6826C44.3239 53.0414 38.4142 55.4931 32.25 55.5ZM32.25 11.5C26.7487 11.5064 21.4746 13.6945 17.5846 17.5845C13.6946 21.4746 11.5064 26.7487 11.5 32.25C11.5061 37.7514 13.6942 43.0257 17.5843 46.9157C21.4743 50.8058 26.7486 52.9939 32.25 53C37.7513 52.9936 43.0255 50.8055 46.9155 46.9155C50.8055 43.0254 52.9936 37.7513 53 32.25C52.9936 26.7487 50.8055 21.4746 46.9155 17.5845C43.0255 13.6945 37.7513 11.5064 32.25 11.5V11.5Z" fill="#292C33"/>
+<path d="M33.75 29.1279H30.75V43.1319H33.75V29.1279Z"/>
+<path d="M33.75 21.3679H30.75V24.6959H33.75V21.3679Z"/>
+<path d="M32.25 55.5C26.0858 55.4931 20.1761 53.0414 15.8174 48.6826C11.4587 44.3239 9.00688 38.4142 9 32.25C9.00688 26.0858 11.4587 20.1761 15.8174 15.8174C20.1761 11.4586 26.0858 9.00688 32.25 9C38.4142 9.00688 44.3239 11.4586 48.6826 15.8174C53.0414 20.1761 55.4931 26.0858 55.5 32.25C55.4931 38.4142 53.0414 44.3239 48.6826 48.6826C44.3239 53.0414 38.4142 55.4931 32.25 55.5ZM32.25 11.5C26.7487 11.5064 21.4746 13.6945 17.5846 17.5845C13.6946 21.4746 11.5064 26.7487 11.5 32.25C11.5061 37.7514 13.6942 43.0257 17.5843 46.9157C21.4743 50.8058 26.7486 52.9939 32.25 53C37.7513 52.9936 43.0255 50.8055 46.9155 46.9155C50.8055 43.0254 52.9936 37.7513 53 32.25C52.9936 26.7487 50.8055 21.4746 46.9155 17.5845C43.0255 13.6945 37.7513 11.5064 32.25 11.5V11.5Z"/>
 </svg>

package/dist/collection/components/icon/svg/alert-info-solid.svg

@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-<path d="M32.25 9C27.6516 9 23.1564 10.3636 19.333 12.9183C15.5096 15.4731 12.5295 19.1042 10.7698 23.3526C9.01007 27.601 8.54965 32.2758 9.44675 36.7859C10.3439 41.2959 12.5582 45.4387 15.8098 48.6902C19.0613 51.9418 23.2041 54.1562 27.7142 55.0533C32.2242 55.9504 36.899 55.4899 41.1474 53.7302C45.3958 51.9705 49.0269 48.9905 51.5817 45.167C54.1364 41.3436 55.5 36.8484 55.5 32.25C55.4931 26.0858 53.0414 20.1761 48.6826 15.8174C44.3239 11.4586 38.4142 9.00688 32.25 9V9ZM33.75 43.132H30.75V29.132H33.75V43.132ZM33.75 24.696H30.75V21.368H33.75V24.696Z" fill="#292C33"/>
+<path d="M32.25 9C27.6516 9 23.1564 10.3636 19.333 12.9183C15.5096 15.4731 12.5295 19.1042 10.7698 23.3526C9.01007 27.601 8.54965 32.2758 9.44675 36.7859C10.3439 41.2959 12.5582 45.4387 15.8098 48.6902C19.0613 51.9418 23.2041 54.1562 27.7142 55.0533C32.2242 55.9504 36.899 55.4899 41.1474 53.7302C45.3958 51.9705 49.0269 48.9905 51.5817 45.167C54.1364 41.3436 55.5 36.8484 55.5 32.25C55.4931 26.0858 53.0414 20.1761 48.6826 15.8174C44.3239 11.4586 38.4142 9.00688 32.25 9V9ZM33.75 43.132H30.75V29.132H33.75V43.132ZM33.75 24.696H30.75V21.368H33.75V24.696Z"/>
 </svg>

package/dist/collection/components/icon/svg/alert-notification-alarm-color.svg

@@ -4,5 +4,5 @@
 <path d="M45.689 11.07V13.57C47.608 13.5724 49.4477 14.3359 50.8044 15.693C52.1611 17.0501 52.9241 18.89 52.926 20.809H55.426C55.4234 18.2272 54.3967 15.7519 52.5713 13.9261C50.7459 12.1003 48.2708 11.0732 45.689 11.07Z" fill="var(--road-secondary-500, rgb(252, 183, 49))"/>
 <path d="M45.689 4V6.5C49.4828 6.5045 53.1199 8.01343 55.8027 10.6959C58.4855 13.3783 59.995 17.0152 60 20.809H62.5C62.4944 16.3523 60.7214 12.0798 57.5699 8.92867C54.4184 5.77752 50.1457 4.00503 45.689 4Z" fill="var(--road-secondary-500, rgb(252, 183, 49))"/>
 <path d="M32.25 60.6C28.311 60.6 25.341 58.846 25.341 56.521H27.841C27.841 56.979 29.386 58.1 32.25 58.1C35.114 58.1 36.659 56.979 36.659 56.521H39.159C39.159 58.849 36.188 60.6 32.25 60.6Z" fill="var(--road-secondary-500, rgb(252, 183, 49))"/>
-<path d="M47.65 40.932V29.3C47.6449 25.4348 46.1872 21.7128 43.5662 18.8721C40.9452 16.0314 37.3522 14.2795 33.5 13.964V9.49097H31V13.964C27.1477 14.2793 23.5546 16.0311 20.9336 18.8719C18.3125 21.7126 16.8549 25.4348 16.85 29.3V40.932L11.195 49.42V53.878H53.305V49.42L47.65 40.932ZM50.809 51.378H13.695V50.178L19.35 41.69V29.3C19.35 25.8787 20.7091 22.5975 23.1283 20.1783C25.5475 17.7591 28.8287 16.4 32.25 16.4C35.6713 16.4 38.9525 17.7591 41.3717 20.1783C43.7909 22.5975 45.15 25.8787 45.15 29.3V41.69L50.809 50.178V51.378Z" fill="#292C33"/>
+<path d="M47.65 40.932V29.3C47.6449 25.4348 46.1872 21.7128 43.5662 18.8721C40.9452 16.0314 37.3522 14.2795 33.5 13.964V9.49097H31V13.964C27.1477 14.2793 23.5546 16.0311 20.9336 18.8719C18.3125 21.7126 16.8549 25.4348 16.85 29.3V40.932L11.195 49.42V53.878H53.305V49.42L47.65 40.932ZM50.809 51.378H13.695V50.178L19.35 41.69V29.3C19.35 25.8787 20.7091 22.5975 23.1283 20.1783C25.5475 17.7591 28.8287 16.4 32.25 16.4C35.6713 16.4 38.9525 17.7591 41.3717 20.1783C43.7909 22.5975 45.15 25.8787 45.15 29.3V41.69L50.809 50.178V51.378Z"/>
 </svg>

package/dist/collection/components/icon/svg/alert-notification-alarm-outline.svg

@@ -1,8 +1,8 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-<path d="M9.073 20.809H11.573C11.5749 18.8898 12.338 17.0498 13.6949 15.6927C15.0519 14.3355 16.8918 13.5721 18.811 13.57V11.07C16.229 11.0729 13.7537 12.0999 11.9281 13.9258C10.1024 15.7516 9.07565 18.227 9.073 20.809Z" fill="#292C33"/>
-<path d="M2 20.809H4.5C4.50503 17.0152 6.01447 13.3783 8.69727 10.6959C11.3801 8.01343 15.0172 6.5045 18.811 6.5V4C14.3544 4.00529 10.0819 5.77787 6.93038 8.92897C3.77891 12.0801 2.00582 16.3524 2 20.809Z" fill="#292C33"/>
-<path d="M45.689 11.07V13.57C47.608 13.5724 49.4477 14.3359 50.8044 15.693C52.1611 17.0501 52.9241 18.89 52.926 20.809H55.426C55.4234 18.2272 54.3967 15.7519 52.5713 13.9261C50.7459 12.1003 48.2708 11.0732 45.689 11.07Z" fill="#292C33"/>
-<path d="M45.689 4V6.5C49.4828 6.5045 53.1199 8.01343 55.8027 10.6959C58.4855 13.3783 59.995 17.0152 60 20.809H62.5C62.4944 16.3523 60.7214 12.0798 57.5699 8.92867C54.4184 5.77752 50.1457 4.00503 45.689 4Z" fill="#292C33"/>
-<path d="M32.25 60.6C28.311 60.6 25.341 58.846 25.341 56.521H27.841C27.841 56.979 29.386 58.1 32.25 58.1C35.114 58.1 36.659 56.979 36.659 56.521H39.159C39.159 58.849 36.188 60.6 32.25 60.6Z" fill="#292C33"/>
-<path d="M47.65 40.932V29.3C47.6449 25.4348 46.1872 21.7128 43.5662 18.8721C40.9452 16.0314 37.3522 14.2795 33.5 13.964V9.49097H31V13.964C27.1477 14.2793 23.5546 16.0311 20.9336 18.8719C18.3125 21.7126 16.8549 25.4348 16.85 29.3V40.932L11.195 49.42V53.878H53.305V49.42L47.65 40.932ZM50.809 51.378H13.695V50.178L19.35 41.69V29.3C19.35 25.8787 20.7091 22.5975 23.1283 20.1783C25.5475 17.7591 28.8287 16.4 32.25 16.4C35.6713 16.4 38.9525 17.7591 41.3717 20.1783C43.7909 22.5975 45.15 25.8787 45.15 29.3V41.69L50.809 50.178V51.378Z" fill="#292C33"/>
+<path d="M9.073 20.809H11.573C11.5749 18.8898 12.338 17.0498 13.6949 15.6927C15.0519 14.3355 16.8918 13.5721 18.811 13.57V11.07C16.229 11.0729 13.7537 12.0999 11.9281 13.9258C10.1024 15.7516 9.07565 18.227 9.073 20.809Z"/>
+<path d="M2 20.809H4.5C4.50503 17.0152 6.01447 13.3783 8.69727 10.6959C11.3801 8.01343 15.0172 6.5045 18.811 6.5V4C14.3544 4.00529 10.0819 5.77787 6.93038 8.92897C3.77891 12.0801 2.00582 16.3524 2 20.809Z"/>
+<path d="M45.689 11.07V13.57C47.608 13.5724 49.4477 14.3359 50.8044 15.693C52.1611 17.0501 52.9241 18.89 52.926 20.809H55.426C55.4234 18.2272 54.3967 15.7519 52.5713 13.9261C50.7459 12.1003 48.2708 11.0732 45.689 11.07Z"/>
+<path d="M45.689 4V6.5C49.4828 6.5045 53.1199 8.01343 55.8027 10.6959C58.4855 13.3783 59.995 17.0152 60 20.809H62.5C62.4944 16.3523 60.7214 12.0798 57.5699 8.92867C54.4184 5.77752 50.1457 4.00503 45.689 4Z"/>
+<path d="M32.25 60.6C28.311 60.6 25.341 58.846 25.341 56.521H27.841C27.841 56.979 29.386 58.1 32.25 58.1C35.114 58.1 36.659 56.979 36.659 56.521H39.159C39.159 58.849 36.188 60.6 32.25 60.6Z"/>
+<path d="M47.65 40.932V29.3C47.6449 25.4348 46.1872 21.7128 43.5662 18.8721C40.9452 16.0314 37.3522 14.2795 33.5 13.964V9.49097H31V13.964C27.1477 14.2793 23.5546 16.0311 20.9336 18.8719C18.3125 21.7126 16.8549 25.4348 16.85 29.3V40.932L11.195 49.42V53.878H53.305V49.42L47.65 40.932ZM50.809 51.378H13.695V50.178L19.35 41.69V29.3C19.35 25.8787 20.7091 22.5975 23.1283 20.1783C25.5475 17.7591 28.8287 16.4 32.25 16.4C35.6713 16.4 38.9525 17.7591 41.3717 20.1783C43.7909 22.5975 45.15 25.8787 45.15 29.3V41.69L50.809 50.178V51.378Z"/>
 </svg>

package/dist/collection/components/icon/svg/alert-notification-alarm-solid.svg

@@ -1,8 +1,8 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-<path d="M9.073 20.809H11.573C11.5749 18.8898 12.338 17.0498 13.6949 15.6927C15.0519 14.3355 16.8918 13.5721 18.811 13.57V11.07C16.229 11.0729 13.7537 12.0999 11.9281 13.9258C10.1024 15.7516 9.07565 18.227 9.073 20.809Z" fill="#292C33"/>
-<path d="M2 20.809H4.5C4.50503 17.0152 6.01447 13.3783 8.69727 10.6959C11.3801 8.01343 15.0172 6.5045 18.811 6.5V4C14.3544 4.00529 10.0819 5.77787 6.93038 8.92897C3.77891 12.0801 2.00582 16.3524 2 20.809Z" fill="#292C33"/>
-<path d="M45.689 11.07V13.57C47.608 13.5724 49.4477 14.3359 50.8044 15.693C52.1611 17.0501 52.9241 18.89 52.926 20.809H55.426C55.4234 18.2272 54.3967 15.7519 52.5713 13.9261C50.7459 12.1003 48.2708 11.0732 45.689 11.07Z" fill="#292C33"/>
-<path d="M45.689 4V6.5C49.4828 6.5045 53.1199 8.01343 55.8027 10.6959C58.4855 13.3783 59.995 17.0152 60 20.809H62.5C62.4944 16.3523 60.7214 12.0798 57.5699 8.92867C54.4184 5.77752 50.1457 4.00503 45.689 4Z" fill="#292C33"/>
-<path d="M32.25 60.5999C28.311 60.5999 25.341 58.8459 25.341 56.5209H27.841C27.841 56.9789 29.386 58.0999 32.25 58.0999C35.114 58.0999 36.659 56.9789 36.659 56.5209H39.159C39.159 58.8489 36.188 60.5999 32.25 60.5999Z" fill="#292C33"/>
-<path d="M47.65 40.9319V29.2999C47.6448 25.4348 46.1872 21.7128 43.5662 18.8721C40.9452 16.0314 37.3522 14.2795 33.5 13.9639V9.49095H31V13.9639C27.1477 14.2793 23.5546 16.0311 20.9335 18.8718C18.3125 21.7126 16.8549 25.4347 16.85 29.2999V40.9319L11.195 49.4199V53.8779H53.305V49.4199L47.65 40.9319Z" fill="#292C33"/>
+<path d="M9.073 20.809H11.573C11.5749 18.8898 12.338 17.0498 13.6949 15.6927C15.0519 14.3355 16.8918 13.5721 18.811 13.57V11.07C16.229 11.0729 13.7537 12.0999 11.9281 13.9258C10.1024 15.7516 9.07565 18.227 9.073 20.809Z"/>
+<path d="M2 20.809H4.5C4.50503 17.0152 6.01447 13.3783 8.69727 10.6959C11.3801 8.01343 15.0172 6.5045 18.811 6.5V4C14.3544 4.00529 10.0819 5.77787 6.93038 8.92897C3.77891 12.0801 2.00582 16.3524 2 20.809Z"/>
+<path d="M45.689 11.07V13.57C47.608 13.5724 49.4477 14.3359 50.8044 15.693C52.1611 17.0501 52.9241 18.89 52.926 20.809H55.426C55.4234 18.2272 54.3967 15.7519 52.5713 13.9261C50.7459 12.1003 48.2708 11.0732 45.689 11.07Z"/>
+<path d="M45.689 4V6.5C49.4828 6.5045 53.1199 8.01343 55.8027 10.6959C58.4855 13.3783 59.995 17.0152 60 20.809H62.5C62.4944 16.3523 60.7214 12.0798 57.5699 8.92867C54.4184 5.77752 50.1457 4.00503 45.689 4Z"/>
+<path d="M32.25 60.5999C28.311 60.5999 25.341 58.8459 25.341 56.5209H27.841C27.841 56.9789 29.386 58.0999 32.25 58.0999C35.114 58.0999 36.659 56.9789 36.659 56.5209H39.159C39.159 58.8489 36.188 60.5999 32.25 60.5999Z"/>
+<path d="M47.65 40.9319V29.2999C47.6448 25.4348 46.1872 21.7128 43.5662 18.8721C40.9452 16.0314 37.3522 14.2795 33.5 13.9639V9.49095H31V13.9639C27.1477 14.2793 23.5546 16.0311 20.9335 18.8718C18.3125 21.7126 16.8549 25.4347 16.85 29.2999V40.9319L11.195 49.4199V53.8779H53.305V49.4199L47.65 40.9319Z"/>
 </svg>

package/dist/collection/components/icon/svg/alert-notification-color.svg

@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
 <path d="M32.055 58.111C28.116 58.111 25.147 56.357 25.147 54.031H27.647C27.647 54.489 29.192 55.611 32.055 55.611C34.918 55.611 36.464 54.489 36.464 54.031H38.964C38.964 56.357 35.993 58.111 32.055 58.111Z" fill="var(--road-secondary-500, rgb(252, 183, 49))"/>
-<path d="M47.451 38.44V26.805C47.4449 22.9411 45.9874 19.2205 43.3674 16.3805C40.7473 13.5406 37.1559 11.7887 33.305 11.472V7H30.805V11.472C26.9541 11.7887 23.3627 13.5406 20.7426 16.3805C18.1225 19.2205 16.6651 22.9411 16.659 26.805V38.44L11 46.928V51.386H53.111V46.928L47.451 38.44ZM50.611 48.886H13.5V47.686L19.159 39.197V26.805C19.1161 25.0844 19.418 23.3727 20.0468 21.7706C20.6756 20.1685 21.6187 18.7084 22.8204 17.4764C24.0222 16.2443 25.4583 15.2652 27.0443 14.5967C28.6302 13.9282 30.3339 13.5838 32.055 13.5838C33.7761 13.5838 35.4798 13.9282 37.0657 14.5967C38.6517 15.2652 40.0878 16.2443 41.2896 17.4764C42.4913 18.7084 43.4344 20.1685 44.0632 21.7706C44.692 23.3727 44.9938 25.0844 44.951 26.805V39.197L50.611 47.686V48.886Z" fill="#292C33"/>
+<path d="M47.451 38.44V26.805C47.4449 22.9411 45.9874 19.2205 43.3674 16.3805C40.7473 13.5406 37.1559 11.7887 33.305 11.472V7H30.805V11.472C26.9541 11.7887 23.3627 13.5406 20.7426 16.3805C18.1225 19.2205 16.6651 22.9411 16.659 26.805V38.44L11 46.928V51.386H53.111V46.928L47.451 38.44ZM50.611 48.886H13.5V47.686L19.159 39.197V26.805C19.1161 25.0844 19.418 23.3727 20.0468 21.7706C20.6756 20.1685 21.6187 18.7084 22.8204 17.4764C24.0222 16.2443 25.4583 15.2652 27.0443 14.5967C28.6302 13.9282 30.3339 13.5838 32.055 13.5838C33.7761 13.5838 35.4798 13.9282 37.0657 14.5967C38.6517 15.2652 40.0878 16.2443 41.2896 17.4764C42.4913 18.7084 43.4344 20.1685 44.0632 21.7706C44.692 23.3727 44.9938 25.0844 44.951 26.805V39.197L50.611 47.686V48.886Z"/>
 </svg>

package/dist/collection/components/icon/svg/alert-notification-outline.svg

@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-<path d="M32.055 58.111C28.116 58.111 25.147 56.357 25.147 54.031H27.647C27.647 54.489 29.192 55.611 32.055 55.611C34.918 55.611 36.464 54.489 36.464 54.031H38.964C38.964 56.357 35.993 58.111 32.055 58.111Z" fill="#292C33"/>
-<path d="M47.451 38.44V26.805C47.4449 22.9411 45.9874 19.2205 43.3674 16.3805C40.7473 13.5406 37.1559 11.7887 33.305 11.472V7H30.805V11.472C26.9541 11.7887 23.3627 13.5406 20.7426 16.3805C18.1225 19.2205 16.6651 22.9411 16.659 26.805V38.44L11 46.928V51.386H53.111V46.928L47.451 38.44ZM50.611 48.886H13.5V47.686L19.159 39.197V26.805C19.1161 25.0844 19.418 23.3727 20.0468 21.7706C20.6756 20.1685 21.6187 18.7084 22.8204 17.4764C24.0222 16.2443 25.4583 15.2652 27.0443 14.5967C28.6302 13.9282 30.3339 13.5838 32.055 13.5838C33.7761 13.5838 35.4798 13.9282 37.0657 14.5967C38.6517 15.2652 40.0878 16.2443 41.2896 17.4764C42.4913 18.7084 43.4344 20.1685 44.0632 21.7706C44.692 23.3727 44.9938 25.0844 44.951 26.805V39.197L50.611 47.686V48.886Z" fill="#292C33"/>
+<path d="M32.055 58.111C28.116 58.111 25.147 56.357 25.147 54.031H27.647C27.647 54.489 29.192 55.611 32.055 55.611C34.918 55.611 36.464 54.489 36.464 54.031H38.964C38.964 56.357 35.993 58.111 32.055 58.111Z"/>
+<path d="M47.451 38.44V26.805C47.4449 22.9411 45.9874 19.2205 43.3674 16.3805C40.7473 13.5406 37.1559 11.7887 33.305 11.472V7H30.805V11.472C26.9541 11.7887 23.3627 13.5406 20.7426 16.3805C18.1225 19.2205 16.6651 22.9411 16.659 26.805V38.44L11 46.928V51.386H53.111V46.928L47.451 38.44ZM50.611 48.886H13.5V47.686L19.159 39.197V26.805C19.1161 25.0844 19.418 23.3727 20.0468 21.7706C20.6756 20.1685 21.6187 18.7084 22.8204 17.4764C24.0222 16.2443 25.4583 15.2652 27.0443 14.5967C28.6302 13.9282 30.3339 13.5838 32.055 13.5838C33.7761 13.5838 35.4798 13.9282 37.0657 14.5967C38.6517 15.2652 40.0878 16.2443 41.2896 17.4764C42.4913 18.7084 43.4344 20.1685 44.0632 21.7706C44.692 23.3727 44.9938 25.0844 44.951 26.805V39.197L50.611 47.686V48.886Z"/>
 </svg>

package/dist/collection/components/icon/svg/alert-notification-solid.svg

@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-<path d="M32.055 58.11C28.116 58.11 25.146 56.356 25.146 54.031H27.646C27.646 54.489 29.191 55.61 32.055 55.61C34.919 55.61 36.464 54.489 36.464 54.031H38.964C38.964 56.356 35.993 58.11 32.055 58.11Z" fill="#292C33"/>
-<path d="M47.451 38.439V26.805C47.4444 22.9415 45.9867 19.2215 43.3666 16.3822C40.7466 13.5429 37.1555 11.7914 33.305 11.475V7H30.805V11.475C26.9544 11.7912 23.3632 13.5426 20.7431 16.382C18.123 19.2213 16.6653 22.9415 16.659 26.805V38.439L11 46.928V51.386H53.11V46.928L47.451 38.439Z" fill="#292C33"/>
+<path d="M32.055 58.11C28.116 58.11 25.146 56.356 25.146 54.031H27.646C27.646 54.489 29.191 55.61 32.055 55.61C34.919 55.61 36.464 54.489 36.464 54.031H38.964C38.964 56.356 35.993 58.11 32.055 58.11Z"/>
+<path d="M47.451 38.439V26.805C47.4444 22.9415 45.9867 19.2215 43.3666 16.3822C40.7466 13.5429 37.1555 11.7914 33.305 11.475V7H30.805V11.475C26.9544 11.7912 23.3632 13.5426 20.7431 16.382C18.123 19.2213 16.6653 22.9415 16.659 26.805V38.439L11 46.928V51.386H53.11V46.928L47.451 38.439Z"/>
 </svg>

package/dist/collection/components/icon/svg/alert-notification-warning-color.svg

@@ -2,5 +2,5 @@
 <path d="M33.555 21.0491H30.555V35.0521H33.555V21.0491Z" fill="var(--road-secondary-500, rgb(252, 183, 49))"/>
 <path d="M33.555 39.4831H30.555V42.8111H33.555V39.4831Z" fill="var(--road-secondary-500, rgb(252, 183, 49))"/>
 <path d="M32.055 58.1101C28.116 58.1101 25.146 56.3561 25.146 54.0311H27.646C27.646 54.4891 29.191 55.6101 32.055 55.6101C34.919 55.6101 36.464 54.4891 36.464 54.0311H38.964C38.964 56.3561 35.993 58.1101 32.055 58.1101Z" fill="var(--road-secondary-500, rgb(252, 183, 49))"/>
-<path d="M47.451 38.439V26.805C47.4444 22.9415 45.9867 19.2215 43.3666 16.3822C40.7466 13.5429 37.1555 11.7914 33.305 11.475V7H30.805V11.475C26.9544 11.7912 23.3632 13.5426 20.7431 16.382C18.123 19.2213 16.6653 22.9415 16.659 26.805V38.439L11 46.928V51.386H53.11V46.928L47.451 38.439ZM50.61 48.886H13.5V47.686L19.159 39.198V26.805C19.1161 25.0844 19.418 23.3727 20.0468 21.7706C20.6756 20.1685 21.6187 18.7084 22.8204 17.4764C24.0222 16.2443 25.4583 15.2652 27.0443 14.5967C28.6302 13.9282 30.3339 13.5838 32.055 13.5838C33.7761 13.5838 35.4798 13.9282 37.0657 14.5967C38.6517 15.2652 40.0878 16.2443 41.2895 17.4764C42.4913 18.7084 43.4343 20.1685 44.0632 21.7706C44.692 23.3727 44.9938 25.0844 44.951 26.805V39.197L50.61 47.685V48.886Z" fill="#292C33"/>
+<path d="M47.451 38.439V26.805C47.4444 22.9415 45.9867 19.2215 43.3666 16.3822C40.7466 13.5429 37.1555 11.7914 33.305 11.475V7H30.805V11.475C26.9544 11.7912 23.3632 13.5426 20.7431 16.382C18.123 19.2213 16.6653 22.9415 16.659 26.805V38.439L11 46.928V51.386H53.11V46.928L47.451 38.439ZM50.61 48.886H13.5V47.686L19.159 39.198V26.805C19.1161 25.0844 19.418 23.3727 20.0468 21.7706C20.6756 20.1685 21.6187 18.7084 22.8204 17.4764C24.0222 16.2443 25.4583 15.2652 27.0443 14.5967C28.6302 13.9282 30.3339 13.5838 32.055 13.5838C33.7761 13.5838 35.4798 13.9282 37.0657 14.5967C38.6517 15.2652 40.0878 16.2443 41.2895 17.4764C42.4913 18.7084 43.4343 20.1685 44.0632 21.7706C44.692 23.3727 44.9938 25.0844 44.951 26.805V39.197L50.61 47.685V48.886Z"/>
 </svg>