ioloco-ui - npm Package Compare versions

Comparing version 0.2.71 to 0.3.71

dist/Components/Button/index.d.ts

 import React from 'react';
 import type { StyleXStyles } from '@stylexjs/stylex';
-import type { ReactNode } from 'react';
 type IStyles = StyleXStyles<{
@@ -27,3 +26,3 @@ position?: 'absolute' | 'relative';
     text?: string | undefined;
-    icon?: ReactNode;
+    icon?: JSX.Element;
     onClick?: (() => void) | ((event: any) => void) | ((event: any) => Promise<void>);
@@ -33,5 +32,6 @@ linkComponent?: React.ElementType;
     formMethod?: string;
+    ariaLabel?: string;
     style?: IStyles;
 }
-declare const Button: ({ variant, color, size, type, text, icon, formMethod, onClick, linkComponent: LinkComponent, href, style }: IButton) => import("react/jsx-runtime").JSX.Element;
+declare const Button: ({ variant, color, size, type, text, icon, formMethod, onClick, linkComponent: LinkComponent, href, ariaLabel, style }: IButton) => import("react/jsx-runtime").JSX.Element;
 export default Button;

dist/Components/FormComponents/DatePicker/DatePickerModal.d.ts

@@ -0,1 +1,2 @@
+import type { ElementType } from 'react';
 interface IDatePickerModal {
@@ -8,4 +9,6 @@ selectedDate: Date;
     size: 'small' | 'medium' | 'large';
+    PreviousMonthIcon?: ElementType;
+    NextMonthIcon?: ElementType;
 }
-declare const DatePickerModal: ({ selectedDate, onDateSelect, onMonthChange, show, onClose, size }: IDatePickerModal) => import("react/jsx-runtime").JSX.Element;
+declare const DatePickerModal: ({ selectedDate, onDateSelect, onMonthChange, show, onClose, size, PreviousMonthIcon, NextMonthIcon }: IDatePickerModal) => import("react/jsx-runtime").JSX.Element;
 export default DatePickerModal;

dist/Components/FormComponents/DatePicker/index.d.ts

@@ -5,4 +5,6 @@ import type { ElementType } from 'react';
     size: 'small' | 'medium' | 'large';
+    PreviousMonthIcon?: ElementType;
+    NextMonthIcon?: ElementType;
 }
-declare const DatePicker: ({ size, Icon }: IDatePicker) => import("react/jsx-runtime").JSX.Element;
+declare const DatePicker: ({ size, Icon, PreviousMonthIcon, NextMonthIcon }: IDatePicker) => import("react/jsx-runtime").JSX.Element;
 export default DatePicker;

dist/Components/FormComponents/DateTimePicker/DateTimePickerModal.d.ts

@@ -0,1 +1,2 @@
+import type { ElementType } from 'react';
 interface IDateTimePickerModal {
@@ -9,4 +10,6 @@ selectedDate: Date;
     size: 'small' | 'medium' | 'large';
+    PreviousMonthIcon?: ElementType;
+    NextMonthIcon?: ElementType;
 }
-declare const DateTimePickerModal: ({ selectedDate, onDateSelect, onMonthChange, handleTimeChange, show, onClose, size }: IDateTimePickerModal) => import("react/jsx-runtime").JSX.Element;
+declare const DateTimePickerModal: ({ selectedDate, onDateSelect, onMonthChange, handleTimeChange, show, onClose, size, PreviousMonthIcon, NextMonthIcon }: IDateTimePickerModal) => import("react/jsx-runtime").JSX.Element;
 export default DateTimePickerModal;

dist/Components/FormComponents/DateTimePicker/index.d.ts

@@ -5,4 +5,6 @@ import type { ElementType } from 'react';
     size: 'small' | 'medium' | 'large';
+    PreviousMonthIcon?: ElementType;
+    NextMonthIcon?: ElementType;
 }
