hds-web 1.4.3 → 1.4.5

package/src/styles/tailwind.css

@@ -735,6 +735,12 @@ select {
   }
 }
 
+@media (min-width: 420px) {
+  .container {
+    max-width: 420px;
+  }
+}
+
 @media (min-width: 600px) {
   .container {
     max-width: 600px;
@@ -1410,10 +1416,6 @@ select {
   max-height: 100%;
 }
 
-.min-h-\[116px\] {
-  min-height: 116px;
-}
-
 .min-h-\[120px\] {
   min-height: 120px;
 }
@@ -1544,6 +1546,10 @@ select {
   width: 100vw;
 }
 
+.w-16 {
+  width: 4rem;
+}
+
 .min-w-\[11\.5rem\] {
   min-width: 11.5rem;
 }
@@ -2025,6 +2031,18 @@ select {
   border-bottom-width: calc(1px * 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-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);
 }
@@ -2170,6 +2188,16 @@ select {
   border-top-right-radius: 0.375rem;
 }
 
+.rounded-l-xl {
+  border-top-left-radius: 0.75rem;
+  border-bottom-left-radius: 0.75rem;
+}
+
+.rounded-r-xl {
+  border-top-right-radius: 0.75rem;
+  border-bottom-right-radius: 0.75rem;
+}
+
 .rounded-tl-2xl {
   border-top-left-radius: 1rem;
 }
@@ -2341,6 +2369,11 @@ select {
   border-top-color: rgb(236 237 240 / var(--tw-border-opacity));
 }
 
+.border-b-neutral-200 {
+  --tw-border-opacity: 1;
+  border-bottom-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));
@@ -5478,6 +5511,10 @@ select {
   padding-top: 2rem;
 }
 
+.pt-3 {
+  padding-top: 0.75rem;
+}
+
 .text-left {
   text-align: left;
 }
@@ -5801,6 +5838,10 @@ select {
   text-transform: uppercase;
 }
 
+.capitalize {
+  text-transform: capitalize;
+}
+
 .italic {
   font-style: italic;
 }
@@ -8050,15 +8091,110 @@ select {
     flex-shrink: 0;
   }
 
-  .max-\[1140px\]\:snap-end {
-    scroll-snap-align: end;
-  }
-
   .max-\[1140px\]\:snap-always {
     scroll-snap-stop: always;
   }
 }
 
+@media (max-width: 450px) {
+  .max-\[450px\]\:rounded-full {
+    border-radius: 9999px;
+  }
+}
+
+@media (max-width: 420px) {
+  .max-\[420px\]\:rounded-full {
+    border-radius: 9999px;
+  }
+
+  .max-\[420px\]\:bg-blue-400 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(128 163 255 / var(--tw-bg-opacity));
+  }
+}
+
+@media (min-width: 420px) {
+  .mb-m\:flex {
+    display: flex;
+  }
+
+  .mb-m\:min-h-\[120px\] {
+    min-height: 120px;
+  }
+
+  .mb-m\:w-\[9rem\] {
+    width: 9rem;
+  }
+
+  .mb-m\:min-w-\[144px\] {
+    min-width: 144px;
+  }
+
+  .mb-m\:flex-row {
+    flex-direction: row;
+  }
+
+  .mb-m\:items-center {
+    align-items: center;
+  }
+
+  .mb-m\:justify-between {
+    justify-content: space-between;
+  }
+
+  .mb-m\:self-center {
+    align-self: center;
+  }
+
+  .mb-m\:rounded {
+    border-radius: 0.25rem;
+  }
+
+  .mb-m\:rounded-l-2xl {
+    border-top-left-radius: 1rem;
+    border-bottom-left-radius: 1rem;
+  }
+
+  .mb-m\:rounded-r-2xl {
+    border-top-right-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+  }
+
+  .mb-m\:rounded-r-xl {
+    border-top-right-radius: 0.75rem;
+    border-bottom-right-radius: 0.75rem;
+  }
+
+  .mb-m\:rounded-l-xl {
+    border-top-left-radius: 0.75rem;
+    border-bottom-left-radius: 0.75rem;
+  }
+
+  .mb-m\:px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+
+  .mb-m\:py-\[30px\] {
+    padding-top: 30px;
+    padding-bottom: 30px;
+  }
+
+  .mb-m\:pl-0 {
+    padding-left: 0px;
+  }
+
+  .mb-m\:pt-0 {
+    padding-top: 0px;
+  }
+}
+
+@media (min-width: 450px) {
+  .min-\[450px\]\:rounded-full {
+    border-radius: 9999px;
+  }
+}
+
 @media (min-width: 600px) {
   .tb\:mb-16 {
     margin-bottom: 4rem;
@@ -8227,10 +8363,6 @@ select {
             column-gap: 4rem;
   }
 
-  .tb\:rounded {
-    border-radius: 0.25rem;
-  }
-
   .tb\:rounded-3xl {
     border-radius: 1.5rem;
   }
@@ -8568,6 +8700,10 @@ select {
     letter-spacing: -0.01em;
     font-weight: 400;
   }
+
+  .tb\:uppercase {
+    text-transform: uppercase;
+  }
 }
 
 @media (min-width: 640px) {
@@ -8785,9 +8921,8 @@ select {
     border-bottom-left-radius: 1.5rem;
   }
 
-  .tb-l\:rounded-r-2xl {
-    border-top-right-radius: 1rem;
-    border-bottom-right-radius: 1rem;
+  .tb-l\:border-0 {
+    border-width: 0px;
   }
 
   .tb-l\:border-r {
@@ -8812,6 +8947,11 @@ select {
     padding-bottom: 3rem;
   }
 
+  .tb-l\:px-8 {
+    padding-left: 2rem;
+    padding-right: 2rem;
+  }
+
   .tb-l\:pb-12 {
     padding-bottom: 3rem;
   }
@@ -8824,6 +8964,10 @@ select {
     padding-top: 3rem;
   }
 
+  .tb-l\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+
   .tb-l\:text-left {
     text-align: left;
   }

package/tailwind.config.js

@@ -169,6 +169,7 @@ module.exports = {
     extend: {
       screens: {
         'mb-s': '360px',
+        'mb-m':'420px',
         'tb': '600px',
         'tb-m': '800px',
         'tb-l': '905px',