swedbank-pay-design-guide-jekyll-theme 2.6.0 → 2.6.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5f064c159a68f7f5ad682ffc591d3f2bb7bac1fd8fa59eec465307b87fe6544a
-  data.tar.gz: e6214d9121ffbacd0723992c3dcbc3c7181c3e4e04c589f8e34b69592dea3057
+  metadata.gz: 5139b7dd89db56dad179299ec6cec015bb8fe5b1e39c61836faee0d9fb601684
+  data.tar.gz: e470ceff59f60ac7d70662870ad4455853d3c21e1d454a021db43ef9587aa498
 SHA512:
-  metadata.gz: 1d0a28aef9616de7940d184f845b6af4e99741d57a6397724a75ccbb0d0908160512699b61a68c35acf6b31ead7af147cea52e921c3e846759771dafb2888945
-  data.tar.gz: de9915b0c2305b9b49d8c80129339e38ecae283e84ba7b13efae52344b0920c61144659aab5786001cee2ddc793b0dad4a3429c9cdb7bf8e884c5efa708a2080
+  metadata.gz: 4b696cb70a20ead6259e2330c4940781ea244d460b02825dff78123f6584a4a6cd35c021209956b96b6f3e9bd9e86fb794c2f5af0d399fc8f2bfc1c5af2ce881
+  data.tar.gz: '099f4a79c0ce99dcdb8814edde76eba24ff5ec5dd3c6d285f90af97b151aae176e1bfcc7a82002973ed61ee9bb495883572b4cf26b648efa22a3ee874e06d24c'

data/_includes/sidebar.html

@@ -16,7 +16,6 @@ Original creator: https://sebnitu.com/2016/10/13/dynamic-menus-in-jekyll/
               placeholder="Search..." autocomplete="off" pattern=".{3,}"
               title="At least 3 characters">
       </form>
-      <p id="search-hint-text" class="hint-text">Tip: Try using quotes for more precise results.</p>
       {% endif %}
 
       <ul class="main-nav-ul">

data/_layouts/default.html

@@ -87,7 +87,6 @@
                             <i class="material-icons-outlined" aria-hidden="true">search</i>
                         </button>
                     </form>
-                    <p id="search-hint-text" class="hint-text">Tip: Try using quotes for more precise results.</p>
                     {% endif %}
                 </div>
                 <div class="d-md-flex">

data/_layouts/search.html

@@ -6,7 +6,7 @@ layout: default
         placeholder="Search in documentation" onfocus="this.placeholder=''"
         onblur="this.placeholder='Search in documentation'" pattern=".{3,}" title="At least 3 characters">
     <script>
