cc-ui-library 3.0.0 → 3.0.2

package/README.md

@@ -1,25 +1,75 @@
-<h1 align="center">CC-UI-Library</h1>
+---
+title: PixelReact UI
+---
 
-CC-UI-Library is an open-source React component library.
+import { Button, Input } from 'pixel-react';
+
+<h1 align="center">PixelReact UI</h1>
+
+<p align="center">
+  <strong>PixelReact UI</strong> is an open-source React component library, designed to offer a sleek, customizable, and easy-to-use collection of components for building modern user interfaces.
+</p>
+
+---
+
+## Table of Contents
+
+- [Installation](#installation)
+- [Usage](#usage)
+- [Documentation](#documentation)
+- [Contributing](#contributing)
+- [License](#license)
+
+---
 
 ## Installation
 
-Install the package in your project directory with:
+Install PixelReact UI in your project directory with:
+
+```bash
+npm install pixel-react
+```
+
+or with Yarn:
 
 ```bash
-npm i cc-ui-library
+yarn add pixel-react
+```
+
+## Usage
+
+Once installed, you can start importing and using PixelReact components in your React application. Here's a quick example:
+
+```jsx
+import { Button } from 'pixel-react';
+
+function App() {
+  return (
+    <div>
+      <Button label="Button Label" variant="primary" />
+    </div>
+  );
+}
+
+export default App;
 ```
 
 ## Documentation
 
-[Click Here](https://main--65d5ca6d09c1eaf0731601fc.chromatic.com/)
+For detailed documentation and live examples, [click here](https://main--65d5ca6d09c1eaf0731601fc.chromatic.com/).
 
 ## Example
 
-```bash
-import { Button } from 'cc-ui-library'
+```jsx
+import { Button } from 'pixel-react';
 
-...
-<Button label="Button Label" variant="primary" />
-...
+function ExampleComponent() {
+  return <Button label="Click Me!" variant="primary" />;
+}
 ```
+
+## License
+
+PixelReact UI is licensed under the [MIT License](LICENSE). Feel free to use it in your projects, both personal and commercial.
+
+---

package/lib/_virtual/index10.js

@@ -1,4 +1,4 @@
-var html = {exports: {}};
+var javascript = {exports: {}};
 
-export { html as __module };
+export { javascript as __module };
 //# sourceMappingURL=index10.js.map

package/lib/_virtual/index11.js

@@ -1,4 +1,4 @@
-var javascript = {exports: {}};
+var html = {exports: {}};
 
-export { javascript as __module };
+export { html as __module };
 //# sourceMappingURL=index11.js.map

package/lib/components/Select/components/Dropdown.js

@@ -87,8 +87,8 @@ const Dropdown = /*#__PURE__*/forwardRef(({
   };
   const positionStyle = updateDropdownPosition();
   const dropdownWidth = positionStyle.width;
-  const basePadding = 16;
-  const iconPadding = showIcon ? 32 : 0;
+  const basePadding = 20;
+  const iconPadding = showIcon ? 32 : 5;
   const effectiveContentWidth = customReccurenece ? (typeof dropdownWidth === 'number' ? dropdownWidth / 2 : 0) - basePadding - iconPadding : dropdownWidth - basePadding - iconPadding;
   const sortedOptions = useMemo(() => {
     if (checkEmpty(options)) return [];

package/lib/index.cjs

@@ -7117,8 +7117,8 @@ const Dropdown$1 = /*#__PURE__*/React.forwardRef(({
   };
   const positionStyle = updateDropdownPosition();
   const dropdownWidth = positionStyle.width;
-  const basePadding = 16;
-  const iconPadding = showIcon ? 32 : 0;
+  const basePadding = 20;
+  const iconPadding = showIcon ? 32 : 5;
   const effectiveContentWidth = customReccurenece ? (typeof dropdownWidth === 'number' ? dropdownWidth / 2 : 0) - basePadding - iconPadding : dropdownWidth - basePadding - iconPadding;
   const sortedOptions = React.useMemo(() => {
     if (checkEmpty(options)) return [];

package/lib/node_modules/js-beautify/js/src/html/beautifier.js

@@ -1,4 +1,4 @@
-import { __exports as beautifier } from '../../../../../_virtual/beautifier2.js';
+import { __exports as beautifier } from '../../../../../_virtual/beautifier3.js';
 import { __require as requireOptions } from './options.js';
 import { __require as requireOutput } from '../core/output.js';
 import { __require as requireTokenizer } from './tokenizer.js';

package/lib/node_modules/js-beautify/js/src/html/index.js

@@ -1,4 +1,4 @@
-import { __module as html } from '../../../../../_virtual/index10.js';
+import { __module as html } from '../../../../../_virtual/index11.js';
 import { __require as requireBeautifier } from './beautifier.js';
 import { __require as requireOptions } from './options.js';
 

package/lib/node_modules/js-beautify/js/src/html/options.js

@@ -1,4 +1,4 @@
-import { __exports as options } from '../../../../../_virtual/options2.js';
+import { __exports as options } from '../../../../../_virtual/options3.js';
 import { __require as requireOptions$1 } from '../core/options.js';
 
 /*jshint node:true */

package/lib/node_modules/js-beautify/js/src/html/tokenizer.js

@@ -1,4 +1,4 @@
-import { __exports as tokenizer } from '../../../../../_virtual/tokenizer.js';
+import { __exports as tokenizer } from '../../../../../_virtual/tokenizer2.js';
 import { __require as requireTokenizer$1 } from '../core/tokenizer.js';
 import { __require as requireDirectives } from '../core/directives.js';
 import { __require as requireTemplatablepattern } from '../core/templatablepattern.js';

package/lib/node_modules/js-beautify/js/src/javascript/beautifier.js

@@ -1,4 +1,4 @@
-import { __exports as beautifier } from '../../../../../_virtual/beautifier3.js';
+import { __exports as beautifier } from '../../../../../_virtual/beautifier2.js';
 import { __require as requireOutput } from '../core/output.js';
 import { __require as requireToken } from '../core/token.js';
 import { __require as requireAcorn } from './acorn.js';

package/lib/node_modules/js-beautify/js/src/javascript/index.js

@@ -1,4 +1,4 @@
-import { __module as javascript } from '../../../../../_virtual/index11.js';
+import { __module as javascript } from '../../../../../_virtual/index10.js';
 import { __require as requireBeautifier } from './beautifier.js';
 import { __require as requireOptions } from './options.js';
 

package/lib/node_modules/js-beautify/js/src/javascript/options.js

@@ -1,4 +1,4 @@
-import { __exports as options } from '../../../../../_virtual/options3.js';
+import { __exports as options } from '../../../../../_virtual/options2.js';
 import { __require as requireOptions$1 } from '../core/options.js';
 
 /*jshint node:true */

package/lib/node_modules/js-beautify/js/src/javascript/tokenizer.js

@@ -1,4 +1,4 @@
-import { __exports as tokenizer } from '../../../../../_virtual/tokenizer2.js';
+import { __exports as tokenizer } from '../../../../../_virtual/tokenizer.js';
 import { __require as requireInputscanner } from '../core/inputscanner.js';
 import { __require as requireTokenizer$1 } from '../core/tokenizer.js';
 import { __require as requireDirectives } from '../core/directives.js';

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "cc-ui-library",
-  "description": "CC-UI-Library is an open-source React component library ",
-  "version": "3.0.0",
-  "main": "lib/index.js",
-  "module": "lib/index.esm.js",
+  "description": "Great for pixel-perfect, design-focused components in React",
+  "version": "3.0.2",
+  "main": "lib/index.cjs",
+  "module": "lib/index.js",
   "types": "lib/index.d.ts",
+  "sideEffects": [
+    "lib/styles.css"
+  ],
   "author": {
     "name": "Chandru S Chikkoppad"
   },