@uxf/ui - npm Package Compare versions

Comparing version 10.4.0 to 10.5.0

create-component-preview-page/ui-components.d.ts

@@ -30,2 +30,3 @@ import * as AvatarFileInputStories from "@uxf/ui/avatar-file-input/avatar-file-input.stories";
 import * as LoaderStories from "@uxf/ui/loader/loader.stories";
+import * as MessageStories from "@uxf/ui/message/message.stories";
 import * as ModalStories from "@uxf/ui/modal/modal.stories";
@@ -171,2 +172,6 @@ import * as MultiComboboxStories from "@uxf/ui/multi-combobox/multi-combobox.stories";
     };
+    readonly message: {
+        readonly title: "Message";
+        readonly stories: typeof MessageStories;
+    };
     readonly modal: {
@@ -173,0 +178,0 @@ readonly title: "Modal";

create-component-preview-page/ui-components.js

@@ -56,2 +56,3 @@ "use strict";
 const LoaderStories = __importStar(require("@uxf/ui/loader/loader.stories"));
+const MessageStories = __importStar(require("@uxf/ui/message/message.stories"));
 const ModalStories = __importStar(require("@uxf/ui/modal/modal.stories"));
@@ -197,2 +198,6 @@ const MultiComboboxStories = __importStar(require("@uxf/ui/multi-combobox/multi-combobox.stories"));
     },