-declare const DateTimePicker: ({ size, Icon }: IDateTimePicker) => import("react/jsx-runtime").JSX.Element;
+declare const DateTimePicker: ({ size, Icon, PreviousMonthIcon, NextMonthIcon }: IDateTimePicker) => import("react/jsx-runtime").JSX.Element;
 export default DateTimePicker;

dist/index.d.ts

@@ -1,14 +0,14 @@
-export * as Paper from './Components/Paper';
-export * as Button from './Components/Button';
-export * as BlocSection from './Components/BlocSection';
-export * as Drawer from './Components/Drawer';
-export * as Accordion from './Components/Accordion';
-export * as Menu from './Components/Menu';
-export * as Multistep from './Components/FormComponents/Multistep';
-export * as FormInput from './Components/FormComponents/FormInput';
-export * as DataList from './Components/FormComponents/DataList';
-export * as CheckBox from './Components/FormComponents/CheckBox';
-export * as ToggleSwitch from './Components/FormComponents/ToggleSwitch';
-export * as Select from './Components/FormComponents/Select';
-export * as DatePicker from './Components/FormComponents/DatePicker';
-export * as DateTimePicker from './Components/FormComponents/DateTimePicker';
+export { default as Paper } from './Components/Paper';
+export { default as Button } from './Components/Button';
+export { default as BlocSection } from './Components/BlocSection';
+export { default as Drawer } from './Components/Drawer';
+export { default as Accordion } from './Components/Accordion';
+export { default as Menu } from './Components/Menu';
+export { default as Multistep } from './Components/FormComponents/Multistep';
+export { default as FormInput } from './Components/FormComponents/FormInput';
+export { default as DataList } from './Components/FormComponents/DataList';
+export { default as CheckBox } from './Components/FormComponents/CheckBox';
+export { default as ToggleSwitch } from './Components/FormComponents/ToggleSwitch';
+export { default as Select } from './Components/FormComponents/Select';
+export { default as DatePicker } from './Components/FormComponents/DatePicker';
+export { default as DateTimePicker } from './Components/FormComponents/DateTimePicker';

