@iit/precision-ui 0.6.0 → 0.7.0

package/dist/styles.css

@@ -432,6 +432,9 @@ body{
     white-space: nowrap;
     border-width: 0;
 }
+.visible{
+    visibility: visible;
+}
 .fixed{
     position: fixed;
 }
@@ -513,6 +516,12 @@ body{
 .top-4{
     top: 1rem;
 }
+.top-6{
+    top: 1.5rem;
+}
+.top-\[1px\]{
+    top: 1px;
+}
 .top-\[50\%\]{
     top: 50%;
 }
@@ -553,6 +562,10 @@ body{
     margin-left: auto;
     margin-right: auto;
 }
+.my-4{
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+}
 .-ml-4{
     margin-left: -1rem;
 }
@@ -595,6 +608,9 @@ body{
 .mt-6{
     margin-top: 1.5rem;
 }
+.mt-7{
+    margin-top: 1.75rem;
+}
 .mt-8{
     margin-top: 2rem;
 }
@@ -667,6 +683,9 @@ body{
 .h-\[10px\]{
     height: 10px;
 }
+.h-\[180px\]{
+    height: 180px;
+}
 .h-\[18px\]{
     height: 18px;
 }
@@ -676,6 +695,10 @@ body{
 .h-\[606px\]{
     height: 606px;
 }
+.h-fit{
+    height: -moz-fit-content;
+    height: fit-content;
+}
 .h-full{
     height: 100%;
 }
@@ -685,6 +708,9 @@ body{
 .max-h-\[calc\(100dvh-1rem\)\]{
     max-height: calc(100dvh - 1rem);
 }
+.min-h-\[150px\]{
+    min-height: 150px;
+}
 .min-h-\[190px\]{
     min-height: 190px;
 }
@@ -697,6 +723,9 @@ body{
 .min-h-\[80px\]{
     min-height: 80px;
 }
+.w-1\/3{
+    width: 33.333333%;
+}
 .w-10{
     width: 2.5rem;
 }
@@ -721,6 +750,9 @@ body{
 .w-\[10px\]{
     width: 10px;
 }
+.w-\[130px\]{
+    width: 130px;
+}
 .w-\[18px\]{
     width: 18px;
 }
@@ -748,12 +780,18 @@ body{
 .max-w-2xl{
     max-width: 42rem;
 }
+.max-w-32{
+    max-width: 8rem;
+}
 .max-w-6xl{
     max-width: 72rem;
 }
 .max-w-\[900px\]{
     max-width: 900px;
 }
+.max-w-full{
+    max-width: 100%;
+}
 .max-w-lg{
     max-width: 32rem;
 }
@@ -766,6 +804,9 @@ body{
 .flex-1{
     flex: 1 1 0%;
 }
+.flex-initial{
+    flex: 0 1 auto;
+}
 .shrink-0{
     flex-shrink: 0;
 }
@@ -903,6 +944,11 @@ body{
     margin-top: calc(0.5rem * calc(1 - var(--precision-ui-tw-space-y-reverse)));
     margin-bottom: calc(0.5rem * var(--precision-ui-tw-space-y-reverse));
 }
+.space-y-3 > :not([hidden]) ~ :not([hidden]){
+    --precision-ui-tw-space-y-reverse: 0;
+    margin-top: calc(0.75rem * calc(1 - var(--precision-ui-tw-space-y-reverse)));
+    margin-bottom: calc(0.75rem * var(--precision-ui-tw-space-y-reverse));
+}
 .space-y-4 > :not([hidden]) ~ :not([hidden]){
     --precision-ui-tw-space-y-reverse: 0;
     margin-top: calc(1rem * calc(1 - var(--precision-ui-tw-space-y-reverse)));
@@ -940,6 +986,9 @@ body{
 .rounded-sm{
     border-radius: calc(var(--precision-ui-tw-radius) - 4px);
 }
+.rounded-xl{
+    border-radius: 0.75rem;
+}
 .rounded-b-2xl{
     border-bottom-right-radius: 1rem;
     border-bottom-left-radius: 1rem;
@@ -1055,6 +1104,9 @@ body{
     --precision-ui-tw-bg-opacity: 1;
     background-color: rgb(209 213 219 / var(--precision-ui-tw-bg-opacity));
 }
+.bg-grey-1{
+    background-color: hsl(var(--precision-ui-tw-grey-1));
+}
 .bg-grey-2{
     background-color: hsl(var(--precision-ui-tw-grey-2));
 }
@@ -1108,6 +1160,9 @@ body{
 .bg-whitish-opacity-8{
     background-color: hsl(var(--precision-ui-tw-whitish-opacity-8));
 }
+.bg-\[url\(\'\/licenses\/license-1\.png\'\)\]{
+    background-image: url('/licenses/license-1.png');
+}
 .bg-gradient-to-b{
     background-image: linear-gradient(to bottom, var(--precision-ui-tw-gradient-stops));
 }
@@ -1119,6 +1174,12 @@ body{
 .to-sapphire{
     --precision-ui-tw-gradient-to: hsl(var(--precision-ui-tw-sapphire)) var(--precision-ui-tw-gradient-to-position);
 }
+.bg-cover{
+    background-size: cover;
+}
+.bg-no-repeat{
+    background-repeat: no-repeat;
+}
 .object-contain{
     -o-object-fit: contain;
        object-fit: contain;
@@ -1129,6 +1190,9 @@ body{
 .p-1{
     padding: 0.25rem;
 }
+.p-2{
+    padding: 0.5rem;
+}
 .p-3{
     padding: 0.75rem;
 }
@@ -1138,6 +1202,9 @@ body{
 .p-6{
     padding: 1.5rem;
 }
+.p-8{
+    padding: 2rem;
+}
 .p-\[10px\]{
     padding: 10px;
 }
@@ -1175,6 +1242,10 @@ body{
     padding-left: 18px;
     padding-right: 18px;
 }
+.px-\[45px\]{
+    padding-left: 45px;
+    padding-right: 45px;
+}
 .py-1{
     padding-top: 0.25rem;
     padding-bottom: 0.25rem;
@@ -1220,6 +1291,9 @@ body{
 .pb-4{
     padding-bottom: 1rem;
 }
+.pb-6{
+    padding-bottom: 1.5rem;
+}
 .pb-\[11px\]{
     padding-bottom: 11px;
 }
@@ -1247,6 +1321,9 @@ body{
 .pr-20{
     padding-right: 5rem;
 }
+.pr-3{
+    padding-right: 0.75rem;
+}
 .pr-4{
     padding-right: 1rem;
 }
@@ -1265,12 +1342,21 @@ body{
 .pt-4{
     padding-top: 1rem;
 }
+.pt-6{
+    padding-top: 1.5rem;
+}
+.pt-7{
+    padding-top: 1.75rem;
+}
 .pt-\[14px\]{
     padding-top: 14px;
 }
 .pt-\[9px\]{
     padding-top: 9px;
 }
+.text-left{
+    text-align: left;
+}
 .text-center{
     text-align: center;
 }
@@ -1380,6 +1466,9 @@ body{
 .opacity-70{
     opacity: 0.7;
 }
+.mix-blend-luminosity{
+    mix-blend-mode: luminosity;
+}
 .shadow-lg{
     --precision-ui-tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
     --precision-ui-tw-shadow-colored: 0 10px 15px -3px var(--precision-ui-tw-shadow-color), 0 4px 6px -4px var(--precision-ui-tw-shadow-color);
@@ -1701,6 +1790,54 @@ ol li:last-child {
   margin-top: 1.2rem;
   margin-bottom: 0.3rem;
 }
+.content blockquote {
+  color: hsla(var(--precision-ui-tw-sapphire));
+  position: relative;
+  padding-left: 40px;
+}
+.content blockquote::before {
+  content: "";
+  position: absolute;
+  left: 0px;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  background: hsla(var(--precision-ui-tw-sapphire));
+  background: hsla(var(--precision-ui-tw-navy));
+}
+.content .no-content-rules div {
+  margin-top: 0;
+}
+.content .no-content-rules div + div {
+  margin-top: 0;
+}
+.content .text-center {
+  text-align: center;
+}
+.content .color_white {
+  color: #fff;
+}
+.content .iit-tt-content_type_quote blockquote {
+  color: hsla(var(--precision-ui-tw-navy));
+}
+.content .table_type_full-width {
+  width: 100%;
+}
+.content .simple-table {
+  border: 1px solid #ebebeb;
+  margin-bottom: 40px;
+}
+.content .simple-table td,
+.content .simple-table th {
+  padding: 15px;
+}
+.content .simple-table tr td,
+.content .simple-table tr th {
+  border-bottom: 1px solid #ebebeb;
+}
+.content .simple-table thead {
+  font-weight: 600;
+}
 html {
   font-size: 16px;
   /* FIXME: it was 20, explore and fix if needed */
@@ -2162,6 +2299,9 @@ html {
 .hover\:rounded-\[24px\]:hover{
     border-radius: 24px;
 }
+.hover\:border-navy-opacity-16:hover{
+    border-color: hsl(var(--precision-ui-tw-navy-opacity-16));
+}
 .hover\:bg-accent:hover{
     background-color: hsl(var(--precision-ui-tw-accent));
 }
@@ -2183,6 +2323,9 @@ html {
 .hover\:bg-sapphire-hover:hover{
     background-color: hsl(var(--precision-ui-tw-sapphire-hover));
 }
+.hover\:bg-turquoise:hover{
+    background-color: hsl(var(--precision-ui-tw-turquoise));
+}
 .hover\:bg-white:hover{
     --precision-ui-tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--precision-ui-tw-bg-opacity));
@@ -2196,6 +2339,9 @@ html {
 .hover\:bg-whitish-opacity-24:hover{
     background-color: hsl(var(--precision-ui-tw-whitish-opacity-24));
 }
+.hover\:bg-whitish-opacity-32:hover{
+    background-color: hsl(var(--precision-ui-tw-whitish-opacity-32));
+}
 .hover\:bg-whitish-opacity-80:hover{
     background-color: hsl(var(--precision-ui-tw-whitish-opacity-80));
 }
@@ -2318,6 +2464,31 @@ html {
 .peer:disabled ~ .peer-disabled\:opacity-70{
     opacity: 0.7;
 }
+@keyframes accordion-up{
+    from{
+        height: var(--radix-accordion-content-height);
+    }
+    to{
+        height: 0;
+    }
+}
+.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{
+    animation: accordion-up 0.2s ease-out;
+}
+@keyframes accordion-down{
+    from{
+        height: 0;
+    }
+    to{
+        height: var(--radix-accordion-content-height);
+    }
+}
+.data-\[state\=open\]\:animate-accordion-down[data-state=open]{
+    animation: accordion-down 0.2s ease-out;
+}
+.data-\[state\=active\]\:bg-background[data-state=active]{
+    background-color: hsl(var(--precision-ui-tw-background));
+}
 .data-\[state\=checked\]\:bg-navy[data-state=checked]{
     background-color: hsl(var(--precision-ui-tw-navy));
 }
@@ -2327,6 +2498,9 @@ html {
 .data-\[state\=open\]\:bg-accent[data-state=open]{
     background-color: hsl(var(--precision-ui-tw-accent));
 }
+.data-\[state\=active\]\:text-navy[data-state=active]{
+    color: hsl(var(--precision-ui-tw-navy));
+}
 .data-\[state\=checked\]\:text-navy[data-state=checked]{
     color: hsl(var(--precision-ui-tw-navy));
 }
@@ -2336,6 +2510,11 @@ html {
 .data-\[state\=open\]\:text-muted-foreground[data-state=open]{
     color: hsl(var(--precision-ui-tw-muted-foreground));
 }
+.data-\[state\=active\]\:shadow-sm[data-state=active]{
+    --precision-ui-tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+    --precision-ui-tw-shadow-colored: 0 1px 2px 0 var(--precision-ui-tw-shadow-color);
+    box-shadow: var(--precision-ui-tw-ring-offset-shadow, 0 0 #0000), var(--precision-ui-tw-ring-shadow, 0 0 #0000), var(--precision-ui-tw-shadow);
+}
 .data-\[state\=open\]\:animate-in[data-state=open]{
     animation-name: enter;
     animation-duration: 150ms;
@@ -2429,6 +2608,9 @@ html {
     .sm\:min-h-\[264px\]{
         min-height: 264px;
     }
+    .sm\:max-w-\[480px\]{
+        max-width: 480px;
+    }
     .sm\:max-w-xs{
         max-width: 20rem;
     }
@@ -2558,6 +2740,9 @@ html {
     .xl\:min-h-\[500px\]{
         min-height: 500px;
     }
+    .xl\:min-w-\[224px\]{
+        min-width: 224px;
+    }
     .xl\:max-w-md{
         max-width: 28rem;
     }
@@ -2568,6 +2753,15 @@ html {
         padding-right: 7rem;
     }
 }
+.\[\&\>\.icon-wrapper\>svg\]\:rounded-3xl>.icon-wrapper>svg{
+    border-radius: 1.5rem;
+}
+.\[\&\>\.icon-wrapper\>svg\]\:hover\:bg-navy-opacity-8:hover>.icon-wrapper>svg{
+    background-color: hsl(var(--precision-ui-tw-navy-opacity-8));
+}
+.\[\&\>\.icon-wrapper\>svg\]\:hover\:bg-whitish:hover>.icon-wrapper>svg{
+    background-color: hsl(var(--precision-ui-tw-whitish));
+}
 .\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{
     --precision-ui-tw-translate-y: -3px;
     transform: translate(var(--precision-ui-tw-translate-x), var(--precision-ui-tw-translate-y)) rotate(var(--precision-ui-tw-rotate)) skewX(var(--precision-ui-tw-skew-x)) skewY(var(--precision-ui-tw-skew-y)) scaleX(var(--precision-ui-tw-scale-x)) scaleY(var(--precision-ui-tw-scale-y));
@@ -2590,6 +2784,18 @@ html {
 .\[\&\>svg\~\*\]\:pl-7>svg~*{
     padding-left: 1.75rem;
 }
+.\[\&\[data-state\=open\]\>\.icon-wrapper\>\.minus\]\:block[data-state=open]>.icon-wrapper>.minus{
+    display: block;
+}
+.\[\&\[data-state\=open\]\>\.icon-wrapper\>\.plus\]\:hidden[data-state=open]>.icon-wrapper>.plus{
+    display: none;
+}
+.\[\&\[data-state\=open\]\]\:bg-navy-opacity-4[data-state=open]{
+    background-color: hsl(var(--precision-ui-tw-navy-opacity-4));
+}
+.\[\&\[data-state\=open\]\]\:bg-transparent[data-state=open]{
+    background-color: transparent;
+}
 .\[\&_p\]\:leading-relaxed p{
     line-height: 1.625;
 }

package/package.json

@@ -13,7 +13,7 @@
     "type": "git",
     "url": "git+https://github.com/wowxoxo/precision-ui.git"
   },
-  "version": "0.6.0",
+  "version": "0.7.0",
   "type": "module",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
@@ -47,12 +47,14 @@
   "dependencies": {
     "@hookform/resolvers": "^3.10.0",
     "@iit/precision-ui-icons": "^0.4.0",
+    "@radix-ui/react-accordion": "^1.2.3",
     "@radix-ui/react-checkbox": "^1.1.3",
     "@radix-ui/react-dialog": "^1.1.5",
     "@radix-ui/react-label": "^2.1.1",
     "@radix-ui/react-popover": "^1.1.4",
     "@radix-ui/react-scroll-area": "^1.2.2",
     "@radix-ui/react-slot": "^1.1.1",
+    "@radix-ui/react-tabs": "^1.1.3",
     "@radix-ui/react-tooltip": "^1.1.6",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
@@ -72,8 +74,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.54.2",
-    "zod": "^3.24.1",
-    "tailwindcss-aria-attributes": "^2.0.1"
+    "tailwindcss-aria-attributes": "^2.0.1",
+    "zod": "^3.24.1"
   },
   "peerDependenciesMeta": {
     "@hookform/resolvers": {