feat(ui-flex): add order prop to Flex.Item

INSTUI-4663

Author: ToMESSKa

packages/ui-flex/src/Flex/Item/props.ts

@@ -113,11 +113,9 @@ type FlexItemOwnProps = {
   /**
    * Specifies the order of the `Flex.Item` inside the `Flex` component.
    *
-   * Items with the same order revert to source order.
-   *
-   * Utilizes the order flex CSS property. Default order CSS value is 0.
+   * Utilizes the order flex CSS property.
    */
-  order?: string | number
+  order?: number
 }
 
 type PropKeys = keyof FlexItemOwnProps
@@ -145,7 +143,7 @@ const propTypes: PropValidators<PropKeys> = {
   shouldShrink: PropTypes.bool,
   size: PropTypes.string,
   withVisualDebug: PropTypes.bool,
-  order: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+  order: PropTypes.number
 }
 
 const allowedProps: AllowedPropKeys = [

packages/ui-flex/src/Flex/Item/styles.ts

@@ -53,7 +53,7 @@ const generateStyle = (
       boxSizing: 'border-box',
       minWidth: '0.0625rem',
       flexBasis: size,
-      ...(order !== undefined && { order }),
+      ...(order !== undefined ? { order } : {}),
       // initial value is 1, but we want 0 as our default,
       // so users can opt in to shrink like they do grow
       flexShrink: shouldShrink ? 1 : 0,