@uni-design-system/uni-react 0.0.3

package/dist/esm/core/image/image.argTypes.d.ts

@@ -0,0 +1,187 @@
+export declare const imageArgTypes: {
+    blur: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    brightness: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    contrast: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    grayscale: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    'hue-rotate': {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    invert: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    opacity: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    saturate: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    sepia: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+    url: {
+        control: {
+            type: string;
+        };
+        table: {
+            summary: string;
+        };
+    };
+    fit: {
+        options: string[];
+        control: {
+            type: string;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+    height: {
+        control: {
+            type: string;
+        };
+    };
+    width: {
+        control: {
+            type: string;
+        };
+    };
+};

package/dist/esm/core/image/image.argTypes.js

@@ -0,0 +1,17 @@
+import { filterArgTypes } from '../filter/filter.argTypes';
+export const imageArgTypes = Object.assign({ url: {
+        control: { type: 'text' },
+        table: { summary: 'string' },
+    }, fit: {
+        options: ['contain', 'cover', 'fill', 'none', 'scale-down'],
+        control: { type: 'inline-radio' },
+        table: {
+            type: { summary: 'string literal' },
+            defaultValue: { summary: 'cover' },
+        },
+    }, height: {
+        control: { type: 'number' },
+    }, width: {
+        control: { type: 'number' },
+    } }, filterArgTypes);
+//# sourceMappingURL=image.argTypes.js.map

package/dist/esm/core/image/image.argTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.argTypes.js","sourceRoot":"","sources":["../../../../src/core/image/image.argTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,MAAM,CAAC,MAAM,aAAa,mBACxB,GAAG,EAAE;QACH,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACzB,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;KAC7B,EACD,GAAG,EAAE;QACH,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC;QAC3D,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;QACjC,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE;YACnC,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;SACnC;KACF,EACD,MAAM,EAAE;QACN,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC5B,EACD,KAAK,EAAE;QACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC5B,IACE,cAAc,CAClB,CAAC"}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ImageProps } from './image.model';
+export declare const Image: ({ url, alt, height, width, opacity, fit, ...rest }: ImageProps) => JSX.Element | null;

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

@@ -0,0 +1,18 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { ImageStyle } from './image.style';
+export const Image = (_a) => {
+    var { url, alt, height, width, opacity, fit = 'cover' } = _a, rest = __rest(_a, ["url", "alt", "height", "width", "opacity", "fit"]);
+    return url ? React.createElement("img", { src: url, alt: alt, style: ImageStyle(Object.assign({ fit, opacity, height, width }, rest)) }) : null;
+};
+//# sourceMappingURL=image.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.component.js","sourceRoot":"","sources":["../../../../src/core/image/image.component.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAwE,EAAsB,EAAE;QAAhG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,GAAG,OAAO,OAAuB,EAAlB,IAAI,cAA1D,mDAA4D,CAAF;IAC9E,OAAO,GAAG,CAAC,CAAC,CAAC,6BAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,iBAAG,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,IAAK,IAAI,EAAG,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAC/G,CAAC,CAAC"}

package/dist/esm/core/image/image.model.d.ts

@@ -0,0 +1,9 @@
+import { ImageFit } from './image.types';
+import { FilterProps } from '../filter';
+export interface ImageProps extends FilterProps {
+    url?: string | undefined;
+    alt?: string;
+    fit?: ImageFit;
+    height?: number;
+    width?: number;
+}

package/dist/esm/core/image/image.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=image.model.js.map

package/dist/esm/core/image/image.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.model.js","sourceRoot":"","sources":["../../../../src/core/image/image.model.ts"],"names":[],"mappings":""}

package/dist/esm/core/image/image.style.d.ts

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'react';
+import { ImageProps } from './image.model';
+export declare const ImageStyle: (props: Partial<ImageProps>) => CSSProperties;

package/dist/esm/core/image/image.style.js

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { FilterStyle } from '../filter/filter.style';
+export const ImageStyle = (props) => {
+    const { fit, opacity, height, width } = props, rest = __rest(props, ["fit", "opacity", "height", "width"]);
+    const filter = FilterStyle(Object.assign({}, rest));
+    const objectFit = height || width ? {} : { objectFit: fit };
+    return Object.assign(Object.assign(Object.assign({}, objectFit), { width: (width && `${width}px`) || '100vw', height: (height && `${height}px`) || '100vh', opacity }), filter);
+};
+//# sourceMappingURL=image.style.js.map

package/dist/esm/core/image/image.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.style.js","sourceRoot":"","sources":["../../../../src/core/image/image.style.ts"],"names":[],"mappings":";;;;;;;;;;;AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAA0B,EAAiB,EAAE;IACtE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAhD,qCAAwC,CAAQ,CAAC;IAEvD,MAAM,MAAM,GAAG,WAAW,mBAAM,IAAI,EAAG,CAAC;IAExC,MAAM,SAAS,GAAG,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC;IAE5D,qDACK,SAAS,KACZ,KAAK,EAAE,CAAC,KAAK,IAAI,GAAG,KAAK,IAAI,CAAC,IAAI,OAAO,EACzC,MAAM,EAAE,CAAC,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,OAAO,EAC5C,OAAO,KACJ,MAAM,EACT;AACJ,CAAC,CAAC"}

package/dist/esm/core/image/image.types.d.ts

@@ -0,0 +1 @@
+export type ImageFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';

package/dist/esm/core/image/image.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=image.types.js.map

package/dist/esm/core/image/image.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.types.js","sourceRoot":"","sources":["../../../../src/core/image/image.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,11 @@
+export * from './theme';
+export * from './border';
+export * from './flex';
+export * from './icon';
+export * from './layout';
+export * from './container';
+export * from './padding';
+export * from './shadow';
+export * from './text';
+export * from './overlay';
+export * from './ripple';

package/dist/esm/core/index.js

@@ -0,0 +1,12 @@
+export * from './theme';
+export * from './border';
+export * from './flex';
+export * from './icon';
+export * from './layout';
+export * from './container';
+export * from './padding';
+export * from './shadow';
+export * from './text';
+export * from './overlay';
+export * from './ripple';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC"}

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

@@ -0,0 +1 @@
+export * from './layout.hook';

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

@@ -0,0 +1,2 @@
+export * from './layout.hook';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/core/layout/layout.context.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ScreenSize {
+    height: number;
+    width: number;
+}
+declare const LayoutContext: React.Context<ScreenSize>;
+export default LayoutContext;

package/dist/esm/core/layout/layout.context.js

@@ -0,0 +1,7 @@
+import React from 'react';
+const LayoutContext = React.createContext({ height: 1000, width: 1000 });
+if (process.env.NODE_ENV !== 'production') {
+    LayoutContext.displayName = 'LayoutContext';
+}
+export default LayoutContext;
+//# sourceMappingURL=layout.context.js.map

package/dist/esm/core/layout/layout.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.context.js","sourceRoot":"","sources":["../../../../src/core/layout/layout.context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAa,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;AAErF,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;CAC7C;AAED,eAAe,aAAa,CAAC"}

package/dist/esm/core/layout/layout.hook.d.ts

@@ -0,0 +1,2 @@
+import { Layout } from '@uni-design-system/uni-core';
+export default function useLayout(): Layout;

package/dist/esm/core/layout/layout.hook.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { getDeviceOrientation, getDeviceSize } from '@uni-design-system/uni-core';
+import LayoutContext from './layout.context';
+export default function useLayout() {
+    const { height, width } = React.useContext(LayoutContext);
+    const deviceSize = getDeviceSize(height, width);
+    const orientation = getDeviceOrientation(height, width);
+    return { orientation, deviceSize };
+}
+//# sourceMappingURL=layout.hook.js.map

package/dist/esm/core/layout/layout.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.hook.js","sourceRoot":"","sources":["../../../../src/core/layout/layout.hook.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAU,MAAM,6BAA6B,CAAC;AAC1F,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,SAAS;IAE/B,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAChD,MAAM,WAAW,GAAG,oBAAoB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAExD,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC;AACrC,CAAC"}

package/dist/esm/core/layout/layout.provider.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const LayoutProvider: ({ children }: {
+    children: any;
+}) => JSX.Element;

package/dist/esm/core/layout/layout.provider.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import LayoutContext from './layout.context';
+// @ts-ignore
+export const LayoutProvider = ({ children }) => {
+    const getWidth = () => document.documentElement.clientWidth;
+    const getHeight = () => document.documentElement.clientHeight;
+    const [width, setWidth] = React.useState(getWidth);
+    const [height, setHeight] = React.useState(getHeight);
+    const handleWindowResize = () => {
+        setWidth(getWidth);
+        setHeight(getHeight);
+    };
+    React.useEffect(() => {
+        window.addEventListener("resize", handleWindowResize);
+        return () => window.removeEventListener("resize", handleWindowResize);
+    }, []);
+    return (React.createElement(LayoutContext.Provider, { value: { height, width } }, children));
+};
+//# sourceMappingURL=layout.provider.js.map

package/dist/esm/core/layout/layout.provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.provider.js","sourceRoot":"","sources":["../../../../src/core/layout/layout.provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,aAAa;AACb,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAE3C,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC;IAC5D,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC;IAE9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACnD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAEtD,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,SAAS,CAAC,SAAS,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;QACtD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;IACxE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,IAC5C,QAAQ,CACa,CAC1B,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,2 @@
+export * from './overlay.component';
+export * from './overlay.model';

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

@@ -0,0 +1,3 @@
+export * from './overlay.component';
+export * from './overlay.model';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/overlay/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC"}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { OverlayProps } from './overlay.model';
+export declare const Overlay: (props: OverlayProps) => JSX.Element;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AnimatePresence, motion } from 'framer-motion';
+import { OverlayStyle } from './overlay.config';
+import { useTheme } from '../theme';
+export const Overlay = (props) => {
+    const { isOpen, fadeDuration = 0.35 } = props;
+    const theme = useTheme();
+    const overlayStyle = OverlayStyle(theme, props);
+    return (React.createElement(AnimatePresence, null, isOpen && (React.createElement(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: fadeDuration }, style: overlayStyle }, props.children))));
+};
+//# sourceMappingURL=overlay.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.component.js","sourceRoot":"","sources":["../../../../src/core/overlay/overlay.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGpC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAe,EAAE;IAC1D,MAAM,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC9C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,YAAY,GAAG,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAEhD,OAAO,CACL,oBAAC,eAAe,QACb,MAAM,IAAI,CACT,oBAAC,MAAM,CAAC,GAAG,IACT,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACvB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EACpB,UAAU,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EACtC,KAAK,EAAE,YAAY,IAElB,KAAK,CAAC,QAAQ,CACJ,CACd,CACe,CACnB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/core/overlay/overlay.config.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '@uni-design-system/uni-core';
+import { CSSProperties } from 'react';
+import { OverlayProps } from './overlay.model';
+export declare const OverlayStyle: (theme: Theme, { hueRotateDeg, hueDeg, saturation, lightness, transparency, blurPx }: OverlayProps) => CSSProperties;

