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

Comparing version 9.1.8 to 9.2.1

lib/accordion/Accordion.d.ts

 /// <reference types="react" />
 import type AccordionProps from './private/types/AccordionProps';
-declare const Accordion: ({ title, openByDefault, children, disableOpen, headerContent, withButton, isContentInside, isRtl, size, }: AccordionProps) => JSX.Element;
+declare const Accordion: ({ title, openByDefault, children, disableOpen, headerContent, withButton, isContentInside, size, }: AccordionProps) => JSX.Element;
 export default Accordion;
 //# sourceMappingURL=Accordion.d.ts.map

lib/accordion/Accordion.js

@@ -32,3 +32,3 @@ "use strict";
 const setPadding_1 = __importDefault(require("./private/utils/setPadding"));
-const Accordion = ({ title, openByDefault, children, disableOpen, headerContent, withButton = true, isContentInside = true, isRtl, size = 'md', }) => {
+const Accordion = ({ title, openByDefault, children, disableOpen, headerContent, withButton = true, isContentInside = true, size = 'md', }) => {
     const [isOpen, setIsOpen] = react_1.useState(openByDefault);
@@ -45,5 +45,5 @@ function handleState() {
             withButton && (react_1.default.createElement("button", { type: "button", disabled: disableOpen, className: classnames_1.default('align-middle text-[0.5rem] leading-none no-underline text-trunks border-transparent bg-gohan', disableOpen ? 'cursor-not-allowed' : 'cursor-pointer') },
-                react_1.default.createElement(moon_icons_tw_1.ControlsChevronRight, { className: classnames_1.default('text-trunks text-moon-24 transition-transform transition-200', setOpenIcon_1.default({ isOpen, isRtl })) })))),
+                react_1.default.createElement(moon_icons_tw_1.ControlsChevronRight, { className: classnames_1.default('text-trunks text-moon-24 transition-transform transition-200', setOpenIcon_1.default(isOpen)) })))),
         react_1.default.createElement("div", { className: classnames_1.default('overflow-hidden w-full text-bulma', isOpen ? 'h-full' : 'h-0', isOpen && setMargin_1.default(size)) }, children)));
 };
 exports.default = Accordion;

lib/accordion/private/types/AccordionProps.d.ts

@@ -12,5 +12,4 @@ /// <reference types="react" />
     isContentInside?: boolean;
-    isRtl?: boolean;
 };
 export default AccordionProps;
 //# sourceMappingURL=AccordionProps.d.ts.map

lib/accordion/private/utils/setOpenIcon.d.ts

@@ -1,7 +0,3 @@
-declare type Props = {
-    isOpen?: boolean;
-    isRtl?: boolean;
-};
-declare const setOpenIcon: ({ isOpen, isRtl }: Props) => false | "rotate-90" | "rotate-180" | undefined;
+declare const setOpenIcon: (isOpen?: boolean | undefined) => "rotate-90" | "rtl:rotate-180";
 export default setOpenIcon;
 //# sourceMappingURL=setOpenIcon.d.ts.map

