hds-web 1.13.1 → 1.13.3
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.
- package/dist/index.css +2 -2
- package/dist/index.es.css +2 -2
- package/dist/index.es.js +2 -2
- package/dist/index.js +2 -2
- package/package.json +1 -1
- package/src/HDS/components/Buttons/button.js +0 -9
- package/src/HDS/modules/navCard/navCard.js +90 -35
- package/src/styles/tailwind.css +23 -159
package/package.json
CHANGED
|
@@ -27,15 +27,6 @@ const Buttonclasses = {
|
|
|
27
27
|
},
|
|
28
28
|
'disabled': 'bg-neutral-200 text-neutral-400',
|
|
29
29
|
},
|
|
30
|
-
'primaryTransparent': {
|
|
31
|
-
'default': {
|
|
32
|
-
'base': 'db:w-fit tb:w-fit w-full justify-center justify-center text-neutral-0',
|
|
33
|
-
'hover': 'hover:bg-blue-700 hover:text-neutral-0 hover:shadow-md hover:shadow hover:transition-all hover:ease-out hover:duration-300',
|
|
34
|
-
'focus': 'focus:bg-blue-600 focus:shadow-[0_0px_0px_4px_#DFE8FF] focus:text-neutral-0 focus:outline-none active:bg-blue-600 active:text-neutral-0 active:outline-none',
|
|
35
|
-
|
|
36
|
-
},
|
|
37
|
-
'disabled': 'bg-neutral-200 text-neutral-400',
|
|
38
|
-
},
|
|
39
30
|
'tonal': {
|
|
40
31
|
'default': {
|
|
41
32
|
'base': 'db:w-fit tb:w-fit w-full justify-center bg-blue-200 text-blue-600',
|
|
@@ -4,45 +4,100 @@ import { Typography } from '../../foundation/Typography';
|
|
|
4
4
|
import { HDSButton } from '../../components/Buttons';
|
|
5
5
|
import { HDSColor } from '../../foundation/ColorPalette';
|
|
6
6
|
import { Tab } from '../../components/Tabs';
|
|
7
|
+
import { Icon } from '../../components/common-components/Icon'
|
|
7
8
|
import PropTypes from 'prop-types';
|
|
8
9
|
|
|
9
|
-
const tabCard = (tabContent) => (
|
|
10
|
-
<>
|
|
11
|
-
<div className=''>
|
|
12
|
-
{tabContent.title && <Typography textStyle='h4' className={HDSColor(tabContent.title_color)}>{tabContent.title}</Typography>}
|
|
13
|
-
|
|
14
|
-
{tabContent.sub_title && <Typography textStyle='body1c' className={HDSColor(tabContent.sub_title_color)}>{tabContent.sub_title}</Typography>}
|
|
15
|
-
</div>
|
|
16
|
-
{tabContent.btnLabel &&
|
|
17
|
-
<div className='flex pl-3 pt-6 pb-8'>
|
|
18
|
-
<HDSButton
|
|
19
|
-
label={tabContent.btnLabel}
|
|
20
|
-
type='secondaryLink'
|
|
21
|
-
leftIconVariant='none'
|
|
22
|
-
rightIconVariant='none'
|
|
23
|
-
state='default'
|
|
24
|
-
size='sm'
|
|
25
|
-
rightAnimatedArrow={true}
|
|
26
|
-
rightAnimatedArrowColor='#1E56E3'
|
|
27
|
-
animatedHoverStroke='group-hover:stroke-blue-600'
|
|
28
|
-
className='flex'
|
|
29
|
-
btnTextColorClass='text-blue-600'
|
|
30
|
-
/>
|
|
31
|
-
</div>
|
|
32
|
-
}
|
|
33
|
-
<div className='mt-8'>
|
|
34
|
-
<MediaBox
|
|
35
|
-
img_url={tabContent.img_url}
|
|
36
|
-
video_url={tabContent.video_url}
|
|
37
|
-
video_poster={tabContent.video_poster}
|
|
38
|
-
/>
|
|
39
|
-
</div>
|
|
40
|
-
</>
|
|
41
|
-
)
|
|
42
10
|
|
|
43
11
|
export default function NavCard(props) {
|
|
12
|
+
const [showVideo, setShowVideo] = useState(false);
|
|
13
|
+
const TabCard = (tabContent) => {
|
|
14
|
+
|
|
15
|
+
return (
|
|
16
|
+
<>
|
|
17
|
+
<div className=''>
|
|
18
|
+
{tabContent.title && <Typography textStyle='h4' className={HDSColor(tabContent.title_color)}>{tabContent.title}</Typography>}
|
|
19
|
+
|
|
20
|
+
{tabContent.subTitle && <Typography textStyle='body1c' className={HDSColor(tabContent.sub_title_color)}>{tabContent.subTitle}</Typography>}
|
|
21
|
+
{tabContent.readMore_cta && <div className="flex">
|
|
22
|
+
<a href={tabContent.readMore_cta_link ?? ''} >
|
|
23
|
+
<HDSButton
|
|
24
|
+
label={tabContent.readMore_cta}
|
|
25
|
+
type='secondaryLink'
|
|
26
|
+
leftIconVariant='none'
|
|
27
|
+
rightIconVariant='none'
|
|
28
|
+
state='default'
|
|
29
|
+
size='sm'
|
|
30
|
+
rightAnimatedArrow={true}
|
|
31
|
+
rightAnimatedArrowColor='#3970FD'
|
|
32
|
+
animatedHoverStroke='#3970FD'
|
|
33
|
+
btnTextColorClass='text-blue-500'
|
|
34
|
+
btnTextHoverClass=''
|
|
35
|
+
className=' mt-4'
|
|
36
|
+
/>
|
|
37
|
+
</a>
|
|
38
|
+
</div>}
|
|
39
|
+
|
|
40
|
+
</div>
|
|
41
|
+
{tabContent.btnLabel &&
|
|
42
|
+
<div className='flex pl-3 pt-6 pb-8'>
|
|
43
|
+
<HDSButton
|
|
44
|
+
label={tabContent.btnLabel}
|
|
45
|
+
type='secondaryLink'
|
|
46
|
+
leftIconVariant='none'
|
|
47
|
+
rightIconVariant='none'
|
|
48
|
+
state='default'
|
|
49
|
+
size='sm'
|
|
50
|
+
rightAnimatedArrow={true}
|
|
51
|
+
rightAnimatedArrowColor='#1E56E3'
|
|
52
|
+
animatedHoverStroke='group-hover:stroke-blue-600'
|
|
53
|
+
className='flex'
|
|
54
|
+
btnTextColorClass='text-blue-600'
|
|
55
|
+
/>
|
|
56
|
+
</div>
|
|
57
|
+
}
|
|
58
|
+
<div className='mt-8'>
|
|
59
|
+
{
|
|
60
|
+
showVideo ? (
|
|
61
|
+
<video
|
|
62
|
+
id="hero_vid"
|
|
63
|
+
controls={false}
|
|
64
|
+
autoPlay
|
|
65
|
+
muted
|
|
66
|
+
playsInline
|
|
67
|
+
width="500"
|
|
68
|
+
height="500"
|
|
69
|
+
className="tb:w-full w-full rounded-3xl"
|
|
70
|
+
src={tabContent.video_url}
|
|
71
|
+
>
|
|
72
|
+
</video>
|
|
73
|
+
) : (
|
|
74
|
+
<div className="relative">
|
|
75
|
+
{
|
|
76
|
+
tabContent.img_url && (
|
|
77
|
+
<img src={tabContent.img_url} alt="Illustration" className=' rounded-2xl'/>
|
|
78
|
+
)
|
|
79
|
+
}
|
|
80
|
+
{
|
|
81
|
+
tabContent.video_url && (
|
|
82
|
+
<div className="w-14 h-14 cursor-pointer video-play-btn before:bg-blue-700 after:bg-blue-700 rounded-full flex items-center justify-center bg-blue-700 absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 shadow-neutral-1000 shadow-2xl"
|
|
83
|
+
onClick={() => setShowVideo(true)}
|
|
84
|
+
>
|
|
85
|
+
<Icon variant='play' height='h-6 w-6 ml-1' strokeClass='stroke-neutral-0' />
|
|
86
|
+
</div>
|
|
87
|
+
)
|
|
88
|
+
}
|
|
89
|
+
</div>
|
|
90
|
+
)
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
</div>
|
|
94
|
+
</>
|
|
95
|
+
)
|
|
96
|
+
}
|
|
97
|
+
|
|
44
98
|
const [activeTab, setActiveTab] = useState('');
|
|
45
99
|
|
|
100
|
+
|
|
46
101
|
useEffect(() => {
|
|
47
102
|
if (props.tabContent) {
|
|
48
103
|
const tabNames = Object.keys(props.tabContent);
|
|
@@ -64,7 +119,7 @@ export default function NavCard(props) {
|
|
|
64
119
|
|
|
65
120
|
<div className='max-w-[44.44rem] rounded-2xl'>
|
|
66
121
|
|
|
67
|
-
<div className='flex pb-8'>
|
|
122
|
+
<div className='flex pb-8 overflow-scroll scrollbar-hide'>
|
|
68
123
|
<Tab
|
|
69
124
|
onTabClick={handleTabClick}
|
|
70
125
|
tabs={props.navTabs}
|
|
@@ -75,7 +130,7 @@ export default function NavCard(props) {
|
|
|
75
130
|
<div className=''>
|
|
76
131
|
{props.tabContent &&
|
|
77
132
|
props.tabContent[activeTab] &&
|
|
78
|
-
|
|
133
|
+
TabCard(props.tabContent[activeTab])}
|
|
79
134
|
</div>
|
|
80
135
|
|
|
81
136
|
</div>}
|
package/src/styles/tailwind.css
CHANGED
|
@@ -861,16 +861,8 @@ select{
|
|
|
861
861
|
bottom: -0.375rem;
|
|
862
862
|
}
|
|
863
863
|
|
|
864
|
-
.-left
|
|
865
|
-
left: -
|
|
866
|
-
}
|
|
867
|
-
|
|
868
|
-
.-left-\[216px\]{
|
|
869
|
-
left: -216px;
|
|
870
|
-
}
|
|
871
|
-
|
|
872
|
-
.-left-\[218px\]{
|
|
873
|
-
left: -218px;
|
|
864
|
+
.-left-20{
|
|
865
|
+
left: -5rem;
|
|
874
866
|
}
|
|
875
867
|
|
|
876
868
|
.-left-\[60\%\]{
|
|
@@ -985,6 +977,10 @@ select{
|
|
|
985
977
|
top: 1.25rem;
|
|
986
978
|
}
|
|
987
979
|
|
|
980
|
+
.top-8{
|
|
981
|
+
top: 2rem;
|
|
982
|
+
}
|
|
983
|
+
|
|
988
984
|
.top-\[112px\]{
|
|
989
985
|
top: 112px;
|
|
990
986
|
}
|
|
@@ -1001,14 +997,6 @@ select{
|
|
|
1001
997
|
top: 72px;
|
|
1002
998
|
}
|
|
1003
999
|
|
|
1004
|
-
.-left-20{
|
|
1005
|
-
left: -5rem;
|
|
1006
|
-
}
|
|
1007
|
-
|
|
1008
|
-
.top-8{
|
|
1009
|
-
top: 2rem;
|
|
1010
|
-
}
|
|
1011
|
-
|
|
1012
1000
|
.isolate{
|
|
1013
1001
|
isolation: isolate;
|
|
1014
1002
|
}
|
|
@@ -1188,10 +1176,6 @@ select{
|
|
|
1188
1176
|
margin-bottom: 1.5rem;
|
|
1189
1177
|
}
|
|
1190
1178
|
|
|
1191
|
-
.-mb-2{
|
|
1192
|
-
margin-bottom: -0.5rem;
|
|
1193
|
-
}
|
|
1194
|
-
|
|
1195
1179
|
.-mb-\[112\%\]{
|
|
1196
1180
|
margin-bottom: -112%;
|
|
1197
1181
|
}
|
|
@@ -1404,10 +1388,6 @@ select{
|
|
|
1404
1388
|
margin-top: 70px;
|
|
1405
1389
|
}
|
|
1406
1390
|
|
|
1407
|
-
.mr-0{
|
|
1408
|
-
margin-right: 0px;
|
|
1409
|
-
}
|
|
1410
|
-
|
|
1411
1391
|
.line-clamp-3{
|
|
1412
1392
|
overflow: hidden;
|
|
1413
1393
|
display: -webkit-box;
|
|
@@ -1447,10 +1427,6 @@ select{
|
|
|
1447
1427
|
display: grid;
|
|
1448
1428
|
}
|
|
1449
1429
|
|
|
1450
|
-
.inline-grid{
|
|
1451
|
-
display: inline-grid;
|
|
1452
|
-
}
|
|
1453
|
-
|
|
1454
1430
|
.hidden{
|
|
1455
1431
|
display: none;
|
|
1456
1432
|
}
|
|
@@ -1599,22 +1575,6 @@ select{
|
|
|
1599
1575
|
height: 100vh;
|
|
1600
1576
|
}
|
|
1601
1577
|
|
|
1602
|
-
.h-\[200px\]{
|
|
1603
|
-
height: 200px;
|
|
1604
|
-
}
|
|
1605
|
-
|
|
1606
|
-
.h-\[697px\]{
|
|
1607
|
-
height: 697px;
|
|
1608
|
-
}
|
|
1609
|
-
|
|
1610
|
-
.h-\[calc\(100\%-600px\)\]{
|
|
1611
|
-
height: calc(100% - 600px);
|
|
1612
|
-
}
|
|
1613
|
-
|
|
1614
|
-
.h-\[calc\(100\%-80px\)\]{
|
|
1615
|
-
height: calc(100% - 80px);
|
|
1616
|
-
}
|
|
1617
|
-
|
|
1618
1578
|
.max-h-\[181px\]{
|
|
1619
1579
|
max-height: 181px;
|
|
1620
1580
|
}
|
|
@@ -1627,18 +1587,10 @@ select{
|
|
|
1627
1587
|
max-height: 26.25;
|
|
1628
1588
|
}
|
|
1629
1589
|
|
|
1630
|
-
.max-h-\[72px\]{
|
|
1631
|
-
max-height: 72px;
|
|
1632
|
-
}
|
|
1633
|
-
|
|
1634
1590
|
.max-h-full{
|
|
1635
1591
|
max-height: 100%;
|
|
1636
1592
|
}
|
|
1637
1593
|
|
|
1638
|
-
.max-h-screen{
|
|
1639
|
-
max-height: 100vh;
|
|
1640
|
-
}
|
|
1641
|
-
|
|
1642
1594
|
.min-h-\[12px\]{
|
|
1643
1595
|
min-height: 12px;
|
|
1644
1596
|
}
|
|
@@ -1861,10 +1813,6 @@ select{
|
|
|
1861
1813
|
min-width: 348px;
|
|
1862
1814
|
}
|
|
1863
1815
|
|
|
1864
|
-
.min-w-\[396px\]{
|
|
1865
|
-
min-width: 396px;
|
|
1866
|
-
}
|
|
1867
|
-
|
|
1868
1816
|
.min-w-\[48px\]{
|
|
1869
1817
|
min-width: 48px;
|
|
1870
1818
|
}
|
|
@@ -1903,10 +1851,6 @@ select{
|
|
|
1903
1851
|
max-width: 125px;
|
|
1904
1852
|
}
|
|
1905
1853
|
|
|
1906
|
-
.max-w-\[128px\]{
|
|
1907
|
-
max-width: 128px;
|
|
1908
|
-
}
|
|
1909
|
-
|
|
1910
1854
|
.max-w-\[148px\]{
|
|
1911
1855
|
max-width: 148px;
|
|
1912
1856
|
}
|
|
@@ -2084,38 +2028,8 @@ select{
|
|
|
2084
2028
|
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));
|
|
2085
2029
|
}
|
|
2086
2030
|
|
|
2087
|
-
.-translate-
|
|
2088
|
-
--tw-translate-
|
|
2089
|
-
-webkit-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));
|
|
2090
|
-
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));
|
|
2091
|
-
}
|
|
2092
|
-
|
|
2093
|
-
.translate-x-\[-1240\]{
|
|
2094
|
-
--tw-translate-x: -1240;
|
|
2095
|
-
-webkit-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));
|
|
2096
|
-
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));
|
|
2097
|
-
}
|
|
2098
|
-
|
|
2099
|
-
.translate-x-\[-1240px\]{
|
|
2100
|
-
--tw-translate-x: -1240px;
|
|
2101
|
-
-webkit-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));
|
|
2102
|
-
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));
|
|
2103
|
-
}
|
|
2104
|
-
|
|
2105
|
-
.-translate-x-0{
|
|
2106
|
-
--tw-translate-x: -0px;
|
|
2107
|
-
-webkit-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));
|
|
2108
|
-
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));
|
|
2109
|
-
}
|
|
2110
|
-
|
|
2111
|
-
.translate-x-\[1024px\]{
|
|
2112
|
-
--tw-translate-x: 1024px;
|
|
2113
|
-
-webkit-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));
|
|
2114
|
-
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));
|
|
2115
|
-
}
|
|
2116
|
-
|
|
2117
|
-
.-translate-x-\[1024px\]{
|
|
2118
|
-
--tw-translate-x: -1024px;
|
|
2031
|
+
.-translate-y-1\/2{
|
|
2032
|
+
--tw-translate-y: -50%;
|
|
2119
2033
|
-webkit-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));
|
|
2120
2034
|
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));
|
|
2121
2035
|
}
|
|
@@ -2477,12 +2391,6 @@ select{
|
|
|
2477
2391
|
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
|
|
2478
2392
|
}
|
|
2479
2393
|
|
|
2480
|
-
.divide-y-2 > :not([hidden]) ~ :not([hidden]){
|
|
2481
|
-
--tw-divide-y-reverse: 0;
|
|
2482
|
-
border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
|
|
2483
|
-
border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
|
|
2484
|
-
}
|
|
2485
|
-
|
|
2486
2394
|
.divide-blue-600\/10 > :not([hidden]) ~ :not([hidden]){
|
|
2487
2395
|
border-color: rgb(30 86 227 / 0.1);
|
|
2488
2396
|
}
|
|
@@ -2518,10 +2426,6 @@ select{
|
|
|
2518
2426
|
overflow: hidden;
|
|
2519
2427
|
}
|
|
2520
2428
|
|
|
2521
|
-
.overflow-clip{
|
|
2522
|
-
overflow: clip;
|
|
2523
|
-
}
|
|
2524
|
-
|
|
2525
2429
|
.overflow-scroll{
|
|
2526
2430
|
overflow: scroll;
|
|
2527
2431
|
}
|
|
@@ -7279,12 +7183,6 @@ select{
|
|
|
7279
7183
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
7280
7184
|
}
|
|
7281
7185
|
|
|
7282
|
-
.shadow-home-drop{
|
|
7283
|
-
--tw-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.16);
|
|
7284
|
-
--tw-shadow-colored: 0px 10px 30px 0px var(--tw-shadow-color);
|
|
7285
|
-
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
7286
|
-
}
|
|
7287
|
-
|
|
7288
7186
|
.shadow-inner{
|
|
7289
7187
|
--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
|
|
7290
7188
|
--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
|
|
@@ -7327,6 +7225,11 @@ select{
|
|
|
7327
7225
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
7328
7226
|
}
|
|
7329
7227
|
|
|
7228
|
+
.shadow-neutral-1000{
|
|
7229
|
+
--tw-shadow-color: #000615;
|
|
7230
|
+
--tw-shadow: var(--tw-shadow-colored);
|
|
7231
|
+
}
|
|
7232
|
+
|
|
7330
7233
|
.outline{
|
|
7331
7234
|
outline-style: solid;
|
|
7332
7235
|
}
|
|
@@ -8723,6 +8626,12 @@ select{
|
|
|
8723
8626
|
border-top-color: rgb(13 65 198 / var(--tw-border-opacity));
|
|
8724
8627
|
}
|
|
8725
8628
|
|
|
8629
|
+
.after\:bg-blue-700::after{
|
|
8630
|
+
content: var(--tw-content);
|
|
8631
|
+
--tw-bg-opacity: 1;
|
|
8632
|
+
background-color: rgb(13 65 198 / var(--tw-bg-opacity));
|
|
8633
|
+
}
|
|
8634
|
+
|
|
8726
8635
|
.after\:bg-gradient-to-r::after{
|
|
8727
8636
|
content: var(--tw-content);
|
|
8728
8637
|
background-image: linear-gradient(to right, var(--tw-gradient-stops));
|
|
@@ -9832,10 +9741,6 @@ select{
|
|
|
9832
9741
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
9833
9742
|
}
|
|
9834
9743
|
|
|
9835
|
-
.group\/icon:hover .group-hover\/icon\:stroke-blue-800{
|
|
9836
|
-
stroke: #00288E;
|
|
9837
|
-
}
|
|
9838
|
-
|
|
9839
9744
|
.group:hover .group-hover\:stroke-blue-500{
|
|
9840
9745
|
stroke: #3970FD;
|
|
9841
9746
|
}
|
|
@@ -9856,21 +9761,10 @@ select{
|
|
|
9856
9761
|
stroke: #111927;
|
|
9857
9762
|
}
|
|
9858
9763
|
|
|
9859
|
-
.group:hover .group-hover\:text-neutral-1000{
|
|
9860
|
-
--tw-text-opacity: 1;
|
|
9861
|
-
color: rgb(0 6 21 / var(--tw-text-opacity));
|
|
9862
|
-
}
|
|
9863
|
-
|
|
9864
9764
|
.group:hover .group-hover\:opacity-30{
|
|
9865
9765
|
opacity: 0.3;
|
|
9866
9766
|
}
|
|
9867
9767
|
|
|
9868
|
-
.group\/icon:hover .group-hover\/icon\:transition-all{
|
|
9869
|
-
transition-property: all;
|
|
9870
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
9871
|
-
transition-duration: 150ms;
|
|
9872
|
-
}
|
|
9873
|
-
|
|
9874
9768
|
.group:hover .group-hover\:transition-all{
|
|
9875
9769
|
transition-property: all;
|
|
9876
9770
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -9881,10 +9775,6 @@ select{
|
|
|
9881
9775
|
transition-delay: 100ms;
|
|
9882
9776
|
}
|
|
9883
9777
|
|
|
9884
|
-
.group\/icon:hover .group-hover\/icon\:duration-1000{
|
|
9885
|
-
transition-duration: 1000ms;
|
|
9886
|
-
}
|
|
9887
|
-
|
|
9888
9778
|
.group:hover .group-hover\:duration-100{
|
|
9889
9779
|
transition-duration: 100ms;
|
|
9890
9780
|
}
|
|
@@ -9893,10 +9783,6 @@ select{
|
|
|
9893
9783
|
transition-duration: 300ms;
|
|
9894
9784
|
}
|
|
9895
9785
|
|
|
9896
|
-
.group\/icon:hover .group-hover\/icon\:ease-in-out{
|
|
9897
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
9898
|
-
}
|
|
9899
|
-
|
|
9900
9786
|
.group:hover .group-hover\:ease-in-out{
|
|
9901
9787
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
9902
9788
|
}
|
|
@@ -10079,16 +9965,6 @@ select{
|
|
|
10079
9965
|
display: grid;
|
|
10080
9966
|
}
|
|
10081
9967
|
|
|
10082
|
-
@media (min-width: 600px){
|
|
10083
|
-
.tb\:tb\:grid{
|
|
10084
|
-
display: grid;
|
|
10085
|
-
}
|
|
10086
|
-
}
|
|
10087
|
-
|
|
10088
|
-
.tb\:inline-grid{
|
|
10089
|
-
display: inline-grid;
|
|
10090
|
-
}
|
|
10091
|
-
|
|
10092
9968
|
.tb\:hidden{
|
|
10093
9969
|
display: none;
|
|
10094
9970
|
}
|
|
@@ -10199,12 +10075,6 @@ select{
|
|
|
10199
10075
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
10200
10076
|
}
|
|
10201
10077
|
|
|
10202
|
-
@media (min-width: 600px){
|
|
10203
|
-
.tb\:tb\:grid-cols-1{
|
|
10204
|
-
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
10205
|
-
}
|
|
10206
|
-
}
|
|
10207
|
-
|
|
10208
10078
|
.tb\:flex-row{
|
|
10209
10079
|
flex-direction: row;
|
|
10210
10080
|
}
|
|
@@ -10266,15 +10136,15 @@ select{
|
|
|
10266
10136
|
column-gap: 4rem;
|
|
10267
10137
|
}
|
|
10268
10138
|
|
|
10269
|
-
.tb\:gap-y-16{
|
|
10270
|
-
row-gap: 4rem;
|
|
10271
|
-
}
|
|
10272
|
-
|
|
10273
10139
|
.tb\:gap-x-4{
|
|
10274
10140
|
-webkit-column-gap: 1rem;
|
|
10275
10141
|
column-gap: 1rem;
|
|
10276
10142
|
}
|
|
10277
10143
|
|
|
10144
|
+
.tb\:gap-y-16{
|
|
10145
|
+
row-gap: 4rem;
|
|
10146
|
+
}
|
|
10147
|
+
|
|
10278
10148
|
.tb\:rounded-3xl{
|
|
10279
10149
|
border-radius: 1.5rem;
|
|
10280
10150
|
}
|
|
@@ -10852,12 +10722,6 @@ select{
|
|
|
10852
10722
|
width: 100%;
|
|
10853
10723
|
}
|
|
10854
10724
|
|
|
10855
|
-
.tb-l\:w-fit{
|
|
10856
|
-
width: -webkit-fit-content;
|
|
10857
|
-
width: -moz-fit-content;
|
|
10858
|
-
width: fit-content;
|
|
10859
|
-
}
|
|
10860
|
-
|
|
10861
10725
|
.tb-l\:min-w-\[400px\]{
|
|
10862
10726
|
min-width: 400px;
|
|
10863
10727
|
}
|