govuk_publishing_components 44.1.0 → 44.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e948b7b190c971bcfdac26e8e03df797255aa881c2f0681e2adaf38ade5d8de9
-  data.tar.gz: 185b1f9d6eb32ecf15616bd32436b9d0db7a16603e4c6946aa014750529d73c9
+  metadata.gz: 5d6ccd0b00a46894c53ea589f0120252852fa08b6c7351295e542862015641be
+  data.tar.gz: b4f258437e84b2c18739e16719229a3fcbeebe9d9f1a3f3f089d04c65d21224e
 SHA512:
-  metadata.gz: d9905abd0ae7b678d4b9ddf70d7b16a7ae2e24a38f99a4b992c40ad163c08a1615c619eb33fe27dbdc4c4f97db6954e979d32415b64ec0ec6410393d328d44b9
-  data.tar.gz: ab911fe25b4297e081794f595b337ccada839ad319bd788a67322b9f2131e2e05c0309f3c38ef3c7ba76aeda5a27796abf5793dd79010b7f416ccc37663c746e
+  metadata.gz: 9b60753b462565a060b37a987a86753cbe69ca16f7753899580ba256afe7e840ea8ae1b7152216344927d15c25e55aefedd618f95035fbb0dbd91a5043833838
+  data.tar.gz: fd68bf1224cb154ae389c4c2af8661eef818341bc63cbb7b256ef4e59126f2854952d0dc10a320d9d5c84d42e59716479eb74874ef9287f4334d51d570625dc8

data/app/assets/stylesheets/govuk_publishing_components/components/_share-links.scss

@@ -83,3 +83,35 @@ $column-width: 9.5em;
     display: block;
   }
 }
+
+.gem-c-share-links--square-icons {
+  .gem-c-share-links__list-item {
+    padding-left: 60px;
+    padding-top: 12px;
+    margin-bottom: 30px;
+  }
+
+  .gem-c-share-links__link-icon {
+    background-color: govuk-colour("dark-blue");
+    color: govuk-colour("white");
+    padding: govuk-spacing(2);
+    margin-right: govuk-spacing(2);
+  }
+
+  .gem-c-share-links__link:hover {
+    .gem-c-share-links__link-icon {
+      background-color: govuk-colour("black");
+    }
+  }
+
+  .gem-c-share-links__link:focus {
+    .gem-c-share-links__link-icon {
+      background-color: govuk-colour("black");
+    }
+  }
+
+  .gem-c-share-links__label {
+    color: govuk-colour("black");
+    @include govuk-font(19, $weight: bold);
+  }
+}

data/app/views/govuk_publishing_components/components/_share_links.html.erb

@@ -8,6 +8,7 @@
   ga4_extra_data ||= {}
   stacked ||= false
   columns ||= false
+  square_icons ||= false
 
   brand ||= false
   brand_helper = GovukPublishingComponents::AppHelpers::BrandHelper.new(brand)
@@ -15,6 +16,8 @@
   classes = %w(gem-c-share-links govuk-!-display-none-print)
   classes << "gem-c-share-links--stacked" if stacked
   classes << "gem-c-share-links--columns" if columns
+  classes << "gem-c-share-links--square-icons" if square_icons
+
   classes << brand_helper.brand_class
 
   data_attributes ||= {}
@@ -110,7 +113,7 @@
                   <path fill="currentColor" d="M36.92,0A36.92,36.92,0,1,0,73.84,36.92,36.92,36.92,0,0,0,36.92,0ZM56.3,48.27a1.42,1.42,0,0,1-1.42,1.42h-19v9.18l-9.18-9.18H19a1.43,1.43,0,0,1-1.43-1.43V20.52A1.43,1.43,0,0,1,19,19.09H54.88a1.43,1.43,0,0,1,1.42,1.42Z"/>
                 </svg>
               <% end %>
-            </span><%= link_text %><% end %>
+            </span><%= tag.span(class: "gem-c-share-links__label") do %><%= link_text %><% end %><% end %>
         </li>
       <% end %>
     </ul>

data/app/views/govuk_publishing_components/components/docs/share_links.yml

@@ -256,3 +256,39 @@ examples:
           icon: 'youtube'
         }
       ]
+  with_square_icons:
+    data:
+      square_icons: true
+      columns: true
+      links: [
+        {
+          href: '/twitter-share-link',
+          text: 'Twitter',
+          icon: 'twitter'
+        },
+        {
+          href: '/instagram-share-link',
+          text: 'Instagram',
+          icon: 'instagram'
+        },
+                {
+          href: '/flickr-share-link',
+          text: 'Flickr',
+          icon: 'flickr'
+        },
+        {
+          href: '/facebook-share-link',
+          text: 'Facebook',
+          icon: 'facebook'
+        },
+        {
+          href: '/youtube-share-link',
+          text: 'YouTube',
+          icon: 'youtube'
+        },
+        {
+          href: '/other-share-link',
+          text: 'Anything else that might be included that could have quite a long name',
+          icon: 'other'
+        },
+      ]

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "44.1.0".freeze
+  VERSION = "44.3.0".freeze
 end