@raketa-cloud/admin 1.10.6 → 1.10.7

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 (3) hide show
  1. package/dist/application.css +73 -87
  2. package/package.json +1 -1
  3. package/src/styles/application.css +4 -0
package/dist/application.css CHANGED
@@ -1160,92 +1160,78 @@
1160
1160
  padding-right: 0px;
1161
1161
  }
1162
1162
  }
1163
- @media (prefers-color-scheme: dark) {
1164
- :where(.dark\:divide-neutral-700 > :not(:last-child)) {
1165
- border-color: var(--color-neutral-700);
1166
- }
1167
- .dark\:border-neutral-500 {
1168
- border-color: var(--color-neutral-500);
1169
- }
1170
- .dark\:border-neutral-700 {
1171
- border-color: var(--color-neutral-700);
1172
- }
1173
- .dark\:bg-blue-900\/50 {
1174
- background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 50%, transparent);
1175
- }
1163
+ :where(.dark\:divide-neutral-700:where(.dark, .dark *) > :not(:last-child)) {
1164
+ border-color: var(--color-neutral-700);
1165
+ }
1166
+ .dark\:border-neutral-500:where(.dark, .dark *) {
1167
+ border-color: var(--color-neutral-500);
1168
+ }
1169
+ .dark\:border-neutral-700:where(.dark, .dark *) {
1170
+ border-color: var(--color-neutral-700);
1171
+ }
1172
+ .dark\:bg-blue-900\/50:where(.dark, .dark *) {
1173
+ background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 50%, transparent);
1176
1174
  @supports (color: color-mix(in lab, red, red)) {
1177
- .dark\:bg-blue-900\/50 {
1178
- background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
1179
- }
1180
- }
1181
- .dark\:bg-emerald-900\/50 {
1182
- background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 50%, transparent);
1175
+ background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
1183
1176
  }
1177
+ }
1178
+ .dark\:bg-emerald-900\/50:where(.dark, .dark *) {
1179
+ background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 50%, transparent);
1184
1180
  @supports (color: color-mix(in lab, red, red)) {
1185
- .dark\:bg-emerald-900\/50 {
1186
- background-color: color-mix(in oklab, var(--color-emerald-900) 50%, transparent);
1187
- }
1188
- }
1189
- .dark\:bg-neutral-800 {
1190
- background-color: var(--color-neutral-800);
1191
- }
1192
- .dark\:bg-orange-900\/50 {
1193
- background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 50%, transparent);
1181
+ background-color: color-mix(in oklab, var(--color-emerald-900) 50%, transparent);
1194
1182
  }
1183
+ }
1184
+ .dark\:bg-neutral-800:where(.dark, .dark *) {
1185
+ background-color: var(--color-neutral-800);
1186
+ }
1187
+ .dark\:bg-orange-900\/50:where(.dark, .dark *) {
1188
+ background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 50%, transparent);
1195
1189
  @supports (color: color-mix(in lab, red, red)) {
1196
- .dark\:bg-orange-900\/50 {
1197
- background-color: color-mix(in oklab, var(--color-orange-900) 50%, transparent);
1198
- }
1199
- }
1200
- .dark\:bg-orange-950\/40 {
1201
- background-color: color-mix(in srgb, oklch(26.6% 0.079 36.259) 40%, transparent);
1190
+ background-color: color-mix(in oklab, var(--color-orange-900) 50%, transparent);
1202
1191
  }
1192
+ }
1193
+ .dark\:bg-orange-950\/40:where(.dark, .dark *) {
1194
+ background-color: color-mix(in srgb, oklch(26.6% 0.079 36.259) 40%, transparent);
1203
1195
  @supports (color: color-mix(in lab, red, red)) {
1204
- .dark\:bg-orange-950\/40 {
1205
- background-color: color-mix(in oklab, var(--color-orange-950) 40%, transparent);
1206
- }
1207
- }
1208
- .dark\:bg-raketa-primary\/15 {
1209
- background-color: color-mix(in srgb, rgb(var(--primary)) 15%, transparent);
1196
+ background-color: color-mix(in oklab, var(--color-orange-950) 40%, transparent);
1210
1197
  }
1198
+ }
1199
+ .dark\:bg-raketa-primary\/15:where(.dark, .dark *) {
1200
+ background-color: color-mix(in srgb, rgb(var(--primary)) 15%, transparent);
1211
1201
  @supports (color: color-mix(in lab, red, red)) {
1212
- .dark\:bg-raketa-primary\/15 {
1213
- background-color: color-mix(in oklab, var(--color-raketa-primary) 15%, transparent);
1214
- }
1215
- }
1216
- .dark\:bg-red-900\/50 {
1217
- background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent);
1202
+ background-color: color-mix(in oklab, var(--color-raketa-primary) 15%, transparent);
1218
1203
  }