-        (function() {
+        (function () {
             var params = new URLSearchParams(window.location.search);
             var q = params.get('q');
             if (q) {
@@ -18,6 +18,7 @@ layout: default
         <i class="material-icons-outlined" aria-hidden="true">search</i>
     </button>
 </form>
-<p id="search-hint-text" class="hint-text mb-5">Tip: Try using quotes for more precise results. Ex: "online payments"</p>
+<p id="search-hint-text" class="hint-text mb-5">Tip: Try using quotes for more precise
+    results. <code>online payments</code> will give a different result compared to <code>"online payments"</code>.</p>
 
 <div id="tipue_search_content"></div>

data/_sass/swedbank-pay-design-guide-theme.scss

@@ -9,6 +9,7 @@
 @import 'paragraph-highlight.scss';
 @import 'sidebar.scss';
 @import 'title-header.scss';
+@import 'tipue_search.scss';
 
 $bg: #f5f2f0;
 $darkened-bg: darken($bg, 10%);
@@ -472,8 +473,7 @@ body {
             border-bottom-left-radius: var(--border-radius);
         }
 
-        #tipue_search_input,
-        #search-hint-text {
+        #tipue_search_input {
             display: none;
         }
 
@@ -483,10 +483,6 @@ body {
     }
 }
 
-.light {
-    color: white !important;
-}
-
 .topbar-logo {
     @media screen and (max-width: $breakpoint-sm) {
         display: block;

data/_sass/tipue_search.scss

@@ -0,0 +1,51 @@
+#tipue_search_content {
+
+    nav {
+        display: flex;
+        font-family: Swedbank Headline, Arial, sans-serif;
+        justify-content: center;
+        margin: 1rem 0;
+        padding-left: 0;
+
+        ul {
+            display: flex;
+            color: #2f2424;
+            margin-top: 0;
+            margin-bottom: 0;
+            padding-left: 0;
+            line-height: 24px;
+
+            li {
+                border-radius: .125rem;
+                display: flex;
+                margin: .5rem;
+                color: #2f2424;
+
+                a {
+                    border: 2px solid transparent;
+                    color: #2f2424;
+                    cursor: pointer;
+                    min-width: 1.75rem;
+                    padding-top: .1rem;
+                    text-align: center;
+                    -webkit-text-decoration: none;
+                    text-decoration: none;
+                    max-height: 29.6px;
+
+                    &:hover {
+                        border: 2px solid #2f2424;
+                        border-radius: .125rem;
+                    }
+                }
+
+                &.current {
+                    background-color: #2f2424;
+
+                    a {
+                        color: white;
+                    }
+                }
+            }
+        }
+    }
+}

data/assets/js/swedbank-pay-design-guide-theme.js

@@ -231,58 +231,6 @@ function _handleSimpleSidebar(e) {
     });
 })();
 
-//set SearchHintText color depending on background
-(function () {
-    document.addEventListener("DOMContentLoaded", function () {
-        const searchHintTexts = document.querySelectorAll("#search-hint-text");
-        let visibleSearchHintText = null;
-        searchHintTexts.forEach(function (el) {
-            if (el.offsetParent !== null) { // visible in DOM
-                visibleSearchHintText = el;
-            }
-        });
-        if (visibleSearchHintText) {
-            let parentElement = visibleSearchHintText.parentElement;
-            let siblingWithTitleHeader = null;
-            if (parentElement && parentElement.nextElementSibling) {
-                siblingWithTitleHeader = parentElement.nextElementSibling.querySelector(".title-header");
-            }
-
-            let bgColor = "white";
-            
-            if (siblingWithTitleHeader) {
-                bgColor = window.getComputedStyle(siblingWithTitleHeader).backgroundColor;
-            }
-
-            // Check for fully transparent background
-            const isTransparent = bgColor === "transparent" || /^rgba\(\s*\d+,\s*\d+,\s*\d+,\s*0\s*\)$/.test(bgColor);
-
-            // Function to calculate luminance
-            function getLuminance(rgb) {
-                const match = rgb.match(/\d+/g);
-                if (!match) return 1; // fallback to white
-                // Convert to sRGB
-                let [r, g, b] = match.map(Number).map(v => v / 255);
-                [r, g, b] = [r, g, b].map(c => {
-                    return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
-                });
-                return 0.2126 * r + 0.7152 * g + 0.0722 * b;
-            }
-
-            let luminance = 1; // default to high luminance
-            if (!isTransparent) {
-                luminance = getLuminance(bgColor);
-            }
-
-            // Set color: dark text on light bg, light text on dark bg
-            if (luminance > 0.5)
-                visibleSearchHintText.classList.remove("light");
-            else
-                visibleSearchHintText.classList.add("light");
-        }
-    });
-})();
-
 // Initialize Tipue search
 (function () {
     $(document).ready(function () {

data/assets/tipuesearch/tipuesearch.min.js

@@ -1,4 +1,4 @@
-(function($){$.fn.tipuesearch=function(options){var set=$.extend({'contentLocation':'tipuesearch/tipuesearch_content.json','contextBuffer':60,'contextLength':60,'contextStart':90,'debug':false,'descriptiveWords':25,'highlightTerms':true,'liveContent':'*','liveDescription':'*','minimumLength':3,'mode':'static','newWindow':false,'show':9,'showContext':true,'showRelated':true,'showTime':true,'showTitleCount':true,'showURL':true,'wholeWords':true},options);return this.each(function(){var tipuesearch_in={pages:[]};$.ajaxSetup({async:false});var tipuesearch_t_c=0;$('#tipue_search_content').hide().html('<div class="tipue_search_spinner"><div class="tipue_search_rect1"></div><div class="tipue_search_rect2"></div><div class="rect3"></div></div>').show();if(set.mode=='live')
+(function($){$.fn.tipuesearch=function(options){var set=$.extend({'contentLocation':'tipuesearch/tipuesearch_content.json','contextBuffer':60,'contextLength':60,'contextStart':90,'debug':false,'descriptiveWords':25, 'footerPages':10,'highlightTerms':true,'liveContent':'*','liveDescription':'*','minimumLength':3,'mode':'static','newWindow':false,'show':10,'showContext':true,'showRelated':true,'showTime':true,'showTitleCount':true,'showURL':true,'wholeWords':true},options);return this.each(function(){var tipuesearch_in={pages:[]};$.ajaxSetup({async:false});var tipuesearch_t_c=0;$('#tipue_search_content').hide().html('<div class="tipue_search_spinner"><div class="tipue_search_rect1"></div><div class="tipue_search_rect2"></div><div class="rect3"></div></div>').show();if(set.mode=='live')
 {for(var i=0;i<tipuesearch_pages.length;i++)
 {$.get(tipuesearch_pages[i]).done(function(html)
 {var cont=$(set.liveContent,html).text();cont=cont.replace(/\s+/g,' ');var desc=$(set.liveDescription,html).text();desc=desc.replace(/\s+/g,' ');var t_1=html.toLowerCase().indexOf('<title>');var t_2=html.toLowerCase().indexOf('</title>',t_1+7);if(t_1!=-1&&t_2!=-1)
@@ -143,13 +143,14 @@ if(f)
 {out+='</div>';}}
 if(c>set.show)
 {var pages=Math.ceil(c / set.show);var page=(start / set.show);out+='<nav><div id="tipue_search_foot"><ul id="tipue_search_foot_boxes">';if(start>0)
-{out+='<li role="navigation"><a class="tipue_search_foot_box" accesskey="b" id="'+(start-set.show)+'_'+replace+'">'+tipuesearch_string_6+'</a></li>';}
+{out+='<li role="navigation"><a class="tipue_search_foot_box" accesskey="b" id="'+(start-set.show)+'_'+replace+'"><i class="swepay-icon-chevron-left" aria-label="back"></i></a></li>';} //tipuesearch_string_6
 if(page<=2)
 {var p_b=pages;if(pages>3)
 {p_b=3;}
 for(var f=0;f<p_b;f++)
 {if(f==page)
-{out+='<li class="current" role="navigation">'+(f+1)+'</li>';}
+//{out+='<li class="current" role="navigation">'+(f+1)+'</li>';}
+{out+='<li class="current" role="navigation"><a class="tipue_search_foot_box" id="'+(f*set.show)+'_'+replace+'">'+(f+1)+'</a></li>';}
 else
 {out+='<li role="navigation"><a class="tipue_search_foot_box" id="'+(f*set.show)+'_'+replace+'">'+(f+1)+'</a></li>';}}}
 else
@@ -157,11 +158,12 @@ else
 {p_b=pages;}
 for(var f=page-1;f<p_b;f++)
 {if(f==page)
-{out+='<li class="current" role="navigation">'+(f+1)+'</li>';}
+//{out+='<li class="current" role="navigation">'+(f+1)+'</li>';}
+{out+='<li class="current" role="navigation"><a class="tipue_search_foot_box" id="'+(f*set.show)+'_'+replace+'">'+(f+1)+'</a></li>';}
 else
 {out+='<li role="navigation"><a class="tipue_search_foot_box" id="'+(f*set.show)+'_'+replace+'">'+(f+1)+'</a></li>';}}}
 if(page+1!=pages)
-{out+='<li role="navigation"><a class="tipue_search_foot_box" accesskey="m" id="'+(start+set.show)+'_'+replace+'">'+tipuesearch_string_7+'</a></li>';}
+{out+='<li role="navigation"><a class="tipue_search_foot_box" accesskey="m" id="'+(start+set.show)+'_'+replace+'"><i class="swepay-icon-chevron-right" aria-label="forward"></i></a></li>';} //tipuesearch_string_7
 out+='</ul></div></nav>';}}
 else
 {out+='<div id="tipue_search_warning">'+tipuesearch_string_8+'</div>';}}

data/assets/tipuesearch/tipuesearch_set.js

@@ -60,7 +60,7 @@ var tipuesearch_string_3 = 'Search instead for';
 var tipuesearch_string_4 = '1 result';
 var tipuesearch_string_5 = 'results';
 var tipuesearch_string_6 = 'Back';
-var tipuesearch_string_7 = 'More';
+var tipuesearch_string_7 = 'Next';
 var tipuesearch_string_8 = 'Nothing found.';
 var tipuesearch_string_9 = 'Common words are largely ignored.';
 var tipuesearch_string_10 = 'Search too short';

data/lib/gem_version.rb

@@ -4,7 +4,7 @@ module Gem
   # Gem Specification
   class Specification
     def self.gem_version
-      '2.6.0'
+      '2.6.2'
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: swedbank-pay-design-guide-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 2.6.0
+  version: 2.6.2
 platform: ruby
 authors:
 - Swedbank Pay
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-07-02 00:00:00.000000000 Z
+date: 2025-07-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: faraday
@@ -445,6 +445,7 @@ files:
 - _sass/paragraph-highlight.scss
 - _sass/sidebar.scss
 - _sass/swedbank-pay-design-guide-theme.scss
+- _sass/tipue_search.scss
 - _sass/title-header.scss
 - _sass/variables.scss
 - assets/css/pygments-autumn.css