@dta-au/civictheme-twig 1.13.1

package/components/02-molecules/attachment/__snapshots__/attachment.test.js.snap

@@ -0,0 +1,694 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Attachment Component does not render when files are empty 1`] = `
+<div>
+  
+
+
+</div>
+`;
+
+exports[`Attachment Component renders with multiple files and attributes 1`] = `
+<div>
+  
+
+  
+  <div
+    class="ct-attachment ct-theme-light   "
+  >
+    
+    
+    <div
+      class="container"
+    >
+      
+      
+      <div
+        class="row"
+      >
+        
+        
+        <div
+          class="col-xxs-12"
+        >
+          
+          
+          <div
+            class="ct-attachment__wrapper"
+          >
+            
+                                      
+                                      
+                                                                                                              
+              
+
+  
+            <ul
+              class="ct-item-list ct-item-list--vertical ct-item-list--regular  ct-attachment__links"
+            >
+              
+                  
+              <li
+                class="ct-item-list__item"
+              >
+                                  
+                <svg
+                  aria-hidden="true"
+                  class="ct-icon ct-icon--size-large ct-attachment__links__link__icon"
+                  height="24"
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width="24"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  
+
+                  <path
+                    d="M10 20H5C4.73478 20 4.48043 19.8946 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V5C4 4.73478 4.10536 4.48043 4.29289 4.29289C4.48043 4.10536 4.73478 4 5 4H10V7C10 7.79565 10.3161 8.55871 10.8787 9.12132C11.4413 9.68393 12.2044 10 13 10H17C17.1974 9.99901 17.3901 9.93961 17.5539 9.82928C17.7176 9.71895 17.845 9.56262 17.92 9.38C17.9966 9.19789 18.0175 8.99718 17.9801 8.80319C17.9428 8.6092 17.8488 8.43062 17.71 8.29L11.71 2.29C11.6273 2.21222 11.5328 2.14808 11.43 2.1C11.4002 2.09576 11.3699 2.09576 11.34 2.1L11.06 2H5C4.20435 2 3.44129 2.31607 2.87868 2.87868C2.31607 3.44129 2 4.20435 2 5V19C2 19.7956 2.31607 20.5587 2.87868 21.1213C3.44129 21.6839 4.20435 22 5 22H10C10.2652 22 10.5196 21.8946 10.7071 21.7071C10.8946 21.5196 11 21.2652 11 21C11 20.7348 10.8946 20.4804 10.7071 20.2929C10.5196 20.1054 10.2652 20 10 20ZM12 5.41L14.59 8H13C12.7348 8 12.4804 7.89464 12.2929 7.70711C12.1054 7.51957 12 7.26522 12 7V5.41ZM13 13C13 12.7348 12.8946 12.4804 12.7071 12.2929C12.5196 12.1054 12.2652 12 12 12H7C6.73478 12 6.48043 12.1054 6.29289 12.2929C6.10536 12.4804 6 12.7348 6 13C6 13.2652 6.10536 13.5196 6.29289 13.7071C6.48043 13.8946 6.73478 14 7 14H12C12.2652 14 12.5196 13.8946 12.7071 13.7071C12.8946 13.5196 13 13.2652 13 13ZM7 10H8C8.26522 10 8.51957 9.89464 8.70711 9.70711C8.89464 9.51957 9 9.26522 9 9C9 8.73478 8.89464 8.48043 8.70711 8.29289C8.51957 8.10536 8.26522 8 8 8H7C6.73478 8 6.48043 8.10536 6.29289 8.29289C6.10536 8.48043 6 8.73478 6 9C6 9.26522 6.10536 9.51957 6.29289 9.70711C6.48043 9.89464 6.73478 10 7 10ZM7 16C6.73478 16 6.48043 16.1054 6.29289 16.2929C6.10536 16.4804 6 16.7348 6 17C6 17.2652 6.10536 17.5196 6.29289 17.7071C6.48043 17.8946 6.73478 18 7 18H9C9.26522 18 9.51957 17.8946 9.70711 17.7071C9.89464 17.5196 10 17.2652 10 17C10 16.7348 9.89464 16.4804 9.70711 16.2929C9.51957 16.1054 9.26522 16 9 16H7Z"
+                  />
+                  
+
+                  <path
+                    d="M22.714 17.2967C22.1146 16.7075 20.4047 16.8695 19.5497 16.9775C18.7046 16.462 18.1395 15.75 17.7415 14.7041C17.9332 13.9135 18.2378 12.7105 18.0069 11.9543C17.8005 10.6679 16.1496 10.7955 15.9137 11.6646C15.6975 12.4552 15.8941 13.5551 16.2577 14.9594C15.7663 16.133 15.0342 17.7092 14.5183 18.6126C13.5356 19.1184 12.2089 19.8991 12.0124 20.8812C11.8502 21.657 13.2899 23.5916 15.7516 19.3492C16.8522 18.9858 18.0511 18.539 19.1124 18.3622C20.0411 18.8631 21.127 19.197 21.8542 19.197C23.1071 19.197 23.2299 17.8123 22.714 17.2967ZM12.9803 21.1169C13.2309 20.4442 14.1842 19.6683 14.4741 19.3983C13.5405 20.8861 12.9803 21.1512 12.9803 21.1169ZM16.9898 11.7579C17.3534 11.7579 17.319 13.3341 17.0782 13.7613C16.862 13.0788 16.8669 11.7579 16.9898 11.7579ZM15.7909 18.4653C16.2675 17.6355 16.6753 16.6485 17.0045 15.7794C17.4123 16.5209 17.9332 17.115 18.4835 17.5226C17.4615 17.7337 16.5721 18.1658 15.7909 18.4653ZM22.2571 18.2198C22.2571 18.2198 22.0114 18.5144 20.4243 17.8368C22.149 17.7092 22.434 18.102 22.2571 18.2198Z"
+                  />
+                  
+
+                </svg>
+                
+
+                  
+                <div
+                  class="ct-attachment__links__link__wrapper"
+                >
+                  
+                    
+                    
+                  <a
+                    class="ct-link ct-theme-light     ct-attachment__links__link"
+                    href="https://example.com/file1.pdf"
+                    title="Download File 1"
+                  >
+                    <span
+                      class="ct-text-icon__text"
+                    >
+                                            File 1
+                                              
+                      <span
+                        class="ct-attachment__links__link__extension"
+                      >
+                        (pdf, 1MB)
+                      </span>
+                      
+                                          
+                    </span>
+                  </a>
+                  
+                                          
+
+
+                  <div
+                    class="ct-paragraph ct-theme-light ct-paragraph--small  ct-attachment__links__link__changed"
+                  >
+                    LAST UPDATED: 2023-01-02
+                  </div>
+                                                        
+                </div>
+                
+                
+              </li>
+              
+                        
+              <li
+                class="ct-item-list__item"
+              >
+                                  
+                <svg
+                  aria-hidden="true"
+                  class="ct-icon ct-icon--size-large ct-attachment__links__link__icon"
+                  height="24"
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width="24"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  
+
+                  <path
+                    d="M12 20H5C4.73478 20 4.48043 19.8946 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V5C4 4.73478 4.10536 4.48043 4.29289 4.29289C4.48043 4.10536 4.73478 4 5 4H10V7C10 7.79565 10.3161 8.55871 10.8787 9.12132C11.4413 9.68393 12.2044 10 13 10H16V12C16 12.2652 16.1054 12.5196 16.2929 12.7071C16.4804 12.8946 16.7348 13 17 13C17.2652 13 17.5196 12.8946 17.7071 12.7071C17.8946 12.5196 18 12.2652 18 12V9C18 9 18 9 18 8.94C17.9896 8.84813 17.9695 8.75763 17.94 8.67V8.58C17.8919 8.47718 17.8278 8.38267 17.75 8.3L11.75 2.3C11.6673 2.22222 11.5728 2.15808 11.47 2.11C11.4402 2.10576 11.4099 2.10576 11.38 2.11C11.2784 2.05174 11.1662 2.01434 11.05 2H5C4.20435 2 3.44129 2.31607 2.87868 2.87868C2.31607 3.44129 2 4.20435 2 5V19C2 19.7956 2.31607 20.5587 2.87868 21.1213C3.44129 21.6839 4.20435 22 5 22H12C12.2652 22 12.5196 21.8946 12.7071 21.7071C12.8946 21.5196 13 21.2652 13 21C13 20.7348 12.8946 20.4804 12.7071 20.2929C12.5196 20.1054 12.2652 20 12 20ZM12 5.41L14.59 8H13C12.7348 8 12.4804 7.89464 12.2929 7.70711C12.1054 7.51957 12 7.26522 12 7V5.41ZM7 8C6.73478 8 6.48043 8.10536 6.29289 8.29289C6.10536 8.48043 6 8.73478 6 9C6 9.26522 6.10536 9.51957 6.29289 9.70711C6.48043 9.89464 6.73478 10 7 10H8C8.26522 10 8.51957 9.89464 8.70711 9.70711C8.89464 9.51957 9 9.26522 9 9C9 8.73478 8.89464 8.48043 8.70711 8.29289C8.51957 8.10536 8.26522 8 8 8H7ZM13 12H7C6.73478 12 6.48043 12.1054 6.29289 12.2929C6.10536 12.4804 6 12.7348 6 13C6 13.2652 6.10536 13.5196 6.29289 13.7071C6.48043 13.8946 6.73478 14 7 14H13C13.2652 14 13.5196 13.8946 13.7071 13.7071C13.8946 13.5196 14 13.2652 14 13C14 12.7348 13.8946 12.4804 13.7071 12.2929C13.5196 12.1054 13.2652 12 13 12ZM11 18C11.2652 18 11.5196 17.8946 11.7071 17.7071C11.8946 17.5196 12 17.2652 12 17C12 16.7348 11.8946 16.4804 11.7071 16.2929C11.5196 16.1054 11.2652 16 11 16H7C6.73478 16 6.48043 16.1054 6.29289 16.2929C6.10536 16.4804 6 16.7348 6 17C6 17.2652 6.10536 17.5196 6.29289 17.7071C6.48043 17.8946 6.73478 18 7 18H11Z"
+                  />
+                  
+
+                  <path
+                    d="M20.9243 15.0075C20.7034 15.0075 20.5136 15.1575 20.471 15.3637C19.6729 19.0275 19.6807 18.9412 19.6574 19.245C19.6497 19.2 19.6419 19.1475 19.6303 19.0838C19.5993 18.8925 19.6419 19.0913 18.716 15.3525C18.6657 15.15 18.4797 15.0075 18.2628 15.0075H17.7475C17.5345 15.0075 17.3485 15.15 17.2943 15.3487C16.349 19.0612 16.3645 18.9562 16.3335 19.2375C16.3296 19.1962 16.3258 19.1437 16.3141 19.08C16.287 18.885 15.7679 16.3312 15.5742 15.3675C15.5316 15.1575 15.3417 15.0037 15.117 15.0037H14.4662C14.164 15.0037 13.9432 15.2775 14.0129 15.5588C14.3229 16.7813 15.0473 19.665 15.2991 20.6588C15.3495 20.8613 15.5354 21 15.7524 21H16.7287C16.9417 21 17.1277 20.8613 17.178 20.6588L17.8715 17.9813C17.9296 17.7487 17.9684 17.5312 17.9877 17.3325L18.1001 17.9813C18.1039 17.9962 18.5882 19.875 18.7935 20.6588C18.8439 20.8575 19.0298 21 19.2429 21H20.1998C20.4129 21 20.5988 20.8613 20.6492 20.6588C21.455 17.5875 21.8192 16.1963 21.9858 15.5588C22.0594 15.2738 21.8385 15 21.5364 15H20.9243V15.0075Z"
+                  />
+                  
+
+                </svg>
+                
+
+                  
+                <div
+                  class="ct-attachment__links__link__wrapper"
+                >
+                  
+                    
+                    
+                  <a
+                    class="ct-link ct-theme-light     ct-attachment__links__link"
+                    href="https://example.com/file2.docx"
+                    title="Download File 2"
+                  >
+                    <span
+                      class="ct-text-icon__text"
+                    >
+                                            File 2
+                                              
+                      <span
+                        class="ct-attachment__links__link__extension"
+                      >
+                        (docx, 2MB)
+                      </span>
+                      
+                                          
+                    </span>
+                  </a>
+                  
+                                          
+
+
+                  <div
+                    class="ct-paragraph ct-theme-light ct-paragraph--small  ct-attachment__links__link__changed"
+                  >
+                    LAST UPDATED: 2023-01-04
+                  </div>
+                                                        
+                </div>
+                
+                
+              </li>
+              
+                        
+              <li
+                class="ct-item-list__item"
+              >
+                                  
+                  
+                <div
+                  class="ct-attachment__links__link__wrapper"
+                >
+                  
+                    
+                    
+                  <a
+                    class="ct-link ct-theme-light     ct-attachment__links__link"
+                    href="https://example.com/file3"
+                    title="Download File without extension"
+                  >
+                    <span
+                      class="ct-text-icon__text"
+                    >
+                                            File without extension
+                                          
+                    </span>
+                  </a>
+                  
+                                      
+                </div>
+                
+                
+              </li>
+              
+                        
+              <li
+                class="ct-item-list__item"
+              >
+                                  
+                  
+                <div
+                  class="ct-attachment__links__link__wrapper"
+                >
+                  
+                    
+                    
+                  <a
+                    class="ct-link ct-theme-light     ct-attachment__links__link"
+                    href="https://example.com/file4.txt"
+                    title="Download File with only extension"
+                  >
+                    <span
+                      class="ct-text-icon__text"
+                    >
+                                            File with only extension
+                                              
+                      <span
+                        class="ct-attachment__links__link__extension"
+                      >
+                        (txt)
+                      </span>
+                      
+                                          
+                    </span>
+                  </a>
+                  
+                                      
+                </div>
+                
+                
+              </li>
+              
+                        
+              <li
+                class="ct-item-list__item"
+              >
+                                  
+                  
+                <div
+                  class="ct-attachment__links__link__wrapper"
+                >
+                  
+                    
+                    
+                  <a
+                    class="ct-link ct-theme-light     ct-attachment__links__link"
+                    href="https://example.com/file5"
+                    title="Download File with only size"
+                  >
+                    <span
+                      class="ct-text-icon__text"
+                    >
+                                            File with only size
+                                              
+                      <span
+                        class="ct-attachment__links__link__extension"
+                      >
+                        (500KB)
+                      </span>
+                      
+                                          
+                    </span>
+                  </a>
+                  
+                                      
+                </div>
+                
+                
+              </li>
+              
+            
+            </ul>
+            
+            
+                                                
+          </div>
+          
+        
+        </div>
+        
+      
+      </div>
+      
+    
+    </div>
+    
+  
+  </div>
+  
+
+</div>
+`;
+
+exports[`Attachment Component renders with optional attributes 1`] = `
+<div>
+  
+
+  
+  <div
+    class="ct-attachment ct-theme-dark ct-vertical-spacing-inset--both ct-attachment--with-background custom-class"
+    data-test="true"
+  >
+    
+    
+    <div
+      class="container"
+    >
+      
+      
+      <div
+        class="row"
+      >
+        
+        
+        <div
+          class="col-xxs-12"
+        >
+          
+          
+          <div
+            class="ct-attachment__wrapper"
+          >
+            
+                                          
+            <div
+              class="ct-attachment__content-top"
+            >
+              Top content
+            </div>
+            
+                          
+                                          
+            <div
+              class="ct-attachment__inner"
+            >
+              
+                                      
+
+
+  
+              <h4
+                class="ct-heading ct-theme-dark ct-attachment__title"
+              >
+                Attachment Title
+              </h4>
+              
+                  
+                                      
+
+
+              <div
+                class="ct-paragraph ct-theme-dark ct-paragraph--small  ct-attachment__content"
+              >
+                Attachment content
+              </div>
+                                                
+            </div>
+            
+                          
+                                                      
+              
+
+  
+            <ul
+              class="ct-item-list ct-item-list--vertical ct-item-list--regular  ct-attachment__links"
+            >
+              
+                  
+              <li
+                class="ct-item-list__item"
+              >
+                                  
+                <svg
+                  aria-hidden="true"
+                  class="ct-icon ct-icon--size-large ct-attachment__links__link__icon"
+                  height="24"
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width="24"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  
+
+                  <path
+                    d="M10 20H5C4.73478 20 4.48043 19.8946 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V5C4 4.73478 4.10536 4.48043 4.29289 4.29289C4.48043 4.10536 4.73478 4 5 4H10V7C10 7.79565 10.3161 8.55871 10.8787 9.12132C11.4413 9.68393 12.2044 10 13 10H17C17.1974 9.99901 17.3901 9.93961 17.5539 9.82928C17.7176 9.71895 17.845 9.56262 17.92 9.38C17.9966 9.19789 18.0175 8.99718 17.9801 8.80319C17.9428 8.6092 17.8488 8.43062 17.71 8.29L11.71 2.29C11.6273 2.21222 11.5328 2.14808 11.43 2.1C11.4002 2.09576 11.3699 2.09576 11.34 2.1L11.06 2H5C4.20435 2 3.44129 2.31607 2.87868 2.87868C2.31607 3.44129 2 4.20435 2 5V19C2 19.7956 2.31607 20.5587 2.87868 21.1213C3.44129 21.6839 4.20435 22 5 22H10C10.2652 22 10.5196 21.8946 10.7071 21.7071C10.8946 21.5196 11 21.2652 11 21C11 20.7348 10.8946 20.4804 10.7071 20.2929C10.5196 20.1054 10.2652 20 10 20ZM12 5.41L14.59 8H13C12.7348 8 12.4804 7.89464 12.2929 7.70711C12.1054 7.51957 12 7.26522 12 7V5.41ZM13 13C13 12.7348 12.8946 12.4804 12.7071 12.2929C12.5196 12.1054 12.2652 12 12 12H7C6.73478 12 6.48043 12.1054 6.29289 12.2929C6.10536 12.4804 6 12.7348 6 13C6 13.2652 6.10536 13.5196 6.29289 13.7071C6.48043 13.8946 6.73478 14 7 14H12C12.2652 14 12.5196 13.8946 12.7071 13.7071C12.8946 13.5196 13 13.2652 13 13ZM7 10H8C8.26522 10 8.51957 9.89464 8.70711 9.70711C8.89464 9.51957 9 9.26522 9 9C9 8.73478 8.89464 8.48043 8.70711 8.29289C8.51957 8.10536 8.26522 8 8 8H7C6.73478 8 6.48043 8.10536 6.29289 8.29289C6.10536 8.48043 6 8.73478 6 9C6 9.26522 6.10536 9.51957 6.29289 9.70711C6.48043 9.89464 6.73478 10 7 10ZM7 16C6.73478 16 6.48043 16.1054 6.29289 16.2929C6.10536 16.4804 6 16.7348 6 17C6 17.2652 6.10536 17.5196 6.29289 17.7071C6.48043 17.8946 6.73478 18 7 18H9C9.26522 18 9.51957 17.8946 9.70711 17.7071C9.89464 17.5196 10 17.2652 10 17C10 16.7348 9.89464 16.4804 9.70711 16.2929C9.51957 16.1054 9.26522 16 9 16H7Z"
+                  />
+                  
+
+                  <path
+                    d="M22.714 17.2967C22.1146 16.7075 20.4047 16.8695 19.5497 16.9775C18.7046 16.462 18.1395 15.75 17.7415 14.7041C17.9332 13.9135 18.2378 12.7105 18.0069 11.9543C17.8005 10.6679 16.1496 10.7955 15.9137 11.6646C15.6975 12.4552 15.8941 13.5551 16.2577 14.9594C15.7663 16.133 15.0342 17.7092 14.5183 18.6126C13.5356 19.1184 12.2089 19.8991 12.0124 20.8812C11.8502 21.657 13.2899 23.5916 15.7516 19.3492C16.8522 18.9858 18.0511 18.539 19.1124 18.3622C20.0411 18.8631 21.127 19.197 21.8542 19.197C23.1071 19.197 23.2299 17.8123 22.714 17.2967ZM12.9803 21.1169C13.2309 20.4442 14.1842 19.6683 14.4741 19.3983C13.5405 20.8861 12.9803 21.1512 12.9803 21.1169ZM16.9898 11.7579C17.3534 11.7579 17.319 13.3341 17.0782 13.7613C16.862 13.0788 16.8669 11.7579 16.9898 11.7579ZM15.7909 18.4653C16.2675 17.6355 16.6753 16.6485 17.0045 15.7794C17.4123 16.5209 17.9332 17.115 18.4835 17.5226C17.4615 17.7337 16.5721 18.1658 15.7909 18.4653ZM22.2571 18.2198C22.2571 18.2198 22.0114 18.5144 20.4243 17.8368C22.149 17.7092 22.434 18.102 22.2571 18.2198Z"
+                  />
+                  
+
+                </svg>
+                
+
+                  
+                <div
+                  class="ct-attachment__links__link__wrapper"
+                >
+                  
+                    
+                    
+                  <a
+                    class="ct-link ct-theme-dark     ct-attachment__links__link"
+                    href="https://example.com/file1.pdf"
+                    title="Download File 1"
+                  >
+                    <span
+                      class="ct-text-icon__text"
+                    >
+                                            File 1
+                                              
+                      <span
+                        class="ct-attachment__links__link__extension"
+                      >
+                        (pdf, 1MB)
+                      </span>
+                      
+                                          
+                    </span>
+                  </a>
+                  
+                                          
+
+
+                  <div
+                    class="ct-paragraph ct-theme-dark ct-paragraph--small  ct-attachment__links__link__changed"
+                  >
+                    LAST UPDATED: 2023-01-02
+                  </div>
+                                                        
+                </div>
+                
+                
+              </li>
+              
+            
+            </ul>
+            
+            
+                                          
+            <div
+              class="ct-attachment__content-bottom"
+            >
+              Bottom content
+            </div>
+            
+                                    
+          </div>
+          
+        
+        </div>
+        
+      
+      </div>
+      
+    
+    </div>
+    
+  
+  </div>
+  
+
+</div>
+`;
+
+exports[`Attachment Component renders with required attributes 1`] = `
+<div>
+  
+
+  
+  <div
+    class="ct-attachment ct-theme-light   "
+  >
+    
+    
+    <div
+      class="container"
+    >
+      
+      
+      <div
+        class="row"
+      >
+        
+        
+        <div
+          class="col-xxs-12"
+        >
+          
+          
+          <div
+            class="ct-attachment__wrapper"
+          >
+            
+                                      
+                                      
+                                                                    
+              
+
+  
+            <ul
+              class="ct-item-list ct-item-list--vertical ct-item-list--regular  ct-attachment__links"
+            >
+              
+                  
+              <li
+                class="ct-item-list__item"
+              >
+                                  
+                <svg
+                  aria-hidden="true"
+                  class="ct-icon ct-icon--size-large ct-attachment__links__link__icon"
+                  height="24"
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width="24"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  
+
+                  <path
+                    d="M10 20H5C4.73478 20 4.48043 19.8946 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V5C4 4.73478 4.10536 4.48043 4.29289 4.29289C4.48043 4.10536 4.73478 4 5 4H10V7C10 7.79565 10.3161 8.55871 10.8787 9.12132C11.4413 9.68393 12.2044 10 13 10H17C17.1974 9.99901 17.3901 9.93961 17.5539 9.82928C17.7176 9.71895 17.845 9.56262 17.92 9.38C17.9966 9.19789 18.0175 8.99718 17.9801 8.80319C17.9428 8.6092 17.8488 8.43062 17.71 8.29L11.71 2.29C11.6273 2.21222 11.5328 2.14808 11.43 2.1C11.4002 2.09576 11.3699 2.09576 11.34 2.1L11.06 2H5C4.20435 2 3.44129 2.31607 2.87868 2.87868C2.31607 3.44129 2 4.20435 2 5V19C2 19.7956 2.31607 20.5587 2.87868 21.1213C3.44129 21.6839 4.20435 22 5 22H10C10.2652 22 10.5196 21.8946 10.7071 21.7071C10.8946 21.5196 11 21.2652 11 21C11 20.7348 10.8946 20.4804 10.7071 20.2929C10.5196 20.1054 10.2652 20 10 20ZM12 5.41L14.59 8H13C12.7348 8 12.4804 7.89464 12.2929 7.70711C12.1054 7.51957 12 7.26522 12 7V5.41ZM13 13C13 12.7348 12.8946 12.4804 12.7071 12.2929C12.5196 12.1054 12.2652 12 12 12H7C6.73478 12 6.48043 12.1054 6.29289 12.2929C6.10536 12.4804 6 12.7348 6 13C6 13.2652 6.10536 13.5196 6.29289 13.7071C6.48043 13.8946 6.73478 14 7 14H12C12.2652 14 12.5196 13.8946 12.7071 13.7071C12.8946 13.5196 13 13.2652 13 13ZM7 10H8C8.26522 10 8.51957 9.89464 8.70711 9.70711C8.89464 9.51957 9 9.26522 9 9C9 8.73478 8.89464 8.48043 8.70711 8.29289C8.51957 8.10536 8.26522 8 8 8H7C6.73478 8 6.48043 8.10536 6.29289 8.29289C6.10536 8.48043 6 8.73478 6 9C6 9.26522 6.10536 9.51957 6.29289 9.70711C6.48043 9.89464 6.73478 10 7 10ZM7 16C6.73478 16 6.48043 16.1054 6.29289 16.2929C6.10536 16.4804 6 16.7348 6 17C6 17.2652 6.10536 17.5196 6.29289 17.7071C6.48043 17.8946 6.73478 18 7 18H9C9.26522 18 9.51957 17.8946 9.70711 17.7071C9.89464 17.5196 10 17.2652 10 17C10 16.7348 9.89464 16.4804 9.70711 16.2929C9.51957 16.1054 9.26522 16 9 16H7Z"
+                  />
+                  
+
+                  <path
+                    d="M22.714 17.2967C22.1146 16.7075 20.4047 16.8695 19.5497 16.9775C18.7046 16.462 18.1395 15.75 17.7415 14.7041C17.9332 13.9135 18.2378 12.7105 18.0069 11.9543C17.8005 10.6679 16.1496 10.7955 15.9137 11.6646C15.6975 12.4552 15.8941 13.5551 16.2577 14.9594C15.7663 16.133 15.0342 17.7092 14.5183 18.6126C13.5356 19.1184 12.2089 19.8991 12.0124 20.8812C11.8502 21.657 13.2899 23.5916 15.7516 19.3492C16.8522 18.9858 18.0511 18.539 19.1124 18.3622C20.0411 18.8631 21.127 19.197 21.8542 19.197C23.1071 19.197 23.2299 17.8123 22.714 17.2967ZM12.9803 21.1169C13.2309 20.4442 14.1842 19.6683 14.4741 19.3983C13.5405 20.8861 12.9803 21.1512 12.9803 21.1169ZM16.9898 11.7579C17.3534 11.7579 17.319 13.3341 17.0782 13.7613C16.862 13.0788 16.8669 11.7579 16.9898 11.7579ZM15.7909 18.4653C16.2675 17.6355 16.6753 16.6485 17.0045 15.7794C17.4123 16.5209 17.9332 17.115 18.4835 17.5226C17.4615 17.7337 16.5721 18.1658 15.7909 18.4653ZM22.2571 18.2198C22.2571 18.2198 22.0114 18.5144 20.4243 17.8368C22.149 17.7092 22.434 18.102 22.2571 18.2198Z"
+                  />
+                  
+
+                </svg>
+                
+
+                  
+                <div
+                  class="ct-attachment__links__link__wrapper"
+                >
+                  
+                    
+                    
+                  <a
+                    class="ct-link ct-theme-light     ct-attachment__links__link"
+                    href="https://example.com/file1.pdf"
+                    title="Download File 1"
+                  >
+                    <span
+                      class="ct-text-icon__text"
+                    >
+                                            File 1
+                                              
+                      <span
+                        class="ct-attachment__links__link__extension"
+                      >
+                        (pdf, 1MB)
+                      </span>
+                      
+                                          
+                    </span>
+                  </a>
+                  
+                                          
+
+
+                  <div
+                    class="ct-paragraph ct-theme-light ct-paragraph--small  ct-attachment__links__link__changed"
+                  >
+                    LAST UPDATED: 2023-01-02
+                  </div>
+                                                        
+                </div>
+                
+                
+              </li>
+              
+                        
+              <li
+                class="ct-item-list__item"
+              >
+                                  
+                <svg
+                  aria-hidden="true"
+                  class="ct-icon ct-icon--size-large ct-attachment__links__link__icon"
+                  height="24"
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width="24"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  
+
+                  <path
+                    d="M12 20H5C4.73478 20 4.48043 19.8946 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V5C4 4.73478 4.10536 4.48043 4.29289 4.29289C4.48043 4.10536 4.73478 4 5 4H10V7C10 7.79565 10.3161 8.55871 10.8787 9.12132C11.4413 9.68393 12.2044 10 13 10H16V12C16 12.2652 16.1054 12.5196 16.2929 12.7071C16.4804 12.8946 16.7348 13 17 13C17.2652 13 17.5196 12.8946 17.7071 12.7071C17.8946 12.5196 18 12.2652 18 12V9C18 9 18 9 18 8.94C17.9896 8.84813 17.9695 8.75763 17.94 8.67V8.58C17.8919 8.47718 17.8278 8.38267 17.75 8.3L11.75 2.3C11.6673 2.22222 11.5728 2.15808 11.47 2.11C11.4402 2.10576 11.4099 2.10576 11.38 2.11C11.2784 2.05174 11.1662 2.01434 11.05 2H5C4.20435 2 3.44129 2.31607 2.87868 2.87868C2.31607 3.44129 2 4.20435 2 5V19C2 19.7956 2.31607 20.5587 2.87868 21.1213C3.44129 21.6839 4.20435 22 5 22H12C12.2652 22 12.5196 21.8946 12.7071 21.7071C12.8946 21.5196 13 21.2652 13 21C13 20.7348 12.8946 20.4804 12.7071 20.2929C12.5196 20.1054 12.2652 20 12 20ZM12 5.41L14.59 8H13C12.7348 8 12.4804 7.89464 12.2929 7.70711C12.1054 7.51957 12 7.26522 12 7V5.41ZM7 8C6.73478 8 6.48043 8.10536 6.29289 8.29289C6.10536 8.48043 6 8.73478 6 9C6 9.26522 6.10536 9.51957 6.29289 9.70711C6.48043 9.89464 6.73478 10 7 10H8C8.26522 10 8.51957 9.89464 8.70711 9.70711C8.89464 9.51957 9 9.26522 9 9C9 8.73478 8.89464 8.48043 8.70711 8.29289C8.51957 8.10536 8.26522 8 8 8H7ZM13 12H7C6.73478 12 6.48043 12.1054 6.29289 12.2929C6.10536 12.4804 6 12.7348 6 13C6 13.2652 6.10536 13.5196 6.29289 13.7071C6.48043 13.8946 6.73478 14 7 14H13C13.2652 14 13.5196 13.8946 13.7071 13.7071C13.8946 13.5196 14 13.2652 14 13C14 12.7348 13.8946 12.4804 13.7071 12.2929C13.5196 12.1054 13.2652 12 13 12ZM11 18C11.2652 18 11.5196 17.8946 11.7071 17.7071C11.8946 17.5196 12 17.2652 12 17C12 16.7348 11.8946 16.4804 11.7071 16.2929C11.5196 16.1054 11.2652 16 11 16H7C6.73478 16 6.48043 16.1054 6.29289 16.2929C6.10536 16.4804 6 16.7348 6 17C6 17.2652 6.10536 17.5196 6.29289 17.7071C6.48043 17.8946 6.73478 18 7 18H11Z"
+                  />
+                  
+
+                  <path
+                    d="M20.9243 15.0075C20.7034 15.0075 20.5136 15.1575 20.471 15.3637C19.6729 19.0275 19.6807 18.9412 19.6574 19.245C19.6497 19.2 19.6419 19.1475 19.6303 19.0838C19.5993 18.8925 19.6419 19.0913 18.716 15.3525C18.6657 15.15 18.4797 15.0075 18.2628 15.0075H17.7475C17.5345 15.0075 17.3485 15.15 17.2943 15.3487C16.349 19.0612 16.3645 18.9562 16.3335 19.2375C16.3296 19.1962 16.3258 19.1437 16.3141 19.08C16.287 18.885 15.7679 16.3312 15.5742 15.3675C15.5316 15.1575 15.3417 15.0037 15.117 15.0037H14.4662C14.164 15.0037 13.9432 15.2775 14.0129 15.5588C14.3229 16.7813 15.0473 19.665 15.2991 20.6588C15.3495 20.8613 15.5354 21 15.7524 21H16.7287C16.9417 21 17.1277 20.8613 17.178 20.6588L17.8715 17.9813C17.9296 17.7487 17.9684 17.5312 17.9877 17.3325L18.1001 17.9813C18.1039 17.9962 18.5882 19.875 18.7935 20.6588C18.8439 20.8575 19.0298 21 19.2429 21H20.1998C20.4129 21 20.5988 20.8613 20.6492 20.6588C21.455 17.5875 21.8192 16.1963 21.9858 15.5588C22.0594 15.2738 21.8385 15 21.5364 15H20.9243V15.0075Z"
+                  />
+                  
+
+                </svg>
+                
+
+                  
+                <div
+                  class="ct-attachment__links__link__wrapper"
+                >
+                  
+                    
+                    
+                  <a
+                    class="ct-link ct-theme-light     ct-attachment__links__link"
+                    href="https://example.com/file2.docx"
+                    title="Download File 2"
+                  >
+                    <span
+                      class="ct-text-icon__text"
+                    >
+                                            File 2
+                                              
+                      <span
+                        class="ct-attachment__links__link__extension"
+                      >
+                        (docx, 2MB)
+                      </span>
+                      
+                                          
+                    </span>
+                  </a>
+                  
+                                          
+
+
+                  <div
+                    class="ct-paragraph ct-theme-light ct-paragraph--small  ct-attachment__links__link__changed"
+                  >
+                    LAST UPDATED: 2023-01-04
+                  </div>
+                                                        
+                </div>
+                
+                
+              </li>
+              
+            
+            </ul>
+            
+            
+                                                
+          </div>
+          
+        
+        </div>
+        
+      
+      </div>
+      
+    
+    </div>
+    
+  
+  </div>
+  
+
+</div>
+`;