@1money/react-ui 1.15.2 → 1.16.0

package/lib/components/Space/index.d.ts

@@ -0,0 +1,5 @@
+import Space from './Space';
+export { Space };
+export default Space;
+export * from './interface';
+export { SPACE_ALIGN, SPACE_DIRECTION, SPACE_SIZE } from './constants';

package/lib/components/Space/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Space: true,
+  SPACE_ALIGN: true,
+  SPACE_DIRECTION: true,
+  SPACE_SIZE: true
+};
+Object.defineProperty(exports, "SPACE_ALIGN", {
+  enumerable: true,
+  get: function get() {
+    return _constants.SPACE_ALIGN;
+  }
+});
+Object.defineProperty(exports, "SPACE_DIRECTION", {
+  enumerable: true,
+  get: function get() {
+    return _constants.SPACE_DIRECTION;
+  }
+});
+Object.defineProperty(exports, "SPACE_SIZE", {
+  enumerable: true,
+  get: function get() {
+    return _constants.SPACE_SIZE;
+  }
+});
+Object.defineProperty(exports, "Space", {
+  enumerable: true,
+  get: function get() {
+    return _Space["default"];
+  }
+});
+exports["default"] = void 0;
+var _Space = _interopRequireDefault(require("./Space"));
+var _interface = require("./interface");
+Object.keys(_interface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _interface[key];
+    }
+  });
+});
+var _constants = require("./constants");
+var _default = exports["default"] = _Space["default"];
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU3BhY2UvaW5kZXgudHMiXSwibmFtZXMiOlsiX1NwYWNlIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsInJlcXVpcmUiLCJfaW50ZXJmYWNlIiwiT2JqZWN0Iiwia2V5cyIsImZvckVhY2giLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJfZXhwb3J0TmFtZXMiLCJleHBvcnRzIiwiZGVmaW5lUHJvcGVydHkiLCJlbnVtZXJhYmxlIiwiZ2V0IiwiX2NvbnN0YW50cyIsIl9kZWZhdWx0IiwiU3BhY2UiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFJQSxJQUFBQyxVQUFBLEdBQUFELE9BQUE7QUFBQUUsTUFBQSxDQUFBQyxJQUFBLENBQUFGLFVBQUEsRUFBQUcsT0FBQSxXQUFBQyxHQUFBO0VBQUEsSUFBQUEsR0FBQSxrQkFBQUEsR0FBQTtFQUFBLElBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQUMsWUFBQSxFQUFBSixHQUFBO0VBQUEsSUFBQUEsR0FBQSxJQUFBSyxPQUFBLElBQUFBLE9BQUEsQ0FBQUwsR0FBQSxNQUFBSixVQUFBLENBQUFJLEdBQUE7RUFBQUgsTUFBQSxDQUFBUyxjQUFBLENBQUFELE9BQUEsRUFBQUwsR0FBQTtJQUFBTyxVQUFBO0lBQUFDLEdBQUEsV0FBQUEsSUFBQTtNQUFBLE9BQUFaLFVBQUEsQ0FBQUksR0FBQTtJQUFBO0VBQUE7QUFBQTtBQUNBLElBQUFTLFVBQUEsR0FBQWQsT0FBQTtBQUF1RSxJQUFBZSxRQUFBLEdBQUFMLE9BQUEsY0FGeERNLGlCQUFLIiwiZmlsZSI6ImNvbXBvbmVudHMvU3BhY2UvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/Space/interface.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type SpaceAlign = 'start' | 'end' | 'center' | 'baseline';
+export type SpaceDirection = 'horizontal' | 'vertical';
+export type SpaceSize = 'small' | 'middle' | 'large' | number;
+export interface SpaceProps extends HTMLAttributes<HTMLDivElement> {
+    align?: SpaceAlign;
+    direction?: SpaceDirection;
+    size?: SpaceSize | [SpaceSize, SpaceSize];
+    split?: ReactNode;
+    wrap?: boolean;
+    prefixCls?: string;
+}

