hds-web 1.0.3 → 1.0.4

package/src/styles/tailwind.css

@@ -923,6 +923,10 @@ select {
   z-index: -10;
 }
 
+.z-0 {
+  z-index: 0;
+}
+
 .z-10 {
   z-index: 10;
 }
@@ -1109,6 +1113,10 @@ select {
   margin-top: -1.5rem;
 }
 
+.-mt-px {
+  margin-top: -1px;
+}
+
 .mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -1337,6 +1345,10 @@ select {
   height: 130px;
 }
 
+.h-\[580px\] {
+  height: 580px;
+}
+
 .h-\[60px\] {
   height: 60px;
 }
@@ -1345,10 +1357,6 @@ select {
   height: 100%;
 }
 
-.h-\[580px\] {
-  height: 580px;
-}
-
 .max-h-\[26\.25\] {
   max-height: 26.25;
 }
@@ -1429,6 +1437,10 @@ select {
   width: 290px;
 }
 
+.w-\[560px\] {
+  width: 560px;
+}
+
 .w-\[60\%\] {
   width: 60%;
 }
@@ -1471,14 +1483,6 @@ select {
   width: 100vw;
 }
 
-.w-72 {
-  width: 18rem;
-}
-
-.w-\[560px\] {
-  width: 560px;
-}
-
 .min-w-\[15rem\] {
   min-width: 15rem;
 }
@@ -1487,10 +1491,6 @@ select {
   min-width: 18rem;
 }
 
