hds-web 1.2.9 → 1.3.0

package/src/styles/tailwind.css

@@ -955,6 +955,18 @@ select {
   grid-column: span 1 / span 1;
 }
 
+.col-span-2 {
+  grid-column: span 2 / span 2;
+}
+
+.col-span-3 {
+  grid-column: span 3 / span 3;
+}
+
+.col-span-4 {
+  grid-column: span 4 / span 4;
+}
+
 .-m-1 {
   margin: -0.25rem;
 }
@@ -1209,6 +1221,10 @@ select {
   margin-top: 3rem;
 }
 
+.mt-14 {
+  margin-top: 3.5rem;
+}
+
 .mt-16 {
   margin-top: 4rem;
 }
@@ -1522,8 +1538,12 @@ select {
   width: 100vw;
 }
 
-.min-w-\[15rem\] {
-  min-width: 15rem;
+.w-1 {
+  width: 0.25rem;
+}
+
+.min-w-\[11\.5rem\] {
+  min-width: 11.5rem;
 }
 
 .min-w-\[18rem\] {
@@ -1812,6 +1832,10 @@ select {
   align-items: stretch;
 }
 
+.justify-start {
+  justify-content: flex-start;
+}
+
 .justify-end {
   justify-content: flex-end;
 }
@@ -1957,12 +1981,6 @@ select {
   margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.space-x-6 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
 .space-x-8 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(2rem * var(--tw-space-x-reverse));
@@ -2028,6 +2046,18 @@ select {
   overflow: hidden;
 }
 
+.overflow-visible {
+  overflow: visible;
+}
+
+.overflow-scroll {
+  overflow: scroll;
+}
+
+.overflow-x-auto {
+  overflow-x: auto;
+}
+
 .overflow-y-auto {
   overflow-y: auto;
 }
@@ -2072,6 +2102,10 @@ select {
   border-radius: 1.5rem;
 }
 
+.rounded-\[32px\] {
+  border-radius: 32px;
+}
+
 .rounded-full {
   border-radius: 9999px;
 }
@@ -2136,11 +2170,6 @@ select {
   border-top-right-radius: 0.375rem;
 }
 
-.rounded-t-lg {
-  border-top-left-radius: 0.5rem;
-  border-top-right-radius: 0.5rem;
-}
-
 .rounded-tl-2xl {
   border-top-left-radius: 1rem;
 }
@@ -5432,6 +5461,10 @@ select {
   padding-top: 1.5rem;
 }
 
+.pt-5 {
+  padding-top: 1.25rem;
+}
+
 .text-left {
   text-align: left;
 }
@@ -5739,6 +5772,13 @@ select {
   line-height: 1rem;
 }
 
+.text-hds-m-h7 {
+  font-size: 0.75rem;
+  line-height: 1.25rem;
+  letter-spacing: 0.08em;
+  font-weight: 700;
+}
+
 .font-medium {
   font-weight: 500;
 }
@@ -6417,12 +6457,12 @@ select {
   transition-delay: 300ms;
 }
 
-.duration-100 {
-  transition-duration: 100ms;
+.delay-500 {
+  transition-delay: 500ms;
 }
 
-.duration-1000 {
-  transition-duration: 1000ms;
+.duration-100 {
+  transition-duration: 100ms;
 }
 
 .duration-150 {
@@ -6445,6 +6485,10 @@ select {
   transition-duration: 700ms;
 }
 
+.duration-1000 {
+  transition-duration: 1000ms;
+}
+
 .ease-in {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
@@ -6459,6 +6503,15 @@ select {
 
 /* Typography classes */
 
+.gridAutoClass {
+  flex: 1 0 30%;
+  margin-top: 40px;
+  margin-right: 32px;
+  background: blue;
+  justify-content: center;
+  display: flex;
+}
+
 @-webkit-keyframes pill-move-left {
   0% {
     left: 0;
@@ -7387,38 +7440,15 @@ select {
   margin-left: 0px;
 }
 
-.first\:rounded-full:first-child {
-  border-radius: 9999px;
-}
-
-.first\:rounded-t-lg:first-child {
-  border-top-left-radius: 0.5rem;
-  border-top-right-radius: 0.5rem;
-}
-
 .first\:bg-blue-500:first-child {
   --tw-bg-opacity: 1;
   background-color: rgb(57 112 253 / var(--tw-bg-opacity));
 }
 
-.first\:bg-green-400:first-child {
-  --tw-bg-opacity: 1;
-  background-color: rgb(57 218 170 / var(--tw-bg-opacity));
-}
-
 .last\:mr-0:last-child {
   margin-right: 0px;
 }
 
-.last\:rounded-full:last-child {
-  border-radius: 9999px;
-}
-
-.last\:rounded-b-2xl:last-child {
-  border-bottom-right-radius: 1rem;
-  border-bottom-left-radius: 1rem;
-}
-
 .last\:border-b-0:last-child {
   border-bottom-width: 0px;
 }
@@ -7960,6 +7990,10 @@ select {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
+.group:hover .group-hover\:stroke-blue-600 {
+  stroke: #1E56E3;
+}
+
 .group:hover .group-hover\:stroke-neutral-0 {
   stroke: #FFFFFF;
 }
@@ -7968,10 +8002,6 @@ select {
   stroke: #111927;
 }
 
-.group:hover .group-hover\:stroke-blue-600 {
-  stroke: #1E56E3;
-}
-
 .group:hover .group-hover\:opacity-30 {
   opacity: 0.3;
 }
@@ -8039,6 +8069,10 @@ select {
     margin-top: -4px;
   }
 
+  .tb\:mt-14 {
+    margin-top: 3.5rem;
+  }
+
   .tb\:block {
     display: block;
   }
@@ -8117,10 +8151,6 @@ select {
     max-width: 530px;
   }
 
-  .tb\:flex-1 {
-    flex: 1 1 0%;
-  }
-
   .tb\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -8174,6 +8204,14 @@ select {
     border-radius: 1rem;
   }
 
+  .tb\:rounded-3xl {
+    border-radius: 1.5rem;
+  }
+
+  .tb\:rounded {
+    border-radius: 0.25rem;
+  }
+
   .tb\:rounded-e-none {
     border-start-end-radius: 0px;
     border-end-end-radius: 0px;
@@ -8192,6 +8230,10 @@ select {
     border-right-color: rgb(236 237 240 / var(--tw-border-opacity));
   }
 
+  .tb\:p-10 {
+    padding: 2.5rem;
+  }
+
   .tb\:p-16 {
     padding: 4rem;
   }
@@ -8210,6 +8252,11 @@ select {
     padding-right: 2rem;
   }
 
+  .tb\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
   .tb\:pb-14 {
     padding-bottom: 3.5rem;
   }
@@ -8230,6 +8277,14 @@ select {
     padding-top: 2.875rem;
   }
 
+  .tb\:pt-14 {
+    padding-top: 3.5rem;
+  }
+
+  .tb\:pt-10 {
+    padding-top: 2.5rem;
+  }
+
   .tb\:text-left {
     text-align: left;
   }
@@ -8482,6 +8537,13 @@ select {
     letter-spacing: -0.01em;
     font-weight: 400;
   }
+
+  .tb\:text-hds-t-h7 {
+    font-size: 0.75rem;
+    line-height: 1.25rem;
+    letter-spacing: 0.08em;
+    font-weight: 700;
+  }
 }
 
 @media (min-width: 640px) {
@@ -8585,31 +8647,15 @@ select {
   }
 }
 
-@media (min-width: 768px) {
-  .md\:ml-12 {
-    margin-left: 3rem;
-  }
-
-  .md\:hidden {
-    display: none;
-  }
-
-  .md\:justify-start {
-    justify-content: flex-start;
-  }
-
-  .md\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
-    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-}
-
 @media (min-width: 905px) {
   .tb-l\:mb-0 {
     margin-bottom: 0px;
   }
 
+  .tb-l\:ml-12 {
+    margin-left: 3rem;
+  }
+
   .tb-l\:ml-\[-4px\] {
     margin-left: -4px;
   }
@@ -8654,6 +8700,10 @@ select {
     min-width: 400px;
   }
 
+  .tb-l\:flex-1 {
+    flex: 1 1 0%;
+  }
+
   .tb-l\:flex-row {
     flex-direction: row;
   }
@@ -8670,6 +8720,10 @@ select {
     justify-content: flex-start;
   }
 
+  .tb-l\:justify-center {
+    justify-content: center;
+  }
+
   .tb-l\:justify-between {
     justify-content: space-between;
   }
@@ -8682,6 +8736,12 @@ select {
     gap: 9rem;
   }
 
+  .tb-l\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
+    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
   .tb-l\:self-center {
     align-self: center;
   }
@@ -8699,6 +8759,10 @@ select {
     padding-bottom: 3rem;
   }
 
+  .tb-l\:pl-8 {
+    padding-left: 2rem;
+  }
+
   .tb-l\:text-left {
     text-align: left;
   }
@@ -8761,6 +8825,14 @@ select {
     margin-left: 0px;
   }
 
+  .db\:mt-16 {
+    margin-top: 4rem;
+  }
+
+  .db\:mt-24 {
+    margin-top: 6rem;
+  }
+
   .db\:inline {
     display: inline;
   }
@@ -8769,6 +8841,10 @@ select {
     display: flex;
   }
 
+  .db\:max-h-\[374px\] {
+    max-height: 374px;
+  }
+
   .db\:w-1\/2 {
     width: 50%;
   }
@@ -8799,14 +8875,26 @@ select {
     min-width: 625px;
   }
 
+  .db\:max-w-\[488px\] {
+    max-width: 488px;
+  }
+
   .db\:max-w-\[500px\] {
     max-width: 500px;
   }
 
+  .db\:max-w-\[540px\] {
+    max-width: 540px;
+  }
+
   .db\:max-w-\[625px\] {
     max-width: 625px;
   }
 
+  .db\:max-w-\[353px\] {
+    max-width: 353px;
+  }
+
   .db\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
@@ -8815,6 +8903,14 @@ select {
     justify-content: flex-start;
   }
 
+  .db\:justify-center {
+    justify-content: center;
+  }
+
+  .db\:justify-between {
+    justify-content: space-between;
+  }
+
   .db\:gap-0 {
     gap: 0px;
   }
@@ -8841,6 +8937,10 @@ select {
     row-gap: 0.5rem;
   }
 
+  .db\:p-20 {
+    padding: 5rem;
+  }
+
   .db\:px-20 {
     padding-left: 5rem;
     padding-right: 5rem;
@@ -8889,6 +8989,10 @@ select {
     padding-top: 8rem;
   }
 
+  .db\:pt-24 {
+    padding-top: 6rem;
+  }
+
   .db\:text-left {
     text-align: left;
   }
@@ -9137,6 +9241,13 @@ select {
     letter-spacing: -0.01em;
     font-weight: 400;
   }
+
+  .db\:text-hds-d-h7 {
+    font-size: 0.75;
+    line-height: 1.25;
+    letter-spacing: 0.08em;
+    font-weight: 700;
+  }
 }
 
 @media (min-width: 1880px) {
@@ -9154,6 +9265,11 @@ select {
   margin-bottom: 0px;
 }
 
+.\[\&\>p\>a\]\:text-blue-600>p>a {
+  --tw-text-opacity: 1;
+  color: rgb(30 86 227 / var(--tw-text-opacity));
+}
+
 .\[\&\>p\]\:pb-2>p {
   padding-bottom: 0.5rem;
 }

package/tailwind.config.js

@@ -1,6 +1,7 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: ["./src/**/*.{html,js,jsx}"],
+  darkMode: 'class',
   theme: {
     fontFamily: {
       sans: [