hds-web 1.3.0 → 1.3.2

package/src/styles/tailwind.css

@@ -1221,10 +1221,6 @@ select {
   margin-top: 3rem;
 }
 
-.mt-14 {
-  margin-top: 3.5rem;
-}
-
 .mt-16 {
   margin-top: 4rem;
 }
@@ -1265,6 +1261,10 @@ select {
   margin-top: 2.25rem;
 }
 
+.ml-6 {
+  margin-left: 1.5rem;
+}
+
 .line-clamp-3 {
   overflow: hidden;
   display: -webkit-box;
@@ -1412,6 +1412,10 @@ select {
   max-height: 100%;
 }
 
+.min-h-\[96px\] {
+  min-height: 96px;
+}
+
 .w-1\/2 {
   width: 50%;
 }
@@ -1538,8 +1542,24 @@ select {
   width: 100vw;
 }
 
-.w-1 {
-  width: 0.25rem;
+.w-\[520px\] {
+  width: 520px;
+}
+
+.w-\[62\%\] {
+  width: 62%;
+}
+
+.w-\[18\%\] {
+  width: 18%;
+}
+
+.w-\[82\%\] {
+  width: 82%;
+}
+
+.w-\[434px\] {
+  width: 434px;
 }
 
 .min-w-\[11\.5rem\] {
@@ -1564,6 +1584,10 @@ select {
   min-width: 100%;
 }
 
+.min-w-\[100px\] {
+  min-width: 100px;
+}
+
 .max-w-2xl {
   max-width: 42rem;
 }
@@ -1622,6 +1646,14 @@ select {
   max-width: min-content;
 }
 
+.max-w-\[430px\] {
+  max-width: 430px;
+}
+
+.max-w-\[520px\] {
+  max-width: 520px;
+}
+
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -1751,6 +1783,10 @@ select {
   cursor: pointer;
 }
 
+.cursor-default {
+  cursor: default;
+}
+
 .select-none {
   -webkit-user-select: none;
           user-select: none;
@@ -1900,6 +1936,10 @@ select {
   gap: 25rem;
 }
 
+.gap-8 {
+  gap: 2rem;
+}
+
 .gap-x-1 {
   -webkit-column-gap: 0.25rem;
           column-gap: 0.25rem;
@@ -2011,6 +2051,12 @@ select {
   border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
 }
 
+.divide-y-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
+}
+
 .divide-blue-600\/10 > :not([hidden]) ~ :not([hidden]) {
   border-color: rgb(30 86 227 / 0.1);
 }
@@ -2038,6 +2084,10 @@ select {
   align-self: flex-end;
 }
 
+.self-center {
+  align-self: center;
+}
+
 .overflow-auto {
   overflow: auto;
 }
@@ -2050,14 +2100,6 @@ select {
   overflow: visible;
 }
 
-.overflow-scroll {
-  overflow: scroll;
-}
-
-.overflow-x-auto {
-  overflow-x: auto;
-}
-
 .overflow-y-auto {
   overflow-y: auto;
 }
@@ -2130,11 +2172,6 @@ select {
   border-radius: 0.75rem;
 }
 
-.rounded-b-2xl {
-  border-bottom-right-radius: 1rem;
-  border-bottom-left-radius: 1rem;
-}
-
 .rounded-b-3xl {
   border-bottom-right-radius: 1.5rem;
   border-bottom-left-radius: 1.5rem;
@@ -2227,6 +2264,10 @@ select {
   border-top-width: 1px;
 }
 
+.border-r-2 {
+  border-right-width: 2px;
+}
+
 .border-solid {
   border-style: solid;
 }
@@ -5337,6 +5378,11 @@ select {
   padding-bottom: 1.625rem;
 }
 
+.py-\[30px\] {
+  padding-top: 30px;
+  padding-bottom: 30px;
+}
+
 .pb-10 {
   padding-bottom: 2.5rem;
 }
@@ -5457,12 +5503,28 @@ select {
   padding-top: 1rem;
 }
 
+.pt-5 {
+  padding-top: 1.25rem;
+}
+
 .pt-6 {
   padding-top: 1.5rem;
 }
 
-.pt-5 {
-  padding-top: 1.25rem;
+.pt-12 {
+  padding-top: 3rem;
+}
+
+.pb-9 {
+  padding-bottom: 2.25rem;
+}
+
+.pl-8 {
+  padding-left: 2rem;
+}
+
+.pb-12 {
+  padding-bottom: 3rem;
 }
 
 .text-left {
@@ -5736,6 +5798,13 @@ select {
   font-weight: 700;
 }
 
+.text-hds-m-h7 {
+  font-size: 0.75rem;
+  line-height: 1.25rem;
+  letter-spacing: 0.08em;
+  font-weight: 700;
+}
+
 .text-hds-m-quote {
   font-size: 1.125rem;
   line-height: 1.75rem;
@@ -5772,13 +5841,6 @@ 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;
 }
@@ -6445,14 +6507,6 @@ select {
   transition-duration: 150ms;
 }
 
-.delay-100 {
-  transition-delay: 100ms;
-}
-
-.delay-200 {
-  transition-delay: 200ms;
-}
-
 .delay-300 {
   transition-delay: 300ms;
 }
@@ -6485,10 +6539,6 @@ select {
   transition-duration: 700ms;
 }
 
-.duration-1000 {
-  transition-duration: 1000ms;
-}
-
 .ease-in {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
@@ -7625,6 +7675,11 @@ select {
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-neutral-0:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
 .hover\:text-blue-600:hover {
   --tw-text-opacity: 1;
   color: rgb(30 86 227 / var(--tw-text-opacity));
@@ -8069,10 +8124,6 @@ select {
     margin-top: -4px;
   }
 
-  .tb\:mt-14 {
-    margin-top: 3.5rem;
-  }
-
   .tb\:block {
     display: block;
   }
@@ -8151,6 +8202,10 @@ select {
     max-width: 530px;
   }
 
+  .tb\:max-w-\[289px\] {
+    max-width: 289px;
+  }
+
   .tb\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -8200,14 +8255,6 @@ select {
             column-gap: 4rem;
   }
 
-  .tb\:rounded-2xl {
-    border-radius: 1rem;
-  }
-
-  .tb\:rounded-3xl {
-    border-radius: 1.5rem;
-  }
-
   .tb\:rounded {
     border-radius: 0.25rem;
   }
@@ -8238,8 +8285,13 @@ select {
     padding: 4rem;
   }
 
-  .tb\:p-8 {
-    padding: 2rem;
+  .tb\:p-0 {
+    padding: 0px;
+  }
+
+  .tb\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
   }
 
   .tb\:px-4 {
@@ -8252,11 +8304,6 @@ select {
     padding-right: 2rem;
   }
 
-  .tb\:px-3 {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-  }
-
   .tb\:pb-14 {
     padding-bottom: 3.5rem;
   }
@@ -8269,6 +8316,10 @@ select {
     padding-right: 0px;
   }
 
+  .tb\:pt-10 {
+    padding-top: 2.5rem;
+  }
+
   .tb\:pt-8 {
     padding-top: 2rem;
   }
@@ -8277,14 +8328,6 @@ 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;
   }
@@ -8517,6 +8560,13 @@ select {
     font-weight: 700;
   }
 
+  .tb\:text-hds-t-h7 {
+    font-size: 0.75rem;
+    line-height: 1.25rem;
+    letter-spacing: 0.08em;
+    font-weight: 700;
+  }
+
   .tb\:text-hds-t-quote {
     font-size: 1.125rem;
     line-height: 1.75rem;
@@ -8537,13 +8587,6 @@ 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) {
@@ -8696,6 +8739,10 @@ select {
     width: 100%;
   }
 
+  .tb-l\:w-\[520px\] {
+    width: 520px;
+  }
+
   .tb-l\:min-w-\[400px\] {
     min-width: 400px;
   }
@@ -8746,6 +8793,39 @@ select {
     align-self: center;
   }
 
+  .tb-l\:rounded-b-3xl {
+    border-bottom-right-radius: 1.5rem;
+    border-bottom-left-radius: 1.5rem;
+  }
+
+  .tb-l\:rounded-r-2xl {
+    border-top-right-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+  }
+
+  .tb-l\:border-l {
+    border-left-width: 1px;
+  }
+
+  .tb-l\:border-r {
+    border-right-width: 1px;
+  }
+
+  .tb-l\:border-neutral-200 {
+    --tw-border-opacity: 1;
+    border-color: rgb(229 231 235 / var(--tw-border-opacity));
+  }
+
+  .tb-l\:border-l-neutral-200 {
+    --tw-border-opacity: 1;
+    border-left-color: rgb(229 231 235 / var(--tw-border-opacity));
+  }
+
+  .tb-l\:border-r-neutral-200 {
+    --tw-border-opacity: 1;
+    border-right-color: rgb(229 231 235 / var(--tw-border-opacity));
+  }
+
   .tb-l\:bg-gradient-to-r {
     background-image: linear-gradient(to right, var(--tw-gradient-stops));
   }
@@ -8763,6 +8843,22 @@ select {
     padding-left: 2rem;
   }
 
+  .tb-l\:pt-12 {
+    padding-top: 3rem;
+  }
+
+  .tb-l\:pb-9 {
+    padding-bottom: 2.25rem;
+  }
+
+  .tb-l\:pl-32 {
+    padding-left: 8rem;
+  }
+
+  .tb-l\:pb-12 {
+    padding-bottom: 3rem;
+  }
+
   .tb-l\:text-left {
     text-align: left;
   }
@@ -8825,14 +8921,6 @@ select {
     margin-left: 0px;
   }
 
-  .db\:mt-16 {
-    margin-top: 4rem;
-  }
-
-  .db\:mt-24 {
-    margin-top: 6rem;
-  }
-
   .db\:inline {
     display: inline;
   }
@@ -8841,10 +8929,6 @@ select {
     display: flex;
   }
 
-  .db\:max-h-\[374px\] {
-    max-height: 374px;
-  }
-
   .db\:w-1\/2 {
     width: 50%;
   }
@@ -8871,6 +8955,10 @@ select {
     width: 100%;
   }
 
+  .db\:w-\[520px\] {
+    width: 520px;
+  }
+
   .db\:min-w-\[625px\] {
     min-width: 625px;
   }
@@ -8891,10 +8979,6 @@ select {
     max-width: 625px;
   }
 
-  .db\:max-w-\[353px\] {
-    max-width: 353px;
-  }
-
   .db\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
@@ -8903,14 +8987,6 @@ select {
     justify-content: flex-start;
   }
 
-  .db\:justify-center {
-    justify-content: center;
-  }
-
-  .db\:justify-between {
-    justify-content: space-between;
-  }
-
   .db\:gap-0 {
     gap: 0px;
   }
@@ -8989,8 +9065,8 @@ select {
     padding-top: 8rem;
   }
 
-  .db\:pt-24 {
-    padding-top: 6rem;
+  .db\:pt-0 {
+    padding-top: 0px;
   }
 
   .db\:text-left {
@@ -9221,6 +9297,13 @@ select {
     font-weight: 700;
   }
 
+  .db\:text-hds-d-h7 {
+    font-size: 0.75;
+    line-height: 1.25;
+    letter-spacing: 0.08em;
+    font-weight: 700;
+  }
+
   .db\:text-hds-d-quote {
     font-size: 1.5rem;
     line-height: 2.25rem;
@@ -9241,13 +9324,6 @@ 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) {

package/tailwind.config.js

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