@omniumretail/component-library 1.0.1 → 1.0.2

package/dist/main.css

@@ -334,3 +334,121 @@
   height: 25px;
   align-self: flex-end;
 }
+/*!**************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/ModalConfirmation/styles.module.scss ***!
+  \**************************************************************************************************************************************************************************/
+.yBVWvA0RtFgQb0zg7Zha .ant-modal-close {
+  width: auto;
+  color: var(--button-default-background);
+}
+.yBVWvA0RtFgQb0zg7Zha .ant-modal-close:hover {
+  background-color: transparent;
+  color: var(--button-default-background-hover-color);
+}
+.yBVWvA0RtFgQb0zg7Zha .ant-modal-content {
+  padding: 36px 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  text-align: center;
+}
+@media (min-width: 742px) {
+  .yBVWvA0RtFgQb0zg7Zha .ant-modal-content {
+    padding: 64px;
+  }
+}
+.yBVWvA0RtFgQb0zg7Zha .bIn9Tnsli5FWDJmVQ47h:hover .hAGMAlh5JyPDAiKMfgws {
+  color: red;
+}
+.yBVWvA0RtFgQb0zg7Zha .hAGMAlh5JyPDAiKMfgws {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: row;
+  gap: 8px;
+  color: inherit;
+  font-size: var(--font-size-body-3);
+  line-height: 100%;
+  font-weight: var(--font-weight-light);
+  text-transform: capitalize;
+  letter-spacing: 0.6px;
+}
+.yBVWvA0RtFgQb0zg7Zha .IEpOAjgZyRyE5md9cZvT {
+  color: var(--color-blue);
+  font-weight: var(--font-weight-semibold);
+  font-size: var(--font-size-body-6);
+  line-height: 100%;
+}
+.yBVWvA0RtFgQb0zg7Zha .iHFpZ9nbZF0FARnRj310 {
+  color: var(--color-black);
+  font-size: var(--font-size-body-4);
+  margin: 12px 0 24px 0;
+  padding: 0;
+}
+/*!***********************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/ModalWithTable/styles.module.scss ***!
+  \***********************************************************************************************************************************************************************/
+.bMNL7jiNu8_mW6dwEyoS.luQHokN_GXPiYlWneKVa {
+  pointer-events: none;
+  position: relative;
+}
+.bMNL7jiNu8_mW6dwEyoS.luQHokN_GXPiYlWneKVa:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(var(--color-white-rgb), 0.6);
+  z-index: 9999999;
+}
+.bMNL7jiNu8_mW6dwEyoS .ant-modal-close {
+  width: auto;
+  color: var(--button-default-background);
+}
+.bMNL7jiNu8_mW6dwEyoS .ant-modal-close:hover {
+  background-color: transparent;
+  color: var(--button-default-background-hover-color);
+}
+.bMNL7jiNu8_mW6dwEyoS .ant-modal-content {
+  padding: 36px 24px;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  text-align: center;
+}
+@media (min-width: 742px) {
+  .bMNL7jiNu8_mW6dwEyoS .ant-modal-content {
+    padding: 32px;
+  }
+}
+.bMNL7jiNu8_mW6dwEyoS .ant-modal-body {
+  width: 100%;
+  padding-top: 24px;
+}
+.bMNL7jiNu8_mW6dwEyoS .ant-modal-footer button {
+  margin-left: auto;
+}
+.bMNL7jiNu8_mW6dwEyoS .WCOz4jFqbuSsRmxOc2Dq {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: row;
+  gap: 8px;
+  color: inherit;
+  font-size: var(--font-size-body-3);
+  line-height: 100%;
+  font-weight: var(--font-weight-light);
+  text-transform: capitalize;
+  letter-spacing: 0.6px;
+  justify-self: flex-end;
+}
+.bMNL7jiNu8_mW6dwEyoS .WCOz4jFqbuSsRmxOc2Dq > p {
+  padding: 0;
+  margin: 0;
+}
+.bMNL7jiNu8_mW6dwEyoS .mt484L3ogFPJIZmEQ8q_ {
+  max-width: 640px;
+  text-align: left;
+}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ModalConfirmationProps {
     closeText: string;
     title: string;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { tableFieldProps } from 'components/Table';
+import { tableFieldProps } from '../Table';
 export interface ModalWithTableProps {
     closeText: string;
     buttonText: string;

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

@@ -11,3 +11,5 @@ export * from './Tag';
 export * from './DatePicker';
 export * from './Radio';
 export * from './Footer';
+export * from './ModalConfirmation';
+export * from './ModalWithTable';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omniumretail/component-library",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",

package/src/components/ModalWithTable/index.tsx

@@ -1,10 +1,10 @@
 import { Button } from '../Button';
 import { Modal } from 'antd';
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { CloseOutlined } from '@ant-design/icons';
 import styles from './styles.module.scss';
-import { TagField } from 'components/Tag';
-import { TableField, tableFieldProps } from 'components/Table';
+import { TagField } from '../Tag';
+import { TableField, tableFieldProps } from '../Table';
 import classnames from 'classnames';
 
 export interface ModalWithTableProps {

package/src/components/index.tsx

@@ -11,3 +11,5 @@ export * from './Tag';
 export * from './DatePicker';
 export * from './Radio';
 export * from './Footer';
+export * from './ModalConfirmation';
+export * from './ModalWithTable';