1204
+ }
1205
+ .dark\:bg-red-900\/50:where(.dark, .dark *) {
1206
+ background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent);
1219
1207
  @supports (color: color-mix(in lab, red, red)) {
1220
- .dark\:bg-red-900\/50 {
1221
- background-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
1222
- }
1223
- }
1224
- .dark\:text-blue-300 {
1225
- color: var(--color-blue-300);
1226
- }
1227
- .dark\:text-emerald-300 {
1228
- color: var(--color-emerald-300);
1229
- }
1230
- .dark\:text-orange-300 {
1231
- color: var(--color-orange-300);
1208
+ background-color: color-mix(in oklab, var(--color-red-900) 50%, transparent);
1232
1209
  }
1233
- .dark\:text-red-300 {
1234
- color: var(--color-red-300);
1235
- }
1236
- .dark\:invert {
1237
- --tw-invert: invert(100%);
1238
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1239
- }
1240
- @media (hover: hover) {
1241
- .dark\:hover\:bg-neutral-700:hover {
1242
- background-color: var(--color-neutral-700);
1243
- }
1210
+ }
1211
+ .dark\:text-blue-300:where(.dark, .dark *) {
1212
+ color: var(--color-blue-300);
1213
+ }
1214
+ .dark\:text-emerald-300:where(.dark, .dark *) {
1215
+ color: var(--color-emerald-300);
1216
+ }
1217
+ .dark\:text-orange-300:where(.dark, .dark *) {
1218
+ color: var(--color-orange-300);
1219
+ }
1220
+ .dark\:text-red-300:where(.dark, .dark *) {
1221
+ color: var(--color-red-300);
1222
+ }
1223
+ .dark\:invert:where(.dark, .dark *) {
1224
+ --tw-invert: invert(100%);
1225
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1226
+ }
1227
+ @media (hover: hover) {
1228
+ .dark\:hover\:bg-neutral-700:where(.dark, .dark *):hover {
1229
+ background-color: var(--color-neutral-700);
1244
1230
  }
1245
- @media (width >= 64rem) {
1246
- :where(.dark\:lg\:divide-neutral-700 > :not(:last-child)) {
1247
- border-color: var(--color-neutral-700);
1248
- }
1231
+ }
1232
+ @media (width >= 64rem) {
1233
+ :where(.dark\:lg\:divide-neutral-700:where(.dark, .dark *) > :not(:last-child)) {
1234
+ border-color: var(--color-neutral-700);
1249
1235
  }
1250
1236
  }
1251
1237
  }