package/dist/esm/core/overlay/overlay.config.js

@@ -0,0 +1,17 @@
+import { HSLAToString } from '@uni-design-system/uni-core';
+export const OverlayStyle = (theme, { hueRotateDeg = 0, hueDeg = 0, saturation = 0, lightness = 0, transparency = 0.5, blurPx = 0 }) => {
+    const backgroundColor = HSLAToString({ hue: hueDeg, saturation, lightness, alpha: transparency });
+    return {
+        position: 'fixed',
+        left: '0',
+        top: '0',
+        width: '100vw',
+        height: '100vh',
+        backgroundColor,
+        backdropFilter: `blur(${blurPx}px) hue-rotate(${hueRotateDeg}deg)`,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+    };
+};
+//# sourceMappingURL=overlay.config.js.map

package/dist/esm/core/overlay/overlay.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.config.js","sourceRoot":"","sources":["../../../../src/core/overlay/overlay.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAIlE,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,KAAY,EACZ,EAAE,YAAY,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,SAAS,GAAG,CAAC,EAAE,YAAY,GAAG,GAAG,EAAE,MAAM,GAAG,CAAC,EAAgB,EAC9F,EAAE;IACjB,MAAM,eAAe,GAAG,YAAY,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC;IAElG,OAAO;QACL,QAAQ,EAAE,OAAO;QACjB,IAAI,EAAE,GAAG;QACT,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;QACf,eAAe;QACf,cAAc,EAAE,QAAQ,MAAM,kBAAkB,YAAY,MAAM;QAClE,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/core/overlay/overlay.model.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export interface OverlayProps {
+    children?: ReactNode;
+    blurPx?: number;
+    hueRotateDeg?: number;
+    hueDeg?: number;
+    saturation?: number;
+    lightness?: number;
+    transparency?: number;
+    isOpen?: boolean;
+    fadeDuration?: number;
+}

