@uzum-tech/ui 2.2.1 → 2.3.0

package/lib/message-bubble/src/styles/index.cssr.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const cssr_1 = require("../../../_utils/cssr");
+// vars:
+// --u-bezier
+// --u-message-bubble-background-color-own
+// --u-message-bubble-background-color-other
+// --u-message-bubble-text-color-own
+// --u-message-bubble-text-color-other
+// --u-message-bubble-time-color
+// --u-message-bubble-status-read-color
+// --u-message-bubble-status-success-color
+// --u-message-bubble-attachment-background-color-own
+// --u-message-bubble-attachment-background-color-other
+// --u-message-bubble-error-color
+// --u-message-bubble-border-radius
+// --u-message-bubble-unread-background-color
+// --u-message-bubble-unread-text-color
+// --u-message-bubble-service-text-color
+// --u-message-bubble-service-background-color
+// --u-message-bubble-title-color
+exports.default = (0, cssr_1.cB)('message-bubble', `
+ box-sizing: border-box;
+ width: 100%;
+`, [(0, cssr_1.cE)('message', `
+ display: flex;
+ margin-bottom: 8px;
+ flex-shrink: 0;
+ width: 100%;
+ `, [(0, cssr_1.cM)('own', `
+ justify-content: flex-end;
+ `), (0, cssr_1.cM)('other', `
+ justify-content: flex-start;
+ `)]), (0, cssr_1.cE)('message-wrapper', `
+ max-width: 70%;
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+ flex-shrink: 0;
+ `, [(0, cssr_1.cM)('own', `
+ align-items: flex-end;
+ `), (0, cssr_1.cM)('other', `
+ align-items: flex-start;
+ `)]), (0, cssr_1.cE)('bubble', `
+ border-radius: var(--u-message-bubble-border-radius);
+ font-size: 14px;
+ line-height: 20px;
+ word-wrap: break-word;
+ background-color: var(--u-message-bubble-background-color-other);
+ color: var(--u-message-bubble-text-color-other);
+ border-bottom-left-radius: 6px;
+ width: fit-content;
+ display: flex;
+ flex-direction: column;
+ `, [(0, cssr_1.cM)('own', `
+ background-color: var(--u-message-bubble-background-color-own);
+ color: var(--u-message-bubble-text-color-own);
+ border-bottom-left-radius: var(--u-message-bubble-border-radius);
+ border-bottom-right-radius: 6px;
+ `)]), (0, cssr_1.cE)('title', `
+ color: var(--u-message-bubble-title-color);
+ padding: 12px 16px 0;
+ white-space: pre-wrap;
+ `), (0, cssr_1.cE)('text', `
+ padding: 12px 16px;
+ white-space: pre-wrap;
+ `), (0, cssr_1.cE)('text', `
+ padding-top: 8px;
+ `, [(0, cssr_1.c)('&&:first-child', `
+ padding-top: 12px;
+ `)]), (0, cssr_1.cE)('meta', `
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ font-size: 11px;
+ color: var(--u-message-bubble-time-color);
+ margin-top: 2px;
+ `, [(0, cssr_1.cM)('own', `
+ justify-content: flex-end;
+ `), (0, cssr_1.cM)('other', `
+ justify-content: flex-start;
+ `)]), (0, cssr_1.cE)('time', `
+ font-size: 11px;
+ color: var(--u-message-bubble-time-color);
+ `), (0, cssr_1.cE)('status', `
+ color: var(--u-message-bubble-status-success-color);
+ display: flex;
+ align-items: center;
+ `), (0, cssr_1.cE)('status-icon', `
+ color: var(--u-message-bubble-time-color);
+ `, [(0, cssr_1.cM)('read', `
+ color: var(--u-message-bubble-status-read-color);
+ `), (0, cssr_1.cM)('retry', `
+ color: var(--u-message-bubble-error-color);
+ `)]), (0, cssr_1.cE)('retry', `
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ cursor: pointer;
+ `), (0, cssr_1.cE)('retry-icon', `
+ color: var(--u-message-bubble-error-color);
+ `), (0, cssr_1.cE)('retry-text', `
+ color: var(--u-message-bubble-error-color);
+ font-size: 11px;
+ font-weight: 500;
+ `), (0, cssr_1.cE)('service', `
+ display: flex;
+ justify-content: center;
+ width: 100%;
+ margin: 12px 0;
+ `, [(0, cssr_1.c)('span', `
+ padding: 6px 12px;
+ border-radius: 8px;
+ color: var(--u-message-bubble-service-text-color);
+ background-color: var(--u-message-bubble-service-background-color);
+ text-align: center;
+ `), (0, cssr_1.cM)('unread', `
+ background-color: var(--u-message-bubble-unread-background-color);
+ color: var(--u-message-bubble-unread-text-color);
+ padding: 6px 12px;
+ margin: 8px 0;
+ `, [(0, cssr_1.c)('span', `
+ display: inline-block;
+ white-space: nowrap;
+ padding: 0;
+ border-radius: 0;
+ background-color: transparent;
+ color: inherit;
+ `)])]), (0, cssr_1.c)('.u-message-bubble__bubble--own .u-upload-file', `
+ background-color: var(--u-message-bubble-attachment-background-color-own);
+ `), (0, cssr_1.c)('.u-message-bubble__bubble--other .u-upload-file', `
+ background-color: var(--u-message-bubble-attachment-background-color-other);
+ `), (0, cssr_1.c)('.u-upload-file-list .u-upload-file.u-upload-file--text-type', `
+ margin-bottom: 0px;
+ `)]);

