@mw-kit/mw-ui 1.7.119 → 1.8.1

package/dist/interfaces.d.ts

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-import { spacings } from './theme/constants';
-import { ColorOptions } from './theme/interfaces';
-declare type Element = JSX.Element | string | number | boolean | null;
-export declare type ReactNode = Element | Element[];
-export declare type GenericObject = Record<string | number | symbol, any>;
-export declare type SpacingOrZero = keyof typeof spacings | '0';
-export declare type Spacings = {
+import type { spacings } from './theme/constants';
+import type { ColorOptions } from './theme/interfaces';
+type Element = JSX.Element | string | number | boolean | null;
+export type ReactNode = Element | Element[];
+export type GenericObject = Record<string | number | symbol, any>;
+export type EmptyObject = Record<string, never>;
+export type SpacingOrZero = keyof typeof spacings | '0';
+export type Spacings = {
     top?: SpacingOrZero;
     left?: SpacingOrZero;
     bottom?: SpacingOrZero;
     right?: SpacingOrZero;
 };
-export declare type Border = {
+export type Border = {
     width?: string;
     style?: 'dashed' | 'dotted' | 'double' | 'groove' | 'hidden' | 'inherit' | 'initial' | 'inset' | 'none' | 'outset';
     color: ColorOptions | 'transparent';
 };
-export declare type Borders = Border | Partial<{
+export type Borders = Border | Partial<{
     [key in 'top' | 'left' | 'bottom' | 'right']: Border;
 }>;
 export type { ThemeInterface } from './theme/interfaces';

package/dist/theme/constants.d.ts

@@ -1,4 +1,4 @@
-import { Typographies } from './interfaces';
+import type { Typographies } from './interfaces';
 export declare const colors: {
     readonly black: "#000000";
     readonly blue: "#3455AB";

package/dist/theme/globals.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const Globals: () => JSX.Element;
+declare const Globals: () => import("react/jsx-runtime").JSX.Element;
 export default Globals;

package/dist/theme/index.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import { ThemeInterface } from './interfaces';
+import type { ThemeInterface } from './interfaces';
 export declare const theme: ThemeInterface;
 declare const ThemeProvider: (props: {
     children: JSX.Element | string | (JSX.Element | string)[];
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ThemeProvider;

package/dist/theme/interfaces.d.ts

@@ -1,22 +1,22 @@
-import { FlattenSimpleInterpolation } from 'styled-components';
-import components from '../components/theme';
-import { colors, opacities, typographies, spacings, fonts } from './constants';
-export declare type ColorOptions = keyof typeof colors;
-export declare type OpacitiyOptions = keyof typeof opacities;
-export declare type SpacingOptions = keyof typeof spacings;
-declare type FontWeight = 'normal' | 'bold' | 'bolder' | 'lighter' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+import type { RuleSet } from 'styled-components';
+import type components from '../components/theme';
+import type { colors, fonts, opacities, spacings, typographies } from './constants';
+export type ColorOptions = keyof typeof colors;
+export type OpacitiyOptions = keyof typeof opacities;
+export type SpacingOptions = keyof typeof spacings;
+type FontWeight = 'normal' | 'bold' | 'bolder' | 'lighter' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
 interface Typography {
     fontFamily: string;
     fontWeight: FontWeight;
     fontSize: string;
 }
-declare type TypographyOptions = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
-export declare type Typographies = {
+type TypographyOptions = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
+export type Typographies = {
     [key in TypographyOptions]: Typography;
 };
-export declare type useTypographyFunc = (typography: TypographyOptions, options?: {
+export type useTypographyFunc = (typography: TypographyOptions, options?: {
     fontWeight?: FontWeight;
-}) => FlattenSimpleInterpolation;
+}) => RuleSet;
 export interface ThemeInterface {
     colors: typeof colors;
     fonts: typeof fonts;

package/dist/theme/useCssVars.d.ts

@@ -1,4 +1,4 @@
-declare type Vars = {
+type Vars = {
     [key: string]: string | number | Vars;
 };
 declare const useCssVars: (vars: Vars) => string;

package/package.json

@@ -1,125 +1,112 @@
-{
-  "name": "@mw-kit/mw-ui",
-  "version": "1.7.119",
-  "description": "Made with create-react-library",
-  "author": "fmgusmao",
-  "license": "MIT",
-  "repository": "fmgusmao/mw-ui",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "source": "src/index.ts",
-  "files": [
-    "dist"
-  ],
-  "exports": {
-    ".": {
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
-    },
-    "./types": {
-      "types": "./dist/interfaces.d.ts"
-    }
-  },
-  "typesVersions": {
-    "*": {
-      "types": [
-        "./dist/interfaces.d.ts"
-      ]
-    }
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "dependencies": {
-    "semantic-ui-css": "^2.4.1",
-    "semantic-ui-react": "^2.1.4"
-  },
-  "peerDependencies": {
-    "react": "^18.1.0",
-    "react-dom": "^18.1.0",
-    "styled-components": "^5.3.11"
-  },
-  "scripts": {
-    "start": "tsup src/index.ts --watch --dts",
-    "build": "tsup src/index.ts --dts --format esm,cjs && tsc -p tsconfig.build.json",
-    "lint": "eslint {src,stories}/**/*.{js,ts,jsx,tsx}",
-    "lint:fix": "eslint {src,stories}/**/*.{js,ts,jsx,tsx} --fix",
-    "prettier:write": "prettier --write .",
-    "storybook": "start-storybook -p 6006 -s public --quiet",
-    "build-storybook": "build-storybook -s public",
-    "prepare": "semantic-ui-css-patch",
-    "typescript": "tsc --project ./tsconfig.json"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ],
-    "overrides": [
-      {
-        "files": [
-          "**/*.stories.*"
-        ],
-        "rules": {
-          "import/no-anonymous-default-export": "off"
-        }
-      }
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "devDependencies": {
-    "@semantic-ui-react/css-patch": "^1.0.0",
-    "@storybook/addon-actions": "^6.5.7",
-    "@storybook/addon-essentials": "^6.5.7",
-    "@storybook/addon-interactions": "^6.5.7",
-    "@storybook/addon-links": "^6.5.7",
-    "@storybook/builder-webpack5": "^6.5.7",
-    "@storybook/manager-webpack5": "^6.5.7",
-    "@storybook/node-logger": "^6.5.7",
-    "@storybook/preset-create-react-app": "^4.1.2",
-    "@storybook/react": "^6.5.7",
-    "@storybook/testing-library": "^0.0.11",
-    "@svgr/core": "^8.1.0",
-    "@svgr/plugin-jsx": "^8.1.0",
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^13.0.0",
-    "@testing-library/user-event": "^13.2.1",
-    "@types/jest": "^27.0.1",
-    "@types/node": "^16.7.13",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "@types/styled-components": "^5.1.25",
-    "@typescript-eslint/eslint-plugin": "^5.27.1",
-    "@typescript-eslint/parser": "^5.27.1",
-    "babel-plugin-named-exports-order": "^0.0.2",
-    "esbuild-plugin-svgr": "^3.1.1",
-    "eslint": "^8.0.1",
-    "eslint-config-standard": "^17.0.0",
-    "eslint-plugin-import": "^2.25.2",
-    "eslint-plugin-n": "^15.0.0",
-    "eslint-plugin-promise": "^6.0.0",
-    "eslint-plugin-react": "^7.30.0",
-    "eslint-plugin-storybook": "^0.5.12",
-    "prettier": "2.6.2",
-    "prop-types": "^15.8.1",
-    "react": "^18.1.0",
-    "react-dom": "^18.1.0",
-    "styled-components": "^5.3.11",
-    "tsup": "^8.5.0",
-    "typescript": "^4.4.2",
-    "web-vitals": "^2.1.0",
-    "webpack": "^5.73.0"
-  }
-}
+{
+  "name": "@mw-kit/mw-ui",
+  "version": "1.8.1",
+  "description": "Made with create-react-library",
+  "author": "fmgusmao",
+  "license": "MIT",
+  "repository": "fmgusmao/mw-ui",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "source": "src/index.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./types": {
+      "types": "./dist/interfaces.d.ts"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "types": [
+        "./dist/interfaces.d.ts"
+      ]
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {},
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "semantic-ui-css": "^2.5.0",
+    "semantic-ui-react": "^2.1.5",
+    "styled-components": "^6.1.19",
+    "stylis": "^4.3.6"
+  },
+  "scripts": {
+    "start": "tsup src/index.ts --watch --dts",
+    "build": "tsup src/index.ts --dts --format esm,cjs && tsc -p tsconfig.build.json",
+    "lint": "eslint {src,stories}/**/*.{js,ts,jsx,tsx}",
+    "lint:fix": "eslint {src,stories}/**/*.{js,ts,jsx,tsx} --fix",
+    "prettier": "prettier --write src/**/*.{ts,tsx}",
+    "storybook": "storybook dev -p 6006 --no-open",
+    "build-storybook": "storybook build",
+    "typescript": "tsc --project ./tsconfig.json",
+    "depcheck": "depcheck"
+  },
+  "eslintConfig": {
+    "extends": [
+      "@mw-kit/eslint-config/eslint",
+      "plugin:storybook/recommended"
+    ],
+    "rules": {
+      "react/jsx-uses-react": 0,
+      "react/react-in-jsx-scope": 0
+    }
+  },
+  "prettier": "@mw-kit/eslint-config/prettier",
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@mw-kit/eslint-config": "^1.2.0",
+    "@storybook/addon-docs": "^9.0.16",
+    "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
+    "@storybook/react-webpack5": "^9.0.16",
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react": "^13.0.0",
+    "@testing-library/user-event": "^13.2.1",
+    "@trivago/prettier-plugin-sort-imports": "^4.1.1",
+    "@types/jest": "^27.0.1",
+    "@types/node": "^22.16.3",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "eslint": "^8.57.1",
+    "eslint-config-standard": "^17.1.0",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-n": "^17.21.0",
+    "eslint-plugin-promise": "^7.2.1",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-storybook": "^9.0.16",
+    "prettier": "^2.8.8",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "semantic-ui-css": "^2.5.0",
+    "semantic-ui-react": "^2.1.5",
+    "storybook": "^9.0.16",
+    "styled-components": "^6.1.19",
+    "stylis": "^4.3.6",
+    "tsup": "^8.5.0",
+    "typescript": "^5.8.3",
+    "web-vitals": "^2.1.0",
+    "webpack": "^5.100.1"
+  }
+}