-.min-w-\[882px\] {
-  min-width: 882px;
-}
-
 .min-w-fit {
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
@@ -1529,6 +1529,10 @@ select {
   max-width: 6rem;
 }
 
+.max-w-\[882px\] {
+  max-width: 882px;
+}
+
 .max-w-max {
   max-width: -webkit-max-content;
   max-width: max-content;
@@ -1547,10 +1551,6 @@ select {
   max-width: 20rem;
 }
 
-.max-w-\[882px\] {
-  max-width: 882px;
-}
-
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -1680,10 +1680,6 @@ select {
   cursor: pointer;
 }
 
-.cursor-none {
-  cursor: none;
-}
-
 .select-none {
   -webkit-user-select: none;
           user-select: none;
@@ -2096,11 +2092,6 @@ select {
   border-width: 1.5px;
 }
 
-.border-x {
-  border-left-width: 1px;
-  border-right-width: 1px;
-}
-
 .border-b {
   border-bottom-width: 1px;
 }
@@ -2117,10 +2108,6 @@ select {
   border-left-width: 2px;
 }
 
-.border-r {
-  border-right-width: 1px;
-}
-
 .border-r-0 {
   border-right-width: 0px;
 }
@@ -2153,6 +2140,11 @@ select {
   border-style: none;
 }
 
+.border-amber-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 168 27 / var(--tw-border-opacity));
+}
+
 .border-amber-600 {
   --tw-border-opacity: 1;
   border-color: rgb(184 88 0 / var(--tw-border-opacity));
@@ -2188,6 +2180,11 @@ select {
   border-color: rgb(62 202 232 / var(--tw-border-opacity));
 }
 
+.border-green-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(57 218 170 / var(--tw-border-opacity));
+}
+
 .border-neutral-0 {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
@@ -2223,24 +2220,14 @@ select {
   border-color: rgb(255 188 214 / var(--tw-border-opacity));
 }
 
-.border-pink-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(225 58 124 / var(--tw-border-opacity));
-}
-
-.border-amber-400 {
-  --tw-border-opacity: 1;
-  border-color: rgb(255 168 27 / var(--tw-border-opacity));
-}
-
-.border-green-400 {
+.border-pink-400 {
   --tw-border-opacity: 1;
-  border-color: rgb(57 218 170 / var(--tw-border-opacity));
+  border-color: rgb(246 119 170 / var(--tw-border-opacity));
 }
 
-.border-pink-400 {
+.border-pink-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(246 119 170 / var(--tw-border-opacity));
+  border-color: rgb(225 58 124 / var(--tw-border-opacity));
 }
 
 .border-purple-400 {
@@ -2258,21 +2245,11 @@ select {
   border-bottom-color: rgb(157 164 174 / var(--tw-border-opacity));
 }
 
-.border-r-neutral-150 {
-  --tw-border-opacity: 1;
-  border-right-color: rgb(236 237 240 / var(--tw-border-opacity));
-}
-
 .border-t-neutral-150 {
   --tw-border-opacity: 1;
   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));
@@ -5217,11 +5194,6 @@ select {
   padding-bottom: 0.625rem;
 }
 
-.py-20 {
-  padding-top: 5rem;
-  padding-bottom: 5rem;
-}
-
 .py-3 {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
@@ -5384,10 +5356,6 @@ select {
   padding-top: 1.5rem;
 }
 
-.pt-\[2\.875rem\] {
-  padding-top: 2.875rem;
-}
-
 .text-left {
   text-align: left;
 }
@@ -6361,10 +6329,6 @@ select {
   transition-duration: 150ms;
 }
 
-.delay-100 {
-  transition-delay: 100ms;
-}
-
 .delay-300 {
   transition-delay: 300ms;
 }
@@ -6397,8 +6361,80 @@ select {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 
+.ease-in-out {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
 /* Typography classes */
 
+@-webkit-keyframes pill-move-left {
+  0% {
+    left: 0;
+    width: 0%;
+  }
+
+  50% {
+    left: 0;
+    width: 100%;
+  }
+
+  100% {
+    left: 0;
+    width: 0%;
+  }
+}
+
+@keyframes pill-move-left {
+  0% {
+    left: 0;
+    width: 0%;
+  }
+
+  50% {
+    left: 0;
+    width: 100%;
+  }
+
+  100% {
+    left: 0;
+    width: 0%;
+  }
+}
+
+@-webkit-keyframes pill-move-right {
+  0% {
+    left: 0;
+    width: 0%;
+  }
+
+  50% {
+    left: 100%;
+    width: 0%;
+  }
+
+  100% {
+    left: 0;
+    width: 0%;
+  }
+}
+
+@keyframes pill-move-right {
+  0% {
+    left: 0;
+    width: 0%;
+  }
+
+  50% {
+    left: 100%;
+    width: 0%;
+  }
+
+  100% {
+    left: 0;
+    width: 0%;
+  }
+}
+
 .card-animation-wrapper {
   position: relative;
 }
@@ -7414,11 +7450,6 @@ select {
   border-color: rgb(210 214 219 / var(--tw-border-opacity));
 }
 
-.hover\:bg-amber-300:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 206 112 / var(--tw-bg-opacity));
-}
-
 .hover\:bg-blue-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(240 244 255 / var(--tw-bg-opacity));
@@ -7429,11 +7460,6 @@ select {
   background-color: rgb(223 232 255 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-blue-300:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(198 214 255 / var(--tw-bg-opacity));
-}
-
 .hover\:bg-blue-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(30 86 227 / var(--tw-bg-opacity));
@@ -7444,36 +7470,11 @@ select {
   background-color: rgb(13 65 198 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-cyan-300:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(147 236 255 / var(--tw-bg-opacity));
-}
-
-.hover\:bg-green-300:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(145 245 215 / var(--tw-bg-opacity));
-}
-
 .hover\:bg-neutral-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-neutral-300:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(210 214 219 / var(--tw-bg-opacity));
-}
-
-.hover\:bg-pink-300:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 188 214 / var(--tw-bg-opacity));
-}
-
-.hover\:bg-purple-300:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(219 198 255 / var(--tw-bg-opacity));
-}
-
 .hover\:text-blue-600:hover {
   --tw-text-opacity: 1;
   color: rgb(30 86 227 / var(--tw-text-opacity));
@@ -7797,14 +7798,14 @@ 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 {
+.group:hover .group-hover\:bg-amber-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(198 214 255 / var(--tw-bg-opacity));
+  background-color: rgb(255 206 112 / var(--tw-bg-opacity));
 }
 
-.group:hover .group-hover\:bg-amber-300 {
+.group:hover .group-hover\:bg-blue-300 {
   --tw-bg-opacity: 1;
-  background-color: rgb(255 206 112 / var(--tw-bg-opacity));
+  background-color: rgb(198 214 255 / var(--tw-bg-opacity));
 }
 
 .group:hover .group-hover\:bg-cyan-300 {
@@ -7882,113 +7883,6 @@ select {
   stroke: #FFFFFF;
 }
 
-@media (prefers-color-scheme: dark) {
-  .dark\:bg-amber-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(224 121 0 / var(--tw-bg-opacity));
-  }
-
-  .dark\:bg-blue-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(57 112 253 / var(--tw-bg-opacity));
-  }
-
-  .dark\:bg-cyan-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(14 150 178 / var(--tw-bg-opacity));
-  }
-
-  .dark\:bg-green-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(14 165 120 / var(--tw-bg-opacity));
-  }
-
-  .dark\:bg-neutral-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(108 115 127 / var(--tw-bg-opacity));
-  }
-
-  .dark\:bg-pink-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(225 58 124 / var(--tw-bg-opacity));
-  }
-
-  .dark\:bg-purple-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(140 73 250 / var(--tw-bg-opacity));
-  }
-
-  .dark\:text-amber-100 {
-    --tw-text-opacity: 1;
-    color: rgb(255 243 212 / var(--tw-text-opacity));
-  }
-
-  .dark\:text-blue-100 {
-    --tw-text-opacity: 1;
-    color: rgb(240 244 255 / var(--tw-text-opacity));
-  }
-
-  .dark\:text-cyan-100 {
-    --tw-text-opacity: 1;
-    color: rgb(227 250 255 / var(--tw-text-opacity));
-  }
-
-  .dark\:text-green-100 {
-    --tw-text-opacity: 1;
-    color: rgb(218 255 244 / var(--tw-text-opacity));
-  }
-
-  .dark\:text-neutral-100 {
-    --tw-text-opacity: 1;
-    color: rgb(243 244 246 / var(--tw-text-opacity));
-  }
-
-  .dark\:text-pink-100 {
-    --tw-text-opacity: 1;
-    color: rgb(255 237 244 / var(--tw-text-opacity));
-  }
-
-  .dark\:text-purple-100 {
-    --tw-text-opacity: 1;
-    color: rgb(247 242 255 / var(--tw-text-opacity));
-  }
-
-  .dark\:hover\:bg-amber-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(184 88 0 / var(--tw-bg-opacity));
-  }
-
-  .dark\:hover\:bg-blue-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(30 86 227 / var(--tw-bg-opacity));
-  }
-
-  .dark\:hover\:bg-cyan-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(4 117 141 / var(--tw-bg-opacity));
-  }
-
-  .dark\:hover\:bg-green-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(2 125 89 / var(--tw-bg-opacity));
-  }
-
-  .dark\:hover\:bg-neutral-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(77 87 97 / var(--tw-bg-opacity));
-  }
-
-  .dark\:hover\:bg-pink-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(194 30 95 / var(--tw-bg-opacity));
-  }
-
-  .dark\:hover\:bg-purple-600:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(113 43 227 / var(--tw-bg-opacity));
-  }
-}
-
 @media (min-width: 600px) {
   .tb\:visible {
     visibility: visible;
@@ -8002,6 +7896,10 @@ select {
     margin-left: 0px;
   }
 
+  .tb\:mt-0 {
+    margin-top: 0px;
+  }
+
   .tb\:mt-10 {
     margin-top: 2.5rem;
   }
@@ -8018,10 +7916,6 @@ select {
     margin-top: -4px;
   }
 
-  .tb\:mt-0 {
-    margin-top: 0px;
-  }
-
   .tb\:block {
     display: block;
   }
@@ -8589,6 +8483,10 @@ select {
     flex: 1 1 0%;
   }
 
+  .md\:flex-col {
+    flex-direction: column;
+  }
+
   .md\:items-center {
     align-items: center;
   }