@eric-emg/symphiq-components 1.3.19 → 1.3.20

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 (6) hide show
  1. package/fesm2022/symphiq-components.mjs +194 -32
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/styles.css +55 -5
  5. package/types/symphiq-components.d.ts +118 -105
  6. package/types/symphiq-components.d.ts.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eric-emg/symphiq-components",
3
- "version": "1.3.19",
3
+ "version": "1.3.20",
4
4
  "description": "A comprehensive Angular library for component dashboards with performance visualization and metrics analysis",
5
5
  "author": "Your Organization",
6
6
  "license": "MIT",
package/styles.css CHANGED
@@ -1211,9 +1211,6 @@
1211
1211
  .min-w-\[180px\] {
1212
1212
  min-width: 180px;
1213
1213
  }
1214
- .min-w-\[200px\] {
1215
- min-width: 200px;
1216
- }
1217
1214
  .min-w-\[260px\] {
1218
1215
  min-width: 260px;
1219
1216
  }
@@ -1245,6 +1242,10 @@
1245
1242
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
1246
1243
  translate: var(--tw-translate-x) var(--tw-translate-y);
1247
1244
  }
1245
+ .-translate-x-full {
1246
+ --tw-translate-x: -100%;
1247
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1248
+ }
1248
1249
  .translate-x-1 {
1249
1250
  --tw-translate-x: calc(var(--spacing) * 1);
1250
1251
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2228,6 +2229,9 @@
2228
2229
  .border-slate-50 {
2229
2230
  border-color: var(--color-slate-50);
2230
2231
  }
2232
+ .border-slate-100 {
2233
+ border-color: var(--color-slate-100);
2234
+ }
2231
2235
  .border-slate-200 {
2232
2236
  border-color: var(--color-slate-200);
2233
2237
  }
@@ -4941,6 +4945,14 @@
4941
4945
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
4942
4946
  --tw-gradient-stops: var(--tw-gradient-via-stops);
4943
4947
  }
4948
+ .via-white\/30 {
4949
+ --tw-gradient-via: color-mix(in srgb, #fff 30%, transparent);
4950
+ @supports (color: color-mix(in lab, red, red)) {
4951
+ --tw-gradient-via: color-mix(in oklab, var(--color-white) 30%, transparent);
4952
+ }
4953
+ --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
4954
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
4955
+ }
4944
4956
  .via-white\/60 {
4945
4957
  --tw-gradient-via: color-mix(in srgb, #fff 60%, transparent);
4946
4958
  @supports (color: color-mix(in lab, red, red)) {
@@ -5867,6 +5879,9 @@
5867
5879
  .px-12 {
5868
5880
  padding-inline: calc(var(--spacing) * 12);
5869
5881
  }
5882
+ .px-16 {
5883
+ padding-inline: calc(var(--spacing) * 16);
5884
+ }
5870
5885
  .py-0\.5 {
5871
5886
  padding-block: calc(var(--spacing) * 0.5);
5872
5887
  }
@@ -6988,6 +7003,14 @@
6988
7003
  }
6989
7004
  }
6990
7005
  }
7006
+ .group-hover\:translate-x-full {
7007
+ &:is(:where(.group):hover *) {
7008
+ @media (hover: hover) {
7009
+ --tw-translate-x: 100%;
7010
+ translate: var(--tw-translate-x) var(--tw-translate-y);
7011
+ }
7012
+ }
7013
+ }
6991
7014
  .group-hover\:translate-y-1 {
6992
7015
  &:is(:where(.group):hover *) {
6993
7016
  @media (hover: hover) {
@@ -8710,10 +8733,10 @@
8710
8733
  }
8711
8734
  }
8712
8735
  }
8713
- .hover\:from-emerald-600 {
8736
+ .hover\:from-emerald-400 {
8714
8737
  &:hover {
8715
8738
  @media (hover: hover) {
8716
- --tw-gradient-from: var(--color-emerald-600);
8739
+ --tw-gradient-from: var(--color-emerald-400);
8717
8740
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
8718
8741
  }
8719
8742
  }
@@ -8768,6 +8791,15 @@
8768
8791
  }
8769
8792
  }
8770
8793
  }
8794
+ .hover\:via-teal-400 {
8795
+ &:hover {
8796
+ @media (hover: hover) {
8797
+ --tw-gradient-via: var(--color-teal-400);
8798
+ --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
8799
+ --tw-gradient-stops: var(--tw-gradient-via-stops);
8800
+ }
8801
+ }
8802
+ }
8771
8803
  .hover\:to-blue-600 {
8772
8804
  &:hover {
8773
8805
  @media (hover: hover) {
@@ -8784,6 +8816,14 @@
8784
8816
  }
8785
8817
  }
8786
8818
  }
8819
+ .hover\:to-cyan-400 {
8820
+ &:hover {
8821
+ @media (hover: hover) {
8822
+ --tw-gradient-to: var(--color-cyan-400);
8823
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
8824
+ }
8825
+ }
8826
+ }
8787
8827
  .hover\:to-cyan-600 {
8788
8828
  &:hover {
8789
8829
  @media (hover: hover) {
@@ -9293,6 +9333,16 @@
9293
9333
  }
9294
9334
  }
9295
9335
  }
9336
+ .hover\:shadow-emerald-500\/40 {
9337
+ &:hover {
9338
+ @media (hover: hover) {
9339
+ --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 40%, transparent);
9340
+ @supports (color: color-mix(in lab, red, red)) {
9341
+ --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
9342
+ }
9343
+ }
9344
+ }
9345
+ }
9296
9346
  .hover\:shadow-emerald-500\/50 {
9297
9347
  &:hover {
9298
9348
  @media (hover: hover) {