playbook_ui 14.5.0.pre.alpha.PLAY1485selectablecardoverflowoutlinebug4094 → 14.5.0.pre.alpha.PLAY1485selectablecardoverflowoutlinebug4098

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a687edbd714231627256d5016b1f8da9ec2876ba3c104dda60cf7174fa8c638b
-  data.tar.gz: 6ff5663b5613b7774d1c2091c54ccdc2b1664342bd95edbf1fb7f5114c8baf0b
+  metadata.gz: b9228103de6d01a84145169d2ad394bf2c6b3b6df7ec0e3b16cfe518a803f579
+  data.tar.gz: 257b1a1fdd3adc9310b52b8e513b2fe3e9974cf4429a2ae719aa8e247c74a2ce
 SHA512:
-  metadata.gz: edc9fda753bf6fbc732f150ad060f0123f0ef4b3718b2cd7707d526ce4f48f15fe0b61d5a97fca767d65bdab6400bae9ab2f3a15ce4f5f4c66709a43b7d1b6ce
-  data.tar.gz: b0a623310a3381bbc3c9090a5aacf8f6fd766828082b116fdb977d9614a40edde660c0993e74d446a5d962f02596d41568c4349bcdd0e362677eda8a40e5aa0c
+  metadata.gz: 925407457e1d6d8ce1c3a6012bf084ef8721040ce76e5432978a7407d1d80769126a4ea24c089bef72a4cd6af4eafe15fc86ae997d7f9b88338de01d144c43cf
+  data.tar.gz: 79f269ceeb505d1f9b200d1088d6db340acc6a3be267f8e9fe777eb8e2e121089361729fd156df2a37535bf27a020f282d5aad6b9a3cecb5d53e4add11e93a9e

data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss

@@ -10,6 +10,24 @@
 $pb_selectable_card_indicator_size: 22px;
 $pb_selectable_card_border: 2px;
 
+$pb_selectable_space_classes: (
+  xxs: $space_xxs,
+  xs: $space_xs,
+  sm: $space_sm,
+  md: $space_md,
+  lg: $space_lg,
+  xl: $space_xl,
+);
+$pb_selectable_paddings: (
+  p: "padding",
+  pr: "padding-right",
+  pl: "padding-left",
+  pt: "padding-top",
+  pb: "padding-bottom",
+  px: ("padding-left", "padding-right"),
+  py: ("padding-top", "padding-bottom")
+);
+
 [class^=pb_selectable_card_kit] {
   display: block;
   margin-bottom: 0;
@@ -73,9 +91,7 @@ $pb_selectable_card_border: 2px;
 
         position: relative;
         @include pb_card_selected;
-        // Selected card has 1px more border
-        // Remove 1px so content does not "jump"
-        padding: calc($space_sm - 1px);
+        padding: calc(#{$space_sm} - 1px);
         transition-property: none;
         transition-duration: 0s;
 
@@ -90,6 +106,26 @@ $pb_selectable_card_border: 2px;
           background-color: $royal;
         }
       }
+
+      // Selected card has 1px more border
+      // Remove 1px so content does not "jump"
+      @each $position_name,
+      $position in $pb_selectable_paddings {
+        @each $space_name,
+        $space in $pb_selectable_space_classes {
+          ~ label.#{$position_name}_#{$space_name} {
+            @if type-of($position)=="list" {
+              @each $coordinate in $position {
+                #{$coordinate}: calc(#{$space} - 1px) !important;
+              }
+            }
+
+            @else {
+              #{$position}: calc(#{$space} - 1px) !important;
+            }
+          }
+        }
+      }
     }
   }