package/dist/esm/core/overlay/overlay.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=overlay.model.js.map

package/dist/esm/core/overlay/overlay.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.model.js","sourceRoot":"","sources":["../../../../src/core/overlay/overlay.model.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1 @@
+export * from './padding.style';

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

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

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

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

package/dist/esm/core/padding/padding.style.d.ts

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'react';
+import { Apply, Size } from '@uni-design-system/uni-core';
+export declare function Padding(size: Size, apply: Apply): CSSProperties;

package/dist/esm/core/padding/padding.style.js

@@ -0,0 +1,31 @@
+export function Padding(size, apply) {
+    const amount = 16;
+    const unit = 'px';
+    const PaddingMap = {
+        top: {
+            paddingTop: amount + unit
+        },
+        bottom: {
+            paddingBottom: amount + unit
+        },
+        left: {
+            paddingLeft: amount + unit
+        },
+        right: {
+            paddingRight: amount + unit
+        },
+        vertical: {
+            paddingTop: amount + unit,
+            paddingBottom: amount + unit
+        },
+        horizontal: {
+            paddingLeft: amount + unit,
+            paddingRight: amount + unit
+        },
+        all: {
+            padding: amount + unit
+        }
+    };
+    return PaddingMap[apply];
+}
+//# sourceMappingURL=padding.style.js.map

