@arolariu/components 0.4.0 → 0.4.2

package/dist/index.css

@@ -626,6 +626,18 @@
     order: 9999;
   }
 
+  .col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .row-start-1 {
+    grid-row-start: 1;
+  }
+
   .container {
     width: 100%;
   }
@@ -1519,10 +1531,18 @@
     margin-inline-end: calc(var(--spacing) * 2 * (1 - var(--tw-space-x-reverse)));
   }
 
+  .self-start {
+    align-self: flex-start;
+  }
+
   .self-stretch {
     align-self: stretch;
   }
 
+  .justify-self-end {
+    justify-self: flex-end;
+  }
+
   .overflow-auto {
     overflow: auto;
   }
@@ -1653,8 +1673,8 @@
     border-style: dashed;
   }
 
-  .border-\[--color-border\] {
-    border-color: --color-border;
+  .border-\(--color-border\) {
+    border-color: var(--color-border);
   }
 
   .border-green-400 {
@@ -1665,16 +1685,6 @@
     border-color: var(--color-neutral-200);
   }
 
-  .border-neutral-200\/50 {
-    border-color: #e5e5e580;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    .border-neutral-200\/50 {
-      border-color: color-mix(in oklab, var(--color-neutral-200) 50%, transparent);
-    }
-  }
-
   .border-neutral-900 {
     border-color: var(--color-neutral-900);
   }
@@ -1715,8 +1725,8 @@
     border-left-color: #0000;
   }
 
-  .bg-\[--color-bg\] {
-    background-color: --color-bg;
+  .bg-\(--color-bg\) {
+    background-color: var(--color-bg);
   }
 
   .bg-black {
@@ -3872,16 +3882,6 @@
     border-color: var(--color-neutral-800);
   }
 
-  .dark\:border-neutral-800\/50:is(.dark *) {
-    border-color: #26262680;
-  }
-
-  @supports (color: color-mix(in lab,red,red)) {
-    .dark\:border-neutral-800\/50:is(.dark *) {
-      border-color: color-mix(in oklab, var(--color-neutral-800) 50%, transparent);
-    }
-  }
-
   .dark\:border-red-500:is(.dark *) {
     border-color: var(--color-red-500);
   }
@@ -4379,20 +4379,46 @@
     stroke: #0000;
   }
 
-  .\[\&_\.recharts-layer\]\:outline-none .recharts-layer, .\[\&_\.recharts-sector\]\:outline-none .recharts-sector {
+  .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
+  @media (forced-colors: active) {
+    .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
+  .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
     --tw-outline-style: none;
     outline-style: none;
   }
 
+  @media (forced-colors: active) {
+    .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
   .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] {
     stroke: #0000;
   }
 
-  .\[\&_\.recharts-surface\]\:outline-none .recharts-surface {
+  .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
     --tw-outline-style: none;
     outline-style: none;
   }
 
+  @media (forced-colors: active) {
+    .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
+      outline-offset: 2px;
+      outline: 2px solid #0000;
+    }
+  }
+
   .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
     padding-inline: calc(var(--spacing) * 2);
   }