hds-web 1.0.2 → 1.0.3

package/src/styles/tailwind.css

@@ -1225,6 +1225,10 @@ select {
   margin-top: 2rem;
 }
 
+.mt-9 {
+  margin-top: 2.25rem;
+}
+
 .block {
   display: block;
 }
@@ -1341,6 +1345,10 @@ select {
   height: 100%;
 }
 
+.h-\[580px\] {
+  height: 580px;
+}
+
 .max-h-\[26\.25\] {
   max-height: 26.25;
 }
@@ -1409,6 +1417,10 @@ select {
   width: 24rem;
 }
 
+.w-\[22\.5rem\] {
+  width: 22.5rem;
+}
+
 .w-\[220px\] {
   width: 220px;
 }
@@ -1459,10 +1471,22 @@ select {
   width: 100vw;
 }
 
+.w-72 {
+  width: 18rem;
+}
+
+.w-\[560px\] {
+  width: 560px;
+}
+
 .min-w-\[15rem\] {
   min-width: 15rem;
 }
 
+.min-w-\[18rem\] {
+  min-width: 18rem;
+}
+
 .min-w-\[882px\] {
   min-width: 882px;
 }
@@ -1477,10 +1501,6 @@ select {
   min-width: 100%;
 }
 
-.min-w-\[18rem\] {
-  min-width: 18rem;
-}
-
 .max-w-2xl {
   max-width: 42rem;
 }
@@ -1489,6 +1509,10 @@ select {
   max-width: 80rem;
 }
 
+.max-w-\[10rem\] {
+  max-width: 10rem;
+}
+
 .max-w-\[15rem\] {
   max-width: 15rem;
 }
@@ -1497,6 +1521,10 @@ select {
   max-width: 18rem;
 }
 
+.max-w-\[22rem\] {
+  max-width: 22rem;
+}
+
 .max-w-\[6rem\] {
   max-width: 6rem;
 }
@@ -1519,6 +1547,10 @@ select {
   max-width: 20rem;
 }
 
+.max-w-\[882px\] {
+  max-width: 882px;
+}
+
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -1648,6 +1680,10 @@ select {
   cursor: pointer;
 }
 
+.cursor-none {
+  cursor: none;
+}
+
 .select-none {
   -webkit-user-select: none;
           user-select: none;
@@ -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));
@@ -2172,6 +2228,26 @@ select {
   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 {
+  --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));
@@ -2192,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));
@@ -4596,22 +4677,6 @@ 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;
 }
@@ -4668,10 +4733,18 @@ select {
   stroke: #C6D6FF;
 }
 
+.stroke-blue-400 {
+  stroke: #80A3FF;
+}
+
 .stroke-blue-500 {
   stroke: #3970FD;
 }
 
+.stroke-blue-600 {
+  stroke: #1E56E3;
+}
+
 .stroke-blue-700 {
   stroke: #0D41C6;
 }
@@ -4740,6 +4813,10 @@ select {
   stroke: #0EA578;
 }
 
+.stroke-green-600 {
+  stroke: #027D59;
+}
+
 .stroke-green-700 {
   stroke: #006043;
 }
@@ -4796,6 +4873,10 @@ select {
   stroke: #384250;
 }
 
+.stroke-neutral-800 {
+  stroke: #1F2A37;
+}
+
 .stroke-neutral-850 {
   stroke: #18222F;
 }
@@ -5166,10 +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;
 }
@@ -5282,6 +5372,10 @@ select {
   padding-top: 4rem;
 }
 
+.pt-4 {
+  padding-top: 1rem;
+}
+
 .pt-5 {
   padding-top: 1.25rem;
 }
@@ -5294,14 +5388,6 @@ select {
   padding-top: 2.875rem;
 }
 
-.pb-14 {
-  padding-bottom: 3.5rem;
-}
-
-.pt-4 {
-  padding-top: 1rem;
-}
-
 .text-left {
   text-align: left;
 }
@@ -5621,10 +5707,6 @@ select {
   text-transform: uppercase;
 }
 
-.capitalize {
-  text-transform: capitalize;
-}
-
 .italic {
   font-style: italic;
 }
@@ -7715,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));
 }
@@ -7901,6 +8018,10 @@ select {
     margin-top: -4px;
   }
 
+  .tb\:mt-0 {
+    margin-top: 0px;
+  }
+
   .tb\:block {
     display: block;
   }
@@ -8016,6 +8137,19 @@ select {
     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;
   }
@@ -8046,6 +8180,10 @@ select {
     padding-top: 2rem;
   }
 
+  .tb\:pt-\[2\.875rem\] {
+    padding-top: 2.875rem;
+  }
+
   .tb\:text-left {
     text-align: left;
   }
@@ -8435,6 +8573,10 @@ select {
     margin-left: 3rem;
   }
 
+  .md\:block {
+    display: block;
+  }
+
   .md\:flex {
     display: flex;
   }

package/tailwind.config.js

@@ -784,18 +784,21 @@ module.exports = {
           letterSpacing: '-0.01em',
           fontWeight: '400',
           fontStyle: 'italic',
+          fontFamily: 'Petrona'
         }],
         'hds-t-quote': ['1.125rem', {
           lineHeight: '1.75rem',
           letterSpacing: '-0.01em',
           fontWeight: '400',
           fontStyle: 'italic',
+          fontFamily: 'Petrona'
         }],
         'hds-d-quote': ['1.5rem', {
           lineHeight: '2.25rem',
           letterSpacing: '-0.01em',
           fontWeight: '400',
           fontStyle: 'italic',
+          fontFamily: 'Petrona'
         }],
         // add more for more breakpoints