@eric-emg/symphiq-components 1.2.225 → 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 +286 -223
- 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 -12
package/styles.css
CHANGED
|
@@ -9356,6 +9356,10 @@
|
|
|
9356
9356
|
h1, h2, h3, h4, h5, h6 {
|
|
9357
9357
|
margin-top: 0 !important;
|
|
9358
9358
|
}
|
|
9359
|
+
.text-2xs {
|
|
9360
|
+
font-size: 0.625rem;
|
|
9361
|
+
line-height: 0.875rem;
|
|
9362
|
+
}
|
|
9359
9363
|
@keyframes fadeInUp {
|
|
9360
9364
|
from {
|
|
9361
9365
|
opacity: 0;
|
|
@@ -9540,10 +9544,10 @@ h1, h2, h3, h4, h5, h6 {
|
|
|
9540
9544
|
}
|
|
9541
9545
|
}
|
|
9542
9546
|
.animated-bubbles {
|
|
9543
|
-
background-image: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 50%),
|
|
9544
|
-
radial-gradient(circle, rgba(147, 51, 234, 0.12) 0%, transparent 50%),
|
|
9545
|
-
radial-gradient(circle, rgba(59, 130, 246, 0.10) 0%, transparent 60%),
|
|
9546
|
-
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%),
|
|
9547
9551
|
radial-gradient(circle, rgba(168, 85, 247, 0.12) 0%, transparent 55%);
|
|
9548
9552
|
background-size: 300px 300px, 400px 400px, 350px 350px, 280px 280px, 320px 320px;
|
|
9549
9553
|
background-repeat: no-repeat;
|
|
@@ -9553,10 +9557,10 @@ h1, h2, h3, h4, h5, h6 {
|
|
|
9553
9557
|
pointer-events: none;
|
|
9554
9558
|
}
|
|
9555
9559
|
.animated-bubbles.light-mode {
|
|
9556
|
-
background-image: radial-gradient(circle, rgba(59, 130, 246, 0.20) 0%, transparent 50%),
|
|
9557
|
-
radial-gradient(circle, rgba(147, 51, 234, 0.16) 0%, transparent 50%),
|
|
9558
|
-
radial-gradient(circle, rgba(59, 130, 246, 0.14) 0%, transparent 60%),
|
|
9559
|
-
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%),
|
|
9560
9564
|
radial-gradient(circle, rgba(168, 85, 247, 0.15) 0%, transparent 55%);
|
|
9561
9565
|
animation: bubbleFloat2 40s ease-in-out infinite;
|
|
9562
9566
|
}
|
|
@@ -9607,7 +9611,7 @@ h1, h2, h3, h4, h5, h6 {
|
|
|
9607
9611
|
}
|
|
9608
9612
|
}
|
|
9609
9613
|
.expanded-icon-bounce {
|
|
9610
|
-
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,
|
|
9611
9615
|
iconGlow 0.3s ease-out 0.2s forwards;
|
|
9612
9616
|
}
|
|
9613
9617
|
.expanded-title-grow {
|
|
@@ -9620,8 +9624,8 @@ h1, h2, h3, h4, h5, h6 {
|
|
|
9620
9624
|
transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
|
|
9621
9625
|
}
|
|
9622
9626
|
@media (prefers-reduced-motion: reduce) {
|
|
9623
|
-
.expanded-icon-bounce,
|
|
9624
|
-
.expanded-title-grow,
|
|
9627
|
+
.expanded-icon-bounce,
|
|
9628
|
+
.expanded-title-grow,
|
|
9625
9629
|
.expanded-badge-pulse {
|
|
9626
9630
|
animation: none;
|
|
9627
9631
|
transform: scale(1.1);
|
|
@@ -10028,4 +10032,4 @@ h1, h2, h3, h4, h5, h6 {
|
|
|
10028
10032
|
--tw-scale-z: 1;
|
|
10029
10033
|
}
|
|
10030
10034
|
}
|
|
10031
|
-
}
|
|
10035
|
+
}
|