venice-ui 1.0.9 → 1.0.10

package/dist/cjs/components/Modal/Modal.styles.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModalElement = exports.ModalOverlayer = void 0;
 const styled_components_1 = __importDefault(require("styled-components"));
-const Theme_1 = require("../../Theme/Theme");
+const Theme_1 = require("../../Theme");
 exports.ModalOverlayer = styled_components_1.default.div `
   box-sizing: border-box;
   align-items: center;

package/dist/cjs/components/Tile/Tile.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tile = void 0;
+const ElementHeader_1 = require("../ElementHeader");
+const react_1 = __importDefault(require("react"));
+const Tile_styles_1 = require("./Tile.styles");
+const Tile = ({ size = 'small', shadow = true, title, children, }) => {
+    return (react_1.default.createElement(Tile_styles_1.TileElement, { size: size, shadow: shadow },
+        title && react_1.default.createElement(ElementHeader_1.ElementHeader, { title: title }),
+        children));
+};
+exports.Tile = Tile;

package/dist/cjs/components/Tile/Tile.styles.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TileElement = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Theme_1 = require("../../Theme");
+exports.TileElement = styled_components_1.default.div `
+  box-sizing: border-box;
+  display: flex;
+  width: 100%;
+  background-color: ${Theme_1.Theme.colors.white};
+  border-radius: ${Theme_1.Theme.borderRadius.m};
+  max-height: 100%;
+  overflow: hidden;
+  flex-direction: column;
+  position: relative;
+  ${(p) => p.shadow &&
+    `
+    box-shadow: ${Theme_1.Theme.shadow.s}
+  `}
+  ${(p) => p.size === 'small' && `max-width:500px`}
+  ${(p) => p.size === 'medium' && `max-width:750px`}
+  ${(p) => p.size === 'large' && `max-width:100%`}
+`;

package/dist/cjs/components/Tile/index.js

@@ -0,0 +1,17 @@
+"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("./Tile"), exports);

package/dist/esm/components/Modal/Modal.styles.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { Theme } from '../../Theme/Theme';
+import { Theme } from '../../Theme';
 export const ModalOverlayer = styled.div `
   box-sizing: border-box;
   align-items: center;

package/dist/esm/components/Tile/Tile.js

@@ -0,0 +1,8 @@
+import { ElementHeader } from '../ElementHeader';
+import React from 'react';
+import { TileElement } from './Tile.styles';
+export const Tile = ({ size = 'small', shadow = true, title, children, }) => {
+    return (React.createElement(TileElement, { size: size, shadow: shadow },
+        title && React.createElement(ElementHeader, { title: title }),
+        children));
+};

package/dist/esm/components/Tile/Tile.styles.js

@@ -0,0 +1,20 @@
+import styled from 'styled-components';
+import { Theme } from '../../Theme';
+export const TileElement = styled.div `
+  box-sizing: border-box;
+  display: flex;
+  width: 100%;
+  background-color: ${Theme.colors.white};
+  border-radius: ${Theme.borderRadius.m};
+  max-height: 100%;
+  overflow: hidden;
+  flex-direction: column;
+  position: relative;
+  ${(p) => p.shadow &&
+    `
+    box-shadow: ${Theme.shadow.s}
+  `}
+  ${(p) => p.size === 'small' && `max-width:500px`}
+  ${(p) => p.size === 'medium' && `max-width:750px`}
+  ${(p) => p.size === 'large' && `max-width:100%`}
+`;

package/dist/esm/components/Tile/index.js

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

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

@@ -0,0 +1,8 @@
+import React, { FC } from 'react';
+export interface ITileProps {
+    children: React.ReactNode;
+    title?: string;
+    size?: string;
+    shadow?: boolean;
+}
+export declare const Tile: FC<ITileProps>;

package/dist/types/components/Tile/Tile.styles.d.ts

@@ -0,0 +1,6 @@
+interface ITileElementStyle {
+    size: string;
+    shadow: boolean;
+}
+export declare const TileElement: import("styled-components").StyledComponent<"div", any, ITileElementStyle, never>;
+export {};

package/dist/types/components/Tile/index.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "venice-ui",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "Component library",
   "main": "index.js",
   "module": "./dist/esm/index.js",