playbook_ui 14.8.0.pre.alpha.PLAY1680newwidthprop4661 → 14.8.0.pre.alpha.PLAY16254545

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

@@ -95,16 +95,12 @@ type Margin = {
   default?: string
 }
 
-type Width = {
-  width?: string
-}
-
 type MaxWidth = {
-  maxWidth?: string,
+  maxWidth?: Sizes,
 }
 
 type MinWidth = {
-  minWidth?: string,
+  minWidth?: Sizes,
 }
 
 type NumberSpacing = {
@@ -180,7 +176,7 @@ type ZIndex = {
 } | ZIndexResponsiveType
 
 type Height = {
-  height?: string
+  height?: string 
 }
 
 type MaxHeight = {
@@ -195,7 +191,7 @@ type MinHeight = {
 export type GlobalProps = AlignContent & AlignItems & AlignSelf &
   BorderRadius & Cursor & Dark & Display & DisplaySizes & Flex & FlexDirection &
   FlexGrow & FlexShrink & FlexWrap & JustifyContent & JustifySelf &
-  LineHeight & Margin & Width & MinWidth & MaxWidth & NumberSpacing & Order & Overflow & Padding &
+  LineHeight & Margin & MinWidth & MaxWidth & NumberSpacing & Order & Overflow & Padding &
   Position & Shadow & TextAlign & Truncate & VerticalAlign & ZIndex & { hover?: string } & Top & Right & Bottom & Left & Height & MaxHeight & MinHeight;
 
 const getResponsivePropClasses = (prop: {[key: string]: string}, classPrefix: string) => {
@@ -355,11 +351,6 @@ const PROP_CATEGORIES: {[key:string]: (props: {[key: string]: any}) => string} =
     css += numberSpacing ? `ns_${numberSpacing} ` : ''
     return css
   },
-  widthProps: ({ width }: Width) => {
-    let css = ''
-    css += width ? `width_${filterClassName(width)} ` : ''
-    return css.trimEnd()
-  },
   minWidthProps: ({ minWidth }: MinWidth) => {
     let css = ''
     css += minWidth ? `min_width_${filterClassName(minWidth)} ` : ''
@@ -370,30 +361,6 @@ const PROP_CATEGORIES: {[key:string]: (props: {[key: string]: any}) => string} =
     css += maxWidth ? `max_width_${filterClassName(maxWidth)} ` : ''
     return css.trimEnd()
   },
-  minHeightProps: ({ minHeight }: MinHeight) => {
-    const heightValues = ["auto", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"]
-    if (heightValues.includes(minHeight)) {
-      let css = ''
-      css += minHeight ? `min_height_${filterClassName(minHeight)} ` : ''
-      return css.trimEnd()
-    }
-  },
-  maxHeightProps: ({ maxHeight }: MaxHeight) => {
-    const heightValues = ["auto", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"]
-    if (heightValues.includes(maxHeight)) {
-      let css = ''
-      css += maxHeight ? `max_height_${filterClassName(maxHeight)} ` : ''
-      return css.trimEnd()
-    }
-  },
-  heightProps: ({ height }: Height) => {
-    const heightValues = ["auto", "xs", "sm", "md", "lg", "xl", "xxl", "xxxl"]
-    if (heightValues.includes(height)) {
-      let css = ''
-      css += height ? `height_${filterClassName(height)} ` : ''
-      return css.trimEnd()
-    }
-  },
   zIndexProps: (zIndex: ZIndex) => {
     let css = ''
     Object.entries(zIndex).forEach((zIndexEntry) => {