@uni-design-system/uni-react 0.0.9 → 0.0.11

package/dist/cjs/components/card/card.component.js

@@ -6,18 +6,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Card = void 0;
 const react_1 = __importDefault(require("react"));
 const core_1 = require("../../core");
-const framer_motion_1 = require("framer-motion");
 function Card({ children, cardType, elevation, colorToken = 'primary-container', width, height, borderRadius, }) {
     const { colors, containers } = (0, core_1.useTheme)();
     const { borderRadii } = containers.card;
     const style = Object.assign({ height,
-        width, position: 'fixed', backgroundColor: colors[colorToken || 'surface'], color: colors[`on-${colorToken}` || 'on-surface'] }, (0, core_1.Padding)('md', 'all'));
+        width, backgroundColor: colors[colorToken || 'surface'], color: colors[`on-${colorToken}` || 'on-surface'] }, (0, core_1.Padding)('md', 'all'));
     if (cardType === 'elevated') {
         style.boxShadow = (0, core_1.BoxShadow)(elevation || 'raised');
     }
     if (borderRadii && borderRadius !== 'none') {
         style.borderRadius = borderRadii[borderRadius || 'md'];
     }
-    return (react_1.default.createElement(framer_motion_1.motion.div, { style: style, initial: { y: 36, opacity: 0 }, animate: { y: 0, opacity: 1 }, exit: { y: 36, opacity: 0 }, transition: { duration: 0.2 } }, children));
+    return react_1.default.createElement("div", { style: style }, children);
 }
 exports.Card = Card;

package/dist/cjs/components/modal/modal.component.js

@@ -7,6 +7,7 @@ exports.Modal = void 0;
 const react_1 = __importDefault(require("react"));
 const card_1 = require("../card");
 const core_1 = require("../../core");
+const framer_motion_1 = require("framer-motion");
 const ModalSizes = {
     sm: 260,
     md: 320,
@@ -15,6 +16,7 @@ const ModalSizes = {
 const Modal = ({ children, isOpen, size = 'lg' }) => {
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(core_1.Overlay, { isOpen: isOpen },
-            react_1.default.createElement(card_1.Card, { colorToken: "background", width: ModalSizes[size], cardType: "elevated", elevation: "modal" }, children))));
+            react_1.default.createElement(framer_motion_1.motion.div, { style: { position: 'fixed' }, initial: { y: 36, opacity: 0 }, animate: { y: 0, opacity: 1 }, exit: { y: 36, opacity: 0 }, transition: { duration: 0.2 } },
+                react_1.default.createElement(card_1.Card, { colorToken: "background", width: ModalSizes[size], cardType: "elevated", elevation: "modal" }, children)))));
 };
 exports.Modal = Modal;

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

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

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./image.component"), exports);
+__exportStar(require("./image.model"), exports);

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

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

package/dist/cjs/core/index.js

@@ -14,14 +14,15 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./theme"), exports);
 __exportStar(require("./border"), exports);
+__exportStar(require("./container"), exports);
 __exportStar(require("./flex"), exports);
+__exportStar(require("./hooks"), exports);
 __exportStar(require("./icon"), exports);
+__exportStar(require("./image"), exports);
 __exportStar(require("./layout"), exports);
-__exportStar(require("./container"), exports);
+__exportStar(require("./overlay"), exports);
 __exportStar(require("./padding"), exports);
 __exportStar(require("./shadow"), exports);
 __exportStar(require("./text"), exports);
-__exportStar(require("./overlay"), exports);
-__exportStar(require("./hooks"), exports);
+__exportStar(require("./theme"), exports);

package/dist/esm/components/card/card.component.js

@@ -1,16 +1,15 @@
 import React from 'react';
 import { BoxShadow, Padding, useTheme } from '../../core';
-import { motion } from 'framer-motion';
 export function Card({ children, cardType, elevation, colorToken = 'primary-container', width, height, borderRadius, }) {
     const { colors, containers } = useTheme();
     const { borderRadii } = containers.card;
     const style = Object.assign({ height,
-        width, position: 'fixed', backgroundColor: colors[colorToken || 'surface'], color: colors[`on-${colorToken}` || 'on-surface'] }, Padding('md', 'all'));
+        width, backgroundColor: colors[colorToken || 'surface'], color: colors[`on-${colorToken}` || 'on-surface'] }, Padding('md', 'all'));
     if (cardType === 'elevated') {
         style.boxShadow = BoxShadow(elevation || 'raised');
     }
     if (borderRadii && borderRadius !== 'none') {
         style.borderRadius = borderRadii[borderRadius || 'md'];
     }
-    return (React.createElement(motion.div, { style: style, initial: { y: 36, opacity: 0 }, animate: { y: 0, opacity: 1 }, exit: { y: 36, opacity: 0 }, transition: { duration: 0.2 } }, children));
+    return React.createElement("div", { style: style }, children);
 }

package/dist/esm/components/modal/modal.component.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Card } from '../card';
 import { Overlay } from '../../core';
+import { motion } from 'framer-motion';
 const ModalSizes = {
     sm: 260,
     md: 320,
@@ -9,5 +10,6 @@ const ModalSizes = {
 export const Modal = ({ children, isOpen, size = 'lg' }) => {
     return (React.createElement(React.Fragment, null,
         React.createElement(Overlay, { isOpen: isOpen },
-            React.createElement(Card, { colorToken: "background", width: ModalSizes[size], cardType: "elevated", elevation: "modal" }, children))));
+            React.createElement(motion.div, { style: { position: 'fixed' }, initial: { y: 36, opacity: 0 }, animate: { y: 0, opacity: 1 }, exit: { y: 36, opacity: 0 }, transition: { duration: 0.2 } },
+                React.createElement(Card, { colorToken: "background", width: ModalSizes[size], cardType: "elevated", elevation: "modal" }, children)))));
 };

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

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

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

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

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

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

package/dist/esm/core/index.js

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

package/package.json

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