swedbank-pay-design-guide-jekyll-theme 2.2.0 → 2.2.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 194382516d8aba7bdff3499af5bd3c402b745436cdd9aaa7348cab3b9b99de66
-  data.tar.gz: 4a52db1e4cbb182e0748596bffaf76656b0ce83625fcef8e72f55af1aa07e8e4
+  metadata.gz: 3c9edb790d2b95aa747c43b475ca512883458285565f1c502a460130b73da958
+  data.tar.gz: 0cbe8e2ea1640b9d35589c9a321c03ece463ca30d0e7faf901ec67cade0ee7d8
 SHA512:
-  metadata.gz: de42a286b228e820e857d4ec7dfd0d8df10170cca878413cc09a64a9299d5f694dbf3f5db5e04ac86e23a6c84bf104a88935f1c7c7a81132faefe0d03d631e5a
-  data.tar.gz: 04f7ac9359b102e8c9433d4e433b0c42bc54d8e7f1af2d70db307043b6e84c0ef7d55e63dd8961c3d9c6e22d776f3db93f7946ce80ca3c38c1bef0c14b393e15
+  metadata.gz: 289d79c416db7d7d084894cd3f6ec0dd443599c20d81c8e36f28350441d3f1138030b5c72e3f8574926031b8f00eef71431277d92d66e644a9312f1eac6558d8
+  data.tar.gz: e30133b04a0305fadfcf94a95b00f7a07735a3ea8e87304683cfd99045b268193f559ca021448e618e00eee31c40661e86388fa3e65f27c3490e270f899ec108

data/README.md

@@ -40,24 +40,22 @@ theme-gem, please edit the regexp in `swedbankpay.gemspec` accordingly.
 ### Manual install
 
 1.  [Clone this repository][clone].
-2.  Jekyll is written in [Ruby][ruby], so you'll need to download and install
-    that. If you're installing on Windows, choose setup with DevKit.
-3.  To install the [Ruby Gems][gems] this web site requires, you first need to
-    install [Bundler][bundler].
-4.  Install [Graphviz][graphviz], this will require Java.
-5.  Run Visual Studio Code (VSC) and open the repository.
-6.  Verify that Git is installed by running `git status` in VSC terminal.
-   If Git is not properly installed, you will see an error message like the one below. Just [download Git][git] and install.
-   ![Alt text](image.png)
-7.  Once Ruby ,Bundler, and Graphviz, is in place, type `bundle install` inside the root
-    folder of this repository.
-8.  Run `bundle exec jekyll serve` to start the website.
-9.  Open in a browser.
+2.  Close Visual Studio Code (VSC) if you have it running
+3.  Jekyll is written in [Ruby][ruby], so you'll need to download and install
+    that.
+    Note: If you're installing on Windows, choose Ruby+Devkit Installers.
+4.  Open VSC and open the repository
+5.  Verify that Git is installed by running `git status` in VSC terminal. 
+    If Git is not properly installed, you will see an error message like the one below. Just [download Git][git] and install.
+    ![Alt text](image.png)
+6.  Type `bundle install` inside the root folder of this repository.
+7.  Run `bundle exec jekyll serve` to start the website.
+8.  Open in a browser.
 
    
 ### Visual Studio Code plugins
 
-You might want to install plugins for Markdown, Mermaid, JSON and Liquid as this will enhance your coding experience.
+You might want to install plugins for Graphviz, JSON, Liquid, Markdown and Mermaid as this will enhance your coding experience.
 
 
 ## Contributing
@@ -73,7 +71,6 @@ The code within this repository is available as open source under the terms of
 the [Apache 2.0 License][license] and the [contributor's license
 agreement][cla].
 
-[bundler]:              <https://bundler.io/>
 [cla-badge]:            <https://cla-assistant.io/readme/badge/SwedbankPay/swedbank-pay-design-guide-jekyll-theme>
 [cla]:                  <https://cla-assistant.io/SwedbankPay/swedbank-pay-design-guide-jekyll-theme>
 [clone]:                <https://help.github.com/articles/cloning-a-repository/>
