@oicl/openbridge-webcomponents-full-bundle 2.0.0-next.61 → 2.0.0-next.62

package/src/icons/icon-vessel-generic-fast-colour.ts

@@ -16,11 +16,11 @@ export class ObiVesselGenericFastColour extends LitElement {
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.03865 13.2869L11.4846 2.33535C11.6661 1.88821 12.3339 1.88822 12.5154 2.33536L16.9613 13.2869C17.1482 13.7473 16.6205 14.1744 16.1697 13.9277L12.2763 11.7964C12.1053 11.7029 11.8947 11.7029 11.7237 11.7964L7.8303 13.9277C7.37952 14.1744 6.85176 13.7473 7.03865 13.2869Z" fill="#DDDDDD"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9999 21.9999C11.5857 21.9999 11.2499 21.6641 11.2499 21.2499V16.7499C11.2499 16.3356 11.5857 15.9999 11.9999 15.9999C12.4142 15.9999 12.7499 16.3356 12.7499 16.7499V21.2499C12.7499 21.6641 12.4142 21.9999 11.9999 21.9999Z" fill="#3D3D3D"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.99994 21.9999C8.58572 21.9999 8.24994 21.6641 8.24994 21.2499V16.7499C8.24994 16.3356 8.58572 15.9999 8.99994 15.9999C9.41415 15.9999 9.74994 16.3356 9.74994 16.7499V21.2499C9.74994 21.6641 9.41415 21.9999 8.99994 21.9999Z" fill="#3D3D3D"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9999 21.9999C14.5857 21.9999 14.2499 21.6641 14.2499 21.2499V16.7499C14.2499 16.3356 14.5857 15.9999 14.9999 15.9999C15.4142 15.9999 15.7499 16.3356 15.7499 16.7499V21.2499C15.7499 21.6641 15.4142 21.9999 14.9999 21.9999Z" fill="#3D3D3D"/>
-<path d="M10.8339 1.95591C11.3049 1.01469 12.695 1.0147 13.166 1.95591L13.2099 2.05356L17.6562 13.0047C17.8915 13.5844 17.6594 14.1448 17.2763 14.4549C16.8976 14.7615 16.3264 14.8686 15.8095 14.5858L11.9999 12.4999L8.19037 14.5858C7.6735 14.8686 7.10229 14.7615 6.72357 14.4549C6.34046 14.1448 6.10841 13.5844 6.34369 13.0047L10.79 2.05356L10.8339 1.95591ZM7.96478 12.9979L11.3632 11.1385L11.5156 11.0672C11.8262 10.9456 12.1736 10.9456 12.4843 11.0672L12.6367 11.1385L16.0341 12.9979L11.9999 3.05942L7.96478 12.9979Z" fill="#3D3D3D"/>
+<path d="M7.03865 13.2869L11.4846 2.33535C11.6661 1.88821 12.3339 1.88822 12.5154 2.33536L16.9613 13.2869C17.1482 13.7473 16.6205 14.1744 16.1697 13.9277L12.2763 11.7964C12.1053 11.7029 11.8947 11.7029 11.7237 11.7964L7.8303 13.9277C7.37952 14.1744 6.85176 13.7473 7.03865 13.2869Z" style="fill: var(--base-categorical-100)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9999 21.9999C11.5857 21.9999 11.2499 21.6641 11.2499 21.2499V16.7499C11.2499 16.3356 11.5857 15.9999 11.9999 15.9999C12.4142 15.9999 12.7499 16.3356 12.7499 16.7499V21.2499C12.7499 21.6641 12.4142 21.9999 11.9999 21.9999Z" style="fill: var(--base-categorical-600)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.99994 21.9999C8.58572 21.9999 8.24994 21.6641 8.24994 21.2499V16.7499C8.24994 16.3356 8.58572 15.9999 8.99994 15.9999C9.41415 15.9999 9.74994 16.3356 9.74994 16.7499V21.2499C9.74994 21.6641 9.41415 21.9999 8.99994 21.9999Z" style="fill: var(--base-categorical-600)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9999 21.9999C14.5857 21.9999 14.2499 21.6641 14.2499 21.2499V16.7499C14.2499 16.3356 14.5857 15.9999 14.9999 15.9999C15.4142 15.9999 15.7499 16.3356 15.7499 16.7499V21.2499C15.7499 21.6641 15.4142 21.9999 14.9999 21.9999Z" style="fill: var(--base-categorical-600)"/>
+<path d="M10.8339 1.95591C11.3049 1.01469 12.695 1.0147 13.166 1.95591L13.2099 2.05356L17.6562 13.0047C17.8915 13.5844 17.6594 14.1448 17.2763 14.4549C16.8976 14.7615 16.3264 14.8686 15.8095 14.5858L11.9999 12.4999L8.19037 14.5858C7.6735 14.8686 7.10229 14.7615 6.72357 14.4549C6.34046 14.1448 6.10841 13.5844 6.34369 13.0047L10.79 2.05356L10.8339 1.95591ZM7.96478 12.9979L11.3632 11.1385L11.5156 11.0672C11.8262 10.9456 12.1736 10.9456 12.4843 11.0672L12.6367 11.1385L16.0341 12.9979L11.9999 3.05942L7.96478 12.9979Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-vessel-generic-medium-colour.ts

@@ -15,10 +15,10 @@ export class ObiVesselGenericMediumColour extends LitElement {
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.03865 13.2869L11.4846 2.33535C11.6661 1.88821 12.3339 1.88822 12.5154 2.33536L16.9613 13.2869C17.1482 13.7473 16.6205 14.1744 16.1697 13.9277L12.2763 11.7964C12.1053 11.7029 11.8947 11.7029 11.7237 11.7964L7.8303 13.9277C7.37952 14.1744 6.85176 13.7473 7.03865 13.2869Z" fill="#DDDDDD"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M13.4999 21.9999C13.0857 21.9999 12.7499 21.6641 12.7499 21.2499V16.7499C12.7499 16.3356 13.0857 15.9999 13.4999 15.9999C13.9142 15.9999 14.2499 16.3356 14.2499 16.7499V21.2499C14.2499 21.6641 13.9142 21.9999 13.4999 21.9999Z" fill="#3D3D3D"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4999 21.9999C10.0857 21.9999 9.74994 21.6641 9.74994 21.2499V16.7499C9.74994 16.3356 10.0857 15.9999 10.4999 15.9999C10.9142 15.9999 11.2499 16.3356 11.2499 16.7499V21.2499C11.2499 21.6641 10.9142 21.9999 10.4999 21.9999Z" fill="#3D3D3D"/>
-<path d="M10.8339 1.95591C11.3049 1.01469 12.695 1.0147 13.166 1.95591L13.2099 2.05356L17.6562 13.0047C17.8915 13.5844 17.6594 14.1448 17.2763 14.4549C16.8976 14.7615 16.3264 14.8686 15.8095 14.5858L11.9999 12.4999L8.19037 14.5858C7.6735 14.8686 7.10229 14.7615 6.72357 14.4549C6.34046 14.1448 6.10841 13.5844 6.34369 13.0047L10.79 2.05356L10.8339 1.95591ZM7.96478 12.9979L11.3632 11.1385L11.5156 11.0672C11.8262 10.9456 12.1736 10.9456 12.4843 11.0672L12.6367 11.1385L16.0341 12.9979L11.9999 3.05942L7.96478 12.9979Z" fill="#3D3D3D"/>
+<path d="M7.03865 13.2869L11.4846 2.33535C11.6661 1.88821 12.3339 1.88822 12.5154 2.33536L16.9613 13.2869C17.1482 13.7473 16.6205 14.1744 16.1697 13.9277L12.2763 11.7964C12.1053 11.7029 11.8947 11.7029 11.7237 11.7964L7.8303 13.9277C7.37952 14.1744 6.85176 13.7473 7.03865 13.2869Z" style="fill: var(--base-categorical-100)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.4999 21.9999C13.0857 21.9999 12.7499 21.6641 12.7499 21.2499V16.7499C12.7499 16.3356 13.0857 15.9999 13.4999 15.9999C13.9142 15.9999 14.2499 16.3356 14.2499 16.7499V21.2499C14.2499 21.6641 13.9142 21.9999 13.4999 21.9999Z" style="fill: var(--base-categorical-600)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4999 21.9999C10.0857 21.9999 9.74994 21.6641 9.74994 21.2499V16.7499C9.74994 16.3356 10.0857 15.9999 10.4999 15.9999C10.9142 15.9999 11.2499 16.3356 11.2499 16.7499V21.2499C11.2499 21.6641 10.9142 21.9999 10.4999 21.9999Z" style="fill: var(--base-categorical-600)"/>
+<path d="M10.8339 1.95591C11.3049 1.01469 12.695 1.0147 13.166 1.95591L13.2099 2.05356L17.6562 13.0047C17.8915 13.5844 17.6594 14.1448 17.2763 14.4549C16.8976 14.7615 16.3264 14.8686 15.8095 14.5858L11.9999 12.4999L8.19037 14.5858C7.6735 14.8686 7.10229 14.7615 6.72357 14.4549C6.34046 14.1448 6.10841 13.5844 6.34369 13.0047L10.79 2.05356L10.8339 1.95591ZM7.96478 12.9979L11.3632 11.1385L11.5156 11.0672C11.8262 10.9456 12.1736 10.9456 12.4843 11.0672L12.6367 11.1385L16.0341 12.9979L11.9999 3.05942L7.96478 12.9979Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-vessel-generic-slow-colour.ts

@@ -14,9 +14,9 @@ export class ObiVesselGenericSlowColour extends LitElement {
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.03865 13.2869L11.4846 2.33535C11.6661 1.88821 12.3339 1.88822 12.5154 2.33536L16.9613 13.2869C17.1482 13.7473 16.6205 14.1744 16.1697 13.9277L12.2763 11.7964C12.1053 11.7029 11.8947 11.7029 11.7237 11.7964L7.8303 13.9277C7.37952 14.1744 6.85176 13.7473 7.03865 13.2869Z" fill="#DDDDDD"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9999 21.9999C11.5857 21.9999 11.2499 21.6641 11.2499 21.2499V16.7499C11.2499 16.3356 11.5857 15.9999 11.9999 15.9999C12.4142 15.9999 12.7499 16.3356 12.7499 16.7499V21.2499C12.7499 21.6641 12.4142 21.9999 11.9999 21.9999Z" fill="#3D3D3D"/>
-<path d="M10.8339 1.95591C11.3049 1.01469 12.695 1.0147 13.166 1.95591L13.2099 2.05356L17.6562 13.0047C17.8915 13.5844 17.6594 14.1448 17.2763 14.4549C16.8976 14.7615 16.3264 14.8686 15.8095 14.5858L11.9999 12.4999L8.19037 14.5858C7.6735 14.8686 7.10229 14.7615 6.72357 14.4549C6.34046 14.1448 6.10841 13.5844 6.34369 13.0047L10.79 2.05356L10.8339 1.95591ZM7.96478 12.9979L11.3632 11.1385L11.5156 11.0672C11.8262 10.9456 12.1736 10.9456 12.4843 11.0672L12.6367 11.1385L16.0341 12.9979L11.9999 3.05942L7.96478 12.9979Z" fill="#3D3D3D"/>
+<path d="M7.03865 13.2869L11.4846 2.33535C11.6661 1.88821 12.3339 1.88822 12.5154 2.33536L16.9613 13.2869C17.1482 13.7473 16.6205 14.1744 16.1697 13.9277L12.2763 11.7964C12.1053 11.7029 11.8947 11.7029 11.7237 11.7964L7.8303 13.9277C7.37952 14.1744 6.85176 13.7473 7.03865 13.2869Z" style="fill: var(--base-categorical-100)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9999 21.9999C11.5857 21.9999 11.2499 21.6641 11.2499 21.2499V16.7499C11.2499 16.3356 11.5857 15.9999 11.9999 15.9999C12.4142 15.9999 12.7499 16.3356 12.7499 16.7499V21.2499C12.7499 21.6641 12.4142 21.9999 11.9999 21.9999Z" style="fill: var(--base-categorical-600)"/>
+<path d="M10.8339 1.95591C11.3049 1.01469 12.695 1.0147 13.166 1.95591L13.2099 2.05356L17.6562 13.0047C17.8915 13.5844 17.6594 14.1448 17.2763 14.4549C16.8976 14.7615 16.3264 14.8686 15.8095 14.5858L11.9999 12.4999L8.19037 14.5858C7.6735 14.8686 7.10229 14.7615 6.72357 14.4549C6.34046 14.1448 6.10841 13.5844 6.34369 13.0047L10.79 2.05356L10.8339 1.95591ZM7.96478 12.9979L11.3632 11.1385L11.5156 11.0672C11.8262 10.9456 12.1736 10.9456 12.4843 11.0672L12.6367 11.1385L16.0341 12.9979L11.9999 3.05942L7.96478 12.9979Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-vessel-generic-stopped-colour.ts

@@ -15,10 +15,10 @@ export class ObiVesselGenericStoppedColour extends LitElement {
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.03865 13.2869L11.4846 2.33535C11.6661 1.88821 12.3339 1.88822 12.5154 2.33536L16.9613 13.2869C17.1482 13.7473 16.6205 14.1744 16.1697 13.9277L12.2763 11.7964C12.1053 11.7029 11.8947 11.7029 11.7237 11.7964L7.8303 13.9277C7.37952 14.1744 6.85176 13.7473 7.03865 13.2869Z" fill="#DDDDDD"/>
-<path d="M15 19C15 20.6569 13.6569 22 12 22C10.3431 22 9 20.6569 9 19C9 17.3431 10.3431 16 12 16C13.6569 16 15 17.3431 15 19Z" fill="#DDDDDD"/>
-<path d="M10.8339 1.95591C11.3049 1.01469 12.695 1.0147 13.166 1.95591L13.2099 2.05356L17.6562 13.0047C17.8915 13.5844 17.6594 14.1448 17.2763 14.4549C16.8976 14.7615 16.3264 14.8686 15.8095 14.5858L11.9999 12.4999L8.19037 14.5858C7.6735 14.8686 7.10229 14.7615 6.72357 14.4549C6.34046 14.1448 6.10841 13.5844 6.34369 13.0047L10.79 2.05356L10.8339 1.95591ZM7.96478 12.9979L11.3632 11.1385L11.5156 11.0672C11.8262 10.9456 12.1736 10.9456 12.4843 11.0672L12.6367 11.1385L16.0341 12.9979L11.9999 3.05942L7.96478 12.9979Z" fill="#3D3D3D"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9999 21.9999C10.3431 21.9999 8.99994 20.6567 8.99994 18.9999C8.99994 17.343 10.3431 15.9999 11.9999 15.9999C13.6568 15.9999 14.9999 17.343 14.9999 18.9999C14.9999 20.6567 13.6568 21.9999 11.9999 21.9999ZM11.9999 17.4999C12.8284 17.4999 13.4999 18.1714 13.4999 18.9999C13.4999 19.8283 12.8284 20.4999 11.9999 20.4999C11.1715 20.4999 10.4999 19.8283 10.4999 18.9999C10.4999 18.1714 11.1715 17.4999 11.9999 17.4999Z" fill="#3D3D3D"/>
+<path d="M7.03865 13.2869L11.4846 2.33535C11.6661 1.88821 12.3339 1.88822 12.5154 2.33536L16.9613 13.2869C17.1482 13.7473 16.6205 14.1744 16.1697 13.9277L12.2763 11.7964C12.1053 11.7029 11.8947 11.7029 11.7237 11.7964L7.8303 13.9277C7.37952 14.1744 6.85176 13.7473 7.03865 13.2869Z" style="fill: var(--base-categorical-100)"/>
+<path d="M15 19C15 20.6569 13.6569 22 12 22C10.3431 22 9 20.6569 9 19C9 17.3431 10.3431 16 12 16C13.6569 16 15 17.3431 15 19Z" style="fill: var(--base-categorical-100)"/>
+<path d="M10.8339 1.95591C11.3049 1.01469 12.695 1.0147 13.166 1.95591L13.2099 2.05356L17.6562 13.0047C17.8915 13.5844 17.6594 14.1448 17.2763 14.4549C16.8976 14.7615 16.3264 14.8686 15.8095 14.5858L11.9999 12.4999L8.19037 14.5858C7.6735 14.8686 7.10229 14.7615 6.72357 14.4549C6.34046 14.1448 6.10841 13.5844 6.34369 13.0047L10.79 2.05356L10.8339 1.95591ZM7.96478 12.9979L11.3632 11.1385L11.5156 11.0672C11.8262 10.9456 12.1736 10.9456 12.4843 11.0672L12.6367 11.1385L16.0341 12.9979L11.9999 3.05942L7.96478 12.9979Z" style="fill: var(--base-categorical-600)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9999 21.9999C10.3431 21.9999 8.99994 20.6567 8.99994 18.9999C8.99994 17.343 10.3431 15.9999 11.9999 15.9999C13.6568 15.9999 14.9999 17.343 14.9999 18.9999C14.9999 20.6567 13.6568 21.9999 11.9999 21.9999ZM11.9999 17.4999C12.8284 17.4999 13.4999 18.1714 13.4999 18.9999C13.4999 19.8283 12.8284 20.4999 11.9999 20.4999C11.1715 20.4999 10.4999 19.8283 10.4999 18.9999C10.4999 18.1714 11.1715 17.4999 11.9999 17.4999Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-vessel-type-barge-colour.ts

@@ -15,10 +15,10 @@ export class ObiVesselTypeBargeColour extends LitElement {
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M15.1307 4.00011L12 0.347656L8.86933 4.00011H8C6.89543 4.00011 6 4.89554 6 6.00011V18.0001C6 19.1047 6.89543 20.0001 8 20.0001H16C17.1046 20.0001 18 19.1047 18 18.0001V6.00011C18 4.89554 17.1046 4.00011 16 4.00011H15.1307Z" fill="#DDDDDD"/>
-<path d="M13 17.0001V7.00011H15V17.0001H13Z" fill="#3D3D3D"/>
-<path d="M9 7.00011V17.0001H11V7.00011H9Z" fill="#3D3D3D"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M15.1307 4.00011L12 0.347656L8.86933 4.00011H8C6.89543 4.00011 6 4.89554 6 6.00011V18.0001C6 19.1047 6.89543 20.0001 8 20.0001H16C17.1046 20.0001 18 19.1047 18 18.0001V6.00011C18 4.89554 17.1046 4.00011 16 4.00011H15.1307ZM13.1551 4.00011L12 2.65254L10.8449 4.00011H13.1551ZM7.5 6.00011C7.5 5.72396 7.72386 5.50011 8 5.50011H16C16.2761 5.50011 16.5 5.72396 16.5 6.00011V18.0001C16.5 18.2762 16.2761 18.5001 16 18.5001H8C7.72386 18.5001 7.5 18.2762 7.5 18.0001V6.00011Z" fill="#3D3D3D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.1307 4.00011L12 0.347656L8.86933 4.00011H8C6.89543 4.00011 6 4.89554 6 6.00011V18.0001C6 19.1047 6.89543 20.0001 8 20.0001H16C17.1046 20.0001 18 19.1047 18 18.0001V6.00011C18 4.89554 17.1046 4.00011 16 4.00011H15.1307Z" style="fill: var(--base-categorical-100)"/>
+<path d="M13 17.0001V7.00011H15V17.0001H13Z" style="fill: var(--base-categorical-600)"/>
+<path d="M9 7.00011V17.0001H11V7.00011H9Z" style="fill: var(--base-categorical-600)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.1307 4.00011L12 0.347656L8.86933 4.00011H8C6.89543 4.00011 6 4.89554 6 6.00011V18.0001C6 19.1047 6.89543 20.0001 8 20.0001H16C17.1046 20.0001 18 19.1047 18 18.0001V6.00011C18 4.89554 17.1046 4.00011 16 4.00011H15.1307ZM13.1551 4.00011L12 2.65254L10.8449 4.00011H13.1551ZM7.5 6.00011C7.5 5.72396 7.72386 5.50011 8 5.50011H16C16.2761 5.50011 16.5 5.72396 16.5 6.00011V18.0001C16.5 18.2762 16.2761 18.5001 16 18.5001H8C7.72386 18.5001 7.5 18.2762 7.5 18.0001V6.00011Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-vessel-type-cargo-colour.ts

@@ -16,11 +16,11 @@ export class ObiVesselTypeCargoColour extends LitElement {
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7 18H5.75C5.33579 18 5 18.3358 5 18.75C5 19.1642 5.33579 19.5 5.75 19.5H7V22H17V19.5H18.25C18.6642 19.5 19 19.1642 19 18.75C19 18.3358 18.6642 18 18.25 18H17V8.13589C17 4.52847 15.1638 2.32578 12.4415 1.18502L12 1L11.5585 1.18502C8.8362 2.32578 7 4.52847 7 8.13589V18Z" fill="#DDDDDD"/>
-<path d="M11 13C10.4477 13 10 13.4477 10 14C10 14.5523 10.4477 15 11 15H13C13.5523 15 14 14.5523 14 14C14 13.4477 13.5523 13 13 13H11Z" fill="#3D3D3D"/>
-<path d="M10 10.5C10 9.94771 10.4477 9.5 11 9.5H13C13.5523 9.5 14 9.94771 14 10.5C14 11.0523 13.5523 11.5 13 11.5H11C10.4477 11.5 10 11.0523 10 10.5Z" fill="#3D3D3D"/>
-<path d="M11 6C10.4477 6 10 6.44772 10 7C10 7.55228 10.4477 8 11 8H13C13.5523 8 14 7.55228 14 7C14 6.44772 13.5523 6 13 6H11Z" fill="#3D3D3D"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7 18H5.75C5.33579 18 5 18.3358 5 18.75C5 19.1642 5.33579 19.5 5.75 19.5H7V22H17V19.5H18.25C18.6642 19.5 19 19.1642 19 18.75C19 18.3358 18.6642 18 18.25 18H17V8.13589C17 4.52847 15.1638 2.32578 12.4415 1.18502L12 1L11.5585 1.18502C8.8362 2.32578 7 4.52847 7 8.13589V18ZM8.5 8.13589C8.5 6.59736 8.88734 5.45436 9.48804 4.5945C10.0693 3.76246 10.9128 3.10684 12 2.62785C13.0872 3.10684 13.9307 3.76246 14.512 4.5945C15.1127 5.45436 15.5 6.59736 15.5 8.13589V18H14C14 17.1716 13.3284 16.5 12.5 16.5H11.5C10.6716 16.5 10 17.1716 10 18H8.5V8.13589ZM8.5 20.5V19.5H15.5V20.5H8.5Z" fill="#3D3D3D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 18H5.75C5.33579 18 5 18.3358 5 18.75C5 19.1642 5.33579 19.5 5.75 19.5H7V22H17V19.5H18.25C18.6642 19.5 19 19.1642 19 18.75C19 18.3358 18.6642 18 18.25 18H17V8.13589C17 4.52847 15.1638 2.32578 12.4415 1.18502L12 1L11.5585 1.18502C8.8362 2.32578 7 4.52847 7 8.13589V18Z" style="fill: var(--base-categorical-100)"/>
+<path d="M11 13C10.4477 13 10 13.4477 10 14C10 14.5523 10.4477 15 11 15H13C13.5523 15 14 14.5523 14 14C14 13.4477 13.5523 13 13 13H11Z" style="fill: var(--base-categorical-600)"/>
+<path d="M10 10.5C10 9.94771 10.4477 9.5 11 9.5H13C13.5523 9.5 14 9.94771 14 10.5C14 11.0523 13.5523 11.5 13 11.5H11C10.4477 11.5 10 11.0523 10 10.5Z" style="fill: var(--base-categorical-600)"/>
+<path d="M11 6C10.4477 6 10 6.44772 10 7C10 7.55228 10.4477 8 11 8H13C13.5523 8 14 7.55228 14 7C14 6.44772 13.5523 6 13 6H11Z" style="fill: var(--base-categorical-600)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 18H5.75C5.33579 18 5 18.3358 5 18.75C5 19.1642 5.33579 19.5 5.75 19.5H7V22H17V19.5H18.25C18.6642 19.5 19 19.1642 19 18.75C19 18.3358 18.6642 18 18.25 18H17V8.13589C17 4.52847 15.1638 2.32578 12.4415 1.18502L12 1L11.5585 1.18502C8.8362 2.32578 7 4.52847 7 8.13589V18ZM8.5 8.13589C8.5 6.59736 8.88734 5.45436 9.48804 4.5945C10.0693 3.76246 10.9128 3.10684 12 2.62785C13.0872 3.10684 13.9307 3.76246 14.512 4.5945C15.1127 5.45436 15.5 6.59736 15.5 8.13589V18H14C14 17.1716 13.3284 16.5 12.5 16.5H11.5C10.6716 16.5 10 17.1716 10 18H8.5V8.13589ZM8.5 20.5V19.5H15.5V20.5H8.5Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-vessel-type-cruise-colour.ts

@@ -14,9 +14,9 @@ export class ObiVesselTypeCruiseColour extends LitElement {
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18 8.26607V22.5H6V8.26607C6 8.26071 6.00001 8.25536 6.00002 8.25H5.5C5.08579 8.25 4.75 7.91421 4.75 7.5C4.75 7.08579 5.08579 6.75 5.5 6.75H6.14449C6.68397 3.95093 8.69277 1.60241 11.4702 0.676607L12 0.5L12.5298 0.676607C15.3072 1.60241 17.316 3.95093 17.8555 6.75H18.5C18.9142 6.75 19.25 7.08579 19.25 7.5C19.25 7.91421 18.9142 8.25 18.5 8.25H18C18 8.25536 18 8.26071 18 8.26607Z" fill="#DDDDDD"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9 11C9 9.89543 9.89543 9 11 9H13C14.1046 9 15 9.89543 15 11V15C15 16.1046 14.1046 17 13 17H11C9.89543 17 9 16.1046 9 15V11ZM10.5 11C10.5 10.7239 10.7239 10.5 11 10.5H13C13.2761 10.5 13.5 10.7239 13.5 11V15C13.5 15.2761 13.2761 15.5 13 15.5H11C10.7239 15.5 10.5 15.2761 10.5 15V11Z" fill="#3D3D3D"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18 8.26607V22.5H6V8.26607C6 8.26071 6.00001 8.25536 6.00002 8.25H5.5C5.08579 8.25 4.75 7.91421 4.75 7.5C4.75 7.08579 5.08579 6.75 5.5 6.75H6.14449C6.68397 3.95093 8.69277 1.60241 11.4702 0.676607L12 0.5L12.5298 0.676607C15.3072 1.60241 17.316 3.95093 17.8555 6.75H18.5C18.9142 6.75 19.25 7.08579 19.25 7.5C19.25 7.91421 18.9142 8.25 18.5 8.25H18C18 8.25536 18 8.26071 18 8.26607ZM16.5 8.25L16.5 8.26607V18.25H7.5V8.26607L7.50002 8.25H9.375C10.516 6.18531 13.484 6.18531 14.625 8.25H16.5ZM16.3212 6.75C15.8062 4.60194 14.2174 2.82029 12.0555 2.09963L12 2.08114L11.9445 2.09963C9.78256 2.82029 8.19378 4.60194 7.67883 6.75H8.625L9.02682 6.30353C10.6158 4.53801 13.3842 4.53801 14.9732 6.30353L15.375 6.75H16.3212ZM7.5 21V19.75H16.5V21H7.5Z" fill="#3D3D3D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 8.26607V22.5H6V8.26607C6 8.26071 6.00001 8.25536 6.00002 8.25H5.5C5.08579 8.25 4.75 7.91421 4.75 7.5C4.75 7.08579 5.08579 6.75 5.5 6.75H6.14449C6.68397 3.95093 8.69277 1.60241 11.4702 0.676607L12 0.5L12.5298 0.676607C15.3072 1.60241 17.316 3.95093 17.8555 6.75H18.5C18.9142 6.75 19.25 7.08579 19.25 7.5C19.25 7.91421 18.9142 8.25 18.5 8.25H18C18 8.25536 18 8.26071 18 8.26607Z" style="fill: var(--base-categorical-100)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 11C9 9.89543 9.89543 9 11 9H13C14.1046 9 15 9.89543 15 11V15C15 16.1046 14.1046 17 13 17H11C9.89543 17 9 16.1046 9 15V11ZM10.5 11C10.5 10.7239 10.7239 10.5 11 10.5H13C13.2761 10.5 13.5 10.7239 13.5 11V15C13.5 15.2761 13.2761 15.5 13 15.5H11C10.7239 15.5 10.5 15.2761 10.5 15V11Z" style="fill: var(--base-categorical-600)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 8.26607V22.5H6V8.26607C6 8.26071 6.00001 8.25536 6.00002 8.25H5.5C5.08579 8.25 4.75 7.91421 4.75 7.5C4.75 7.08579 5.08579 6.75 5.5 6.75H6.14449C6.68397 3.95093 8.69277 1.60241 11.4702 0.676607L12 0.5L12.5298 0.676607C15.3072 1.60241 17.316 3.95093 17.8555 6.75H18.5C18.9142 6.75 19.25 7.08579 19.25 7.5C19.25 7.91421 18.9142 8.25 18.5 8.25H18C18 8.25536 18 8.26071 18 8.26607ZM16.5 8.25L16.5 8.26607V18.25H7.5V8.26607L7.50002 8.25H9.375C10.516 6.18531 13.484 6.18531 14.625 8.25H16.5ZM16.3212 6.75C15.8062 4.60194 14.2174 2.82029 12.0555 2.09963L12 2.08114L11.9445 2.09963C9.78256 2.82029 8.19378 4.60194 7.67883 6.75H8.625L9.02682 6.30353C10.6158 4.53801 13.3842 4.53801 14.9732 6.30353L15.375 6.75H16.3212ZM7.5 21V19.75H16.5V21H7.5Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-vessel-type-fishing-colour.ts

@@ -7,16 +7,16 @@ export class ObiVesselTypeFishingColour extends LitElement {
   @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 1.53027C15.2914 2.70147 17.4999 5.81861 17.5 9.32422V21.5H6.5V9.32422C6.50014 5.81861 8.7086 2.70147 12 1.53027Z" fill="currentColor" stroke="#3D3D3D"/>
+<path d="M12 1.53027C15.2914 2.70147 17.4999 5.81861 17.5 9.32422V21.5H6.5V9.32422C6.50014 5.81861 8.7086 2.70147 12 1.53027Z" fill="currentColor" stroke="currentColor"/>
 <path d="M10.0417 13.875C9.68056 13.1139 9.5 12.3222 9.5 11.5C9.5 10.6222 9.69097 9.77778 10.0729 8.96667C10.4549 8.15556 11.0972 7.5 12 7C12.9028 7.5 13.5451 8.15556 13.9271 8.96667C14.309 9.77778 14.5 10.6222 14.5 11.5C14.5 12.3222 14.3056 13.1083 13.9167 13.8583C13.5278 14.6083 12.9722 15.2778 12.25 15.8667C12.8472 15.9333 13.3021 16.1778 13.6146 16.6C13.9271 17.0222 14.0833 17.4889 14.0833 18H9.91667C9.91667 17.4889 10.0694 17.0222 10.375 16.6C10.6806 16.1778 11.125 15.9333 11.7083 15.8667C10.9583 15.3 10.4028 14.6361 10.0417 13.875Z" fill="currentColor"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M6 9.32455V22H18V9.32455C18 5.54759 15.5831 2.19438 12 1C8.41686 2.19438 6 5.54759 6 9.32455ZM16.5 9.32455V20.5H7.5V9.32455C7.5 6.36296 9.2924 3.71562 12 2.59958C14.7076 3.71562 16.5 6.36296 16.5 9.32455Z" fill="currentColor"/>
 </svg>
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 1.53027C15.2914 2.70147 17.4999 5.81861 17.5 9.32422V21.5H6.5V9.32422C6.50014 5.81861 8.7086 2.70147 12 1.53027Z" fill="#DDDDDD" stroke="#3D3D3D"/>
-<path d="M10.0417 13.875C9.68056 13.1139 9.5 12.3222 9.5 11.5C9.5 10.6222 9.69097 9.77778 10.0729 8.96667C10.4549 8.15556 11.0972 7.5 12 7C12.9028 7.5 13.5451 8.15556 13.9271 8.96667C14.309 9.77778 14.5 10.6222 14.5 11.5C14.5 12.3222 14.3056 13.1083 13.9167 13.8583C13.5278 14.6083 12.9722 15.2778 12.25 15.8667C12.8472 15.9333 13.3021 16.1778 13.6146 16.6C13.9271 17.0222 14.0833 17.4889 14.0833 18H9.91667C9.91667 17.4889 10.0694 17.0222 10.375 16.6C10.6806 16.1778 11.125 15.9333 11.7083 15.8667C10.9583 15.3 10.4028 14.6361 10.0417 13.875Z" fill="#3D3D3D"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6 9.32455V22H18V9.32455C18 5.54759 15.5831 2.19438 12 1C8.41686 2.19438 6 5.54759 6 9.32455ZM16.5 9.32455V20.5H7.5V9.32455C7.5 6.36296 9.2924 3.71562 12 2.59958C14.7076 3.71562 16.5 6.36296 16.5 9.32455Z" fill="#3D3D3D"/>
+<path d="M12 1.53027C15.2914 2.70147 17.4999 5.81861 17.5 9.32422V21.5H6.5V9.32422C6.50014 5.81861 8.7086 2.70147 12 1.53027Z" style="fill: var(--base-categorical-100); stroke: var(--base-categorical-600)"/>
+<path d="M10.0417 13.875C9.68056 13.1139 9.5 12.3222 9.5 11.5C9.5 10.6222 9.69097 9.77778 10.0729 8.96667C10.4549 8.15556 11.0972 7.5 12 7C12.9028 7.5 13.5451 8.15556 13.9271 8.96667C14.309 9.77778 14.5 10.6222 14.5 11.5C14.5 12.3222 14.3056 13.1083 13.9167 13.8583C13.5278 14.6083 12.9722 15.2778 12.25 15.8667C12.8472 15.9333 13.3021 16.1778 13.6146 16.6C13.9271 17.0222 14.0833 17.4889 14.0833 18H9.91667C9.91667 17.4889 10.0694 17.0222 10.375 16.6C10.6806 16.1778 11.125 15.9333 11.7083 15.8667C10.9583 15.3 10.4028 14.6361 10.0417 13.875Z" style="fill: var(--base-categorical-600)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 9.32455V22H18V9.32455C18 5.54759 15.5831 2.19438 12 1C8.41686 2.19438 6 5.54759 6 9.32455ZM16.5 9.32455V20.5H7.5V9.32455C7.5 6.36296 9.2924 3.71562 12 2.59958C14.7076 3.71562 16.5 6.36296 16.5 9.32455Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-vessel-type-fishing-filled.ts

@@ -7,14 +7,14 @@ export class ObiVesselTypeFishingFilled extends LitElement {
   @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 1.53027C15.2914 2.70147 17.4999 5.81861 17.5 9.32422V21.5H6.5V9.32422C6.50014 5.81861 8.7086 2.70147 12 1.53027Z" fill="currentColor" stroke="#1F1F1F"/>
+<path d="M12 1.53027C15.2914 2.70147 17.4999 5.81861 17.5 9.32422V21.5H6.5V9.32422C6.50014 5.81861 8.7086 2.70147 12 1.53027Z" fill="currentColor" stroke="currentColor"/>
 <path d="M10.0417 13.875C9.68056 13.1139 9.5 12.3222 9.5 11.5C9.5 10.6222 9.69097 9.77778 10.0729 8.96667C10.4549 8.15556 11.0972 7.5 12 7C12.9028 7.5 13.5451 8.15556 13.9271 8.96667C14.309 9.77778 14.5 10.6222 14.5 11.5C14.5 12.3222 14.3056 13.1083 13.9167 13.8583C13.5278 14.6083 12.9722 15.2778 12.25 15.8667C12.8472 15.9333 13.3021 16.1778 13.6146 16.6C13.9271 17.0222 14.0833 17.4889 14.0833 18H9.91667C9.91667 17.4889 10.0694 17.0222 10.375 16.6C10.6806 16.1778 11.125 15.9333 11.7083 15.8667C10.9583 15.3 10.4028 14.6361 10.0417 13.875Z" fill="currentColor"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M6 9.32455V22H18V9.32455C18 5.54759 15.5831 2.19438 12 1C8.41686 2.19438 6 5.54759 6 9.32455ZM16.5 9.32455V20.5H7.5V9.32455C7.5 6.36296 9.2924 3.71562 12 2.59958C14.7076 3.71562 16.5 6.36296 16.5 9.32455Z" fill="currentColor"/>
 </svg>
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 1.53027C15.2914 2.70147 17.4999 5.81861 17.5 9.32422V21.5H6.5V9.32422C6.50014 5.81861 8.7086 2.70147 12 1.53027Z" style="fill: var(--element-active-inverted-color)" style="stroke: var(--element-active-color)"/>
+<path d="M12 1.53027C15.2914 2.70147 17.4999 5.81861 17.5 9.32422V21.5H6.5V9.32422C6.50014 5.81861 8.7086 2.70147 12 1.53027Z" style="fill: var(--element-active-inverted-color); stroke: var(--element-active-color)"/>
 <path d="M10.0417 13.875C9.68056 13.1139 9.5 12.3222 9.5 11.5C9.5 10.6222 9.69097 9.77778 10.0729 8.96667C10.4549 8.15556 11.0972 7.5 12 7C12.9028 7.5 13.5451 8.15556 13.9271 8.96667C14.309 9.77778 14.5 10.6222 14.5 11.5C14.5 12.3222 14.3056 13.1083 13.9167 13.8583C13.5278 14.6083 12.9722 15.2778 12.25 15.8667C12.8472 15.9333 13.3021 16.1778 13.6146 16.6C13.9271 17.0222 14.0833 17.4889 14.0833 18H9.91667C9.91667 17.4889 10.0694 17.0222 10.375 16.6C10.6806 16.1778 11.125 15.9333 11.7083 15.8667C10.9583 15.3 10.4028 14.6361 10.0417 13.875Z" style="fill: var(--element-active-color)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M6 9.32455V22H18V9.32455C18 5.54759 15.5831 2.19438 12 1C8.41686 2.19438 6 5.54759 6 9.32455ZM16.5 9.32455V20.5H7.5V9.32455C7.5 6.36296 9.2924 3.71562 12 2.59958C14.7076 3.71562 16.5 6.36296 16.5 9.32455Z" style="fill: var(--element-active-color)"/>
 </svg>

package/src/icons/icon-vessel-type-generic-colour.ts

@@ -14,9 +14,9 @@ export class ObiVesselTypeGenericColour extends LitElement {
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7 20.9607V9.56507C7.035 5.90422 9.03708 2.71382 12.0001 1C14.9629 2.71388 16.9648 5.90415 16.9998 9.56483V20.9607H7ZM15.4998 19.4607V9.57228C15.4709 6.78553 14.1013 4.31822 12.0001 2.78733C9.89863 4.31821 8.52886 6.78563 8.5 9.57253V19.4607H15.4998Z" fill="#DDDDDD"/>
-<path d="M15.4998 9.57228V19.4607H8.5V9.57253C8.52886 6.78563 9.89863 4.31821 12.0001 2.78733C14.1013 4.31822 15.4709 6.78553 15.4998 9.57228Z" fill="#DDDDDD"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7 20.9607V9.56507C7.035 5.90422 9.03708 2.71382 12.0001 1C14.9629 2.71388 16.9648 5.90415 16.9998 9.56483V20.9607H7ZM15.4998 19.4607V9.57228C15.4709 6.78553 14.1013 4.31822 12.0001 2.78733C9.89863 4.31821 8.52886 6.78563 8.5 9.57253V19.4607H15.4998Z" fill="#3D3D3D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 20.9607V9.56507C7.035 5.90422 9.03708 2.71382 12.0001 1C14.9629 2.71388 16.9648 5.90415 16.9998 9.56483V20.9607H7ZM15.4998 19.4607V9.57228C15.4709 6.78553 14.1013 4.31822 12.0001 2.78733C9.89863 4.31821 8.52886 6.78563 8.5 9.57253V19.4607H15.4998Z" style="fill: var(--base-categorical-100)"/>
+<path d="M15.4998 9.57228V19.4607H8.5V9.57253C8.52886 6.78563 9.89863 4.31821 12.0001 2.78733C14.1013 4.31822 15.4709 6.78553 15.4998 9.57228Z" style="fill: var(--base-categorical-100)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 20.9607V9.56507C7.035 5.90422 9.03708 2.71382 12.0001 1C14.9629 2.71388 16.9648 5.90415 16.9998 9.56483V20.9607H7ZM15.4998 19.4607V9.57228C15.4709 6.78553 14.1013 4.31822 12.0001 2.78733C9.89863 4.31821 8.52886 6.78563 8.5 9.57253V19.4607H15.4998Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-vessel-type-lifeboat-colour.ts

@@ -15,10 +15,10 @@ export class ObiVesselTypeLifeboatColour extends LitElement {
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18 15.6077V22.0001H6V8.39254V7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7V15.6077Z" fill="#DDDDDD"/>
-<path d="M18 15.6077V22.0001H6V15.6077C6.40062 16.2726 6.90862 16.8654 7.5 17.3622V20.5001H16.5V17.3622C17.0914 16.8654 17.5994 16.2726 18 15.6077Z" fill="#3D3D3D"/>
-<path d="M18 8.39254V7C18 3.68629 15.3137 1 12 1C8.68629 1 6 3.68629 6 7V8.39254C6.40409 7.72191 6.91744 7.12456 7.51539 6.62511C7.7059 4.31524 9.64096 2.5 12 2.5C14.359 2.5 16.2941 4.31524 16.4846 6.62511C17.0826 7.12456 17.5959 7.72191 18 8.39254Z" fill="#3D3D3D"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8.03139C17.4335 9.08909 18 10.4785 18 12.0001C18 13.5218 17.4335 14.9112 16.5 15.9689C15.4006 17.2145 13.792 18.0001 12 18.0001C10.208 18.0001 8.59942 17.2145 7.5 15.9689C6.56645 14.9112 6 13.5218 6 12.0001C6 10.4785 6.56645 9.08909 7.5 8.03139C8.59942 6.78575 10.208 6.00012 12 6.00012C13.792 6.00012 15.4006 6.78575 16.5 8.03139ZM15.8978 14.2505C16.2808 13.5885 16.5 12.8199 16.5 12.0001C16.5 11.1803 16.2808 10.4117 15.8978 9.74975L14.5987 10.4998C14.4728 10.282 14.3173 10.0767 14.1321 9.88964C14.6687 10.4317 15 11.1772 15 12.0001C15 12.8269 14.6655 13.5756 14.1245 14.1183C14.313 13.9292 14.4711 13.7212 14.5987 13.5005L15.8978 14.2505ZM8.10224 9.74975C7.71922 10.4117 7.5 11.1803 7.5 12.0001C7.5 12.8199 7.71922 13.5885 8.10224 14.2505L9.40128 13.5005C9.52962 13.7225 9.68876 13.9315 9.87868 14.1214C10.0686 14.3114 10.2777 14.4705 10.4996 14.5988L9.74962 15.8979C10.4116 16.2809 11.1802 16.5001 12 16.5001C12.8198 16.5001 13.5884 16.2809 14.2504 15.8979L13.5004 14.5988C13.7211 14.4712 13.9291 14.3131 14.1181 14.1246C13.5755 14.6656 12.8268 15.0001 12 15.0001C10.3431 15.0001 9 13.657 9 12.0001C9 11.1733 9.33448 10.4246 9.8755 9.88199C9.68698 10.0711 9.52891 10.279 9.40128 10.4998L8.10224 9.74975ZM9.74911 8.10265L10.4996 9.4014C10.2789 9.52903 10.0709 9.68711 9.88186 9.87562C10.4245 9.3346 11.1732 9.00012 12 9.00012C12.8229 9.00012 13.5685 9.33146 14.1105 9.86802C13.9235 9.68285 13.7181 9.52731 13.5004 9.4014L14.2504 8.10236C13.5884 7.71934 12.8198 7.50012 12 7.50012C11.18 7.50012 10.4112 7.71945 9.74911 8.10265ZM12 13.5001C12.8284 13.5001 13.5 12.8285 13.5 12.0001C13.5 11.1717 12.8284 10.5001 12 10.5001C11.1716 10.5001 10.5 11.1717 10.5 12.0001C10.5 12.8285 11.1716 13.5001 12 13.5001Z" fill="#3D3D3D"/>
+<path d="M18 15.6077V22.0001H6V8.39254V7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7V15.6077Z" style="fill: var(--base-categorical-100)"/>
+<path d="M18 15.6077V22.0001H6V15.6077C6.40062 16.2726 6.90862 16.8654 7.5 17.3622V20.5001H16.5V17.3622C17.0914 16.8654 17.5994 16.2726 18 15.6077Z" style="fill: var(--base-categorical-600)"/>
+<path d="M18 8.39254V7C18 3.68629 15.3137 1 12 1C8.68629 1 6 3.68629 6 7V8.39254C6.40409 7.72191 6.91744 7.12456 7.51539 6.62511C7.7059 4.31524 9.64096 2.5 12 2.5C14.359 2.5 16.2941 4.31524 16.4846 6.62511C17.0826 7.12456 17.5959 7.72191 18 8.39254Z" style="fill: var(--base-categorical-600)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8.03139C17.4335 9.08909 18 10.4785 18 12.0001C18 13.5218 17.4335 14.9112 16.5 15.9689C15.4006 17.2145 13.792 18.0001 12 18.0001C10.208 18.0001 8.59942 17.2145 7.5 15.9689C6.56645 14.9112 6 13.5218 6 12.0001C6 10.4785 6.56645 9.08909 7.5 8.03139C8.59942 6.78575 10.208 6.00012 12 6.00012C13.792 6.00012 15.4006 6.78575 16.5 8.03139ZM15.8978 14.2505C16.2808 13.5885 16.5 12.8199 16.5 12.0001C16.5 11.1803 16.2808 10.4117 15.8978 9.74975L14.5987 10.4998C14.4728 10.282 14.3173 10.0767 14.1321 9.88964C14.6687 10.4317 15 11.1772 15 12.0001C15 12.8269 14.6655 13.5756 14.1245 14.1183C14.313 13.9292 14.4711 13.7212 14.5987 13.5005L15.8978 14.2505ZM8.10224 9.74975C7.71922 10.4117 7.5 11.1803 7.5 12.0001C7.5 12.8199 7.71922 13.5885 8.10224 14.2505L9.40128 13.5005C9.52962 13.7225 9.68876 13.9315 9.87868 14.1214C10.0686 14.3114 10.2777 14.4705 10.4996 14.5988L9.74962 15.8979C10.4116 16.2809 11.1802 16.5001 12 16.5001C12.8198 16.5001 13.5884 16.2809 14.2504 15.8979L13.5004 14.5988C13.7211 14.4712 13.9291 14.3131 14.1181 14.1246C13.5755 14.6656 12.8268 15.0001 12 15.0001C10.3431 15.0001 9 13.657 9 12.0001C9 11.1733 9.33448 10.4246 9.8755 9.88199C9.68698 10.0711 9.52891 10.279 9.40128 10.4998L8.10224 9.74975ZM9.74911 8.10265L10.4996 9.4014C10.2789 9.52903 10.0709 9.68711 9.88186 9.87562C10.4245 9.3346 11.1732 9.00012 12 9.00012C12.8229 9.00012 13.5685 9.33146 14.1105 9.86802C13.9235 9.68285 13.7181 9.52731 13.5004 9.4014L14.2504 8.10236C13.5884 7.71934 12.8198 7.50012 12 7.50012C11.18 7.50012 10.4112 7.71945 9.74911 8.10265ZM12 13.5001C12.8284 13.5001 13.5 12.8285 13.5 12.0001C13.5 11.1717 12.8284 10.5001 12 10.5001C11.1716 10.5001 10.5 11.1717 10.5 12.0001C10.5 12.8285 11.1716 13.5001 12 13.5001Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-vessel-type-military-colour.ts

@@ -14,9 +14,9 @@ export class ObiVesselTypeMilitaryColour extends LitElement {
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18 22V8.94427C18 5.91409 16.288 3.14399 13.5777 1.78885L12 1L10.4223 1.78886C7.71202 3.14399 6 5.9141 6 8.94427V22H18Z" fill="#DDDDDD"/>
-<path d="M10.4612 16.5618C10.0754 16.856 9.53879 16.4835 9.67949 16.0192L10.2692 14.0731L8.77328 13.0072C8.37688 12.7248 8.57669 12.1 9.06341 12.1H10.8923L11.5221 10.0532C11.6669 9.58254 12.3331 9.58254 12.4779 10.0532L13.1077 12.1H14.9366C15.4233 12.1 15.6231 12.7248 15.2267 13.0072L13.7308 14.0731L14.3205 16.0192C14.4612 16.4835 13.9246 16.856 13.5388 16.5618L12 15.3885L10.4612 16.5618Z" fill="#3D3D3D"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18 22V8.94427C18 5.91409 16.288 3.14399 13.5777 1.78885L12 1L10.4223 1.78886C7.71202 3.14399 6 5.9141 6 8.94427V22H18ZM11.25 3.05205L11.0931 3.1305C8.89101 4.23154 7.5 6.48225 7.5 8.94427V20.5H11.25L11.25 19C11.25 18.5858 11.5858 18.25 12 18.25C12.4142 18.25 12.75 18.5858 12.75 19L12.75 20.5H16.5V8.94427C16.5 6.48225 15.109 4.23154 12.9069 3.1305L12.75 3.05205V7C12.75 7.41421 12.4142 7.75 12 7.75C11.5858 7.75 11.25 7.41421 11.25 7V3.05205Z" fill="#3D3D3D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 22V8.94427C18 5.91409 16.288 3.14399 13.5777 1.78885L12 1L10.4223 1.78886C7.71202 3.14399 6 5.9141 6 8.94427V22H18Z" style="fill: var(--base-categorical-100)"/>
+<path d="M10.4612 16.5618C10.0754 16.856 9.53879 16.4835 9.67949 16.0192L10.2692 14.0731L8.77328 13.0072C8.37688 12.7248 8.57669 12.1 9.06341 12.1H10.8923L11.5221 10.0532C11.6669 9.58254 12.3331 9.58254 12.4779 10.0532L13.1077 12.1H14.9366C15.4233 12.1 15.6231 12.7248 15.2267 13.0072L13.7308 14.0731L14.3205 16.0192C14.4612 16.4835 13.9246 16.856 13.5388 16.5618L12 15.3885L10.4612 16.5618Z" style="fill: var(--base-categorical-600)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 22V8.94427C18 5.91409 16.288 3.14399 13.5777 1.78885L12 1L10.4223 1.78886C7.71202 3.14399 6 5.9141 6 8.94427V22H18ZM11.25 3.05205L11.0931 3.1305C8.89101 4.23154 7.5 6.48225 7.5 8.94427V20.5H11.25L11.25 19C11.25 18.5858 11.5858 18.25 12 18.25C12.4142 18.25 12.75 18.5858 12.75 19L12.75 20.5H16.5V8.94427C16.5 6.48225 15.109 4.23154 12.9069 3.1305L12.75 3.05205V7C12.75 7.41421 12.4142 7.75 12 7.75C11.5858 7.75 11.25 7.41421 11.25 7V3.05205Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-vessel-type-motor-boat-colour.ts

@@ -13,8 +13,8 @@ export class ObiVesselTypeMotorBoatColour extends LitElement {
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10 21H6.54546L6.21132 11.9572C6.07765 8.33964 7.58421 4.85506 10.3112 2.47431L12 1L13.6888 2.47431C16.4158 4.85505 17.9223 8.33964 17.7887 11.9572L17.4545 21H14V22C14 22.5523 13.5523 23 13 23H11C10.4477 23 10 22.5523 10 22V21Z" fill="#DDDDDD"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10 21H6.54546L6.21132 11.9572C6.07765 8.33964 7.58421 4.85506 10.3112 2.47431L12 1L13.6888 2.47431C16.4158 4.85505 17.9223 8.33964 17.7887 11.9572L17.4545 21H14V22C14 22.5523 13.5523 23 13 23H11C10.4477 23 10 22.5523 10 22V21ZM11.2977 3.60429L12 2.99119L12.7023 3.60429C15.0884 5.68744 16.4067 8.73645 16.2897 11.9018L16.0089 19.5H14V18C14 17.4477 13.5523 17 13 17H11C10.4477 17 10 17.4477 10 18V19.5H7.99105L7.7103 11.9018C7.59334 8.73645 8.91158 5.68744 11.2977 3.60429Z" fill="#3D3D3D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 21H6.54546L6.21132 11.9572C6.07765 8.33964 7.58421 4.85506 10.3112 2.47431L12 1L13.6888 2.47431C16.4158 4.85505 17.9223 8.33964 17.7887 11.9572L17.4545 21H14V22C14 22.5523 13.5523 23 13 23H11C10.4477 23 10 22.5523 10 22V21Z" style="fill: var(--base-categorical-100)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 21H6.54546L6.21132 11.9572C6.07765 8.33964 7.58421 4.85506 10.3112 2.47431L12 1L13.6888 2.47431C16.4158 4.85505 17.9223 8.33964 17.7887 11.9572L17.4545 21H14V22C14 22.5523 13.5523 23 13 23H11C10.4477 23 10 22.5523 10 22V21ZM11.2977 3.60429L12 2.99119L12.7023 3.60429C15.0884 5.68744 16.4067 8.73645 16.2897 11.9018L16.0089 19.5H14V18C14 17.4477 13.5523 17 13 17H11C10.4477 17 10 17.4477 10 18V19.5H7.99105L7.7103 11.9018C7.59334 8.73645 8.91158 5.68744 11.2977 3.60429Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-vessel-type-passenger-colour.ts

@@ -21,16 +21,16 @@ export class ObiVesselTypePassengerColour extends LitElement {
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6 6C6 3.23858 8.23858 1 11 1H13C15.7614 1 18 3.23858 18 6V23H6V6Z" fill="#DDDDDD"/>
-<path d="M9 12H11V14H9V12Z" fill="#3D3D3D"/>
-<path d="M11 9H9V11H11V9Z" fill="#3D3D3D"/>
-<path d="M9 15H11V17H9V15Z" fill="#3D3D3D"/>
-<path d="M11 18H9V20H11V18Z" fill="#3D3D3D"/>
-<path d="M13 12H15V14H13V12Z" fill="#3D3D3D"/>
-<path d="M15 9H13V11H15V9Z" fill="#3D3D3D"/>
-<path d="M13 15H15V17H13V15Z" fill="#3D3D3D"/>
-<path d="M15 18H13V20H15V18Z" fill="#3D3D3D"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6 6C6 3.23858 8.23858 1 11 1H13C15.7614 1 18 3.23858 18 6V23H6V6ZM11 2.5H13C14.933 2.5 16.5 4.067 16.5 6V7.25C14.3593 4.0389 9.64073 4.0389 7.5 7.25V6C7.5 4.067 9.067 2.5 11 2.5ZM7.5 9V21.5H16.5V9C14.5661 5.42321 9.43388 5.42321 7.5 9Z" fill="#3D3D3D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 6C6 3.23858 8.23858 1 11 1H13C15.7614 1 18 3.23858 18 6V23H6V6Z" style="fill: var(--base-categorical-100)"/>
+<path d="M9 12H11V14H9V12Z" style="fill: var(--base-categorical-600)"/>
+<path d="M11 9H9V11H11V9Z" style="fill: var(--base-categorical-600)"/>
+<path d="M9 15H11V17H9V15Z" style="fill: var(--base-categorical-600)"/>
+<path d="M11 18H9V20H11V18Z" style="fill: var(--base-categorical-600)"/>
+<path d="M13 12H15V14H13V12Z" style="fill: var(--base-categorical-600)"/>
+<path d="M15 9H13V11H15V9Z" style="fill: var(--base-categorical-600)"/>
+<path d="M13 15H15V17H13V15Z" style="fill: var(--base-categorical-600)"/>
+<path d="M15 18H13V20H15V18Z" style="fill: var(--base-categorical-600)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 6C6 3.23858 8.23858 1 11 1H13C15.7614 1 18 3.23858 18 6V23H6V6ZM11 2.5H13C14.933 2.5 16.5 4.067 16.5 6V7.25C14.3593 4.0389 9.64073 4.0389 7.5 7.25V6C7.5 4.067 9.067 2.5 11 2.5ZM7.5 9V21.5H16.5V9C14.5661 5.42321 9.43388 5.42321 7.5 9Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-vessel-type-pilot-colour.ts

@@ -16,11 +16,11 @@ export class ObiVesselTypePilotColour extends LitElement {
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6 21.9607V9.56507C6 5 9 2 12.0001 1C15 2 17.9998 5 17.9998 9.56483V21.9607H6Z" fill="#DDDDDD"/>
-<path d="M6.06042 8.29398C6.61896 7.40071 7.37342 6.6425 8.26362 6.07952C9.03476 4.53334 10.3468 3.28102 12 2.59958C13.6532 3.28102 14.9652 4.53334 15.7364 6.07952C16.6266 6.6425 17.381 7.40071 17.9396 8.29399C17.5453 4.94874 15.2534 2.08447 12 1C8.74659 2.08447 6.45468 4.94873 6.06042 8.29398Z" fill="#3D3D3D"/>
-<path d="M18 15.6076V22H6V15.6076C6.40062 16.2725 6.90862 16.8653 7.5 17.3621V20.5H16.5V17.3621C17.0914 16.8653 17.5994 16.2725 18 15.6076Z" fill="#3D3D3D"/>
-<path d="M14 12L12 8L10 12L12 16L14 12Z" fill="#3D3D3D"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 15.9687C17.4335 14.911 18 13.5217 18 12C18 10.4005 17.3741 8.94717 16.3539 7.87158C15.2605 6.71887 13.7142 6 12 6C10.2858 6 8.7395 6.71886 7.64612 7.87158C6.62589 8.94717 6 10.4005 6 12C6 13.5217 6.56645 14.911 7.5 15.9687C8.59942 17.2144 10.208 18 12 18C13.792 18 15.4006 17.2144 16.5 15.9687ZM12 16.5C14.4853 16.5 16.5 14.4853 16.5 12C16.5 9.51472 14.4853 7.5 12 7.5C9.51472 7.5 7.5 9.51472 7.5 12C7.5 14.4853 9.51472 16.5 12 16.5Z" fill="#3D3D3D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 21.9607V9.56507C6 5 9 2 12.0001 1C15 2 17.9998 5 17.9998 9.56483V21.9607H6Z" style="fill: var(--base-categorical-100)"/>
+<path d="M6.06042 8.29398C6.61896 7.40071 7.37342 6.6425 8.26362 6.07952C9.03476 4.53334 10.3468 3.28102 12 2.59958C13.6532 3.28102 14.9652 4.53334 15.7364 6.07952C16.6266 6.6425 17.381 7.40071 17.9396 8.29399C17.5453 4.94874 15.2534 2.08447 12 1C8.74659 2.08447 6.45468 4.94873 6.06042 8.29398Z" style="fill: var(--base-categorical-600)"/>
+<path d="M18 15.6076V22H6V15.6076C6.40062 16.2725 6.90862 16.8653 7.5 17.3621V20.5H16.5V17.3621C17.0914 16.8653 17.5994 16.2725 18 15.6076Z" style="fill: var(--base-categorical-600)"/>
+<path d="M14 12L12 8L10 12L12 16L14 12Z" style="fill: var(--base-categorical-600)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 15.9687C17.4335 14.911 18 13.5217 18 12C18 10.4005 17.3741 8.94717 16.3539 7.87158C15.2605 6.71887 13.7142 6 12 6C10.2858 6 8.7395 6.71886 7.64612 7.87158C6.62589 8.94717 6 10.4005 6 12C6 13.5217 6.56645 14.911 7.5 15.9687C8.59942 17.2144 10.208 18 12 18C13.792 18 15.4006 17.2144 16.5 15.9687ZM12 16.5C14.4853 16.5 16.5 14.4853 16.5 12C16.5 9.51472 14.4853 7.5 12 7.5C9.51472 7.5 7.5 9.51472 7.5 12C7.5 14.4853 9.51472 16.5 12 16.5Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-vessel-type-psv-colour.ts

@@ -16,11 +16,11 @@ export class ObiVesselTypePsvColour extends LitElement {
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5303 1.17676C15.7966 2.26575 17.9998 5.32252 18 8.76562V23H6V8.76562C6.00019 5.32252 8.20338 2.26575 11.4697 1.17676L12 1L12.5303 1.17676Z" fill="#DDDDDD"/>
-<path d="M10.5 17C11.3284 17 12 17.6716 12 18.5C12 19.3284 11.3284 20 10.5 20C9.67157 20 9 19.3284 9 18.5C9 17.6716 9.67157 17 10.5 17Z" fill="#3D3D3D"/>
-<path d="M15 20H13V13H15V20Z" fill="#3D3D3D"/>
-<path d="M10.5 13C11.3284 13 12 13.6716 12 14.5C12 15.3284 11.3284 16 10.5 16C9.67157 16 9 15.3284 9 14.5C9 13.6716 9.67157 13 10.5 13Z" fill="#3D3D3D"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5303 1.17676C15.7966 2.26575 17.9998 5.32252 18 8.76562V23H6V8.76562C6.00019 5.32252 8.20338 2.26575 11.4697 1.17676L12 1L12.5303 1.17676ZM7.5 21.5H16.5V8.75H15.375L13.875 10.75H10.125L8.625 8.75H7.5V21.5ZM11.9443 2.59961C9.78244 3.3203 8.19364 5.10198 7.67871 7.25H9.375L10.875 9.25H13.125L14.625 7.25H16.3213C15.8064 5.10198 14.2176 3.3203 12.0557 2.59961L12 2.58105L11.9443 2.59961Z" fill="#3D3D3D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5303 1.17676C15.7966 2.26575 17.9998 5.32252 18 8.76562V23H6V8.76562C6.00019 5.32252 8.20338 2.26575 11.4697 1.17676L12 1L12.5303 1.17676Z" style="fill: var(--base-categorical-100)"/>
+<path d="M10.5 17C11.3284 17 12 17.6716 12 18.5C12 19.3284 11.3284 20 10.5 20C9.67157 20 9 19.3284 9 18.5C9 17.6716 9.67157 17 10.5 17Z" style="fill: var(--base-categorical-600)"/>
+<path d="M15 20H13V13H15V20Z" style="fill: var(--base-categorical-600)"/>
+<path d="M10.5 13C11.3284 13 12 13.6716 12 14.5C12 15.3284 11.3284 16 10.5 16C9.67157 16 9 15.3284 9 14.5C9 13.6716 9.67157 13 10.5 13Z" style="fill: var(--base-categorical-600)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5303 1.17676C15.7966 2.26575 17.9998 5.32252 18 8.76562V23H6V8.76562C6.00019 5.32252 8.20338 2.26575 11.4697 1.17676L12 1L12.5303 1.17676ZM7.5 21.5H16.5V8.75H15.375L13.875 10.75H10.125L8.625 8.75H7.5V21.5ZM11.9443 2.59961C9.78244 3.3203 8.19364 5.10198 7.67871 7.25H9.375L10.875 9.25H13.125L14.625 7.25H16.3213C15.8064 5.10198 14.2176 3.3203 12.0557 2.59961L12 2.58105L11.9443 2.59961Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-vessel-type-sailing-colour.ts

@@ -13,8 +13,8 @@ export class ObiVesselTypeSailingColour extends LitElement {
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M16.4219 19.3128L16.0001 21H8.0001L7.57829 19.3128C6.08707 13.3479 7.38118 7.05783 11.0402 2.18358C11.344 1.77897 11.664 1.38411 12.0001 1C12.3362 1.38411 12.6562 1.77897 12.96 2.18358C16.619 7.05783 17.9131 13.3479 16.4219 19.3128Z" fill="#DDDDDD"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.7496 21H15.9996L16.4214 19.3128C17.9127 13.3479 16.6185 7.05783 12.9595 2.18358C12.6557 1.77897 12.3357 1.38411 11.9996 1C11.6635 1.38411 11.3435 1.77897 11.0397 2.18358C7.38069 7.05783 6.08658 13.3479 7.5778 19.3128L7.99962 21H11.2496V23C11.2496 23.4142 11.5854 23.75 11.9996 23.75C12.4138 23.75 12.7496 23.4142 12.7496 23V21ZM14.8285 19.5L14.9662 18.9489C16.3143 13.5567 15.2047 7.8775 11.9996 3.41074C8.79449 7.8775 7.68495 13.5567 9.03302 18.9489L9.17078 19.5H11.2496L11.2496 11.7993C10.8013 11.54 10.4996 11.0552 10.4996 10.5C10.4996 9.67157 11.1712 9 11.9996 9C12.828 9 13.4996 9.67157 13.4996 10.5C13.4996 11.0552 13.198 11.54 12.7496 11.7993L12.7496 19.5H14.8285Z" fill="#3D3D3D"/>
+<path d="M16.4219 19.3128L16.0001 21H8.0001L7.57829 19.3128C6.08707 13.3479 7.38118 7.05783 11.0402 2.18358C11.344 1.77897 11.664 1.38411 12.0001 1C12.3362 1.38411 12.6562 1.77897 12.96 2.18358C16.619 7.05783 17.9131 13.3479 16.4219 19.3128Z" style="fill: var(--base-categorical-100)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.7496 21H15.9996L16.4214 19.3128C17.9127 13.3479 16.6185 7.05783 12.9595 2.18358C12.6557 1.77897 12.3357 1.38411 11.9996 1C11.6635 1.38411 11.3435 1.77897 11.0397 2.18358C7.38069 7.05783 6.08658 13.3479 7.5778 19.3128L7.99962 21H11.2496V23C11.2496 23.4142 11.5854 23.75 11.9996 23.75C12.4138 23.75 12.7496 23.4142 12.7496 23V21ZM14.8285 19.5L14.9662 18.9489C16.3143 13.5567 15.2047 7.8775 11.9996 3.41074C8.79449 7.8775 7.68495 13.5567 9.03302 18.9489L9.17078 19.5H11.2496L11.2496 11.7993C10.8013 11.54 10.4996 11.0552 10.4996 10.5C10.4996 9.67157 11.1712 9 11.9996 9C12.828 9 13.4996 9.67157 13.4996 10.5C13.4996 11.0552 13.198 11.54 12.7496 11.7993L12.7496 19.5H14.8285Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-vessel-type-sar-colour.ts

@@ -14,9 +14,9 @@ export class ObiVesselTypeSarColour extends LitElement {
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18 21H6V8.87858C6 5.74143 7.83362 2.89381 10.6896 1.59565L12 1L13.3104 1.59565C16.1664 2.89381 18 5.74143 18 8.87858V21Z" fill="#DDDDDD"/>
-<path d="M11.25 11.25V9H12.75V11.25H15V12.75H12.75V15H11.25V12.75H9V11.25H11.25Z" fill="#3D3D3D"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M18 21H6V8.87858C6 5.74143 7.83362 2.89381 10.6896 1.59565L12 1L13.3104 1.59565C16.1664 2.89381 18 5.74143 18 8.87858V21ZM12 2.64769L11.3103 2.9612C9.83033 3.6339 8.68827 4.81869 8.05508 6.25H15.9449C15.3117 4.81869 14.1697 3.6339 12.6897 2.9612L12 2.64769ZM16.4015 7.75H7.5985C7.53358 8.11858 7.5 8.49593 7.5 8.87858V16.25H16.5V8.87858C16.5 8.49593 16.4664 8.11858 16.4015 7.75ZM16.5 17.75H7.5V19.5H16.5V17.75Z" fill="#3D3D3D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 21H6V8.87858C6 5.74143 7.83362 2.89381 10.6896 1.59565L12 1L13.3104 1.59565C16.1664 2.89381 18 5.74143 18 8.87858V21Z" style="fill: var(--base-categorical-100)"/>
+<path d="M11.25 11.25V9H12.75V11.25H15V12.75H12.75V15H11.25V12.75H9V11.25H11.25Z" style="fill: var(--base-categorical-600)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 21H6V8.87858C6 5.74143 7.83362 2.89381 10.6896 1.59565L12 1L13.3104 1.59565C16.1664 2.89381 18 5.74143 18 8.87858V21ZM12 2.64769L11.3103 2.9612C9.83033 3.6339 8.68827 4.81869 8.05508 6.25H15.9449C15.3117 4.81869 14.1697 3.6339 12.6897 2.9612L12 2.64769ZM16.4015 7.75H7.5985C7.53358 8.11858 7.5 8.49593 7.5 8.87858V16.25H16.5V8.87858C16.5 8.49593 16.4664 8.11858 16.4015 7.75ZM16.5 17.75H7.5V19.5H16.5V17.75Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-vessel-type-smallcraft-colour.ts

@@ -13,8 +13,8 @@ export class ObiVesselTypeSmallcraftColour extends LitElement {
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5634 2.88159C8.90448 5.05396 8.03692 7.72756 8.10423 10.4601L8.36386 21H15.6366L15.8962 10.4601C15.9635 7.72756 15.096 5.05396 13.4371 2.88159L12.0002 1L10.5634 2.88159Z" fill="#DDDDDD"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0002 3.47152L11.7555 3.79196C10.304 5.69278 9.54488 8.03219 9.60377 10.4231L9.82737 19.5H14.1731L14.3967 10.4231C14.4556 8.03218 13.6965 5.69278 12.2449 3.79196L12.0002 3.47152ZM10.5634 2.88159C8.90448 5.05396 8.03692 7.72756 8.10423 10.4601L8.36386 21H15.6366L15.8962 10.4601C15.9635 7.72756 15.096 5.05396 13.4371 2.88159L12.0002 1L10.5634 2.88159Z" fill="#3D3D3D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5634 2.88159C8.90448 5.05396 8.03692 7.72756 8.10423 10.4601L8.36386 21H15.6366L15.8962 10.4601C15.9635 7.72756 15.096 5.05396 13.4371 2.88159L12.0002 1L10.5634 2.88159Z" style="fill: var(--base-categorical-100)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0002 3.47152L11.7555 3.79196C10.304 5.69278 9.54488 8.03219 9.60377 10.4231L9.82737 19.5H14.1731L14.3967 10.4231C14.4556 8.03218 13.6965 5.69278 12.2449 3.79196L12.0002 3.47152ZM10.5634 2.88159C8.90448 5.05396 8.03692 7.72756 8.10423 10.4601L8.36386 21H15.6366L15.8962 10.4601C15.9635 7.72756 15.096 5.05396 13.4371 2.88159L12.0002 1L10.5634 2.88159Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-vessel-type-speed-craft-colour.ts

@@ -13,8 +13,8 @@ export class ObiVesselTypeSpeedCraftColour extends LitElement {
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.39954 12.3907C7.14915 8.38452 8.86575 4.5075 12.0001 2C15.1345 4.5075 16.8511 8.38452 16.6007 12.3907L16.0001 22H8.00012L7.39954 12.3907Z" fill="#DDDDDD"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.39954 12.3907C7.14915 8.38452 8.86575 4.5075 12.0001 2C15.1345 4.5075 16.8511 8.38452 16.6007 12.3907L16.0001 22H8.00012L7.39954 12.3907ZM14.896 15.6198L14.5909 20.5H9.4093L9.10428 15.6198L12.0001 12L14.896 15.6198ZM15.0159 13.7011L15.1036 12.2971C15.2971 9.20115 14.1531 6.19302 12.0001 4.01485C9.84716 6.19302 8.70312 9.20115 8.89661 12.2971L8.98437 13.7012L12.0001 10L15.0159 13.7011Z" fill="#3D3D3D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.39954 12.3907C7.14915 8.38452 8.86575 4.5075 12.0001 2C15.1345 4.5075 16.8511 8.38452 16.6007 12.3907L16.0001 22H8.00012L7.39954 12.3907Z" style="fill: var(--base-categorical-100)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.39954 12.3907C7.14915 8.38452 8.86575 4.5075 12.0001 2C15.1345 4.5075 16.8511 8.38452 16.6007 12.3907L16.0001 22H8.00012L7.39954 12.3907ZM14.896 15.6198L14.5909 20.5H9.4093L9.10428 15.6198L12.0001 12L14.896 15.6198ZM15.0159 13.7011L15.1036 12.2971C15.2971 9.20115 14.1531 6.19302 12.0001 4.01485C9.84716 6.19302 8.70312 9.20115 8.89661 12.2971L8.98437 13.7012L12.0001 10L15.0159 13.7011Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-vessel-type-tanker-colour.ts

@@ -16,11 +16,11 @@ export class ObiVesselTypeTankerColour extends LitElement {
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.75 18.5H7V7.81153C7 4.36809 8.8362 2.26552 11.5585 1.17661L12 1L12.4415 1.17661C15.1638 2.26552 17 4.36809 17 7.81153V18.5H18.25C18.6642 18.5 19 18.8358 19 19.25C19 19.6642 18.6642 20 18.25 20H17V22H7V20H5.75C5.33579 20 5 19.6642 5 19.25C5 18.8358 5.33579 18.5 5.75 18.5Z" fill="#DDDDDD"/>
-<path d="M12 4C11.1716 4 10.5 4.67157 10.5 5.5C10.5 6.32843 11.1716 7 12 7C12.8284 7 13.5 6.32843 13.5 5.5C13.5 4.67157 12.8284 4 12 4Z" fill="#3D3D3D"/>
-<path d="M10.5 10C10.5 9.17157 11.1716 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.1716 11.5 10.5 10.8284 10.5 10Z" fill="#3D3D3D"/>
-<path d="M10.5 14.5C10.5 13.6716 11.1716 13 12 13C12.8284 13 13.5 13.6716 13.5 14.5C13.5 15.3284 12.8284 16 12 16C11.1716 16 10.5 15.3284 10.5 14.5Z" fill="#3D3D3D"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7 18.5H5.75C5.33579 18.5 5 18.8358 5 19.25C5 19.6642 5.33579 20 5.75 20H7V22H17V20H18.25C18.6642 20 19 19.6642 19 19.25C19 18.8358 18.6642 18.5 18.25 18.5H17V7.81153C17 4.36809 15.1638 2.26552 12.4415 1.17661L12 1L11.5585 1.17661C8.8362 2.26552 7 4.36809 7 7.81153V18.5ZM8.5 7.81153C8.5 6.37019 8.87899 5.30296 9.46884 4.49701C10.0468 3.70733 10.8945 3.07751 12 2.61652C13.1055 3.07751 13.9532 3.70733 14.5312 4.49701C15.121 5.30296 15.5 6.37019 15.5 7.81153V18.5H14C14 17.6716 13.3284 17 12.5 17H11.5C10.6716 17 10 17.6716 10 18.5H8.5V7.81153ZM8.5 20.5V20H15.5V20.5H8.5Z" fill="#3D3D3D"/>
+<path d="M5.75 18.5H7V7.81153C7 4.36809 8.8362 2.26552 11.5585 1.17661L12 1L12.4415 1.17661C15.1638 2.26552 17 4.36809 17 7.81153V18.5H18.25C18.6642 18.5 19 18.8358 19 19.25C19 19.6642 18.6642 20 18.25 20H17V22H7V20H5.75C5.33579 20 5 19.6642 5 19.25C5 18.8358 5.33579 18.5 5.75 18.5Z" style="fill: var(--base-categorical-100)"/>
+<path d="M12 4C11.1716 4 10.5 4.67157 10.5 5.5C10.5 6.32843 11.1716 7 12 7C12.8284 7 13.5 6.32843 13.5 5.5C13.5 4.67157 12.8284 4 12 4Z" style="fill: var(--base-categorical-600)"/>
+<path d="M10.5 10C10.5 9.17157 11.1716 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.1716 11.5 10.5 10.8284 10.5 10Z" style="fill: var(--base-categorical-600)"/>
+<path d="M10.5 14.5C10.5 13.6716 11.1716 13 12 13C12.8284 13 13.5 13.6716 13.5 14.5C13.5 15.3284 12.8284 16 12 16C11.1716 16 10.5 15.3284 10.5 14.5Z" style="fill: var(--base-categorical-600)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 18.5H5.75C5.33579 18.5 5 18.8358 5 19.25C5 19.6642 5.33579 20 5.75 20H7V22H17V20H18.25C18.6642 20 19 19.6642 19 19.25C19 18.8358 18.6642 18.5 18.25 18.5H17V7.81153C17 4.36809 15.1638 2.26552 12.4415 1.17661L12 1L11.5585 1.17661C8.8362 2.26552 7 4.36809 7 7.81153V18.5ZM8.5 7.81153C8.5 6.37019 8.87899 5.30296 9.46884 4.49701C10.0468 3.70733 10.8945 3.07751 12 2.61652C13.1055 3.07751 13.9532 3.70733 14.5312 4.49701C15.121 5.30296 15.5 6.37019 15.5 7.81153V18.5H14C14 17.6716 13.3284 17 12.5 17H11.5C10.6716 17 10 17.6716 10 18.5H8.5V7.81153ZM8.5 20.5V20H15.5V20.5H8.5Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-vessel-type-tug-colour.ts

@@ -15,10 +15,10 @@ export class ObiVesselTypeTugColour extends LitElement {
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7V17C18 20.3137 15.3137 23 12 23C8.68629 23 6 20.3137 6 17V7ZM16.5 7V17C16.5 19.4853 14.4853 21.5 12 21.5C9.51472 21.5 7.5 19.4853 7.5 17V7C7.5 4.51472 9.51472 2.5 12 2.5C14.4853 2.5 16.5 4.51472 16.5 7Z" fill="#DDDDDD"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 17V7C16.5 4.51472 14.4853 2.5 12 2.5C9.51472 2.5 7.5 4.51472 7.5 7V17C7.5 19.4853 9.51472 21.5 12 21.5C14.4853 21.5 16.5 19.4853 16.5 17Z" fill="#DDDDDD"/>
-<path d="M12 5L9 8V11H11.25V13.3542C10.975 13.4322 10.7124 13.553 10.4722 13.7135C10.0199 14.0156 9.66747 14.4451 9.45933 14.9476C9.25119 15.4501 9.19673 16.0031 9.30284 16.5365C9.40895 17.0699 9.67086 17.5599 10.0555 17.9445C10.4401 18.3291 10.9301 18.591 11.4635 18.6972C11.997 18.8033 12.5499 18.7488 13.0524 18.5407C13.5549 18.3325 13.9844 17.9801 14.2865 17.5278C14.5887 17.0756 14.75 16.5439 14.75 16H13.25C13.25 16.2472 13.1767 16.4889 13.0393 16.6945C12.902 16.9 12.7068 17.0602 12.4784 17.1549C12.2499 17.2495 11.9986 17.2742 11.7561 17.226C11.5137 17.1777 11.2909 17.0587 11.1161 16.8839C10.9413 16.7091 10.8223 16.4863 10.774 16.2439C10.7258 16.0014 10.7505 15.7501 10.8452 15.5216C10.9398 15.2932 11.1 15.098 11.3055 14.9607C11.5111 14.8233 11.7528 14.75 12 14.75H12.75V11H15V8L12 5Z" fill="#3D3D3D"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7V17C18 20.3137 15.3137 23 12 23C8.68629 23 6 20.3137 6 17V7ZM16.5 7V17C16.5 19.4853 14.4853 21.5 12 21.5C9.51472 21.5 7.5 19.4853 7.5 17V7C7.5 4.51472 9.51472 2.5 12 2.5C14.4853 2.5 16.5 4.51472 16.5 7Z" fill="#3D3D3D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7V17C18 20.3137 15.3137 23 12 23C8.68629 23 6 20.3137 6 17V7ZM16.5 7V17C16.5 19.4853 14.4853 21.5 12 21.5C9.51472 21.5 7.5 19.4853 7.5 17V7C7.5 4.51472 9.51472 2.5 12 2.5C14.4853 2.5 16.5 4.51472 16.5 7Z" style="fill: var(--base-categorical-100)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 17V7C16.5 4.51472 14.4853 2.5 12 2.5C9.51472 2.5 7.5 4.51472 7.5 7V17C7.5 19.4853 9.51472 21.5 12 21.5C14.4853 21.5 16.5 19.4853 16.5 17Z" style="fill: var(--base-categorical-100)"/>
+<path d="M12 5L9 8V11H11.25V13.3542C10.975 13.4322 10.7124 13.553 10.4722 13.7135C10.0199 14.0156 9.66747 14.4451 9.45933 14.9476C9.25119 15.4501 9.19673 16.0031 9.30284 16.5365C9.40895 17.0699 9.67086 17.5599 10.0555 17.9445C10.4401 18.3291 10.9301 18.591 11.4635 18.6972C11.997 18.8033 12.5499 18.7488 13.0524 18.5407C13.5549 18.3325 13.9844 17.9801 14.2865 17.5278C14.5887 17.0756 14.75 16.5439 14.75 16H13.25C13.25 16.2472 13.1767 16.4889 13.0393 16.6945C12.902 16.9 12.7068 17.0602 12.4784 17.1549C12.2499 17.2495 11.9986 17.2742 11.7561 17.226C11.5137 17.1777 11.2909 17.0587 11.1161 16.8839C10.9413 16.7091 10.8223 16.4863 10.774 16.2439C10.7258 16.0014 10.7505 15.7501 10.8452 15.5216C10.9398 15.2932 11.1 15.098 11.3055 14.9607C11.5111 14.8233 11.7528 14.75 12 14.75H12.75V11H15V8L12 5Z" style="fill: var(--base-categorical-600)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7V17C18 20.3137 15.3137 23 12 23C8.68629 23 6 20.3137 6 17V7ZM16.5 7V17C16.5 19.4853 14.4853 21.5 12 21.5C9.51472 21.5 7.5 19.4853 7.5 17V7C7.5 4.51472 9.51472 2.5 12 2.5C14.4853 2.5 16.5 4.51472 16.5 7Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-vessel-type-unknown-colour.ts

@@ -14,9 +14,9 @@ export class ObiVesselTypeUnknownColour extends LitElement {
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.376 1.35059C15.5589 3.19189 17.7124 6.62132 17.75 10.5576V22.7109H6.25V10.5576L6.25977 10.1904C6.42329 6.40859 8.54116 3.13428 11.625 1.35059L12 1.13379L12.376 1.35059Z" fill="#DDDDDD"/>
-<path d="M7.75 21.1465V22.7109H6.25V21.1465H7.75ZM11.0479 21.2109V22.7109H9.61914V21.2109H11.0479ZM14.3809 21.2109V22.7109H12.9521V21.2109H14.3809ZM17.75 21.1465V22.7109H16.25V21.1465H17.75ZM7.75 17.3486V18.9766H6.25V17.3486H7.75ZM17.75 17.3477V18.9756H16.25V17.3477H17.75ZM7.75 13.5498V15.1777H6.25V13.5498H7.75ZM17.75 13.5498V15.1777H16.25V13.5498H17.75ZM7.03418 9.82422L7.78125 9.88672C7.76249 10.1129 7.75221 10.3415 7.75 10.5723V11.3789H6.25V10.5576L6.26074 10.1582C6.26687 10.0257 6.27622 9.89392 6.28711 9.7627L7.03418 9.82422ZM17.7129 9.7627C17.7347 10.0252 17.7474 10.2903 17.75 10.5576V11.3789H16.25V10.5723L16.2402 10.2275C16.235 10.1133 16.2271 9.99974 16.2178 9.88672L16.9658 9.82422L17.7129 9.7627ZM7.90625 6.49512L8.58789 6.80859C8.39863 7.22094 8.23898 7.6496 8.11133 8.0918L6.66992 7.67578C6.81849 7.16115 7.00443 6.6623 7.22461 6.18262L7.90625 6.49512ZM16.7754 6.18262C16.9955 6.66225 17.1815 7.1612 17.3301 7.67578L15.8887 8.0918C15.761 7.64966 15.6013 7.2209 15.4121 6.80859L16.0938 6.49512L16.7754 6.18262ZM10.3945 4.18652C10.0748 4.51263 9.77873 4.86212 9.50977 5.23242L8.2959 4.35156C8.60847 3.92121 8.95275 3.51453 9.32422 3.13574L10.3945 4.18652ZM14.6758 3.13574C15.0472 3.51453 15.3916 3.92122 15.7041 4.35156L14.4902 5.23242C14.2213 4.86211 13.9252 4.51264 13.6055 4.18652L14.6758 3.13574ZM12.376 1.35059C12.6063 1.4838 12.8308 1.62603 13.0498 1.77539L12.627 2.39453L12.2051 3.01465L12 3L11.7949 3.01465L11.373 2.39453L10.9502 1.77539C11.1693 1.626 11.3946 1.48382 11.625 1.35059L12 1.13379L12.376 1.35059Z" fill="#3D3D3D"/>
-<path d="M10.9865 14.5685C10.9865 14.2999 11.0165 14.0597 11.0766 13.848C11.1441 13.6282 11.253 13.4247 11.4032 13.2374C11.5608 13.0502 11.7673 12.8548 12.0225 12.6513C12.2553 12.464 12.4392 12.3012 12.5743 12.1628C12.717 12.0163 12.8183 11.8738 12.8784 11.7354C12.9459 11.5889 12.9797 11.4261 12.9797 11.2469C12.9797 10.9701 12.8896 10.7626 12.7095 10.6242C12.5293 10.4776 12.274 10.4043 11.9437 10.4043C11.6209 10.4043 11.3056 10.4573 10.9977 10.5631C10.6974 10.6689 10.3896 10.8073 10.0743 10.9783L9.5 9.7327C9.86036 9.51289 10.2508 9.33786 10.6712 9.2076C11.0916 9.0692 11.5533 9 12.0563 9C12.8296 9 13.4302 9.20353 13.8581 9.61058C14.286 10.0095 14.5 10.5265 14.5 11.1615C14.5 11.4953 14.4512 11.7883 14.3536 12.0407C14.256 12.2849 14.1059 12.5129 13.9032 12.7246C13.708 12.9281 13.4677 13.1479 13.1824 13.384C12.9572 13.5631 12.7845 13.7178 12.6644 13.848C12.5443 13.9701 12.4617 14.0923 12.4167 14.2144C12.3791 14.3365 12.3604 14.483 12.3604 14.654V14.9959H10.9865V14.5685ZM10.795 17.0109C10.795 16.6445 10.8851 16.3881 11.0653 16.2415C11.2455 16.095 11.467 16.0217 11.7297 16.0217C11.985 16.0217 12.2027 16.095 12.3829 16.2415C12.5631 16.3881 12.6532 16.6445 12.6532 17.0109C12.6532 17.3609 12.5631 17.6133 12.3829 17.768C12.2027 17.9227 11.985 18 11.7297 18C11.467 18 11.2455 17.9227 11.0653 17.768C10.8851 17.6133 10.795 17.3609 10.795 17.0109Z" fill="#3D3D3D"/>
+<path d="M12.376 1.35059C15.5589 3.19189 17.7124 6.62132 17.75 10.5576V22.7109H6.25V10.5576L6.25977 10.1904C6.42329 6.40859 8.54116 3.13428 11.625 1.35059L12 1.13379L12.376 1.35059Z" style="fill: var(--base-categorical-100)"/>
+<path d="M7.75 21.1465V22.7109H6.25V21.1465H7.75ZM11.0479 21.2109V22.7109H9.61914V21.2109H11.0479ZM14.3809 21.2109V22.7109H12.9521V21.2109H14.3809ZM17.75 21.1465V22.7109H16.25V21.1465H17.75ZM7.75 17.3486V18.9766H6.25V17.3486H7.75ZM17.75 17.3477V18.9756H16.25V17.3477H17.75ZM7.75 13.5498V15.1777H6.25V13.5498H7.75ZM17.75 13.5498V15.1777H16.25V13.5498H17.75ZM7.03418 9.82422L7.78125 9.88672C7.76249 10.1129 7.75221 10.3415 7.75 10.5723V11.3789H6.25V10.5576L6.26074 10.1582C6.26687 10.0257 6.27622 9.89392 6.28711 9.7627L7.03418 9.82422ZM17.7129 9.7627C17.7347 10.0252 17.7474 10.2903 17.75 10.5576V11.3789H16.25V10.5723L16.2402 10.2275C16.235 10.1133 16.2271 9.99974 16.2178 9.88672L16.9658 9.82422L17.7129 9.7627ZM7.90625 6.49512L8.58789 6.80859C8.39863 7.22094 8.23898 7.6496 8.11133 8.0918L6.66992 7.67578C6.81849 7.16115 7.00443 6.6623 7.22461 6.18262L7.90625 6.49512ZM16.7754 6.18262C16.9955 6.66225 17.1815 7.1612 17.3301 7.67578L15.8887 8.0918C15.761 7.64966 15.6013 7.2209 15.4121 6.80859L16.0938 6.49512L16.7754 6.18262ZM10.3945 4.18652C10.0748 4.51263 9.77873 4.86212 9.50977 5.23242L8.2959 4.35156C8.60847 3.92121 8.95275 3.51453 9.32422 3.13574L10.3945 4.18652ZM14.6758 3.13574C15.0472 3.51453 15.3916 3.92122 15.7041 4.35156L14.4902 5.23242C14.2213 4.86211 13.9252 4.51264 13.6055 4.18652L14.6758 3.13574ZM12.376 1.35059C12.6063 1.4838 12.8308 1.62603 13.0498 1.77539L12.627 2.39453L12.2051 3.01465L12 3L11.7949 3.01465L11.373 2.39453L10.9502 1.77539C11.1693 1.626 11.3946 1.48382 11.625 1.35059L12 1.13379L12.376 1.35059Z" style="fill: var(--base-categorical-600)"/>
+<path d="M10.9865 14.5685C10.9865 14.2999 11.0165 14.0597 11.0766 13.848C11.1441 13.6282 11.253 13.4247 11.4032 13.2374C11.5608 13.0502 11.7673 12.8548 12.0225 12.6513C12.2553 12.464 12.4392 12.3012 12.5743 12.1628C12.717 12.0163 12.8183 11.8738 12.8784 11.7354C12.9459 11.5889 12.9797 11.4261 12.9797 11.2469C12.9797 10.9701 12.8896 10.7626 12.7095 10.6242C12.5293 10.4776 12.274 10.4043 11.9437 10.4043C11.6209 10.4043 11.3056 10.4573 10.9977 10.5631C10.6974 10.6689 10.3896 10.8073 10.0743 10.9783L9.5 9.7327C9.86036 9.51289 10.2508 9.33786 10.6712 9.2076C11.0916 9.0692 11.5533 9 12.0563 9C12.8296 9 13.4302 9.20353 13.8581 9.61058C14.286 10.0095 14.5 10.5265 14.5 11.1615C14.5 11.4953 14.4512 11.7883 14.3536 12.0407C14.256 12.2849 14.1059 12.5129 13.9032 12.7246C13.708 12.9281 13.4677 13.1479 13.1824 13.384C12.9572 13.5631 12.7845 13.7178 12.6644 13.848C12.5443 13.9701 12.4617 14.0923 12.4167 14.2144C12.3791 14.3365 12.3604 14.483 12.3604 14.654V14.9959H10.9865V14.5685ZM10.795 17.0109C10.795 16.6445 10.8851 16.3881 11.0653 16.2415C11.2455 16.095 11.467 16.0217 11.7297 16.0217C11.985 16.0217 12.2027 16.095 12.3829 16.2415C12.5631 16.3881 12.6532 16.6445 12.6532 17.0109C12.6532 17.3609 12.5631 17.6133 12.3829 17.768C12.2027 17.9227 11.985 18 11.7297 18C11.467 18 11.2455 17.9227 11.0653 17.768C10.8851 17.6133 10.795 17.3609 10.795 17.0109Z" style="fill: var(--base-categorical-600)"/>
 </svg>
 `;
 

package/src/icons/icon-warning-acknowledged-iec.ts

@@ -8,7 +8,7 @@ export class ObiWarningAcknowledgedIec extends LitElement {
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor"/>
-<path d="M12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5Z" stroke="#E96700"/>
+<path d="M12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5Z" stroke="currentColor"/>
 <path d="M13 13V7H11V13H13Z" fill="currentColor"/>
 <path d="M13 17V15H11V17H13Z" fill="currentColor"/>
 </svg>

package/src/icons/icon-warning-empty.ts

@@ -8,7 +8,7 @@ export class ObiWarningEmpty extends LitElement {
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="currentColor" />
-<path d="M12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5Z" stroke="black" stroke-opacity="0.1"/>
+<path d="M12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5Z" stroke="currentColor" />
 </svg>
 `;
 

package/src/icons/icon-warning-noack-iec.ts

@@ -7,13 +7,13 @@ export class ObiWarningNoackIec extends LitElement {
   @property({type: Boolean}) useCssColor = false;
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5Z" fill="currentColor" stroke="#E96700"/>
+<path d="M12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5Z" fill="currentColor" stroke="currentColor"/>
 <path d="M19.743 5.67138L13.4143 12.0001L19.743 18.3288C19.3198 18.8459 18.8459 19.3198 18.3288 19.743L12.0001 13.4143L5.67138 19.743C5.15426 19.3199 4.68032 18.8459 4.25715 18.3288L10.5859 12.0001L4.25708 5.67129C4.68024 5.15419 5.15419 4.68024 5.67129 4.25708L12.0001 10.5859L18.3288 4.25715C18.8459 4.68032 19.3199 5.15426 19.743 5.67138Z" fill="currentColor"/>
 </svg>
 `;
 
   private iconCss = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5Z" style="fill: var(--alert-warning-color)" style="stroke: var(--alert-warning-outline-color)"/>
+<path d="M12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5Z" style="fill: var(--alert-warning-color); stroke: var(--alert-warning-outline-color)"/>
 <path d="M19.743 5.67138L13.4143 12.0001L19.743 18.3288C19.3198 18.8459 18.8459 19.3198 18.3288 19.743L12.0001 13.4143L5.67138 19.743C5.15426 19.3199 4.68032 18.8459 4.25715 18.3288L10.5859 12.0001L4.25708 5.67129C4.68024 5.15419 5.15419 4.68024 5.67129 4.25708L12.0001 10.5859L18.3288 4.25715C18.8459 4.68032 19.3199 5.15426 19.743 5.67138Z" style="fill: var(--on-warning-active-color)"/>
 </svg>
 `;

package/src/icons/icon-warning-rectified-iec.ts

@@ -8,7 +8,7 @@ export class ObiWarningRectifiedIec extends LitElement {
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor"/>
-<path d="M12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5Z" stroke="#E96700"/>
+<path d="M12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5Z" stroke="currentColor"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M18.2071 9.20706L10.5 16.9142L5.79291 12.2071L7.20712 10.7928L10.5 14.0857L16.7929 7.79285L18.2071 9.20706Z" fill="currentColor"/>
 </svg>
 `;

package/src/icons/icon-warning-silenced-iec.ts

@@ -8,7 +8,7 @@ export class ObiWarningSilencedIec extends LitElement {
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor"/>
-<path d="M12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5Z" stroke="#E96700"/>
+<path d="M12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5Z" stroke="currentColor"/>
 <path d="M8.876 6.68796L7.81255 5.62451L6.75189 6.68517L10.0666 9.99993H8.29999C8.01997 9.99993 7.87995 9.99993 7.773 10.0544C7.67892 10.1024 7.60243 10.1789 7.55449 10.2729C7.49999 10.3799 7.49999 10.5199 7.49999 10.7999V13.1999C7.49999 13.48 7.49999 13.62 7.55449 13.7269C7.60243 13.821 7.67892 13.8975 7.773 13.9454C7.87995 13.9999 8.01997 13.9999 8.29999 13.9999H10.6686C10.7909 13.9999 10.8521 13.9999 10.9096 14.0137C10.9606 14.026 11.0094 14.0462 11.0541 14.0736C11.1046 14.1045 11.1478 14.1478 11.2343 14.2342L13.6343 16.6342C14.0627 17.0626 14.2769 17.2768 14.4608 17.2913C14.6203 17.3038 14.7762 17.2393 14.8802 17.1175C15 16.9773 15 16.6744 15 16.0686V14.9333L17.3585 17.2918L18.4192 16.2311L18.0684 15.8803L18.067 15.8817L8.87464 6.68932L8.876 6.68796Z" fill="currentColor"/>
 <path d="M15 10.6933V7.9313C15 7.32548 15 7.02257 14.8802 6.88231C14.7762 6.7606 14.6203 6.69602 14.4608 6.70858C14.2769 6.72305 14.0627 6.93724 13.6343 7.36561L12.6533 8.34664L15 10.6933Z" fill="currentColor"/>
 </svg>

package/src/icons/icon-warning-transferred-iec.ts

@@ -8,7 +8,7 @@ export class ObiWarningTransferredIec extends LitElement {
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor"/>
-<path d="M12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5Z" stroke="#E96700"/>
+<path d="M12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5Z" stroke="currentColor"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M13.2071 6.79297L18.4142 12.0001L13.2071 17.2072L11.7929 15.793L14.5858 13.0001H6V11.0001H14.5858L11.7929 8.20718L13.2071 6.79297Z" fill="currentColor"/>
 </svg>
 `;

package/src/icons/icon-warning-unacknowledged-iec.ts

@@ -8,7 +8,7 @@ export class ObiWarningUnacknowledgedIec extends LitElement {
 
   private icon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" fill="currentColor"/>
-<path d="M12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5Z" stroke="#E96700"/>
+<path d="M12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5Z" stroke="currentColor"/>
 <path d="M7.5 13.1999V10.7999C7.5 10.5199 7.5 10.3799 7.5545 10.2729C7.60243 10.1789 7.67892 10.1024 7.773 10.0544C7.87996 9.99993 8.01997 9.99993 8.3 9.99993H10.6686C10.7909 9.99993 10.8521 9.99993 10.9096 9.98611C10.9606 9.97386 11.0094 9.95366 11.0541 9.92625C11.1046 9.89533 11.1478 9.85209 11.2343 9.76561L13.6343 7.36561C14.0627 6.93724 14.2769 6.72305 14.4608 6.70858C14.6203 6.69602 14.7763 6.76061 14.8802 6.88231C15 7.02257 15 7.32548 15 7.9313V16.0686C15 16.6744 15 16.9773 14.8802 17.1175C14.7763 17.2392 14.6203 17.3038 14.4608 17.2913C14.2769 17.2768 14.0627 17.0626 13.6343 16.6342L11.2343 14.2342C11.1478 14.1478 11.1046 14.1045 11.0541 14.0736C11.0094 14.0462 10.9606 14.026 10.9096 14.0137C10.8521 13.9999 10.7909 13.9999 10.6686 13.9999H8.3C8.01997 13.9999 7.87996 13.9999 7.773 13.9454C7.67892 13.8975 7.60243 13.821 7.5545 13.7269C7.5 13.62 7.5 13.48 7.5 13.1999Z" fill="currentColor"/>
 </svg>
 `;