lib/accordion/private/utils/setOpenIcon.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const setOpenIcon = ({ isOpen, isRtl }) => {
-    if (isRtl) {
-        return isOpen ? 'rotate-90' : 'rotate-180';
-    }
-    return isOpen && 'rotate-90';
+const setOpenIcon = (isOpen) => {
+    return isOpen ? 'rotate-90' : 'rtl:rotate-180';
 };
 exports.default = setOpenIcon;

lib/avatar/styles/Status.js

@@ -10,4 +10,8 @@ "use strict";
 const Status = ({ size, statusOrigin }) => {
-    return (react_1.default.createElement("div", { className: classnames_1.default('absolute border-solid border-beerus rounded-full bg-roshi', statusOrigin && statusOrigin.vertical === 'top' && 'top-0', statusOrigin && statusOrigin.vertical === 'bottom' && 'bottom-0', statusOrigin && statusOrigin.horizontal === 'left' && 'left-0', statusOrigin && statusOrigin.horizontal === 'right' && 'right-0', setStatusSize_1.default(size)) }));
+    return (react_1.default.createElement("div", { className: classnames_1.default('absolute border-solid border-beerus rounded-full bg-roshi', statusOrigin && statusOrigin.vertical === 'top' && 'top-0', statusOrigin && statusOrigin.vertical === 'bottom' && 'bottom-0', statusOrigin &&
+            statusOrigin.horizontal === 'left' &&
+            'ltr:left-0 rtl:right-0', statusOrigin &&
+            statusOrigin.horizontal === 'right' &&
+            'ltr:right-0 rtl:left-0', setStatusSize_1.default(size)) }));
 };
 exports.default = Status;

lib/breadcrumb/private/Collapsed.js

@@ -59,3 +59,3 @@ "use strict";
                 react_1.default.createElement("span", { className: "text-trunks transition-colors duration-200 hover:text-bulma" }, collapseBreadcrumbs && collapseBreadcrumbs[0]),
-                react_1.default.createElement(moon_icons_tw_1.ArrowsRight, null)),
+                react_1.default.createElement(moon_icons_tw_1.ArrowsRight, { className: "rtl:rotate-180" })),
             (restBreadcrumbs === null || restBreadcrumbs === void 0 ? void 0 : restBreadcrumbs.length) !== 0 && (react_1.default.createElement("li", { key: 'crumb' + 1, ref: ref, className: "relative" },
@@ -62,0 +62,0 @@ react_1.default.createElement(Button_1.default, { variant: "ghost", iconOnly: true, onClick: clickHandle },

lib/breadcrumb/private/Extended.js

@@ -12,4 +12,4 @@ "use strict";
         breadcrumbs.map((crumb, index) => (react_1.default.createElement("li", { key: 'crumb' + index, className: "flex items-center gap-2 text-trunks" },
-            index !== 0 && react_1.default.createElement(moon_icons_tw_1.ArrowsRight, null),
+            index !== 0 && react_1.default.createElement(moon_icons_tw_1.ArrowsRight, { className: "rtl:rotate-180" }),
             react_1.default.createElement("span", { className: classnames_1.default('text-trunks transition-colors duration-200 hover:text-bulma', index === breadcrumbs.length - 1 && 'text-bulma font-medium') }, crumb && crumb)))))));
 exports.default = Extended;

lib/es/accordion/Accordion.d.ts

 /// <reference types="react" />
 import type AccordionProps from './private/types/AccordionProps';
-declare const Accordion: ({ title, openByDefault, children, disableOpen, headerContent, withButton, isContentInside, isRtl, size, }: AccordionProps) => JSX.Element;
+declare const Accordion: ({ title, openByDefault, children, disableOpen, headerContent, withButton, isContentInside, size, }: AccordionProps) => JSX.Element;
 export default Accordion;
 //# sourceMappingURL=Accordion.d.ts.map

lib/es/accordion/Accordion.js

@@ -8,3 +8,3 @@ import React, { useState } from 'react';
 import setPadding from './private/utils/setPadding';
-const Accordion = ({ title, openByDefault, children, disableOpen, headerContent, withButton = true, isContentInside = true, isRtl, size = 'md', }) => {
+const Accordion = ({ title, openByDefault, children, disableOpen, headerContent, withButton = true, isContentInside = true, size = 'md', }) => {
     const [isOpen, setIsOpen] = useState(openByDefault);
@@ -21,5 +21,5 @@ function handleState() {
             withButton && (React.createElement("button", { type: "button", disabled: disableOpen, className: classNames('align-middle text-[0.5rem] leading-none no-underline text-trunks border-transparent bg-gohan', disableOpen ? 'cursor-not-allowed' : 'cursor-pointer') },
-                React.createElement(ControlsChevronRight, { className: classNames('text-trunks text-moon-24 transition-transform transition-200', setOpenIcon({ isOpen, isRtl })) })))),
+                React.createElement(ControlsChevronRight, { className: classNames('text-trunks text-moon-24 transition-transform transition-200', setOpenIcon(isOpen)) })))),
         React.createElement("div", { className: classNames('overflow-hidden w-full text-bulma', isOpen ? 'h-full' : 'h-0', isOpen && setMargin(size)) }, children)));
 };
 export default Accordion;

