hds-web 1.0.1 → 1.0.2

package/src/styles/tailwind.css

@@ -963,6 +963,10 @@ select {
   margin: -0.75rem;
 }
 
+.m-2 {
+  margin: 0.5rem;
+}
+
 .m-4 {
   margin: 1rem;
 }
@@ -1153,6 +1157,10 @@ select {
   margin-left: 0.5rem;
 }
 
+.ml-20 {
+  margin-left: 5rem;
+}
+
 .ml-3 {
   margin-left: 0.75rem;
 }
@@ -1185,6 +1193,10 @@ select {
   margin-top: 2.5rem;
 }
 
+.mt-16 {
+  margin-top: 4rem;
+}
+
 .mt-2 {
   margin-top: 0.5rem;
 }
@@ -1285,6 +1297,10 @@ select {
   height: 6rem;
 }
 
+.h-3 {
+  height: 0.75rem;
+}
+
 .h-4 {
   height: 1rem;
 }
@@ -1313,6 +1329,10 @@ select {
   height: 2.25rem;
 }
 
+.h-\[130px\] {
+  height: 130px;
+}
+
 .h-\[60px\] {
   height: 60px;
 }
@@ -1321,10 +1341,6 @@ select {
   height: 100%;
 }
 
-.h-20 {
-  height: 5rem;
-}
-
 .max-h-\[26\.25\] {
   max-height: 26.25;
 }
@@ -1361,6 +1377,10 @@ select {
   width: 6rem;
 }
 
+.w-3 {
+  width: 0.75rem;
+}
+
 .w-3\/4 {
   width: 75%;
 }
@@ -1389,6 +1409,10 @@ select {
   width: 24rem;
 }
 
+.w-\[220px\] {
+  width: 220px;
+}
+
 .w-\[290px\] {
   width: 290px;
 }
@@ -1435,8 +1459,8 @@ select {
   width: 100vw;
 }
 
