@heathmont/moon-core-tw - npm Package Compare versions

Comparing version 10.11.2 to 10.12.0

lib/breadcrumb/Breadcrumb.d.ts

 import React from 'react';
 import type Props from './private/types/Props';
-declare const Breadcrumb: ({ breadcrumbs, divider }: Props) => React.JSX.Element | null;
+declare const Breadcrumb: ({ breadcrumbs, divider, collapseAfter }: Props) => React.JSX.Element | null;
 export default Breadcrumb;
 //# sourceMappingURL=Breadcrumb.d.ts.map

lib/breadcrumb/Breadcrumb.js

@@ -9,8 +9,8 @@ "use strict";
 const Extended_1 = __importDefault(require("./private/Extended"));
-const Breadcrumb = ({ breadcrumbs, divider }) => {
+const Breadcrumb = ({ breadcrumbs, divider, collapseAfter = 4 }) => {
     if (!breadcrumbs)
         return null;
-    const isCollapse = (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) > 4;
+    const isCollapse = (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) > collapseAfter;
     return isCollapse ? (react_1.default.createElement(Collapsed_1.default, { breadcrumbs: breadcrumbs, divider: divider })) : (react_1.default.createElement(Extended_1.default, { breadcrumbs: breadcrumbs, divider: divider }));
 };
 exports.default = Breadcrumb;

lib/breadcrumb/private/types/Props.d.ts

@@ -5,4 +5,5 @@ /// <reference types="react" />
     divider?: React.ReactNode;
+    collapseAfter?: number;
 };
 export default Props;
 //# sourceMappingURL=Props.d.ts.map

lib/es/breadcrumb/Breadcrumb.d.ts

 import React from 'react';
 import type Props from './private/types/Props';
-declare const Breadcrumb: ({ breadcrumbs, divider }: Props) => React.JSX.Element | null;
+declare const Breadcrumb: ({ breadcrumbs, divider, collapseAfter }: Props) => React.JSX.Element | null;
 export default Breadcrumb;
 //# sourceMappingURL=Breadcrumb.d.ts.map

lib/es/breadcrumb/Breadcrumb.js

 import React from 'react';
 import Collapsed from './private/Collapsed';
 import Extended from './private/Extended';
-const Breadcrumb = ({ breadcrumbs, divider }) => {
+const Breadcrumb = ({ breadcrumbs, divider, collapseAfter = 4 }) => {
     if (!breadcrumbs)
         return null;
-    const isCollapse = (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) > 4;
+    const isCollapse = (breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length) > collapseAfter;
     return isCollapse ? (React.createElement(Collapsed, { breadcrumbs: breadcrumbs, divider: divider })) : (React.createElement(Extended, { breadcrumbs: breadcrumbs, divider: divider }));
 };
 export default Breadcrumb;

lib/es/breadcrumb/private/types/Props.d.ts

@@ -5,4 +5,5 @@ /// <reference types="react" />
     divider?: React.ReactNode;
+    collapseAfter?: number;
 };
 export default Props;
 //# sourceMappingURL=Props.d.ts.map

lib/es/search/private/components/Input.js

@@ -18,3 +18,3 @@ var __rest = (this && this.__rest) || function (s, e) {
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    return (React.createElement("div", Object.assign({ className: mergeClassnames('flex items-center ps-3 gap-2 moon-search-input', className) }, props), children));
+    return (React.createElement("div", Object.assign({ className: mergeClassnames('flex items-center px-3 gap-2 moon-search-input', className) }, props), children));
 };
