hds-web 1.10.3 → 1.10.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/index.css +2 -2
  2. package/dist/index.es.css +2 -2
  3. package/dist/index.es.js +2 -2
  4. package/dist/index.js +4 -4
  5. package/package.json +1 -1
  6. package/src/HDS/components/Cards/Testimonials/testimonial.js +6 -8
  7. package/src/HDS/components/Cards/VideoCard/homeVC.js +32 -29
  8. package/src/HDS/components/Carousels/homeCarousel.js +124 -95
  9. package/src/HDS/components/Headers/v3Header.js +3 -2
  10. package/src/styles/tailwind.css +35 -20
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hds-web",
3
- "version": "1.10.3",
3
+ "version": "1.10.5",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
package/src/HDS/components/Cards/Testimonials/testimonial.js CHANGED
@@ -23,13 +23,11 @@ export default function Testimonial(props) {
23
23
  card = card.card;
24
24
  return (
25
25
  <>
26
- <div className={` backdrop-blur-lg bg-neutral-1000 bg-opacity-20 rounded-2xl max-w-[220px] h-[428px] flex flex-col justify-between `}>
27
- <div className="">
26
+ <div className={` backdrop-blur-lg bg-neutral-1000 bg-opacity-20 rounded-[6px] w-[220px] h-[428px] flex flex-col justify-between `}>
27
+ <div className="h-[428px]">
28
28
  <div className=" pt-8 pl-6">
29
29
  <img src={card.title_img} alt="Card" className=" inline-block w-16 " />
30
30
  </div>
31
-
32
-
33
31
  {card.subtitle && <div className="mt-6 px-6 font-petrona text-base font-normal text-neutral-0 ">{card.subtitle}</div>}
34
32
  </div>
35
33
  <div className="pl-6 pb-8">
@@ -53,7 +51,7 @@ export default function Testimonial(props) {
53
51
  cardHover = cardHover.cardHover;
54
52
  return (
55
53
  <div className="h-[428px]">
56
- <div className={`${HDSColor(cardHover.cardBg)} rounded-2xl max-w-[221px] justify-between h-[428px] flex flex-col`}>
54
+ <div className={`${HDSColor(cardHover.cardBg)} rounded-[6px] w-[220px] justify-between h-[428px] flex flex-col`}>
57
55
  <div className=" ">
58
56
  <div className="pt-8 pl-6 ">
59
57
  <img src={cardHover.img_url} alt="Card" className=" inline-block max-w-[148px]" />
@@ -80,15 +78,15 @@ export default function Testimonial(props) {
80
78
 
81
79
  return (
82
80
  <div
83
- className={` ${isHovered ? '' : ''} max-w-[221px] rounded-2xl`}
81
+ className={` ${isHovered ? '' : ''} w-[220px] h-[428px] rounded-2xl`}
84
82
  onMouseEnter={handleMouseEnter}
85
83
  onMouseLeave={handleMouseLeave}
86
84
  >
87
85
 
88
- <div className={`transition-all max-w-[220px] fixed ease-in-out duration-300 ${isHovered ? 'opacity-0 ' : 'opacity-100'}`}>
86
+ <div className={`transition-all max-w-[220px] absolute left-0 top-0 ease-in-out rounded-[6px] duration-300 ${isHovered ? 'opacity-0 ' : 'opacity-100'}`}>
89
87
  <Card1 card={props.card} />
90
88
  </div>
91
- <div className={`transition-al fixed ease-in-out duration-300 ${isHovered ? 'opacity-100' : 'opacity-0'}`}>
89
+ <div className={`transition-al absolute left-0 top-0 ease-in-out rounded-[6px] duration-300 ${isHovered ? 'opacity-100' : 'opacity-0'}`}>
92
90
  <Card2 cardHover={props.cardHover} />
93
91
  </div>
94
92
  </div>
package/src/HDS/components/Cards/VideoCard/homeVC.js CHANGED
@@ -5,9 +5,16 @@ import {FeedbackCard} from '../Feedback'
5
5
  export default function HomeVC(props) {
6
6
  return (
7
7
  <>
8
- <div className='carouselShadow overflow-hidden'>
9
- <div className=' hidden w-[620px] h-[476px] bg-base-1000 rounded-2xl border-2 border-neutral-300 tb:flex justify-center items-center'>
10
- <div className='w-[580px] h-[436px] bg-base-1000 rounded flex flex-col items-center justify-center overflow-hidden'>
8
+ <div className='relative overflow-hidden'>
9
+ <div className='absolute z-50 right-[4px] rounded-[6px] hidden min-[699px]:block w-[220px] h-[428px] top-[4px] bg-neutral-0/40'>
10
+
11
+ <Testimonial
12
+ card={props.testimonial.card}
13
+ cardHover={props.testimonial.cardHover}
14
+ />
15
+ </div>
16
+ <div className=' relative hidden w-[580px] h-[436px] rounded-2xl min-[699px]:flex justify-center items-center'>
17
+ <div className='w-[580px] h-[436px] rounded-lg flex flex-col items-center justify-center overflow-hidden'>
11
18
  <div className=''>
12
19
  <div className=''>
13
20
  <video
@@ -17,48 +24,44 @@ export default function HomeVC(props) {
17
24
  className=" object-fill max-w-full max-h-full scale-150"
18
25
  src={props.video_url}
19
26
  />
20
- <div className='w-full fixed flex-col flex items-center'>
21
- <div className='fixed mx-auto top-[451px] left-[235px] w-[147px] h-[3px] bg-neutral-0/20' />
27
+ <div className='w-full relative z-50 flex-col flex items-center'>
28
+ <div className='relative top-[55px] left-[0px] w-[147px] h-[3px] bg-neutral-0/20' />
22
29
  </div>
23
30
  </div>
24
- <div className='fixed top-[24px] left-[375px] bg-neutral-0/40'>
25
31
 
26
- <Testimonial
27
- card={props.testimonial.card}
28
- cardHover={props.testimonial.cardHover}
29
- />
30
- </div>
31
32
  </div>
32
33
  </div>
33
34
  </div>
34
- <div className='overflow-hidden h-[614px] tb:hidden'>
35
- <div className='w-screen h-[348px] bg-base-1000 rounded flex flex-col items-center justify-cente overflow-hidden'>
35
+
36
+ <div className='overflow-x-hidden w-screen min-[699px]:hidden'>
37
+ <div className=' h-[600px] rounded flex flex-col items-center justify-cente overflow-hidden'>
36
38
 
37
39
  <div className=''>
38
- <div className='o'>
39
- <div className=''>
40
+ <div className=''>
41
+ <div className='h-[348px]'>
40
42
  <video
41
43
  autoPlay
42
44
  loop
43
45
  muted
44
- className=" object-fill max-w-full max-h-full scale-[1.7]"
46
+ className=" object-fill max-w-full max-h-full min-[699px]:scale-[1.7]"
45
47
  src={props.video_url}
46
48
  />
47
49
 
48
50
  </div>
49
- <div className='absolute z-50 top-[72px] px-4'>
50
-
51
- < FeedbackCard
52
- brandImgUrl={props.testimonial.card.title_img}
53
- brandImgAlt={props.testimonial.card.avatar.name}
54
- description={props.testimonial.card.subtitle}
55
- speakerName={props.testimonial.card.avatar.name}
56
- speakerDesignation={props.testimonial.card.avatar.designation}
57
- speakerImgUrl={props.testimonial.card.avatar.img_url}
58
- blurb={props.testimonial.cardHover.title}
59
- dividerClass='border-b border-neutral-150'
60
- caseStudyUrl={props.testimonial.cardHover.button.cta_text}
61
- />
51
+ <div className='absolute max-[365px]:h-[657px] h-[600px] z-50 top-[72px] px-4'>
52
+ <div className=''>
53
+ < FeedbackCard
54
+ brandImgUrl={props.testimonial.card.title_img}
55
+ brandImgAlt={props.testimonial.card.avatar.name}
56
+ description={props.testimonial.card.subtitle}
57
+ speakerName={props.testimonial.card.avatar.name}
58
+ speakerDesignation={props.testimonial.card.avatar.designation}
59
+ speakerImgUrl={props.testimonial.card.avatar.img_url}
60
+ blurb={props.testimonial.cardHover.title}
61
+ dividerClass='border-b border-neutral-150'
62
+ caseStudyUrl={props.testimonial.cardHover.button.cta_text}
63
+ />
64
+ </div>
62
65
  </div>
63
66
  </div>
64
67
  </div>
package/src/HDS/components/Carousels/homeCarousel.js CHANGED
@@ -23,6 +23,8 @@ const SideCard = (item) => (
23
23
  )
24
24
 
25
25
  export default function HomePageCarousePrimary(props) {
26
+
27
+ //center carousel
26
28
  let arr = []
27
29
  let key1, key2;
28
30
  for (const key in props.data) {
@@ -33,6 +35,7 @@ export default function HomePageCarousePrimary(props) {
33
35
 
34
36
  }
35
37
  }
38
+
36
39
  function extractMappedValues(obj) {
37
40
  return {
38
41
  video_url: obj.video.data.attributes.url || "",
@@ -70,6 +73,8 @@ export default function HomePageCarousePrimary(props) {
70
73
  const carouselRef = useRef(null); // Create a ref using useRef
71
74
  const carouselRef2 = useRef(null); // Create a ref using useRef
72
75
  const [currentCard, setCurrentCard] = React.useState(0);
76
+ const [leftDisablebtn, setLeftDisablebtn] = React.useState(false);
77
+ const [rightDisablebtn, setRightDisablebtn] = React.useState(false);
73
78
  const refs = videoProps.reduce((acc, val, i) => {
74
79
  acc[i] = React.createRef();
75
80
  return acc;
@@ -139,7 +144,7 @@ export default function HomePageCarousePrimary(props) {
139
144
  }
140
145
  };
141
146
 
142
- const arrowStyle = ' text-2xl z-10 bg-black h-10 w-10 rounded-full bg-neutral-0 hover:bg-neutral-200 flex items-center justify-center';
147
+ const arrowStyle = ' text-2xl z-50 bg-black h-10 w-10 rounded-full bg-neutral-0 shadow-md hover:bg-neutral-100 hover:shadow-lg bg-blue-600 z-500 flex items-center justify-center';
143
148
 
144
149
  const toggleBoolean = () => {
145
150
  setBoolean((prevBoolean) => !prevBoolean); // Toggle the boolean value
@@ -153,7 +158,7 @@ export default function HomePageCarousePrimary(props) {
153
158
  toggleBoolean(); // Call the toggleBoolean function
154
159
  isLeft ? previousCard() : nextCard(); // Call previousCard or nextCard based on the button clicked
155
160
  }}
156
- className={`flex ${arrowStyle} ${isLeft ? '' : ''}`}
161
+ className={`flex bg-blue-600 ${arrowStyle} ${isLeft ? '' : ''}`}
157
162
  >
158
163
  <span role="img" aria-label={`Arrow ${isLeft ? 'left' : 'right'}`}>
159
164
  {isLeft ? (
@@ -166,121 +171,145 @@ export default function HomePageCarousePrimary(props) {
166
171
  );
167
172
  const [isScrollActive, setScrollActive] = useState(false);
168
173
 
169
- const handleMouseEnter = () => {
170
- setScrollActive(true); // Mouse entered, scroll is active
171
- };
172
-
173
- const handleMouseLeave = () => {
174
- setScrollActive(false); // Mouse left, scroll is inactive
175
- };
174
+ console.log(videoProps)
176
175
  return (
177
- <div className=""
178
- onMouseEnter={handleMouseEnter}
179
- onMouseLeave={handleMouseLeave}
180
- >
181
176
 
177
+ <div className="min-[699px]:relative block">
182
178
 
183
- <div className=" flex flex-col-reverse tb:flex-col-reverse tb:flex items-center">
184
- <div className="flex z-50 justify-center items-center">
185
- {/* {slider()} */}
186
- <div className="flex w-screen gap-6 justify-center ">
187
- {sliderControl(true)}
188
- {sliderControl()}
189
- </div>
190
- </div>
191
- <div className="justify-center select-none items-center"
192
-
193
- >
194
- <div className="w-screen flex justify-center">
195
- <div className="db:absolute z-30">
196
- <div className={`snap-x w-screen tb:w-[643px] bg-neutral-100 tb:h-[513px] db:h-[800px] items-center z-10 inline-flex select-none overflow-x-hidden scrollbar-hide`}
197
- ref={carouselRef}
198
- >
199
- {videoProps.map((item, i) => (
200
- <div className=" db:snap-center snap-center tb-m:snap-start mx-5 " key={i} ref={refs[i]}>
201
- <div className="select-none rounded-3xl object-contain ">
202
- {React.createElement(VideoCard, item)}
203
- </div>
179
+ <div className="mx-auto w-screen"
204
180
 
205
- </div>
206
- ))}
181
+ >
182
+ <div className="min-[699px]:relative flex flex-col items-center right-[75ppx] top-[112px]">
183
+ <div className="absolute">
207
184
 
208
- </div>
209
- </div>
210
- <div className={`hidden snap-x w-screen tb-l:max-w-[980px] min-[1300px]:max-w-7xl h-[675px] items-center db:flex min-[1300px]:gap-[160px] select-none overflow-x-hidden scrollbar-hide relative top-[90px]`}
211
- ref={carouselRef2}
185
+ {/* <BackCarousel /> */}
186
+ </div>
212
187
 
213
- >
188
+ </div>
214
189
 
215
- {arr.map((item, i) => {
190
+ <div className=" min-[699px]:relative top-5 rounded-lg">
191
+ <div className=" min-[699px]:absolute">
192
+ <div className=" flex flex-col-reverse tb:flex-col-reverse tb:flex items-center">
193
+ <div className="hidden min-[699px]:flex z-10 min-[699px]:mt-[70px] justify-center items-center">
216
194
 
217
- // toggleBoolean();
218
- return (
219
- <>
195
+ <div className="flex w-screen gap-6 justify-center ">
196
+ {sliderControl(true)}
197
+ {sliderControl()}
198
+ </div>
199
+ </div>
200
+ <div className="max-[369px]:mt-8 min-[400px]:-mt-20 min-[699px]:hidden">
220
201
 
221
- <div
222
- className={`${isScrollActive ? '' : '-translate-y-36'} transition-all duration-[1500ms] z-[1] snap-center tb-m:snap-start `}
223
- key={i + 'x'}
224
- ref={refs2[i]}
225
- >
226
- <div className="select-none rounded-3xl object-contain">
227
- <div>
228
- {SideCard(item)}
202
+ <div className="flex w-screen gap-6 justify-center ">
203
+ {sliderControl(true)}
204
+ {sliderControl()}
205
+ </div>
206
+ </div>
207
+ <div className="justify-center select-none items-center"
229
208
 
230
- </div>
231
- </div>
232
- </div>
233
- <div
234
- className={`${isScrollActive ? ' ' : ''} transition-all duration-[1500ms] z-[1] snap-center tb-m:snap-start mx-5 `}
235
- key={i + 'y'}
236
- ref={refs2[i]}
209
+ >
210
+ <div className="w-screen flex justify-center items-center ">
211
+ <div className=" z-30">
212
+ <div className={`snap-x max-[699px]:w-screen bg-neutral-00 tb:w-[580px] items-center z-20 inline-flex select-none overflow-x-hidden scrollbar-hide`}
213
+ ref={carouselRef}
237
214
  >
238
- <div className="select-none rounded-3xl object-contain">
239
215
 
240
- {/* {(i + 2) < arr.length && SideCard(arr[i+2])} */}
241
- {(i + 2) < arr.length ?
242
- <>
243
- {SideCard(arr[i + 2])}
244
- </>
245
- :
246
- <>
247
- {SideCard(arr[0])}
248
- </>
216
+ {videoProps.map((item, i) => (
217
+ <div className=" db:snap-center snap-center mx-6 " key={i} ref={refs[i]}>
218
+ <div className="select-none rounded-3xl object-contain ">
219
+ {React.createElement(VideoCard, item)}
220
+ </div>
249
221
 
250
- }
222
+ </div>
223
+ ))}
251
224
 
252
- </div>
253
- </div>
254
- <div
255
- className={`${isScrollActive ? '' : 'translate-y-36'} transition-all duration-[1500ms] z-[1] snap-center tb-m:snap-start mx-5 `}
256
- key={i + 'z'}
257
- ref={refs2[i]}
258
- >
259
- <div className="select-none rounded-3xl object-contain">
260
-
261
- {(i + 1) < arr.length ?
262
- <>
263
- {SideCard(arr[i + 1])}
264
- </>
265
- :
266
- <>
267
- {SideCard(arr[0])}
268
- </>
269
-
270
- }
271
- </div>
272
225
  </div>
226
+ </div>
273
227
 
228
+ <div className={`hidden snap-x tb-l:max-w-[1240px] min-[1300px]:max-w-7xl
229
+ gap-[167px]
230
+ items-center min-[1300px]:flex select-none overflow-x-hidden scrollbar-hide absolute z-0`}
231
+ ref={carouselRef2}
232
+
233
+ >
234
+
235
+ {arr.map((item, i) => {
236
+
237
+ // toggleBoolean();
238
+ return (
239
+ <>
240
+
241
+ <div
242
+ className={`${isScrollActive ? '' : ''} transition-all duration-[1500ms] z-[1] snap-center tb-m:snap-start mx-3`}
243
+ key={i + 'x'}
244
+ ref={refs2[i]}
245
+ >
246
+ <div className="select-none rounded-3xl object-contain">
247
+ <div>
248
+ {SideCard(item)}
249
+
250
+ </div>
251
+ </div>
252
+ </div>
253
+ <div
254
+ className={`${isScrollActive ? ' ' : ''} transition-all duration-[1500ms] z-[1] snap-center tb-m:snap-start mx-3 `}
255
+ key={i + 'y'}
256
+ ref={refs2[i]}
257
+ >
258
+ <div className="select-none rounded-3xl object-contain">
259
+
260
+ {/* {(i + 2) < arr.length && SideCard(arr[i+2])} */}
261
+ {(i + 2) < arr.length ?
262
+ <>
263
+ {SideCard(arr[i + 2])}
264
+ </>
265
+ :
266
+ <>
267
+ {SideCard(arr[0])}
268
+ </>
269
+
270
+ }
271
+
272
+ </div>
273
+ </div>
274
+ <div
275
+ className={`${isScrollActive ? '' : ''} transition-all duration-[1500ms] z-[1] snap-center tb-m:snap-start mx-3 `}
276
+ key={i + 'z'}
277
+ ref={refs2[i]}
278
+ >
279
+ <div className="select-none rounded-3xl object-contain">
280
+
281
+ {(i + 1) < arr.length ?
282
+ <>
283
+ {SideCard(arr[i + 1])}
284
+ </>
285
+ :
286
+ <>
287
+ {SideCard(arr[0])}
288
+ </>
289
+
290
+ }
291
+ </div>
292
+ </div>
293
+
294
+
295
+ </>
296
+ )
297
+ })}
298
+
299
+ </div>
274
300
 
275
- </>
276
- )
277
- })}
278
301
 
302
+ </div>
303
+ </div>
279
304
  </div>
280
305
  </div>
281
306
  </div>
307
+ <div className=" hidden min-[699px]:flex tb:flex-col items-center">
308
+ <div className="relative -right-[44px]">
309
+ <img alt="tab" src="https://res.cloudinary.com/dh8fp23nd/image/upload/v1687108911/hasura-design-system/Group_2608834_rxnldq.png" className="w-[709px]" />
310
+ </div>
311
+ </div>
282
312
  </div>
283
-
284
313
  </div>
285
314
  );
286
315
  };
package/src/HDS/components/Headers/v3Header.js CHANGED
@@ -34,7 +34,7 @@ function classNames(...classes) {
34
34
 
35
35
  export default function V3Header(props) {
36
36
  const [mobileNavOpen, toggleMobileNav] = useState(false);
37
- const [isShowing, setIsShowing] = useState(true)
37
+ const [isShowing, setIsShowing] = useState(false)
38
38
 
39
39
  const dropdown = (solutions) => (
40
40
 
@@ -150,7 +150,8 @@ export default function V3Header(props) {
150
150
  <div
151
151
  className="-left-20 z-20 top-8"
152
152
  onMouseEnter={() => setIsShowing(true)}
153
- onMouseLeave={() => setIsShowing(false)} // Keep isShowing true when hovering over dropdown content
153
+ onMouseLeave={() => setIsShowing(false)}
154
+ onScroll={()=> setIsShowing(false)} // Keep isShowing true when hovering over dropdown content
154
155
  >
155
156
  {dropdown(item['titleDropdown'])}
156
157
  </div>
package/src/styles/tailwind.css CHANGED
@@ -839,6 +839,11 @@ select{
839
839
  position: relative;
840
840
  }
841
841
 
842
+ .sticky{
843
+ position: -webkit-sticky;
844
+ position: sticky;
845
+ }
846
+
842
847
  .inset-0{
843
848
  inset: 0px;
844
849
  }
@@ -1764,6 +1769,10 @@ select{
1764
1769
  min-width: 140px;
1765
1770
  }
1766
1771
 
1772
+ .min-w-\[169px\]{
1773
+ min-width: 169px;
1774
+ }
1775
+
1767
1776
  .min-w-\[18rem\]{
1768
1777
  min-width: 18rem;
1769
1778
  }
@@ -1802,10 +1811,6 @@ select{
1802
1811
  min-width: 100%;
1803
1812
  }
1804
1813
 
1805
- .min-w-\[169px\]{
1806
- min-width: 169px;
1807
- }
1808
-
1809
1814
  .max-w-2xl{
1810
1815
  max-width: 42rem;
1811
1816
  }
@@ -6276,10 +6281,6 @@ select{
6276
6281
  padding-top: 3rem;
6277
6282
  }
6278
6283
 
6279
- .pt-14{
6280
- padding-top: 3.5rem;
6281
- }
6282
-
6283
6284
  .pt-16{
6284
6285
  padding-top: 4rem;
6285
6286
  }
@@ -9279,6 +9280,12 @@ select{
9279
9280
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
9280
9281
  }
9281
9282
 
9283
+ .hover\:shadow-lg:hover{
9284
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
9285
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
9286
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
9287
+ }
9288
+
9282
9289
  .hover\:shadow-md:hover{
9283
9290
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
9284
9291
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
@@ -9650,14 +9657,14 @@ select{
9650
9657
  stroke: #FFFFFF;
9651
9658
  }
9652
9659
 
9653
- .group:hover .group-hover\:stroke-neutral-900{
9654
- stroke: #111927;
9655
- }
9656
-
9657
9660
  .group:hover .group-hover\:stroke-neutral-1000{
9658
9661
  stroke: #000615;
9659
9662
  }
9660
9663
 
9664
+ .group:hover .group-hover\:stroke-neutral-900{
9665
+ stroke: #111927;
9666
+ }
9667
+
9661
9668
  .group:hover .group-hover\:opacity-30{
9662
9669
  opacity: 0.3;
9663
9670
  }
@@ -9745,6 +9752,10 @@ select{
9745
9752
  }
9746
9753
 
9747
9754
  @media (min-width: 400px){
9755
+ .mb-m\:block{
9756
+ display: block;
9757
+ }
9758
+
9748
9759
  .mb-m\:flex{
9749
9760
  display: flex;
9750
9761
  }
@@ -9959,6 +9970,10 @@ select{
9959
9970
  scroll-snap-stop: always;
9960
9971
  }
9961
9972
 
9973
+ .tb\:grid-cols-1{
9974
+ grid-template-columns: repeat(1, minmax(0, 1fr));
9975
+ }
9976
+
9962
9977
  .tb\:grid-cols-2{
9963
9978
  grid-template-columns: repeat(2, minmax(0, 1fr));
9964
9979
  }
@@ -9967,10 +9982,6 @@ select{
9967
9982
  grid-template-columns: repeat(4, minmax(0, 1fr));
9968
9983
  }
9969
9984
 
9970
- .tb\:grid-cols-1{
9971
- grid-template-columns: repeat(1, minmax(0, 1fr));
9972
- }
9973
-
9974
9985
  .tb\:flex-row{
9975
9986
  flex-direction: row;
9976
9987
  }
@@ -10032,15 +10043,15 @@ select{
10032
10043
  column-gap: 4rem;
10033
10044
  }
10034
10045
 
10035
- .tb\:gap-y-16{
10036
- row-gap: 4rem;
10037
- }
10038
-
10039
10046
  .tb\:gap-x-4{
10040
10047
  -webkit-column-gap: 1rem;
10041
10048
  column-gap: 1rem;
10042
10049
  }
10043
10050
 
10051
+ .tb\:gap-y-16{
10052
+ row-gap: 4rem;
10053
+ }
10054
+
10044
10055
  .tb\:rounded-3xl{
10045
10056
  border-radius: 1.5rem;
10046
10057
  }
@@ -10543,6 +10554,10 @@ select{
10543
10554
  justify-content: flex-start;
10544
10555
  }
10545
10556
 
10557
+ .tb-m\:border-t-0{
10558
+ border-top-width: 0px;
10559
+ }
10560
+
10546
10561
  .tb-m\:pb-0{
10547
10562
  padding-bottom: 0px;
10548
10563
  }