@ukic/web-components 2.1.0-beta.7 → 2.1.0-beta.9

package/dist/collection/components/ic-hero/ic-hero.css

@@ -455,14 +455,14 @@ video {
 
 :host(.has-background-image) {
   background-repeat: no-repeat;
-  background-position: right -100px;
-  background-size: auto calc(100% + 100px);
+  background-position: right -6.25rem;
+  background-size: auto calc(100% + 6.25rem);
   box-shadow: var(--ic-elevation-inset);
 }
 
 @media (prefers-reduced-motion) {
   :host(.has-background-image) {
-    background-position: right -100px !important;
+    background-position: right -6.25rem !important;
   }
 }
 
@@ -530,12 +530,12 @@ ic-typography.heading-bottom-spacing {
 @media (min-width: 1044px) {
   :host,
   .section-container {
-    min-height: 208px;
+    min-height: 13rem;
   }
 
   :host([small]),
   :host([small]) .section-container {
-    min-height: 173px;
+    min-height: 10.813rem;
   }
 
   .left-container:not(.left-container-full-width) {
@@ -543,21 +543,21 @@ ic-typography.heading-bottom-spacing {
   }
 
   .left-container {
-    min-height: 144px;
+    min-height: 9rem;
   }
 
   .right-container {
     flex-basis: 33.3%;
-    margin-left: 50px;
+    margin-left: 3.125rem;
   }
 
   .secondary-container {
-    min-height: 144px;
+    min-height: 9rem;
   }
 
   .secondary-heading,
   .secondary-subheading {
-    margin-left: 63px;
+    margin-left: 3.938rem;
   }
 }
 
@@ -568,34 +568,34 @@ ic-typography.heading-bottom-spacing {
 
   :host,
   .section-container {
-    min-height: 256px;
+    min-height: 16rem;
   }
 
   :host([small]),
   :host([small]) .section-container {
-    min-height: 240px;
+    min-height: 15rem;
   }
 
   :host([secondary-heading]),
   :host([secondary-heading]) .section-container {
-    min-height: 224px;
+    min-height: 14rem;
   }
 
   .left-container {
-    min-height: 160px;
+    min-height: 10rem;
   }
 
   .secondary-container {
-    min-height: 160px;
+    min-height: 10rem;
   }
 
   .secondary-heading,
   .secondary-subheading {
-    margin-left: 94.75px;
+    margin-left: 5.922rem;
   }
 
   .right-container {
-    margin-left: 50px;
+    margin-left: 3.125rem;
   }
 }
 
@@ -606,34 +606,34 @@ ic-typography.heading-bottom-spacing {
 
   :host,
   .section-container {
-    min-height: 256px;
+    min-height: 16rem;
   }
 
   :host([small]),
   :host([small]) .section-container {
-    min-height: 240px;
+    min-height: 15rem;
   }
 
   :host([secondary-heading]),
   :host([secondary-heading]) .section-container {
-    min-height: 224px;
+    min-height: 14rem;
   }
 
   .left-container {
-    min-height: 160px;
+    min-height: 10rem;
   }
 
   .secondary-container {
-    min-height: 160px;
+    min-height: 10rem;
   }
 
   .secondary-heading,
   .secondary-subheading {
-    margin-left: 34px;
+    margin-left: 2.125rem;
   }
 
   .right-container {
-    margin-left: 50px;
+    margin-left: 3.125rem;
   }
 }
 
@@ -644,17 +644,17 @@ ic-typography.heading-bottom-spacing {
 
   :host,
   .section-container {
-    min-height: 208px;
+    min-height: 13rem;
   }
 
   :host([small]),
   :host([small]) .section-container {
-    min-height: 173px;
+    min-height: 10.813rem;
   }
 
   :host([secondary-heading]),
   :host([secondary-heading]) .section-container {
-    min-height: 280px;
+    min-height: 17.5rem;
   }
 
   :host([secondary-heading]) .section-container,
@@ -676,7 +676,7 @@ ic-typography.heading-bottom-spacing {
   }
 
   .right-container {
-    margin-bottom: 40px;
+    margin-bottom: 2.5rem;
   }
 }
 
@@ -687,7 +687,7 @@ ic-typography.heading-bottom-spacing {
 
   :host,
   .section-container {
-    min-height: 192px;
+    min-height: 12rem;
   }
 
   :host,
@@ -697,12 +697,12 @@ ic-typography.heading-bottom-spacing {
 
   :host([small]),
   :host([small]) .section-container {
-    min-height: 173px;
+    min-height: 10.813rem;
   }
 
   :host([secondary-heading]),
   :host([secondary-heading]) .section-container {
-    min-height: 264px;
+    min-height: 16.5rem;
   }
 
   :host([secondary-heading]) .section-container,

package/dist/collection/components/ic-horizontal-scroll/assets/left-arrow.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+  <path d="M13.0875 6.175L11.9125 5L6.91251 10L11.9125 15L13.0875 13.825L9.27084 10L13.0875 6.175Z"/>
+</svg>

package/dist/collection/components/ic-horizontal-scroll/assets/right-arrow.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+  <path d="M8.08748 5L6.91248 6.175L10.7291 10L6.91248 13.825L8.08748 15L13.0875 10L8.08748 5Z"/>
+</svg>