rippleui - npm Package Compare versions

Comparing version 1.0.0 to 1.1.1

dist/js/colors/background.d.ts

@@ -6,2 +6,4 @@ export declare const background: {
     backgroundColor: string;
+    "--black": string;
+    "--white": string;
 };
@@ -13,2 +15,4 @@ export declare const backgroundDark: {
     backgroundColor: string;
+    "--black": string;
+    "--white": string;
 };

dist/js/colors/background.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.backgroundDark=exports.background=void 0,exports.background={"--backgroundPrimary":"#FFFFFF","--backgroundSecondary":"#F7F7F7","--border":"#E8E8E8",backgroundColor:"var(--backgroundPrimary)"},exports.backgroundDark={"--backgroundPrimary":"#1A1A1A","--backgroundSecondary":"#272727","--border":"#313131",backgroundColor:"var(--backgroundPrimary)"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.backgroundDark=exports.background=void 0,exports.background={"--backgroundPrimary":"#FFFFFF","--backgroundSecondary":"#F7F7F7","--border":"#E8E8E8",backgroundColor:"var(--backgroundPrimary)","--black":"#000000","--white":"#FFFFFF"},exports.backgroundDark={"--backgroundPrimary":"#1A1A1A","--backgroundSecondary":"#272727","--border":"#313131",backgroundColor:"var(--backgroundPrimary)","--black":"#000000","--white":"#FFFFFF"};

dist/js/colors/text.d.ts

@@ -6,2 +6,3 @@ export declare const text: {
     "--whiteInverted": string;
+    "--blackInverted": string;
 };
@@ -13,2 +14,3 @@ export declare const textDark: {
     "--whiteInverted": string;
+    "--blackInverted": string;
 };

dist/js/colors/text.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.textDark=exports.text=void 0,exports.text={"--content1":"#1C1C1C","--content2":"#585757","--content3":"#969696","--whiteInverted":"#000000"},exports.textDark={"--content1":"#E8E8E8","--content2":"#BABABA","--content3":"#767676","--whiteInverted":"#FFFFFF"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.textDark=exports.text=void 0,exports.text={"--content1":"#1C1C1C","--content2":"#585757","--content3":"#969696","--whiteInverted":"#000000","--blackInverted":"#FFFFFF"},exports.textDark={"--content1":"#E8E8E8","--content2":"#BABABA","--content3":"#767676","--whiteInverted":"#FFFFFF","--blackInverted":"#000000"};

dist/js/dark-theme.d.ts

@@ -93,2 +93,3 @@ declare const _default: {
         "--whiteInverted": string;
+        "--blackInverted": string;
         "--backgroundPrimary": string;
@@ -98,4 +99,6 @@ "--backgroundSecondary": string;
         backgroundColor: string;
+        "--black": string;
+        "--white": string;
     };
 };
 export default _default;

dist/js/index.js

@@ -1,1 +0,1 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.config=void 0;const ligh_theme_1=__importDefault(require("./ligh-theme")),var_theme_1=__importDefault(require("./var-theme")),dark_theme_1=__importDefault(require("./dark-theme")),plugin_1=__importDefault(require("tailwindcss/plugin")),fs_1=__importDefault(require("fs")),postcss_1=__importDefault(require("postcss")),postcss_js_1=__importDefault(require("postcss-js")),baseCSS=fs_1.default.readFileSync(__dirname.replace("\\js","\\css")+"\\base.css","utf-8"),componentsCSS=fs_1.default.readFileSync(__dirname.replace("\\js","\\css")+"\\components.css","utf-8"),utilitiesCSS=fs_1.default.readFileSync(__dirname.replace("\\js","\\css")+"\\utilities.css","utf-8");exports.config=(0,plugin_1.default)((({addBase:e,addComponents:t,addUtilities:s,theme:o,config:r})=>{const a=postcss_1.default.parse(baseCSS),i=postcss_1.default.parse(componentsCSS),_=postcss_1.default.parse(utilitiesCSS),l=postcss_js_1.default.objectify(a),c=postcss_js_1.default.objectify(i),u=postcss_js_1.default.objectify(_);e([Object.assign(Object.assign({},l),{":root":Object.assign({colorScheme:"light"},ligh_theme_1.default.colors),"@media (prefers-color-scheme: dark)":{":root":Object.assign({colorScheme:"dark"},dark_theme_1.default.colors)},"[data-theme=light]":Object.assign({colorScheme:"light"},ligh_theme_1.default.colors),"[data-theme=dark]":Object.assign({colorScheme:"dark"},dark_theme_1.default.colors)})]),t(c),s(u)}),{theme:{extend:{colors:var_theme_1.default.colors}}}),module.exports=exports.config;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.config=void 0;const ligh_theme_1=__importDefault(require("./ligh-theme")),var_theme_1=__importDefault(require("./var-theme")),dark_theme_1=__importDefault(require("./dark-theme")),plugin_1=__importDefault(require("tailwindcss/plugin")),fs_1=__importDefault(require("fs")),postcss_1=__importDefault(require("postcss")),postcss_js_1=__importDefault(require("postcss-js")),baseCSS=fs_1.default.readFileSync(__dirname.replace("\\js","\\css")+"\\base.css","utf-8"),componentsCSS=fs_1.default.readFileSync(__dirname.replace("\\js","\\css")+"\\components.css","utf-8"),utilitiesCSS=fs_1.default.readFileSync(__dirname.replace("\\js","\\css")+"\\utilities.css","utf-8");exports.config=(0,plugin_1.default)((({addBase:e,addComponents:t,addUtilities:s,theme:o,config:r})=>{const a=postcss_1.default.parse(baseCSS),i=postcss_1.default.parse(componentsCSS),l=postcss_1.default.parse(utilitiesCSS),_=postcss_js_1.default.objectify(a),c=postcss_js_1.default.objectify(i),u=postcss_js_1.default.objectify(l);e([Object.assign(Object.assign({},"production"===process.env.NODE_ENV?_:null),{":root":Object.assign({colorScheme:"light"},ligh_theme_1.default.colors),"@media (prefers-color-scheme: dark)":{":root":Object.assign({colorScheme:"dark"},dark_theme_1.default.colors)},"[data-theme=light]":Object.assign({colorScheme:"light"},ligh_theme_1.default.colors),"[data-theme=dark]":Object.assign({colorScheme:"dark"},dark_theme_1.default.colors)})]),t(c),s(u)}),{theme:{extend:{colors:var_theme_1.default.colors}}}),module.exports=exports.config;

dist/js/ligh-theme.d.ts

@@ -93,2 +93,3 @@ declare const _default: {
         "--whiteInverted": string;
+        "--blackInverted": string;
         "--backgroundPrimary": string;
@@ -98,4 +99,6 @@ "--backgroundSecondary": string;
         backgroundColor: string;
+        "--black": string;
+        "--white": string;
     };
 };
 export default _default;

