playbook_ui 13.33.1.pre.alpha.PLAY14063320 → 13.33.1.pre.alpha.PLAY14143336

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

@@ -19,66 +19,55 @@
 }
 
 .z_index_1 {
-  z-index: $z_1 !important;
+  z-index: 100;
 }
 
 .z_index_2 {
-  z-index: $z_2 !important;
+  z-index: 200;
 }
 
 .z_index_3 {
-  z-index: $z_3 !important;
+  z-index: 300;
 }
 
 .z_index_4 {
-  z-index: $z_4 !important;
+  z-index: 400;
 }
 
 .z_index_5 {
-  z-index: $z_5 !important;
+  z-index: 500;
 }
 
 .z_index_6 {
-  z-index: $z_6 !important;
+  z-index: 600;
 }
 
 .z_index_7 {
-  z-index: $z_7 !important;
+  z-index: 700;
 }
 
 .z_index_8 {
-  z-index: $z_8 !important;
+  z-index: 800;
 }
 
 .z_index_9 {
-  z-index: $z_9 !important;
+  z-index: 900;
 }
 
 .z_index_10 {
-  z-index: $z_10 !important;
-}
-
-$zIndex_values: (
-  1: $z_1,
-  2: $z_2,
-  3: $z_3,
-  4: $z_4,
-  5: $z_5,
-  6: $z_6,
-  7: $z_7,
-  8: $z_8,
-  9: $z_9,
-  10: $z_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, $zIndex_variable in $zIndex_values {
+  @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_variable !important;
+        z-index: #{$zIndex_value * 100} !important;
       }
     }
   }

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

@@ -1,4 +1,4 @@
-@import "../tokens/exports/shadows";
+@import "../tokens/exports/shadows.module";
 
 @mixin shadow-classes($shadows-list) {
   @each $name, $shadow in $shadows-list {

data/app/pb_kits/playbook/utilities/globalPropNames.mjs

@@ -0,0 +1,50 @@
+export default [
+  "left",
+  "bottom",
+  "right",
+  "top",
+  "hover",
+  "zIndex",
+  "verticalAlign",
+  "truncate",
+  "textAlign",
+  "shadow",
+  "position",
+  "paddingRight",
+  "paddingLeft",
+  "paddingTop",
+  "paddingBottom",
+  "paddingX",
+  "paddingY",
+  "padding",
+  "break",
+  "default",
+  "overflowX",
+  "overflowY",
+  "overflow",
+  "order",
+  "numberSpacing",
+  "maxWidth",
+  "marginRight",
+  "marginLeft",
+  "marginTop",
+  "marginBottom",
+  "marginX",
+  "marginY",
+  "margin",
+  "lineHeight",
+  "justifySelf",
+  "justifyContent",
+  "flexWrap",
+  "flexShrink",
+  "flexGrow",
+  "flexDirection",
+  "flex",
+  "display",
+  "dark",
+  "cursor",
+  "borderRadius",
+  "alignSelf",
+  "alignItems",
+  "alignContent"
+];