analytica-frontend-lib 1.0.39 → 1.0.41

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/styles.css CHANGED
@@ -23,6 +23,9 @@
23
23
  "Courier New",
24
24
  monospace;
25
25
  --color-red-700: oklch(50.5% 0.213 27.518);
26
+ --color-amber-500: oklch(76.9% 0.188 70.08);
27
+ --color-yellow-500: oklch(79.5% 0.184 86.047);
28
+ --color-blue-500: oklch(62.3% 0.214 259.815);
26
29
  --color-gray-800: oklch(27.8% 0.033 256.848);
27
30
  --color-white: #fff;
28
31
  --spacing: 0.25rem;
@@ -59,6 +62,7 @@
59
62
  --font-weight-bold: 700;
60
63
  --font-weight-extrabold: 800;
61
64
  --font-weight-black: 900;
65
+ --tracking-normal: 0em;
62
66
  --tracking-wide: 0.025em;
63
67
  --leading-normal: 1.5;
64
68
  --radius-xs: 0.125rem;
@@ -561,9 +565,6 @@
561
565
  .h-1 {
562
566
  height: calc(var(--spacing) * 1);
563
567
  }
564
- .h-1\.5 {
565
- height: calc(var(--spacing) * 1.5);
566
- }
567
568
  .h-2 {
568
569
  height: calc(var(--spacing) * 2);
569
570
  }
@@ -636,9 +637,6 @@
636
637
  .w-0 {
637
638
  width: calc(var(--spacing) * 0);
638
639
  }
639
- .w-1\.5 {
640
- width: calc(var(--spacing) * 1.5);
641
- }
642
640
  .w-2 {
643
641
  width: calc(var(--spacing) * 2);
644
642
  }
@@ -675,8 +673,8 @@
675
673
  .w-\[1em\] {
676
674
  width: 1em;
677
675
  }
678
- .w-\[70px\] {
679
- width: 70px;
676
+ .w-\[21px\] {
677
+ width: 21px;
680
678
  }
681
679
  .w-\[90px\] {
682
680
  width: 90px;
@@ -708,6 +706,9 @@
708
706
  .max-w-\[390px\] {
709
707
  max-width: 390px;
710
708
  }
709
+ .max-w-\[500px\] {
710
+ max-width: 500px;
711
+ }
711
712
  .max-w-lg {
712
713
  max-width: var(--container-lg);
713
714
  }
@@ -717,6 +718,9 @@
717
718
  .max-w-xs {
718
719
  max-width: var(--container-xs);
719
720
  }
721
+ .min-w-0 {
722
+ min-width: calc(var(--spacing) * 0);
723
+ }
720
724
  .min-w-\[210px\] {
721
725
  min-width: 210px;
722
726
  }
@@ -775,6 +779,9 @@
775
779
  .cursor-pointer {
776
780
  cursor: pointer;
777
781
  }
782
+ .resize {
783
+ resize: both;
784
+ }
778
785
  .resize-none {
779
786
  resize: none;
780
787
  }
@@ -874,9 +881,20 @@
874
881
  margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
875
882
  }
876
883
  }
884
+ .truncate {
885
+ overflow: hidden;
886
+ text-overflow: ellipsis;
887
+ white-space: nowrap;
888
+ }
877
889
  .overflow-hidden {
878
890
  overflow: hidden;
879
891
  }
892
+ .overflow-x-auto {
893
+ overflow-x: auto;
894
+ }
895
+ .scroll-smooth {
896
+ scroll-behavior: smooth;
897
+ }
880
898
  .rounded {
881
899
  border-radius: 0.25rem;
882
900
  }
@@ -1012,15 +1030,27 @@
1012
1030
  .border-success-500 {
1013
1031
  border-color: var(--color-success-500);
1014
1032
  }
1033
+ .border-text-600 {
1034
+ border-color: var(--color-text-600);
1035
+ }
1015
1036
  .border-transparent {
1016
1037
  border-color: transparent;
1017
1038
  }
1018
1039
  .border-warning-300 {
1019
1040
  border-color: var(--color-warning-300);
1020
1041
  }
1042
+ .border-b-primary-600 {
1043
+ border-bottom-color: var(--color-primary-600);
1044
+ }
1045
+ .border-b-primary-950 {
1046
+ border-bottom-color: var(--color-primary-950);
1047
+ }
1021
1048
  .\!bg-primary-50 {
1022
1049
  background-color: var(--color-primary-50) !important;
1023
1050
  }
1051
+ .bg-amber-500 {
1052
+ background-color: var(--color-amber-500);
1053
+ }
1024
1054
  .bg-background {
1025
1055
  background-color: var(--color-background);
1026
1056
  }
@@ -1033,9 +1063,15 @@
1033
1063
  .bg-background-300 {
1034
1064
  background-color: var(--color-background-300);
1035
1065
  }
1066
+ .bg-background-500 {
1067
+ background-color: var(--color-background-500);
1068
+ }
1036
1069
  .bg-background-muted {
1037
1070
  background-color: var(--color-background-muted);
1038
1071
  }
1072
+ .bg-blue-500 {
1073
+ background-color: var(--color-blue-500);
1074
+ }
1039
1075
  .bg-border-200 {
1040
1076
  background-color: var(--color-border-200);
1041
1077
  }
