@papernote/ui 1.10.26 → 1.11.0

package/dist/styles.css

@@ -1317,6 +1317,10 @@ input:checked + .slider:before{
   left: 0.125rem;
 }
 
+.left-1{
+  left: 0.25rem;
+}
+
 .left-1\/2{
   left: 50%;
 }
@@ -1485,6 +1489,10 @@ input:checked + .slider:before{
   grid-column: span 9 / span 9;
 }
 
+.col-span-full{
+  grid-column: 1 / -1;
+}
+
 .row-span-1{
   grid-row: span 1 / span 1;
 }
@@ -1627,6 +1635,10 @@ input:checked + .slider:before{
   margin-bottom: 2rem;
 }
 
+.ml-0\.5{
+  margin-left: 0.125rem;
+}
+
 .ml-1{
   margin-left: 0.25rem;
 }
@@ -2041,6 +2053,10 @@ input:checked + .slider:before{
   width: 6rem;
 }
 
+.w-28{
+  width: 7rem;
+}
+
 .w-3{
   width: 0.75rem;
 }
@@ -2930,6 +2946,15 @@ input:checked + .slider:before{
   gap: 2rem;
 }
 
+.gap-x-3{
+  -moz-column-gap: 0.75rem;
+       column-gap: 0.75rem;
+}
+
+.gap-y-1{
+  row-gap: 0.25rem;
+}
+
 .space-x-1 > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse: 0;
   margin-right: calc(0.25rem * var(--tw-space-x-reverse));
@@ -3300,6 +3325,16 @@ input:checked + .slider:before{
   border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
 }
 
+.border-green-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
+}
+
+.border-indigo-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
+}
+
 .border-ink-200{
   --tw-border-opacity: 1;
   border-color: rgb(231 229 228 / var(--tw-border-opacity, 1));
@@ -3315,6 +3350,11 @@ input:checked + .slider:before{
   border-color: rgb(168 162 158 / var(--tw-border-opacity, 1));
 }
 
+.border-orange-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
+}
+
 .border-paper-100{
   --tw-border-opacity: 1;
   border-color: rgb(245 245 244 / var(--tw-border-opacity, 1));
@@ -3363,6 +3403,21 @@ input:checked + .slider:before{
   border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
 }
 
+.border-purple-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));
+}
+
+.border-red-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
+}
+
+.border-slate-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
+}
+
 .border-slate-200\/80{
   border-color: rgb(226 232 240 / 0.8);
 }
@@ -3406,6 +3461,11 @@ input:checked + .slider:before{
   border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
 }
 
+.border-teal-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(153 246 228 / var(--tw-border-opacity, 1));
+}
+
 .border-transparent{
   border-color: transparent;
 }
@@ -3435,6 +3495,11 @@ input:checked + .slider:before{
   border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
 }
 
+.border-yellow-200{
+  --tw-border-opacity: 1;
+  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
+}
+
 .border-b-ink-800{
   --tw-border-opacity: 1;
   border-bottom-color: rgb(41 37 36 / var(--tw-border-opacity, 1));
@@ -3445,6 +3510,11 @@ input:checked + .slider:before{
   border-left-color: rgb(139 136 120 / var(--tw-border-opacity, 1));
 }
 
+.border-l-blue-400{
+  --tw-border-opacity: 1;
+  border-left-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
+}
+
 .border-l-error-500{
   --tw-border-opacity: 1;
   border-left-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
@@ -3455,6 +3525,16 @@ input:checked + .slider:before{
   border-left-color: rgb(41 37 36 / var(--tw-border-opacity, 1));
 }
 
+.border-l-red-400{
+  --tw-border-opacity: 1;
+  border-left-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
+}
+
+.border-l-red-500{
+  --tw-border-opacity: 1;
+  border-left-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
+}
+
 .border-l-success-500{
   --tw-border-opacity: 1;
   border-left-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
@@ -3465,6 +3545,11 @@ input:checked + .slider:before{
   border-left-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
 }
 
+.border-l-yellow-400{
+  --tw-border-opacity: 1;
+  border-left-color: rgb(250 204 21 / var(--tw-border-opacity, 1));
+}
+
 .border-r-ink-800{
   --tw-border-opacity: 1;
   border-right-color: rgb(41 37 36 / var(--tw-border-opacity, 1));
@@ -3539,11 +3624,21 @@ input:checked + .slider:before{
   background-color: rgb(0 0 0 / 0.5);
 }
 
+.bg-blue-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
+}
+
 .bg-blue-50{
   --tw-bg-opacity: 1;
   background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
 }
 
+.bg-blue-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
+}
+
 .bg-current{
   background-color: currentColor;
 }
@@ -3597,6 +3692,26 @@ input:checked + .slider:before{
   background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
 
+.bg-green-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
+}
+
+.bg-green-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
+}
+
+.bg-indigo-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
+}
+
+.bg-indigo-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
+}
+
 .bg-ink-100{
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1));
@@ -3655,6 +3770,21 @@ input:checked + .slider:before{
   background-color: rgb(28 25 23 / 0.8);
 }
 
