{"_id":"99blocks-ui","name":"99blocks-ui","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"99blocks-ui","version":"0.0.1","description":"Test: React Native UI Toolkit For Mobile Platforms","main":"./lib/commonjs/index.js","packageManager":"yarn@3.5.0","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"BUILD_ENV=dsDev && webpack serve --config=webpack.config.js --progress","storybook":"BUILD_ENV=dsDev && storybook dev -p 6006","build-storybook":"BUILD_ENV=dsDev && storybook build","prepare":"bob build"},"repository":{"type":"git","url":"http://gitlabweb.infoedge.com/99acerscommon/99blocks-ui"},"author":{"name":"Ayush Singh"},"license":"MIT","devDependencies":{"@babel/core":"^7.25.2","@babel/plugin-proposal-export-namespace-from":"^7.18.9","@babel/preset-env":"^7.25.4","@babel/preset-react":"^7.24.7","@react-native/babel-preset":"0.74.87","@storybook/addon-controls":"^8.2.8","@storybook/addon-docs":"8.1.1","@storybook/addon-essentials":"8.2.9","@storybook/addon-react-native-web":"0.0.24","@storybook/react-webpack5":"8.2.8","babel-loader":"^9.1.3","babel-plugin-react-native-web":"^0.19.12","css-loader":"^7.1.2","file-loader":"^6.2.0","html-loader":"^5.1.0","html-webpack-plugin":"^5.6.0","http-server":"^14.1.1","node-polyfill-webpack-plugin":"^4.0.0","react":"^18.2.0","react-dom":"^18.2.0","react-native":"0.71.11","react-native-builder-bob":"^0.37.0","react-native-gesture-handler":"2.9.0","react-native-linear-gradient":"2.8.3","react-native-portalize":"^1.0.7","react-native-svg":"13.8.0","react-native-web":"^0.18.12","react-native-web-linear-gradient":"^1.1.2","react-redux":"^7.2.1","storybook":"8.2.9","style-loader":"^4.0.0","webpack":"^5.94.0","webpack-bundle-analyzer":"^4.10.2","webpack-cli":"^5.1.4","webpack-dev-server":"^5.1.0"},"dependencies":{"@react-native-community/blur":"^4.4.1","phosphor-react-native":"2.1.2","react-native-gesture-handler":"^2.20.0","react-native-reanimated":"^3.15.4"},"peerDependencies":{"@babel/core":"*","@babel/preset-env":"*","@babel/preset-react":"*","@nnshared/nntrackingsdk":"*","@storybook/addon-controls":"*","@storybook/addon-docs":"*","babel-loader":"*","babel-plugin-react-native-web":"*","css-loader":"*","file-loader":"*","html-webpack-plugin":"*","node-polyfill-webpack-plugin":"*","react":"*","react-dom":"*","react-native":"*","react-native-gesture-handler":"*","react-native-linear-gradient":"*","react-native-portalize":"*","react-native-svg":"*","react-native-web":"*","react-native-web-linear-gradient":"*","storybook":"*","style-loader":"*","webpack":"*","webpack-bundle-analyzer":"*","webpack-cli":"*","webpack-dev-server":"*"},"source":"./src/index.js","module":"./lib/module/index.js","exports":{".":{"import":{"default":"./lib/module/index.js"},"require":{"default":"./lib/commonjs/index.js"}}},"react-native-builder-bob":{"source":"src","output":"lib","targets":[["commonjs",{"esm":true}],["module",{"esm":true}]]},"eslintIgnore":["node_modules/","lib/"],"_id":"99blocks-ui@0.0.1","gitHead":"8b946b14d882f2c9c0df6b70c63bd4f667385bfb","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-Nf64uGFS6EiYo+Z84BFt1ftjsyNFRPASN825pFgMw4JvDxsg+Nj5EbQYZAd9QP9UTltdFSYsjPRB5AMeahkVyw==","shasum":"64b834bb5b59fe5c620b25e79c86e827396ddae2","tarball":"https://registry.npmjs.org/99blocks-ui/-/99blocks-ui-0.0.1.tgz","fileCount":1096,"unpackedSize":2557338,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCK4C1zFZ+zk20y+nCzAQVFK3C+9ije6ZvcJz4PJeYV8gIhAPmLO2tcc0wK0sMUAz1tQ3nUEF9wbPrgpxWk+F2YiG7U"}]},"_npmUser":{"name":"nn-shared","email":"ayush.s3@infoedge.com"},"directories":{},"maintainers":[{"name":"nn-shared","email":"ayush.s3@infoedge.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/99blocks-ui_0.0.1_1739515491572_0.8303259165571402"},"_hasShrinkwrap":false}},"time":{"created":"2025-02-14T06:44:51.571Z","0.0.1":"2025-02-14T06:44:51.856Z","modified":"2025-02-14T06:44:52.147Z"},"maintainers":[{"name":"nn-shared","email":"ayush.s3@infoedge.com"}],"description":"Test: React Native UI Toolkit For Mobile Platforms","repository":{"type":"git","url":"http://gitlabweb.infoedge.com/99acerscommon/99blocks-ui"},"author":{"name":"Ayush Singh"},"license":"MIT","readme":"# 99blocks-ui \n\nReact Native Design System\nThis documentation provides an overview of the folder structure and components of the React Native Design System. It is organized into several key folders that serve specific purposes in the development of the design system.\n\nFolder Structure\narduino\nCopy code\nsrc\n├── components\n│   ├── base\n│   └── themed\n├── config\n│   ├── ThemeProvider.js\n│   ├── withTheme.js\n│   └── useTheme.js\n├── helpers\n│   ├── typography.js\n│   └── fonts.js\n└── json\n    └── design.json\n\nOverview of Folders\n\n1. src/components\nThis folder contains all UI components for the design system, organized into two subfolders:\n\nbase: Components that do not rely on the system theme. These are general-purpose components that can be styled independently.\n\nthemed: Components that are designed to work with the system theme. They adapt their styles based on the current theme settings.\n\n2. src/config\nThis folder includes configuration files related to theming and context:\n\nThemeProvider.js: A context provider that manages and distributes the current theme across the application.\n\nwithTheme.js: A higher-order component (HOC) for server-side rendering (SSR) that allows components to access the theme.\n\nuseTheme.js: A hook for client-side theme management, providing an easy way to access the current theme within functional components.\n\n3. src/helpers\nThis folder contains utility files for styling:\n\ntypography.js: Contains text styles and typography-related constants, ensuring consistency in font sizes, weights, and line heights across the application.\n\nfonts.js: Handles font application based on the platform (Android or iOS), ensuring that the correct fonts are used according to the operating system.\n\n4. src/json\nThis folder contains design tokens:\n\ndesign.json: A JSON file that defines design tokens such as colors, spacing, and other design-related variables. This file serves as a centralized source for design decisions and can be easily updated as the design evolves.\n\n\n\n","readmeFilename":"README.md"}