@instructure/ui-flex 8.9.2-snapshot.7 → 8.10.1-snapshot.8

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.10.0](https://github.com/instructure/instructure-ui/compare/v8.9.1...v8.10.0) (2021-09-28)
+
+**Note:** Version bump only for package @instructure/ui-flex
+
 ## [8.9.1](https://github.com/instructure/instructure-ui/compare/v8.9.0...v8.9.1) (2021-09-16)
 
 **Note:** Version bump only for package @instructure/ui-flex

package/es/Flex/Item/index.js

@@ -38,7 +38,7 @@ parent: Flex
 id: Flex.Item
 ---
 **/
-let Item = (_dec = withStyle(generateStyle), _dec(_class = (_temp = _class2 = class Item extends Component {
+let Item = (_dec = withStyle(generateStyle, null), _dec(_class = (_temp = _class2 = class Item extends Component {
   componentDidMount() {
     this.props.makeStyles();
   }

package/lib/Flex/Item/index.js

@@ -27,7 +27,7 @@ parent: Flex
 id: Flex.Item
 ---
 **/
-let Item = (_dec = (0, _emotion.withStyle)(_styles.default), _dec(_class = (_temp = _class2 = class Item extends _react.Component {
+let Item = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = (_temp = _class2 = class Item extends _react.Component {
   componentDidMount() {
     this.props.makeStyles();
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-flex",
-  "version": "8.9.2-snapshot.7+1a56581cd",
+  "version": "8.10.1-snapshot.8+21f46f4e3",
   "description": "A component that makes it easy to align content using flexbox CSS",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,17 +25,17 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.9.2-snapshot.7+1a56581cd",
-    "@instructure/emotion": "8.9.2-snapshot.7+1a56581cd",
-    "@instructure/shared-types": "8.9.2-snapshot.7+1a56581cd",
-    "@instructure/ui-react-utils": "8.9.2-snapshot.7+1a56581cd",
-    "@instructure/ui-view": "8.9.2-snapshot.7+1a56581cd",
+    "@instructure/console": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/emotion": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/shared-types": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/ui-react-utils": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/ui-view": "8.10.1-snapshot.8+21f46f4e3",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.9.2-snapshot.7+1a56581cd",
-    "@instructure/ui-test-utils": "8.9.2-snapshot.7+1a56581cd",
-    "@instructure/ui-themes": "8.9.2-snapshot.7+1a56581cd"
+    "@instructure/ui-babel-preset": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/ui-test-utils": "8.10.1-snapshot.8+21f46f4e3",
+    "@instructure/ui-themes": "8.10.1-snapshot.8+21f46f4e3"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -44,5 +44,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "1a56581cde6bd3b4f9fe5cd11ae420bd1222fe15"
+  "gitHead": "21f46f4e342898b019ab943a7e69a455621d9576"
 }

package/src/Flex/Item/index.tsx

@@ -40,7 +40,7 @@ parent: Flex
 id: Flex.Item
 ---
 **/
-@withStyle(generateStyle)
+@withStyle(generateStyle, null)
 class Item extends Component<FlexItemProps> {
   static readonly componentId = 'Flex.Item'
 

package/src/Flex/Item/props.ts

@@ -28,7 +28,11 @@ import PropTypes from 'prop-types'
 import { ThemeablePropTypes } from '@instructure/emotion'
 
 import type { AsElementType, PropValidators } from '@instructure/shared-types'
-import type { Spacing, WithStyleProps } from '@instructure/emotion'
+import type {
+  Spacing,
+  WithStyleProps,
+  ComponentStyle
+} from '@instructure/emotion'
 
 type FlexItemOwnProps = {
   children?: React.ReactNode
@@ -51,7 +55,9 @@ type PropKeys = keyof FlexItemOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type FlexItemProps = FlexItemOwnProps & WithStyleProps
+type FlexItemProps = FlexItemOwnProps & WithStyleProps<null, FlexItemStyle>
+
+type FlexItemStyle = ComponentStyle<'flexItem'>
 
 const propTypes: PropValidators<PropKeys> = {
   /**
@@ -133,5 +139,5 @@ const allowedProps: AllowedPropKeys = [
   'withVisualDebug'
 ]
 
-export type { FlexItemProps }
+export type { FlexItemProps, FlexItemStyle }
 export { propTypes, allowedProps }

package/src/Flex/Item/styles.ts

@@ -22,7 +22,7 @@
  * SOFTWARE.
  */
 
-import { FlexItemProps } from './props'
+import type { FlexItemProps, FlexItemStyle } from './props'
 
 /**
  * ---
@@ -38,7 +38,7 @@ const generateStyle = (
   // @ts-expect-error no theme is used here
   componentTheme,
   props: FlexItemProps
-) => {
+): FlexItemStyle => {
   const { shouldGrow, shouldShrink, align, size } = props
 
   const alignSelfValues = {

package/src/Flex/props.ts

@@ -26,8 +26,16 @@ import PropTypes from 'prop-types'
 
 import { ThemeablePropTypes } from '@instructure/emotion'
 
-import type { AsElementType, PropValidators } from '@instructure/shared-types'
-import type { Spacing, WithStyleProps } from '@instructure/emotion'
+import type {
+  AsElementType,
+  PropValidators,
+  FlexTheme
+} from '@instructure/shared-types'
+import type {
+  Spacing,
+  WithStyleProps,
+  ComponentStyle
+} from '@instructure/emotion'
 
 type FlexOwnProps = {
   children?: React.ReactNode | ((...args: any[]) => React.ReactNode)
@@ -50,7 +58,9 @@ type PropKeys = keyof FlexOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type FlexProps = FlexOwnProps & WithStyleProps
+type FlexProps = FlexOwnProps & WithStyleProps<FlexTheme, FlexStyle>
+
+type FlexStyle = ComponentStyle<'flex'>
 
 const propTypes: PropValidators<PropKeys> = {
   /**
@@ -146,5 +156,5 @@ const allowedProps: AllowedPropKeys = [
   'withVisualDebug'
 ]
 
-export type { FlexProps }
+export type { FlexProps, FlexStyle }
 export { propTypes, allowedProps }

package/src/Flex/styles.ts

@@ -22,8 +22,8 @@
  * SOFTWARE.
  */
 
-import { FlexTheme } from '@instructure/shared-types'
-import { FlexProps } from './props'
+import type { FlexTheme } from '@instructure/shared-types'
+import type { FlexProps, FlexStyle } from './props'
 
 /**
  * ---
@@ -40,7 +40,10 @@ import { FlexProps } from './props'
  * @return {Object} The final style object, which will be used in the component
  */
 
-const generateStyle = (componentTheme: FlexTheme, props: FlexProps) => {
+const generateStyle = (
+  componentTheme: FlexTheme,
+  props: FlexProps
+): FlexStyle => {
   const { justifyItems, wrap, direction } = props
 
   // align-items css prop

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { AsElementType, PropValidators } from '@instructure/shared-types';
-import type { Spacing, WithStyleProps } from '@instructure/emotion';
+import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
 declare type FlexItemOwnProps = {
     children?: React.ReactNode;
     as?: AsElementType;
@@ -19,9 +19,10 @@ declare type FlexItemOwnProps = {
 };
 declare type PropKeys = keyof FlexItemOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type FlexItemProps = FlexItemOwnProps & WithStyleProps;
+declare type FlexItemProps = FlexItemOwnProps & WithStyleProps<null, FlexItemStyle>;
+declare type FlexItemStyle = ComponentStyle<'flexItem'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { FlexItemProps };
+export type { FlexItemProps, FlexItemStyle };
 export { propTypes, allowedProps };
 //# sourceMappingURL=props.d.ts.map

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

@@ -1 +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"}
+{"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,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,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,CAAC,IAAI,EAAE,aAAa,CAAC,CAAA;AAE3E,aAAK,aAAa,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;AAE/C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA6DvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

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

@@ -1,4 +1,4 @@
-import { FlexItemProps } from './props';
+import type { FlexItemProps, FlexItemStyle } from './props';
 /**
  * ---
  * private: true
@@ -9,16 +9,6 @@ import { FlexItemProps } from './props';
  * @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: any, props: FlexItemProps) => {
-    flexItem: {
-        alignSelf?: string | undefined;
-        flexGrow?: number | undefined;
-        label: string;
-        boxSizing: string;
-        minWidth: string;
-        flexBasis: string | undefined;
-        flexShrink: number;
-    };
-};
+declare const generateStyle: (componentTheme: any, props: FlexItemProps) => FlexItemStyle;
 export default generateStyle;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Flex/Item/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,+BAGV,aAAa;;;;;;;;;;CAwBrB,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"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,+BAGV,aAAa,KACnB,aAuBF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/Flex/props.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import type { AsElementType, PropValidators } from '@instructure/shared-types';
-import type { Spacing, WithStyleProps } from '@instructure/emotion';
+import type { AsElementType, PropValidators, FlexTheme } from '@instructure/shared-types';
+import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
 declare type FlexOwnProps = {
     children?: React.ReactNode | ((...args: any[]) => React.ReactNode);
     as?: AsElementType;
@@ -19,9 +19,10 @@ declare type FlexOwnProps = {
 };
 declare type PropKeys = keyof FlexOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type FlexProps = FlexOwnProps & WithStyleProps;
+declare type FlexProps = FlexOwnProps & WithStyleProps<FlexTheme, FlexStyle>;
+declare type FlexStyle = ComponentStyle<'flex'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { FlexProps };
+export type { FlexProps, FlexStyle };
 export { propTypes, allowedProps };
 //# sourceMappingURL=props.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Flex/props.ts"],"names":[],"mappings":";AA4BA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,SAAS,EACV,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAE7B,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,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;AAEpE,aAAK,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;AAEvC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA2EvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA;AACpC,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 './props';
+import type { FlexTheme } from '@instructure/shared-types';
+import type { FlexProps, FlexStyle } from './props';
 /**
  * ---
  * private: true
@@ -14,16 +14,6 @@ import { FlexProps } from './props';
  * @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: FlexTheme, props: FlexProps) => {
-    flex: {
-        label: string;
-        fontFamily: string;
-        boxSizing: string;
-        alignItems: string;
-        justifyContent: string;
-        flexWrap: string | undefined;
-        flexDirection: string;
-    };
-};
+declare const generateStyle: (componentTheme: FlexTheme, props: FlexProps) => FlexStyle;
 export default generateStyle;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Flex/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC;;;;;;;;;;;;;GAaG;AAEH,QAAA,MAAM,aAAa,mBAAoB,SAAS,SAAS,SAAS;;;;;;;;;;CAqDjE,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Flex/styles.ts"],"names":[],"mappings":"AAwBA,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,mBACD,SAAS,SAClB,SAAS,KACf,SAqDF,CAAA;AAED,eAAe,aAAa,CAAA"}