swedbank-pay-design-guide-jekyll-theme 2.7.3 → 2.7.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c5aa19ace306f908cbb38d1701efc493587d27ee8de006bc486eef53fc94991d
-  data.tar.gz: 15a052e61e4010a7d233693a1ab9d6753aea662b6b2e74e239dba91db5e61abf
+  metadata.gz: cc6e69e6004a9d693d313bab981ac5361b5d0548b51d18adf618cc94a445d8f5
+  data.tar.gz: e3bad7b5981919602ea7a367f836bd30e41a5191dceae999b4eb0ce41c6ae2de
 SHA512:
-  metadata.gz: 5a5b385ec2c43e82271473fb3ae29e1f6582b5afec65b50fed41c74d492b7a71bc6b837e19c371f3e13a8df825b95c44fd87c61fa9e42cc24a51bf0363f1514b
-  data.tar.gz: 7a339cab37f06569933b5a99b1be543830841aa46b17b94b73470f6f897e8805351a23e2cde4c9eb0206104e1885eb7fcd883f362c5bcfa81e3420a8538ef372
+  metadata.gz: 8212ee997917744acb70cf9b00fdfce27b67639328887238cba635ae6833c0308ee8327510552d72cb0d33f67245db870f2ae7aeb12b98f5ea5e4d6d143e73a4
+  data.tar.gz: d0f610741a4502b1a35612f80af92b1565a616b031a8e85eed08903bf9b084931f2083246ed7c8f826d97227ab391107625621cbd98679ec9ef4b76c182d2715

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

@@ -13,7 +13,6 @@
 
 $bg: #f5f2f0;
 $darkened-bg: darken($bg, 10%);
-$chev-scale: 1.6;
 
 img {
     max-width: 100%;
@@ -90,18 +89,16 @@ body {
 
 /** API object detailed table styles **/
 /* Container */
-.api-compact{border:1px solid #e5e7eb;border-radius:4px;overflow:hidden;background:#fff;font-size:.95rem;margin-bottom: 1rem;}
-.api-compact .header{display:grid;grid-template-columns:1fr 74px 68px;gap:12px;padding:10px 14px;font-weight:600;border-bottom:1px solid #e5e7eb}
+.api-compact{border:1px solid #EBE7E2;border-radius:4px;overflow:hidden;background:#FFF;font-size:.95rem;margin-bottom: 1rem;margin-top: 2em;}
+.api-compact .header{display:grid;grid-template-columns:1fr 74px 68px;gap:12px;padding:10px 14px;font-weight:600;background-color: #F9F8F6;border-bottom:2px solid #EBE7E2;}
 
 /* Item */
 .api-item{position:relative}
 .api-item>summary{list-style:none;display:grid;grid-template-columns:1fr 80px 70px;gap:12px;align-items:start;padding:10px 14px;cursor:pointer;border-left:3px solid transparent;}
 .api-item>summary::-webkit-details-marker{display:none}
-.api-item > summary:hover{background:#f8fafc;border-left-color:#fdc129;}
 
-/* Chevron (expanderingsikon) */
-.api-item>summary .chev{display:inline-block;width:1em;margin-right:6px;transform:scale($chev-scale);transform-origin:50% 50%;transition:transform .2s ease;}
-.api-item[open]>summary .chev{transform:scale($chev-scale) rotate(90deg);}
+/* Expanderingsikon */
+.api-item[open]>summary i.chev{transform:rotate(45deg);}
 
 /* Field/Type/Req */
 .api-item .field{font-weight:600;display:inline-flex;align-items:center;gap:8px;min-width:0;position:relative}
@@ -116,15 +113,15 @@ body {
   content: "";
 }
 .api-item .req{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
-.api-item .desc{padding:0 14px 16px 16px}
+.api-item .desc{padding:0 14px 16px 16px;border-left:3px solid transparent;border-bottom: thin solid lightgray;}
 
-/* Indrag (summary) – inga vänsterkanter, endast spacing */
+/* Indrag (summary) */
 .api-item[data-level="0"]>summary .field,.api-item[data-level="1"]>summary .field{padding-left:0}
 .api-item[data-level="2"]>summary .field{padding-left:22px}
 .api-item[data-level="3"]>summary .field{padding-left:44px}
 .api-item[data-level="4"]>summary .field{padding-left:70px;}
 
-/* Description – nivå (level+1) med kort lokal linje (valfritt: ta bort border-left om du vill noll linjer) */
+/* Description – nivå (level+1) med kort lokal linje*/
 .indent-0{margin-left:4px;}
 .indent-1{margin-left:26px;}
 .indent-2{margin-left:48px;}
@@ -132,7 +129,33 @@ body {
 .indent-4{margin-left:92px;}
 
 /* Hover/fokus */
-.api-item:hover>summary,.api-item:hover .desc,.api-item:focus-within>summary,.api-item:focus-within .desc{background:#fafafa}
+
+.api-item:has(> summary:hover) > summary,
+.api-item:has(> .desc:hover) > summary {
+  background:#fafafa;
+  border-left-color:#fdc129;
+}
+
+/* Bakgrund på just DENNA desc vid hover/fokus på summary/desc */
+.api-item:has(> summary:hover) > .desc,
+.api-item:has(> .desc:hover) > .desc,
+.api-item:has(> summary:focus-visible) > .desc,
+.api-item:has(> .desc:focus-within) > .desc {
+  background:#fafafa;
+}
+
+/* Vänsterkantsaccent på just DENNA desc när summary ELLER desc hovras */
+.api-item[open]:has(> summary:hover) > .desc,
+.api-item[open]:has(> .desc:hover) > .desc {
+  border-left-color:#fdc129;
+}
+
+/* Tangentbordsstöd: accent på summary när dess egna desc får fokus */
+.api-item:has(> .desc:focus-within) > summary,
+.api-item:has(> summary:focus-visible) > summary {
+  background:#fafafa;
+  border-left-color:#fdc129;
+}
 
 /* Children wrapper */
 .api-children{padding-left:0;margin:6px 0 10px 0}

data/lib/gem_version.rb

@@ -4,7 +4,7 @@ module Gem
   # Gem Specification
   class Specification
     def self.gem_version
-      '2.7.3'
+      '2.7.5'
     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.7.3
+  version: 2.7.5
 platform: ruby
 authors:
 - Swedbank Pay
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-10-16 00:00:00.000000000 Z
+date: 2025-10-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: faraday