@@ -1706,7 +1692,7 @@ body {
1706
1692
  line-height: var(--tw-leading, var(--text-sm--line-height));
1707
1693
  --tw-leading: 1.5;
1708
1694
  line-height: 1.5;
1709
- @media (prefers-color-scheme: dark) {
1695
+ &:where(.dark, .dark *) {
1710
1696
  background-color: color-mix(in srgb, rgb(var(--primary)) 20%, transparent);
1711
1697
  @supports (color: color-mix(in lab, red, red)) {
1712
1698
  background-color: color-mix(in oklab, var(--color-raketa-primary) 20%, transparent);
@@ -1839,7 +1825,7 @@ body {
1839
1825
  color: var(--color-raketa-foreground);
1840
1826
  }
1841
1827
  }
1842
- @media (prefers-color-scheme: dark) {
1828
+ &:where(.dark, .dark *) {
1843
1829
  color: var(--color-red-700);
1844
1830
  }
1845
1831
  }
@@ -1917,18 +1903,18 @@ body {
1917
1903
  padding-block: calc(var(--spacing) * 2);
1918
1904
  --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1919
1905
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1920
- @media (prefers-color-scheme: dark) {
1906
+ &:where(.dark, .dark *) {
1921
1907
  border-color: var(--color-neutral-700);
1922
1908
  }
1923
- @media (prefers-color-scheme: dark) {
1909
+ &:where(.dark, .dark *) {
1924
1910
  background-color: var(--color-neutral-800);
1925
1911
  }
1926
- @media (prefers-color-scheme: dark) {
1912
+ &:where(.dark, .dark *) {
1927
1913
  &:focus {
1928
1914
  border-color: var(--color-raketa-primary);
1929
1915
  }
1930
1916
  }
1931
- @media (prefers-color-scheme: dark) {
1917
+ &:where(.dark, .dark *) {
1932
1918
  &:focus {
1933
1919
  --tw-ring-color: var(--color-raketa-primary);
1934
1920
  }
@@ -1958,7 +1944,7 @@ body {
1958
1944
  padding-block: var(--spacing);
1959
1945
  --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
1960
1946
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1961
- @media (prefers-color-scheme: dark) {
1947
+ &:where(.dark, .dark *) {
1962
1948
  border-color: var(--color-neutral-700);
1963
1949
  }
1964
1950
  }
@@ -2071,7 +2057,7 @@ body {
2071
2057
  transition-duration: 100ms;
2072
2058
  --tw-ease: var(--ease-in-out);
2073
2059
  transition-timing-function: var(--ease-in-out);
2074
- @media (prefers-color-scheme: dark) {
2060
+ &:where(.dark, .dark *) {
2075
2061
  border-color: var(--color-neutral-700);
2076
2062
  }
2077
2063
  }
@@ -2083,7 +2069,7 @@ body {
2083
2069
  border-bottom-color: color-mix(in oklab, var(--color-black) 25%, transparent);
2084
2070
  }
2085
2071
  color: var(--color-raketa-foreground);
2086
- @media (prefers-color-scheme: dark) {
2072
+ &:where(.dark, .dark *) {
2087
2073
  border-bottom-color: color-mix(in srgb, #fff 40%, transparent);
2088
2074
  @supports (color: color-mix(in lab, red, red)) {
2089
2075
  border-bottom-color: color-mix(in oklab, var(--color-white) 40%, transparent);
@@ -2096,10 +2082,10 @@ body {
2096
2082
  border-color: var(--color-neutral-300);
2097
2083
  background-color: var(--color-neutral-50);
2098
2084
  color: var(--color-raketa-foreground);
2099
- @media (prefers-color-scheme: dark) {
2085
+ &:where(.dark, .dark *) {
2100
2086
  border-color: var(--color-neutral-600);
2101
2087
  }
2102
- @media (prefers-color-scheme: dark) {
2088
+ &:where(.dark, .dark *) {
2103
2089
  background-color: var(--color-neutral-800);
2104
2090
  }
2105
2091
  }
@@ -2203,10 +2189,10 @@ body {
2203
2189
  border-left-width: 1px;
2204
2190
  background-color: var(--color-slate-50);
2205
2191
  padding: calc(var(--spacing) * 4);
2206
- @media (prefers-color-scheme: dark) {
2192
+ &:where(.dark, .dark *) {
2207
2193
  border-color: var(--color-neutral-700);
2208
2194
  }
2209
- @media (prefers-color-scheme: dark) {
2195
+ &:where(.dark, .dark *) {
2210
2196
  background-color: color-mix(in srgb, oklch(26.9% 0 none) 70%, transparent);
2211
2197
  @supports (color: color-mix(in lab, red, red)) {
2212
2198
  background-color: color-mix(in oklab, var(--color-neutral-800) 70%, transparent);
@@ -2229,7 +2215,7 @@ body {
2229
2215
  height: calc(var(--spacing) * 6);
2230
2216
  width: 1px;
2231
2217
  background-color: var(--color-mono-50);
2232
- @media (prefers-color-scheme: dark) {
2218
+ &:where(.dark, .dark *) {
2233
2219
  background-color: var(--color-neutral-700);
2234
2220
  }
2235
2221
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@raketa-cloud/admin",
3
- "version": "1.10.6",
3
+ "version": "1.10.7",
4
4
  "main": "src/index.js",
5
5
  "files": [
6
6
  "src/",
package/src/styles/application.css CHANGED
@@ -1,4 +1,8 @@
1
1
  @import "tailwindcss";
2
+
3
+ /* Keep dark utilities opt-in through a `.dark` ancestor, rather than the OS theme. */
4
+ @custom-variant dark (&:where(.dark, .dark *));
5
+
2
6
  @plugin "@tailwindcss/forms";
3
7
  @plugin "@tailwindcss/typography";
4
8
  @source "../**/*.{html,js,ejs}";