no-frills-ui 0.0.14-alpha.7 → 0.0.14-rc.0

package/package.json

@@ -1,16 +1,16 @@
 {
     "name": "no-frills-ui",
-    "version": "0.0.14-alpha.7",
+    "version": "0.0.14-rc.0",
     "description": "React components that are made of styled native components. Mostly!",
     "main": "dist/index.js",
-    "module": "lib-esm/components/index.js",
-    "jsnext:main": "lib-esm/components/index.js",
-    "types": "lib-esm/components/index.d.ts",
+    "module": "lib-esm/index.js",
+    "jsnext:main": "lib-esm/index.js",
+    "types": "lib-esm/index.d.ts",
     "sideEffects": false,
     "exports": {
         ".": {
-            "types": "./lib-esm/components/index.d.ts",
-            "import": "./lib-esm/components/index.js",
+            "types": "./lib-esm/index.d.ts",
+            "import": "./lib-esm/index.js",
             "require": "./dist/index.js"
         }
     },
@@ -22,15 +22,48 @@
         "clean": "shx rm -rf dist lib-esm",
         "build": "NODE_ENV=production tsc --emitDeclarationOnly && rollup -c",
         "build:dev": "NODE_ENV=development tsc --emitDeclarationOnly && rollup -c",
-        "test": "echo \"Warning: No tests implemented yet\" && exit 0",
+        "build:storybook": "storybook build",
+        "test": "jest",
+        "test:watch": "jest --watch",
+        "test:coverage": "jest --coverage",
+        "size": "size-limit",
+        "size:why": "size-limit --why",
         "lint": "eslint . --ext .js,.jsx,.mjs,.ts,.tsx",
         "lint:fix": "eslint . --ext .js,.jsx,.mjs,.ts,.tsx --fix",
         "format": "prettier --write \"**/*.{js,jsx,mjs,ts,tsx,html,json,md,mdx,yml,yaml}\"",
         "format:check": "prettier --check \"**/*.{js,jsx,mjs,ts,tsx,html,json,md,mdx,yml,yaml}\"",
         "storybook": "storybook dev -p 6006",
-        "build-storybook": "storybook build",
         "prepare": "husky && npm run clean && npm run build"
     },
+    "size-limit": [
+        {
+            "name": "Full Bundle (CJS)",
+            "path": "dist/index.js",
+            "limit": "25 KB",
+            "gzip": true
+        },
+        {
+            "name": "Tree-shaking - Single Component (Button)",
+            "path": "lib-esm/index.js",
+            "import": "{ Button }",
+            "limit": "5 KB",
+            "gzip": true
+        },
+        {
+            "name": "Tree-shaking - Multiple Components",
+            "path": "lib-esm/index.js",
+            "import": "{ Button, Card, Input }",
+            "limit": "10 KB",
+            "gzip": true
+        },
+        {
+            "name": "Tree-shaking - All exports",
+            "path": "lib-esm/index.js",
+            "import": "*",
+            "limit": "25 KB",
+            "gzip": true
+        }
+    ],
     "repository": {
         "type": "git",
         "url": "git+https://github.com/pushkar8723/no-frills-ui.git"
@@ -54,17 +87,29 @@
         "react-dom": "^18.0.0 || ^19.0.0"
     },
     "devDependencies": {
-        "@rollup/plugin-node-resolve": "^8.0.1",
+        "@axe-core/react": "^4.11.0",
+        "@emotion/react": "^11.0.0",
+        "@emotion/styled": "^11.0.0",
+        "@rollup/plugin-commonjs": "^29.0.0",
+        "@rollup/plugin-node-resolve": "^16.0.3",
         "@rollup/plugin-swc": "^0.4.0",
         "@rollup/plugin-terser": "^0.4.4",
+        "@size-limit/preset-small-lib": "^12.0.0",
         "@storybook/addon-docs": "^10.0.2",
         "@storybook/addon-links": "^10.0.2",
         "@storybook/addon-webpack5-compiler-swc": "^4.0.1",
         "@storybook/cli": "^10.0.2",
         "@storybook/react-webpack5": "^10.0.2",
-        "@swc/plugin-emotion": "^12.0.0",
-        "@types/react": "^18.3.12",
-        "@types/react-dom": "^18.3.1",
+        "@swc/core": "^1.15.4",
+        "@swc/plugin-emotion": "^14.0.1",
+        "@testing-library/dom": "^10.4.1",
+        "@testing-library/jest-dom": "^6.9.1",
+        "@testing-library/react": "^16.3.1",
+        "@types/jest": "^30.0.0",
+        "@types/jest-axe": "^3.5.9",
+        "@types/node": "^25.0.2",
+        "@types/react": "^19.2.7",
+        "@types/react-dom": "^19.2.3",
         "@typescript-eslint/eslint-plugin": "^8",
         "@typescript-eslint/parser": "^8",
         "eslint": "^8",
@@ -75,32 +120,22 @@
         "eslint-plugin-react": "^7",
         "eslint-plugin-react-hooks": "^4",
         "husky": "^9",
+        "jest": "^30.2.0",
+        "jest-axe": "^10.0.0",
+        "jest-environment-jsdom": "^30.2.0",
         "lint-staged": "^15",
         "prettier": "^3",
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
+        "react": "^19.2.3",
+        "react-dom": "^19.2.3",
         "remark-gfm": "^4.0.1",
         "rollup": "^4.52.5",
-        "rollup-plugin-commonjs": "^10.1.0",
-        "rollup-plugin-node-resolve": "^5.2.0",
         "rollup-plugin-peer-deps-external": "^2.2.4",
-        "rollup-plugin-typescript2": "^0.36.0",
-        "shx": "^0.3.2",
+        "shx": "^0.4.0",
+        "size-limit": "^12.0.0",
         "storybook": "^10.0.2",
+        "ts-jest": "^29.4.6",
         "tslib": "^2.0.0",
         "typescript": "^5.7.2"
     },
