@uni-design-system/uni-react 0.0.5 → 0.0.7

package/dist/cjs/core/flex/flex.component.d.ts

@@ -1,6 +1,6 @@
-import React, { ReactNode } from 'react';
+import React, { HTMLAttributes, ReactNode } from 'react';
 import { AlignContent, FlexDirection, FlexGrow, FlexShrink, FlexWrap, JustifyContent } from '@uni-design-system/uni-core';
-export interface FlexOptions {
+export interface FlexOptions extends HTMLAttributes<HTMLDivElement> {
     /**
      * Shorthand for `alignItems` style prop
      * @type AlignItems

package/dist/cjs/core/flex/flex.component.js

@@ -26,17 +26,8 @@ const react_2 = require("react");
  * @see Docs
  */
 exports.Flex = (0, react_2.forwardRef)((props, ref) => {
-    const { direction, align, justify, wrap, basis, grow, shrink } = props, rest = __rest(props, ["direction", "align", "justify", "wrap", "basis", "grow", "shrink"]);
-    const styles = {
-        display: 'flex',
-        flexDirection: direction,
-        alignItems: align,
-        justifyContent: justify,
-        flexWrap: wrap,
-        flexBasis: basis,
-        flexGrow: grow,
-        flexShrink: shrink,
-    };
+    const { direction, align, justify, wrap, basis, grow, shrink, style } = props, rest = __rest(props, ["direction", "align", "justify", "wrap", "basis", "grow", "shrink", "style"]);
+    const styles = Object.assign({ display: 'flex', flexDirection: direction, alignItems: align, justifyContent: justify, flexWrap: wrap, flexBasis: basis, flexGrow: grow, flexShrink: shrink }, style);
     return react_1.default.createElement("div", Object.assign({ ref: ref, style: styles }, rest));
 });
 exports.Flex.displayName = 'Flex';

package/dist/cjs/core/flex/flex.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"flex.component.js","sourceRoot":"","sources":["../../../../src/core/flex/flex.component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAAyC;AACzC,iCAAkD;AA2DlD;;;;;;;GAOG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAA4B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAzE,oEAAiE,CAAQ,CAAC;IAEhF,MAAM,MAAM,GAAkB;QAC5B,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,SAAS;QACxB,UAAU,EAAE,KAAK;QACjB,cAAc,EAAE,OAAO;QACvB,QAAQ,EAAE,IAAI;QACd,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,MAAM;KACnB,CAAC;IAEF,OAAO,qDAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,IAAM,IAAI,EAAI,CAAC;AACpD,CAAC,CAAC,CAAC;AAEH,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
+{"version":3,"file":"flex.component.js","sourceRoot":"","sources":["../../../../src/core/flex/flex.component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAAyD;AACzD,iCAAkD;AA2DlD;;;;;;;GAOG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAA4B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAhF,6EAAwE,CAAQ,CAAC;IAEvF,MAAM,MAAM,mBACV,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,SAAS,EACxB,UAAU,EAAE,KAAK,EACjB,cAAc,EAAE,OAAO,EACvB,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE,KAAK,EAChB,QAAQ,EAAE,IAAI,EACd,UAAU,EAAE,MAAM,IACf,KAAK,CACT,CAAC;IAEF,OAAO,qDAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,IAAM,IAAI,EAAI,CAAC;AACpD,CAAC,CAAC,CAAC;AAEH,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/cjs/core/flex/index.d.ts

@@ -1 +1,2 @@
 export * from './flex.style';
+export * from './flex.component';

package/dist/cjs/core/flex/index.js

@@ -15,4 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./flex.style"), exports);
+__exportStar(require("./flex.component"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/core/flex/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/flex/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/flex/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,mDAAiC"}

package/dist/esm/core/flex/flex.component.d.ts

@@ -1,6 +1,6 @@
-import React, { ReactNode } from 'react';
+import React, { HTMLAttributes, ReactNode } from 'react';
 import { AlignContent, FlexDirection, FlexGrow, FlexShrink, FlexWrap, JustifyContent } from '@uni-design-system/uni-core';
-export interface FlexOptions {
+export interface FlexOptions extends HTMLAttributes<HTMLDivElement> {
     /**
      * Shorthand for `alignItems` style prop
      * @type AlignItems

package/dist/esm/core/flex/flex.component.js

@@ -20,17 +20,8 @@ import { forwardRef } from 'react';
  * @see Docs
  */
 export const Flex = forwardRef((props, ref) => {
-    const { direction, align, justify, wrap, basis, grow, shrink } = props, rest = __rest(props, ["direction", "align", "justify", "wrap", "basis", "grow", "shrink"]);
-    const styles = {
-        display: 'flex',
-        flexDirection: direction,
-        alignItems: align,
-        justifyContent: justify,
-        flexWrap: wrap,
-        flexBasis: basis,
-        flexGrow: grow,
-        flexShrink: shrink,
-    };
+    const { direction, align, justify, wrap, basis, grow, shrink, style } = props, rest = __rest(props, ["direction", "align", "justify", "wrap", "basis", "grow", "shrink", "style"]);
+    const styles = Object.assign({ display: 'flex', flexDirection: direction, alignItems: align, justifyContent: justify, flexWrap: wrap, flexBasis: basis, flexGrow: grow, flexShrink: shrink }, style);
     return React.createElement("div", Object.assign({ ref: ref, style: styles }, rest));
 });
 Flex.displayName = 'Flex';

package/dist/esm/core/flex/flex.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"flex.component.js","sourceRoot":"","sources":["../../../../src/core/flex/flex.component.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AA2DlD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA4B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAzE,oEAAiE,CAAQ,CAAC;IAEhF,MAAM,MAAM,GAAkB;QAC5B,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,SAAS;QACxB,UAAU,EAAE,KAAK;QACjB,cAAc,EAAE,OAAO;QACvB,QAAQ,EAAE,IAAI;QACd,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,MAAM;KACnB,CAAC;IAEF,OAAO,2CAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,IAAM,IAAI,EAAI,CAAC;AACpD,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
+{"version":3,"file":"flex.component.js","sourceRoot":"","sources":["../../../../src/core/flex/flex.component.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAiB,UAAU,EAAE,MAAM,OAAO,CAAC;AA2DlD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA4B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAhF,6EAAwE,CAAQ,CAAC;IAEvF,MAAM,MAAM,mBACV,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,SAAS,EACxB,UAAU,EAAE,KAAK,EACjB,cAAc,EAAE,OAAO,EACvB,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE,KAAK,EAChB,QAAQ,EAAE,IAAI,EACd,UAAU,EAAE,MAAM,IACf,KAAK,CACT,CAAC;IAEF,OAAO,2CAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,IAAM,IAAI,EAAI,CAAC;AACpD,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/esm/core/flex/index.d.ts

@@ -1 +1,2 @@
 export * from './flex.style';
+export * from './flex.component';

package/dist/esm/core/flex/index.js

@@ -1,2 +1,3 @@
 export * from './flex.style';
+export * from './flex.component';
 //# sourceMappingURL=index.js.map

package/dist/esm/core/flex/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/flex/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/flex/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uni-design-system/uni-react",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "React component library for the UNI Design System.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",