@instructure/ui-flex 8.8.1-snapshot.8 → 8.9.1

package/src/Flex/styles.ts

@@ -23,7 +23,7 @@
  */
 
 import { FlexTheme } from '@instructure/shared-types'
-import { FlexProps } from './types'
+import { FlexProps } from './props'
 
 /**
  * ---

package/src/index.ts

@@ -24,5 +24,5 @@
 
 export { Flex, FlexItem } from './Flex'
 
-export type { FlexProps } from './Flex/types'
-export type { FlexItemProps } from './Flex/Item/types'
+export type { FlexProps } from './Flex/props'
+export type { FlexItemProps } from './Flex/Item/props'

package/types/Flex/Item/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { FlexItemProps } from './types';
+import type { FlexItemProps } from './props';
 /**
 ---
 parent: Flex
@@ -13,70 +12,38 @@ declare class Item extends Component<FlexItemProps> {
     static readonly componentId = "Flex.Item";
     componentDidMount(): void;
     componentDidUpdate(): void;
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        /**
-         * The children to render inside the Item`
-         */
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * the element type to render as
-         */
-        as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        /**
-         * provides a reference to the underlying html root element
-         */
-        elementRef: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-         * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-         * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-         */
-        margin: (props: any, propName: any, componentName: any, location: any) => any;
-        /**
-         * Valid values are `0`, `none`, `xxx-small`, `xx-small`, `x-small`,
-         * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-         * familiar CSS-like shorthand. For example: `padding="small x-large large"`.
-         */
-        padding: (props: any, propName: any, componentName: any, location: any) => any;
-        /**
-         * overrides the parent Flex's alignItems prop, if needed
-         */
-        align: PropTypes.Requireable<string>;
-        /**
-         * Inherits from the parent Flex component
-         */
-        direction: PropTypes.Requireable<string>;
-        /**
-         * Designates the text alignment inside the Item
-         */
-        textAlign: PropTypes.Requireable<string>;
-        /**
-         * Handles horizontal overflow
-         */
-        overflowX: PropTypes.Requireable<string>;
-        /**
-         * Handles vertical overflow
-         */
-        overflowY: PropTypes.Requireable<string>;
-        /**
-         * Should the FlexItem grow to fill any available space?
-         */
-        shouldGrow: PropTypes.Requireable<boolean>;
-        /**
-         * Should the FlexItem shrink (stopping at its `size`)?
-         */
-        shouldShrink: PropTypes.Requireable<boolean>;
-        /**
-         * Sets the base size of the FlexItem (width if direction is `row`; height if direction is `column`)
-         */
-        size: PropTypes.Requireable<string>;
-        /**
-         * Places dashed lines around the component's borders to help debug your layout
-         */
-        withVisualDebug: PropTypes.Requireable<boolean>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children?: import("react").ReactNode;
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        padding?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        align?: "center" | "start" | "end" | "stretch" | undefined;
+        direction?: "row" | "column" | undefined;
+        textAlign?: "center" | "start" | "end" | undefined;
+        overflowX?: "auto" | "hidden" | "visible" | undefined;
+        overflowY?: "auto" | "hidden" | "visible" | undefined;
+        shouldGrow?: boolean | undefined;
+        shouldShrink?: boolean | undefined;
+        size?: string | undefined;
+        withVisualDebug?: boolean | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        children?: import("react").ReactNode;
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        padding?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        align?: "center" | "start" | "end" | "stretch" | undefined;
+        direction?: "row" | "column" | undefined;
+        textAlign?: "center" | "start" | "end" | undefined;
+        overflowX?: "auto" | "hidden" | "visible" | undefined;
+        overflowY?: "auto" | "hidden" | "visible" | undefined;
+        shouldGrow?: boolean | undefined;
+        shouldShrink?: boolean | undefined;
+        size?: string | undefined;
+        withVisualDebug?: boolean | undefined;
+    })[];
     static defaultProps: {
         as: string;
         elementRef: (el: any) => void;

package/types/Flex/Item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Flex/Item/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,SAAS,MAAM,YAAY,CAAA;AAIlC,OAAO,EAAa,GAAG,EAAsB,MAAM,sBAAsB,CAAA;AAGzE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC;;;;;GAKG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,aAAa,CAAC;IACzC,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,iBAAiB;IAKjB,kBAAkB;IAMlB,MAAM,CAAC,SAAS;;;QAKd;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;;;WAIG;;QAEH;;;;WAIG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;MAEJ;IAGD,MAAM,CAAC,YAAY;;yBAGA,GAAG;;;MAGrB;IAED,MAAM;CAwCP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Flex/Item/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C;;;;;GAKG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,aAAa,CAAC;IACzC,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,iBAAiB;IAKjB,kBAAkB;IAKlB,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;yBAGA,GAAG;;;MAGrB;IAED,MAAM;CAwCP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/types/Flex/Item/props.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { AsElementType, PropValidators } from '@instructure/shared-types';
+import type { Spacing, WithStyleProps } from '@instructure/emotion';
+declare type FlexItemOwnProps = {
+    children?: React.ReactNode;
+    as?: AsElementType;
+    elementRef?: (...args: any[]) => any;
+    margin?: Spacing;
+    padding?: Spacing;
+    align?: 'center' | 'start' | 'end' | 'stretch';
+    direction?: 'row' | 'column';
+    textAlign?: 'start' | 'center' | 'end';
+    overflowX?: 'auto' | 'hidden' | 'visible';
+    overflowY?: 'auto' | 'hidden' | 'visible';
+    shouldGrow?: boolean;
+    shouldShrink?: boolean;
+    size?: string;
+    withVisualDebug?: boolean;
+};
+declare type PropKeys = keyof FlexItemOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type FlexItemProps = FlexItemOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { FlexItemProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Flex/Item/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Flex/Item/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAEnE,aAAK,gBAAgB,GAAG;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAA;IAC9C,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;IACzC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,aAAa,GAAG,gBAAgB,GAAG,cAAc,CAAA;AAEtD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA6DvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Flex/Item/styles.d.ts

@@ -1,4 +1,4 @@
-import { FlexItemProps } from './types';
+import { FlexItemProps } from './props';
 /**
  * ---
  * private: true

package/types/Flex/__examples__/Flex.examples.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { FlexProps } from '../types';
+import { FlexProps } from '../props';
 declare const _default: {
     maxExamplesPerPage: number;
     propValues: {

package/types/Flex/index.d.ts

@@ -1,9 +1,8 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
 import { Item } from './Item';
-import { FlexProps } from './types';
+import type { FlexProps } from './props';
 /**
 ---
 category: components
@@ -15,73 +14,38 @@ declare class Flex extends Component<FlexProps> {
     constructor(props: FlexProps);
     componentDidUpdate(): void;
     static Item: typeof Item;
-    static propTypes: {
-        /**
-         * It's recommended that you use `Flex.Item` for children, but you can also pass any markup or a function
-         * returning markup. Note that if you do not use `Flex.Item`, the `withVisualDebug` and `direction` props
-         * will not automatically be set on the children.
-         */
-        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * the element type to render as
-         */
-        as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        /**
-         * provides a reference to the underlying html root element
-         */
-        elementRef: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Sets the height of the component's container (optional)
-         */
-        height: PropTypes.Requireable<string | number>;
-        /**
-         * Sets the width of the component's container (optional)
-         */
-        width: PropTypes.Requireable<string | number>;
-        /**
-         * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-         * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-         * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-         */
-        margin: (props: any, propName: any, componentName: any, location: any) => any;
-        /**
-         * Valid values are `0`, `none`, `xxx-small`, `xx-small`, `x-small`,
-         * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-         * familiar CSS-like shorthand. For example: `padding="small x-large large"`.
-         */
-        padding: (props: any, propName: any, componentName: any, location: any) => any;
-        /**
-         * Sets the CSS display rule for the component's container
-         */
-        display: PropTypes.Requireable<string>;
-        /**
-         * Designates the text alignment
-         */
-        textAlign: PropTypes.Requireable<string>;
-        /**
-         * Sets the flex-direction to row (horizontal) or column (vertical)
-         */
-        direction: PropTypes.Requireable<string>;
-        /**
-         * Aligns Flex.Items on the vertical axis (horizontal if direction is column)
-         */
-        alignItems: PropTypes.Requireable<string>;
-        /**
-         * Aligns Flex.Items on the horizontal axis (vertical if direction is column)
-         */
-        justifyItems: PropTypes.Requireable<string>;
-        /**
-         * Determines if the Flex.Items should wrap when they exceed their container's width
-         */
-        wrap: PropTypes.Requireable<string>;
-        /**
-         * Activate a dotted outline around the component to make building your
-         * layout easier
-         */
-        withVisualDebug: PropTypes.Requireable<boolean>;
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children?: import("react").ReactNode | ((...args: any[]) => import("react").ReactNode);
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        padding?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        display?: "flex" | "inline-flex" | undefined;
+        textAlign?: "center" | "start" | "end" | undefined;
+        direction?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        alignItems?: "center" | "start" | "end" | "stretch" | undefined;
+        justifyItems?: "center" | "start" | "end" | "space-around" | "space-between" | undefined;
+        wrap?: "wrap" | "no-wrap" | "wrap-reverse" | undefined;
+        withVisualDebug?: boolean | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        children?: import("react").ReactNode | ((...args: any[]) => import("react").ReactNode);
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        padding?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        display?: "flex" | "inline-flex" | undefined;
+        textAlign?: "center" | "start" | "end" | undefined;
+        direction?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        alignItems?: "center" | "start" | "end" | "stretch" | undefined;
+        justifyItems?: "center" | "start" | "end" | "space-around" | "space-between" | undefined;
+        wrap?: "wrap" | "no-wrap" | "wrap-reverse" | undefined;
+        withVisualDebug?: boolean | undefined;
+    })[];
     static defaultProps: {
         children: null;
         as: string;
@@ -91,12 +55,6 @@ declare class Flex extends Component<FlexProps> {
         display: string;
         withVisualDebug: boolean;
         wrap: string;
-        width: undefined;
-        height: undefined;
-        padding: undefined;
-        margin: undefined;
-        alignItems: undefined;
-        textAlign: undefined;
     };
     renderChildren(children: any): any;
     render(): jsx.JSX.Element | null;

package/types/Flex/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Flex/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,SAAS,MAAM,YAAY,CAAA;AASlC,OAAO,EAAa,GAAG,EAAsB,MAAM,sBAAsB,CAAA;AAEzE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAI7B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC;;;;;GAKG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;gBAExB,KAAK,EAAE,SAAS;IAM5B,kBAAkB;IAKlB,MAAM,CAAC,IAAI,cAAO;IAElB,MAAM,CAAC,SAAS;QACd;;;;WAIG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;;;WAIG;;QAEH;;;;WAIG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAOH;;WAEG;;QAEH;;WAEG;;QAQH;;WAEG;;QAEH;;;WAGG;;;;MAOJ;IAED,MAAM,CAAC,YAAY;;;yBAIA,GAAG;;;;;;;;;;;;MAYrB;IAED,cAAc,CAAC,QAAQ,EAAE,GAAG;IAiB5B,MAAM;CAsCP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,IAAI,IAAI,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Flex/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAS3C,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAM7B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC;;;;;GAKG;AACH,cACM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;gBAExB,KAAK,EAAE,SAAS;IAM5B,kBAAkB;IAKlB,MAAM,CAAC,IAAI,cAAO;IAElB,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;yBAIA,GAAG;;;;;;MAMrB;IAED,cAAc,CAAC,QAAQ,EAAE,GAAG;IAiB5B,MAAM;CAsCP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,IAAI,IAAI,QAAQ,EAAE,CAAA"}

package/types/Flex/props.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import type { AsElementType, PropValidators } from '@instructure/shared-types';
+import type { Spacing, WithStyleProps } from '@instructure/emotion';
+declare type FlexOwnProps = {
+    children?: React.ReactNode | ((...args: any[]) => React.ReactNode);
+    as?: AsElementType;
+    elementRef?: (...args: any[]) => any;
+    height?: string | number;
+    width?: string | number;
+    margin?: Spacing;
+    padding?: Spacing;
+    display?: 'flex' | 'inline-flex';
+    textAlign?: 'start' | 'center' | 'end';
+    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    alignItems?: 'center' | 'start' | 'end' | 'stretch';
+    justifyItems?: 'center' | 'start' | 'end' | 'space-around' | 'space-between';
+    wrap?: 'wrap' | 'no-wrap' | 'wrap-reverse';
+    withVisualDebug?: boolean;
+};
+declare type PropKeys = keyof FlexOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type FlexProps = FlexOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { FlexProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Flex/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Flex/props.ts"],"names":[],"mappings":";AA4BA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAEnE,aAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAClE,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;IAChC,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAA;IAC/D,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAA;IACnD,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,cAAc,GAAG,eAAe,CAAA;IAC5E,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,cAAc,CAAA;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,SAAS,GAAG,YAAY,GAAG,cAAc,CAAA;AAE9C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA2EvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Flex/styles.d.ts

@@ -1,5 +1,5 @@
 import { FlexTheme } from '@instructure/shared-types';
-import { FlexProps } from './types';
+import { FlexProps } from './props';
 /**
  * ---
  * private: true

package/types/index.d.ts

@@ -1,4 +1,4 @@
 export { Flex, FlexItem } from './Flex';
-export type { FlexProps } from './Flex/types';
-export type { FlexItemProps } from './Flex/Item/types';
+export type { FlexProps } from './Flex/props';
+export type { FlexItemProps } from './Flex/Item/props';
 //# sourceMappingURL=index.d.ts.map

package/LICENSE.md

@@ -1,27 +0,0 @@
----
-title: The MIT License (MIT)
-category: Getting Started
-order: 9
----
-
-# The MIT License (MIT)
-
-Copyright (c) 2015 Instructure, Inc.
-
-**Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions.**
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/es/Flex/Item/types.js

@@ -1 +0,0 @@
-export {};

package/es/Flex/types.js

@@ -1 +0,0 @@
-export {};

package/lib/Flex/Item/types.js

@@ -1 +0,0 @@
-"use strict";

package/lib/Flex/types.js

@@ -1 +0,0 @@
-"use strict";

package/src/Flex/Item/types.ts

@@ -1,44 +0,0 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-import { AsElementType } from '@instructure/shared-types'
-import type { Spacing } from '@instructure/emotion'
-
-export type FlexItemProps = {
-  makeStyles?: (...args: any[]) => any
-  styles?: any
-  as?: AsElementType
-  elementRef?: (...args: any[]) => any
-  margin?: Spacing
-  padding?: Spacing
-  align?: 'center' | 'start' | 'end' | 'stretch'
-  direction?: 'row' | 'column'
-  textAlign?: 'start' | 'center' | 'end'
-  overflowX?: 'auto' | 'hidden' | 'visible'
-  overflowY?: 'auto' | 'hidden' | 'visible'
-  shouldGrow?: boolean
-  shouldShrink?: boolean
-  size?: string
-  withVisualDebug?: boolean
-}