-    "dependencies": {
-        "@emotion/react": "^11.13.5",
-        "@emotion/styled": "^11.13.5",
-        "prop-types": "^15.7.2"
-    },
-    "bit": {
-        "env": {
-            "compiler": "bit.envs/compilers/react-typescript@3.1.53"
-        },
-        "componentsDefaultDirectory": "components/{name}",
-        "packageManager": "npm"
-    },
-    "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+    "packageManager": "yarn@4.12.0"
 }

package/lib-esm/components/index.js

@@ -1,42 +0,0 @@
-export { default as Accordion } from './Accordion/Accordion.js';
-export { default as AccordionStep, AccordionStepBody, AccordionStepFooter } from './Accordion/AccordionStep.js';
-export { BADGE_TYPE, default as Badge } from './Badge/Badge.js';
-export { default as Button } from './Button/Button.js';
-export { default as Card } from './Card/Card.js';
-export { default as Chip } from './Chip/Chip.js';
-export { default as ChipInput } from './ChipInput/ChipInput.js';
-export { default as Dialog } from './Dialog/Dialog.js';
-export { default as DragAndDrop } from './DragAndDrop/DragAndDrop.js';
-export { default as Group } from './Groups/Group.js';
-export { default as Input } from './Input/Input.js';
-export { default as TextArea } from './Input/TextArea.js';
-export { default as Select } from './Input/Select.js';
-export { default as Checkbox } from './Input/Checkbox.js';
-export { default as Toggle } from './Input/Toggle.js';
-export { default as Radio } from './Input/Radio.js';
-export { default as RadioButton, RadioGroup } from './Input/RadioButton.js';
-export { default as Dropdown } from './Input/Dropdown.js';
-export { default as Menu } from './Menu/Menu.js';
-export { default as MenuItem } from './Menu/MenuItem.js';
-export { POPOVER_POSITION, default as Popover } from './Popover/Popover.js';
-export { default as Spinner } from './Spinner/Spinner.js';
-export { default as Stepper } from './Stepper/Stepper.js';
-export { default as Step } from './Stepper/Step.js';
-export { default as Tabs } from './Tabs/Tabs.js';
-export { default as Tab } from './Tabs/Tab.js';
-export { TOOLTIP_POSITION, default as Tooltip } from './Tooltip/Tooltip.js';
-export { default as LinkButton } from './Button/LinkButton.js';
-export { default as RaisedButton } from './Button/RaisedButton.js';
-export { default as ActionButton } from './Button/ActionButton.js';
-export { default as IconButton } from './Button/IconButton.js';
-export { Body as CardBody, Footer as CardFooter, Header as CardHeader, Body as DialogBody, Footer as DialogFooter, Header as DialogHeader, Body as DrawerBody, Footer as DrawerFooter, Header as DrawerHeader, Body as ModalBody, Footer as ModalFooter, Header as ModalHeader, Body as StepBody, Footer as StepFooter } from '../shared/styles.js';
-export { default as AlertDialog } from './Dialog/AlertDialog.js';
-export { default as ConfirmDialog } from './Dialog/ConfirmDialog.js';
-export { default as PromptDialog } from './Dialog/PromptDialog.js';
-export { ORIENTATION } from './DragAndDrop/types.js';
-export { DRAWER_POSITION, default as Drawer } from './Drawer/Drawer.js';
-export { default as GroupLabel } from './Groups/GroupLabel.js';
-export { default as Modal } from './Modal/Modal.js';
-export { default as Notification } from './Notification/Notification.js';
-export { NOTIFICATION_POSITION, NOTIFICATION_TYPE } from './Notification/types.js';
-export { TOAST_TYPE, default as Toast } from './Toast/Toast.js';