axentix - npm Package Compare versions

Comparing version 2.1.0 to 2.1.1

dist/utils/config.esm.js

@@ -1,2 +0,2 @@
-const version = "2.1.0";
+const version = "2.1.1";
 const instances = [];
@@ -3,0 +3,0 @@ const config = {

dist/utils/config.min.js

@@ -1,1 +0,1 @@
-(function(t,s){typeof exports=="object"&&typeof module!="undefined"?s(exports):typeof define=="function"&&define.amd?define(["exports"],s):(t=typeof globalThis!="undefined"?globalThis:t||self,s(t.Config={}))})(this,function(t){"use strict";const s="2.1.0",u=[],o={components:[],plugins:[],prefix:"ax",mode:""},c=n=>`--${o.prefix}-${n}`,g=n=>o.components.find(i=>i.name===n).class,l=()=>{const n=o.components.filter(e=>e.dataDetection),i=o.plugins.filter(e=>e.dataDetection);return[...n,...i].map(e=>e.name)},d=()=>{const n=o.components.filter(e=>e.autoInit&&e.autoInit.enabled),i=o.plugins.filter(e=>e.autoInit&&e.autoInit.enabled);return[...n,...i].reduce((e,a)=>(e[a.name]=document.querySelectorAll(a.autoInit.selector),e),{})},r=(n,i)=>{if(!n.name||!n.class){console.error(`[Axentix] Error registering ${i} : Missing required parameters.`);return}if(o[i].some(e=>e.name===n.name)){console.error(`[Axentix] Error registering ${i} : Already exist.`);return}n.autoInit&&(n.autoInit.selector=n.autoInit.selector+=":not(.no-axentix-init)"),o[i].push(n)},f=n=>{r(n,"components")},m=n=>{r(n,"plugins")},p=()=>{!window||(window.Axentix||(window.Axentix={}),[...o.components,...o.plugins].forEach(n=>{window.Axentix[n.name]=n.class}))};t.config=o,t.exportToWindow=p,t.getAutoInitElements=d,t.getComponentClass=g,t.getCssVar=c,t.getDataElements=l,t.instances=u,t.registerComponent=f,t.registerPlugin=m,t.version=s,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(t,s){typeof exports=="object"&&typeof module!="undefined"?s(exports):typeof define=="function"&&define.amd?define(["exports"],s):(t=typeof globalThis!="undefined"?globalThis:t||self,s(t.Config={}))})(this,function(t){"use strict";const s="2.1.1",u=[],o={components:[],plugins:[],prefix:"ax",mode:""},c=n=>`--${o.prefix}-${n}`,g=n=>o.components.find(i=>i.name===n).class,l=()=>{const n=o.components.filter(e=>e.dataDetection),i=o.plugins.filter(e=>e.dataDetection);return[...n,...i].map(e=>e.name)},d=()=>{const n=o.components.filter(e=>e.autoInit&&e.autoInit.enabled),i=o.plugins.filter(e=>e.autoInit&&e.autoInit.enabled);return[...n,...i].reduce((e,a)=>(e[a.name]=document.querySelectorAll(a.autoInit.selector),e),{})},r=(n,i)=>{if(!n.name||!n.class){console.error(`[Axentix] Error registering ${i} : Missing required parameters.`);return}if(o[i].some(e=>e.name===n.name)){console.error(`[Axentix] Error registering ${i} : Already exist.`);return}n.autoInit&&(n.autoInit.selector=n.autoInit.selector+=":not(.no-axentix-init)"),o[i].push(n)},f=n=>{r(n,"components")},m=n=>{r(n,"plugins")},p=()=>{!window||(window.Axentix||(window.Axentix={}),[...o.components,...o.plugins].forEach(n=>{window.Axentix[n.name]=n.class}))};t.config=o,t.exportToWindow=p,t.getAutoInitElements=d,t.getComponentClass=g,t.getCssVar=c,t.getDataElements=l,t.instances=u,t.registerComponent=f,t.registerPlugin=m,t.version=s,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package.json

 {
   "name": "axentix",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Axentix is a framework mixing fully customizable components & utility-first classes, leaving the design choice to the developer.",
@@ -53,6 +53,6 @@ "homepage": "https://useaxentix.com",
   "devDependencies": {
-    "@playwright/test": "^1.22.2",
+    "@playwright/test": "^1.23.4",
     "autoprefixer": "^10.4.7",
     "fast-glob": "^3.2.11",
-    "rollup-plugin-visualizer": "^5.6.0",
+    "rollup-plugin-visualizer": "^5.7.1",
     "sass": "^1.53.0",
@@ -59,0 +59,0 @@ "typescript": "^4.7.4",

README.md

@@ -17,5 +17,2 @@ <p align="center">
 <p align="center">
-  <a href="https://www.npmjs.com/package/axentix">
-    <img alt="npm" src="https://img.shields.io/npm/v/axentix">
-  </a>
   <a href="https://github.com/axentix/axentix/releases">
@@ -25,4 +22,7 @@ <img alt="GitHub release (latest by date)" src="https://img.shields.io/github/v/release/axentix/axentix">
   <a href="https://www.jsdelivr.com/package/npm/axentix">
-    <img src="https://data.jsdelivr.com/v1/package/npm/axentix/badge?style=rounded" alt="jsDelivr Hits" />
+    <img alt="jsDelivr hits (npm)" src="https://img.shields.io/jsdelivr/npm/hy/axentix"></img>
   </a>
+  <a href="https://github.com/axentix/axentix/actions/workflows/tests.yml">
+    <img alt="test workflow" src="https://github.com/axentix/axentix/actions/workflows/tests.yml/badge.svg"></img>
+  </a>
   <a href="https://sonarcloud.io/dashboard?id=axentix_axentix">
@@ -40,3 +40,3 @@ <img src="https://sonarcloud.io/api/project_badges/measure?project=axentix_axentix&metric=alert_status">
   <a href="https://discord.gg/8tgRDED">
-    <img src="https://img.shields.io/discord/727545620683816980" alt="Discord" />
+    <img src="https://img.shields.io/badge/chat-on%20discord-%09%233442d9" alt="Discord" />
   </a>
@@ -52,2 +52,20 @@ <a href="https://openbase.com/js/axentix?utm_source=embedded&amp;utm_medium=badge&amp;utm_campaign=rate-badge">
 
+## Why Axentix
+
+- **Easy to custom** : Add your own color to the palette and its 9 variants will be generated. Every component comes with CSS Variables making you able to custom each of them.
+
+- **Fast to learn, read and write** : You won't be lost between frameworks, Axentix's class names are easy to read, write and learn. If you already used Bootstrap or TailwindCSS, you already know a plenty of them.
+
+- **Design choice to the developer** : The framework is focused on the developer experience and lets them choose their design by implementing easy to custom components & utility-first classes
+
+- **Easiest grid system** : Axentix is the first framework using the css grid feature to create its grid system, making it the most advanced as easy to use grid system.
+
+- **Themeable** : The integrated Theme Switcher handles natively dark mode and custom user theme. 
+
+- **Google accessibility-friendly color palette** : The integrated color palette of **130+ colors** automatically generates lighten and darken variants. Setting them on any element will choose the best text-color depending on the google requirements.
+
+- **Growing ecosystem** : Axentix comes with [its friends](https://github.com/axentix), Neu-Axentix implementing neumorphism design, a VSCode extension and its code snippets, Vue-Axentix and its VueJS components and more are incoming.
+
+- **Zero dependencies** : No dependencies means freedom.
+
 ## Quickstart
@@ -54,0 +72,0 @@

No alert changes

Improved metrics

Total package byte prevSize

1035915

increased by0.15%

Lines of code

14923

increased by0.01%

Number of lines in readme file

135

increased by15.38%

No dependency changes