+    message: {
+        title: "Message",
+        stories: MessageStories,
+    },
     modal: {
@@ -199,0 +204,0 @@ title: "Modal",

create-component-preview-page/ui-readmes.js

@@ -37,20 +37,21 @@ "use strict";
 const README_md_30 = __importDefault(require("@uxf/ui/loader/README.md"));
-const README_md_31 = __importDefault(require("@uxf/ui/modal/README.md"));
-const README_md_32 = __importDefault(require("@uxf/ui/multi-combobox/README.md"));
-const README_md_33 = __importDefault(require("@uxf/ui/multi-select/README.md"));
-const README_md_34 = __importDefault(require("@uxf/ui/pagination/README.md"));
-const README_md_35 = __importDefault(require("@uxf/ui/paper/README.md"));
-const README_md_36 = __importDefault(require("@uxf/ui/radio-group/README.md"));
-const README_md_37 = __importDefault(require("@uxf/ui/radio/README.md"));
-const README_md_38 = __importDefault(require("@uxf/ui/raster-image/README.md"));
-const README_md_39 = __importDefault(require("@uxf/ui/select/README.md"));
-const README_md_40 = __importDefault(require("@uxf/ui/tabs/README.md"));
-const README_md_41 = __importDefault(require("@uxf/ui/text-input/README.md"));
-const README_md_42 = __importDefault(require("@uxf/ui/text-link/README.md"));
-const README_md_43 = __importDefault(require("@uxf/ui/textarea/README.md"));
-const README_md_44 = __importDefault(require("@uxf/ui/time-picker-input/README.md"));
-const README_md_45 = __importDefault(require("@uxf/ui/time-picker/README.md"));
-const README_md_46 = __importDefault(require("@uxf/ui/toggle/README.md"));
-const README_md_47 = __importDefault(require("@uxf/ui/tooltip/README.md"));
-const README_md_48 = __importDefault(require("@uxf/ui/typography/README.md"));
+const README_md_31 = __importDefault(require("@uxf/ui/message/README.md"));
+const README_md_32 = __importDefault(require("@uxf/ui/modal/README.md"));
+const README_md_33 = __importDefault(require("@uxf/ui/multi-combobox/README.md"));
+const README_md_34 = __importDefault(require("@uxf/ui/multi-select/README.md"));
+const README_md_35 = __importDefault(require("@uxf/ui/pagination/README.md"));
+const README_md_36 = __importDefault(require("@uxf/ui/paper/README.md"));
+const README_md_37 = __importDefault(require("@uxf/ui/radio-group/README.md"));
+const README_md_38 = __importDefault(require("@uxf/ui/radio/README.md"));
+const README_md_39 = __importDefault(require("@uxf/ui/raster-image/README.md"));
+const README_md_40 = __importDefault(require("@uxf/ui/select/README.md"));
+const README_md_41 = __importDefault(require("@uxf/ui/tabs/README.md"));
+const README_md_42 = __importDefault(require("@uxf/ui/text-input/README.md"));
+const README_md_43 = __importDefault(require("@uxf/ui/text-link/README.md"));
+const README_md_44 = __importDefault(require("@uxf/ui/textarea/README.md"));
+const README_md_45 = __importDefault(require("@uxf/ui/time-picker-input/README.md"));
+const README_md_46 = __importDefault(require("@uxf/ui/time-picker/README.md"));
+const README_md_47 = __importDefault(require("@uxf/ui/toggle/README.md"));
+const README_md_48 = __importDefault(require("@uxf/ui/tooltip/README.md"));
+const README_md_49 = __importDefault(require("@uxf/ui/typography/README.md"));
 exports.uiReadmes = {
@@ -87,20 +88,21 @@ avatar: README_md_2.default,
     loader: README_md_30.default,
-    modal: README_md_31.default,
-    "multi-combobox": README_md_32.default,
-    "multi-select": README_md_33.default,
-    pagination: README_md_34.default,
-    paper: README_md_35.default,
-    radio: README_md_37.default,
-    "radio-group": README_md_36.default,
-    "raster-image": README_md_38.default,
-    select: README_md_39.default,
-    tabs: README_md_40.default,
-    "text-input": README_md_41.default,
-    "text-link": README_md_42.default,
-    textarea: README_md_43.default,
-    "time-picker": README_md_45.default,
-    "time-picker-input": README_md_44.default,
-    toggle: README_md_46.default,
-    tooltip: README_md_47.default,
-    typography: README_md_48.default,
+    message: README_md_31.default,
+    modal: README_md_32.default,
+    "multi-combobox": README_md_33.default,
+    "multi-select": README_md_34.default,
+    pagination: README_md_35.default,
+    paper: README_md_36.default,
+    radio: README_md_38.default,
+    "radio-group": README_md_37.default,
+    "raster-image": README_md_39.default,
+    select: README_md_40.default,
+    tabs: README_md_41.default,
+    "text-input": README_md_42.default,
+    "text-link": README_md_43.default,
+    textarea: README_md_44.default,
+    "time-picker": README_md_46.default,
+    "time-picker-input": README_md_45.default,
+    toggle: README_md_47.default,
+    tooltip: README_md_48.default,
+    typography: README_md_49.default,
 };

message/README.md

@@ -1,1 +0,25 @@
-# Message
+# Message
+
+## CSS dependencies
+
+```css
+@import url("@uxf/ui/message/message.css");
+@import url("@uxf/ui/dialog/dialog.css");
+@import url("@uxf/ui/button/button.css");
+```
+
+## Implementation
+
+```tsx
+import {AppProps} from "next/app";
+import {getMessageRef, Message} from "@uxf/ui/message";
+
+function App(props: AppProps) {
+    return (
+        <UiContextProvider value={...}>
+            {props.children}
+            <Message ref={getMessageRef()}/>
+        </UiContextProvider>
+    );
+}
+```

package.json

 {
   "name": "@uxf/ui",
-  "version": "10.4.0",
+  "version": "10.5.0",
   "description": "",
@@ -5,0 +5,0 @@ "publishConfig": {

tabs/tabs.d.ts

@@ -10,2 +10,3 @@ import React, { CSSProperties, ReactNode } from "react";
     className?: string;
+    customTabListContent?: ReactNode;
     defaultIndex?: number;
@@ -12,0 +13,0 @@ grow?: boolean;

tabs/tabs.js

@@ -65,3 +65,4 @@ "use strict";
                     return (0, cx_1.cx)("uxf-tabs__tab", selected && classes_1.CLASSES.IS_ACTIVE, tab.disabled && classes_1.CLASSES.IS_DISABLED, `uxf-tabs__tab--${(_a = props.variant) !== null && _a !== void 0 ? _a : "default"}`);
-                }, key: `${tab.title}--${index}` }, tab.title))))),
+                }, key: `${tab.title}--${index}` }, tab.title)))),
+            props.customTabListContent),
         react_2.default.createElement(react_1.Tab.Panels, { className: "uxf-tabs__panels" }, tabPanels.map((tab, index) => (react_2.default.createElement(react_1.Tab.Panel, { className: "outline-none", key: `${tab}--${index}` }, tab))))));
@@ -68,0 +69,0 @@ });

No alert changes

Improved metrics

Total package byte prevSize

776238

increased by0.13%

Lines of code

16460

increased by0.09%

No dependency changes