@eric-emg/symphiq-components 1.2.224 → 1.2.226
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/fesm2022/symphiq-components.mjs +297 -231
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +11 -11
- package/package.json +1 -1
- package/src/styles.css +328 -322
- package/styles.css +16 -15
package/styles.css
CHANGED
|
@@ -447,9 +447,6 @@
|
|
|
447
447
|
.top-4 {
|
|
448
448
|
top: calc(var(--spacing) * 4);
|
|
449
449
|
}
|
|
450
|
-
.top-32 {
|
|
451
|
-
top: calc(var(--spacing) * 32);
|
|
452
|
-
}
|
|
453
450
|
.top-\[60px\] {
|
|
454
451
|
top: 60px;
|
|
455
452
|
}
|
|
@@ -9359,6 +9356,10 @@
|
|
|
9359
9356
|
h1, h2, h3, h4, h5, h6 {
|
|
9360
9357
|
margin-top: 0 !important;
|
|
9361
9358
|
}
|
|
9359
|
+
.text-2xs {
|
|
9360
|
+
font-size: 0.625rem;
|
|
9361
|
+
line-height: 0.875rem;
|
|
9362
|
+
}
|
|
9362
9363
|
@keyframes fadeInUp {
|
|
9363
9364
|
from {
|
|
9364
9365
|
opacity: 0;
|
|
@@ -9543,10 +9544,10 @@ h1, h2, h3, h4, h5, h6 {
|
|
|
9543
9544
|
}
|
|
9544
9545
|
}
|
|
9545
9546
|
.animated-bubbles {
|
|
9546
|
-
background-image: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 50%),
|
|
9547
|
-
radial-gradient(circle, rgba(147, 51, 234, 0.12) 0%, transparent 50%),
|
|
9548
|
-
radial-gradient(circle, rgba(59, 130, 246, 0.10) 0%, transparent 60%),
|
|
9549
|
-
radial-gradient(circle, rgba(99, 102, 241, 0.14) 0%, transparent 45%),
|
|
9547
|
+
background-image: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 50%),
|
|
9548
|
+
radial-gradient(circle, rgba(147, 51, 234, 0.12) 0%, transparent 50%),
|
|
9549
|
+
radial-gradient(circle, rgba(59, 130, 246, 0.10) 0%, transparent 60%),
|
|
9550
|
+
radial-gradient(circle, rgba(99, 102, 241, 0.14) 0%, transparent 45%),
|
|
9550
9551
|
radial-gradient(circle, rgba(168, 85, 247, 0.12) 0%, transparent 55%);
|
|
9551
9552
|
background-size: 300px 300px, 400px 400px, 350px 350px, 280px 280px, 320px 320px;
|
|
9552
9553
|
background-repeat: no-repeat;
|
|
@@ -9556,10 +9557,10 @@ h1, h2, h3, h4, h5, h6 {
|
|
|
9556
9557
|
pointer-events: none;
|
|
9557
9558
|
}
|
|
9558
9559
|
.animated-bubbles.light-mode {
|
|
9559
|
-
background-image: radial-gradient(circle, rgba(59, 130, 246, 0.20) 0%, transparent 50%),
|
|
9560
|
-
radial-gradient(circle, rgba(147, 51, 234, 0.16) 0%, transparent 50%),
|
|
9561
|
-
radial-gradient(circle, rgba(59, 130, 246, 0.14) 0%, transparent 60%),
|
|
9562
|
-
radial-gradient(circle, rgba(99, 102, 241, 0.18) 0%, transparent 45%),
|
|
9560
|
+
background-image: radial-gradient(circle, rgba(59, 130, 246, 0.20) 0%, transparent 50%),
|
|
9561
|
+
radial-gradient(circle, rgba(147, 51, 234, 0.16) 0%, transparent 50%),
|
|
9562
|
+
radial-gradient(circle, rgba(59, 130, 246, 0.14) 0%, transparent 60%),
|
|
9563
|
+
radial-gradient(circle, rgba(99, 102, 241, 0.18) 0%, transparent 45%),
|
|
9563
9564
|
radial-gradient(circle, rgba(168, 85, 247, 0.15) 0%, transparent 55%);
|
|
9564
9565
|
animation: bubbleFloat2 40s ease-in-out infinite;
|
|
9565
9566
|
}
|
|
@@ -9610,7 +9611,7 @@ h1, h2, h3, h4, h5, h6 {
|
|
|
9610
9611
|
}
|
|
9611
9612
|
}
|
|
9612
9613
|
.expanded-icon-bounce {
|
|
9613
|
-
animation: bounceScale 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards,
|
|
9614
|
+
animation: bounceScale 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards,
|
|
9614
9615
|
iconGlow 0.3s ease-out 0.2s forwards;
|
|
9615
9616
|
}
|
|
9616
9617
|
.expanded-title-grow {
|
|
@@ -9623,8 +9624,8 @@ h1, h2, h3, h4, h5, h6 {
|
|
|
9623
9624
|
transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
|
|
9624
9625
|
}
|
|
9625
9626
|
@media (prefers-reduced-motion: reduce) {
|
|
9626
|
-
.expanded-icon-bounce,
|
|
9627
|
-
.expanded-title-grow,
|
|
9627
|
+
.expanded-icon-bounce,
|
|
9628
|
+
.expanded-title-grow,
|
|
9628
9629
|
.expanded-badge-pulse {
|
|
9629
9630
|
animation: none;
|
|
9630
9631
|
transform: scale(1.1);
|
|
@@ -10031,4 +10032,4 @@ h1, h2, h3, h4, h5, h6 {
|
|
|
10031
10032
|
--tw-scale-z: 1;
|
|
10032
10033
|
}
|
|
10033
10034
|
}
|
|
10034
|
-
}
|
|
10035
|
+
}
|