+.bg-orange-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
+}
+
+.bg-orange-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
+}
+
+.bg-orange-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
+}
+
 .bg-paper-100{
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1));
@@ -3708,6 +3838,11 @@ input:checked + .slider:before{
   background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
 }
 
+.bg-primary-400{
+  --tw-bg-opacity: 1;
+  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
+}
+
 .bg-primary-50{
   --tw-bg-opacity: 1;
   background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
@@ -3731,6 +3866,31 @@ input:checked + .slider:before{
   background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
 }
 
+.bg-purple-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
+}
+
+.bg-purple-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
+}
+
+.bg-red-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
+}
+
+.bg-red-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
+}
+
+.bg-red-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
+}
+
 .bg-sky-100{
   --tw-bg-opacity: 1;
   background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
@@ -3745,6 +3905,16 @@ input:checked + .slider:before{
   background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
 }
 
+.bg-slate-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
+}
+
+.bg-slate-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
+}
+
 .bg-slate-50\/80{
   background-color: rgb(248 250 252 / 0.8);
 }
@@ -3801,6 +3971,16 @@ input:checked + .slider:before{
   background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
 }
 
+.bg-teal-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
+}
+
+.bg-teal-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1));
+}
+
 .bg-transparent{
   background-color: transparent;
 }
@@ -3856,6 +4036,21 @@ input:checked + .slider:before{
   background-color: rgb(255 255 255 / 0.9);
 }
 
+.bg-yellow-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
+}
+
+.bg-yellow-50{
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
+}
+
+.bg-yellow-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
+}
+
 .bg-opacity-50{
   --tw-bg-opacity: 0.5;
 }
@@ -4018,6 +4213,10 @@ input:checked + .slider:before{
   fill: #f59e0b;
 }
 
+.fill-white{
+  fill: #fff;
+}
+
 .stroke-accent-100{
   stroke: #f5f5f0;
 }
@@ -4547,11 +4746,26 @@ input:checked + .slider:before{
   color: rgb(42 41 34 / var(--tw-text-opacity, 1));
 }
 
+.text-blue-500{
+  --tw-text-opacity: 1;
+  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
+}
+
 .text-blue-600{
   --tw-text-opacity: 1;
   color: rgb(37 99 235 / var(--tw-text-opacity, 1));
 }
 
+.text-blue-700{
+  --tw-text-opacity: 1;
+  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
+}
+
+.text-blue-800{
+  --tw-text-opacity: 1;
+  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
+}
+
 .text-current{
   color: currentColor;
 }
@@ -4616,6 +4830,16 @@ input:checked + .slider:before{
   color: rgb(22 163 74 / var(--tw-text-opacity, 1));
 }
 
