@instructure/ui-flex 11.6.0 → 11.6.1-snapshot-129

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Flex/v1/Item/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASjC,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;IAIjB,kBAAkB;IAIlB,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;MAIlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,MAAM;CAuCP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Flex/v1/Item/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,KAAK,gBAAgB,GAAG;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAE9C;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAA;IAE9C;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAEtC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;IAEzC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;IAEzC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,aAAa,GAAG,gBAAgB,GACnC,cAAc,CAAC,IAAI,EAAE,aAAa,CAAC,GACnC,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAEvC,KAAK,aAAa,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;AAC/C,QAAA,MAAM,YAAY,EAAE,eAgBnB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Flex/v1/Item/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE3D;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,iBAAiB,IAAI,EACrB,OAAO,aAAa,KACnB,aAwBF,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Flex/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,gBAAgB,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAW7D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAMjD,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;IAEpC,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM,CAAC,IAAI,cAAO;IAElB,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;MAQlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,cAAc,CAAC,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC;IAuB9C,MAAM;CA0CP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,IAAI,IAAI,QAAQ,EAAE,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Flex/v1/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,mBAAmB,EACnB,UAAU,EACX,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,KAAK,YAAY,GAAG;IAClB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAA;IAErB;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAE9C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IAEb;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;IAEhC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAEtC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAA;IAE/D;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAA;IAEnD;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,cAAc,GAAG,eAAe,CAAA;IAE5E;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,cAAc,CAAA;IAE1C;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,SAAS,GAAG,YAAY,GAC3B,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,GACpC,mBAAmB,CAAC,YAAY,CAAC,CAAA;AAEnC,KAAK,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AACvC,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/Flex/v1/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Flex/v1/styles.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;;;;;;;;;;GAaG;AAEH,QAAA,MAAM,aAAa,GACjB,gBAAgB,SAAS,EACzB,OAAO,SAAS,KACf,SA0DF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/Flex/v1/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Flex/v1/theme.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,SAW9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}

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

@@ -0,0 +1,41 @@
+import { Component } from 'react';
+import type { FlexItemProps } from './props';
+/**
+---
+parent: Flex
+id: Flex.Item
+---
+**/
+declare class Item extends Component<FlexItemProps> {
+    static readonly componentId = "Flex.Item";
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    static allowedProps: readonly (keyof {
+        children?: React.ReactNode;
+        as?: import("@instructure/shared-types").AsElementType;
+        elementRef?: (element: Element | null) => void;
+        margin?: import("@instructure/emotion").Spacing;
+        padding?: import("@instructure/emotion").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;
+        order?: number;
+    })[];
+    static defaultProps: {
+        as: string;
+        shouldGrow: boolean;
+        shouldShrink: boolean;
+    };
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
+}
+export default Item;
+export { Item };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Flex/v2/Item/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASjC,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;IAIjB,kBAAkB;IAIlB,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;MAIlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,MAAM;CAuCP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

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