package/lib/message-bubble/styles/dark.d.ts

@@ -0,0 +1,29 @@
+declare const messageBubbleDark: import("../../_mixins").Theme<"MessageBubble", {
+    messageBubbleBackgroundColorOwn: string;
+    messageBubbleBackgroundColorOther: string;
+    messageBubbleTextColorOwn: string;
+    messageBubbleTextColorOther: string;
+    messageTimeColor: string;
+    messageStatusReadColor: string;
+    messageStatusSuccessColor: string;
+    attachmentBackgroundColorOwn: string;
+    attachmentBackgroundColorOther: string;
+    messageErrorColor: string;
+    messageBorderRadius: string;
+    unreadNotificationBackgroundColor: string;
+    unreadNotificationTextColor: string;
+    serviceMessageTextColor: string;
+    serviceMessageBackgroundColor: string;
+    messageTitleColor: string;
+}, {
+    StatusIcon: import("../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>;
+}>;
+export default messageBubbleDark;
+export type MessageBubbleTheme = typeof messageBubbleDark;

package/lib/message-bubble/styles/dark.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const _mixins_1 = require("../../_mixins");
+const common_1 = require("../../_styles/common");
+const styles_1 = require("../../icon/styles");
+const light_1 = require("./light");
+const messageBubbleDark = (0, _mixins_1.createTheme)({
+    name: 'MessageBubble',
+    common: common_1.commonDark,
+    peers: {
+        StatusIcon: styles_1.iconDark
+    },
+    self: vars => (Object.assign({}, (0, light_1.self)(vars)))
+});
+exports.default = messageBubbleDark;

package/lib/message-bubble/styles/index.d.ts

@@ -0,0 +1,3 @@
+export { default as messageBubbleDark } from './dark';
+export { default as messageBubbleLight } from './light';
+export type { MessageBubbleTheme, MessageBubbleThemeVars } from './light';

package/lib/message-bubble/styles/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.messageBubbleLight = exports.messageBubbleDark = void 0;
+var dark_1 = require("./dark");
+Object.defineProperty(exports, "messageBubbleDark", { enumerable: true, get: function () { return __importDefault(dark_1).default; } });
+var light_1 = require("./light");
+Object.defineProperty(exports, "messageBubbleLight", { enumerable: true, get: function () { return __importDefault(light_1).default; } });

package/lib/message-bubble/styles/light.d.ts

@@ -0,0 +1,49 @@
+import type { ThemeCommonVars } from '../../_styles/common';
+export declare function self(vars: ThemeCommonVars): {
+    messageBubbleBackgroundColorOwn: string;
+    messageBubbleBackgroundColorOther: string;
+    messageBubbleTextColorOwn: string;
+    messageBubbleTextColorOther: string;
+    messageTimeColor: string;
+    messageStatusReadColor: string;
+    messageStatusSuccessColor: string;
+    attachmentBackgroundColorOwn: string;
+    attachmentBackgroundColorOther: string;
+    messageErrorColor: string;
+    messageBorderRadius: string;
+    unreadNotificationBackgroundColor: string;
+    unreadNotificationTextColor: string;
+    serviceMessageTextColor: string;
+    serviceMessageBackgroundColor: string;
+    messageTitleColor: string;
+};
+declare const messageBubbleLight: import("../../_mixins").Theme<"MessageBubble", {
+    messageBubbleBackgroundColorOwn: string;
+    messageBubbleBackgroundColorOther: string;
+    messageBubbleTextColorOwn: string;
+    messageBubbleTextColorOther: string;
+    messageTimeColor: string;
+    messageStatusReadColor: string;
+    messageStatusSuccessColor: string;
+    attachmentBackgroundColorOwn: string;
+    attachmentBackgroundColorOther: string;
+    messageErrorColor: string;
+    messageBorderRadius: string;
+    unreadNotificationBackgroundColor: string;
+    unreadNotificationTextColor: string;
+    serviceMessageTextColor: string;
+    serviceMessageBackgroundColor: string;
+    messageTitleColor: string;
+}, {
+    StatusIcon: import("../../_mixins").Theme<"Icon", {
+        color: string;
+        opacity1Depth: string;
+        opacity2Depth: string;
+        opacity3Depth: string;
+        opacity4Depth: string;
+        opacity5Depth: string;
+    }, any>;
+}>;
+export default messageBubbleLight;
+export type MessageBubbleThemeVars = ReturnType<typeof self>;
+export type MessageBubbleTheme = typeof messageBubbleLight;

package/lib/message-bubble/styles/light.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.self = self;
+const _mixins_1 = require("../../_mixins");
+const common_1 = require("../../_styles/common");
+const styles_1 = require("../../icon/styles");
+function self(vars) {
+    const { borderRadiusLarge, elementsSecondary, elementsTertiary, textPrimary, textSecondary, textTertiary, brandPrimary400, staticGreen, staticRed, staticWhite } = vars;
+    return {
+        messageBubbleBackgroundColorOwn: elementsTertiary,
+        messageBubbleBackgroundColorOther: elementsTertiary,
+        messageBubbleTextColorOwn: textPrimary,
+        messageBubbleTextColorOther: textPrimary,
+        messageTimeColor: textTertiary,
+        messageStatusReadColor: brandPrimary400,
+        messageStatusSuccessColor: staticGreen,
+        attachmentBackgroundColorOwn: staticWhite,
+        attachmentBackgroundColorOther: staticWhite,
+        messageErrorColor: staticRed,
+        messageBorderRadius: borderRadiusLarge,
+        unreadNotificationBackgroundColor: brandPrimary400,
+        unreadNotificationTextColor: elementsSecondary,
+        serviceMessageTextColor: textSecondary,
+        serviceMessageBackgroundColor: 'transparent',
+        messageTitleColor: textPrimary
+    };
+}
+const messageBubbleLight = (0, _mixins_1.createTheme)({
+    name: 'MessageBubble',
+    common: common_1.commonLight,
+    peers: {
+        StatusIcon: styles_1.iconLight
+    },
+    self
+});
+exports.default = messageBubbleLight;

package/lib/styles.d.ts

@@ -47,6 +47,7 @@ export { logDark } from './log/styles';
 export { marqueeDark } from './marquee/styles';
 export { mentionDark } from './mention/styles';
 export { menuDark } from './menu/styles';
+export { messageBubbleDark } from './message-bubble/styles';
 export { messageRtl as unstableMessageRtl } from './message/styles';
 export { messageDark } from './message/styles';
 export { modalDark } from './modal/styles';

package/lib/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.unstableInputNumberRtl = exports.inputNumberDark = exports.iconDark = exports.gradientTextDark = exports.formDark = exports.floatButtonDark = exports.floatButtonGroupDark = exports.emptyDark = exports.elementDark = exports.dynamicTagsDark = exports.unstableDynamicInputRtl = exports.dynamicInputDark = exports.dropdownDark = exports.unstableDrawerRtl = exports.drawerDark = exports.dividerDark = exports.dialogDark = exports.descriptionsDark = exports.datePickerDark = exports.dataTableDark = exports.unstableCollapseRtl = exports.collapseDark = exports.unstableCollapseTransitionRtl = exports.codeDark = exports.unstableCheckboxRtl = exports.checkboxDark = exports.cascaderDark = exports.unstableCardRtl = exports.cardDark = exports.cardListDark = exports.unstableButtonRtl = exports.buttonDark = exports.unstableButtonGroupRtl = exports.buttonGroupDark = exports.breadcrumbDark = exports.unstableBadgeRtl = exports.badgeDark = exports.backTopDark = exports.avatarDark = exports.unstableAvatarGroupRtl = exports.autoCompleteDark = exports.anchorDark = exports.unstableAlertRtl = exports.alertDark = exports.commonLight = exports.commonDark = exports.internalSelectionDark = exports.internalSelectMenuDark = exports.unstableScrollbarRtl = exports.scrollbarDark = void 0;
-exports.toggleButtonDark = exports.timelineDark = exports.timePickerDark = exports.unstableThingRtl = exports.thingDark = exports.unstableTagRtl = exports.tagDark = exports.tabsDark = exports.unstableTableRtl = exports.tableDark = exports.switchDark = exports.unstableStepsRtl = exports.stepsDark = exports.statusDark = exports.unstableStatisticRtl = exports.statisticDark = exports.spinDark = exports.unstableSpaceRtl = exports.spaceDark = exports.sliderDark = exports.selectDark = exports.resultDark = exports.rateDark = exports.unstableRadioRtl = exports.radioDark = exports.progressDark = exports.popselectDark = exports.popoverDark = exports.popconfirmDark = exports.unstablePaginationRtl = exports.paginationDark = exports.unstablePageHeaderRtl = exports.notificationDark = exports.unstableNotificationRtl = exports.modalDark = exports.messageDark = exports.unstableMessageRtl = exports.menuDark = exports.mentionDark = exports.marqueeDark = exports.logDark = exports.loadingBarDark = exports.unstableListRtl = exports.listDark = exports.unstableRowRtl = exports.layoutDark = exports.unstableInputRtl = exports.inputDark = exports.unstableInputOtpRtl = exports.inputOtpDark = void 0;
-exports.watermarkDark = exports.uploadDark = exports.unstableUploadRtl = exports.typographyDark = exports.unstableTreeRtl = exports.treeDark = exports.treeSelectDark = exports.transferDark = exports.tooltipDark = void 0;
+exports.timelineDark = exports.timePickerDark = exports.unstableThingRtl = exports.thingDark = exports.unstableTagRtl = exports.tagDark = exports.tabsDark = exports.unstableTableRtl = exports.tableDark = exports.switchDark = exports.unstableStepsRtl = exports.stepsDark = exports.statusDark = exports.unstableStatisticRtl = exports.statisticDark = exports.spinDark = exports.unstableSpaceRtl = exports.spaceDark = exports.sliderDark = exports.selectDark = exports.resultDark = exports.rateDark = exports.unstableRadioRtl = exports.radioDark = exports.progressDark = exports.popselectDark = exports.popoverDark = exports.popconfirmDark = exports.unstablePaginationRtl = exports.paginationDark = exports.unstablePageHeaderRtl = exports.notificationDark = exports.unstableNotificationRtl = exports.modalDark = exports.messageDark = exports.unstableMessageRtl = exports.messageBubbleDark = exports.menuDark = exports.mentionDark = exports.marqueeDark = exports.logDark = exports.loadingBarDark = exports.unstableListRtl = exports.listDark = exports.unstableRowRtl = exports.layoutDark = exports.unstableInputRtl = exports.inputDark = exports.unstableInputOtpRtl = exports.inputOtpDark = void 0;
+exports.watermarkDark = exports.uploadDark = exports.unstableUploadRtl = exports.typographyDark = exports.unstableTreeRtl = exports.treeDark = exports.treeSelectDark = exports.transferDark = exports.tooltipDark = exports.toggleButtonDark = void 0;
 // danger zone, internal styles
 var styles_1 = require("./_internal/scrollbar/styles");
 Object.defineProperty(exports, "scrollbarDark", { enumerable: true, get: function () { return styles_1.scrollbarDark; } });
@@ -116,85 +116,87 @@ var styles_47 = require("./mention/styles");
 Object.defineProperty(exports, "mentionDark", { enumerable: true, get: function () { return styles_47.mentionDark; } });
 var styles_48 = require("./menu/styles");
 Object.defineProperty(exports, "menuDark", { enumerable: true, get: function () { return styles_48.menuDark; } });
-var styles_49 = require("./message/styles");
-Object.defineProperty(exports, "unstableMessageRtl", { enumerable: true, get: function () { return styles_49.messageRtl; } });
+var styles_49 = require("./message-bubble/styles");
+Object.defineProperty(exports, "messageBubbleDark", { enumerable: true, get: function () { return styles_49.messageBubbleDark; } });
 var styles_50 = require("./message/styles");
-Object.defineProperty(exports, "messageDark", { enumerable: true, get: function () { return styles_50.messageDark; } });
-var styles_51 = require("./modal/styles");
-Object.defineProperty(exports, "modalDark", { enumerable: true, get: function () { return styles_51.modalDark; } });
-var styles_52 = require("./notification/styles");
-Object.defineProperty(exports, "unstableNotificationRtl", { enumerable: true, get: function () { return styles_52.notificationRtl; } });
+Object.defineProperty(exports, "unstableMessageRtl", { enumerable: true, get: function () { return styles_50.messageRtl; } });
+var styles_51 = require("./message/styles");
+Object.defineProperty(exports, "messageDark", { enumerable: true, get: function () { return styles_51.messageDark; } });
+var styles_52 = require("./modal/styles");
+Object.defineProperty(exports, "modalDark", { enumerable: true, get: function () { return styles_52.modalDark; } });
 var styles_53 = require("./notification/styles");
-Object.defineProperty(exports, "notificationDark", { enumerable: true, get: function () { return styles_53.notificationDark; } });
-var styles_54 = require("./page-header/styles");
-Object.defineProperty(exports, "unstablePageHeaderRtl", { enumerable: true, get: function () { return styles_54.pageHeaderRtl; } });
-var styles_55 = require("./pagination/styles");
-Object.defineProperty(exports, "paginationDark", { enumerable: true, get: function () { return styles_55.paginationDark; } });
-Object.defineProperty(exports, "unstablePaginationRtl", { enumerable: true, get: function () { return styles_55.paginationRtl; } });
-var styles_56 = require("./popconfirm/styles");
-Object.defineProperty(exports, "popconfirmDark", { enumerable: true, get: function () { return styles_56.popconfirmDark; } });
-var styles_57 = require("./popover/styles");
-Object.defineProperty(exports, "popoverDark", { enumerable: true, get: function () { return styles_57.popoverDark; } });
-var styles_58 = require("./popselect/styles");
-Object.defineProperty(exports, "popselectDark", { enumerable: true, get: function () { return styles_58.popselectDark; } });
-var styles_59 = require("./progress/styles");
-Object.defineProperty(exports, "progressDark", { enumerable: true, get: function () { return styles_59.progressDark; } });
-var styles_60 = require("./radio/styles");
-Object.defineProperty(exports, "radioDark", { enumerable: true, get: function () { return styles_60.radioDark; } });
-Object.defineProperty(exports, "unstableRadioRtl", { enumerable: true, get: function () { return styles_60.radioRtl; } });
-var styles_61 = require("./rate/styles");
-Object.defineProperty(exports, "rateDark", { enumerable: true, get: function () { return styles_61.rateDark; } });
-var styles_62 = require("./result/styles");
-Object.defineProperty(exports, "resultDark", { enumerable: true, get: function () { return styles_62.resultDark; } });
-var styles_63 = require("./select/styles");
-Object.defineProperty(exports, "selectDark", { enumerable: true, get: function () { return styles_63.selectDark; } });
-var styles_64 = require("./slider/styles");
-Object.defineProperty(exports, "sliderDark", { enumerable: true, get: function () { return styles_64.sliderDark; } });
-var styles_65 = require("./space/styles");
-Object.defineProperty(exports, "spaceDark", { enumerable: true, get: function () { return styles_65.spaceDark; } });
-Object.defineProperty(exports, "unstableSpaceRtl", { enumerable: true, get: function () { return styles_65.spaceRtl; } });
-var styles_66 = require("./spin/styles");
-Object.defineProperty(exports, "spinDark", { enumerable: true, get: function () { return styles_66.spinDark; } });
-var styles_67 = require("./statistic/styles");
-Object.defineProperty(exports, "statisticDark", { enumerable: true, get: function () { return styles_67.statisticDark; } });
-Object.defineProperty(exports, "unstableStatisticRtl", { enumerable: true, get: function () { return styles_67.statisticRtl; } });
-var styles_68 = require("./status/styles");
-Object.defineProperty(exports, "statusDark", { enumerable: true, get: function () { return styles_68.statusDark; } });
-var styles_69 = require("./steps/styles");
-Object.defineProperty(exports, "stepsDark", { enumerable: true, get: function () { return styles_69.stepsDark; } });
-Object.defineProperty(exports, "unstableStepsRtl", { enumerable: true, get: function () { return styles_69.stepsRtl; } });
-var styles_70 = require("./switch/styles");
-Object.defineProperty(exports, "switchDark", { enumerable: true, get: function () { return styles_70.switchDark; } });
-var styles_71 = require("./table/styles");
-Object.defineProperty(exports, "tableDark", { enumerable: true, get: function () { return styles_71.tableDark; } });
-Object.defineProperty(exports, "unstableTableRtl", { enumerable: true, get: function () { return styles_71.tableRtl; } });
-var styles_72 = require("./tabs/styles");
-Object.defineProperty(exports, "tabsDark", { enumerable: true, get: function () { return styles_72.tabsDark; } });
-var styles_73 = require("./tag/styles");
-Object.defineProperty(exports, "tagDark", { enumerable: true, get: function () { return styles_73.tagDark; } });
-Object.defineProperty(exports, "unstableTagRtl", { enumerable: true, get: function () { return styles_73.tagRtl; } });
-var styles_74 = require("./thing/styles");
-Object.defineProperty(exports, "thingDark", { enumerable: true, get: function () { return styles_74.thingDark; } });
-Object.defineProperty(exports, "unstableThingRtl", { enumerable: true, get: function () { return styles_74.thingRtl; } });
-var styles_75 = require("./time-picker/styles");
-Object.defineProperty(exports, "timePickerDark", { enumerable: true, get: function () { return styles_75.timePickerDark; } });
-var styles_76 = require("./timeline/styles");
-Object.defineProperty(exports, "timelineDark", { enumerable: true, get: function () { return styles_76.timelineDark; } });
-var styles_77 = require("./toggle-button/styles");
-Object.defineProperty(exports, "toggleButtonDark", { enumerable: true, get: function () { return styles_77.toggleButtonDark; } });
-var styles_78 = require("./tooltip/styles");
-Object.defineProperty(exports, "tooltipDark", { enumerable: true, get: function () { return styles_78.tooltipDark; } });
-var styles_79 = require("./transfer/styles");
-Object.defineProperty(exports, "transferDark", { enumerable: true, get: function () { return styles_79.transferDark; } });
-var styles_80 = require("./tree-select/styles");
-Object.defineProperty(exports, "treeSelectDark", { enumerable: true, get: function () { return styles_80.treeSelectDark; } });
-var styles_81 = require("./tree/styles");
-Object.defineProperty(exports, "treeDark", { enumerable: true, get: function () { return styles_81.treeDark; } });
-Object.defineProperty(exports, "unstableTreeRtl", { enumerable: true, get: function () { return styles_81.treeRtl; } });
-var styles_82 = require("./typography/styles");
-Object.defineProperty(exports, "typographyDark", { enumerable: true, get: function () { return styles_82.typographyDark; } });
-var styles_83 = require("./upload/styles");
-Object.defineProperty(exports, "unstableUploadRtl", { enumerable: true, get: function () { return styles_83.uploadRtl; } });
-Object.defineProperty(exports, "uploadDark", { enumerable: true, get: function () { return styles_83.uploadDark; } });
-var styles_84 = require("./watermark/styles");
-Object.defineProperty(exports, "watermarkDark", { enumerable: true, get: function () { return styles_84.watermarkDark; } });
+Object.defineProperty(exports, "unstableNotificationRtl", { enumerable: true, get: function () { return styles_53.notificationRtl; } });
+var styles_54 = require("./notification/styles");
+Object.defineProperty(exports, "notificationDark", { enumerable: true, get: function () { return styles_54.notificationDark; } });
+var styles_55 = require("./page-header/styles");
+Object.defineProperty(exports, "unstablePageHeaderRtl", { enumerable: true, get: function () { return styles_55.pageHeaderRtl; } });
+var styles_56 = require("./pagination/styles");
+Object.defineProperty(exports, "paginationDark", { enumerable: true, get: function () { return styles_56.paginationDark; } });
+Object.defineProperty(exports, "unstablePaginationRtl", { enumerable: true, get: function () { return styles_56.paginationRtl; } });
+var styles_57 = require("./popconfirm/styles");
+Object.defineProperty(exports, "popconfirmDark", { enumerable: true, get: function () { return styles_57.popconfirmDark; } });
+var styles_58 = require("./popover/styles");
+Object.defineProperty(exports, "popoverDark", { enumerable: true, get: function () { return styles_58.popoverDark; } });
+var styles_59 = require("./popselect/styles");
+Object.defineProperty(exports, "popselectDark", { enumerable: true, get: function () { return styles_59.popselectDark; } });
+var styles_60 = require("./progress/styles");
+Object.defineProperty(exports, "progressDark", { enumerable: true, get: function () { return styles_60.progressDark; } });
+var styles_61 = require("./radio/styles");
+Object.defineProperty(exports, "radioDark", { enumerable: true, get: function () { return styles_61.radioDark; } });
+Object.defineProperty(exports, "unstableRadioRtl", { enumerable: true, get: function () { return styles_61.radioRtl; } });
+var styles_62 = require("./rate/styles");
+Object.defineProperty(exports, "rateDark", { enumerable: true, get: function () { return styles_62.rateDark; } });
+var styles_63 = require("./result/styles");
+Object.defineProperty(exports, "resultDark", { enumerable: true, get: function () { return styles_63.resultDark; } });
+var styles_64 = require("./select/styles");
+Object.defineProperty(exports, "selectDark", { enumerable: true, get: function () { return styles_64.selectDark; } });
+var styles_65 = require("./slider/styles");
+Object.defineProperty(exports, "sliderDark", { enumerable: true, get: function () { return styles_65.sliderDark; } });
+var styles_66 = require("./space/styles");
+Object.defineProperty(exports, "spaceDark", { enumerable: true, get: function () { return styles_66.spaceDark; } });
+Object.defineProperty(exports, "unstableSpaceRtl", { enumerable: true, get: function () { return styles_66.spaceRtl; } });
+var styles_67 = require("./spin/styles");
+Object.defineProperty(exports, "spinDark", { enumerable: true, get: function () { return styles_67.spinDark; } });
+var styles_68 = require("./statistic/styles");
+Object.defineProperty(exports, "statisticDark", { enumerable: true, get: function () { return styles_68.statisticDark; } });
+Object.defineProperty(exports, "unstableStatisticRtl", { enumerable: true, get: function () { return styles_68.statisticRtl; } });
+var styles_69 = require("./status/styles");
+Object.defineProperty(exports, "statusDark", { enumerable: true, get: function () { return styles_69.statusDark; } });
+var styles_70 = require("./steps/styles");
+Object.defineProperty(exports, "stepsDark", { enumerable: true, get: function () { return styles_70.stepsDark; } });
+Object.defineProperty(exports, "unstableStepsRtl", { enumerable: true, get: function () { return styles_70.stepsRtl; } });
+var styles_71 = require("./switch/styles");
+Object.defineProperty(exports, "switchDark", { enumerable: true, get: function () { return styles_71.switchDark; } });
+var styles_72 = require("./table/styles");
+Object.defineProperty(exports, "tableDark", { enumerable: true, get: function () { return styles_72.tableDark; } });
+Object.defineProperty(exports, "unstableTableRtl", { enumerable: true, get: function () { return styles_72.tableRtl; } });
+var styles_73 = require("./tabs/styles");
+Object.defineProperty(exports, "tabsDark", { enumerable: true, get: function () { return styles_73.tabsDark; } });
+var styles_74 = require("./tag/styles");
+Object.defineProperty(exports, "tagDark", { enumerable: true, get: function () { return styles_74.tagDark; } });
+Object.defineProperty(exports, "unstableTagRtl", { enumerable: true, get: function () { return styles_74.tagRtl; } });
+var styles_75 = require("./thing/styles");
+Object.defineProperty(exports, "thingDark", { enumerable: true, get: function () { return styles_75.thingDark; } });
+Object.defineProperty(exports, "unstableThingRtl", { enumerable: true, get: function () { return styles_75.thingRtl; } });
+var styles_76 = require("./time-picker/styles");
+Object.defineProperty(exports, "timePickerDark", { enumerable: true, get: function () { return styles_76.timePickerDark; } });
+var styles_77 = require("./timeline/styles");
+Object.defineProperty(exports, "timelineDark", { enumerable: true, get: function () { return styles_77.timelineDark; } });
+var styles_78 = require("./toggle-button/styles");
+Object.defineProperty(exports, "toggleButtonDark", { enumerable: true, get: function () { return styles_78.toggleButtonDark; } });
+var styles_79 = require("./tooltip/styles");
+Object.defineProperty(exports, "tooltipDark", { enumerable: true, get: function () { return styles_79.tooltipDark; } });
+var styles_80 = require("./transfer/styles");
+Object.defineProperty(exports, "transferDark", { enumerable: true, get: function () { return styles_80.transferDark; } });
+var styles_81 = require("./tree-select/styles");
+Object.defineProperty(exports, "treeSelectDark", { enumerable: true, get: function () { return styles_81.treeSelectDark; } });
+var styles_82 = require("./tree/styles");
+Object.defineProperty(exports, "treeDark", { enumerable: true, get: function () { return styles_82.treeDark; } });
+Object.defineProperty(exports, "unstableTreeRtl", { enumerable: true, get: function () { return styles_82.treeRtl; } });
+var styles_83 = require("./typography/styles");
+Object.defineProperty(exports, "typographyDark", { enumerable: true, get: function () { return styles_83.typographyDark; } });
+var styles_84 = require("./upload/styles");
+Object.defineProperty(exports, "unstableUploadRtl", { enumerable: true, get: function () { return styles_84.uploadRtl; } });
+Object.defineProperty(exports, "uploadDark", { enumerable: true, get: function () { return styles_84.uploadDark; } });
+var styles_85 = require("./watermark/styles");
+Object.defineProperty(exports, "watermarkDark", { enumerable: true, get: function () { return styles_85.watermarkDark; } });