ics-ui-kit 0.1.1 → 0.1.3
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/{Field-CKl59qUB.js → Field-BiIWtq9o.js} +13 -13
- package/dist/{Field-CKl59qUB.js.map → Field-BiIWtq9o.js.map} +1 -1
- package/dist/{FormStack-B4QOuYgO.js → FormStack-DO15vBgd.js} +2 -2
- package/dist/{FormStack-B4QOuYgO.js.map → FormStack-DO15vBgd.js.map} +1 -1
- package/dist/blocks/auth/otp-form.js +1 -1
- package/dist/components/field.js +1 -1
- package/dist/components/form.js +2 -2
- package/dist/styles-scoped.css +426 -372
- package/dist/styles.css +426 -372
- package/dist/theme.css +27 -0
- package/package.json +2 -2
- package/tailwind.preset.js +3 -0
package/dist/styles-scoped.css
CHANGED
|
@@ -172,6 +172,12 @@
|
|
|
172
172
|
--lilac: 296 100% 89%;
|
|
173
173
|
--plume: 305 100% 88%;
|
|
174
174
|
--velvet: 320 100% 87%;
|
|
175
|
+
|
|
176
|
+
/** Glass **/
|
|
177
|
+
--glass-thin: blur(8px) brightness(108%) saturate(120%);
|
|
178
|
+
--glass-regular: blur(16px) brightness(100%) saturate(180%) contrast(100%);
|
|
179
|
+
--glass-thick: blur(24px) brightness(96%) saturate(200%) contrast(102%);
|
|
180
|
+
--glass-clear: blur(4px) brightness(100%) saturate(100%) opacity(0.6);
|
|
175
181
|
}
|
|
176
182
|
.dark {
|
|
177
183
|
/**
|
|
@@ -326,6 +332,12 @@
|
|
|
326
332
|
--lilac: 296 35% 45%;
|
|
327
333
|
--plume: 305 35% 45%;
|
|
328
334
|
--velvet: 320 35% 46%;
|
|
335
|
+
|
|
336
|
+
/** Glass **/
|
|
337
|
+
--glass-thin: blur(8px) brightness(68%) saturate(130%);
|
|
338
|
+
--glass-regular: blur(16px) brightness(62%) saturate(160%) contrast(110%);
|
|
339
|
+
--glass-thick: blur(24px) brightness(52%) saturate(180%) contrast(115%);
|
|
340
|
+
--glass-clear: blur(4px) brightness(100%) saturate(100%) opacity(0.6);
|
|
329
341
|
}
|
|
330
342
|
/*
|
|
331
343
|
* Базовые стили Tailwind Preflight.
|
|
@@ -3995,6 +4007,10 @@
|
|
|
3995
4007
|
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
3996
4008
|
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
3997
4009
|
}
|
|
4010
|
+
.ui-kit .backdrop-filter {
|
|
4011
|
+
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
4012
|
+
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
4013
|
+
}
|
|
3998
4014
|
.ui-kit .transition {
|
|
3999
4015
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
4000
4016
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -4109,6 +4125,18 @@
|
|
|
4109
4125
|
.ui-kit .ease-out {
|
|
4110
4126
|
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
4111
4127
|
}
|
|
4128
|
+
.ui-kit .backdrop-glass-clear {
|
|
4129
|
+
backdrop-filter: var(--glass-clear);
|
|
4130
|
+
}
|
|
4131
|
+
.ui-kit .backdrop-glass-thin {
|
|
4132
|
+
backdrop-filter: var(--glass-thin);
|
|
4133
|
+
}
|
|
4134
|
+
.ui-kit .backdrop-glass-regular {
|
|
4135
|
+
backdrop-filter: var(--glass-regular);
|
|
4136
|
+
}
|
|
4137
|
+
.ui-kit .backdrop-glass-thick {
|
|
4138
|
+
backdrop-filter: var(--glass-thick);
|
|
4139
|
+
}
|
|
4112
4140
|
.ui-kit .\[fill\:url\(\#cloud-left\)\] {
|
|
4113
4141
|
fill: url(#cloud-left);
|
|
4114
4142
|
}
|
|
@@ -4253,166 +4281,168 @@
|
|
|
4253
4281
|
--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
|
|
4254
4282
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
4255
4283
|
}
|
|
4256
|
-
|
|
4257
|
-
cursor:
|
|
4258
|
-
|
|
4259
|
-
|
|
4260
|
-
cursor:
|
|
4261
|
-
|
|
4262
|
-
|
|
4263
|
-
border-
|
|
4264
|
-
|
|
4265
|
-
|
|
4266
|
-
border-
|
|
4267
|
-
|
|
4268
|
-
|
|
4269
|
-
border-
|
|
4270
|
-
|
|
4271
|
-
|
|
4272
|
-
border-
|
|
4273
|
-
|
|
4274
|
-
|
|
4275
|
-
border-
|
|
4276
|
-
|
|
4277
|
-
|
|
4278
|
-
border-
|
|
4279
|
-
|
|
4280
|
-
|
|
4281
|
-
border-
|
|
4282
|
-
|
|
4283
|
-
|
|
4284
|
-
|
|
4285
|
-
|
|
4286
|
-
|
|
4287
|
-
|
|
4288
|
-
|
|
4289
|
-
|
|
4290
|
-
|
|
4291
|
-
|
|
4292
|
-
|
|
4293
|
-
|
|
4294
|
-
|
|
4295
|
-
|
|
4296
|
-
|
|
4297
|
-
|
|
4298
|
-
|
|
4299
|
-
|
|
4300
|
-
|
|
4301
|
-
|
|
4302
|
-
|
|
4303
|
-
|
|
4304
|
-
|
|
4305
|
-
|
|
4306
|
-
|
|
4307
|
-
|
|
4308
|
-
|
|
4309
|
-
|
|
4310
|
-
|
|
4311
|
-
|
|
4312
|
-
|
|
4313
|
-
|
|
4314
|
-
|
|
4315
|
-
|
|
4316
|
-
|
|
4317
|
-
|
|
4318
|
-
|
|
4319
|
-
|
|
4320
|
-
|
|
4321
|
-
|
|
4322
|
-
|
|
4323
|
-
|
|
4324
|
-
|
|
4325
|
-
|
|
4326
|
-
|
|
4327
|
-
|
|
4328
|
-
|
|
4329
|
-
|
|
4330
|
-
|
|
4331
|
-
|
|
4332
|
-
|
|
4333
|
-
|
|
4334
|
-
|
|
4335
|
-
|
|
4336
|
-
|
|
4337
|
-
|
|
4338
|
-
|
|
4339
|
-
|
|
4340
|
-
|
|
4341
|
-
|
|
4342
|
-
|
|
4343
|
-
|
|
4344
|
-
|
|
4345
|
-
|
|
4346
|
-
|
|
4347
|
-
|
|
4348
|
-
|
|
4349
|
-
|
|
4350
|
-
|
|
4351
|
-
|
|
4352
|
-
|
|
4353
|
-
|
|
4354
|
-
|
|
4355
|
-
|
|
4356
|
-
|
|
4357
|
-
|
|
4358
|
-
|
|
4359
|
-
|
|
4360
|
-
|
|
4361
|
-
|
|
4362
|
-
|
|
4363
|
-
|
|
4364
|
-
|
|
4365
|
-
|
|
4366
|
-
|
|
4367
|
-
|
|
4368
|
-
|
|
4369
|
-
opacity:
|
|
4370
|
-
|
|
4371
|
-
|
|
4372
|
-
opacity:
|
|
4373
|
-
|
|
4374
|
-
|
|
4375
|
-
|
|
4376
|
-
|
|
4377
|
-
|
|
4378
|
-
|
|
4379
|
-
|
|
4380
|
-
|
|
4381
|
-
|
|
4382
|
-
|
|
4383
|
-
|
|
4384
|
-
|
|
4385
|
-
|
|
4386
|
-
|
|
4387
|
-
|
|
4388
|
-
|
|
4389
|
-
|
|
4390
|
-
|
|
4391
|
-
|
|
4392
|
-
|
|
4393
|
-
|
|
4394
|
-
|
|
4395
|
-
|
|
4396
|
-
|
|
4397
|
-
|
|
4398
|
-
|
|
4399
|
-
|
|
4400
|
-
|
|
4401
|
-
|
|
4402
|
-
|
|
4403
|
-
|
|
4404
|
-
|
|
4405
|
-
|
|
4406
|
-
|
|
4407
|
-
border-
|
|
4408
|
-
|
|
4409
|
-
|
|
4410
|
-
|
|
4411
|
-
|
|
4412
|
-
|
|
4413
|
-
|
|
4414
|
-
|
|
4415
|
-
|
|
4284
|
+
@media (hover: hover) and (pointer: fine) {
|
|
4285
|
+
.ui-kit .hover\:cursor-grab:hover {
|
|
4286
|
+
cursor: grab;
|
|
4287
|
+
}
|
|
4288
|
+
.ui-kit .hover\:cursor-pointer:hover {
|
|
4289
|
+
cursor: pointer;
|
|
4290
|
+
}
|
|
4291
|
+
.ui-kit .hover\:border-muted:hover {
|
|
4292
|
+
border-color: hsl(var(--muted));
|
|
4293
|
+
}
|
|
4294
|
+
.ui-kit .hover\:border-primary-accent:hover {
|
|
4295
|
+
border-color: hsl(var(--primary-accent));
|
|
4296
|
+
}
|
|
4297
|
+
.ui-kit .hover\:border-primary-border:hover {
|
|
4298
|
+
border-color: hsl(var(--primary-border));
|
|
4299
|
+
}
|
|
4300
|
+
.ui-kit .hover\:border-secondary-border:hover {
|
|
4301
|
+
border-color: hsl(var(--secondary-border));
|
|
4302
|
+
}
|
|
4303
|
+
.ui-kit .hover\:border-status-error-primary-border:hover {
|
|
4304
|
+
border-color: hsl(var(--status-error-primary-border));
|
|
4305
|
+
}
|
|
4306
|
+
.ui-kit .hover\:border-status-error-secondary-border:hover {
|
|
4307
|
+
border-color: hsl(var(--status-error-secondary-border));
|
|
4308
|
+
}
|
|
4309
|
+
.ui-kit .hover\:border-status-success-secondary-border:hover {
|
|
4310
|
+
border-color: hsl(var(--status-success-secondary-border));
|
|
4311
|
+
}
|
|
4312
|
+
.ui-kit .hover\:\!bg-inverse-hover:hover {
|
|
4313
|
+
background-color: hsl(var(--inverse-hover)) !important;
|
|
4314
|
+
}
|
|
4315
|
+
.ui-kit .hover\:bg-alpha-high-97:hover {
|
|
4316
|
+
background-color: hsl(var(--alpha-high-03));
|
|
4317
|
+
}
|
|
4318
|
+
.ui-kit .hover\:bg-amber-100:hover {
|
|
4319
|
+
--tw-bg-opacity: 1;
|
|
4320
|
+
background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
|
|
4321
|
+
}
|
|
4322
|
+
.ui-kit .hover\:bg-gray-200:hover {
|
|
4323
|
+
--tw-bg-opacity: 1;
|
|
4324
|
+
background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
|
|
4325
|
+
}
|
|
4326
|
+
.ui-kit .hover\:bg-inverse-hover:hover {
|
|
4327
|
+
background-color: hsl(var(--inverse-hover));
|
|
4328
|
+
}
|
|
4329
|
+
.ui-kit .hover\:bg-orange-100:hover {
|
|
4330
|
+
--tw-bg-opacity: 1;
|
|
4331
|
+
background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
|
|
4332
|
+
}
|
|
4333
|
+
.ui-kit .hover\:bg-primary-border:hover {
|
|
4334
|
+
background-color: hsl(var(--primary-border));
|
|
4335
|
+
}
|
|
4336
|
+
.ui-kit .hover\:bg-secondary-bg-hover:hover {
|
|
4337
|
+
background-color: hsl(var(--secondary-bg-hover));
|
|
4338
|
+
}
|
|
4339
|
+
.ui-kit .hover\:bg-status-error-bg:hover {
|
|
4340
|
+
background-color: hsl(var(--status-error-bg));
|
|
4341
|
+
}
|
|
4342
|
+
.ui-kit .hover\:bg-status-error-bg-hover:hover {
|
|
4343
|
+
background-color: hsl(var(--status-error-bg-hover));
|
|
4344
|
+
}
|
|
4345
|
+
.ui-kit .hover\:bg-status-error-hover:hover {
|
|
4346
|
+
background-color: hsl(var(--status-error-hover));
|
|
4347
|
+
}
|
|
4348
|
+
.ui-kit .hover\:bg-status-info-bg-hover:hover {
|
|
4349
|
+
background-color: hsl(var(--status-info-bg-hover));
|
|
4350
|
+
}
|
|
4351
|
+
.ui-kit .hover\:bg-status-info-hover:hover {
|
|
4352
|
+
background-color: hsl(var(--status-info-hover));
|
|
4353
|
+
}
|
|
4354
|
+
.ui-kit .hover\:bg-status-neutral-bg-hover:hover {
|
|
4355
|
+
background-color: hsl(var(--status-default-bg-hover));
|
|
4356
|
+
}
|
|
4357
|
+
.ui-kit .hover\:bg-status-neutral-hover:hover {
|
|
4358
|
+
background-color: hsl(var(--status-default-hover));
|
|
4359
|
+
}
|
|
4360
|
+
.ui-kit .hover\:bg-status-success-bg-hover:hover {
|
|
4361
|
+
background-color: hsl(var(--status-success-bg-hover));
|
|
4362
|
+
}
|
|
4363
|
+
.ui-kit .hover\:bg-status-success-hover:hover {
|
|
4364
|
+
background-color: hsl(var(--status-success-hover));
|
|
4365
|
+
}
|
|
4366
|
+
.ui-kit .hover\:bg-status-warning-bg-hover:hover {
|
|
4367
|
+
background-color: hsl(var(--status-warning-bg-hover));
|
|
4368
|
+
}
|
|
4369
|
+
.ui-kit .hover\:bg-status-warning-hover:hover {
|
|
4370
|
+
background-color: hsl(var(--status-warning-hover));
|
|
4371
|
+
}
|
|
4372
|
+
.ui-kit .hover\:bg-white:hover {
|
|
4373
|
+
--tw-bg-opacity: 1;
|
|
4374
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
|
|
4375
|
+
}
|
|
4376
|
+
.ui-kit .hover\:from-blue-100:hover {
|
|
4377
|
+
--tw-gradient-from: #dbeafe var(--tw-gradient-from-position);
|
|
4378
|
+
--tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);
|
|
4379
|
+
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
4380
|
+
}
|
|
4381
|
+
.ui-kit .hover\:text-muted:hover {
|
|
4382
|
+
color: hsl(var(--muted));
|
|
4383
|
+
}
|
|
4384
|
+
.ui-kit .hover\:text-primary-bg:hover {
|
|
4385
|
+
color: hsl(var(--primary-bg));
|
|
4386
|
+
}
|
|
4387
|
+
.ui-kit .hover\:text-primary-fg:hover {
|
|
4388
|
+
color: hsl(var(--primary-fg));
|
|
4389
|
+
}
|
|
4390
|
+
.ui-kit .hover\:text-secondary-fg:hover {
|
|
4391
|
+
color: hsl(var(--secondary-fg));
|
|
4392
|
+
}
|
|
4393
|
+
.ui-kit .hover\:text-white:hover {
|
|
4394
|
+
--tw-text-opacity: 1;
|
|
4395
|
+
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
4396
|
+
}
|
|
4397
|
+
.ui-kit .hover\:opacity-100:hover {
|
|
4398
|
+
opacity: 1;
|
|
4399
|
+
}
|
|
4400
|
+
.ui-kit .hover\:opacity-65:hover {
|
|
4401
|
+
opacity: 0.65;
|
|
4402
|
+
}
|
|
4403
|
+
.ui-kit .hover\:shadow-focus:hover {
|
|
4404
|
+
--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent));
|
|
4405
|
+
--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
|
|
4406
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
4407
|
+
}
|
|
4408
|
+
.ui-kit .hover\:shadow-soft-base:hover {
|
|
4409
|
+
--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
|
|
4410
|
+
--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
4411
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
4412
|
+
}
|
|
4413
|
+
.ui-kit .hover\:shadow-soft-sm:hover {
|
|
4414
|
+
--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06);
|
|
4415
|
+
--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
|
|
4416
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
4417
|
+
}
|
|
4418
|
+
.ui-kit .hover\:brightness-110:hover {
|
|
4419
|
+
--tw-brightness: brightness(1.1);
|
|
4420
|
+
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);
|
|
4421
|
+
}
|
|
4422
|
+
.ui-kit .hover\:after\:-translate-x-1\/2:hover::after {
|
|
4423
|
+
content: var(--tw-content);
|
|
4424
|
+
--tw-translate-x: -50%;
|
|
4425
|
+
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));
|
|
4426
|
+
}
|
|
4427
|
+
.ui-kit .hover\:after\:border-l:hover::after {
|
|
4428
|
+
content: var(--tw-content);
|
|
4429
|
+
border-left-width: 1px;
|
|
4430
|
+
}
|
|
4431
|
+
.ui-kit .hover\:after\:border-primary-border:hover::after {
|
|
4432
|
+
content: var(--tw-content);
|
|
4433
|
+
border-color: hsl(var(--primary-border));
|
|
4434
|
+
}
|
|
4435
|
+
.ui-kit .invalid\:hover\:border-status-error-primary-border:hover:invalid {
|
|
4436
|
+
border-color: hsl(var(--status-error-primary-border));
|
|
4437
|
+
}
|
|
4438
|
+
.ui-kit .invalid\:hover\:shadow-soft-base:hover:invalid {
|
|
4439
|
+
--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
|
|
4440
|
+
--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
4441
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
4442
|
+
}
|
|
4443
|
+
.ui-kit .read-only\:hover\:bg-secondary-bg-hover:hover:read-only {
|
|
4444
|
+
background-color: hsl(var(--secondary-bg-hover));
|
|
4445
|
+
}
|
|
4416
4446
|
}
|
|
4417
4447
|
.ui-kit .focus\:rounded-lg:focus {
|
|
4418
4448
|
border-radius: var(--radius);
|
|
@@ -4699,8 +4729,10 @@
|
|
|
4699
4729
|
--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
|
|
4700
4730
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
4701
4731
|
}
|
|
4702
|
-
|
|
4703
|
-
border-
|
|
4732
|
+
@media (hover: hover) and (pointer: fine) {
|
|
4733
|
+
.ui-kit .disabled\:hover\:border-primary-border:hover:disabled {
|
|
4734
|
+
border-color: hsl(var(--primary-border));
|
|
4735
|
+
}
|
|
4704
4736
|
}
|
|
4705
4737
|
.ui-kit :is(.group\/card:focus-within .group-focus-within\/card\:visible) {
|
|
4706
4738
|
visibility: visible;
|
|
@@ -4719,35 +4751,37 @@
|
|
|
4719
4751
|
--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color);
|
|
4720
4752
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
4721
4753
|
}
|
|
4722
|
-
|
|
4723
|
-
|
|
4724
|
-
|
|
4725
|
-
|
|
4726
|
-
|
|
4727
|
-
|
|
4728
|
-
|
|
4729
|
-
|
|
4730
|
-
|
|
4731
|
-
|
|
4732
|
-
|
|
4733
|
-
|
|
4734
|
-
|
|
4735
|
-
|
|
4736
|
-
|
|
4737
|
-
|
|
4738
|
-
|
|
4739
|
-
|
|
4740
|
-
|
|
4741
|
-
|
|
4742
|
-
|
|
4743
|
-
|
|
4744
|
-
|
|
4745
|
-
|
|
4746
|
-
|
|
4747
|
-
|
|
4748
|
-
|
|
4749
|
-
|
|
4750
|
-
|
|
4754
|
+
@media (hover: hover) and (pointer: fine) {
|
|
4755
|
+
.ui-kit :is(.group\/card:hover .group-hover\/card\:visible) {
|
|
4756
|
+
visibility: visible;
|
|
4757
|
+
}
|
|
4758
|
+
.ui-kit :is(.group\/input-group:hover .group-hover\/input-group\:block) {
|
|
4759
|
+
display: block;
|
|
4760
|
+
}
|
|
4761
|
+
.ui-kit :is(.group\/insertion:hover .group-hover\/insertion\:bg-muted) {
|
|
4762
|
+
background-color: hsl(var(--muted));
|
|
4763
|
+
}
|
|
4764
|
+
.ui-kit :is(.group:hover .group-hover\:bg-slate-900\/20) {
|
|
4765
|
+
background-color: rgb(15 23 42 / 0.2);
|
|
4766
|
+
}
|
|
4767
|
+
.ui-kit :is(.group:hover .group-hover\:text-muted) {
|
|
4768
|
+
color: hsl(var(--muted));
|
|
4769
|
+
}
|
|
4770
|
+
.ui-kit :is(.group:hover .group-hover\:text-primary) {
|
|
4771
|
+
color: hsl(var(--primary));
|
|
4772
|
+
}
|
|
4773
|
+
.ui-kit :is(.group\/insertion:hover .group-hover\/insertion\:opacity-100) {
|
|
4774
|
+
opacity: 1;
|
|
4775
|
+
}
|
|
4776
|
+
.ui-kit :is(.group\/menu-item:hover .group-hover\/menu-item\:opacity-100) {
|
|
4777
|
+
opacity: 1;
|
|
4778
|
+
}
|
|
4779
|
+
.ui-kit :is(.group\/search-select-trigger:hover .group-hover\/search-select-trigger\:opacity-100) {
|
|
4780
|
+
opacity: 1;
|
|
4781
|
+
}
|
|
4782
|
+
.ui-kit :is(.group:hover .group-hover\:opacity-100) {
|
|
4783
|
+
opacity: 1;
|
|
4784
|
+
}
|
|
4751
4785
|
}
|
|
4752
4786
|
.ui-kit :is(.group\/search-select-trigger:focus-visible .group-focus-visible\/search-select-trigger\:opacity-100) {
|
|
4753
4787
|
opacity: 1;
|
|
@@ -4758,14 +4792,16 @@
|
|
|
4758
4792
|
.ui-kit :is(.group:disabled .group-disabled\:hidden) {
|
|
4759
4793
|
display: none;
|
|
4760
4794
|
}
|
|
4761
|
-
|
|
4762
|
-
|
|
4763
|
-
|
|
4764
|
-
|
|
4765
|
-
|
|
4766
|
-
|
|
4767
|
-
|
|
4768
|
-
|
|
4795
|
+
@media (hover: hover) and (pointer: fine) {
|
|
4796
|
+
.ui-kit :is(.peer\/icon:hover ~ .peer-hover\/icon\:bg-primary-fg) {
|
|
4797
|
+
background-color: hsl(var(--primary-fg));
|
|
4798
|
+
}
|
|
4799
|
+
.ui-kit :is(.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-muted) {
|
|
4800
|
+
color: hsl(var(--muted));
|
|
4801
|
+
}
|
|
4802
|
+
.ui-kit :is(.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-primary-fg) {
|
|
4803
|
+
color: hsl(var(--primary-fg));
|
|
4804
|
+
}
|
|
4769
4805
|
}
|
|
4770
4806
|
.ui-kit :is(.peer:disabled ~ .peer-disabled\:cursor-not-allowed) {
|
|
4771
4807
|
cursor: not-allowed;
|
|
@@ -4875,24 +4911,26 @@
|
|
|
4875
4911
|
--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
4876
4912
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
4877
4913
|
}
|
|
4878
|
-
|
|
4879
|
-
border-
|
|
4880
|
-
|
|
4881
|
-
|
|
4882
|
-
border-
|
|
4883
|
-
|
|
4884
|
-
|
|
4885
|
-
|
|
4886
|
-
|
|
4887
|
-
|
|
4888
|
-
|
|
4889
|
-
|
|
4890
|
-
|
|
4891
|
-
|
|
4892
|
-
|
|
4893
|
-
|
|
4894
|
-
|
|
4895
|
-
|
|
4914
|
+
@media (hover: hover) and (pointer: fine) {
|
|
4915
|
+
.ui-kit .has-\[input\:invalid\]\:hover\:border-status-error-primary-border:hover:has(input:invalid) {
|
|
4916
|
+
border-color: hsl(var(--status-error-primary-border));
|
|
4917
|
+
}
|
|
4918
|
+
.ui-kit .has-\[input\[aria-invalid\=true\]\]\:hover\:border-status-error-primary-border:hover:has(input[aria-invalid=true]) {
|
|
4919
|
+
border-color: hsl(var(--status-error-primary-border));
|
|
4920
|
+
}
|
|
4921
|
+
.ui-kit .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:hover\:bg-secondary-bg-hover:hover:has(input:read-only:not([type='file'])) {
|
|
4922
|
+
background-color: hsl(var(--secondary-bg-hover));
|
|
4923
|
+
}
|
|
4924
|
+
.ui-kit .has-\[input\:invalid\]\:hover\:shadow-soft-base:hover:has(input:invalid) {
|
|
4925
|
+
--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
|
|
4926
|
+
--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
4927
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
4928
|
+
}
|
|
4929
|
+
.ui-kit .has-\[input\[aria-invalid\=true\]\]\:hover\:shadow-soft-base:hover:has(input[aria-invalid=true]) {
|
|
4930
|
+
--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
|
|
4931
|
+
--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
4932
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
4933
|
+
}
|
|
4896
4934
|
}
|
|
4897
4935
|
.ui-kit :is(.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8) {
|
|
4898
4936
|
padding-right: 2rem;
|
|
@@ -4911,13 +4949,15 @@
|
|
|
4911
4949
|
--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
4912
4950
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
4913
4951
|
}
|
|
4914
|
-
|
|
4915
|
-
border-
|
|
4916
|
-
|
|
4917
|
-
|
|
4918
|
-
|
|
4919
|
-
|
|
4920
|
-
|
|
4952
|
+
@media (hover: hover) and (pointer: fine) {
|
|
4953
|
+
.ui-kit .aria-\[invalid\=true\]\:hover\:border-status-error-primary-border:hover[aria-invalid="true"] {
|
|
4954
|
+
border-color: hsl(var(--status-error-primary-border));
|
|
4955
|
+
}
|
|
4956
|
+
.ui-kit .aria-\[invalid\=true\]\:hover\:shadow-soft-base:hover[aria-invalid="true"] {
|
|
4957
|
+
--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
|
|
4958
|
+
--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
4959
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
4960
|
+
}
|
|
4921
4961
|
}
|
|
4922
4962
|
.ui-kit .aria-\[invalid\=true\]\:focus\:border-status-error-secondary-border:focus[aria-invalid="true"] {
|
|
4923
4963
|
border-color: hsl(var(--status-error-secondary-border));
|
|
@@ -5272,48 +5312,50 @@
|
|
|
5272
5312
|
--tw-translate-x: 0px;
|
|
5273
5313
|
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));
|
|
5274
5314
|
}
|
|
5275
|
-
|
|
5276
|
-
border-
|
|
5277
|
-
|
|
5278
|
-
|
|
5279
|
-
border-
|
|
5280
|
-
|
|
5281
|
-
|
|
5282
|
-
|
|
5283
|
-
|
|
5284
|
-
|
|
5285
|
-
|
|
5286
|
-
|
|
5287
|
-
|
|
5288
|
-
|
|
5289
|
-
|
|
5290
|
-
|
|
5291
|
-
|
|
5292
|
-
|
|
5293
|
-
|
|
5294
|
-
|
|
5295
|
-
|
|
5296
|
-
|
|
5297
|
-
|
|
5298
|
-
|
|
5299
|
-
|
|
5300
|
-
|
|
5301
|
-
|
|
5302
|
-
|
|
5303
|
-
|
|
5304
|
-
|
|
5305
|
-
|
|
5306
|
-
|
|
5307
|
-
|
|
5308
|
-
|
|
5309
|
-
|
|
5310
|
-
|
|
5311
|
-
|
|
5312
|
-
|
|
5313
|
-
|
|
5314
|
-
|
|
5315
|
-
|
|
5316
|
-
|
|
5315
|
+
@media (hover: hover) and (pointer: fine) {
|
|
5316
|
+
.ui-kit .data-\[state\=checked\]\:hover\:border-primary-accent-hover:hover[data-state="checked"] {
|
|
5317
|
+
border-color: hsl(var(--primary-accent-hover));
|
|
5318
|
+
}
|
|
5319
|
+
.ui-kit .data-\[state\=indeterminate\]\:hover\:border-primary-accent-hover:hover[data-state="indeterminate"] {
|
|
5320
|
+
border-color: hsl(var(--primary-accent-hover));
|
|
5321
|
+
}
|
|
5322
|
+
.ui-kit .data-\[active\=true\]\:data-\[state\=open\]\:hover\:bg-primary-bg-hover:hover[data-state="open"][data-active="true"] {
|
|
5323
|
+
background-color: hsl(var(--primary-bg-hover));
|
|
5324
|
+
}
|
|
5325
|
+
.ui-kit .data-\[active\=true\]\:hover\:bg-primary-bg-hover:hover[data-active="true"] {
|
|
5326
|
+
background-color: hsl(var(--primary-bg-hover));
|
|
5327
|
+
}
|
|
5328
|
+
.ui-kit .data-\[state\=checked\]\:hover\:bg-primary-accent-hover:hover[data-state="checked"] {
|
|
5329
|
+
background-color: hsl(var(--primary-accent-hover));
|
|
5330
|
+
}
|
|
5331
|
+
.ui-kit .data-\[state\=indeterminate\]\:hover\:bg-primary-accent-hover:hover[data-state="indeterminate"] {
|
|
5332
|
+
background-color: hsl(var(--primary-accent-hover));
|
|
5333
|
+
}
|
|
5334
|
+
.ui-kit .data-\[state\=open\]\:hover\:bg-secondary-bg-hover:hover[data-state="open"] {
|
|
5335
|
+
background-color: hsl(var(--secondary-bg-hover));
|
|
5336
|
+
}
|
|
5337
|
+
.ui-kit .data-\[state\=selected\]\:hover\:bg-alpha-high-92:hover[data-state="selected"] {
|
|
5338
|
+
background-color: hsl(var(--alpha-high-08));
|
|
5339
|
+
}
|
|
5340
|
+
.ui-kit .data-\[active\=true\]\:data-\[state\=open\]\:hover\:text-primary-accent:hover[data-state="open"][data-active="true"] {
|
|
5341
|
+
color: hsl(var(--primary-accent));
|
|
5342
|
+
}
|
|
5343
|
+
.ui-kit .data-\[active\=true\]\:hover\:text-primary-accent:hover[data-active="true"] {
|
|
5344
|
+
color: hsl(var(--primary-accent));
|
|
5345
|
+
}
|
|
5346
|
+
.ui-kit .data-\[state\=open\]\:hover\:text-primary-fg:hover[data-state="open"] {
|
|
5347
|
+
color: hsl(var(--primary-fg));
|
|
5348
|
+
}
|
|
5349
|
+
.ui-kit .data-\[state\=checked\]\:hover\:shadow-soft-base:hover[data-state="checked"] {
|
|
5350
|
+
--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
|
|
5351
|
+
--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
5352
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
5353
|
+
}
|
|
5354
|
+
.ui-kit .data-\[state\=indeterminate\]\:hover\:shadow-soft-base:hover[data-state="indeterminate"] {
|
|
5355
|
+
--tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12);
|
|
5356
|
+
--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
5357
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
5358
|
+
}
|
|
5317
5359
|
}
|
|
5318
5360
|
.ui-kit .data-\[state\=checked\]\:focus-visible\:shadow-focus:focus-visible[data-state="checked"] {
|
|
5319
5361
|
--tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent));
|
|
@@ -5328,17 +5370,19 @@
|
|
|
5328
5370
|
.ui-kit .active\:data-\[state\=open\]\:bg-secondary-bg-hover[data-state="open"]:active {
|
|
5329
5371
|
background-color: hsl(var(--secondary-bg-hover));
|
|
5330
5372
|
}
|
|
5331
|
-
|
|
5332
|
-
|
|
5333
|
-
|
|
5334
|
-
|
|
5335
|
-
|
|
5336
|
-
|
|
5337
|
-
|
|
5338
|
-
|
|
5339
|
-
|
|
5340
|
-
|
|
5341
|
-
|
|
5373
|
+
@media (hover: hover) and (pointer: fine) {
|
|
5374
|
+
.ui-kit .data-\[state\=checked\]\:hover\:enabled\:bg-inverse-secondary-fg:enabled:hover[data-state="checked"] {
|
|
5375
|
+
background-color: hsl(var(--inverse-secondary-fg));
|
|
5376
|
+
}
|
|
5377
|
+
.ui-kit .data-\[state\=checked\]\:hover\:enabled\:bg-primary-accent-hover:enabled:hover[data-state="checked"] {
|
|
5378
|
+
background-color: hsl(var(--primary-accent-hover));
|
|
5379
|
+
}
|
|
5380
|
+
.ui-kit .data-\[state\=unchecked\]\:hover\:enabled\:bg-inverse-muted:enabled:hover[data-state="unchecked"] {
|
|
5381
|
+
background-color: hsl(var(--inverse-muted));
|
|
5382
|
+
}
|
|
5383
|
+
.ui-kit .data-\[state\=unchecked\]\:hover\:enabled\:bg-primary-border:enabled:hover[data-state="unchecked"] {
|
|
5384
|
+
background-color: hsl(var(--primary-border));
|
|
5385
|
+
}
|
|
5342
5386
|
}
|
|
5343
5387
|
.ui-kit .data-\[state\=checked\]\:disabled\:border-primary-accent:disabled[data-state="checked"] {
|
|
5344
5388
|
border-color: hsl(var(--primary-accent));
|
|
@@ -5513,8 +5557,10 @@
|
|
|
5513
5557
|
content: var(--tw-content);
|
|
5514
5558
|
left: 100%;
|
|
5515
5559
|
}
|
|
5516
|
-
|
|
5517
|
-
|
|
5560
|
+
@media (hover: hover) and (pointer: fine) {
|
|
5561
|
+
.ui-kit :is(.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-secondary-border:hover) {
|
|
5562
|
+
background-color: hsl(var(--secondary-border));
|
|
5563
|
+
}
|
|
5518
5564
|
}
|
|
5519
5565
|
.ui-kit :is(.peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5) {
|
|
5520
5566
|
top: 0.375rem;
|
|
@@ -5591,8 +5637,10 @@
|
|
|
5591
5637
|
.ui-kit .dark\:\[filter\:url\(\#shadow-folder-dark\)\]:is(.dark *) {
|
|
5592
5638
|
filter: url(#shadow-folder-dark);
|
|
5593
5639
|
}
|
|
5594
|
-
|
|
5595
|
-
|
|
5640
|
+
@media (hover: hover) and (pointer: fine) {
|
|
5641
|
+
.ui-kit .dark\:hover\:bg-secondary-bg-hover:hover:is(.dark *) {
|
|
5642
|
+
background-color: hsl(var(--secondary-bg-hover));
|
|
5643
|
+
}
|
|
5596
5644
|
}
|
|
5597
5645
|
@media (min-width: 640px) {
|
|
5598
5646
|
.ui-kit .sm\:mt-0 {
|
|
@@ -5901,93 +5949,95 @@
|
|
|
5901
5949
|
--tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
|
|
5902
5950
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
5903
5951
|
}
|
|
5904
|
-
|
|
5905
|
-
border-
|
|
5906
|
-
|
|
5907
|
-
|
|
5908
|
-
border-
|
|
5909
|
-
|
|
5910
|
-
|
|
5911
|
-
border-
|
|
5912
|
-
|
|
5913
|
-
|
|
5914
|
-
border-
|
|
5915
|
-
|
|
5916
|
-
|
|
5917
|
-
border-
|
|
5918
|
-
|
|
5919
|
-
|
|
5920
|
-
border-
|
|
5921
|
-
|
|
5922
|
-
|
|
5923
|
-
|
|
5924
|
-
|
|
5925
|
-
|
|
5926
|
-
|
|
5927
|
-
|
|
5928
|
-
|
|
5929
|
-
|
|
5930
|
-
|
|
5931
|
-
|
|
5932
|
-
|
|
5933
|
-
|
|
5934
|
-
|
|
5935
|
-
|
|
5936
|
-
|
|
5937
|
-
|
|
5938
|
-
|
|
5939
|
-
|
|
5940
|
-
|
|
5941
|
-
|
|
5942
|
-
|
|
5943
|
-
|
|
5944
|
-
|
|
5945
|
-
|
|
5946
|
-
|
|
5947
|
-
|
|
5948
|
-
|
|
5949
|
-
|
|
5950
|
-
|
|
5951
|
-
|
|
5952
|
-
|
|
5953
|
-
|
|
5954
|
-
|
|
5955
|
-
|
|
5956
|
-
|
|
5957
|
-
|
|
5958
|
-
|
|
5959
|
-
|
|
5960
|
-
|
|
5961
|
-
|
|
5962
|
-
|
|
5963
|
-
|
|
5964
|
-
|
|
5965
|
-
|
|
5966
|
-
|
|
5967
|
-
|
|
5968
|
-
|
|
5969
|
-
|
|
5970
|
-
|
|
5971
|
-
|
|
5972
|
-
|
|
5973
|
-
|
|
5974
|
-
|
|
5975
|
-
|
|
5976
|
-
|
|
5977
|
-
|
|
5978
|
-
|
|
5979
|
-
|
|
5980
|
-
|
|
5981
|
-
|
|
5982
|
-
|
|
5983
|
-
|
|
5984
|
-
|
|
5985
|
-
|
|
5986
|
-
|
|
5987
|
-
|
|
5988
|
-
|
|
5989
|
-
|
|
5990
|
-
|
|
5952
|
+
@media (hover: hover) and (pointer: fine) {
|
|
5953
|
+
.ui-kit .lg\:hover\:border-inverse-border:hover {
|
|
5954
|
+
border-color: hsl(var(--inverse-border));
|
|
5955
|
+
}
|
|
5956
|
+
.ui-kit .lg\:hover\:border-primary-border:hover {
|
|
5957
|
+
border-color: hsl(var(--primary-border));
|
|
5958
|
+
}
|
|
5959
|
+
.ui-kit .lg\:hover\:border-status-error-primary-border:hover {
|
|
5960
|
+
border-color: hsl(var(--status-error-primary-border));
|
|
5961
|
+
}
|
|
5962
|
+
.ui-kit .lg\:hover\:border-status-info-primary-border:hover {
|
|
5963
|
+
border-color: hsl(var(--status-info-primary-border));
|
|
5964
|
+
}
|
|
5965
|
+
.ui-kit .lg\:hover\:border-status-success-primary-border:hover {
|
|
5966
|
+
border-color: hsl(var(--status-success-primary-border));
|
|
5967
|
+
}
|
|
5968
|
+
.ui-kit .lg\:hover\:border-status-warning-primary-border:hover {
|
|
5969
|
+
border-color: hsl(var(--status-warning-primary-border));
|
|
5970
|
+
}
|
|
5971
|
+
.ui-kit .lg\:hover\:bg-inverse-hover:hover {
|
|
5972
|
+
background-color: hsl(var(--inverse-hover));
|
|
5973
|
+
}
|
|
5974
|
+
.ui-kit .lg\:hover\:bg-primary-accent-hover:hover {
|
|
5975
|
+
background-color: hsl(var(--primary-accent-hover));
|
|
5976
|
+
}
|
|
5977
|
+
.ui-kit .lg\:hover\:bg-primary-bg-hover:hover {
|
|
5978
|
+
background-color: hsl(var(--primary-bg-hover));
|
|
5979
|
+
}
|
|
5980
|
+
.ui-kit .lg\:hover\:bg-secondary-bg-hover:hover {
|
|
5981
|
+
background-color: hsl(var(--secondary-bg-hover));
|
|
5982
|
+
}
|
|
5983
|
+
.ui-kit .lg\:hover\:bg-status-error-bg:hover {
|
|
5984
|
+
background-color: hsl(var(--status-error-bg));
|
|
5985
|
+
}
|
|
5986
|
+
.ui-kit .lg\:hover\:bg-status-error-bg-hover:hover {
|
|
5987
|
+
background-color: hsl(var(--status-error-bg-hover));
|
|
5988
|
+
}
|
|
5989
|
+
.ui-kit .lg\:hover\:bg-status-error-hover:hover {
|
|
5990
|
+
background-color: hsl(var(--status-error-hover));
|
|
5991
|
+
}
|
|
5992
|
+
.ui-kit .lg\:hover\:bg-status-info-bg:hover {
|
|
5993
|
+
background-color: hsl(var(--status-info-bg));
|
|
5994
|
+
}
|
|
5995
|
+
.ui-kit .lg\:hover\:bg-status-info-bg-hover:hover {
|
|
5996
|
+
background-color: hsl(var(--status-info-bg-hover));
|
|
5997
|
+
}
|
|
5998
|
+
.ui-kit .lg\:hover\:bg-status-info-hover:hover {
|
|
5999
|
+
background-color: hsl(var(--status-info-hover));
|
|
6000
|
+
}
|
|
6001
|
+
.ui-kit .lg\:hover\:bg-status-success-bg:hover {
|
|
6002
|
+
background-color: hsl(var(--status-success-bg));
|
|
6003
|
+
}
|
|
6004
|
+
.ui-kit .lg\:hover\:bg-status-success-bg-hover:hover {
|
|
6005
|
+
background-color: hsl(var(--status-success-bg-hover));
|
|
6006
|
+
}
|
|
6007
|
+
.ui-kit .lg\:hover\:bg-status-success-hover:hover {
|
|
6008
|
+
background-color: hsl(var(--status-success-hover));
|
|
6009
|
+
}
|
|
6010
|
+
.ui-kit .lg\:hover\:bg-status-warning-bg:hover {
|
|
6011
|
+
background-color: hsl(var(--status-warning-bg));
|
|
6012
|
+
}
|
|
6013
|
+
.ui-kit .lg\:hover\:bg-status-warning-bg-hover:hover {
|
|
6014
|
+
background-color: hsl(var(--status-warning-bg-hover));
|
|
6015
|
+
}
|
|
6016
|
+
.ui-kit .lg\:hover\:bg-status-warning-hover:hover {
|
|
6017
|
+
background-color: hsl(var(--status-warning-hover));
|
|
6018
|
+
}
|
|
6019
|
+
.ui-kit .lg\:hover\:text-inverse-primary-fg:hover {
|
|
6020
|
+
color: hsl(var(--inverse-primary-fg));
|
|
6021
|
+
}
|
|
6022
|
+
.ui-kit .lg\:hover\:text-primary-fg:hover {
|
|
6023
|
+
color: hsl(var(--primary-fg));
|
|
6024
|
+
}
|
|
6025
|
+
.ui-kit .lg\:hover\:text-status-error-fg:hover {
|
|
6026
|
+
color: hsl(var(--status-error-fg));
|
|
6027
|
+
}
|
|
6028
|
+
.ui-kit .lg\:hover\:text-status-info-fg:hover {
|
|
6029
|
+
color: hsl(var(--status-info-fg));
|
|
6030
|
+
}
|
|
6031
|
+
.ui-kit .lg\:hover\:text-status-success-fg:hover {
|
|
6032
|
+
color: hsl(var(--status-success-fg));
|
|
6033
|
+
}
|
|
6034
|
+
.ui-kit .lg\:hover\:text-status-warning-fg:hover {
|
|
6035
|
+
color: hsl(var(--status-warning-fg));
|
|
6036
|
+
}
|
|
6037
|
+
.ui-kit .lg\:hover\:text-white:hover {
|
|
6038
|
+
--tw-text-opacity: 1;
|
|
6039
|
+
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
|
|
6040
|
+
}
|
|
5991
6041
|
}
|
|
5992
6042
|
.ui-kit .lg\:has-\[\>svg\]\:grid-cols-\[1\.5rem_1fr\]:has(>svg) {
|
|
5993
6043
|
grid-template-columns: 1.5rem 1fr;
|
|
@@ -5995,8 +6045,10 @@
|
|
|
5995
6045
|
.ui-kit .lg\:has-\[\>svg\]\:gap-x-4:has(>svg) {
|
|
5996
6046
|
column-gap: 1rem;
|
|
5997
6047
|
}
|
|
5998
|
-
|
|
5999
|
-
|
|
6048
|
+
@media (hover: hover) and (pointer: fine) {
|
|
6049
|
+
.ui-kit .lg\:hover\:data-\[state\=open\]\:bg-secondary-bg-hover[data-state="open"]:hover {
|
|
6050
|
+
background-color: hsl(var(--secondary-bg-hover));
|
|
6051
|
+
}
|
|
6000
6052
|
}
|
|
6001
6053
|
}
|
|
6002
6054
|
@media (pointer: coarse) {
|
|
@@ -6083,8 +6135,10 @@
|
|
|
6083
6135
|
.ui-kit :is(.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\[\&\>svg\]\:text-secondary-fg>svg) {
|
|
6084
6136
|
color: hsl(var(--secondary-fg));
|
|
6085
6137
|
}
|
|
6086
|
-
|
|
6087
|
-
|
|
6138
|
+
@media (hover: hover) and (pointer: fine) {
|
|
6139
|
+
.ui-kit :is(.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\[\&\>svg\]\:hover\:text-primary-fg:hover>svg) {
|
|
6140
|
+
color: hsl(var(--primary-fg));
|
|
6141
|
+
}
|
|
6088
6142
|
}
|
|
6089
6143
|
.ui-kit :is(.\[\&\>tr\]\:last\:border-b-0:last-child>tr) {
|
|
6090
6144
|
border-bottom-width: 0px;
|