@luscii-healthtech/web-ui 7.2.0 → 7.3.0

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.
@@ -697,6 +697,10 @@ video {
697
697
  margin-left: -1px;
698
698
  }
699
699
 
700
+ .-ui-mr-1 {
701
+ margin-right: -0.25rem;
702
+ }
703
+
700
704
  .ui-mb-0 {
701
705
  margin-bottom: 0px;
702
706
  }
@@ -705,10 +709,6 @@ video {
705
709
  margin-bottom: 0.25rem;
706
710
  }
707
711
 
708
- .ui-mb-12 {
709
- margin-bottom: 3rem;
710
- }
711
-
712
712
  .ui-mb-2 {
713
713
  margin-bottom: 0.5rem;
714
714
  }
@@ -793,6 +793,10 @@ video {
793
793
  margin-top: 4.25rem;
794
794
  }
795
795
 
796
+ .ui-mt-2 {
797
+ margin-top: 0.5rem;
798
+ }
799
+
796
800
  .ui-mt-3 {
797
801
  margin-top: 0.75rem;
798
802
  }
@@ -833,10 +837,6 @@ video {
833
837
  display: inline-flex;
834
838
  }
835
839
 
836
- .ui-grid {
837
- display: grid;
838
- }
839
-
840
840
  .ui-hidden {
841
841
  display: none;
842
842
  }
@@ -1125,11 +1125,27 @@ video {
1125
1125
  border-collapse: collapse;
1126
1126
  }
1127
1127
 
1128
+ .ui-origin-top-left {
1129
+ transform-origin: top left;
1130
+ }
1131
+
1128
1132
  .-ui-translate-x-1\/2 {
1129
1133
  --tw-translate-x: -50%;
1130
1134
  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));
1131
1135
  }
1132
1136
 
1137
+ .ui-scale-100 {
1138
+ --tw-scale-x: 1;
1139
+ --tw-scale-y: 1;
1140
+ 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));
1141
+ }
1142
+
1143
+ .ui-scale-95 {
1144
+ --tw-scale-x: .95;
1145
+ --tw-scale-y: .95;
1146
+ 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));
1147
+ }
1148
+
1133
1149
  .ui-transform {
1134
1150
  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));
1135
1151
  }
@@ -1176,18 +1192,6 @@ video {
1176
1192
  list-style-type: none;
1177
1193
  }
1178
1194
 
1179
- .ui-appearance-none {
1180
- appearance: none;
1181
- }
1182
-
1183
- .ui-auto-rows-auto {
1184
- grid-auto-rows: auto;
1185
- }
1186
-
1187
- .ui-grid-cols-2 {
1188
- grid-template-columns: repeat(2, minmax(0, 1fr));
1189
- }
1190
-
1191
1195
  .ui-flex-row {
1192
1196
  flex-direction: row;
1193
1197
  }
@@ -1232,18 +1236,10 @@ video {
1232
1236
  justify-items: stretch;
1233
1237
  }
1234
1238
 
1235
- .ui-gap-1 {
1236
- gap: 0.25rem;
1237
- }
1238
-
1239
1239
  .ui-gap-3 {
1240
1240
  gap: 0.75rem;
1241
1241
  }
1242
1242
 