package/lib/components/Space/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9TcGFjZS9pbnRlcmZhY2UuanMiLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMiLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU3BhY2UvaW50ZXJmYWNlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7fTsiXSwibWFwcGluZ3MiOiIiLCJpZ25vcmVMaXN0IjpbXX0=

package/lib/components/Space/style/Space.css

@@ -0,0 +1 @@
+.om-react-ui-space{display:inline-flex;gap:var(--om-space-gap-y,8px) var(--om-space-gap-x,8px)}.om-react-ui-space-vertical{flex-direction:column}.om-react-ui-space-wrap{flex-wrap:wrap}.om-react-ui-space-align-start{align-items:flex-start}.om-react-ui-space-align-end{align-items:flex-end}.om-react-ui-space-align-center{align-items:center}.om-react-ui-space-align-baseline{align-items:baseline}.om-react-ui-space-item,.om-react-ui-space-split{display:inline-flex}

package/lib/components/Space/style/Space.scss

@@ -0,0 +1,40 @@
+@use '../../../variable.scss' as *;
+
+$component: 'space';
+$space-gap-x: '--om-space-gap-x';
+$space-gap-y: '--om-space-gap-y';
+$space-gap-fallback: 8px;
+
+.#{$prefix}-#{$component} {
+  display: inline-flex;
+  gap: var(#{$space-gap-y}, #{$space-gap-fallback}) var(#{$space-gap-x}, #{$space-gap-fallback});
+
+  &-vertical {
+    flex-direction: column;
+  }
+
+  &-wrap {
+    flex-wrap: wrap;
+  }
+
+  &-align-start {
+    align-items: flex-start;
+  }
+
+  &-align-end {
+    align-items: flex-end;
+  }
+
+  &-align-center {
+    align-items: center;
+  }
+
+  &-align-baseline {
+    align-items: baseline;
+  }
+
+  &-item,
+  &-split {
+    display: inline-flex;
+  }
+}

package/lib/components/Space/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./Space.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU3BhY2Uvc3JjL2NvbXBvbmVudHMvU3BhY2Uvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOlsicmVxdWlyZSJdLCJtYXBwaW5ncyI6Ijs7QUFBQUEsT0FBQSIsImZpbGUiOiJjb21wb25lbnRzL1NwYWNlL3N0eWxlL2Nzcy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/Space/style/index.d.ts

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

package/lib/components/Space/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./Space.scss");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU3BhY2Uvc3JjL2NvbXBvbmVudHMvU3BhY2Uvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOlsicmVxdWlyZSJdLCJtYXBwaW5ncyI6Ijs7QUFBQUEsT0FBQSIsImZpbGUiOiJjb21wb25lbnRzL1NwYWNlL3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/components/Tab/style/Tab.css