package.json

 {
   "name": "ioloco-ui",
-  "version": "0.2.71",
+  "version": "0.3.71",
   "description": "Stylex UI components for React",
@@ -10,4 +10,4 @@ "author": {
   "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
+  "module": "dist/index.js",
+  "types": "dist/types/index.d.ts",
   "files": [
@@ -29,49 +29,53 @@ "dist"
   "devDependencies": {
-    "@babel/core": "^7.23.9",
-    "@babel/preset-env": "^7.24.6",
-    "@babel/preset-react": "^7.24.6",
-    "@babel/preset-typescript": "^7.23.3",
-    "@chromatic-com/storybook": "^1.5.0",
+    "@babel/core": "^7.26.0",
+    "@babel/plugin-transform-runtime": "^7.25.9",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.25.9",
+    "@babel/preset-typescript": "^7.26.0",
+    "@babel/runtime": "^7.26.0",
+    "@chromatic-com/storybook": "^1.9.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@storybook/addon-a11y": "^8.1.5",
-    "@storybook/addon-essentials": "^8.1.5",
-    "@storybook/addon-interactions": "^8.1.5",
-    "@storybook/addon-links": "^8.1.5",
-    "@storybook/addon-mdx-gfm": "^8.1.5",
-    "@storybook/addon-onboarding": "^8.1.5",
+    "@storybook/addon-a11y": "^8.4.2",
+    "@storybook/addon-essentials": "^8.4.2",
+    "@storybook/addon-interactions": "^8.4.2",
+    "@storybook/addon-links": "^8.4.2",
+    "@storybook/addon-mdx-gfm": "^8.4.2",
+    "@storybook/addon-onboarding": "^8.4.2",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/blocks": "^8.1.5",
-    "@storybook/nextjs": "^8.1.5",
-    "@storybook/react": "^8.1.5",
-    "@storybook/react-webpack5": "^8.1.5",
-    "@storybook/test": "^8.1.5",
+    "@storybook/blocks": "^8.4.2",
+    "@storybook/nextjs": "^8.4.2",
+    "@storybook/react": "^8.4.2",
+    "@storybook/react-webpack5": "^8.4.2",
+    "@storybook/test": "^8.4.2",
     "@storybook/test-runner": "^0.18.2",
-    "@stylexjs/rollup-plugin": "^0.6.1",
-    "@stylexjs/webpack-plugin": "^0.6.1",
-    "@types/node": "^20.11.16",
-    "@types/react": "^18.2.52",
-    "@types/react-dom": "^18.2.18",
-    "babel-loader": "^9.1.3",
+    "@stylexjs/rollup-plugin": "^0.9.3",
+    "@stylexjs/webpack-plugin": "^0.9.3",
+    "@types/node": "^20.17.6",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "babel-loader": "^9.2.1",
     "file-loader": "^6.2.0",
+    "lucide-react": "^0.383.0",
     "minireset.css": "^0.0.7",
-    "next": "^14.1.0",
-    "postcss": "^8.4.32",
-    "prettier": "^3.2.4",
+    "next": "^14.2.17",
+    "postcss": "^8.4.47",
+    "prettier": "^3.3.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-icons": "^5.0.1",
-    "rollup": "^4.9.6",
+    "react-icons": "^5.3.0",
+    "rollup": "^4.24.4",
     "rollup-plugin-filesize": "^10.0.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "storybook": "^8.1.5",
-    "storybook-dark-mode": "^4.0.1",
-    "typescript": "^5.3.3",
-    "webpack": "^5.90.1"
+    "storybook": "^8.4.2",
+    "storybook-dark-mode": "^4.0.2",
+    "typescript": "^5.6.3",
+    "webpack": "^5.96.1"
   },
   "scripts": {
-    "build": "rollup -c",
+    "clean": "rm -rf dist .build",
+    "build": "npm run clean && rollup -c",
     "storybook": "storybook dev -p 6006",
@@ -82,10 +86,12 @@ "build-storybook": "storybook build",
   "dependencies": {
-    "@stylexjs/babel-plugin": "^0.6.1",
-    "@stylexjs/open-props": "^0.6.1",
-    "@stylexjs/stylex": "^0.6.1"
+    "@stylexjs/babel-plugin": "^0.9.3",
+    "@stylexjs/open-props": "^0.9.3",
+    "@stylexjs/stylex": "^0.9.3"
   },
   "peerDependencies": {
-    "@stylexjs/babel-plugin": "^0.6.1",
-    "@stylexjs/open-props": "^0.6.1",
-    "@stylexjs/stylex": "^0.6.1"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "@stylexjs/babel-plugin": "^0.9.3",
+    "@stylexjs/open-props": "^0.9.3",
+    "@stylexjs/stylex": "^0.9.3"
   },
@@ -92,0 +98,0 @@ "resolutions": {

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

112404

increased by23.89%

Number of package files

54

increased by107.69%

Lines of code

1608

increased by85.25%

Worsened metrics

Dependency count

8

increased by33.33%

Dev dependency count

47

increased by6.82%

Published versions last months

8

decreased by-27.27%

Published versions last week

0

decreased by-100%

Published versions last year

111

decreased by-0.89%

Dependency changes

• + Added@stylexjs/babel-plugin@0.9.3(transitive)

• + Added@stylexjs/open-props@0.9.3(transitive)

• + Added@stylexjs/shared@0.9.3(transitive)

• + Added@stylexjs/stylex@0.9.3(transitive)

• + Addedesm-resolve@1.0.11(transitive)

• + Addedreact@18.3.1(transitive)

• + Addedreact-dom@18.3.1(transitive)

• + Addedscheduler@0.23.2(transitive)

• - Removed@stylexjs/babel-plugin@0.6.1(transitive)

• - Removed@stylexjs/open-props@0.6.1(transitive)

• - Removed@stylexjs/shared@0.6.1(transitive)

• - Removed@stylexjs/stylex@0.6.1(transitive)

• Updated@stylexjs/babel-plugin@^0.9.3

• Updated@stylexjs/open-props@^0.9.3

• Updated@stylexjs/stylex@^0.9.3