package.json

 {
   "name": "rippleui",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "description": "Cleanest, modern and beatifull Tailwind CSS library.",
@@ -23,7 +23,6 @@ "main": "dist/js/index.js",
     "utilities": "tailwindcss --postcss -i ./components/utilities.css -o ./dist/css/utilities.css",
-    "build": "SET NODE_ENV=production && npm run clean && npm run create:paths && npm run js && npm run js:minify && npm run styles -- --minify && npm run base -- --minify && npm run components -- --minify && npm run utilities -- --minify",
+    "build": "SET NODE_ENV=production&& npm run clean && npm run create:paths && npm run js && npm run js:minify && npm run styles -- --minify && npm run base -- --minify && npm run components -- --minify && npm run utilities -- --minify",
     "dev": "npm run create:paths && start npm run js -- --watch && start npm run styles -- --watch",
     "dev:all": "npm run create:paths && start npm run js -- --watch && start npm run styles -- --watch && start npm run base -- --watch && start npm run components -- --watch && start npm run utilities -- --watch",
     "npm:publish": "git push --follow-tags origin main && npm publish",
-    "release:first": "standard-version --first-release && npm run npm:publish",
     "release": "standard-version && npm run npm:publish",
@@ -30,0 +29,0 @@ "release:patch": "standard-version --release-as patch && npm run npm:publish",

README.md

@@ -1,1 +0,57 @@
-# rippleui
+# Ripple UI
+
+Welcome to the RippleUI repository! This is the home for all of the components, guidelines, and tools that make up our design system.
+
+## Documentation
+
+Visit https://rippleui.com to view the full documentation.
+
+
+## Usage
+
+To use the RippleUI components, you will need to install the package from npm.
+
+```bash
+npm install rippleui
+```
+
+Once you have installed the package, you can import the plugin into your `tailwind.config.js`.
+
+```js
+module.exports = {
+  // ... the rest of your config
+  plugins: [require('rippleui')],
+}
+```
+
+To use a component, simply include the appropriate HTML markup in your project and apply the relevant classes using the class naming.
+
+```html
+<button class="btn btn-primary">Click me!</button>
+```
+
+## Components
+
+Here is a list of all of the components that are currently available in RippleUI.
+
+- Button
+- Input
+- Select
+- Checkbox
+- Radio
+- Switch
+- Textarea
+- Modal
+- Button-Group
+- Tooltip
+- Dropdown
+- Badge
+
+
+## Contributing
+
+We welcome contributions to the design system! If you have ideas for new components, improvements to existing ones, or updates to the guidelines and tools, please open a pull request with your proposed changes.
+
+## License
+
+RippleUI is licensed under the [MIT License](LICENSE).

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

155350

increased by120.45%

Lines of code

571

increased by2.15%

Number of lines in readme file

57

increased by5600%

Worsened metrics

Number of low supply chain risk alerts

2

increased by100%

No dependency changes