package/dist/esm/core/padding/padding.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"padding.style.js","sourceRoot":"","sources":["../../../../src/core/padding/padding.style.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,OAAO,CAAC,IAAU,EAAE,KAAY;IAE9C,MAAM,MAAM,GAAW,EAAE,CAAC;IAC1B,MAAM,IAAI,GAAW,IAAI,CAAC;IAE1B,MAAM,UAAU,GAAiC;QAC/C,GAAG,EAAE;YACH,UAAU,EAAE,MAAM,GAAG,IAAI;SAC1B;QACD,MAAM,EAAE;YACN,aAAa,EAAE,MAAM,GAAG,IAAI;SAC7B;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,MAAM,GAAG,IAAI;SAC3B;QACD,KAAK,EAAE;YACL,YAAY,EAAE,MAAM,GAAG,IAAI;SAC5B;QACD,QAAQ,EAAE;YACR,UAAU,EAAE,MAAM,GAAG,IAAI;YACzB,aAAa,EAAE,MAAM,GAAG,IAAI;SAC7B;QACD,UAAU,EAAE;YACV,WAAW,EAAE,MAAM,GAAG,IAAI;YAC1B,YAAY,EAAE,MAAM,GAAG,IAAI;SAC5B;QACD,GAAG,EAAE;YACH,OAAO,EAAE,MAAM,GAAG,IAAI;SACvB;KACF,CAAA;IAED,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;AAC3B,CAAC"}

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

@@ -0,0 +1 @@
+export * from './ripple.utils';

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

