npm - warqadui - Versions diffs - 0.0.79 → 0.0.83 - Mend

warqadui 0.0.79 → 0.0.83

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/styles.js CHANGED Viewed

@@ -435,6 +435,17 @@ select:-webkit-autofill:focus {
     max-width: 1536px;
   }
 }
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
 .pointer-events-none {
   pointer-events: none;
 }
@@ -523,6 +534,9 @@ select:-webkit-autofill:focus {
 .z-50 {
   z-index: 50;
 }
+.m-auto {
+  margin: auto;
+}
 .mx-0\\.5 {
   margin-left: 0.125rem;
   margin-right: 0.125rem;
@@ -751,6 +765,9 @@ select:-webkit-autofill:focus {
 .min-h-\\[400px\\] {
   min-height: 400px;
 }
+.min-h-\\[50vh\\] {
+  min-height: 50vh;
+}
 .min-h-full {
   min-height: 100%;
 }
@@ -778,6 +795,9 @@ select:-webkit-autofill:focus {
 .w-2 {
   width: 0.5rem;
 }
+.w-24 {
+  width: 6rem;
+}
 .w-28 {
   width: 7rem;
 }
@@ -1246,6 +1266,9 @@ select:-webkit-autofill:focus {
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
 }
+.border-gray-200\\/50 {
+  border-color: rgb(229 231 235 / 0.5);
+}
 .border-gray-300 {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
@@ -1363,6 +1386,9 @@ select:-webkit-autofill:focus {
 .bg-gray-50\\/50 {
   background-color: rgb(249 250 251 / 0.5);
 }
+.bg-gray-50\\/95 {
+  background-color: rgb(249 250 251 / 0.95);
+}
 .bg-green-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
@@ -1416,6 +1442,10 @@ select:-webkit-autofill:focus {
   --tw-bg-opacity: 1;
   background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
 }
+.bg-slate-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
+}
 .bg-slate-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
@@ -1811,6 +1841,9 @@ select:-webkit-autofill:focus {
 .text-\\[12px\\] {
   font-size: 12px;
 }
+.text-\\[12rem\\] {
+  font-size: 12rem;
+}
 .text-\\[13px\\] {
   font-size: 13px;
 }
@@ -2012,6 +2045,18 @@ select:-webkit-autofill:focus {
   --tw-text-opacity: 1;
   color: rgb(161 98 7 / var(--tw-text-opacity, 1));
 }
+.text-zinc-500 {
+  --tw-text-opacity: 1;
+  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
+}
+.text-zinc-600 {
+  --tw-text-opacity: 1;
+  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
+}
+.text-zinc-900 {
+  --tw-text-opacity: 1;
+  color: rgb(24 24 27 / var(--tw-text-opacity, 1));
+}
 .underline {
   text-decoration-line: underline;
 }
@@ -2053,6 +2098,9 @@ select:-webkit-autofill:focus {
 .opacity-80 {
   opacity: 0.8;
 }
+.opacity-\\[0\\.03\\] {
+  opacity: 0.03;
+}
 .shadow-2xl {
   --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
   --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
@@ -2069,6 +2117,14 @@ select:-webkit-autofill:focus {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.shadow-\\[0_4px_14px_0_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {
+  --tw-shadow: 0 4px 14px 0 rgba(0,0,0,0.1);
+  --tw-shadow-colored: 0 4px 14px 0 var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -2345,6 +2401,10 @@ select:-webkit-autofill:focus {
 .focus-within\\:opacity-100:focus-within {
   opacity: 1;
 }
+.hover\\:-translate-y-0\\.5:hover {
+  --tw-translate-y: -0.125rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .hover\\:-translate-y-px:hover {
   --tw-translate-y: -1px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -2488,6 +2548,14 @@ select:-webkit-autofill:focus {
 .hover\\:underline:hover {
   text-decoration-line: underline;
 }
+.hover\\:shadow-\\[0_6px_20px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\]:hover {
+  --tw-shadow: 0 6px 20px rgba(0,0,0,0.15);
+  --tw-shadow-colored: 0 6px 20px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .hover\\:shadow-md:hover {
   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
@@ -2558,6 +2626,9 @@ select:-webkit-autofill:focus {
 .focus\\:ring-offset-1:focus {
   --tw-ring-offset-width: 1px;
 }
+.focus\\:ring-offset-2:focus {
+  --tw-ring-offset-width: 2px;
+}
 .active\\:translate-y-0:active {
   --tw-translate-y: 0px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -2688,6 +2759,9 @@ select:-webkit-autofill:focus {
   --tw-bg-opacity: 1;
   background-color: rgb(10 11 16 / var(--tw-bg-opacity, 1));
 }
+.dark\\:bg-\\[\\#0f1115\\]\\/95:is(.dark *) {
+  background-color: rgb(15 17 21 / 0.95);
+}
 .dark\\:bg-black\\/15:is(.dark *) {
   background-color: rgb(0 0 0 / 0.15);
 }
@@ -2753,6 +2827,10 @@ select:-webkit-autofill:focus {
 .dark\\:bg-red-900\\/20:is(.dark *) {
   background-color: rgb(127 29 29 / 0.2);
 }
+.dark\\:bg-slate-700:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
+}
 .dark\\:bg-slate-800\\/50:is(.dark *) {
   background-color: rgb(30 41 59 / 0.5);
 }
@@ -2980,6 +3058,9 @@ select:-webkit-autofill:focus {
   --tw-placeholder-opacity: 1;
   color: rgb(113 113 122 / var(--tw-placeholder-opacity, 1));
 }
+.dark\\:opacity-5:is(.dark *) {
+  opacity: 0.05;
+}
 .dark\\:shadow-blue-900\\/20:is(.dark *) {
   --tw-shadow-color: rgb(30 58 138 / 0.2);
   --tw-shadow: var(--tw-shadow-colored);
@@ -3157,6 +3238,9 @@ select:-webkit-autofill:focus {
   .sm\\:text-left {
     text-align: left;
   }
+  .sm\\:text-\\[16rem\\] {
+    font-size: 16rem;
+  }
 }
 @media (min-width: 768px) {
   .md\\:grid-cols-2 {
@@ -3172,10 +3256,25 @@ select:-webkit-autofill:focus {
     padding-left: 1rem;
     padding-right: 1rem;
   }
+  .md\\:text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
   .md\\:text-3xl {
     font-size: 1.875rem;
     line-height: 2.25rem;
   }
+  .md\\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
+  .md\\:text-\\[20rem\\] {
+    font-size: 20rem;
+  }
+  .md\\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
 }
 @media (min-width: 1024px) {
   .lg\\:relative {

package/dist/styles.mjs CHANGED Viewed

@@ -433,6 +433,17 @@ select:-webkit-autofill:focus {
     max-width: 1536px;
   }
 }
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
 .pointer-events-none {
   pointer-events: none;
 }
@@ -521,6 +532,9 @@ select:-webkit-autofill:focus {
 .z-50 {
   z-index: 50;
 }
+.m-auto {
+  margin: auto;
+}
 .mx-0\\.5 {
   margin-left: 0.125rem;
   margin-right: 0.125rem;
@@ -749,6 +763,9 @@ select:-webkit-autofill:focus {
 .min-h-\\[400px\\] {
   min-height: 400px;
 }
+.min-h-\\[50vh\\] {
+  min-height: 50vh;
+}
 .min-h-full {
   min-height: 100%;
 }
@@ -776,6 +793,9 @@ select:-webkit-autofill:focus {
 .w-2 {
   width: 0.5rem;
 }
+.w-24 {
+  width: 6rem;
+}
 .w-28 {
   width: 7rem;
 }
@@ -1244,6 +1264,9 @@ select:-webkit-autofill:focus {
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
 }
+.border-gray-200\\/50 {
+  border-color: rgb(229 231 235 / 0.5);
+}
 .border-gray-300 {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
@@ -1361,6 +1384,9 @@ select:-webkit-autofill:focus {
 .bg-gray-50\\/50 {
   background-color: rgb(249 250 251 / 0.5);
 }
+.bg-gray-50\\/95 {
+  background-color: rgb(249 250 251 / 0.95);
+}
 .bg-green-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
@@ -1414,6 +1440,10 @@ select:-webkit-autofill:focus {
   --tw-bg-opacity: 1;
   background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
 }
+.bg-slate-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
+}
 .bg-slate-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
@@ -1809,6 +1839,9 @@ select:-webkit-autofill:focus {
 .text-\\[12px\\] {
   font-size: 12px;
 }
+.text-\\[12rem\\] {
+  font-size: 12rem;
+}
 .text-\\[13px\\] {
   font-size: 13px;
 }
@@ -2010,6 +2043,18 @@ select:-webkit-autofill:focus {
   --tw-text-opacity: 1;
   color: rgb(161 98 7 / var(--tw-text-opacity, 1));
 }
+.text-zinc-500 {
+  --tw-text-opacity: 1;
+  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
+}
+.text-zinc-600 {
+  --tw-text-opacity: 1;
+  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
+}
+.text-zinc-900 {
+  --tw-text-opacity: 1;
+  color: rgb(24 24 27 / var(--tw-text-opacity, 1));
+}
 .underline {
   text-decoration-line: underline;
 }
@@ -2051,6 +2096,9 @@ select:-webkit-autofill:focus {
 .opacity-80 {
   opacity: 0.8;
 }
+.opacity-\\[0\\.03\\] {
+  opacity: 0.03;
+}
 .shadow-2xl {
   --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
   --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
@@ -2067,6 +2115,14 @@ select:-webkit-autofill:focus {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.shadow-\\[0_4px_14px_0_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {
+  --tw-shadow: 0 4px 14px 0 rgba(0,0,0,0.1);
+  --tw-shadow-colored: 0 4px 14px 0 var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -2343,6 +2399,10 @@ select:-webkit-autofill:focus {
 .focus-within\\:opacity-100:focus-within {
   opacity: 1;
 }
+.hover\\:-translate-y-0\\.5:hover {
+  --tw-translate-y: -0.125rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .hover\\:-translate-y-px:hover {
   --tw-translate-y: -1px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -2486,6 +2546,14 @@ select:-webkit-autofill:focus {
 .hover\\:underline:hover {
   text-decoration-line: underline;
 }
+.hover\\:shadow-\\[0_6px_20px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\]:hover {
+  --tw-shadow: 0 6px 20px rgba(0,0,0,0.15);
+  --tw-shadow-colored: 0 6px 20px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .hover\\:shadow-md:hover {
   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
@@ -2556,6 +2624,9 @@ select:-webkit-autofill:focus {
 .focus\\:ring-offset-1:focus {
   --tw-ring-offset-width: 1px;
 }
+.focus\\:ring-offset-2:focus {
+  --tw-ring-offset-width: 2px;
+}
 .active\\:translate-y-0:active {
   --tw-translate-y: 0px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -2686,6 +2757,9 @@ select:-webkit-autofill:focus {
   --tw-bg-opacity: 1;
   background-color: rgb(10 11 16 / var(--tw-bg-opacity, 1));
 }
+.dark\\:bg-\\[\\#0f1115\\]\\/95:is(.dark *) {
+  background-color: rgb(15 17 21 / 0.95);
+}
 .dark\\:bg-black\\/15:is(.dark *) {
   background-color: rgb(0 0 0 / 0.15);
 }
@@ -2751,6 +2825,10 @@ select:-webkit-autofill:focus {
 .dark\\:bg-red-900\\/20:is(.dark *) {
   background-color: rgb(127 29 29 / 0.2);
 }
+.dark\\:bg-slate-700:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
+}
 .dark\\:bg-slate-800\\/50:is(.dark *) {
   background-color: rgb(30 41 59 / 0.5);
 }
@@ -2978,6 +3056,9 @@ select:-webkit-autofill:focus {
   --tw-placeholder-opacity: 1;
   color: rgb(113 113 122 / var(--tw-placeholder-opacity, 1));
 }
+.dark\\:opacity-5:is(.dark *) {
+  opacity: 0.05;
+}
 .dark\\:shadow-blue-900\\/20:is(.dark *) {
   --tw-shadow-color: rgb(30 58 138 / 0.2);
   --tw-shadow: var(--tw-shadow-colored);
@@ -3155,6 +3236,9 @@ select:-webkit-autofill:focus {
   .sm\\:text-left {
     text-align: left;
   }
+  .sm\\:text-\\[16rem\\] {
+    font-size: 16rem;
+  }
 }
 @media (min-width: 768px) {
   .md\\:grid-cols-2 {
@@ -3170,10 +3254,25 @@ select:-webkit-autofill:focus {
     padding-left: 1rem;
     padding-right: 1rem;
   }
+  .md\\:text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
   .md\\:text-3xl {
     font-size: 1.875rem;
     line-height: 2.25rem;
   }
+  .md\\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
+  .md\\:text-\\[20rem\\] {
+    font-size: 20rem;
+  }
+  .md\\:text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
 }
 @media (min-width: 1024px) {
   .lg\\:relative {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "warqadui",
-  "version": "0.0.79",
+  "version": "0.0.83",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",