@antscorp/antsomi-ui 1.3.3-beta.4 → 1.3.3-beta.41

package/es/components/molecules/RichMenu/RichMenuBlock/RichMenuCell/styled.d.ts

@@ -0,0 +1,8 @@
+export declare const CellContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AddContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AddLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const CellImage: import("styled-components").StyledComponent<"div", any, {
+    src: string;
+    imagePosition: string;
+    imageSize: string;
+}, never>;

package/es/components/molecules/RichMenu/RichMenuBlock/RichMenuCell/styled.js

@@ -0,0 +1,36 @@
+// Libraries
+import styled from 'styled-components';
+export const CellContainer = styled.div `
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+`;
+export const AddContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  width: 100%;
+  height: 100%;
+  padding: 8px 0px;
+  overflow: hidden;
+`;
+export const AddLabel = styled.span `
+  width: 100%;
+  padding: 0px 6px;
+
+  font-size: 10px;
+  font-weight: 400;
+  color: #000000;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: center;
+  overflow: hidden;
+`;
+export const CellImage = styled.div `
+  min-height: 100%;
+  background-image: url(${({ src }) => src});
+  background-size: ${({ imageSize }) => imageSize};
+  background-position: ${({ imagePosition }) => imagePosition};
+`;

package/es/components/molecules/RichMenu/RichMenuBlock/constants.d.ts

@@ -0,0 +1,2 @@
+import { RichMenu } from '@antscorp/antsomi-ui/es/types';
+export declare const SAMPLE_RICHMENU: RichMenu;