@@ -1102,6 +1138,9 @@
1102
1138
  .bg-white {
1103
1139
  background-color: var(--color-white);
1104
1140
  }
1141
+ .bg-yellow-500 {
1142
+ background-color: var(--color-yellow-500);
1143
+ }
1105
1144
  .stroke-background-300 {
1106
1145
  stroke: var(--color-background-300);
1107
1146
  }
@@ -1251,6 +1290,10 @@
1251
1290
  --tw-leading: 150%;
1252
1291
  line-height: 150%;
1253
1292
  }
1293
+ .leading-none {
1294
+ --tw-leading: 1;
1295
+ line-height: 1;
1296
+ }
1254
1297
  .leading-normal {
1255
1298
  --tw-leading: var(--leading-normal);
1256
1299
  line-height: var(--leading-normal);
@@ -1287,6 +1330,10 @@
1287
1330
  --tw-font-weight: var(--font-weight-semibold);
1288
1331
  font-weight: var(--font-weight-semibold);
1289
1332
  }
1333
+ .tracking-normal {
1334
+ --tw-tracking: var(--tracking-normal);
1335
+ letter-spacing: var(--tracking-normal);
1336
+ }
1290
1337
  .tracking-wide {
1291
1338
  --tw-tracking: var(--tracking-wide);
1292
1339
  letter-spacing: var(--tracking-wide);
@@ -1667,6 +1714,13 @@
1667
1714
  }
1668
1715
  }
1669
1716
  }
1717
+ .hover\:border-primary-600 {
1718
+ &:hover {
1719
+ @media (hover: hover) {
1720
+ border-color: var(--color-primary-600);
1721
+ }
1722
+ }
1723
+ }
1670
1724
  .hover\:border-primary-800 {
1671
1725
  &:hover {
1672
1726
  @media (hover: hover) {
@@ -1765,6 +1819,13 @@
1765
1819
  }
1766
1820
  }
1767
1821
  }
1822
+ .hover\:text-primary-600 {
1823
+ &:hover {
1824
+ @media (hover: hover) {
1825
+ color: var(--color-primary-600);
1826
+ }
1827
+ }
1828
+ }
1768
1829
  .hover\:text-success-400 {
1769
1830
  &:hover {
1770
1831
  @media (hover: hover) {
@@ -1799,6 +1860,12 @@
1799
1860
  }
1800
1861
  }
1801
1862
  }
1863
+ .focus\:border-2 {
1864
+ &:focus {
1865
+ border-style: var(--tw-border-style);
1866
+ border-width: 2px;
1867
+ }
1868
+ }
1802
1869
  .focus\:border-b-2 {
1803
1870
  &:focus {
1804
1871
  border-bottom-style: var(--tw-border-style);
@@ -1810,6 +1877,11 @@
1810
1877
  border-color: var(--color-border-500);
1811
1878
  }
1812
1879
  }
1880
+ .focus\:border-indicator-info {
1881
+ &:focus {
1882
+ border-color: var(--color-indicator-info);
1883
+ }
1884
+ }
1813
1885
  .focus\:border-primary-950 {
1814
1886
  &:focus {
1815
1887
  border-color: var(--color-primary-950);
@@ -2055,6 +2127,21 @@
2055
2127
  opacity: 50%;
2056
2128
  }
2057
2129
  }
2130
+ .sm\:flex-row {
2131
+ @media (width >= 40rem) {
2132
+ flex-direction: row;
2133
+ }
2134
+ }
2135
+ .sm\:items-center {
2136
+ @media (width >= 40rem) {
2137
+ align-items: center;
2138
+ }
2139
+ }
2140
+ .sm\:gap-4 {
2141
+ @media (width >= 40rem) {
2142
+ gap: calc(var(--spacing) * 4);
2143
+ }
2144
+ }
2058
2145
  .md\:grid-cols-2 {
2059
2146
  @media (width >= 48rem) {
2060
2147
  grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -2070,6 +2157,11 @@
2070
2157
  flex-direction: row;
2071
2158
  }
2072
2159
  }
2160
+ .xl\:grid-cols-2 {
2161
+ @media (width >= 80rem) {
2162
+ grid-template-columns: repeat(2, minmax(0, 1fr));
2163
+ }
2164
+ }
2073
2165
  .\[\&_tr\:first-child\]\:border-0 {
2074
2166
  & tr:first-child {
2075
2167
  border-style: var(--tw-border-style);
@@ -2105,6 +2197,26 @@
2105
2197
  height: calc(var(--spacing) * 6);
2106
2198
  }
2107
2199
  }
2200
+ .\[\&\>svg\]\:h-4 {
2201
+ & > svg {
2202
+ height: calc(var(--spacing) * 4);
2203
+ }
2204
+ }
2205
+ .\[\&\>svg\]\:h-\[17px\] {
2206
+ & > svg {
2207
+ height: 17px;
2208
+ }
2209
+ }
2210
+ .\[\&\>svg\]\:w-4 {
2211
+ & > svg {
2212
+ width: calc(var(--spacing) * 4);
2213
+ }
2214
+ }
2215
+ .\[\&\>svg\]\:w-\[17px\] {
2216
+ & > svg {
2217
+ width: 17px;
2218
+ }
2219
+ }
2108
2220
  .\[\&\>svg\]\:shrink-0 {
2109
2221
  & > svg {
2110
2222
  flex-shrink: 0;