shadcn-ui-react 0.7.11 → 0.7.13

package/dist/style.css

@@ -61,10 +61,13 @@
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
+    --container-xs: 20rem;
     --container-sm: 24rem;
     --container-md: 28rem;
     --container-lg: 32rem;
     --container-xl: 36rem;
+    --container-2xl: 42rem;
+    --container-3xl: 48rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
@@ -313,9 +316,6 @@
   .invisible {
     visibility: hidden;
   }
-  .visible {
-    visibility: visible;
-  }
   .sr-only {
     position: absolute;
     width: 1px;
@@ -468,6 +468,9 @@
   .my-1 {
     margin-block: calc(var(--spacing) * 1);
   }
+  .-mt-0\.75 {
+    margin-top: calc(var(--spacing) * -0.75);
+  }
   .-mt-4 {
     margin-top: calc(var(--spacing) * -4);
   }
@@ -628,12 +631,12 @@
   .h-px {
     height: 1px;
   }
-  .max-h-72 {
-    max-height: calc(var(--spacing) * 72);
-  }
   .max-h-\[300px\] {
     max-height: 300px;
   }
+  .max-h-\[calc\(100vh-2rem\)\] {
+    max-height: calc(100vh - 2rem);
+  }
   .max-h-full {
     max-height: 100%;
   }
@@ -649,9 +652,6 @@
   .min-h-screen {
     min-height: 100vh;
   }
-  .w-\(--radix-select-trigger-width\) {
-    width: var(--radix-select-trigger-width);
-  }
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
@@ -724,6 +724,9 @@
   .w-\[100px\] {
     width: 100px;
   }
+  .w-\[calc\(100vw-1rem\)\] {
+    width: calc(100vw - 1rem);
+  }
   .w-full {
     width: 100%;
   }
@@ -747,9 +750,6 @@
   .max-w-xl {
     max-width: var(--container-xl);
   }
-  .min-w-\(--radix-select-trigger-width\) {
-    min-width: var(--radix-select-trigger-width);
-  }
   .min-w-0 {
     min-width: calc(var(--spacing) * 0);
   }
@@ -854,15 +854,16 @@
   .resize {
     resize: both;
   }
-  .\[scrollbar-width\:thin\] {
-    scrollbar-width: thin;
-  }
-  .\[scrollbar-gutter\:stable\] {
+  .scrollbar-gutter-stable {
     scrollbar-gutter: stable;
   }
   .list-none {
     list-style-type: none;
   }
+  .columns-3 {
+    -moz-columns: 3;
+    columns: 3;
+  }
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
@@ -917,6 +918,13 @@
   .gap-6 {
     gap: calc(var(--spacing) * 6);
   }
+  .space-y-0\.5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-1 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -984,21 +992,12 @@
   .overflow-hidden {
     overflow: hidden;
   }
-  .overflow-hidden\! {
-    overflow: hidden !important;
-  }
   .overflow-visible {
     overflow: visible;
   }
-  .\!overflow-x-hidden {
-    overflow-x: hidden !important;
-  }
   .overflow-x-hidden {
     overflow-x: hidden;
   }
-  .\!overflow-y-scroll {
-    overflow-y: scroll !important;
-  }
   .overflow-y-auto {
     overflow-y: auto;
   }
@@ -1489,6 +1488,9 @@
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
+  .py-5 {
+    padding-block: calc(var(--spacing) * 5);
+  }
   .py-6 {
     padding-block: calc(var(--spacing) * 6);
   }
@@ -1501,6 +1503,9 @@
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
+  .pt-5 {
+    padding-top: calc(var(--spacing) * 5);
+  }
   .pt-6 {
     padding-top: calc(var(--spacing) * 6);
   }
@@ -1558,6 +1563,9 @@
   .text-left {
     text-align: left;
   }
+  .text-start {
+    text-align: start;
+  }
   .align-middle {
     vertical-align: middle;
   }
@@ -1741,9 +1749,6 @@
   .opacity-90 {
     opacity: 90%;
   }
-  .opacity-100 {
-    opacity: 100%;
-  }
   .shadow {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow:
@@ -2992,6 +2997,11 @@
       opacity: 50%;
     }
   }
+  .has-\[\[role\=checkbox\]\]\:pr-0 {
+    &:has(*:is([role=checkbox])) {
+      padding-right: calc(var(--spacing) * 0);
+    }
+  }
   .aria-selected\:bg-accent {
     &[aria-selected=true] {
       background-color: var(--accent);
@@ -3726,11 +3736,52 @@
       display: none;
     }
   }
+  .sm\:w-fit {
+    @media (width >= 40rem) {
+      width: -moz-fit-content;
+      width: fit-content;
+    }
+  }
+  .sm\:max-w-2xl {
+    @media (width >= 40rem) {
+      max-width: var(--container-2xl);
+    }
+  }
+  .sm\:max-w-3xl {
+    @media (width >= 40rem) {
+      max-width: var(--container-3xl);
+    }
+  }
+  .sm\:max-w-\[calc\(100vw-2rem\)\] {
+    @media (width >= 40rem) {
+      max-width: calc(100vw - 2rem);
+    }
+  }
+  .sm\:max-w-lg {
+    @media (width >= 40rem) {
+      max-width: var(--container-lg);
+    }
+  }
+  .sm\:max-w-md {
+    @media (width >= 40rem) {
+      max-width: var(--container-md);
+    }
+  }
   .sm\:max-w-sm {
     @media (width >= 40rem) {
       max-width: var(--container-sm);
     }
   }
+  .sm\:max-w-xl {
+    @media (width >= 40rem) {
+      max-width: var(--container-xl);
+    }
+  }
+  .sm\:max-w-xs {
+    @media (width >= 40rem) {
+      max-width: var(--container-xs);
+    }
+  }
   .sm\:grid-cols-\[1fr_auto\] {
     @media (width >= 40rem) {
       grid-template-columns: 1fr auto;
@@ -3993,26 +4044,6 @@
       width: calc(var(--spacing) * 5);
     }
   }
-  .\[\&_\[data-radix-select-viewport\]\]\:max-h-72 {
-    & [data-radix-select-viewport] {
-      max-height: calc(var(--spacing) * 72);
-    }
-  }
-  .\[\&_\[data-radix-select-viewport\]\]\:\[scrollbar-gutter\:stable\] {
-    & [data-radix-select-viewport] {
-      scrollbar-gutter: stable;
-    }
-  }
-  .\[\&_\[data-radix-select-viewport\]\]\:overflow-y-auto {
-    & [data-radix-select-viewport] {
-      overflow-y: auto;
-    }
-  }
-  .\[\&_\[data-radix-select-viewport\]\]\:overscroll-contain {
-    & [data-radix-select-viewport] {
-      overscroll-behavior: contain;
-    }
-  }
   .\[\&_p\]\:leading-relaxed {
     & p {
       --tw-leading: var(--leading-relaxed);
@@ -4245,36 +4276,6 @@
       line-height: var(--tw-leading, var(--text-xs--line-height));
     }
   }
-  .\[\&\:\:-webkit-scrollbar\]\:\!block {
-    &::-webkit-scrollbar {
-      display: block !important;
-    }
-  }
-  .\[\&\:\:-webkit-scrollbar\]\:\!w-2 {
-    &::-webkit-scrollbar {
-      width: calc(var(--spacing) * 2) !important;
-    }
-  }
-  .\[\&\:\:-webkit-scrollbar-thumb\]\:\!rounded-full {
-    &::-webkit-scrollbar-thumb {
-      border-radius: calc(infinity * 1px) !important;
-    }
-  }
-  .\[\&\:\:-webkit-scrollbar-thumb\]\:\!bg-border {
-    &::-webkit-scrollbar-thumb {
-      background-color: var(--border) !important;
-    }
-  }
-  .\[\&\:\:-webkit-scrollbar-track\]\:\!bg-transparent {
-    &::-webkit-scrollbar-track {
-      background-color: transparent !important;
-    }
-  }
-  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
-    &:has([role=checkbox]) {
-      padding-right: calc(var(--spacing) * 0);
-    }
-  }
   .\*\:\[\[role\=checkbox\]\]\:translate-y-0\.5 {
     :is(& > *) {
       &:is([role=checkbox]) {
@@ -4350,14 +4351,6 @@
       color: var(--primary-foreground);
     }
   }
-  .\[\&\>span\]\:line-clamp-1 {
-    & > span {
-      overflow: hidden;
-      display: -webkit-box;
-      -webkit-box-orient: vertical;
-      -webkit-line-clamp: 1;
-    }
-  }
   .\[\&\>svg\]\:absolute {
     & > svg {
       position: absolute;
@@ -4531,7 +4524,7 @@
   }
 }
 [data-select-scroll-content] {
-  overflow-y: scroll !important;
+  overflow-y: auto !important;
   scrollbar-width: thin !important;
 }
 [data-select-scroll-content]::-webkit-scrollbar {
@@ -4543,7 +4536,7 @@
 }
 [data-select-scroll-content]::-webkit-scrollbar-thumb {
   border-radius: 9999px !important;
-  background: hsl(var(--border)) !important;
+  background: var(--border) !important;
 }
 @keyframes enter {
   from {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shadcn-ui-react",
-  "version": "0.7.11",
+  "version": "0.7.13",
   "private": false,
   "author": "Bleker <bleker@gliyen.com>",
   "description": "A collection of components for building beautiful and accessible user interfaces with React and Tailwind CSS.",