-.w-20 {
-  width: 5rem;
+.min-w-\[15rem\] {
+  min-width: 15rem;
 }
 
 .min-w-\[882px\] {
@@ -1453,6 +1477,10 @@ select {
   min-width: 100%;
 }
 
+.min-w-\[18rem\] {
+  min-width: 18rem;
+}
+
 .max-w-2xl {
   max-width: 42rem;
 }
@@ -1701,10 +1729,6 @@ select {
   align-items: stretch;
 }
 
-.justify-start {
-  justify-content: flex-start;
-}
-
 .justify-end {
   justify-content: flex-end;
 }
@@ -1886,30 +1910,6 @@ select {
   border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
 }
 
-.divide-x-0 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-x-reverse: 0;
-  border-right-width: calc(0px * var(--tw-divide-x-reverse));
-  border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
-}
-
-.divide-y-0 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-y-reverse: 0;
-  border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
-  border-bottom-width: calc(0px * 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-x-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-x-reverse: 0;
-  border-right-width: calc(2px * var(--tw-divide-x-reverse));
-  border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
-}
-
 .divide-blue-600\/10 > :not([hidden]) ~ :not([hidden]) {
   border-color: rgb(30 86 227 / 0.1);
 }
@@ -2142,6 +2142,11 @@ select {
   border-color: rgb(243 244 246 / var(--tw-border-opacity));
 }
 
+.border-neutral-150 {
+  --tw-border-opacity: 1;
+  border-color: rgb(236 237 240 / var(--tw-border-opacity));
+}
+
 .border-neutral-200 {
   --tw-border-opacity: 1;
   border-color: rgb(229 231 235 / var(--tw-border-opacity));
@@ -2167,9 +2172,9 @@ select {
   border-color: rgb(225 58 124 / var(--tw-border-opacity));
 }
 
-.border-neutral-150 {
+.border-b-neutral-150 {
   --tw-border-opacity: 1;
-  border-color: rgb(236 237 240 / var(--tw-border-opacity));
+  border-bottom-color: rgb(236 237 240 / var(--tw-border-opacity));
 }
 
 .border-b-neutral-400 {
@@ -4591,10 +4596,386 @@ select {
   --tw-gradient-to-position:  ;
 }
 
+.stroke-blue-400 {
+  stroke: #80A3FF;
+}
+
+.stroke-green-600 {
+  stroke: #027D59;
+}
+
 .stroke-neutral-800 {
   stroke: #1F2A37;
 }
 
+.stroke-blue-600 {
+  stroke: #1E56E3;
+}
+
+.stroke-amber-100 {
+  stroke: #FFF3D4;
+}
+
+.stroke-amber-200 {
+  stroke: #FFE4B0;
+}
+
+.stroke-amber-300 {
+  stroke: #FFCE70;
+}
+
+.stroke-amber-400 {
+  stroke: #FFA81B;
+}
+
+.stroke-amber-500 {
+  stroke: #E07900;
+}
+
+.stroke-amber-600 {
+  stroke: #B85800;
+}
+
+.stroke-amber-700 {
+  stroke: #993700;
+}
+
+.stroke-amber-800 {
+  stroke: #782400;
+}
+
+.stroke-amber-900 {
+  stroke: #471500;
+}
+
+.stroke-base-0 {
+  stroke: #FFFFFF;
+}
+
+.stroke-base-1000 {
+  stroke: #000615;
+}
+
+.stroke-blue-100 {
+  stroke: #F0F4FF;
+}
+
+.stroke-blue-200 {
+  stroke: #DFE8FF;
+}
+
+.stroke-blue-300 {
+  stroke: #C6D6FF;
+}
+
+.stroke-blue-500 {
+  stroke: #3970FD;
+}
+
+.stroke-blue-700 {
+  stroke: #0D41C6;
+}
+
+.stroke-blue-800 {
+  stroke: #00288E;
+}
+
+.stroke-blue-900 {
+  stroke: #001C63;
+}
+
+.stroke-cyan-100 {
+  stroke: #E3FAFF;
+}
+
+.stroke-cyan-200 {
+  stroke: #C2F4FF;
+}
+
+.stroke-cyan-300 {
+  stroke: #93ECFF;
+}
+
+.stroke-cyan-400 {
+  stroke: #3ECAE8;
+}
+
+.stroke-cyan-500 {
+  stroke: #0E96B2;
+}
+
+.stroke-cyan-600 {
+  stroke: #04758D;
+}
+
+.stroke-cyan-700 {
+  stroke: #005A6C;
+}
+
+.stroke-cyan-800 {
+  stroke: #003945;
+}
+
+.stroke-cyan-900 {
+  stroke: #00232B;
+}
+
+.stroke-green-100 {
+  stroke: #DAFFF4;
+}
+
+.stroke-green-200 {
+  stroke: #B8FBE7;
+}
+
+.stroke-green-300 {
+  stroke: #91F5D7;
+}
+
+.stroke-green-400 {
+  stroke: #39DAAA;
+}
+
+.stroke-green-500 {
+  stroke: #0EA578;
+}
+
+.stroke-green-700 {
+  stroke: #006043;
+}
+
+.stroke-green-800 {
+  stroke: #003C2B;
+}
+
+.stroke-green-900 {
+  stroke: #00281D;
+}
+
+.stroke-neutral-0 {
+  stroke: #FFFFFF;
+}
+
+.stroke-neutral-100 {
+  stroke: #F3F4F6;
+}
+
+.stroke-neutral-1000 {
+  stroke: #000615;
+}
+
+.stroke-neutral-150 {
+  stroke: #ECEDF0;
+}
+
+.stroke-neutral-200 {
+  stroke: #E5E7EB;
+}
+
+.stroke-neutral-300 {
+  stroke: #D2D6DB;
+}
+
+.stroke-neutral-400 {
+  stroke: #9DA4AE;
+}
+
+.stroke-neutral-50 {
+  stroke: #F9FAFB;
+}
+
+.stroke-neutral-500 {
+  stroke: #6C737F;
+}
+
+.stroke-neutral-600 {
+  stroke: #4D5761;
+}
+
+.stroke-neutral-700 {
+  stroke: #384250;
+}
+
+.stroke-neutral-850 {
+  stroke: #18222F;
+}
+
+.stroke-neutral-900 {
+  stroke: #111927;
+}
+
+.stroke-neutral-950 {
+  stroke: #0D1420;
+}
+
+.stroke-orange-100 {
+  stroke: #FFEDD7;
+}
+
+.stroke-orange-200 {
+  stroke: #FED7AD;
+}
+
+.stroke-orange-300 {
+  stroke: #FDB97A;
+}
+
+.stroke-orange-400 {
+  stroke: #FB9147;
+}
+
+.stroke-orange-500 {
+  stroke: #F87229;
+}
+
+.stroke-orange-600 {
+  stroke: #E9571F;
+}
+
+.stroke-orange-700 {
+  stroke: #C14018;
+}
+
+.stroke-orange-800 {
+  stroke: #993418;
+}
+
+.stroke-pink-100 {
+  stroke: #FFEDF4;
+}
+
+.stroke-pink-200 {
+  stroke: #FFD9E7;
+}
+
+.stroke-pink-300 {
+  stroke: #FFBCD6;
+}
+
+.stroke-pink-400 {
+  stroke: #F677AA;
+}
+
+.stroke-pink-500 {
+  stroke: #E13A7C;
+}
+
+.stroke-pink-600 {
+  stroke: #C21E5F;
+}
+
+.stroke-pink-700 {
+  stroke: #A50A48;
+}
+
+.stroke-pink-800 {
+  stroke: #71002C;
+}
+
+.stroke-pink-900 {
+  stroke: #49001D;
+}
+
+.stroke-purple-100 {
+  stroke: #F7F2FF;
+}
+
+.stroke-purple-200 {
+  stroke: #EDE1FF;
+}
+
+.stroke-purple-300 {
+  stroke: #DBC6FF;
+}
+
+.stroke-purple-400 {
+  stroke: #B487FF;
+}
+
+.stroke-purple-500 {
+  stroke: #8C49FA;
+}
+
+.stroke-purple-600 {
+  stroke: #712BE3;
+}
+
+.stroke-purple-700 {
+  stroke: #5E13D7;
+}
+
+.stroke-purple-800 {
+  stroke: #3F01A6;
+}
+
+.stroke-purple-900 {
+  stroke: #29006B;
+}
+
+.stroke-red-100 {
+  stroke: #FEE2E2;
+}
+
+.stroke-red-200 {
+  stroke: #FECACB;
+}
+
+.stroke-red-300 {
+  stroke: #FBA5A6;
+}
+
+.stroke-red-400 {
+  stroke: #F77173;
+}
+
+.stroke-red-500 {
+  stroke: #EE4447;
+}
+
+.stroke-red-600 {
+  stroke: #DB252B;
+}
+
+.stroke-red-700 {
+  stroke: #B81B20;
+}
+
+.stroke-red-800 {
+  stroke: #981A1E;
+}
+
+.stroke-yellow-100 {
+  stroke: #FFF9C7;
+}
+
+.stroke-yellow-200 {
+  stroke: #FFEF93;
+}
+
+.stroke-yellow-300 {
+  stroke: #FFDF5A;
+}
+
+.stroke-yellow-400 {
+  stroke: #FBCB3A;
+}
+
+.stroke-yellow-500 {
+  stroke: #EBB230;
+}
+
+.stroke-yellow-600 {
+  stroke: #CA8924;
+}
+
+.stroke-yellow-700 {
+  stroke: #A1611A;
+}
+
+.stroke-yellow-800 {
+  stroke: #854D18;
+}
+
 .stroke-2 {
   stroke-width: 2;
 }
@@ -4685,6 +5066,11 @@ select {
   padding-right: 0.625rem;
 }
 
+.px-20 {
+  padding-left: 5rem;
+  padding-right: 5rem;
+}
+
 .px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -4750,6 +5136,11 @@ select {
   padding-bottom: 0.625rem;
 }
 
+.py-20 {
+  padding-top: 5rem;
+  padding-bottom: 5rem;
+}
+
 .py-3 {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
@@ -4775,6 +5166,10 @@ select {
   padding-bottom: 1.5rem;
 }
 
+.pb-10 {
+  padding-bottom: 2.5rem;
+}
+
 .pb-16 {
   padding-bottom: 4rem;
 }
@@ -4783,6 +5178,10 @@ select {
   padding-bottom: 0.5rem;
 }
 
+.pb-20 {
+  padding-bottom: 5rem;
+}
+
 .pb-4 {
   padding-bottom: 1rem;
 }
@@ -4791,6 +5190,10 @@ select {
   padding-bottom: 1.5rem;
 }
 
+.pb-8 {
+  padding-bottom: 2rem;
+}
+
 .pl-1 {
   padding-left: 0.25rem;
 }
@@ -4855,6 +5258,10 @@ select {
   padding-right: 12rem;
 }
 
+.pr-6 {
+  padding-right: 1.5rem;
+}
+
 .pr-7 {
   padding-right: 1.75rem;
 }
@@ -4887,6 +5294,14 @@ select {
   padding-top: 2.875rem;
 }
 
+.pb-14 {
+  padding-bottom: 3.5rem;
+}
+
+.pt-4 {
+  padding-top: 1rem;
+}
+
 .text-left {
   text-align: left;
 }
@@ -4916,6 +5331,13 @@ select {
   font-weight: 500;
 }
 
+.text-hds-d-body3c {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  letter-spacing: ;
+  font-weight: 400;
+}
+
 .text-hds-d-body3c-medium {
   font-size: 0.875rem;
   line-height: 1.25rem;
@@ -5199,6 +5621,10 @@ select {
   text-transform: uppercase;
 }
 
+.capitalize {
+  text-transform: capitalize;
+}
+
 .italic {
   font-style: italic;
 }
@@ -6747,6 +7173,22 @@ select {
   border-top-color: rgb(13 65 198 / var(--tw-border-opacity));
 }
 
+.first\:ml-0:first-child {
+  margin-left: 0px;
+}
+
+.last\:mr-0:last-child {
+  margin-right: 0px;
+}
+
+.last\:border-b-0:last-child {
+  border-bottom-width: 0px;
+}
+
+.last\:pb-0:last-child {
+  padding-bottom: 0px;
+}
+
 .checked\:border-blue-600:checked {
   --tw-border-opacity: 1;
   border-color: rgb(30 86 227 / var(--tw-border-opacity));
@@ -7529,6 +7971,10 @@ select {
     max-width: 530px;
   }
 
+  .tb\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .tb\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
@@ -7549,6 +7995,14 @@ select {
     justify-content: center;
   }
 
+  .tb\:gap-0 {
+    gap: 0px;
+  }
+
+  .tb\:gap-16 {
+    gap: 4rem;
+  }
+
   .tb\:gap-\[31\.5rem\] {
     gap: 31.5rem;
   }
@@ -7557,6 +8011,11 @@ select {
     border-radius: 1rem;
   }
 
+  .tb\:rounded-e-none {
+    border-start-end-radius: 0px;
+    border-end-end-radius: 0px;
+  }
+
   .tb\:p-16 {
     padding: 4rem;
   }
@@ -8044,6 +8503,14 @@ select {
     justify-content: flex-start;
   }
 
+  .tb-l\:gap-0 {
+    gap: 0px;
+  }
+
+  .tb-l\:gap-36 {
+    gap: 9rem;
+  }
+
   .tb-l\:self-center {
     align-self: center;
   }
@@ -8052,6 +8519,10 @@ select {
     background-image: linear-gradient(to right, var(--tw-gradient-stops));
   }
 
+  .tb-l\:p-10 {
+    padding: 2.5rem;
+  }
+
   .tb-l\:py-12 {
     padding-top: 3rem;
     padding-bottom: 3rem;