hds-web 1.2.9 → 1.3.1

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;
 }
@@ -1522,8 +1534,28 @@ select {
   width: 100vw;
 }
 
-.min-w-\[15rem\] {
-  min-width: 15rem;
+.w-\[520px\] {
+  width: 520px;
+}
+
+.w-\[62\%\] {
+  width: 62%;
+}
+
+.w-\[18\%\] {
+  width: 18%;
+}
+
+.w-\[82\%\] {
+  width: 82%;
+}
+
+.w-\[434px\] {
+  width: 434px;
+}
+
+.min-w-\[11\.5rem\] {
+  min-width: 11.5rem;
 }
 
 .min-w-\[18rem\] {
@@ -1602,6 +1634,14 @@ select {
   max-width: min-content;
 }
 
+.max-w-\[430px\] {
+  max-width: 430px;
+}
+
+.max-w-\[520px\] {
+  max-width: 520px;
+}
+
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -1731,6 +1771,10 @@ select {
   cursor: pointer;
 }
 
+.cursor-default {
+  cursor: default;
+}
+
 .select-none {
   -webkit-user-select: none;
           user-select: none;
@@ -1812,6 +1856,10 @@ select {
   align-items: stretch;
 }
 
+.justify-start {
+  justify-content: flex-start;
+}
+
 .justify-end {
   justify-content: flex-end;
 }
@@ -1876,6 +1924,10 @@ select {
   gap: 25rem;
 }
 
+.gap-8 {
+  gap: 2rem;
+}
+
 .gap-x-1 {
   -webkit-column-gap: 0.25rem;
           column-gap: 0.25rem;
@@ -1957,12 +2009,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));
@@ -1993,6 +2039,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);
 }
@@ -2028,6 +2080,10 @@ select {
   overflow: hidden;
 }
 
+.overflow-visible {
+  overflow: visible;
+}
+
 .overflow-y-auto {
   overflow-y: auto;
 }
@@ -2072,6 +2128,10 @@ select {
   border-radius: 1.5rem;
 }
 
+.rounded-\[32px\] {
+  border-radius: 32px;
+}
+
 .rounded-full {
   border-radius: 9999px;
 }
@@ -2096,11 +2156,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;
@@ -2136,11 +2191,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;
 }
@@ -2198,6 +2248,10 @@ select {
   border-top-width: 1px;
 }
 
+.border-r-2 {
+  border-right-width: 2px;
+}
+
 .border-solid {
   border-style: solid;
 }
@@ -5428,10 +5482,26 @@ select {
   padding-top: 1rem;
 }
 
+.pt-5 {
+  padding-top: 1.25rem;
+}
+
 .pt-6 {
   padding-top: 1.5rem;
 }
 
+.pt-12 {
+  padding-top: 3rem;
+}
+
+.pb-9 {
+  padding-bottom: 2.25rem;
+}
+
+.pl-8 {
+  padding-left: 2rem;
+}
+
 .text-left {
   text-align: left;
 }
@@ -5703,6 +5773,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;
@@ -6405,24 +6482,16 @@ select {
   transition-duration: 150ms;
 }
 
-.delay-100 {
-  transition-delay: 100ms;
-}
-
-.delay-200 {
-  transition-delay: 200ms;
-}
-
 .delay-300 {
   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 {
@@ -6459,6 +6528,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 +7465,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 +8015,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 +8027,6 @@ select {
   stroke: #111927;
 }
 
-.group:hover .group-hover\:stroke-blue-600 {
-  stroke: #1E56E3;
-}
-
 .group:hover .group-hover\:opacity-30 {
   opacity: 0.3;
 }
@@ -8117,10 +8172,6 @@ select {
     max-width: 530px;
   }
 
-  .tb\:flex-1 {
-    flex: 1 1 0%;
-  }
-
   .tb\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -8170,8 +8221,8 @@ select {
             column-gap: 4rem;
   }
 
-  .tb\:rounded-2xl {
-    border-radius: 1rem;
+  .tb\:rounded {
+    border-radius: 0.25rem;
   }
 
   .tb\:rounded-e-none {
@@ -8192,12 +8243,17 @@ select {
     border-right-color: rgb(236 237 240 / var(--tw-border-opacity));
   }
 
+  .tb\:p-10 {
+    padding: 2.5rem;
+  }
+
   .tb\:p-16 {
     padding: 4rem;
   }
 
-  .tb\:p-8 {
-    padding: 2rem;
+  .tb\:px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
   }
 
   .tb\:px-4 {
@@ -8222,6 +8278,10 @@ select {
     padding-right: 0px;
   }
 
+  .tb\:pt-10 {
+    padding-top: 2.5rem;
+  }
+
   .tb\:pt-8 {
     padding-top: 2rem;
   }
@@ -8462,6 +8522,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;
@@ -8585,31 +8652,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;
   }
@@ -8650,10 +8701,18 @@ select {
     width: 100%;
   }
 
+  .tb-l\:w-\[520px\] {
+    width: 520px;
+  }
+
   .tb-l\:min-w-\[400px\] {
     min-width: 400px;
   }
 
+  .tb-l\:flex-1 {
+    flex: 1 1 0%;
+  }
+
   .tb-l\:flex-row {
     flex-direction: row;
   }
@@ -8670,6 +8729,10 @@ select {
     justify-content: flex-start;
   }
 
+  .tb-l\:justify-center {
+    justify-content: center;
+  }
+
   .tb-l\:justify-between {
     justify-content: space-between;
   }
@@ -8682,10 +8745,39 @@ 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;
   }
 
+  .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));
   }
@@ -8699,6 +8791,26 @@ select {
     padding-bottom: 3rem;
   }
 
+  .tb-l\:pl-8 {
+    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;
   }
@@ -8795,14 +8907,26 @@ select {
     width: 100%;
   }
 
+  .db\:w-\[520px\] {
+    width: 520px;
+  }
+
   .db\:min-w-\[625px\] {
     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;
   }
@@ -8841,6 +8965,10 @@ select {
     row-gap: 0.5rem;
   }
 
+  .db\:p-20 {
+    padding: 5rem;
+  }
+
   .db\:px-20 {
     padding-left: 5rem;
     padding-right: 5rem;
@@ -8889,6 +9017,10 @@ select {
     padding-top: 8rem;
   }
 
+  .db\:pt-0 {
+    padding-top: 0px;
+  }
+
   .db\:text-left {
     text-align: left;
   }
@@ -9117,6 +9249,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;
@@ -9154,6 +9293,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;
 }