+.text-green-700{
+  --tw-text-opacity: 1;
+  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
+}
+
+.text-indigo-700{
+  --tw-text-opacity: 1;
+  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
+}
+
 .text-ink-300{
   --tw-text-opacity: 1;
   color: rgb(214 211 209 / var(--tw-text-opacity, 1));
@@ -4651,6 +4875,11 @@ input:checked + .slider:before{
   color: rgb(28 25 23 / var(--tw-text-opacity, 1));
 }
 
+.text-orange-700{
+  --tw-text-opacity: 1;
+  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
+}
+
 .text-paper-200{
   --tw-text-opacity: 1;
   color: rgb(231 229 228 / var(--tw-text-opacity, 1));
@@ -4681,11 +4910,26 @@ input:checked + .slider:before{
   color: rgb(15 23 42 / var(--tw-text-opacity, 1));
 }
 
+.text-purple-700{
+  --tw-text-opacity: 1;
+  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
+}
+
 .text-red-600{
   --tw-text-opacity: 1;
   color: rgb(220 38 38 / var(--tw-text-opacity, 1));
 }
 
+.text-red-700{
+  --tw-text-opacity: 1;
+  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
+}
+
+.text-slate-700{
+  --tw-text-opacity: 1;
+  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
+}
+
 .text-success-400{
   --tw-text-opacity: 1;
   color: rgb(74 222 128 / var(--tw-text-opacity, 1));
@@ -4716,6 +4960,11 @@ input:checked + .slider:before{
   color: rgb(6 78 59 / var(--tw-text-opacity, 1));
 }
 
+.text-teal-700{
+  --tw-text-opacity: 1;
+  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
+}
+
 .text-warning-200{
   --tw-text-opacity: 1;
   color: rgb(253 230 138 / var(--tw-text-opacity, 1));
@@ -4761,6 +5010,11 @@ input:checked + .slider:before{
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
+.text-yellow-700{
+  --tw-text-opacity: 1;
+  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
+}
+
 .underline{
   text-decoration-line: underline;
 }
@@ -4977,6 +5231,11 @@ input:checked + .slider:before{
   --tw-ring-color: rgb(214 211 209 / var(--tw-ring-opacity, 1));
 }
 
+.ring-primary-100{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity, 1));
+}
+
 .ring-primary-300{
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity, 1));
@@ -5489,6 +5748,14 @@ input:checked + .slider:before{
   --tw-ring-offset-width: 2px;
 }
 
+.hover\:h-1:hover{
+  height: 0.25rem;
+}
+
+.hover\:w-1:hover{
+  width: 0.25rem;
+}
+
 .hover\:scale-105:hover{
   --tw-scale-x: 1.05;
   --tw-scale-y: 1.05;
@@ -5501,6 +5768,10 @@ input:checked + .slider:before{
   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\:border-2:hover{
+  border-width: 2px;
+}
+
 .hover\:border-accent-300:hover{
   --tw-border-opacity: 1;
   border-color: rgb(212 210 200 / var(--tw-border-opacity, 1));
@@ -5531,6 +5802,11 @@ input:checked + .slider:before{
   border-color: rgb(168 162 158 / var(--tw-border-opacity, 1));
 }
 
+.hover\:border-primary-300:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
+}
+
 .hover\:bg-accent-100:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 240 / var(--tw-bg-opacity, 1));
@@ -5840,6 +6116,11 @@ input:checked + .slider:before{
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
 }
 
+.hover\:text-error-600:hover{
+  --tw-text-opacity: 1;
+  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
+}
+
 .hover\:text-error-700:hover{
   --tw-text-opacity: 1;
   color: rgb(185 28 28 / var(--tw-text-opacity, 1));
@@ -6361,6 +6642,10 @@ input:checked + .slider:before{
 
 @media (min-width: 768px){
 
+  .md\:col-span-2{
+    grid-column: span 2 / span 2;
+  }
+
   .md\:mb-8{
     margin-bottom: 2rem;
   }
@@ -6466,6 +6751,10 @@ input:checked + .slider:before{
     grid-column: span 2 / span 2;
   }
 
+  .lg\:col-span-3{
+    grid-column: span 3 / span 3;
+  }
+
   .lg\:mr-auto{
     margin-right: auto;
   }
@@ -6601,11 +6890,58 @@ input:checked + .slider:before{
 
 @media (prefers-color-scheme: dark){
 
+  .dark\:border-blue-800{
+    --tw-border-opacity: 1;
+    border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
+  }
+
+  .dark\:border-error-800{
+    --tw-border-opacity: 1;
+    border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
+  }
+
+  .dark\:border-ink-700{
+    --tw-border-opacity: 1;
+    border-color: rgb(68 64 60 / var(--tw-border-opacity, 1));
+  }
+
+  .dark\:border-warning-800{
+    --tw-border-opacity: 1;
+    border-color: rgb(146 64 14 / var(--tw-border-opacity, 1));
+  }
+
+  .dark\:bg-blue-900\/20{
+    background-color: rgb(30 58 138 / 0.2);
+  }
+
+  .dark\:bg-error-900\/20{
+    background-color: rgb(127 29 29 / 0.2);
+  }
+
+  .dark\:bg-ink-700{
+    --tw-bg-opacity: 1;
+    background-color: rgb(68 64 60 / var(--tw-bg-opacity, 1));
+  }
+
+  .dark\:bg-ink-800{
+    --tw-bg-opacity: 1;
+    background-color: rgb(41 37 36 / var(--tw-bg-opacity, 1));
+  }
+
+  .dark\:bg-ink-900{
+    --tw-bg-opacity: 1;
+    background-color: rgb(28 25 23 / var(--tw-bg-opacity, 1));
+  }
+
   .dark\:bg-primary-900{
     --tw-bg-opacity: 1;
     background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
   }
 
+  .dark\:bg-primary-900\/20{
+    background-color: rgb(15 23 42 / 0.2);
+  }
+
   .dark\:bg-slate-800{
     --tw-bg-opacity: 1;
     background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
@@ -6616,16 +6952,44 @@ input:checked + .slider:before{
     background-color: rgb(120 53 15 / var(--tw-bg-opacity, 1));
   }
 
+  .dark\:bg-warning-900\/20{
+    background-color: rgb(120 53 15 / 0.2);
+  }
+
+  .dark\:fill-ink-300{
+    fill: #d6d3d1;
+  }
+
+  .dark\:text-blue-200{
+    --tw-text-opacity: 1;
+    color: rgb(191 219 254 / var(--tw-text-opacity, 1));
+  }
+
+  .dark\:text-error-200{
+    --tw-text-opacity: 1;
+    color: rgb(254 202 202 / var(--tw-text-opacity, 1));
+  }
+
   .dark\:text-ink-100{
     --tw-text-opacity: 1;
     color: rgb(245 245 244 / var(--tw-text-opacity, 1));
   }
 
+  .dark\:text-ink-300{
+    --tw-text-opacity: 1;
+    color: rgb(214 211 209 / var(--tw-text-opacity, 1));
+  }
+
   .dark\:text-ink-400{
     --tw-text-opacity: 1;
     color: rgb(168 162 158 / var(--tw-text-opacity, 1));
   }
 
+  .dark\:text-primary-300{
+    --tw-text-opacity: 1;
+    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
+  }
+
   .dark\:text-primary-400{
     --tw-text-opacity: 1;
     color: rgb(148 163 184 / var(--tw-text-opacity, 1));
@@ -6636,6 +7000,11 @@ input:checked + .slider:before{
     color: rgb(148 163 184 / var(--tw-text-opacity, 1));
   }
 
+  .dark\:text-warning-200{
+    --tw-text-opacity: 1;
+    color: rgb(253 230 138 / var(--tw-text-opacity, 1));
+  }
+
   .dark\:text-warning-300{
     --tw-text-opacity: 1;
     color: rgb(252 211 77 / var(--tw-text-opacity, 1));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@papernote/ui",
-  "version": "1.10.26",
+  "version": "1.11.0",
   "type": "module",
   "description": "A modern React component library with a paper notebook aesthetic - minimal, professional, and expressive",
   "main": "dist/index.js",