Merge branch 'development'

src/components/hy-list-item/hy-list-item.scss

@@ -123,7 +123,7 @@
         color: var(--grayscale-black);
         left: -4px;
         letter-spacing: -0.07px;
-        padding: 8px 5px;
+        padding: 5px 8px;
         position: absolute;
         top: 16px;
         text-transform: uppercase;
@@ -249,14 +249,13 @@
           height: 14px;
           width: 14px;
           border: 3px solid #ffffff;
-          border-radius: 4px;
+          border-radius: 50%;
           background-color: #f9a21a;
           left: -7px;
           position: absolute;
 
           @include breakpoint($narrow) {
             border: none;
-            border-radius: 4px;
             height: 8px;
             margin-right: 6px;
             width: 8px;
@@ -390,6 +389,7 @@
           letter-spacing: -0.2px;
           height: 100%;
           padding: 8px 0;
+          text-align: left;
           width: 100%;
 
           @include breakpoint($narrow) {

src/components/hy-video/hy-video.scss

@@ -236,7 +236,6 @@
   display: block;
   font-family: var(--main-font-family);
   letter-spacing: 0;
-  margin-bottom: 16px;
   width: 100%;
 
   @include breakpoint($narrow) {

src/components/hy-video/hy-video.tsx

@@ -121,9 +121,7 @@ export class HyVideo {
               )}
             </div>
           )}
-          {this.videoDescription && (
-            <hy-paragraph-text class="hy-video__meta__description">{this.videoDescription}</hy-paragraph-text>
-          )}
+          {this.videoDescription && <div class="hy-video__meta__description">{this.videoDescription}</div>}
         </div>
       </div>,
       <hy-box mb="1.75, 1.75, 2, 2.5" />,

src/components/hy-video/readme.md

@@ -29,7 +29,6 @@
 
 - [hy-icon](../icon)
 - [hy-heading](../heading)
-- [hy-paragraph-text](../paragraph-text)
 - [hy-box](../hy-box)
 
 ### Graph
@@ -38,10 +37,8 @@
 graph TD;
   hy-video --> hy-icon
   hy-video --> hy-heading
-  hy-video --> hy-paragraph-text
   hy-video --> hy-box
   hy-heading --> hy-box
-  hy-paragraph-text --> hy-box
   style hy-video fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

src/components/paragraph-text/readme.md

@@ -39,10 +39,6 @@ Basic text paragraph.
 
 ## Dependencies
 
-### Used by
-
-- [hy-video](../hy-video)
-
 ### Depends on
 
 - [hy-box](../hy-box)
@@ -52,7 +48,6 @@ Basic text paragraph.
 ```mermaid
 graph TD;
   hy-paragraph-text --> hy-box
-  hy-video --> hy-paragraph-text
   style hy-paragraph-text fill:#f9f,stroke:#333,stroke-width:4px
 ```