hds-web 1.2.1 → 1.2.3

package/src/styles/tailwind.css

@@ -879,6 +879,10 @@ select {
   left: 50%;
 }
 
+.left-14 {
+  left: 3.5rem;
+}
+
 .left-2 {
   left: 0.5rem;
 }
@@ -891,6 +895,10 @@ select {
   left: 17.6%;
 }
 
+.left-\[45\%\] {
+  left: 45%;
+}
+
 .left-\[82\.3\%\] {
   left: 82.3%;
 }
@@ -915,8 +923,8 @@ select {
   top: 0px;
 }
 
-.bottom-10 {
-  bottom: 2.5rem;
+.top-2 {
+  top: 0.5rem;
 }
 
 .isolate {
@@ -1097,10 +1105,6 @@ select {
   margin-left: -1px;
 }
 
-.-mr-2 {
-  margin-right: -0.5rem;
-}
-
 .-mt-5 {
   margin-top: -1.25rem;
 }
@@ -1245,6 +1249,13 @@ select {
   margin-top: 2.25rem;
 }
 
+.line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+
 .block {
   display: block;
 }
@@ -1357,6 +1368,10 @@ select {
   height: 130px;
 }
 
+.h-\[33px\] {
+  height: 33px;
+}
+
 .h-\[60px\] {
   height: 60px;
 }
@@ -1369,14 +1384,18 @@ select {
   height: 100%;
 }
 
-.h-\[33px\] {
-  height: 33px;
+.h-screen {
+  height: 100vh;
 }
 
 .max-h-\[26\.25\] {
   max-height: 26.25;
 }
 
+.max-h-full {
+  max-height: 100%;
+}
+
 .w-1\/2 {
   width: 50%;
 }
@@ -1445,6 +1464,10 @@ select {
   width: 24rem;
 }
 
+.w-\[103px\] {
+  width: 103px;
+}
+
 .w-\[22\.5rem\] {
   width: 22.5rem;
 }
@@ -1499,14 +1522,6 @@ select {
   width: 100vw;
 }
 
-.w-\[104px\] {
-  width: 104px;
-}
-
-.w-\[103px\] {
-  width: 103px;
-}
-
 .min-w-\[15rem\] {
   min-width: 15rem;
 }
@@ -1553,6 +1568,14 @@ select {
   max-width: 22rem;
 }
 
+.max-w-\[29\.18rem\] {
+  max-width: 29.18rem;
+}
+
+.max-w-\[44\.44rem\] {
+  max-width: 44.44rem;
+}
+
 .max-w-\[6rem\] {
   max-width: 6rem;
 }
@@ -1561,6 +1584,10 @@ select {
   max-width: 882px;
 }
 
+.max-w-full {
+  max-width: 100%;
+}
+
 .max-w-max {
   max-width: -webkit-max-content;
   max-width: max-content;
@@ -1575,10 +1602,6 @@ select {
   max-width: min-content;
 }
 
-.max-w-\[29\.18rem\] {
-  max-width: 29.18rem;
-}
-
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -1817,6 +1840,10 @@ select {
   gap: 3rem;
 }
 
+.gap-16 {
+  gap: 4rem;
+}
+
 .gap-2 {
   gap: 0.5rem;
 }
@@ -1849,10 +1876,6 @@ select {
   gap: 25rem;
 }
 
-.gap-16 {
-  gap: 4rem;
-}
-
 .gap-x-1 {
   -webkit-column-gap: 0.25rem;
           column-gap: 0.25rem;
@@ -1989,6 +2012,14 @@ select {
   border-color: rgb(229 231 235 / var(--tw-divide-opacity));
 }
 
+.self-start {
+  align-self: flex-start;
+}
+
+.self-end {
+  align-self: flex-end;
+}
+
 .overflow-auto {
   overflow: auto;
 }
@@ -5088,6 +5119,10 @@ select {
   padding: 2.5rem;
 }
 
+.p-16 {
+  padding: 4rem;
+}
+
 .p-2 {
   padding: 0.5rem;
 }
@@ -5264,10 +5299,6 @@ select {
   padding-bottom: 2.5rem;
 }
 
-.pb-14 {
-  padding-bottom: 3.5rem;
-}
-
 .pb-16 {
   padding-bottom: 4rem;
 }
@@ -5400,6 +5431,10 @@ select {
   text-align: right;
 }
 
+.font-petrona {
+  font-family: Petrona, sans;
+}
+
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
@@ -6373,6 +6408,10 @@ select {
   transition-duration: 100ms;
 }
 
+.duration-1000 {
+  transition-duration: 1000ms;
+}
+
 .duration-150 {
   transition-duration: 150ms;
 }
@@ -7894,6 +7933,10 @@ select {
   stroke: #FFFFFF;
 }
 
+.group:hover .group-hover\:stroke-neutral-900 {
+  stroke: #111927;
+}
+
 .group:hover .group-hover\:opacity-30 {
   opacity: 0.3;
 }
@@ -8132,6 +8175,10 @@ select {
     padding-right: 2rem;
   }
 
+  .tb\:pb-14 {
+    padding-bottom: 3.5rem;
+  }
+
   .tb\:pb-8 {
     padding-bottom: 2rem;
   }
@@ -8148,10 +8195,6 @@ select {
     padding-top: 2.875rem;
   }
 
-  .tb\:pb-14 {
-    padding-bottom: 3.5rem;
-  }
-
   .tb\:text-left {
     text-align: left;
   }
@@ -8512,30 +8555,14 @@ select {
     margin-left: 3rem;
   }
 
-  .md\:flex {
-    display: flex;
-  }
-
   .md\:hidden {
     display: none;
   }
 
-  .md\:flex-1 {
-    flex: 1 1 0%;
-  }
-
-  .md\:items-center {
-    align-items: center;
-  }
-
   .md\:justify-start {
     justify-content: flex-start;
   }
 
-  .md\:justify-between {
-    justify-content: space-between;
-  }
-
   .md\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-x-reverse: 0;
     margin-right: calc(1.5rem * var(--tw-space-x-reverse));
@@ -8572,14 +8599,6 @@ select {
     width: 50%;
   }
 
-  .tb-l\:w-\[70\%\] {
-    width: 70%;
-  }
-
-  .tb-l\:w-full {
-    width: 100%;
-  }
-
   .tb-l\:w-\[38\%\] {
     width: 38%;
   }
@@ -8588,6 +8607,14 @@ select {
     width: 62%;
   }
 
+  .tb-l\:w-\[70\%\] {
+    width: 70%;
+  }
+
+  .tb-l\:w-full {
+    width: 100%;
+  }
+
   .tb-l\:min-w-\[400px\] {
     min-width: 400px;
   }
@@ -8608,10 +8635,6 @@ select {
     justify-content: flex-start;
   }
 
-  .tb-l\:justify-end {
-    justify-content: flex-end;
-  }
-
   .tb-l\:justify-between {
     justify-content: space-between;
   }
@@ -8761,14 +8784,14 @@ select {
     gap: 0px;
   }
 
-  .db\:gap-36 {
-    gap: 9rem;
-  }
-
   .db\:gap-28 {
     gap: 7rem;
   }
 
+  .db\:gap-36 {
+    gap: 9rem;
+  }
+
   .db\:gap-x-10 {
     -webkit-column-gap: 2.5rem;
             column-gap: 2.5rem;
@@ -9100,10 +9123,6 @@ select {
   padding-bottom: 0.5rem;
 }
 
-.\[\&\>p\]\:last\:pb-0:last-child>p {
-  padding-bottom: 0px;
-}
-
 .last\:\[\&\>p\]\:pb-0>p:last-child {
   padding-bottom: 0px;
 }

package/tailwind.config.js

@@ -19,6 +19,7 @@ module.exports = {
         '"Segoe UI Symbol"',
         '"Noto Color Emoji"',
       ],
+      petrona: ['Petrona', 'sans']
     },
     
     colors: {