@1money/react-ui 1.15.2 → 1.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/Flex/Flex.d.ts +5 -0
- package/es/components/Flex/Flex.js +50 -0
- package/es/components/Flex/constants.d.ts +41 -0
- package/es/components/Flex/constants.js +45 -0
- package/es/components/Flex/index.d.ts +5 -0
- package/es/components/Flex/index.js +6 -0
- package/es/components/Flex/interface.d.ts +13 -0
- package/es/components/Flex/interface.js +2 -0
- package/es/components/Flex/style/Flex.css +1 -0
- package/es/components/Flex/style/Flex.scss +70 -0
- package/es/components/Flex/style/css.js +2 -0
- package/es/components/Flex/style/index.d.ts +1 -0
- package/es/components/Flex/style/index.js +2 -0
- package/es/components/Grid/Col.d.ts +5 -0
- package/es/components/Grid/Col.js +97 -0
- package/es/components/Grid/Grid.d.ts +12 -0
- package/es/components/Grid/Grid.js +12 -0
- package/es/components/Grid/Row.d.ts +5 -0
- package/es/components/Grid/Row.js +48 -0
- package/es/components/Grid/constants.d.ts +55 -0
- package/es/components/Grid/constants.js +66 -0
- package/es/components/Grid/helper.d.ts +10 -0
- package/es/components/Grid/helper.js +44 -0
- package/es/components/Grid/index.d.ts +7 -0
- package/es/components/Grid/index.js +8 -0
- package/es/components/Grid/interface.d.ts +38 -0
- package/es/components/Grid/interface.js +2 -0
- package/es/components/Grid/style/Grid.css +1 -0
- package/es/components/Grid/style/Grid.scss +196 -0
- package/es/components/Grid/style/css.js +2 -0
- package/es/components/Grid/style/index.d.ts +1 -0
- package/es/components/Grid/style/index.js +2 -0
- package/es/components/InputAmount/style/normal.css +1 -1
- package/es/components/InputAmount/style/normal.scss +2 -2
- package/es/components/InputAmount/style/primary.css +1 -1
- package/es/components/InputAmount/style/primary.scss +2 -2
- package/es/components/Message/style/Message.css +1 -1
- package/es/components/Message/style/Message.scss +3 -3
- package/es/components/Sidebar/style/Sidebar.css +1 -1
- package/es/components/Sidebar/style/Sidebar.scss +1 -1
- package/es/components/Sidebar/style/SimplySidebar.css +1 -1
- package/es/components/Sidebar/style/SimplySidebar.scss +1 -1
- package/es/components/Space/Space.d.ts +5 -0
- package/es/components/Space/Space.js +71 -0
- package/es/components/Space/constants.d.ts +33 -0
- package/es/components/Space/constants.js +37 -0
- package/es/components/Space/index.d.ts +5 -0
- package/es/components/Space/index.js +6 -0
- package/es/components/Space/interface.d.ts +12 -0
- package/es/components/Space/interface.js +2 -0
- package/es/components/Space/style/Space.css +1 -0
- package/es/components/Space/style/Space.scss +40 -0
- package/es/components/Space/style/css.js +2 -0
- package/es/components/Space/style/index.d.ts +1 -0
- package/es/components/Space/style/index.js +2 -0
- package/es/components/Tab/style/Tab.css +1 -1
- package/es/components/Tab/style/Tab.scss +2 -0
- package/es/index.css +1 -1
- package/es/index.d.ts +11 -0
- package/es/index.js +12 -1
- package/lib/components/Flex/Flex.d.ts +5 -0
- package/lib/components/Flex/Flex.js +60 -0
- package/lib/components/Flex/constants.d.ts +41 -0
- package/lib/components/Flex/constants.js +51 -0
- package/lib/components/Flex/index.d.ts +5 -0
- package/lib/components/Flex/index.js +60 -0
- package/lib/components/Flex/interface.d.ts +13 -0
- package/lib/components/Flex/interface.js +6 -0
- package/lib/components/Flex/style/Flex.css +1 -0
- package/lib/components/Flex/style/Flex.scss +70 -0
- package/lib/components/Flex/style/css.js +4 -0
- package/lib/components/Flex/style/index.d.ts +1 -0
- package/lib/components/Flex/style/index.js +4 -0
- package/lib/components/Grid/Col.d.ts +5 -0
- package/lib/components/Grid/Col.js +107 -0
- package/lib/components/Grid/Grid.d.ts +12 -0
- package/lib/components/Grid/Grid.js +18 -0
- package/lib/components/Grid/Row.d.ts +5 -0
- package/lib/components/Grid/Row.js +58 -0
- package/lib/components/Grid/constants.d.ts +55 -0
- package/lib/components/Grid/constants.js +72 -0
- package/lib/components/Grid/helper.d.ts +10 -0
- package/lib/components/Grid/helper.js +51 -0
- package/lib/components/Grid/index.d.ts +7 -0
- package/lib/components/Grid/index.js +62 -0
- package/lib/components/Grid/interface.d.ts +38 -0
- package/lib/components/Grid/interface.js +6 -0
- package/lib/components/Grid/style/Grid.css +1 -0
- package/lib/components/Grid/style/Grid.scss +196 -0
- package/lib/components/Grid/style/css.js +4 -0
- package/lib/components/Grid/style/index.d.ts +1 -0
- package/lib/components/Grid/style/index.js +4 -0
- package/lib/components/InputAmount/style/normal.css +1 -1
- package/lib/components/InputAmount/style/normal.scss +2 -2
- package/lib/components/InputAmount/style/primary.css +1 -1
- package/lib/components/InputAmount/style/primary.scss +2 -2
- package/lib/components/Message/style/Message.css +1 -1
- package/lib/components/Message/style/Message.scss +3 -3
- package/lib/components/Sidebar/style/Sidebar.css +1 -1
- package/lib/components/Sidebar/style/Sidebar.scss +1 -1
- package/lib/components/Sidebar/style/SimplySidebar.css +1 -1
- package/lib/components/Sidebar/style/SimplySidebar.scss +1 -1
- package/lib/components/Space/Space.d.ts +5 -0
- package/lib/components/Space/Space.js +81 -0
- package/lib/components/Space/constants.d.ts +33 -0
- package/lib/components/Space/constants.js +43 -0
- package/lib/components/Space/index.d.ts +5 -0
- package/lib/components/Space/index.js +53 -0
- package/lib/components/Space/interface.d.ts +12 -0
- package/lib/components/Space/interface.js +6 -0
- package/lib/components/Space/style/Space.css +1 -0
- package/lib/components/Space/style/Space.scss +40 -0
- package/lib/components/Space/style/css.js +4 -0
- package/lib/components/Space/style/index.d.ts +1 -0
- package/lib/components/Space/style/index.js +4 -0
- package/lib/components/Tab/style/Tab.css +1 -1
- package/lib/components/Tab/style/Tab.scss +2 -0
- package/lib/index.css +1 -1
- package/lib/index.d.ts +11 -0
- package/lib/index.js +39 -1
- package/package.json +16 -1
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { FC, PropsWithChildren } from 'react';
|
|
2
|
+
import type { SpaceProps } from './interface';
|
|
3
|
+
export declare const Space: FC<PropsWithChildren<SpaceProps>>;
|
|
4
|
+
declare const _default: import("react").NamedExoticComponent<PropsWithChildren<SpaceProps>>;
|
|
5
|
+
export default _default;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
|
+
var __rest = this && this.__rest || function (s, e) {
|
|
4
|
+
var t = {};
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
+
import { memo, Fragment, Children } from 'react';
|
|
13
|
+
import classnames, { joinCls } from '../../utils/classnames';
|
|
14
|
+
import { SPACE_CLASS, SPACE_CSS_VARS, SPACE_DIRECTION, SPACE_PREFIX, SPACE_SIZE_DEFAULT, SPACE_SIZE_MAP } from './constants';
|
|
15
|
+
var resolveSize = function resolveSize(value) {
|
|
16
|
+
var _a;
|
|
17
|
+
if (value === undefined || value === null) return SPACE_SIZE_DEFAULT;
|
|
18
|
+
if (typeof value === 'number') return value;
|
|
19
|
+
return (_a = SPACE_SIZE_MAP[value]) !== null && _a !== void 0 ? _a : SPACE_SIZE_DEFAULT;
|
|
20
|
+
};
|
|
21
|
+
var normalizeSize = function normalizeSize(size) {
|
|
22
|
+
if (Array.isArray(size)) {
|
|
23
|
+
return [resolveSize(size[0]), resolveSize(size[1])];
|
|
24
|
+
}
|
|
25
|
+
var resolved = resolveSize(size);
|
|
26
|
+
return [resolved, resolved];
|
|
27
|
+
};
|
|
28
|
+
export var Space = function Space(props) {
|
|
29
|
+
var children = props.children,
|
|
30
|
+
align = props.align,
|
|
31
|
+
_props$direction = props.direction,
|
|
32
|
+
direction = _props$direction === void 0 ? SPACE_DIRECTION.horizontal : _props$direction,
|
|
33
|
+
size = props.size,
|
|
34
|
+
split = props.split,
|
|
35
|
+
_props$wrap = props.wrap,
|
|
36
|
+
wrap = _props$wrap === void 0 ? false : _props$wrap,
|
|
37
|
+
className = props.className,
|
|
38
|
+
style = props.style,
|
|
39
|
+
_props$prefixCls = props.prefixCls,
|
|
40
|
+
prefixCls = _props$prefixCls === void 0 ? SPACE_PREFIX : _props$prefixCls,
|
|
41
|
+
rest = __rest(props, ["children", "align", "direction", "size", "split", "wrap", "className", "style", "prefixCls"]);
|
|
42
|
+
var classes = classnames(prefixCls);
|
|
43
|
+
var isVertical = direction === SPACE_DIRECTION.vertical;
|
|
44
|
+
var _normalizeSize = normalizeSize(size),
|
|
45
|
+
_normalizeSize2 = _slicedToArray(_normalizeSize, 2),
|
|
46
|
+
gapX = _normalizeSize2[0],
|
|
47
|
+
gapY = _normalizeSize2[1];
|
|
48
|
+
var shouldWrap = wrap && !isVertical;
|
|
49
|
+
var classNameValue = classes(void 0, joinCls(isVertical && classes(SPACE_CLASS.vertical), align && classes("".concat(SPACE_CLASS.align, "-").concat(align)), shouldWrap && classes(SPACE_CLASS.wrap), className));
|
|
50
|
+
var mergedStyle = Object.assign(Object.assign({}, style), _defineProperty(_defineProperty({}, SPACE_CSS_VARS.gapX, "".concat(gapX, "px")), SPACE_CSS_VARS.gapY, "".concat(gapY, "px")));
|
|
51
|
+
var childrenArray = Children.toArray(children);
|
|
52
|
+
var content = childrenArray.map(function (child, index) {
|
|
53
|
+
var isLast = index === childrenArray.length - 1;
|
|
54
|
+
return _jsxs(Fragment, {
|
|
55
|
+
children: [_jsx("div", {
|
|
56
|
+
className: classes(SPACE_CLASS.item),
|
|
57
|
+
children: child
|
|
58
|
+
}), !isLast && split ? _jsx("span", {
|
|
59
|
+
className: classes(SPACE_CLASS.split),
|
|
60
|
+
children: split
|
|
61
|
+
}) : null]
|
|
62
|
+
}, "space-item-".concat(index));
|
|
63
|
+
});
|
|
64
|
+
return _jsx("div", Object.assign({}, rest, {
|
|
65
|
+
style: mergedStyle,
|
|
66
|
+
className: classNameValue,
|
|
67
|
+
children: content
|
|
68
|
+
}));
|
|
69
|
+
};
|
|
70
|
+
export default /*#__PURE__*/memo(Space);
|
|
71
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU3BhY2UvU3BhY2UuanMiLCJjb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1NwYWNlL1NwYWNlLnRzeCJdLCJuYW1lcyI6WyJfX3Jlc3QiLCJzIiwiZSIsInQiLCJwIiwiT2JqZWN0IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaW5kZXhPZiIsImdldE93blByb3BlcnR5U3ltYm9scyIsImkiLCJsZW5ndGgiLCJwcm9wZXJ0eUlzRW51bWVyYWJsZSIsImpzeCIsIl9qc3giLCJqc3hzIiwiX2pzeHMiLCJtZW1vIiwiRnJhZ21lbnQiLCJDaGlsZHJlbiIsImNsYXNzbmFtZXMiLCJqb2luQ2xzIiwiU1BBQ0VfQ0xBU1MiLCJTUEFDRV9DU1NfVkFSUyIsIlNQQUNFX0RJUkVDVElPTiIsIlNQQUNFX1BSRUZJWCIsIlNQQUNFX1NJWkVfREVGQVVMVCIsIlNQQUNFX1NJWkVfTUFQIiwicmVzb2x2ZVNpemUiLCJ2YWx1ZSIsIl9hIiwidW5kZWZpbmVkIiwibm9ybWFsaXplU2l6ZSIsInNpemUiLCJBcnJheSIsImlzQXJyYXkiLCJyZXNvbHZlZCIsIlNwYWNlIiwicHJvcHMiLCJjaGlsZHJlbiIsImFsaWduIiwiX3Byb3BzJGRpcmVjdGlvbiIsImRpcmVjdGlvbiIsImhvcml6b250YWwiLCJzcGxpdCIsIl9wcm9wcyR3cmFwIiwid3JhcCIsImNsYXNzTmFtZSIsInN0eWxlIiwiX3Byb3BzJHByZWZpeENscyIsInByZWZpeENscyIsInJlc3QiLCJjbGFzc2VzIiwiaXNWZXJ0aWNhbCIsInZlcnRpY2FsIiwiX25vcm1hbGl6ZVNpemUiLCJfbm9ybWFsaXplU2l6ZTIiLCJfc2xpY2VkVG9BcnJheSIsImdhcFgiLCJnYXBZIiwic2hvdWxkV3JhcCIsImNsYXNzTmFtZVZhbHVlIiwiY29uY2F0IiwibWVyZ2VkU3R5bGUiLCJhc3NpZ24iLCJfZGVmaW5lUHJvcGVydHkiLCJjaGlsZHJlbkFycmF5IiwidG9BcnJheSIsImNvbnRlbnQi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Q0FBUSxHQUN6RCxJQUFJO0lBQUEsQ0FBQSxnQkFBQWtCLE1BQUEsQ0FKbUJTLEtBQUssQ0FBRSxDQUt6QjtFQUVmLENBQUMsQ0FBQztFQUVGLE9BQ0V6RCxJQUFBLENBQUEsS0FBQSxFQUFBVixNQUFBLENBQUE0RCxNQUFBLENBQUEsQ0FBQSxDQUFBLEVBQ01iLElBQUksRUFBQTtJQUNSSCxLQUFLLEVBQUVlLFdBQVc7SUFDbEJoQixTQUFTLEVBQUVjLGNBQWM7SUFBQXRCLFFBQUEsRUFFeEI2QjtFQUFPLENBQUEsQ0FBQSxDQUNKO0FBRVYsQ0FBQztBQUVELDRCQUFlbkQsSUFBSSxDQUFDb0IsS0FBSyxDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvU3BhY2UvU3BhY2UuanMiLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX19yZXN0ID0gKHRoaXMgJiYgdGhpcy5fX3Jlc3QpIHx8IGZ1bmN0aW9uIChzLCBlKSB7XG4gICAgdmFyIHQgPSB7fTtcbiAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkgJiYgZS5pbmRleE9mKHApIDwgMClcbiAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgaWYgKHMgIT0gbnVsbCAmJiB0eXBlb2YgT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyA9PT0gXCJmdW5jdGlvblwiKVxuICAgICAgICBmb3IgKHZhciBpID0gMCwgcCA9IE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMocyk7IGkgPCBwLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICBpZiAoZS5pbmRleE9mKHBbaV0pIDwgMCAmJiBPYmplY3QucHJvdG90eXBlLnByb3BlcnR5SXNFbnVtZXJhYmxlLmNhbGwocywgcFtpXSkpXG4gICAgICAgICAgICAgICAgdFtwW2ldXSA9IHNbcFtpXV07XG4gICAgICAgIH1cbiAgICByZXR1cm4gdDtcbn07XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbywgRnJhZ21lbnQsIENoaWxkcmVuIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IGNsYXNzbmFtZXMsIHsgam9pbkNscyB9IGZyb20gJy4uLy4uL3V0aWxzL2NsYXNzbmFtZXMnO1xuaW1wb3J0IHsgU1BBQ0VfQ0xBU1MsIFNQQUNFX0NTU19WQVJTLCBTUEFDRV9ESVJFQ1RJT04sIFNQQUNFX1BSRUZJWCwgU1BBQ0VfU0laRV9ERUZBVUxULCBTUEFDRV9TSVpFX01BUCB9IGZyb20gJy4vY29uc3RhbnRzJztcbmNvbnN0IHJlc29sdmVTaXplID0gKHZhbHVlKSA9PiB7XG4gICAgdmFyIF9hO1xuICAgIGlmICh2YWx1ZSA9PT0gdW5kZWZpbmVkIHx8IHZhbHVlID09PSBudWxsKVxuICAgICAgICByZXR1cm4gU1BBQ0VfU0laRV9ERUZBVUxUO1xuICAgIGlmICh0eXBlb2YgdmFsdWUgPT09ICdudW1iZXInKVxuICAgICAgICByZXR1cm4gdmFsdWU7XG4gICAgcmV0dXJuIChfYSA9IFNQQUNFX1NJWkVfTUFQW3ZhbHVlXSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogU1BBQ0VfU0laRV9ERUZBVUxUO1xufTtcbmNvbnN0IG5vcm1hbGl6ZVNpemUgPSAoc2l6ZSkgPT4ge1xuICAgIGlmIChBcnJheS5pc0FycmF5KHNpemUpKSB7XG4gICAgICAgIHJldHVybiBbcmVzb2x2ZVNpemUoc2l6ZVswXSksIHJlc29sdmVTaXplKHNpemVbMV0pXTtcbiAgICB9XG4gICAgY29uc3QgcmVzb2x2ZWQgPSByZXNvbHZlU2l6ZShzaXplKTtcbiAgICByZXR1cm4gW3Jlc29sdmVkLCByZXNvbHZlZF07XG59O1xuZXhwb3J0IGNvbnN0IFNwYWNlID0gcHJvcHMgPT4ge1xuICAgIGNvbnN0IHsgY2hpbGRyZW4sIGFsaWduLCBkaXJlY3Rpb24gPSBTUEFDRV9ESVJFQ1RJT04uaG9yaXpvbnRhbCwgc2l6ZSwgc3BsaXQsIHdyYXAgPSBmYWxzZSwgY2xhc3NOYW1lLCBzdHlsZSwgcHJlZml4Q2xzID0gU1BBQ0VfUFJFRklYIH0gPSBwcm9wcywgcmVzdCA9IF9fcmVzdChwcm9wcywgW1wiY2hpbGRyZW5cIiwgXCJhbGlnblwiLCBcImRpcmVjdGlvblwiLCBcInNpemVcIiwgXCJzcGxpdFwiLCBcIndyYXBcIiwgXCJjbGFzc05hbWVcIiwgXCJzdHlsZVwiLCBcInByZWZpeENsc1wiXSk7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICBjb25zdCBpc1ZlcnRpY2FsID0gZGlyZWN0aW9uID09PSBTUEFDRV9ESVJFQ1RJT04udmVydGljYWw7XG4gICAgY29uc3QgW2dhcFgsIGdhcFldID0gbm9ybWFsaXplU2l6ZShzaXplKTtcbiAgICBjb25zdCBzaG91bGRXcmFwID0gd3JhcCAmJiAhaXNWZXJ0aWNhbDtcbiAgICBjb25zdCBjbGFzc05hbWVWYWx1ZSA9IGNsYXNzZXModm9pZCAwLCBqb2luQ2xzKGlzVmVydGljYWwgJiYgY2xhc3NlcyhTUEFDRV9DTEFTUy52ZXJ0aWNhbCksIGFsaWduICYmIGNsYXNzZXMoYCR7U1BBQ0VfQ0xBU1MuYWxpZ259LSR7YWxpZ259YCksIHNob3VsZFdyYXAgJiYgY2xhc3NlcyhTUEFDRV9DTEFTUy53cmFwKSwgY2xhc3NOYW1lKSk7XG4gICAgY29uc3QgbWVyZ2VkU3R5bGUgPSBPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIHN0eWxlKSwgeyBbU1BBQ0VfQ1NTX1ZBUlMuZ2FwWF06IGAke2dhcFh9cHhgLCBbU1BBQ0VfQ1NTX1ZBUlMuZ2FwWV06IGAke2dhcFl9cHhgIH0pO1xuICAgIGNvbnN0IGNoaWxkcmVuQXJyYXkgPSBDaGlsZHJlbi50b0FycmF5KGNoaWxkcmVuKTtcbiAgICBjb25zdCBjb250ZW50ID0gY2hpbGRyZW5BcnJheS5tYXAoKGNoaWxkLCBpbmRleCkgPT4ge1xuICAgICAgICBjb25zdCBpc0xhc3QgPSBpbmRleCA9PT0gY2hpbGRyZW5BcnJheS5sZW5ndGggLSAxO1xuICAgICAgICByZXR1cm4gKF9qc3hzKEZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcyhTUEFDRV9DTEFTUy5pdGVtKSwgY2hpbGRyZW46IGNoaWxkIH0pLCAhaXNMYXN0ICYmIHNwbGl0ID8gKF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKFNQQUNFX0NMQVNTLnNwbGl0KSwgY2hpbGRyZW46IHNwbGl0IH0pKSA6IG51bGxdIH0sIGBzcGFjZS1pdGVtLSR7aW5kZXh9YCkpO1xuICAgIH0pO1xuICAgIHJldHVybiAoX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHt9LCByZXN0LCB7IHN0eWxlOiBtZXJnZWRTdHlsZSwgY2xhc3NOYW1lOiBjbGFzc05hbWVWYWx1ZSwgY2hpbGRyZW46IGNvbnRlbnQgfSkpKTtcbn07XG5leHBvcnQgZGVmYXVsdCBtZW1vKFNwYWNlKTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import type { SpaceSize } from './interface';
|
|
2
|
+
export declare const SPACE_ALIGN: {
|
|
3
|
+
readonly start: "start";
|
|
4
|
+
readonly end: "end";
|
|
5
|
+
readonly center: "center";
|
|
6
|
+
readonly baseline: "baseline";
|
|
7
|
+
};
|
|
8
|
+
export declare const SPACE_DIRECTION: {
|
|
9
|
+
readonly horizontal: "horizontal";
|
|
10
|
+
readonly vertical: "vertical";
|
|
11
|
+
};
|
|
12
|
+
export declare const SPACE_SIZE: {
|
|
13
|
+
readonly small: "small";
|
|
14
|
+
readonly middle: "middle";
|
|
15
|
+
readonly large: "large";
|
|
16
|
+
};
|
|
17
|
+
export declare const SPACE_PREFIX = "space";
|
|
18
|
+
export declare const SPACE_SIZE_SMALL = 8;
|
|
19
|
+
export declare const SPACE_SIZE_MIDDLE = 16;
|
|
20
|
+
export declare const SPACE_SIZE_LARGE = 24;
|
|
21
|
+
export declare const SPACE_SIZE_DEFAULT = 8;
|
|
22
|
+
export declare const SPACE_CSS_VARS: {
|
|
23
|
+
readonly gapX: "--om-space-gap-x";
|
|
24
|
+
readonly gapY: "--om-space-gap-y";
|
|
25
|
+
};
|
|
26
|
+
export declare const SPACE_CLASS: {
|
|
27
|
+
readonly vertical: "vertical";
|
|
28
|
+
readonly align: "align";
|
|
29
|
+
readonly wrap: "wrap";
|
|
30
|
+
readonly item: "item";
|
|
31
|
+
readonly split: "split";
|
|
32
|
+
};
|
|
33
|
+
export declare const SPACE_SIZE_MAP: Record<Exclude<SpaceSize, number>, number>;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
export var SPACE_ALIGN = {
|
|
2
|
+
start: 'start',
|
|
3
|
+
end: 'end',
|
|
4
|
+
center: 'center',
|
|
5
|
+
baseline: 'baseline'
|
|
6
|
+
};
|
|
7
|
+
export var SPACE_DIRECTION = {
|
|
8
|
+
horizontal: 'horizontal',
|
|
9
|
+
vertical: 'vertical'
|
|
10
|
+
};
|
|
11
|
+
export var SPACE_SIZE = {
|
|
12
|
+
small: 'small',
|
|
13
|
+
middle: 'middle',
|
|
14
|
+
large: 'large'
|
|
15
|
+
};
|
|
16
|
+
export var SPACE_PREFIX = 'space';
|
|
17
|
+
export var SPACE_SIZE_SMALL = 8;
|
|
18
|
+
export var SPACE_SIZE_MIDDLE = 16;
|
|
19
|
+
export var SPACE_SIZE_LARGE = 24;
|
|
20
|
+
export var SPACE_SIZE_DEFAULT = SPACE_SIZE_SMALL;
|
|
21
|
+
export var SPACE_CSS_VARS = {
|
|
22
|
+
gapX: '--om-space-gap-x',
|
|
23
|
+
gapY: '--om-space-gap-y'
|
|
24
|
+
};
|
|
25
|
+
export var SPACE_CLASS = {
|
|
26
|
+
vertical: 'vertical',
|
|
27
|
+
align: 'align',
|
|
28
|
+
wrap: 'wrap',
|
|
29
|
+
item: 'item',
|
|
30
|
+
split: 'split'
|
|
31
|
+
};
|
|
32
|
+
export var SPACE_SIZE_MAP = {
|
|
33
|
+
small: SPACE_SIZE_SMALL,
|
|
34
|
+
middle: SPACE_SIZE_MIDDLE,
|
|
35
|
+
large: SPACE_SIZE_LARGE
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU3BhY2UvY29uc3RhbnRzLnRzIiwiY29tcG9uZW50cy9TcGFjZS9jb25zdGFudHMuanMiXSwibmFtZXMiOlsiU1BBQ0VfQUxJR04iLCJzdGFydCIsImVuZCIsImNlbnRlciIsImJhc2VsaW5lIiwiU1BBQ0VfRElSRUNUSU9OIiwiaG9yaXpvbnRhbCIsInZlcnRpY2FsIiwiU1BBQ0VfU0laRSIsInNtYWxsIiwibWlkZGxlIiwibGFyZ2UiLCJTUEFDRV9QUkVGSVgiLCJTUEFDRV9TSVpFX1NNQUxMIiwiU1BBQ0VfU0laRV9NSURETEUiLCJTUEFDRV9TSVpFX0xBUkdFIiwiU1BBQ0VfU0laRV9ERUZBVUxUIiwiU1BBQ0VfQ1NTX1ZBUlMiLCJnYXBYIiwiZ2FwWSIsIlNQQUNFX0NMQVNTIiwiYWxpZ24iLCJ3cmFwIiwiaXRlbSIsInNwbGl0IiwiU1BBQ0VfU0laRV9NQVAiXSwibWFwcGluZ3MiOiJBQUVBLE9BQU8sSUFBTUEsV0FBVyxHQUFHO0VBQ3pCQyxLQUFLLEVBQUUsT0FBTztFQUNkQyxHQUFHLEVBQUUsS0FBSztFQUNWQyxNQUFNLEVBQUUsUUFBUTtFQUNoQkMsUUFBUSxFQUFFO0FDRFosQ0RFVTtBQUVWLE9BQU8sSUFBTUMsZUFBZSxHQUFHO0VBQzdCQyxVQUFVLEVBQUUsWUFBWTtFQUN4QkMsUUFBUSxFQUFFO0FDRlosQ0RHVTtBQUVWLE9BQU8sSUFBTUMsVUFBVSxHQUFHO0VBQ3hCQyxLQUFLLEVBQUUsT0FBTztFQUNkQyxNQUFNLEVBQUUsUUFBUTtFQUNoQkMsS0FBSyxFQUFFO0FDSFQsQ0RJVTtBQUVWLE9BQU8sSUFBTUMsWUFBWSxHQUFHLE9BQU87QUFFbkMsT0FBTyxJQUFNQyxnQkFBZ0IsR0FBRyxDQUFDO0FBQ2pDLE9BQU8sSUFBTUMsaUJBQWlCLEdBQUcsRUFBRTtBQUNuQyxPQUFPLElBQU1DLGdCQUFnQixHQUFHLEVBQUU7QUFDbEMsT0FBTyxJQUFNQyxrQkFBa0IsR0FBR0gsZ0JBQWdCO0FBRWxELE9BQU8sSUFBTUksY0FBYyxHQUFHO0VBQzVCQyxJQUFJLEVBQUUsa0JBQWtCO0VBQ3hCQyxJQUFJLEVBQUU7QUNOUixDRE9VO0FBRVYsT0FBTyxJQUFNQyxXQUFXLEdBQUc7RUFDekJiLFFBQVEsRUFBRSxVQUFVO0VBQ3BCYyxLQUFLLEVBQUUsT0FBTztFQUNkQyxJQUFJLEVBQUUsTUFBTTtFQUNaQyxJQUFJLEVBQUUsTUFBTTtFQUNaQyxLQUFLLEVBQUU7QUNQVCxDRFFVO0FBRVYsT0FBTyxJQUFNQyxjQUFjLEdBQStDO0VBQ3hFaEIsS0FBSyxFQUFFSSxnQkFBZ0I7RUFDdkJILE1BQU0sRUFBRUksaUJBQWlCO0VBQ3pCSCxLQUFLLEVBQUVJO0FDUlQsQ0RTQyIsImZpbGUiOiJjb21wb25lbnRzL1NwYWNlL2NvbnN0YW50cy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbCwiZXhwb3J0IGNvbnN0IFNQQUNFX0FMSUdOID0ge1xuICAgIHN0YXJ0OiAnc3RhcnQnLFxuICAgIGVuZDogJ2VuZCcsXG4gICAgY2VudGVyOiAnY2VudGVyJyxcbiAgICBiYXNlbGluZTogJ2Jhc2VsaW5lJ1xufTtcbmV4cG9ydCBjb25zdCBTUEFDRV9ESVJFQ1RJT04gPSB7XG4gICAgaG9yaXpvbnRhbDogJ2hvcml6b250YWwnLFxuICAgIHZlcnRpY2FsOiAndmVydGljYWwnXG59O1xuZXhwb3J0IGNvbnN0IFNQQUNFX1NJWkUgPSB7XG4gICAgc21hbGw6ICdzbWFsbCcsXG4gICAgbWlkZGxlOiAnbWlkZGxlJyxcbiAgICBsYXJnZTogJ2xhcmdlJ1xufTtcbmV4cG9ydCBjb25zdCBTUEFDRV9QUkVGSVggPSAnc3BhY2UnO1xuZXhwb3J0IGNvbnN0IFNQQUNFX1NJWkVfU01BTEwgPSA4O1xuZXhwb3J0IGNvbnN0IFNQQUNFX1NJWkVfTUlERExFID0gMTY7XG5leHBvcnQgY29uc3QgU1BBQ0VfU0laRV9MQVJHRSA9IDI0O1xuZXhwb3J0IGNvbnN0IFNQQUNFX1NJWkVfREVGQVVMVCA9IFNQQUNFX1NJWkVfU01BTEw7XG5leHBvcnQgY29uc3QgU1BBQ0VfQ1NTX1ZBUlMgPSB7XG4gICAgZ2FwWDogJy0tb20tc3BhY2UtZ2FwLXgnLFxuICAgIGdhcFk6ICctLW9tLXNwYWNlLWdhcC15J1xufTtcbmV4cG9ydCBjb25zdCBTUEFDRV9DTEFTUyA9IHtcbiAgICB2ZXJ0aWNhbDogJ3ZlcnRpY2FsJyxcbiAgICBhbGlnbjogJ2FsaWduJyxcbiAgICB3cmFwOiAnd3JhcCcsXG4gICAgaXRlbTogJ2l0ZW0nLFxuICAgIHNwbGl0OiAnc3BsaXQnXG59O1xuZXhwb3J0IGNvbnN0IFNQQUNFX1NJWkVfTUFQID0ge1xuICAgIHNtYWxsOiBTUEFDRV9TSVpFX1NNQUxMLFxuICAgIG1pZGRsZTogU1BBQ0VfU0laRV9NSURETEUsXG4gICAgbGFyZ2U6IFNQQUNFX1NJWkVfTEFSR0Vcbn07Il0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import Space from './Space';
|
|
2
|
+
export { Space };
|
|
3
|
+
export default Space;
|
|
4
|
+
export * from './interface';
|
|
5
|
+
export { SPACE_ALIGN, SPACE_DIRECTION, SPACE_SIZE } from './constants';
|
|
6
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU3BhY2UvaW5kZXgudHMiXSwibmFtZXMiOlsiU3BhY2UiLCJTUEFDRV9BTElHTiIsIlNQQUNFX0RJUkVDVElPTiIsIlNQQUNFX1NJWkUiXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLEtBQUssTUFBTSxTQUFTO0FBRTNCLFNBQVNBLEtBQUs7QUFDZCxlQUFlQSxLQUFLO0FBQ3BCLGNBQWMsYUFBYTtBQUMzQixTQUFTQyxXQUFXLEVBQUVDLGVBQWUsRUFBRUMsVUFBVSxRQUFRLGFBQWEiLCJmaWxlIjoiY29tcG9uZW50cy9TcGFjZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type SpaceAlign = 'start' | 'end' | 'center' | 'baseline';
|
|
3
|
+
export type SpaceDirection = 'horizontal' | 'vertical';
|
|
4
|
+
export type SpaceSize = 'small' | 'middle' | 'large' | number;
|
|
5
|
+
export interface SpaceProps extends HTMLAttributes<HTMLDivElement> {
|
|
6
|
+
align?: SpaceAlign;
|
|
7
|
+
direction?: SpaceDirection;
|
|
8
|
+
size?: SpaceSize | [SpaceSize, SpaceSize];
|
|
9
|
+
split?: ReactNode;
|
|
10
|
+
wrap?: boolean;
|
|
11
|
+
prefixCls?: string;
|
|
12
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9TcGFjZS9pbnRlcmZhY2UuanMiLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMiLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU3BhY2UvaW50ZXJmYWNlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7fTsiXSwibWFwcGluZ3MiOiJBQUFBIiwiaWdub3JlTGlzdCI6W119
|
|
@@ -0,0 +1 @@
|
|
|
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}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
@use '../../../variable.scss' as *;
|
|
2
|
+
|
|
3
|
+
$component: 'space';
|
|
4
|
+
$space-gap-x: '--om-space-gap-x';
|
|
5
|
+
$space-gap-y: '--om-space-gap-y';
|
|
6
|
+
$space-gap-fallback: 8px;
|
|
7
|
+
|
|
8
|
+
.#{$prefix}-#{$component} {
|
|
9
|
+
display: inline-flex;
|
|
10
|
+
gap: var(#{$space-gap-y}, #{$space-gap-fallback}) var(#{$space-gap-x}, #{$space-gap-fallback});
|
|
11
|
+
|
|
12
|
+
&-vertical {
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
&-wrap {
|
|
17
|
+
flex-wrap: wrap;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
&-align-start {
|
|
21
|
+
align-items: flex-start;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&-align-end {
|
|
25
|
+
align-items: flex-end;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
&-align-center {
|
|
29
|
+
align-items: center;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
&-align-baseline {
|
|
33
|
+
align-items: baseline;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
&-item,
|
|
37
|
+
&-split {
|
|
38
|
+
display: inline-flex;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import './Space.css';
|
|
2
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU3BhY2Uvc3JjL2NvbXBvbmVudHMvU3BhY2Uvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxjQUFjIiwiZmlsZSI6ImNvbXBvbmVudHMvU3BhY2Uvc3R5bGUvY3NzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './Space.scss';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import './Space.scss';
|
|
2
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU3BhY2Uvc3JjL2NvbXBvbmVudHMvU3BhY2Uvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxjQUFjIiwiZmlsZSI6ImNvbXBvbmVudHMvU3BhY2Uvc3R5bGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
|
|
@@ -1 +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}
|
|
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{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}
|