@@ -0,0 +1,2 @@
+export * from './ripple.utils';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/core/ripple/ripple.utils.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function createRipple(event: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;

package/dist/esm/core/ripple/ripple.utils.js

@@ -0,0 +1,34 @@
+function setKeyframes() {
+    let styleSheet = document.styleSheets[0];
+    let animationName = `ripple`;
+    let keyframes = `@keyframes ${animationName} 
+    {
+      to {
+        transform: scale(4);
+        opacity: 0;
+      }
+    }`;
+    styleSheet.insertRule(keyframes, styleSheet.cssRules.length);
+}
+export function createRipple(event) {
+    setKeyframes();
+    const button = event.currentTarget;
+    const oldRipple = button.getElementsByClassName('ripple')[0];
+    if (oldRipple) {
+        oldRipple.remove();
+    }
+    const ripple = document.createElement('span');
+    ripple.classList.add('ripple');
+    const diameter = Math.max(button.clientWidth, button.clientHeight);
+    const radius = diameter / 2;
+    ripple.style.width = ripple.style.height = `${diameter}px`;
+    ripple.style.left = `${event.clientX - button.offsetLeft - radius}px`;
+    ripple.style.top = `${event.clientY - button.offsetTop - radius}px`;
+    ripple.style.position = 'absolute';
+    ripple.style.borderRadius = '50%';
+    ripple.style.transform = 'scale(0)';
+    ripple.style.animation = 'ripple 600ms linear';
+    ripple.style.backgroundColor = 'rgba(255, 255, 255, 0.7)';
+    button.appendChild(ripple);
+}
+//# sourceMappingURL=ripple.utils.js.map

package/dist/esm/core/ripple/ripple.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ripple.utils.js","sourceRoot":"","sources":["../../../../src/core/ripple/ripple.utils.ts"],"names":[],"mappings":"AAEA,SAAS,YAAY;IACnB,IAAI,UAAU,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IACzC,IAAI,aAAa,GAAG,QAAQ,CAAC;IAC7B,IAAI,SAAS,GAAG,cAAc,aAAa;;;;;;MAMvC,CAAC;IACL,UAAU,CAAC,UAAU,CAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAAsD;IACjF,YAAY,EAAE,CAAC;IACf,MAAM,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC;IAEnC,MAAM,SAAS,GAAG,MAAM,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7D,IAAI,SAAS,EAAE;QACb,SAAS,CAAC,MAAM,EAAE,CAAC;KACpB;IAED,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC9C,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAE/B,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;IACnE,MAAM,MAAM,GAAG,QAAQ,GAAG,CAAC,CAAC;IAE5B,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,QAAQ,IAAI,CAAC;IAC3D,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,GAAG,MAAM,IAAI,CAAC;IACtE,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,SAAS,GAAG,MAAM,IAAI,CAAC;IAEpE,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;IACnC,MAAM,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;IAClC,MAAM,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU,CAAC;IACpC,MAAM,CAAC,KAAK,CAAC,SAAS,GAAG,qBAAqB,CAAC;IAC/C,MAAM,CAAC,KAAK,CAAC,eAAe,GAAG,0BAA0B,CAAC;IAE1D,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AAC7B,CAAC"}

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

@@ -0,0 +1 @@
+export * from './shadow.style';

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

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

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

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

package/dist/esm/core/shadow/shadow.style.d.ts

@@ -0,0 +1,2 @@
+import { ShadowElevation } from '@uni-design-system/uni-core';
+export declare function BoxShadow(elevation: ShadowElevation): string;

package/dist/esm/core/shadow/shadow.style.js

@@ -0,0 +1,5 @@
+import { ShadowCssMap } from '@uni-design-system/uni-core';
+export function BoxShadow(elevation) {
+    return ShadowCssMap[elevation];
+}
+//# sourceMappingURL=shadow.style.js.map

package/dist/esm/core/shadow/shadow.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.style.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE5E,MAAM,UAAU,SAAS,CAAC,SAA0B;IAClD,OAAO,YAAY,CAAC,SAAS,CAAC,CAAC;AACjC,CAAC"}

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

@@ -0,0 +1 @@
+export * from './text.component';