@1money/react-ui 0.5.0-alpha.3 → 0.5.0-alpha.31

package/.cursor/rules/react-component-lib.mdc

@@ -0,0 +1,30 @@
+---
+description: 
+globs: 
+---
+
+# Your rule content
+
+- You can @ files here
+- You can use markdown but dont have to
+
+`DO NOT GIVE ME HIGH LEVEL SHIT, IF I ASK FOR FIX OR EXPLANATION, I WANT ACTUAL CODE OR EXPLANATION!!! I DON'T WANT "Here's how you can blablabla"
+
+- Be casual unless otherwise specified
+- Be terse
+- Suggest solutions that I didn't think about—anticipate my needs
+- Treat me as an expert
+- Be accurate and thorough
+- Give the answer immediately. Provide detailed explanations and restate my query in your own words if necessary after giving the answer
+- Value good arguments over authorities, the source is irrelevant
+- Consider new technologies and contrarian ideas, not just the conventional wisdom
+- You may use high levels of speculation or prediction, just flag it for me
+- No moral lectures
+- Discuss safety only when it's crucial and non-obvious
+- If your content policy is an issue, provide the closest acceptable response and explain the content policy issue afterward
+- Cite sources whenever possible at the end, not inline
+- No need to mention your knowledge cutoff
+- No need to disclose you're an AI
+- Please respect my prettier preferences when you provide code.
+- Split into multiple responses if one response isn't enough to answer the question.
+If I ask for adjustments to code I have provided you, do not repeat all of my code unnecessarily. Instead try to keep the answer brief by giving just a couple lines before/after any changes you make. Multiple code blocks are ok.

package/es/components/Badge/style/Badge.css

@@ -1 +1 @@
-.om-react-ui-badge{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;font-weight:500;font-size:12px;line-height:108%;border-radius:12px}.om-react-ui-badge-neutral{color:#131313;background-color:#e3e4e4}.om-react-ui-badge-warning{color:#131313;background-color:#f4c600}.om-react-ui-badge-negative{color:#fff;background-color:#ae0000}.om-react-ui-badge-success{color:#fff;background-color:#1f5800}.om-react-ui-badge-recommend{color:#fff;background-color:#3d7cf5}.om-react-ui-badge-black{color:#fff;background-color:#131313}
+.om-react-ui-badge{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;font-weight:500;font-size:12px;line-height:108%;border-radius:12px}.om-react-ui-badge-neutral{color:#131313;background-color:#e3e4e4}.om-react-ui-badge-warning{color:#131313;background-color:#f4c600}.om-react-ui-badge-negative{color:#fefefe;background-color:#ae0000}.om-react-ui-badge-success{color:#fefefe;background-color:#1f5800}.om-react-ui-badge-recommend{color:#fefefe;background-color:#3d7cf5}.om-react-ui-badge-black{color:#fefefe;background-color:#131313}

package/es/components/Badge/style/Badge.scss

@@ -24,22 +24,22 @@ $component: 'badge';
   }
 
   &-negative {
-    color: $color-white;
+    color: $color-primary-white;
     background-color: $color-negative;
   }
 
   &-success {
-    color: $color-white;
+    color: $color-primary-white;
     background-color: $color-success;
   }
 
   &-recommend {
-    color: $color-white;
+    color: $color-primary-white;
     background-color: $color-info;
   }
 
   &-black {
-    color: $color-white;
+    color: $color-primary-white;
     background-color: $color-primary-black;
   }
 }

package/es/components/Button/style/Button.css

@@ -1 +1 @@
-.om-react-ui-button{display:inline-flex;align-items:center;justify-content:center;padding:16px;font-weight:500;font-size:16px;line-height:20px;border-radius:16px;box-shadow:none}.om-react-ui-button-medium{padding:12px;font-size:14px;line-height:16px;border-radius:12px}.om-react-ui-button-small{max-height:32px;padding:12px;font-size:12px;line-height:8px;border-radius:12px}.om-react-ui-button.p-disabled{cursor:not-allowed}.om-react-ui-button.p-button-rounded{border-radius:36px}.om-react-ui-button-loading-icon{width:20px!important;height:20px!important;margin-right:8px}.om-react-ui-button-loading-icon-medium{width:16px!important;height:16px!important}.om-react-ui-button-loading-icon-small{width:14px!important;height:14px!important}.om-react-ui-button-loading-icon-primary svg circle{stroke:#fefefe!important}.om-react-ui-button-loading-icon-secondary svg circle{stroke:#073387!important}.om-react-ui-button-loading-icon-grey svg circle{stroke:#9fa3a3!important}.om-react-ui-button-loading-icon-black svg circle{stroke:#fefefe!important}.om-react-ui-button-loading-icon-white svg circle{stroke:#9fa3a3!important}.om-react-ui-button-primary{color:#fefefe;background-color:#073387;border:none}.om-react-ui-button-primary:hover{background-color:#052561}.om-react-ui-button-primary-active{background-color:#03163a}.om-react-ui-button-primary.p-disabled{opacity:.3}.om-react-ui-button-secondary{color:#073387;background-color:#dde6f4;border:none}.om-react-ui-button-secondary:hover{background-color:#c1d0eb}.om-react-ui-button-secondary-active{background-color:#a4bbe1}.om-react-ui-button-secondary.p-disabled{opacity:.4}.om-react-ui-button-grey{color:#131313;background-color:#f0f0f0;border:none}.om-react-ui-button-grey:hover{background-color:#e3e4e4}.om-react-ui-button-grey-active{background-color:#d1d2d2}.om-react-ui-button-grey.p-disabled{color:#9fa3a3;background-color:#f0f0f0}.om-react-ui-button-black{color:#fefefe;background-color:#131313;border:none}.om-react-ui-button-black:hover{background-color:#404042}.om-react-ui-button-black-active{background-color:#646465}.om-react-ui-button-black.p-disabled{background-color:#d1d2d2}.om-react-ui-button-white{color:#131313;background-color:#fefefe;border:none}.om-react-ui-button-white:hover{background-color:#f0f0f0}.om-react-ui-button-white-active{background-color:#d1d2d2}.om-react-ui-button-white.p-disabled{color:#9fa3a3;background-color:#fefefe}.om-react-ui-button-primary.p-button-loading.p-disabled{color:#fff;background-color:#142d66}.om-react-ui-button-secondary.p-button-loading.p-disabled{color:#000;background-color:#e5efff}.om-react-ui-button-primary-landing{background-color:#073387}.om-react-ui-button-primary-landing,.om-react-ui-button-secondary-landing{padding:10px 16px;font-weight:500;font-size:16px;line-height:26px;border:none;border-radius:8px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.om-react-ui-button-secondary-landing{color:#000;background-color:#fff}
+.om-react-ui-button{display:inline-flex;align-items:center;justify-content:center;padding:16px;font-weight:500;font-size:16px;line-height:20px;border-radius:16px;box-shadow:none}.om-react-ui-button-medium{padding:12px;font-size:14px;line-height:16px;border-radius:12px}.om-react-ui-button-small{max-height:32px;padding:12px;font-size:12px;line-height:8px;border-radius:12px}.om-react-ui-button.p-disabled{cursor:not-allowed}.om-react-ui-button.p-button-rounded{border-radius:36px}.om-react-ui-button-loading-icon{width:20px!important;height:20px!important;margin-right:8px;margin-left:0}.om-react-ui-button-loading-icon-medium{width:16px!important;height:16px!important}.om-react-ui-button-loading-icon-small{width:14px!important;height:14px!important}.om-react-ui-button-loading-icon-primary svg circle{stroke:#fefefe!important}.om-react-ui-button-loading-icon-secondary svg circle{stroke:#073387!important}.om-react-ui-button-loading-icon-grey svg circle{stroke:#9fa3a3!important}.om-react-ui-button-loading-icon-black svg circle{stroke:#fefefe!important}.om-react-ui-button-loading-icon-white svg circle{stroke:#9fa3a3!important}.om-react-ui-button-primary{color:#fefefe;background-color:#073387;border:none}.om-react-ui-button-primary:hover{background-color:#052561}.om-react-ui-button-primary-active{background-color:#03163a}.om-react-ui-button-primary.p-disabled{opacity:.3}.om-react-ui-button-secondary{color:#073387;background-color:#dde6f4;border:none}.om-react-ui-button-secondary:hover{background-color:#c1d0eb}.om-react-ui-button-secondary-active{background-color:#a4bbe1}.om-react-ui-button-secondary.p-disabled{opacity:.4}.om-react-ui-button-grey{color:#131313;background-color:#f0f0f0;border:none}.om-react-ui-button-grey:hover{background-color:#e3e4e4}.om-react-ui-button-grey-active{background-color:#d1d2d2}.om-react-ui-button-grey.p-disabled{color:#9fa3a3;background-color:#f0f0f0}.om-react-ui-button-black{color:#fefefe;background-color:#131313;border:none}.om-react-ui-button-black:hover{background-color:#404042}.om-react-ui-button-black-active{background-color:#646465}.om-react-ui-button-black.p-disabled{background-color:#d1d2d2}.om-react-ui-button-white{color:#131313;background-color:#fefefe;border:none}.om-react-ui-button-white:hover{background-color:#f0f0f0}.om-react-ui-button-white-active{background-color:#d1d2d2}.om-react-ui-button-white.p-disabled{color:#9fa3a3;background-color:#fefefe}.om-react-ui-button-primary.p-button-loading.p-disabled{color:#fff;background-color:#142d66}.om-react-ui-button-secondary.p-button-loading.p-disabled{color:#000;background-color:#e5efff}.om-react-ui-button-primary-landing{background-color:#073387}.om-react-ui-button-primary-landing,.om-react-ui-button-secondary-landing{padding:10px 16px;font-weight:500;font-size:16px;line-height:26px;border:none;border-radius:8px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.om-react-ui-button-secondary-landing{color:#000;background-color:#fff}

package/es/components/Button/style/Button.scss

@@ -40,6 +40,7 @@ $component: 'button';
     width: 20px !important;
     height: 20px !important;
     margin-right: 8px;
+    margin-left: 0;
 
     &-medium {
       width: 16px !important;

package/es/components/Calendar/style/Calendar.css

@@ -1 +1 @@
-.om-react-ui-calendar.p-invalid input{border-color:#cc1461;box-shadow:none}.om-react-ui-calendar.p-invalid input:hover{border-color:#cc1461}.om-react-ui-calendar input{padding:10px 16px;color:#000;font-size:14px;border-radius:6px}.om-react-ui-calendar input:hover{border-color:#3d73f2}.om-react-ui-calendar input::placeholder{color:#6b7280;font-weight:400;font-size:14px}.om-react-ui-calendar-rounded input{border-radius:20px}.om-react-ui-calendar.p-calendar:not(.p-calendar-disabled,.p-invalid).p-focus>.p-inputtext{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.om-react-ui-calendar-panel .p-datepicker-buttonbar .p-button{color:#3b82f6}.om-react-ui-calendar-wrapper{display:inline-flex;flex-direction:column}.om-react-ui-calendar-label{display:inline-block;margin-bottom:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px;word-wrap:break-word;word-break:break-all}.om-react-ui-calendar-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}
+.om-react-ui-calendar.p-invalid input{border-color:#ae0000;box-shadow:none}.om-react-ui-calendar.p-invalid input:hover{border-color:#ae0000}.om-react-ui-calendar input{height:52px;padding:10px 16px;color:#000;font-size:16px;line-height:22px;border-color:#e3e4e4;border-radius:12px}.om-react-ui-calendar input:hover{border-color:#073387}.om-react-ui-calendar input::placeholder{color:#646465;font-weight:400;font-size:14px}.om-react-ui-calendar-rounded input{border-radius:20px}.om-react-ui-calendar.p-calendar:not(.p-calendar-disabled,.p-invalid).p-focus>.p-inputtext{border-color:#073387;border-width:2px;box-shadow:none}.om-react-ui-calendar-panel .p-datepicker-buttonbar .p-button{color:#073387}.om-react-ui-calendar-wrapper{display:inline-flex;flex-direction:column}.om-react-ui-calendar-label{display:inline-block;margin-bottom:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px;word-wrap:break-word;word-break:break-all}.om-react-ui-calendar-label-required:after{color:#ae0000;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}

package/es/components/Calendar/style/Calendar.scss

@@ -1,29 +1,33 @@
 @use '../../../variable.scss'as *;
 
 $component: 'calendar';
+$cls: #{$prefix}-#{$component};
 
-.#{$prefix}-#{$component} {
+.#{$cls} {
   &.p-invalid input {
-    border-color: #CC1461;
+    border-color: $color-negative;
     box-shadow: none;
 
     &:hover {
-      border-color: #CC1461;
+      border-color: $color-negative;
     }
   }
 
   input {
+    height: 52px;
     padding: 10px 16px;
     color: #000;
-    font-size: 14px;
-    border-radius: 6px;
+    font-size: 16px;
+    line-height: 22px;
+    border-color: $color-grey-deep;
+    border-radius: 12px;
 
     &:hover {
-      border-color: #3D73F2;
+      border-color: $color-primary;
     }
 
     &::placeholder {
-      color: #6B7280;
+      color: $color-grey-midnight;
       font-weight: 400;
       font-size: 14px;
     }
@@ -36,25 +40,26 @@ $component: 'calendar';
   }
 
   &.p-calendar:not(.p-calendar-disabled, .p-invalid).p-focus>.p-inputtext {
-    border-color: #3D73F2;
-    box-shadow: 0 0 0 2px #ABC4FF;
+    border-color: $color-primary;
+    border-width: 2px;
+    box-shadow: none;
   }
 }
 
-.#{$prefix}-#{$component}-panel {
+.#{$cls}-panel {
   .p-datepicker-buttonbar {
     .p-button {
-      color: #3B82F6;
+      color: $color-primary;
     }
   }
 }
 
-.#{$prefix}-#{$component}-wrapper {
+.#{$cls}-wrapper {
   display: inline-flex;
   flex-direction: column;
 }
 
-.#{$prefix}-#{$component}-label {
+.#{$cls}-label {
   display: inline-block;
   margin-bottom: 8px;
   font-weight: 400;
@@ -66,7 +71,7 @@ $component: 'calendar';
 
   &-required {
     &::after {
-      color: #CC1461;
+      color: $color-negative;
       font-weight: 400;
       font-size: 14px;
       font-style: normal;

package/es/components/Cell/Cell.d.ts

@@ -0,0 +1,5 @@
+import type { FC, PropsWithChildren } from 'react';
+import type { CellProps } from './interface';
+export declare const Cell: FC<PropsWithChildren<CellProps>>;
+declare const _default: import("react").NamedExoticComponent<PropsWithChildren<CellProps>>;
+export default _default;

package/es/components/Cell/Cell.js

@@ -0,0 +1,48 @@
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import classnames from '../../utils/classnames';
+import { Icons } from '../Icons';
+import { Typography } from '../Typography';
+export var Cell = function Cell(props) {
+  var _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'cell' : _props$prefixCls,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$active = props.active,
+    active = _props$active === void 0 ? false : _props$active,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$prefixIcon = props.prefixIcon,
+    prefixIcon = _props$prefixIcon === void 0 ? 'systemSecurity' : _props$prefixIcon,
+    _props$title = props.title,
+    title = _props$title === void 0 ? 'Authenticator' : _props$title,
+    _props$suffixIcon = props.suffixIcon,
+    suffixIcon = _props$suffixIcon === void 0 ? 'arrowRight' : _props$suffixIcon,
+    rest = __rest(props, ["prefixCls", "className", "active", "disabled", "prefixIcon", "title", "suffixIcon"]);
+  var classes = classnames(prefixCls);
+  return _jsxs("div", Object.assign({
+    className: classes(void 0, [active ? classes('active') : '', disabled ? classes('disabled') : '', className].join(' '))
+  }, rest, {
+    children: [_jsxs("div", {
+      className: classes('inner'),
+      children: [typeof prefixIcon === 'string' ? _jsx(Icons, {
+        name: prefixIcon
+      }) : prefixIcon, _jsx(Typography.Title, {
+        size: "l",
+        children: title
+      })]
+    }), typeof suffixIcon === 'string' ? _jsx(Icons, {
+      name: suffixIcon
+    }) : suffixIcon]
+  }));
+};
+export default /*#__PURE__*/memo(Cell);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ2VsbC9DZWxsLmpzIiwiY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9DZWxsL0NlbGwudHN4Il0sIm5hbWVzIjpbIl9fcmVzdCIsInMiLCJlIiwidCIsInAiLCJPYmplY3QiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpbmRleE9mIiwiZ2V0T3duUHJvcGVydHlTeW1ib2xzIiwiaSIsImxlbmd0aCIsInByb3BlcnR5SXNFbnVtZXJhYmxlIiwianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsIm1lbW8iLCJjbGFzc25hbWVzIiwiSWNvbnMiLCJUeXBvZ3JhcGh5IiwiQ2VsbCIsInByb3BzIiwiX3Byb3BzJHByZWZpeENscyIsInByZWZpeENscyIsIl9wcm9wcyRjbGFzc05hbWUiLCJjbGFzc05hbWUiLCJfcHJvcHMkYWN0aXZlIiwiYWN0aXZlIiwiX3Byb3BzJGRpc2FibGVkIiwiZGlzYWJsZWQiLCJfcHJvcHMkcHJlZml4SWNvbiIsInByZWZpeEljb24iLCJfcHJvcHMkdGl0bGUiLCJ0aXRsZSIsIl9wcm9wcyRzdWZmaXhJY29uIiwic3VmZml4SWNvbiIsInJlc3QiLCJjbGFzc2VzIiwiYXNzaWduIiwiam9pbiIsImNoaWxkcmVuIiwibmFtZSIsIlRpdGxlIiwic2l6ZSJdLCJtYXBwaW5ncyI6IkFBQUEsSUFBSUEsTUFBTSxHQUFJLElBQUksSUFBSSxJQUFJLENBQUNBLE1BQU0sSUFBSyxVQUFVQyxDQUFDLEVBQUVDLENBQUMsRUFBRTtFQUNsRCxJQUFJQyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0VBQ1YsS0FBSyxJQUFJQyxDQUFDLElBQUlILENBQUMsRUFBRSxJQUFJSSxNQUFNLENBQUNDLFNBQVMsQ0FBQ0MsY0FBYyxDQUFDQyxJQUFJLENBQUNQLENBQUMsRUFBRUcsQ0FBQyxDQUFDLElBQUlGLENBQUMsQ0FBQ08sT0FBTyxDQUFDTCxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQy9FRCxDQUFDLENBQUNDLENBQUMs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LENBQUM7TUFBQUcsUUFBQSxFQUFBLENBQzdCLE9BQU9ULFVBQVUsS0FBSyxRQUFRLEdBQUdsQixJQUFBLENBQUNLLEtBQUssRUFBQTtRQUFDdUIsSUFBSSxFQUFFVjtNQUFzQixDQUFBLENBQUksR0FBR0EsVUFBVSxFQUN0RmxCLElBQUEsQ0FBQ00sVUFBVSxDQUFDdUIsS0FBSyxFQUFBO1FBQUNDLElBQUksRUFBQyxHQUFHO1FBQUFILFFBQUEsRUFBRVA7TUFBSyxDQUFBLENBQW9CO0lBQUEsQ0FBQSxDQUNqRCxFQUNMLE9BQU9FLFVBQVUsS0FBSyxRQUFRLEdBQUd0QixJQUFBLENBQUNLLEtBQUssRUFBQTtNQUFDdUIsSUFBSSxFQUFFTjtJQUFzQixDQUFBLENBQUksR0FBR0EsVUFBVTtFQUFBLENBQUEsQ0FBQSxDQUNwRjtBQUNSLENBQUM7QUFFRCw0QkFBZW5CLElBQUksQ0FBQ0ksSUFBSSxDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvQ2VsbC9DZWxsLmpzIiwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fcmVzdCA9ICh0aGlzICYmIHRoaXMuX19yZXN0KSB8fCBmdW5jdGlvbiAocywgZSkge1xuICAgIHZhciB0ID0ge307XG4gICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApICYmIGUuaW5kZXhPZihwKSA8IDApXG4gICAgICAgIHRbcF0gPSBzW3BdO1xuICAgIGlmIChzICE9IG51bGwgJiYgdHlwZW9mIE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMgPT09IFwiZnVuY3Rpb25cIilcbiAgICAgICAgZm9yICh2YXIgaSA9IDAsIHAgPSBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzKHMpOyBpIDwgcC5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgaWYgKGUuaW5kZXhPZihwW2ldKSA8IDAgJiYgT2JqZWN0LnByb3RvdHlwZS5wcm9wZXJ0eUlzRW51bWVyYWJsZS5jYWxsKHMsIHBbaV0pKVxuICAgICAgICAgICAgICAgIHRbcFtpXV0gPSBzW3BbaV1dO1xuICAgICAgICB9XG4gICAgcmV0dXJuIHQ7XG59O1xuaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IG1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICcuLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vSWNvbnMnO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gJy4uL1R5cG9ncmFwaHknO1xuZXhwb3J0IGNvbnN0IENlbGwgPSAocHJvcHMpID0+IHtcbiAgICBjb25zdCB7IHByZWZpeENscyA9ICdjZWxsJywgY2xhc3NOYW1lID0gJycsIGFjdGl2ZSA9IGZhbHNlLCBkaXNhYmxlZCA9IGZhbHNlLCBwcmVmaXhJY29uID0gJ3N5c3RlbVNlY3VyaXR5JywgdGl0bGUgPSAnQXV0aGVudGljYXRvcicsIHN1ZmZpeEljb24gPSAnYXJyb3dSaWdodCcgfSA9IHByb3BzLCByZXN0ID0gX19yZXN0KHByb3BzLCBbXCJwcmVmaXhDbHNcIiwgXCJjbGFzc05hbWVcIiwgXCJhY3RpdmVcIiwgXCJkaXNhYmxlZFwiLCBcInByZWZpeEljb25cIiwgXCJ0aXRsZVwiLCBcInN1ZmZpeEljb25cIl0pO1xuICAgIGNvbnN0IGNsYXNzZXMgPSBjbGFzc25hbWVzKHByZWZpeENscyk7XG4gICAgcmV0dXJuIF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IGNsYXNzZXModm9pZCAwLCBbXG4gICAgICAgICAgICBhY3RpdmUgPyBjbGFzc2VzKCdhY3RpdmUnKSA6ICcnLFxuICAgICAgICAgICAgZGlzYWJsZWQgPyBjbGFzc2VzKCdkaXNhYmxlZCcpIDogJycsXG4gICAgICAgICAgICBjbGFzc05hbWVcbiAgICAgICAgXS5qb2luKCcgJykpIH0sIHJlc3QsIHsgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnaW5uZXInKSwgY2hpbGRyZW46IFt0eXBlb2YgcHJlZml4SWNvbiA9PT0gJ3N0cmluZycgPyBfanN4KEljb25zLCB7IG5hbWU6IHByZWZpeEljb24gfSkgOiBwcmVmaXhJY29uLCBfanN4KFR5cG9ncmFwaHkuVGl0bGUsIHsgc2l6ZTogXCJsXCIsIGNoaWxkcmVuOiB0aXRsZSB9KV0gfSksIHR5cGVvZiBzdWZmaXhJY29uID09PSAnc3RyaW5nJyA/IF9qc3goSWNvbnMsIHsgbmFtZTogc3VmZml4SWNvbiB9KSA6IHN1ZmZpeEljb25dIH0pKTtcbn07XG5leHBvcnQgZGVmYXVsdCBtZW1vKENlbGwpOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/components/Cell/index.d.ts

@@ -0,0 +1,4 @@
+import Cell from './Cell';
+export { Cell } from './Cell';
+export default Cell;
+export * from './interface';

package/es/components/Cell/index.js

@@ -0,0 +1,5 @@
+import Cell from './Cell';
+export { Cell } from './Cell';
+export default Cell;
+export * from './interface';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ2VsbC9pbmRleC50cyJdLCJuYW1lcyI6WyJDZWxsIl0sIm1hcHBpbmdzIjoiQUFBQSxPQUFPQSxJQUFJLE1BQU0sUUFBUTtBQUV6QixTQUFTQSxJQUFJLFFBQVEsUUFBUTtBQUU3QixlQUFlQSxJQUFJO0FBRW5CLGNBQWMsYUFBYSIsImZpbGUiOiJjb21wb25lbnRzL0NlbGwvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/Cell/interface.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode, MouseEvent } from 'react';
+import type { IconName } from "../Icons/interface";
+export interface CellProps {
+    prefixCls?: string;
+    active?: boolean;
+    disabled?: boolean;
+    className?: string;
+    prefixIcon?: IconName | ReactNode;
+    title?: string;
+    suffixIcon?: IconName | ReactNode;
+    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
+}

package/es/components/Cell/interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9DZWxsL2ludGVyZmFjZS5qcyIsIm5hbWVzIjpbXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9DZWxsL2ludGVyZmFjZS5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQge307Il0sIm1hcHBpbmdzIjoiQUFBQSIsImlnbm9yZUxpc3QiOltdfQ==

package/es/components/Cell/style/Cell.css

@@ -0,0 +1 @@
+.om-react-ui-cell{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background-color:#f0f0f0;border-radius:16px;cursor:pointer}.om-react-ui-cell:hover{background-color:#e3e4e4}.om-react-ui-cell-active,.om-react-ui-cell-active:hover{background-color:#d1d2d2}.om-react-ui-cell-disabled{background-color:#f0f0f0;cursor:not-allowed;opacity:.5}.om-react-ui-cell-disabled:hover{background-color:#f0f0f0}.om-react-ui-cell-inner{display:flex;gap:8px;align-items:center;justify-self:start;min-height:48px}

package/es/components/Cell/style/Cell.scss

@@ -0,0 +1,41 @@
+@use '../../../variable.scss' as *;
+
+.om-react-ui-cell {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 8px 16px;
+    background-color: $color-grey;
+    border-radius: 16px;
+    cursor: pointer;
+
+    &:hover{
+      background-color: $color-grey-deep;
+    }
+
+    &-active{
+      background-color: $color-grey-bold;
+
+      &:hover{
+        background-color: $color-grey-bold;
+      }
+    }
+
+    &-disabled{
+      background-color: $color-grey;
+      cursor: not-allowed;
+      opacity: 0.5;
+
+      &:hover{
+        background-color: $color-grey;
+      }
+    }
+
+    &-inner {
+        display: flex;
+        gap: 8px;
+        align-items: center;
+        justify-self: start;
+        min-height: 48px;
+    }
+}

package/es/components/Cell/style/css.js

@@ -0,0 +1,2 @@
+import './Cell.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ2VsbC9zcmMvY29tcG9uZW50cy9DZWxsL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sYUFBYSIsImZpbGUiOiJjb21wb25lbnRzL0NlbGwvc3R5bGUvY3NzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/components/Cell/style/index.d.ts

@@ -0,0 +1 @@
+import './Cell.scss';

package/es/components/Cell/style/index.js

@@ -0,0 +1,2 @@
+import './Cell.scss';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ2VsbC9zcmMvY29tcG9uZW50cy9DZWxsL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sYUFBYSIsImZpbGUiOiJjb21wb25lbnRzL0NlbGwvc3R5bGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/Clipboard/Clipboard.js

@@ -2,11 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from 'react';
 import clipboard from '../../utils/clipboard';
 import Icons from '../Icons';
+import Typography from '../Typography';
 import classnames from '../../utils/classnames';
 export var Clipboard = function Clipboard(props) {
   var content = props.content,
     className = props.className,
     label = props.label,
+    labelCls = props.labelCls,
     onSuccess = props.onSuccess,
     onError = props.onError,
     _props$prefixCls = props.prefixCls,
@@ -23,18 +25,21 @@ export var Clipboard = function Clipboard(props) {
   };
   return _jsxs("div", {
     className: classes(void 0, className),
-    children: [_jsx("span", {
-      className: classes('label'),
+    children: [_jsx(Typography.Label, {
+      bold: true,
+      size: 'l',
+      className: classes('label', labelCls),
       children: label
     }), _jsxs("div", {
       className: classes('content'),
-      children: [_jsx("span", {
+      children: [_jsx(Typography.Body, {
+        size: 'l',
         className: classes('content-text'),
         children: content
       }), _jsx(Icons, {
-        name: 'content',
+        name: 'copy',
         size: 20,
-        color: '#000',
+        color: '#131313',
         className: classes('content-icon'),
         onClick: onCopy
       })]
@@ -42,4 +47,4 @@ export var Clipboard = function Clipboard(props) {
   });
 };
 export default /*#__PURE__*/memo(Clipboard);
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ2xpcGJvYXJkL0NsaXBib2FyZC5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ2xpcGJvYXJkL0NsaXBib2FyZC50c3giXSwibmFtZXMiOlsianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsIm1lbW8iLCJjbGlwYm9hcmQiLCJJY29ucyIsImNsYXNzbmFtZXMiLCJDbGlwYm9hcmQiLCJwcm9wcyIsImNvbnRlbnQiLCJjbGFzc05hbWUiLCJsYWJlbCIsIm9uU3VjY2VzcyIsIm9uRXJyb3IiLCJfcHJvcHMkcHJlZml4Q2xzIiwicHJlZml4Q2xzIiwiY2xhc3NlcyIsIm9uQ29weSIsInN1Y2NlZWRlZCIsIkVycm9yIiwiY2hpbGRyZW4iLCJuYW1lIiwic2l6ZSIsImNvbG9yIiwib25DbGljayJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsR0FBRyxJQUFJQyxJQUFJLEVBQUVDLElBQUksSUFBSUMsS0FBSyxRQUFRLG1CQUFtQjtBQ0E5RCxTQUFTQyxJQUFJLFFBQVEsT0FBTztBQUU1QixPQUFPQyxTQUFTLE1BQU0sdUJBQXVCO0FBQzdDLE9BQU9DLEtBQUssTUFBTSxVQUFVO0FBQzVCLE9BQU9DLFVBQVUsTUFBTSx3QkFBd0I7QUFLL0MsT0FBTyxJQUFNQyxTQUFTLEdBQXVCLFNBQWhDQSxTQUFTQSxDQUF1QkMsS0FBSyxFQUFHO0VBQ25ELElBQVFDLE9BQU8sR0FBb0VELEtBQUssQ0FBaEZDLE9BQU87SUFBRUMsU0FBUyxHQUF5REYsS0FBSyxDQUF2RUUsU0FBUztJQUFFQyxLQUFLLEdBQWtESCxLQUFLLENBQTVERyxLQUFLO0lBQUVDLFNBQVMsR0FBdUNKLEtBQUssQ0FBckRJLFNBQVM7SUFBRUMsT0FBTyxHQUE4QkwsS0FBSyxDQUExQ0ssT0FBTztJQUFBQyxnQkFBQSxHQUE4Qk4sS0FBSyxDQUFqQ08sU0FBUztJQUFUQSxTQUFTLEdBQUFELGdCQUFBLGNBQUcsV0FBVyxHQUFBQSxnQkFBQTtFQUM5RSxJQUFNRSxPQUFPLEdBQUdWLFVBQVUsQ0FBQ1MsU0FBUyxDQUFDO0VBQ3JDLElBQU1FLE1BQU0sR0FBRyxTQUFUQSxNQUFNQSxDQUFBLEVBQVE7SUFDbEJiLFNBQVMsQ0FBQ0ssT0FBaUIsRUFBRSxVQUFDUyxTQUFrQixFQUFJO01BQ2xELElBQUlBLFNBQVMsRUFBRTtRQUNiTixTQUFTLEtBQUEsSUFBQSxJQUFUQSxTQUFTLEtBQUEsS0FBQSxDQUFBLEdBQUEsS0FBQSxDQUFBLEdBQVRBLFNBQVMsQ0FBR0gsT0FBaUIsQ0FBQztNQUNoQyxDQUFDLE1BQU07UUFDTEksT0FBTyxLQUFBLElBQUEsSUFBUEEsT0FBTyxLQUFBLEtBQUEsQ0FBQSxHQUFBLEtBQUEsQ0FBQSxHQUFQQSxPQUFPLENBQUcsSUFBSU0sS0FBSyxDQUFDLGFBQWEsQ0FBQyxDQUFDO01BQ3JDO0lBQ0YsQ0FBQyxDQUFDO0VBQ0osQ0FBQztFQUNELE9BQ0VqQixLQUFBLENBQUEsS0FBQSxFQUFBO0lBQ0VRLFNBQVMsRUFBRU0sT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFTixTQUFTLENBQUM7SUFBQVUsUUFBQSxFQUFBLENBRXJDcEIsSUFBQSxDQUFBLE1BQUEsRUFBQTtNQUFNVSxTQUFTLEVBQUVNLE9BQU8sQ0FBQyxPQUFPLENBQUM7TUFBQUksUUFBQSxFQUFHVDtJQUFLLENBQUEsQ0FBUSxFQUNqRFQsS0FBQSxDQUFBLEtBQUEsRUFBQTtNQUFLUSxTQUFTLEVBQUVNLE9BQU8sQ0FBQyxTQUFTLENBQUM7TUFBQUksUUFBQSxFQUFBLENBQ2hDcEIsSUFBQSxDQUFBLE1BQUEsRUFBQTtRQUFNVSxTQUFTLEVBQUVNLE9BQU8sQ0FBQyxjQUFjLENBQUM7UUFBQUksUUFBQSxFQUFJWDtNQUFPLENBQUEsQ0FBUyxFQUM1RFQsSUFBQSxDQUFDSyxLQUFLLEVBQUE7UUFBQ2dCLElBQUksRUFBQyxTQUFTO1FBQUNDLElBQUksRUFBRSxFQUFFO1FBQUVDLEtBQUssRUFBQyxNQUFNO1FBQUNiLFNBQVMsRUFBRU0sT0FBTyxDQUFDLGNBQWMsQ0FBQztRQUFFUSxPQUFPLEVBQUVQO01BQU0sQ0FBQSxDQUFJO0lBQUEsQ0FBQSxDQUNoRztFQUFBLENBQUEsQ0FDRjtBQUVWLENBQUM7QUFFRCw0QkFBZWQsSUFBSSxDQUFDSSxTQUFTLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9DbGlwYm9hcmQvQ2xpcGJvYXJkLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IG1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgY2xpcGJvYXJkIGZyb20gJy4uLy4uL3V0aWxzL2NsaXBib2FyZCc7XG5pbXBvcnQgSWNvbnMgZnJvbSAnLi4vSWNvbnMnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnLi4vLi4vdXRpbHMvY2xhc3NuYW1lcyc7XG5leHBvcnQgY29uc3QgQ2xpcGJvYXJkID0gcHJvcHMgPT4ge1xuICAgIGNvbnN0IHsgY29udGVudCwgY2xhc3NOYW1lLCBsYWJlbCwgb25TdWNjZXNzLCBvbkVycm9yLCBwcmVmaXhDbHMgPSAnY2xpcGJvYXJkJyB9ID0gcHJvcHM7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICBjb25zdCBvbkNvcHkgPSAoKSA9PiB7XG4gICAgICAgIGNsaXBib2FyZChjb250ZW50LCAoc3VjY2VlZGVkKSA9PiB7XG4gICAgICAgICAgICBpZiAoc3VjY2VlZGVkKSB7XG4gICAgICAgICAgICAgICAgb25TdWNjZXNzID09PSBudWxsIHx8IG9uU3VjY2VzcyA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25TdWNjZXNzKGNvbnRlbnQpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICAgICAgb25FcnJvciA9PT0gbnVsbCB8fCBvbkVycm9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkVycm9yKG5ldyBFcnJvcignQ29weSBmYWlsZWQnKSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH07XG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3Nlcyh2b2lkIDAsIGNsYXNzTmFtZSksIGNoaWxkcmVuOiBbX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2xhYmVsJyksIGNoaWxkcmVuOiBsYWJlbCB9KSwgX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2NvbnRlbnQnKSwgY2hpbGRyZW46IFtfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnY29udGVudC10ZXh0JyksIGNoaWxkcmVuOiBjb250ZW50IH0pLCBfanN4KEljb25zLCB7IG5hbWU6ICdjb250ZW50Jywgc2l6ZTogMjAsIGNvbG9yOiAnIzAwMCcsIGNsYXNzTmFtZTogY2xhc3NlcygnY29udGVudC1pY29uJyksIG9uQ2xpY2s6IG9uQ29weSB9KV0gfSldIH0pKTtcbn07XG5leHBvcnQgZGVmYXVsdCBtZW1vKENsaXBib2FyZCk7IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ2xpcGJvYXJkL0NsaXBib2FyZC5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ2xpcGJvYXJkL0NsaXBib2FyZC50c3giXSwibmFtZXMiOlsianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsIm1lbW8iLCJjbGlwYm9hcmQiLCJJY29ucyIsIlR5cG9ncmFwaHkiLCJjbGFzc25hbWVzIiwiQ2xpcGJvYXJkIiwicHJvcHMiLCJjb250ZW50IiwiY2xhc3NOYW1lIiwibGFiZWwiLCJsYWJlbENscyIsIm9uU3VjY2VzcyIsIm9uRXJyb3IiLCJfcHJvcHMkcHJlZml4Q2xzIiwicHJlZml4Q2xzIiwiY2xhc3NlcyIsIm9uQ29weSIsInN1Y2NlZWRlZCIsIkVycm9yIiwiY2hpbGRyZW4iLCJMYWJlbCIsImJvbGQiLCJzaXplIiwiQm9keSIsIm5hbWUiLCJjb2xvciIsIm9uQ2xpY2siXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLEdBQUcsSUFBSUMsSUFBSSxFQUFFQyxJQUFJLElBQUlDLEtBQUssUUFBUSxtQkFBbUI7QUNBOUQsU0FBU0MsSUFBSSxRQUFRLE9BQU87QUFDNUIsT0FBT0MsU0FBUyxNQUFNLHVCQUF1QjtBQUM3QyxPQUFPQyxLQUFLLE1BQU0sVUFBVTtBQUM1QixPQUFPQyxVQUFVLE1BQU0sZUFBZTtBQUN0QyxPQUFPQyxVQUFVLE1BQU0sd0JBQXdCO0FBSy9DLE9BQU8sSUFBTUMsU0FBUyxHQUF1QixTQUFoQ0EsU0FBU0EsQ0FBdUJDLEtBQUssRUFBRztFQUNuRCxJQUFRQyxPQUFPLEdBQThFRCxLQUFLLENBQTFGQyxPQUFPO0lBQUVDLFNBQVMsR0FBbUVGLEtBQUssQ0FBakZFLFNBQVM7SUFBRUMsS0FBSyxHQUE0REgsS0FBSyxDQUF0RUcsS0FBSztJQUFFQyxRQUFRLEdBQWtESixLQUFLLENBQS9ESSxRQUFRO0lBQUVDLFNBQVMsR0FBdUNMLEtBQUssQ0FBckRLLFNBQVM7SUFBRUMsT0FBTyxHQUE4Qk4sS0FBSyxDQUExQ00sT0FBTztJQUFBQyxnQkFBQSxHQUE4QlAsS0FBSyxDQUFqQ1EsU0FBUztJQUFUQSxTQUFTLEdBQUFELGdCQUFBLGNBQUcsV0FBVyxHQUFBQSxnQkFBQTtFQUN4RixJQUFNRSxPQUFPLEdBQUdYLFVBQVUsQ0FBQ1UsU0FBUyxDQUFDO0VBQ3JDLElBQU1FLE1BQU0sR0FBRyxTQUFUQSxNQUFNQSxDQUFBLEVBQVE7SUFDbEJmLFNBQVMsQ0FBQ00sT0FBaUIsRUFBRSxVQUFDVSxTQUFrQixFQUFJO01BQ2xELElBQUlBLFNBQVMsRUFBRTtRQUNiTixTQUFTLEtBQUEsSUFBQSxJQUFUQSxTQUFTLEtBQUEsS0FBQSxDQUFBLEdBQUEsS0FBQSxDQUFBLEdBQVRBLFNBQVMsQ0FBR0osT0FBaUIsQ0FBQztNQUNoQyxDQUFDLE1BQU07UUFDTEssT0FBTyxLQUFBLElBQUEsSUFBUEEsT0FBTyxLQUFBLEtBQUEsQ0FBQSxHQUFBLEtBQUEsQ0FBQSxHQUFQQSxPQUFPLENBQUcsSUFBSU0sS0FBSyxDQUFDLGFBQWEsQ0FBQyxDQUFDO01BQ3JDO0lBQ0YsQ0FBQyxDQUFDO0VBQ0osQ0FBQztFQUNELE9BQ0VuQixLQUFBLENBQUEsS0FBQSxFQUFBO0lBQ0VTLFNBQVMsRUFBRU8sT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFUCxTQUFTLENBQUM7SUFBQVcsUUFBQSxFQUFBLENBRXJDdEIsSUFBQSxDQUFDTSxVQUFVLENBQUNpQixLQUFLLEVBQUE7TUFBQ0MsSUFBSSxFQUFBLElBQUE7TUFBQ0MsSUFBSSxFQUFDLEdBQUc7TUFBQ2QsU0FBUyxFQUFFTyxPQUFPLENBQUMsT0FBTyxFQUFFTCxRQUFRLENBQUM7TUFBQVMsUUFBQSxFQUFHVjtJQUFLLENBQUEsQ0FBb0IsRUFDakdWLEtBQUEsQ0FBQSxLQUFBLEVBQUE7TUFBS1MsU0FBUyxFQUFFTyxPQUFPLENBQUMsU0FBUyxDQUFDO01BQUFJLFFBQUEsRUFBQSxDQUNoQ3RCLElBQUEsQ0FBQ00sVUFBVSxDQUFDb0IsSUFBSSxFQUFBO1FBQUNELElBQUksRUFBQyxHQUFHO1FBQUNkLFNBQVMsRUFBRU8sT0FBTyxDQUFDLGNBQWMsQ0FBQztRQUFBSSxRQUFBLEVBQUlaO01BQU8sQ0FBQSxDQUFvQixFQUMzRlYsSUFBQSxDQUFDSyxLQUFLLEVBQUE7UUFBQ3NCLElBQUksRUFBQyxNQUFNO1FBQUNGLElBQUksRUFBRSxFQUFFO1FBQUVHLEtBQUssRUFBQyxTQUFTO1FBQUNqQixTQUFTLEVBQUVPLE9BQU8sQ0FBQyxjQUFjLENBQUM7UUFBRVcsT0FBTyxFQUFFVjtNQUFNLENBQUEsQ0FBSTtJQUFBLENBQUEsQ0FDaEc7RUFBQSxDQUFBLENBQ0Y7QUFFVixDQUFDO0FBRUQsNEJBQWVoQixJQUFJLENBQUNLLFNBQVMsQ0FBQyIsImZpbGUiOiJjb21wb25lbnRzL0NsaXBib2FyZC9DbGlwYm9hcmQuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBjbGlwYm9hcmQgZnJvbSAnLi4vLi4vdXRpbHMvY2xpcGJvYXJkJztcbmltcG9ydCBJY29ucyBmcm9tICcuLi9JY29ucyc7XG5pbXBvcnQgVHlwb2dyYXBoeSBmcm9tICcuLi9UeXBvZ3JhcGh5JztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJy4uLy4uL3V0aWxzL2NsYXNzbmFtZXMnO1xuZXhwb3J0IGNvbnN0IENsaXBib2FyZCA9IHByb3BzID0+IHtcbiAgICBjb25zdCB7IGNvbnRlbnQsIGNsYXNzTmFtZSwgbGFiZWwsIGxhYmVsQ2xzLCBvblN1Y2Nlc3MsIG9uRXJyb3IsIHByZWZpeENscyA9ICdjbGlwYm9hcmQnIH0gPSBwcm9wcztcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NuYW1lcyhwcmVmaXhDbHMpO1xuICAgIGNvbnN0IG9uQ29weSA9ICgpID0+IHtcbiAgICAgICAgY2xpcGJvYXJkKGNvbnRlbnQsIChzdWNjZWVkZWQpID0+IHtcbiAgICAgICAgICAgIGlmIChzdWNjZWVkZWQpIHtcbiAgICAgICAgICAgICAgICBvblN1Y2Nlc3MgPT09IG51bGwgfHwgb25TdWNjZXNzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvblN1Y2Nlc3MoY29udGVudCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgICAgICBvbkVycm9yID09PSBudWxsIHx8IG9uRXJyb3IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uRXJyb3IobmV3IEVycm9yKCdDb3B5IGZhaWxlZCcpKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfTtcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKHZvaWQgMCwgY2xhc3NOYW1lKSwgY2hpbGRyZW46IFtfanN4KFR5cG9ncmFwaHkuTGFiZWwsIHsgYm9sZDogdHJ1ZSwgc2l6ZTogJ2wnLCBjbGFzc05hbWU6IGNsYXNzZXMoJ2xhYmVsJywgbGFiZWxDbHMpLCBjaGlsZHJlbjogbGFiZWwgfSksIF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdjb250ZW50JyksIGNoaWxkcmVuOiBbX2pzeChUeXBvZ3JhcGh5LkJvZHksIHsgc2l6ZTogJ2wnLCBjbGFzc05hbWU6IGNsYXNzZXMoJ2NvbnRlbnQtdGV4dCcpLCBjaGlsZHJlbjogY29udGVudCB9KSwgX2pzeChJY29ucywgeyBuYW1lOiAnY29weScsIHNpemU6IDIwLCBjb2xvcjogJyMxMzEzMTMnLCBjbGFzc05hbWU6IGNsYXNzZXMoJ2NvbnRlbnQtaWNvbicpLCBvbkNsaWNrOiBvbkNvcHkgfSldIH0pXSB9KSk7XG59O1xuZXhwb3J0IGRlZmF1bHQgbWVtbyhDbGlwYm9hcmQpOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/components/Clipboard/interface.d.ts

@@ -3,6 +3,7 @@ export interface ClipboardProps {
     className?: string;
     prefixCls?: string;
     label?: string;
+    labelCls?: string;
     onSuccess?: (val: string) => any;
     onError?: (e: any) => any;
 }

package/es/components/Clipboard/style/Clipboard.css

@@ -1 +1 @@
-.om-react-ui-clipboard{display:flex;flex-direction:column;gap:8px}.om-react-ui-clipboard-label{margin-left:8px;font-weight:400;font-size:14px;line-height:20px}.om-react-ui-clipboard-content{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:space-between;padding:10px 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:8px}.om-react-ui-clipboard-content-text{display:inline-block;font-weight:300;font-size:14px;line-height:20px;word-wrap:break-word;word-break:break-all}.om-react-ui-clipboard-content-icon{flex-shrink:0;cursor:pointer}
+.om-react-ui-clipboard{display:flex;flex-direction:column}.om-react-ui-clipboard-label{margin-bottom:8px}.om-react-ui-clipboard-content{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:space-between;padding:8px 16px;background-color:#f8f8f8;border:1px solid #e3e4e4;border-radius:12px}.om-react-ui-clipboard-content-text{display:inline-block;margin:0;color:#646465!important;word-wrap:break-word;word-break:break-all}.om-react-ui-clipboard-content-icon{flex-shrink:0;cursor:pointer}

package/es/components/Clipboard/style/Clipboard.scss

@@ -5,31 +5,28 @@ $component: 'clipboard';
 .#{$prefix}-#{$component} {
   display: flex;
   flex-direction: column;
-  gap: 8px;
 
   &-label {
-    margin-left: 8px;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 20px;
+    margin-bottom: 8px;
   }
 
   &-content {
     display: flex;
     flex-direction: row;
-    gap: 24px;
+    gap: 8px;
     align-items: center;
     justify-content: space-between;
-    padding: 10px 24px;
-    background-color: #FAFAFC;
-    border: 0.5px solid #E0E2EE;
-    border-radius: 8px;
+    padding: 8px 16px;
+    background-color: $color-grey-light;
+    border-color: $color-grey-deep;
+    border-style: solid;
+    border-width: 1px;
+    border-radius: 12px;
 
     &-text {
       display: inline-block;
-      font-weight: 300;
-      font-size: 14px;
-      line-height: 20px;
+      margin: 0;
+      color: $color-grey-midnight !important;
       word-wrap: break-word;
       word-break: break-all;
     }

package/es/components/ConfirmPopup/style/ConfirmPopup.css

@@ -1 +1 @@
-.om-react-ui-confirm-popup .p-confirm-popup-footer .p-confirm-popup-accept{color:#fff;background-color:#faaa48;border:none;box-shadow:none}.om-react-ui-confirm-popup .p-confirm-popup-footer .p-confirm-popup-accept:hover{background-color:#e58918}.om-react-ui-confirm-popup .p-confirm-popup-footer .p-confirm-popup-reject{color:#404040;box-shadow:none}.om-react-ui-confirm-popup .p-confirm-popup-footer .p-confirm-popup-reject:hover{background-color:transparent}
+.om-react-ui-confirm-popup .p-confirm-popup-footer{display:flex;gap:8px;align-items:center;justify-content:flex-end}.om-react-ui-confirm-popup .p-confirm-popup-footer .p-confirm-popup-accept{padding:6px 12px;color:#fff;background-color:#faaa48;border:none;box-shadow:none}.om-react-ui-confirm-popup .p-confirm-popup-footer .p-confirm-popup-accept:hover{background-color:#e58918}.om-react-ui-confirm-popup .p-confirm-popup-footer .p-confirm-popup-reject{color:#404040;box-shadow:none}.om-react-ui-confirm-popup .p-confirm-popup-footer .p-confirm-popup-reject:hover{background-color:transparent}

package/es/components/ConfirmPopup/style/ConfirmPopup.scss

@@ -4,7 +4,13 @@ $component: 'confirm-popup';
 
 .#{$prefix}-#{$component} {
   .p-confirm-popup-footer {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    justify-content: flex-end;
+
     .p-confirm-popup-accept {
+      padding: 6px 12px;
       color: #FFF;
       background-color: #faaa48;
       border: none;