lib/es/accordion/private/types/AccordionProps.d.ts

@@ -12,5 +12,4 @@ /// <reference types="react" />
     isContentInside?: boolean;
-    isRtl?: boolean;
 };
 export default AccordionProps;
 //# sourceMappingURL=AccordionProps.d.ts.map

lib/es/accordion/private/utils/setOpenIcon.d.ts

@@ -1,7 +0,3 @@
-declare type Props = {
-    isOpen?: boolean;
-    isRtl?: boolean;
-};
-declare const setOpenIcon: ({ isOpen, isRtl }: Props) => false | "rotate-90" | "rotate-180" | undefined;
+declare const setOpenIcon: (isOpen?: boolean | undefined) => "rotate-90" | "rtl:rotate-180";
 export default setOpenIcon;
 //# sourceMappingURL=setOpenIcon.d.ts.map

lib/es/accordion/private/utils/setOpenIcon.js

@@ -1,7 +0,4 @@
-const setOpenIcon = ({ isOpen, isRtl }) => {
-    if (isRtl) {
-        return isOpen ? 'rotate-90' : 'rotate-180';
-    }
-    return isOpen && 'rotate-90';
+const setOpenIcon = (isOpen) => {
+    return isOpen ? 'rotate-90' : 'rtl:rotate-180';
 };
 export default setOpenIcon;

lib/es/avatar/styles/Status.js

@@ -5,4 +5,8 @@ import React from 'react';
 const Status = ({ size, statusOrigin }) => {
-    return (React.createElement("div", { className: classNames('absolute border-solid border-beerus rounded-full bg-roshi', statusOrigin && statusOrigin.vertical === 'top' && 'top-0', statusOrigin && statusOrigin.vertical === 'bottom' && 'bottom-0', statusOrigin && statusOrigin.horizontal === 'left' && 'left-0', statusOrigin && statusOrigin.horizontal === 'right' && 'right-0', setStatusSize(size)) }));
+    return (React.createElement("div", { className: classNames('absolute border-solid border-beerus rounded-full bg-roshi', statusOrigin && statusOrigin.vertical === 'top' && 'top-0', statusOrigin && statusOrigin.vertical === 'bottom' && 'bottom-0', statusOrigin &&
+            statusOrigin.horizontal === 'left' &&
+            'ltr:left-0 rtl:right-0', statusOrigin &&
+            statusOrigin.horizontal === 'right' &&
+            'ltr:right-0 rtl:left-0', setStatusSize(size)) }));
 };
 export default Status;

lib/es/breadcrumb/private/Collapsed.js

@@ -35,3 +35,3 @@ import React, { useState } from 'react';
                 React.createElement("span", { className: "text-trunks transition-colors duration-200 hover:text-bulma" }, collapseBreadcrumbs && collapseBreadcrumbs[0]),
-                React.createElement(ArrowsRight, null)),
+                React.createElement(ArrowsRight, { className: "rtl:rotate-180" })),
             (restBreadcrumbs === null || restBreadcrumbs === void 0 ? void 0 : restBreadcrumbs.length) !== 0 && (React.createElement("li", { key: 'crumb' + 1, ref: ref, className: "relative" },
@@ -38,0 +38,0 @@ React.createElement(Button, { variant: "ghost", iconOnly: true, onClick: clickHandle },

lib/es/breadcrumb/private/Extended.js

@@ -7,4 +7,4 @@ import React from 'react';
         breadcrumbs.map((crumb, index) => (React.createElement("li", { key: 'crumb' + index, className: "flex items-center gap-2 text-trunks" },
-            index !== 0 && React.createElement(ArrowsRight, null),
+            index !== 0 && React.createElement(ArrowsRight, { className: "rtl:rotate-180" }),
             React.createElement("span", { className: classNames('text-trunks transition-colors duration-200 hover:text-bulma', index === breadcrumbs.length - 1 && 'text-bulma font-medium') }, crumb && crumb)))))));
 export default Extended;