1243
- .ui-gap-6 {
1244
- gap: 1.5rem;
1245
- }
1246
-
1247
1243
  .ui-space-x-1 > :not([hidden]) ~ :not([hidden]) {
1248
1244
  --tw-space-x-reverse: 0;
1249
1245
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
@@ -1616,11 +1612,6 @@ video {
1616
1612
  background-color: rgb(231 245 236 / var(--tw-bg-opacity));
1617
1613
  }
1618
1614
 
1619
- .ui-bg-green-700 {
1620
- --tw-bg-opacity: 1;
1621
- background-color: rgb(21 128 61 / var(--tw-bg-opacity));
1622
- }
1623
-
1624
1615
  .ui-bg-main-background {
1625
1616
  --tw-bg-opacity: 1;
1626
1617
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
@@ -1781,10 +1772,6 @@ video {
1781
1772
  padding: 1.5rem;
1782
1773
  }
1783
1774
 
1784
- .ui-p-8 {
1785
- padding: 2rem;
1786
- }
1787
-
1788
1775
  .ui-px-1 {
1789
1776
  padding-left: 0.25rem;
1790
1777
  padding-right: 0.25rem;
@@ -1973,18 +1960,10 @@ video {
1973
1960
  font-weight: 700;
1974
1961
  }
1975
1962
 
1976
- .ui-font-extrabold {
1977
- font-weight: 800;
1978
- }
1979
-
1980
1963
  .ui-font-medium {
1981
1964
  font-weight: 500;
1982
1965
  }
1983
1966
 
1984
- .ui-font-normal {
1985
- font-weight: 400;
1986
- }
1987
-
1988
1967
  .ui-font-semibold {
1989
1968
  font-weight: 600;
1990
1969
  }
@@ -2037,6 +2016,11 @@ video {
2037
2016
  color: rgb(75 85 99 / var(--tw-text-opacity));
2038
2017
  }
2039
2018
 
2019
+ .ui-text-gray-400 {
2020
+ --tw-text-opacity: 1;
2021
+ color: rgb(203 213 224 / var(--tw-text-opacity));
2022
+ }
2023
+
2040
2024
  .ui-text-gray-500 {
2041
2025
  --tw-text-opacity: 1;
2042
2026
  color: rgb(160 174 192 / var(--tw-text-opacity));
@@ -2047,6 +2031,16 @@ video {
2047
2031
  color: rgb(113 128 150 / var(--tw-text-opacity));
2048
2032
  }
2049
2033
 
2034
+ .ui-text-gray-700 {
2035
+ --tw-text-opacity: 1;
2036
+ color: rgb(74 85 104 / var(--tw-text-opacity));
2037
+ }
2038
+
2039
+ .ui-text-gray-900 {
2040
+ --tw-text-opacity: 1;
2041
+ color: rgb(26 32 44 / var(--tw-text-opacity));
2042
+ }
2043
+
2050
2044
  .ui-text-green-700 {
2051
2045
  --tw-text-opacity: 1;
2052
2046
  color: rgb(21 128 61 / var(--tw-text-opacity));
@@ -2152,6 +2146,12 @@ video {
2152
2146
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2153
2147
  }
2154
2148
 
2149
+ .ui-shadow-2xl {
2150
+ --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
2151
+ --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
2152
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2153
+ }
2154
+
2155
2155
  .ui-shadow-default {
2156
2156
  --tw-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
2157
2157
  --tw-shadow-colored: 0px 1px 2px var(--tw-shadow-color);
@@ -2199,6 +2199,21 @@ video {
2199
2199
  outline-color: #0074DD;
2200
2200
  }
2201
2201
 
2202
+ .ui-ring-1 {
2203
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2204
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2205
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2206
+ }
2207
+
2208
+ .ui-ring-black {
2209
+ --tw-ring-opacity: 1;
2210
+ --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
2211
+ }
2212
+
2213
+ .ui-ring-opacity-5 {
2214
+ --tw-ring-opacity: 0.05;
2215
+ }
2216
+
2202
2217
  .ui-transition {
2203
2218
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2204
2219
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2229,6 +2244,10 @@ video {
2229
2244
  transition-duration: 150ms;
2230
2245
  }
2231
2246
 
2247
+ .ui-duration-100 {
2248
+ transition-duration: 100ms;
2249
+ }
2250
+
2232
2251
  .ui-duration-150 {
2233
2252
  transition-duration: 150ms;
2234
2253
  }
@@ -2241,6 +2260,10 @@ video {
2241
2260
  transition-duration: 300ms;
2242
2261
  }
2243
2262
 
2263
+ .ui-duration-75 {
2264
+ transition-duration: 75ms;
2265
+ }
2266
+
2244
2267
  .ui-ease-in {
2245
2268
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2246
2269
  }
@@ -2391,6 +2414,11 @@ video {
2391
2414
  color: rgb(4 91 170 / var(--tw-text-opacity));
2392
2415
  }
2393
2416
 
2417
+ .hover\:ui-text-gray-900:hover {
2418
+ --tw-text-opacity: 1;
2419
+ color: rgb(26 32 44 / var(--tw-text-opacity));
2420
+ }
2421
+
2394
2422
  .hover\:ui-text-negative-darker:hover {
2395
2423
  --tw-text-opacity: 1;
2396
2424
  color: rgb(155 44 44 / var(--tw-text-opacity));