@@ -93,7 +90,7 @@ agreement][cla].
 [license]:              <https://opensource.org/licenses/MIT>
 [liquid]:               <https://jekyllrb.com/docs/liquid/>
 [opengraph-image]:      <https://repository-images.githubusercontent.com/209270355/36818080-53ee-11ea-896c-082addb851a6>
-[ruby]:                 <https://www.ruby-lang.org/en/>
+[ruby]:                 <https://rubyinstaller.org/downloads/archives>
 [swedbankpay]:          <https://swedbankpay.github.io/swedbank-pay-design-guide-jekyll-theme/>
 [test-badge]:           <https://github.com/SwedbankPay/swedbank-pay-design-guide-jekyll-theme/workflows/Test/badge.svg>
 [vsc-ruler]:            <https://stackoverflow.com/questions/29968499/vertical-rulers-in-visual-studio-code>

data/_includes/code-example.html

@@ -0,0 +1,20 @@
+{%- comment -%}
+**Parameters
+title: Title
+header: header content
+json: json content
+{%- endcomment -%}
+
+<p class="code-view-header">
+    {{ include.title}}
+<button class="code-view-copy" aria-label="Copy content to clipboard" value='{{include.json}}' onclick='javascript:navigator.clipboard.writeText(this.value)'>
+    copy json
+</button>
+</p>
+````http
+{{include.header}}
+````
+
+````jsonc
+{{include.json}}
+````

data/_sass/code-view.scss

@@ -1,9 +1,25 @@
 @import 'colors.scss';
+.code-view-copy {
+    display: flex;
+    font-family: Akkurat Mono,monospace;
+    font-size: .875rem;
+    font-weight: 400;
+    line-height: 1.25rem;
+    margin: 0;
+    padding: 0;
+    border:none;
+    background-color: #493c3b;
+    color: #FFFFFF;
+    text-decoration: underline;
+}
+
+.code-view-copy:hover {
+    text-decoration: none;
+}
 
 .code-view {
     .code-view-table {
         .code-view-code {
-
             .nc,
             .nf {
                 color: $code-green;
@@ -11,3 +27,31 @@
         }
     }
 }
+
+.language-http {   
+    .code-view {
+        .code-view-table {
+            .code-view-numbers {
+                display: none;
+            }
+
+            .code-view-code {
+                padding-left: 1rem;
+            }
+        }
+    }
+}
+
+.language-http:has(+ .language-js)
+.language-http:has(+ .language-json),
+.language-http:has(+ .language-jsonc) {
+    margin-bottom: 0 !important;
+
+    .code-view {
+        margin-bottom: 0;
+
+        .code-view-table {
+            border-radius: 0px;
+        }
+    }
+}

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

@@ -228,15 +228,6 @@ function _handleSimpleSidebar (e) {
         searchButton.addEventListener("click", function(e) {
             const searchInput = document.querySelector(".search-input");
             const searchBtn = document.querySelector("#search-btn");
-
-            if (searchInput.style.display !== "block") {
-                searchInput.style.display = "block";
-                searchBtn.style.borderTopLeftRadius  = "0";
-                searchBtn.style.borderBottomLeftRadius  = "0";
-                searchInput.focus();
-                e.preventDefault();
-            }
-
             return false;
         });
     });

data/lib/gem_version.rb

@@ -4,7 +4,7 @@ module Gem
   # Gem Specification
   class Specification
     def self.gem_version
-      '2.2.0'
+      '2.2.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.2.0
+  version: 2.2.2
 platform: ruby
 authors:
 - Swedbank Pay
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-01-26 00:00:00.000000000 Z
+date: 2024-03-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: faraday
@@ -403,6 +403,7 @@ files:
 - _includes/card-overview.html
 - _includes/card-table.html
 - _includes/card.html
+- _includes/code-example.html
 - _includes/doc-container.html
 - _includes/github.html
 - _includes/google_analytics.html