@@ -1 +1 @@
-.om-react-ui-tab{position:relative}.om-react-ui-tab:after{position:absolute;bottom:0;left:0;z-index:0;width:100%;height:2px;background-color:#e3e4e4;content:""}.om-react-ui-tab .p-tabmenu{position:relative;z-index:1;padding-bottom:2px}.om-react-ui-tab .p-tabmenu .p-tabmenu-nav{background-color:transparent}.om-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem{height:53px}.om-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{padding:7px 16px;color:#646465;font-weight:700;font-size:16px;background-color:transparent;border-color:#e3e4e4;border-bottom-width:2px;border-bottom-style:solid}.om-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:hover{background-color:transparent;border-color:#e3e4e4}.om-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{color:#131313;background-color:transparent;border-color:#131313}.om-react-ui-tab-item{display:inline-flex;gap:4px;align-items:center;font-family:var(--font-inter),Inter;cursor:pointer}.om-react-ui-tab-item-label{color:inherit;font-weight:700;font-size:16px}.om-react-ui-tab-item-count{display:inline-flex;align-items:center;height:24px;padding:4px 8px;color:#131313;font-weight:500;font-size:12px;background-color:#f0f0f0;border-radius:12px}.om-react-ui-tab-segment:after{display:none}.om-react-ui-tab-segment .p-tabmenu .p-tabmenu-nav .p-tabmenuitem{box-sizing:content-box;height:36px;padding:4px;background-color:#f0f0f0}.om-react-ui-tab-segment .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:first-child{border-top-left-radius:64px;border-bottom-left-radius:64px}.om-react-ui-tab-segment .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:nth-last-child(2){border-top-right-radius:64px;border-bottom-right-radius:64px}.om-react-ui-tab-segment .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{height:36px;padding:9px 16px 10px;border:none;border-radius:40px}.om-react-ui-tab-segment .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-text{font-weight:500}.om-react-ui-tab-segment .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:hover{color:#131313}.om-react-ui-tab-segment .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{color:#fff;background-color:#131313}.om-react-ui-tab-segment .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-disabled{opacity:1}.om-react-ui-tab-segment .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-disabled .p-menuitem-link{color:#9fa3a3}.om-react-ui-tab-segment .om-react-ui-tab-item-count{background-color:#e3e4e4}
+.om-react-ui-tab{position:relative}.om-react-ui-tab:after{position:absolute;bottom:0;left:0;z-index:0;width:100%;height:2px;background-color:#e3e4e4;content:""}.om-react-ui-tab .p-tabmenu{position:relative;z-index:1;padding-bottom:2px}.om-react-ui-tab .p-tabmenu .p-tabmenu-nav{background-color:transparent}.om-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem{height:53px}.om-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{padding:7px 16px;color:#646465;font-weight:700;font-size:16px;background-color:transparent;border-color:#e3e4e4;border-bottom-width:2px;border-bottom-style:solid}.om-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:hover{background-color:transparent;border-color:#e3e4e4}.om-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{color:#131313;background-color:transparent;border-color:#131313}.om-react-ui-tab-item{display:inline-flex;gap:4px;align-items:center;font-family:var(--font-inter),Inter;cursor:pointer}.om-react-ui-tab-item-label{color:inherit;font-weight:700;font-size:16px}.om-react-ui-tab-item-count{display:inline-flex;align-items:center;height:24px;padding:4px 8px;color:#131313;font-weight:500;font-size:12px;background-color:#f0f0f0;border-radius:12px}.om-react-ui-tab-segment:after{display:none}.om-react-ui-tab-segment .p-tabmenu .p-tabmenu-nav{border:0}.om-react-ui-tab-segment .p-tabmenu .p-tabmenu-nav .p-tabmenuitem{box-sizing:content-box;height:36px;padding:4px;background-color:#f0f0f0}.om-react-ui-tab-segment .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:first-child{border-top-left-radius:64px;border-bottom-left-radius:64px}.om-react-ui-tab-segment .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:nth-last-child(2){border-top-right-radius:64px;border-bottom-right-radius:64px}.om-react-ui-tab-segment .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{height:36px;padding:9px 16px 10px;border:none;border-radius:40px}.om-react-ui-tab-segment .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-text{font-weight:500}.om-react-ui-tab-segment .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:hover{color:#131313}.om-react-ui-tab-segment .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{color:#fff;background-color:#131313}.om-react-ui-tab-segment .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-disabled{opacity:1}.om-react-ui-tab-segment .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-disabled .p-menuitem-link{color:#9fa3a3}.om-react-ui-tab-segment .om-react-ui-tab-item-count{background-color:#e3e4e4}

package/lib/components/Tab/style/Tab.scss

@@ -87,6 +87,8 @@ $component: 'tab';
 
     .p-tabmenu {
       .p-tabmenu-nav {
+        border: 0;
+
         .p-tabmenuitem {
           box-sizing: content-box;
           height: 36px;