swedbank-pay-design-guide-jekyll-theme 2.7.4 → 2.7.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 54cf95276450ffb7a1a4aec7f9f29c6d650c5c449002dc73e817478d9512493e
-  data.tar.gz: 68175e082403b998748c531a4b4582c1d8c5f0caf9cd897dd990c8a59fec0a32
+  metadata.gz: c7ce62a3658584f5b6c751fb1108a5b4034f5b27458dd891d5c2e7b629b21f1e
+  data.tar.gz: 8b7510cdce2b61ce27b342afb81f84115118a01fac3bc04f524131f254592d59
 SHA512:
-  metadata.gz: 6a5e01c4dbcbb265c9e71dabb32e29fc2c68fb0ddeffe2de0495a4119df163e3cf1d19ef949e5b9173a0455968168a4c1096aee0297ff47f99074a290934b177
-  data.tar.gz: de6a8eb330d1346e4ba1f8aa29693b6f23b9f9c6053e11b77339b0670c6a03174d9dcd64c4f2f11ebbdf1005b5c3d29314d2892914d473612eea866e0962b3ed
+  metadata.gz: 0e7018451c91f31b9cf706a5d6681c5d649f6930b7a722f8e525d5d8829a8fe971789bdae65f8d3931a1a43fd18d084644a38730db2dad5844911707761329dc
+  data.tar.gz: cfe73513d7ac66cb0dd8ae6ca6e4bbae2dc3c79ee5d3da82cb5e80eb64e0246830d3ee2d0505716b20a6fc0b1c488b544cadb7f53cf5529aacc14164b1b58d53

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,57 +89,62 @@ 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:550;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}
 
-/* 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);color:#EE7023;}
 
 /* Field/Type/Req */
-.api-item .field{font-weight:600;display:inline-flex;align-items:center;gap:8px;min-width:0;position:relative}
-.api-item .field code{border-radius:6px;border: 1px solid #fdc129;}
+.api-item .field{font-weight:550;display:inline-flex;align-items:center;gap:8px;min-width:0;position:relative}
+.api-item .field code{border-radius:6px;border: 1px solid #EE7023;}
 .api-item .type code{font-size:.9em;background:#f6f8fa;padding:2px 6px;border-radius:6px;}
 .field-level::before {
   font-family: "Akkurat Mono", monospace;
-  color: #fdc129;
+  color: #EE7023;
   content: "╰─╼";
 }
 .field-level-0::before {
   content: "";
 }
 .api-item .req{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
-.api-item .desc{padding:0 14px 16px 16px;border-left:3px solid transparent;border-bottom: thin solid lightgray;}
+.api-item .desc{padding:16px 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;}
 .indent-3{margin-left:70px;}
 .indent-4{margin-left:92px;}
 
-/* Hover/fokus */
+/* Öppen */
+.api-item[open] > .desc {
+  background:#fafafa;
+}
 
+/* Hover */
 .api-item:has(> summary:hover) > summary,
 .api-item:has(> .desc:hover) > summary {
-  background:#f8fafc;
-  border-left-color:#fdc129;
+  background:#EBE7E2;
+  border-left-color:#EE7023;
 }
-
-/* 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(> .desc:hover) > .desc {
+  background:#EBE7E2;
+}
+
+/* Fokus */
 .api-item:has(> summary:focus-visible) > .desc,
 .api-item:has(> .desc:focus-within) > .desc {
   background:#fafafa;
@@ -149,14 +153,14 @@ body {
 /* 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;
+  border-left-color:#EE7023;
 }
 
 /* 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;
+  border-left-color:#EE7023;
 }
 
 /* Children wrapper */

data/lib/gem_version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: swedbank-pay-design-guide-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 2.7.4
+  version: 2.7.6
 platform: ruby
 authors:
 - Swedbank Pay