@boxcustodia/library 0.0.9 → 0.1.0

package/dist/style.css

@@ -551,34 +551,34 @@ video {
 }
 
 :root {
-    --background: 0 0% 100%;
-    --foreground: 222.2 84% 4.9%;
+    --background: #ffffff;
+    --foreground: #020817;
 
-    --popover: 0 0% 100%;
-    --popover-foreground: 222.2 84% 4.9%;
+    --popover: #ffffff;
+    --popover-foreground: #020817;
 
-    --primary: 229.62 84.78% 63.92%;
-    --primary-foreground: 0 0% 100%;
+    --primary: #5570f1;
+    --primary-foreground: #ffffff;
 
-    --secondary: 210 40% 96.1%;
-    --secondary-foreground: 222.2 47.4% 11.2%;
+    --secondary: #f1f5f9;
+    --secondary-foreground: #0f172a;
 
-    --muted: 210 40% 96.1%;
-    --muted-foreground: 215.4 16.3% 46.9%;
+    --muted: #f1f5f9;
+    --muted-foreground: #64748b;
 
-    --accent: 225.88 100% 96.67%;
-    --accent-foreground: 210, 5%, 7.84%;
+    --accent: #eef2ff;
+    --accent-foreground: #131415;
 
-    --error: 0 84.2% 60.2%;
-    --error-foreground: 210 40% 98%;
+    --error: #ef4444;
+    --error-foreground: #f8fafc;
 
-    --success: 149 51% 48%;
-    --success-foreground: 210 40% 98%;
+    --success: #3cb978;
+    --success-foreground: #f8fafc;
 
-    --border: 0 0% 70.2%;
-    --input: 0 0% 70.2%;
+    --border: #b3b3b3;
+    --input: #b3b3b3;
     --checkbox: var(--primary);
-    --ring: 222.2 84% 4.9%;
+    --ring: #020817;
 
     --radius: 0.5rem;
 
@@ -586,39 +586,38 @@ video {
   }
 
 .dark {
-    --background: 0 0% 100%;
-    --foreground: 222.2 84% 4.9%;
+    --background: #ffffff;
+    --foreground: #020817;
 
-    --popover: 0 0% 100%;
-    --popover-foreground: 222.2 84% 4.9%;
+    --popover: #ffffff;
+    --popover-foreground: #020817;
 
-    --primary: 229.62 84.78% 63.92%;
-    --primary-foreground: 0 0% 100%;
+    --primary: #5570f1;
+    --primary-foreground: #ffffff;
 
-    --secondary: 210 40% 96.1%;
-    --secondary-foreground: 222.2 47.4% 11.2%;
+    --secondary: #f1f5f9;
+    --secondary-foreground: #0f172a;
 
-    --muted: 210 40% 96.1%;
-    --muted-foreground: 215.4 16.3% 46.9%;
+    --muted: #f1f5f9;
+    --muted-foreground: #64748b;
 
-    --accent: 225.88 100% 96.67%;
-    --accent-foreground: 210, 5%, 7.84%;
+    --accent: #eef2ff;
+    --accent-foreground: #131415;
 
-    --error: 0 84.2% 60.2%;
-    --error-foreground: 210 40% 98%;
+    --error: #ef4444;
+    --error-foreground: #f8fafc;
 
-    --success: 149 51% 48%;
-    --success-foreground: 210 40% 98%;
+    --success: #3cb978;
+    --success-foreground: #f8fafc;
 
-    --border: 0 0% 70.2%;
-    --input: 0 0% 70.2%;
+    --border: #b3b3b3;
+    --input: #b3b3b3;
     --checkbox: var(--primary);
-    --ring: 222.2 84% 4.9%;
+    --ring: #020817;
 
     --radius: 0.5rem;
 
     --icon-size: 1rem;
-    --background:  ;
   }
 
 *, ::before, ::after {
@@ -1324,21 +1323,18 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(217 217 217 / var(--tw-border-opacity));
 }
-.ui-border-\[hsl\(var\(--checkbox\)\)\] {
-  border-color: hsl(var(--checkbox));
-}
-.ui-border-border\/20 {
-  border-color: hsl(var(--border) / 0.2);
+.ui-border-\[var\(--checkbox\)\] {
+  border-color: var(--checkbox);
 }
 .ui-border-gray-300 {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity));
 }
 .ui-border-input {
-  border-color: hsl(var(--input));
+  border-color: var(--input);
 }
 .ui-border-primary {
-  border-color: hsl(var(--primary));
+  border-color: var(--primary);
 }
 .ui-border-red-500 {
   --tw-border-opacity: 1;
@@ -1348,14 +1344,14 @@ video {
   border-color: transparent;
 }
 .ui-bg-accent {
-  background-color: hsl(var(--accent));
+  background-color: var(--accent);
 }
 .ui-bg-amber-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(245 158 11 / var(--tw-bg-opacity));
 }
 .ui-bg-background {
-  background-color: hsl(var(--background));
+  background-color: var(--background);
 }
 .ui-bg-black\/80 {
   background-color: rgb(0 0 0 / 0.8);
@@ -1369,11 +1365,10 @@ video {
   background-color: rgb(59 130 246 / var(--tw-bg-opacity));
 }
 .ui-bg-border {
-  background-color: hsl(var(--border));
+  background-color: var(--border);
 }
 .ui-bg-error {
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--error) / var(--tw-bg-opacity));
+  background-color: var(--error);
 }
 .ui-bg-gray-100 {
   --tw-bg-opacity: 1;
@@ -1388,19 +1383,19 @@ video {
   background-color: rgb(34 197 94 / var(--tw-bg-opacity));
 }
 .ui-bg-input {
-  background-color: hsl(var(--input));
+  background-color: var(--input);
 }
 .ui-bg-muted {
-  background-color: hsl(var(--muted));
+  background-color: var(--muted);
 }
 .ui-bg-popover {
-  background-color: hsl(var(--popover));
+  background-color: var(--popover);
 }
 .ui-bg-primary {
-  background-color: hsl(var(--primary));
+  background-color: var(--primary);
 }
 .ui-bg-primary-foreground {
-  background-color: hsl(var(--primary-foreground));
+  background-color: var(--primary-foreground);
 }
 .ui-bg-red-400 {
   --tw-bg-opacity: 1;
@@ -1411,15 +1406,14 @@ video {
   background-color: rgb(239 68 68 / var(--tw-bg-opacity));
 }
 .ui-bg-secondary {
-  background-color: hsl(var(--secondary));
+  background-color: var(--secondary);
 }
 .ui-bg-slate-950 {
   --tw-bg-opacity: 1;
   background-color: rgb(2 6 23 / var(--tw-bg-opacity));
 }
 .ui-bg-success {
-  --tw-bg-opacity: 1;
-  background-color: hsl(var(--success) / var(--tw-bg-opacity));
+  background-color: var(--success);
 }
 .ui-bg-transparent {
   background-color: transparent;
@@ -1613,15 +1607,13 @@ video {
   color: rgb(147 197 253 / var(--tw-text-opacity));
 }
 .ui-text-error {
-  --tw-text-opacity: 1;
-  color: hsl(var(--error) / var(--tw-text-opacity));
+  color: var(--error);
 }
 .ui-text-error-foreground {
-  --tw-text-opacity: 1;
-  color: hsl(var(--error-foreground) / var(--tw-text-opacity));
+  color: var(--error-foreground);
 }
 .ui-text-foreground {
-  color: hsl(var(--foreground));
+  color: var(--foreground);
 }
 .ui-text-gray-800 {
   --tw-text-opacity: 1;
@@ -1636,31 +1628,29 @@ video {
   color: rgb(34 197 94 / var(--tw-text-opacity));
 }
 .ui-text-muted-foreground {
-  color: hsl(var(--muted-foreground));
+  color: var(--muted-foreground);
 }
 .ui-text-popover-foreground {
-  color: hsl(var(--popover-foreground));
+  color: var(--popover-foreground);
 }
 .ui-text-primary {
-  color: hsl(var(--primary));
+  color: var(--primary);
 }
 .ui-text-primary-foreground {
-  color: hsl(var(--primary-foreground));
+  color: var(--primary-foreground);
 }
 .ui-text-red-500 {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity));
 }
 .ui-text-secondary-foreground {
-  color: hsl(var(--secondary-foreground));
+  color: var(--secondary-foreground);
 }
 .ui-text-success {
-  --tw-text-opacity: 1;
-  color: hsl(var(--success) / var(--tw-text-opacity));
+  color: var(--success);
 }
 .ui-text-success-foreground {
-  --tw-text-opacity: 1;
-  color: hsl(var(--success-foreground) / var(--tw-text-opacity));
+  color: var(--success-foreground);
 }
 .ui-text-transparent {
   color: transparent;
@@ -1720,7 +1710,7 @@ video {
   --tw-ring-offset-width: 2px;
 }
 .ui-ring-offset-background {
-  --tw-ring-offset-color: hsl(var(--background));
+  --tw-ring-offset-color: var(--background);
 }
 .ui-transition-all {
   transition-property: all;
@@ -1833,51 +1823,35 @@ video {
   font-weight: 500;
 }
 .placeholder\:ui-text-muted-foreground::-moz-placeholder {
-  color: hsl(var(--muted-foreground));
+  color: var(--muted-foreground);
 }
 .placeholder\:ui-text-muted-foreground::placeholder {
-  color: hsl(var(--muted-foreground));
+  color: var(--muted-foreground);
 }
 .empty\:ui-hidden:empty {
   display: none;
 }
 .hover\:ui-bg-accent:hover {
-  background-color: hsl(var(--accent));
+  background-color: var(--accent);
 }
 .hover\:ui-bg-amber-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(217 119 6 / var(--tw-bg-opacity));
 }
 .hover\:ui-bg-background:hover {
-  background-color: hsl(var(--background));
+  background-color: var(--background);
 }
 .hover\:ui-bg-black\/10:hover {
   background-color: rgb(0 0 0 / 0.1);
 }
-.hover\:ui-bg-error\/80:hover {
-  background-color: hsl(var(--error) / 0.8);
-}
-.hover\:ui-bg-error\/90:hover {
-  background-color: hsl(var(--error) / 0.9);
-}
 .hover\:ui-bg-muted:hover {
-  background-color: hsl(var(--muted));
-}
-.hover\:ui-bg-primary\/80:hover {
-  background-color: hsl(var(--primary) / 0.8);
-}
-.hover\:ui-bg-primary\/90:hover {
-  background-color: hsl(var(--primary) / 0.9);
-}
-.hover\:ui-bg-secondary\/80:hover {
-  background-color: hsl(var(--secondary) / 0.8);
+  background-color: var(--muted);
 }
 .hover\:ui-text-accent-foreground:hover {
-  color: hsl(var(--accent-foreground));
+  color: var(--accent-foreground);
 }
 .hover\:ui-text-error:hover {
-  --tw-text-opacity: 1;
-  color: hsl(var(--error) / var(--tw-text-opacity));
+  color: var(--error);
 }
 .hover\:ui-text-white:hover {
   --tw-text-opacity: 1;
@@ -1898,14 +1872,14 @@ video {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 .focus\:ui-bg-accent:focus {
-  background-color: hsl(var(--accent));
+  background-color: var(--accent);
 }
 .focus\:ui-bg-black:focus {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
 .focus\:ui-text-accent-foreground:focus {
-  color: hsl(var(--accent-foreground));
+  color: var(--accent-foreground);
 }
 .focus\:ui-text-white:focus {
   --tw-text-opacity: 1;
@@ -1921,7 +1895,7 @@ video {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 .focus\:ui-ring-ring:focus {
-  --tw-ring-color: hsl(var(--ring));
+  --tw-ring-color: var(--ring);
 }
 .focus\:ui-ring-offset-2:focus {
   --tw-ring-offset-width: 2px;
@@ -1936,7 +1910,7 @@ video {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 .focus-visible\:ui-ring-ring:focus-visible {
-  --tw-ring-color: hsl(var(--ring));
+  --tw-ring-color: var(--ring);
 }
 .focus-visible\:ui-ring-offset-2:focus-visible {
   --tw-ring-offset-width: 2px;
@@ -1963,10 +1937,10 @@ video {
   opacity: 0.5;
 }
 .aria-selected\:ui-bg-accent[aria-selected="true"] {
-  background-color: hsl(var(--accent));
+  background-color: var(--accent);
 }
 .aria-selected\:ui-text-accent-foreground[aria-selected="true"] {
-  color: hsl(var(--accent-foreground));
+  color: var(--accent-foreground);
 }
 .data-\[disabled\]\:ui-pointer-events-none[data-disabled] {
   pointer-events: none;
@@ -2025,66 +1999,64 @@ video {
   border-color: transparent;
 }
 .data-\[state\=unchecked\]\:ui-border-input[data-state="unchecked"] {
-  border-color: hsl(var(--input));
+  border-color: var(--input);
 }
 .data-\[active\=true\]\:ui-bg-primary[data-active="true"] {
-  background-color: hsl(var(--primary));
+  background-color: var(--primary);
 }
 .data-\[selected\=true\]\:ui-bg-accent[data-selected="true"] {
-  background-color: hsl(var(--accent));
+  background-color: var(--accent);
 }
 .data-\[state-selected\]\:ui-bg-primary[data-state-selected] {
-  background-color: hsl(var(--primary));
+  background-color: var(--primary);
 }
 .data-\[state-today\]\:ui-bg-red-400[data-state-today] {
   --tw-bg-opacity: 1;
   background-color: rgb(248 113 113 / var(--tw-bg-opacity));
 }
 .data-\[state\=\'open\'\]\:ui-bg-accent[data-state='open'] {
-  background-color: hsl(var(--accent));
+  background-color: var(--accent);
 }
-.data-\[state\=checked\]\:ui-bg-\[hsl\(var\(--checkbox\)\)\][data-state="checked"] {
-  background-color: hsl(var(--checkbox));
+.data-\[state\=checked\]\:ui-bg-\[var\(--checkbox\)\][data-state="checked"] {
+  background-color: var(--checkbox);
 }
 .data-\[state\=checked\]\:ui-bg-primary[data-state="checked"] {
-  background-color: hsl(var(--primary));
+  background-color: var(--primary);
 }
 .data-\[state\=checked\]\:ui-bg-red-500[data-state="checked"] {
   --tw-bg-opacity: 1;
   background-color: rgb(239 68 68 / var(--tw-bg-opacity));
 }
 .data-\[state\=unchecked\]\:ui-bg-background[data-state="unchecked"] {
-  background-color: hsl(var(--background));
+  background-color: var(--background);
 }
 .data-\[active\=true\]\:ui-text-primary-foreground[data-active="true"] {
-  color: hsl(var(--primary-foreground));
+  color: var(--primary-foreground);
 }
 .data-\[selected\=true\]\:ui-text-accent-foreground[data-selected="true"] {
-  color: hsl(var(--accent-foreground));
+  color: var(--accent-foreground);
 }
 .data-\[state-selected\]\:\!ui-text-primary-foreground[data-state-selected] {
-  color: hsl(var(--primary-foreground)) !important;
+  color: var(--primary-foreground) !important;
 }
 .data-\[state-today\]\:ui-text-error[data-state-today] {
-  --tw-text-opacity: 1;
-  color: hsl(var(--error) / var(--tw-text-opacity));
+  color: var(--error);
 }
 .data-\[state-today\]\:ui-text-white[data-state-today] {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 .data-\[state-weekend\]\:ui-text-error[data-state-weekend] {
-  --tw-text-opacity: 1;
-  color: hsl(var(--error) / var(--tw-text-opacity));
+  color: var(--error);
 }
 .data-\[state\=\'open\'\]\:ui-text-muted-foreground[data-state='open'] {
-  color: hsl(var(--muted-foreground));
+  color: var(--muted-foreground);
 }
 .data-\[state\=checked\]\:ui-text-primary-foreground[data-state="checked"] {
-  color: hsl(var(--primary-foreground));
+  color: var(--primary-foreground);
 }
 .data-\[state\=unchecked\]\:ui-text-muted-foreground[data-state="unchecked"] {
-  color: hsl(var(--muted-foreground));
+  color: var(--muted-foreground);
 }
 .data-\[disabled\]\:ui-opacity-50[data-disabled] {
   opacity: 0.5;
@@ -2150,13 +2122,7 @@ video {
   --tw-enter-translate-x: -50%;
 }
 .data-\[active\=false\]\:hover\:ui-bg-accent:hover[data-active="false"] {
-  background-color: hsl(var(--accent));
-}
-.data-\[active\=true\]\:hover\:ui-bg-primary\/90:hover[data-active="true"] {
-  background-color: hsl(var(--primary) / 0.9);
-}
-.data-\[state-selected\]\:hover\:ui-bg-primary\/80:hover[data-state-selected] {
-  background-color: hsl(var(--primary) / 0.8);
+  background-color: var(--accent);
 }
 .open\:ui-animate-in[data-state="open"] {
   animation-name: enter;
@@ -2248,7 +2214,7 @@ video {
   font-weight: 500;
 }
 .\[\&_\[cmdk-group-heading\]\]\:ui-text-muted-foreground [cmdk-group-heading] {
-  color: hsl(var(--muted-foreground));
+  color: var(--muted-foreground);
 }
 .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:ui-pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] {
   padding-top: 0px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@boxcustodia/library",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",