playbook_ui 12.19.0.pre.alpha.PLAY699zindexresponsive650 → 12.19.0.pre.alpha.movemarkdown637

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 79e97a67011051e8187bac717ed8b2cc199f71e734a3d239384343489dc52c0b
-  data.tar.gz: 0c8a7f21df4e5190feee41f12a69513721bff189a83d9d41184bd25930effb6e
+  metadata.gz: eff3466f7d7b7331a54b52048a74934ec03a46032d326e50c137db881587d3e4
+  data.tar.gz: 19a871abeb1b74093975dca63b9b9e5488523c8f506f1feb5234a4cde018ec61
 SHA512:
-  metadata.gz: 854df41d949dee72464fc27f20827fc741399c06af493e40f49e18e55e61d0e419f5a70a061f9be357f9f466e981f39b7b3b95f89da7a46d6ae85820f93fcd3c
-  data.tar.gz: '09057a46d7390ad744d988ec907ddb53e4e1fd0d3afd8945b04c1c59e5b3c77c98beca823c3341e5ce054649ba487647ce42cc5f003fd99bc63bb6cdeb917981'
+  metadata.gz: b0367cc5e1ed7fd1a31f93e46a411771588713a4198525ab15c6e46e6bae719f7841cf7747339a9981be95a193a3212abe6fddf99b2b2eee8cbd63e5f8983061
+  data.tar.gz: 9e28b93aa593760bc059c10182adfbd3a8ef53e9cf881a1d80360c6d67119dd3f6c7c83d329c2b28c5283075e077fe6ecd09037dad784d778c81abd8b6ce34f1

data/app/pb_kits/playbook/utilities/_positioning.scss

@@ -48,17 +48,3 @@
 .z_index_10 {
   z-index: 1000;
 }
-
-$zIndex_values: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10;
-    
-@each $size, $size_value in $breakpoints_grid {
-  @each $zIndex_value in $zIndex_values {
-      $min_size: map-get($size_value, "min");
-      $max_size: map-get($size_value, "max");
-      .z_index_#{$size}_#{$zIndex_value} {
-        @include break_on($min_size, $max_size) {
-          z-index: #{$zIndex_value * 100} !important;
-        }
-      }
-  }
-}

data/app/pb_kits/playbook/utilities/globalProps.ts

@@ -113,11 +113,9 @@ type Shadow = {
 
 type Space = "spaceBetween" | "spaceAround" | "spaceEvenly"
 
-type ZIndexType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10
-type ZIndexResponsiveType = {[key: string]: ZIndexType}
 type ZIndex = {
-  zIndex?: ZIndexType,
-} | ZIndexResponsiveType
+  zIndex?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10,
+}
 
 // keep this as the last type definition
 export type GlobalProps = AlignContent & AlignItems & AlignSelf &
@@ -180,19 +178,9 @@ const PROP_CATEGORIES: {[key:string]: (props: {[key: string]: any}) => string} =
     css += maxWidth ? `max_width_${maxWidth } ` : ''
     return css
   },
-  zIndexProps: (zIndex: ZIndex) => {
+  zIndexProps: ({ zIndex }: ZIndex) => {
     let css = ''
-    Object.entries(zIndex).forEach((zIndexEntry) => {
-      if (zIndexEntry[0] == "zIndex") {
-        if (typeof zIndexEntry[1] == "number") {
-          css += `z_index_${zIndexEntry[1]} `
-        } else if (typeof zIndexEntry[1] == "object") {
-          Object.entries(zIndexEntry[1]).forEach((zIndexObj) => {
-            css += `z_index_${zIndexObj[0]}_${zIndexObj[1]} `
-          })
-        }
-      }
-    })
+    css += zIndex ? `z_index_${zIndex } ` : ''
     return css
   },
   shadowProps: ({ shadow }: Shadow) => {