hds-web 1.0.1 → 1.0.3

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;
 }
@@ -1213,6 +1225,10 @@ select {
   margin-top: 2rem;
 }
 
+.mt-9 {
+  margin-top: 2.25rem;
+}
+
 .block {
   display: block;
 }
@@ -1285,6 +1301,10 @@ select {
   height: 6rem;
 }
 
+.h-3 {
+  height: 0.75rem;
+}
+
 .h-4 {
   height: 1rem;
 }
@@ -1313,6 +1333,10 @@ select {
   height: 2.25rem;
 }
 
+.h-\[130px\] {
+  height: 130px;
+}
+
 .h-\[60px\] {
   height: 60px;
 }
@@ -1321,8 +1345,8 @@ select {
   height: 100%;
 }
 
-.h-20 {
-  height: 5rem;
+.h-\[580px\] {
+  height: 580px;
 }
 
 .max-h-\[26\.25\] {
@@ -1361,6 +1385,10 @@ select {
   width: 6rem;
 }
 
+.w-3 {
+  width: 0.75rem;
+}
+
 .w-3\/4 {
   width: 75%;
 }
@@ -1389,6 +1417,14 @@ select {
   width: 24rem;
 }
 
+.w-\[22\.5rem\] {
+  width: 22.5rem;
+}
+
+.w-\[220px\] {
+  width: 220px;
+}
+
 .w-\[290px\] {
   width: 290px;
 }
@@ -1435,8 +1471,20 @@ select {
   width: 100vw;
 }
 
-.w-20 {
-  width: 5rem;
+.w-72 {
+  width: 18rem;
+}
+
+.w-\[560px\] {
+  width: 560px;
+}
+
+.min-w-\[15rem\] {
+  min-width: 15rem;
+}
+
+.min-w-\[18rem\] {
+  min-width: 18rem;
 }
 
 .min-w-\[882px\] {
@@ -1461,6 +1509,10 @@ select {
   max-width: 80rem;
 }
 
+.max-w-\[10rem\] {
+  max-width: 10rem;
+}
+
 .max-w-\[15rem\] {
   max-width: 15rem;
 }
@@ -1469,6 +1521,10 @@ select {
   max-width: 18rem;
 }
 
+.max-w-\[22rem\] {
+  max-width: 22rem;
+}
+
 .max-w-\[6rem\] {
   max-width: 6rem;
 }
@@ -1491,6 +1547,10 @@ select {
   max-width: 20rem;
 }
 
+.max-w-\[882px\] {
+  max-width: 882px;
+}
+
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -1620,6 +1680,10 @@ select {
   cursor: pointer;
 }
 
+.cursor-none {
+  cursor: none;
+}
+
 .select-none {
   -webkit-user-select: none;
           user-select: none;
@@ -1701,10 +1765,6 @@ select {
   align-items: stretch;
 }
 
-.justify-start {
-  justify-content: flex-start;
-}
-
 .justify-end {
   justify-content: flex-end;
 }
@@ -1886,30 +1946,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);
 }
@@ -1919,6 +1955,11 @@ select {
   border-color: rgb(236 237 240 / var(--tw-divide-opacity));
 }
 
+.divide-neutral-200 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
+}
+
 .overflow-auto {
   overflow: auto;
 }
@@ -2025,6 +2066,11 @@ select {
   border-bottom-right-radius: 0.375rem;
 }
 
+.rounded-t-3xl {
+  border-top-left-radius: 1.5rem;
+  border-top-right-radius: 1.5rem;
+}
+
 .rounded-t-md {
   border-top-left-radius: 0.375rem;
   border-top-right-radius: 0.375rem;
@@ -2050,6 +2096,11 @@ select {
   border-width: 1.5px;
 }
 
+.border-x {
+  border-left-width: 1px;
+  border-right-width: 1px;
+}
+
 .border-b {
   border-bottom-width: 1px;
 }
@@ -2132,6 +2183,11 @@ select {
   border-color: rgb(30 86 227 / var(--tw-border-opacity));
 }
 
+.border-cyan-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(62 202 232 / var(--tw-border-opacity));
+}
+
 .border-neutral-0 {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
@@ -2142,6 +2198,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 +2228,29 @@ select {
   border-color: rgb(225 58 124 / var(--tw-border-opacity));
 }
 
-.border-neutral-150 {
+.border-amber-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(236 237 240 / var(--tw-border-opacity));
+  border-color: rgb(255 168 27 / var(--tw-border-opacity));
+}
+
+.border-green-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(57 218 170 / var(--tw-border-opacity));
+}
+
+.border-pink-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(246 119 170 / var(--tw-border-opacity));
+}
+
+.border-purple-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(180 135 255 / var(--tw-border-opacity));
+}
+
+.border-b-neutral-150 {
+  --tw-border-opacity: 1;
+  border-bottom-color: rgb(236 237 240 / var(--tw-border-opacity));
 }
 
 .border-b-neutral-400 {
@@ -2187,6 +2268,11 @@ select {
   border-top-color: rgb(236 237 240 / var(--tw-border-opacity));
 }
 
+.border-r-neutral-200 {
+  --tw-border-opacity: 1;
+  border-right-color: rgb(229 231 235 / var(--tw-border-opacity));
+}
+
 .bg-amber-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(255 243 212 / var(--tw-bg-opacity));
@@ -4591,10 +4677,386 @@ select {
   --tw-gradient-to-position:  ;
 }
 
+.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-400 {
+  stroke: #80A3FF;
+}
+
+.stroke-blue-500 {
+  stroke: #3970FD;
+}
+
+.stroke-blue-600 {
+  stroke: #1E56E3;
+}
+
+.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-600 {
+  stroke: #027D59;
+}
+
+.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-800 {
   stroke: #1F2A37;
 }
 
+.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 +5147,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 +5217,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 +5247,19 @@ select {
   padding-bottom: 1.5rem;
 }
 
+.py-7 {
+  padding-top: 1.75rem;
+  padding-bottom: 1.75rem;
+}
+
+.pb-10 {
+  padding-bottom: 2.5rem;
+}
+
+.pb-14 {
+  padding-bottom: 3.5rem;
+}
+
 .pb-16 {
   padding-bottom: 4rem;
 }
@@ -4783,6 +5268,10 @@ select {
   padding-bottom: 0.5rem;
 }
 
+.pb-20 {
+  padding-bottom: 5rem;
+}
+
 .pb-4 {
   padding-bottom: 1rem;
 }
@@ -4791,6 +5280,10 @@ select {
   padding-bottom: 1.5rem;
 }
 
+.pb-8 {
+  padding-bottom: 2rem;
+}
+
 .pl-1 {
   padding-left: 0.25rem;
 }
@@ -4855,6 +5348,10 @@ select {
   padding-right: 12rem;
 }
 
+.pr-6 {
+  padding-right: 1.5rem;
+}
+
 .pr-7 {
   padding-right: 1.75rem;
 }
@@ -4875,6 +5372,10 @@ select {
   padding-top: 4rem;
 }
 
+.pt-4 {
+  padding-top: 1rem;
+}
+
 .pt-5 {
   padding-top: 1.25rem;
 }
@@ -4916,6 +5417,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;
@@ -6747,6 +7255,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));
@@ -7273,6 +7797,41 @@ select {
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.group:hover .group-hover\:bg-blue-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(198 214 255 / var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-amber-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 206 112 / var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-cyan-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(147 236 255 / var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-green-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(145 245 215 / var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-neutral-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(210 214 219 / var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-pink-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 188 214 / var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-purple-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(219 198 255 / var(--tw-bg-opacity));
+}
+
 .group:hover .group-hover\:bg-gradient-to-t {
   background-image: linear-gradient(to top, var(--tw-gradient-stops));
 }
@@ -7459,6 +8018,10 @@ select {
     margin-top: -4px;
   }
 
+  .tb\:mt-0 {
+    margin-top: 0px;
+  }
+
   .tb\:block {
     display: block;
   }
@@ -7529,6 +8092,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 +8116,14 @@ select {
     justify-content: center;
   }
 
+  .tb\:gap-0 {
+    gap: 0px;
+  }
+
+  .tb\:gap-16 {
+    gap: 4rem;
+  }
+
   .tb\:gap-\[31\.5rem\] {
     gap: 31.5rem;
   }
@@ -7557,6 +8132,24 @@ select {
     border-radius: 1rem;
   }
 
+  .tb\:rounded-e-none {
+    border-start-end-radius: 0px;
+    border-end-end-radius: 0px;
+  }
+
+  .tb\:border-0 {
+    border-width: 0px;
+  }
+
+  .tb\:border-r {
+    border-right-width: 1px;
+  }
+
+  .tb\:border-r-neutral-150 {
+    --tw-border-opacity: 1;
+    border-right-color: rgb(236 237 240 / var(--tw-border-opacity));
+  }
+
   .tb\:p-16 {
     padding: 4rem;
   }
@@ -7587,6 +8180,10 @@ select {
     padding-top: 2rem;
   }
 
+  .tb\:pt-\[2\.875rem\] {
+    padding-top: 2.875rem;
+  }
+
   .tb\:text-left {
     text-align: left;
   }
@@ -7976,6 +8573,10 @@ select {
     margin-left: 3rem;
   }
 
+  .md\:block {
+    display: block;
+  }
+
   .md\:flex {
     display: flex;
   }
@@ -8044,6 +8645,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 +8661,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;