@@ -47,3 +47,3 @@ const Icon = (_a) => {
     const { onChangeSearch } = useContext(SearchContext);
-    return (React.createElement("button", Object.assign({ tabIndex: -1, type: "button", className: mergeClassnames('cursor-pointer text-trunks text-moon-14 transition absolute end-4', 'top-1/2 transform -translate-y-1/2', className), onClick: (e) => {
+    return (React.createElement("button", Object.assign({ tabIndex: -1, type: "button", className: mergeClassnames('cursor-pointer text-trunks text-moon-14 transition transform', className), onClick: (e) => {
             var _a;
@@ -50,0 +50,0 @@ onChangeSearch('');

lib/es/search/private/components/NoResults.js

@@ -20,3 +20,3 @@ var __rest = (this && this.__rest) || function (s, e) {
     return (React.createElement(ListItem, Object.assign({ index: 0, showType: false }, props),
-        React.createElement("span", { className: mergeClassnames('max-w-md truncate text-bulma', className) },
+        React.createElement("p", { className: mergeClassnames('truncate text-bulma', className) },
             label,
@@ -23,0 +23,0 @@ " ",

lib/es/textarea/Textarea.js

@@ -26,5 +26,5 @@ var __rest = (this && this.__rest) || function (s, e) {
                 : 'Textarea';
-    return (React.createElement("textarea", Object.assign({ ref: ref, disabled: rest.disabled || formItemDisabled, className: mergeClassnames('block appearance-none resize-none w-full p-4 text-moon-16 text-bulma bg-goku', 'rounded-moon-s-sm placeholder:text-trunks transition-shadow shadow-textarea', 'hover:shadow-textarea-hov focus:shadow-textarea-focus focus:outline-none', error &&
+    return (React.createElement("textarea", Object.assign({ ref: ref, disabled: rest.disabled || formItemDisabled, className: mergeClassnames('block appearance-none resize-none w-full p-4 text-moon-16 text-bulma bg-goku', 'rounded-moon-s-sm placeholder:text-trunks transition-shadow shadow-textarea', 'hover:shadow-textarea-hov focus:shadow-textarea-focus focus:outline-none', 'read-only:outline-0 read-only:border-none read-only:cursor-not-allowed', 'read-only:hover:shadow-textarea read-only:focus:shadow-textarea', 'read-only:focus-visible:shadow-textarea', error &&
             'shadow-textarea-err hover:shadow-textarea-err focus:shadow-textarea-err', rest.disabled && 'opacity-60 cursor-not-allowed', className), "aria-label": ariaLabelValue }, rest)));
 });
 export default Textarea;

lib/search/private/components/Input.js

@@ -47,3 +47,3 @@ "use strict";
     var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    return (react_1.default.createElement("div", Object.assign({ className: (0, mergeClassnames_1.default)('flex items-center ps-3 gap-2 moon-search-input', className) }, props), children));
+    return (react_1.default.createElement("div", Object.assign({ className: (0, mergeClassnames_1.default)('flex items-center px-3 gap-2 moon-search-input', className) }, props), children));
 };
@@ -76,3 +76,3 @@ const Icon = (_a) => {
     const { onChangeSearch } = (0, react_1.useContext)(context_1.SearchContext);
-    return (react_1.default.createElement("button", Object.assign({ tabIndex: -1, type: "button", className: (0, mergeClassnames_1.default)('cursor-pointer text-trunks text-moon-14 transition absolute end-4', 'top-1/2 transform -translate-y-1/2', className), onClick: (e) => {
+    return (react_1.default.createElement("button", Object.assign({ tabIndex: -1, type: "button", className: (0, mergeClassnames_1.default)('cursor-pointer text-trunks text-moon-14 transition transform', className), onClick: (e) => {
             var _a;
@@ -79,0 +79,0 @@ onChangeSearch('');

lib/search/private/components/NoResults.js

@@ -48,3 +48,3 @@ "use strict";
     return (react_1.default.createElement(ResultItem_1.default, Object.assign({ index: 0, showType: false }, props),
-        react_1.default.createElement("span", { className: (0, mergeClassnames_1.default)('max-w-md truncate text-bulma', className) },
+        react_1.default.createElement("p", { className: (0, mergeClassnames_1.default)('truncate text-bulma', className) },
             label,
@@ -51,0 +51,0 @@ " ",

lib/textarea/Textarea.js

@@ -54,5 +54,5 @@ "use strict";
                 : 'Textarea';
-    return (react_1.default.createElement("textarea", Object.assign({ ref: ref, disabled: rest.disabled || formItemDisabled, className: (0, mergeClassnames_1.default)('block appearance-none resize-none w-full p-4 text-moon-16 text-bulma bg-goku', 'rounded-moon-s-sm placeholder:text-trunks transition-shadow shadow-textarea', 'hover:shadow-textarea-hov focus:shadow-textarea-focus focus:outline-none', error &&
+    return (react_1.default.createElement("textarea", Object.assign({ ref: ref, disabled: rest.disabled || formItemDisabled, className: (0, mergeClassnames_1.default)('block appearance-none resize-none w-full p-4 text-moon-16 text-bulma bg-goku', 'rounded-moon-s-sm placeholder:text-trunks transition-shadow shadow-textarea', 'hover:shadow-textarea-hov focus:shadow-textarea-focus focus:outline-none', 'read-only:outline-0 read-only:border-none read-only:cursor-not-allowed', 'read-only:hover:shadow-textarea read-only:focus:shadow-textarea', 'read-only:focus-visible:shadow-textarea', error &&
             'shadow-textarea-err hover:shadow-textarea-err focus:shadow-textarea-err', rest.disabled && 'opacity-60 cursor-not-allowed', className), "aria-label": ariaLabelValue }, rest)));
 });
 exports.default = Textarea;

package.json

 {
   "name": "@heathmont/moon-core-tw",
   "sideEffects": false,
-  "version": "10.11.2",
+  "version": "10.12.0",
   "files": [
@@ -6,0 +6,0 @@ "lib"

No alert changes

Improved metrics

Total package byte prevSize

1189908

increased by0.04%

Lines of code

18361

increased by0.02%

No dependency changes