@@ -0,0 +1,79 @@
+import React from 'react';
+import type { AsElementType, OtherHTMLAttributes } from '@instructure/shared-types';
+import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
+type FlexItemOwnProps = {
+    /**
+     * The children to render inside the Item
+     */
+    children?: React.ReactNode;
+    /**
+     * the element type to render as
+     */
+    as?: AsElementType;
+    /**
+     * provides a reference to the underlying html root element
+     */
+    elementRef?: (element: Element | null) => void;
+    /**
+     * 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?: Spacing;
+    /**
+     * 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?: Spacing;
+    /**
+     * overrides the parent Flex's alignItems prop, if needed
+     */
+    align?: 'center' | 'start' | 'end' | 'stretch';
+    /**
+     * Inherits from the parent Flex component
+     */
+    direction?: 'row' | 'column';
+    /**
+     * Designates the text alignment inside the Item
+     */
+    textAlign?: 'start' | 'center' | 'end';
+    /**
+     * Handles horizontal overflow
+     */
+    overflowX?: 'auto' | 'hidden' | 'visible';
+    /**
+     * Handles vertical overflow
+     */
+    overflowY?: 'auto' | 'hidden' | 'visible';
+    /**
+     * Should the FlexItem grow to fill any available space?
+     */
+    shouldGrow?: boolean;
+    /**
+     * Should the FlexItem shrink (stopping at its `size`)?
+     */
+    shouldShrink?: boolean;
+    /**
+     * Sets the base size of the FlexItem (width if direction is `row`; height if direction is `column`)
+     */
+    size?: string;
+    /**
+     * Places dashed lines around the component's borders to help debug your layout
+     */
+    withVisualDebug?: boolean;
+    /**
+     * Specifies the order of the `Flex.Item` inside the `Flex` component.
+     *
+     * Utilizes the order flex CSS property.
+     */
+    order?: number;
+};
+type PropKeys = keyof FlexItemOwnProps;
+type AllowedPropKeys = Readonly<Array<PropKeys>>;
+type FlexItemProps = FlexItemOwnProps & WithStyleProps<null, FlexItemStyle> & OtherHTMLAttributes<FlexItemOwnProps>;
+type FlexItemStyle = ComponentStyle<'flexItem'>;
+declare const allowedProps: AllowedPropKeys;
+export type { FlexItemProps, FlexItemStyle };
+export { allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/Flex/v2/Item/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,KAAK,gBAAgB,GAAG;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAE9C;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAA;IAE9C;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAEtC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;IAEzC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;IAEzC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,aAAa,GAAG,gBAAgB,GACnC,cAAc,CAAC,IAAI,EAAE,aAAa,CAAC,GACnC,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAEvC,KAAK,aAAa,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;AAC/C,QAAA,MAAM,YAAY,EAAE,eAgBnB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,CAAA"}

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

@@ -0,0 +1,14 @@
+import type { FlexItemProps, FlexItemStyle } from './props';
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @param  {Object} state the state of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+declare const generateStyle: (_componentTheme: null, props: FlexItemProps) => FlexItemStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Flex/v2/Item/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE3D;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,iBAAiB,IAAI,EACrB,OAAO,aAAa,KACnB,aAwBF,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1,49 @@
+import { ComponentElement, Component } from 'react';
+import { Item } from './Item';
+import type { FlexItemProps } from './Item/props';
+import type { FlexProps } from './props';
+/**
+---
+category: components
+---
+@module Flex
+**/
+declare class Flex extends Component<FlexProps> {
+    static readonly componentId = "Flex";
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    static Item: typeof Item;
+    static allowedProps: readonly (keyof {
+        children?: import("@instructure/shared-types").Renderable;
+        as?: import("@instructure/shared-types").AsElementType;
+        elementRef?: (element: Element | null) => void;
+        height?: string | number;
+        width?: string | number;
+        margin?: import("@instructure/emotion").Spacing;
+        gap?: import("@instructure/emotion").Spacing;
+        padding?: import("@instructure/emotion").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;
+    })[];
+    static defaultProps: {
+        as: string;
+        direction: string;
+        justifyItems: string;
+        display: string;
+        withVisualDebug: boolean;
+        wrap: string;
+        gap: string;
+    };
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
+    renderChildren(children: FlexProps['children']): (string | number | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | ComponentElement<FlexItemProps, Item>)[] | null | undefined;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element | null;
+}
+export default Flex;
+export { Flex, Item as FlexItem };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Flex/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,gBAAgB,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAW7D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAKjD,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;IAEpC,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM,CAAC,IAAI,cAAO;IAElB,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;MAQlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,cAAc,CAAC,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC;IAuB9C,MAAM;CA4CP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,IAAI,IAAI,QAAQ,EAAE,CAAA"}

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

@@ -0,0 +1,83 @@
+import type { AsElementType, FlexTheme, OtherHTMLAttributes, Renderable } from '@instructure/shared-types';
+import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
+type FlexOwnProps = {
+    /**
+     * 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?: Renderable;
+    /**
+     * the element type to render as
+     */
+    as?: AsElementType;
+    /**
+     * provides a reference to the underlying html root element
+     */
+    elementRef?: (element: Element | null) => void;
+    /**
+     * Sets the height of the component's container (optional)
+     */
+    height?: string | number;
+    /**
+     * Sets the width of the component's container (optional)
+     */
+    width?: 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?: Spacing;
+    /**
+     * Valid values are `0`, `none`, `auto`, and Spacing token values,
+     * see https://instructure.design/layout-spacing. Apply these values via
+     * familiar CSS-like shorthand. For example, `gap="small auto large"`.
+     */
+    gap?: Spacing;
+    /**
+     * 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?: Spacing;
+    /**
+     * Sets the CSS display rule for the component's container
+     */
+    display?: 'flex' | 'inline-flex';
+    /**
+     * Designates the text alignment
+     */
+    textAlign?: 'start' | 'center' | 'end';
+    /**
+     * Sets the flex-direction to row (horizontal) or column (vertical)
+     */
+    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    /**
+     * Aligns Flex.Items on the vertical axis (horizontal if direction is column)
+     */
+    alignItems?: 'center' | 'start' | 'end' | 'stretch';
+    /**
+     * Aligns Flex.Items on the horizontal axis (vertical if direction is column)
+     */
+    justifyItems?: 'center' | 'start' | 'end' | 'space-around' | 'space-between';
+    /**
+     * Determines if the Flex.Items should wrap when they exceed their container's width
+     */
+    wrap?: 'wrap' | 'no-wrap' | 'wrap-reverse';
+    /**
+     * Activate a dotted outline around the component to make building your
+     * layout easier
+     */
+    withVisualDebug?: boolean;
+};
+type PropKeys = keyof FlexOwnProps;
+type AllowedPropKeys = Readonly<Array<PropKeys>>;
+type FlexProps = FlexOwnProps & WithStyleProps<FlexTheme, FlexStyle> & OtherHTMLAttributes<FlexOwnProps>;
+type FlexStyle = ComponentStyle<'flex'>;
+declare const allowedProps: AllowedPropKeys;
+export type { FlexProps, FlexStyle };
+export { allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Flex/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,mBAAmB,EACnB,UAAU,EACX,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,KAAK,YAAY,GAAG;IAClB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAA;IAErB;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAE9C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IAEb;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;IAEhC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAEtC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAA;IAE/D;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAA;IAEnD;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,cAAc,GAAG,eAAe,CAAA;IAE5E;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,cAAc,CAAA;IAE1C;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,SAAS,GAAG,YAAY,GAC3B,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,GACpC,mBAAmB,CAAC,YAAY,CAAC,CAAA;AAEnC,KAAK,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AACvC,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,CAAA"}

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

@@ -0,0 +1,19 @@
+import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes';
+import type { FlexProps, FlexStyle } from './props';
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @param  {string} props.justifyItems
+ * @param  {string} props.direction
+ * @param  {string} props.alignItems
+ * @param  {string} props.wrap
+ * @param  {Object} state the state of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+declare const generateStyle: (componentTheme: NewComponentTypes["Flex"], props: FlexProps, sharedTokens: SharedTokens) => FlexStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

package/types/Flex/v2/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Flex/v2/styles.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;;;;;;;;;;GAaG;AAEH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,MAAM,CAAC,EACzC,OAAO,SAAS,EAChB,cAAc,YAAY,KACzB,SA8DF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/exports/a.d.ts

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

package/types/exports/a.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a.d.ts","sourceRoot":"","sources":["../../src/exports/a.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAE3C,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA"}

package/types/exports/b.d.ts

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

package/types/exports/b.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"b.d.ts","sourceRoot":"","sources":["../../src/exports/b.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAE3C,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Flex/Item/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASjC,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;IAIjB,kBAAkB;IAIlB,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;MAIlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,MAAM;CAuCP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Flex/Item/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,KAAK,gBAAgB,GAAG;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAE9C;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAA;IAE9C;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAEtC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;IAEzC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;IAEzC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,aAAa,GAAG,gBAAgB,GACnC,cAAc,CAAC,IAAI,EAAE,aAAa,CAAC,GACnC,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAEvC,KAAK,aAAa,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;AAC/C,QAAA,MAAM,YAAY,EAAE,eAgBnB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,CAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Flex/Item/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE3D;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,iBAAiB,IAAI,EACrB,OAAO,aAAa,KACnB,aAwBF,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Flex/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,gBAAgB,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAW7D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAMjD,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;IAEpC,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM,CAAC,IAAI,cAAO;IAElB,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;MAQlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,cAAc,CAAC,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC;IAuB9C,MAAM;CA0CP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,IAAI,IAAI,QAAQ,EAAE,CAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Flex/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,mBAAmB,EACnB,UAAU,EACX,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,KAAK,YAAY,GAAG;IAClB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAA;IAErB;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAE9C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEvB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;IAEb;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;IAEhC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAEtC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAA;IAE/D;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAA;IAEnD;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,cAAc,GAAG,eAAe,CAAA;IAE5E;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,cAAc,CAAA;IAE1C;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,SAAS,GAAG,YAAY,GAC3B,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,GACpC,mBAAmB,CAAC,YAAY,CAAC,CAAA;AAEnC,KAAK,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AACvC,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,CAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Flex/styles.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;;;;;;;;;;GAaG;AAEH,QAAA,MAAM,aAAa,GACjB,gBAAgB,SAAS,EACzB,OAAO,SAAS,KACf,SA0DF,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/Flex/theme.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,SAW9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/types/index.d.ts

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

package/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEvC,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA"}