lib/es/index.d.ts

@@ -24,4 +24,2 @@ /**
 export * from './loader/Loader';
-export { default as Pagination } from './pagination/Pagination';
-export * from './pagination/Pagination';
 export { default as RadioButton } from './radioButton/RadioButton';
@@ -28,0 +26,0 @@ export * from './radioButton/RadioButton';

lib/es/index.js

@@ -24,4 +24,2 @@ /**
 export * from './loader/Loader';
-export { default as Pagination } from './pagination/Pagination';
-export * from './pagination/Pagination';
 export { default as RadioButton } from './radioButton/RadioButton';
@@ -28,0 +26,0 @@ export * from './radioButton/RadioButton';

lib/es/radioButton/RadioButton.d.ts

 import React from 'react';
-export declare type RadioButtonProps = React.InputHTMLAttributes<HTMLInputElement> & {
-    disabled?: boolean;
-    ariaLabel?: string;
-    label?: JSX.Element | string;
-    id?: string;
-    checked?: boolean;
-    onClick?: (event?: React.MouseEvent<HTMLInputElement>) => void;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-};
 declare const RadioButton: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
@@ -12,0 +3,0 @@ disabled?: boolean | undefined;

lib/index.d.ts

@@ -24,4 +24,2 @@ /**
 export * from './loader/Loader';
-export { default as Pagination } from './pagination/Pagination';
-export * from './pagination/Pagination';
 export { default as RadioButton } from './radioButton/RadioButton';
@@ -28,0 +26,0 @@ export * from './radioButton/RadioButton';

lib/index.js

@@ -19,3 +19,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextInputGroup = exports.TextInput = exports.RadioButton = exports.Pagination = exports.Loader = exports.setSpacing = exports.setFontSize = exports.Label = exports.Chip = exports.Checkbox = exports.Button = exports.Breadcrumb = exports.Avatar = exports.Accordion = void 0;
+exports.TextInputGroup = exports.TextInput = exports.RadioButton = exports.Loader = exports.setSpacing = exports.setFontSize = exports.Label = exports.Chip = exports.Checkbox = exports.Button = exports.Breadcrumb = exports.Avatar = exports.Accordion = void 0;
 var Accordion_1 = require("./accordion/Accordion");
@@ -51,5 +51,2 @@ Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return __importDefault(Accordion_1).default; } });
 __exportStar(require("./loader/Loader"), exports);
-var Pagination_1 = require("./pagination/Pagination");
-Object.defineProperty(exports, "Pagination", { enumerable: true, get: function () { return __importDefault(Pagination_1).default; } });
-__exportStar(require("./pagination/Pagination"), exports);
 var RadioButton_1 = require("./radioButton/RadioButton");
@@ -56,0 +53,0 @@ Object.defineProperty(exports, "RadioButton", { enumerable: true, get: function () { return __importDefault(RadioButton_1).default; } });

lib/radioButton/RadioButton.d.ts

 import React from 'react';
-export declare type RadioButtonProps = React.InputHTMLAttributes<HTMLInputElement> & {
-    disabled?: boolean;
-    ariaLabel?: string;
-    label?: JSX.Element | string;
-    id?: string;
-    checked?: boolean;
-    onClick?: (event?: React.MouseEvent<HTMLInputElement>) => void;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-};
 declare const RadioButton: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
@@ -12,0 +3,0 @@ disabled?: boolean | undefined;

package.json

 {
   "name": "@heathmont/moon-core-tw",
   "sideEffects": false,
-  "version": "9.1.8",
+  "version": "9.2.1",
   "files": [
@@ -15,3 +15,3 @@ "lib"
   "dependencies": {
-    "@heathmont/moon-icons-tw": "^9.1.8"
+    "@heathmont/moon-icons-tw": "^9.2.1"
   },
@@ -18,0 +18,0 @@ "peerDependencies": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

276987

decreased by-5.05%

Number of package files

470

decreased by-3.69%

Lines of code

4679

decreased by-3.72%

Dependency changes

• Updated@heathmont/moon-icons-tw@^9.2.1