musae 0.1.13 → 0.1.14

package/dist/components/button/button.js

@@ -1,5 +1,5 @@
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
-import { Wrapper, Span } from './styled.js';
+import { StyledWrapper, StyledSpan } from './styled.js';
 import React, { useMemo } from 'react';
 
 /**
@@ -13,8 +13,8 @@ const Button = (_a) => {
     /// get which variant is using
     /// variant determin style
     const variant = useMemo(() => props.variant || "filled", [props.variant]);
-    return (React.createElement(Wrapper, { onClick: onClick, className: className, variant: variant },
-        React.createElement(Span, null, children)));
+    return (React.createElement(StyledWrapper, { onClick: onClick, className: className, variant: variant },
+        React.createElement(StyledSpan, null, children)));
 };
 
 export { Button as default };

package/dist/components/button/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+export declare const StyledWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & Required<Pick<import("./types").ButtonProps, "variant">>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
@@ -9,7 +9,7 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
  * @description
  * content
  */
-export declare const Span: import("@emotion/styled").StyledComponent<{
+export declare const StyledSpan: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/components/button/styled.js

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 import { useValidTheme } from '../theme/hooks.js';
 
-const Wrapper = styled.button(({ theme, variant }) => {
+const StyledWrapper = styled.button(({ theme, variant }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const validTheme = useValidTheme(theme);
     return Object.assign(Object.assign(Object.assign(Object.assign({ borderRadius: 999, padding: "0.625rem 1.5rem" }, (variant === "filled" && {
@@ -36,10 +36,10 @@ const Wrapper = styled.button(({ theme, variant }) => {
  * @description
  * content
  */
-const Span = styled.span(({ theme }) => {
+const StyledSpan = styled.span(({ theme }) => {
     var _a, _b;
     const validTheme = useValidTheme(theme);
     return Object.assign({ marginLeft: 8, marginRight: 8 }, (_b = (_a = validTheme.typography) === null || _a === void 0 ? void 0 : _a.label) === null || _b === void 0 ? void 0 : _b.large);
 });
 
-export { Span, Wrapper };
+export { StyledSpan, StyledWrapper };

package/dist/components/col/col.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { ColProps } from "./types";
+declare const Col: (props: ColProps) => React.JSX.Element;
+export default Col;

package/dist/components/col/col.js

@@ -0,0 +1,10 @@
+import React, { useMemo } from 'react';
+import { StyledWrapper } from './styled.js';
+
+const Col = (props) => {
+    /// span
+    const span = useMemo(() => { var _a; return (_a = props.span) !== null && _a !== void 0 ? _a : 8; }, [props.span]);
+    return React.createElement(StyledWrapper, { span: span }, props.children);
+};
+
+export { Col as default };

package/dist/components/col/index.d.ts

@@ -0,0 +1,2 @@
+import Col from "./col";
+export { Col };

package/dist/components/col/styled.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const StyledWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Required<Pick<import("./types").ColProps, "span">>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/col/styled.js

@@ -0,0 +1,10 @@
+import styled from '@emotion/styled';
+
+const StyledWrapper = styled.div(({ span }) => {
+    return {
+        gridColumnStart: "auto",
+        gridColumnEnd: `span ${span}`,
+    };
+});
+
+export { StyledWrapper };

package/dist/components/col/types.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+export interface ColProps {
+    span?: number;
+    children: ReactNode;
+}
+export type ColRenderProps = Required<Pick<ColProps, "span">>;

package/dist/components/index.d.ts

@@ -12,6 +12,7 @@ export { Switch } from "./switch";
 export { Radio, RadioGroup } from "./radio";
 export { Checkbox } from "./checkbox";
 export { Row } from "./row";
+export { Col } from "./col";
 export { Divider } from "./divider";
 /**
  * @description

package/dist/components/index.js

@@ -9,5 +9,6 @@ export { default as Radio } from './radio/radio.js';
 export { default as RadioGroup } from './radio/group.js';
 export { default as Checkbox } from './checkbox/checkbox.js';
 export { default as Row } from './row/row.js';
+export { default as Col } from './col/col.js';
 export { default as Divider } from './divider/divider.js';
 export { useMessage } from './message/hooks.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "musae",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "musae-ui",
   "author": "tutu@fantufantu.com",
   "license": "MIT",