@quidgest/ui 0.16.44 → 0.16.46

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.
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.16.44",
2
+ "version": "0.16.46",
3
3
  "components": [
4
4
  {
5
5
  "name": "QAccordion",
package/dist/ui.css CHANGED
@@ -1319,6 +1319,13 @@ body *::-webkit-scrollbar-track {
1319
1319
  width: -moz-fit-content;
1320
1320
  width: fit-content;
1321
1321
  color: var(--q-theme-neutral-dark);
1322
+ cursor: pointer;
1323
+ }
1324
+ .q-checkbox:focus-within {
1325
+ outline: 2px solid rgb(var(--q-theme-info-rgb)/50%);
1326
+ }
1327
+ .q-checkbox label {
1328
+ cursor: pointer;
1322
1329
  }
1323
1330
  .q-checkbox__input {
1324
1331
  display: flex;
@@ -1342,7 +1349,7 @@ body *::-webkit-scrollbar-track {
1342
1349
  outline: 0;
1343
1350
  }
1344
1351
  .q-checkbox__input:focus-visible:not(:disabled) {
1345
- outline: 2px solid rgb(var(--q-theme-info-rgb)/50%);
1352
+ outline: 0;
1346
1353
  }
1347
1354
  .q-checkbox__input-icon.q-icon {
1348
1355
  color: var(--icon-color);
@@ -1353,6 +1360,9 @@ body *::-webkit-scrollbar-track {
1353
1360
  transition: transform var(--transition-duration) ease;
1354
1361
  opacity: var(--icon-opacity);
1355
1362
  }
1363
+ .q-checkbox:hover .q-checkbox__input:not(:disabled) {
1364
+ border-color: var(--active-color);
1365
+ }
1356
1366
  .q-checkbox__native-input {
1357
1367
  position: absolute;
1358
1368
  opacity: 0;
@@ -1370,7 +1380,8 @@ body *::-webkit-scrollbar-track {
1370
1380
  --box-size: 0.95rem;
1371
1381
  }
1372
1382
  .q-checkbox--large {
1373
- --box-size: 1.3rem;
1383
+ --box-size: 1.5rem;
1384
+ padding: 0.625rem 0.375rem;
1374
1385
  }
1375
1386
  .q-checkbox--primary {
1376
1387
  --active-color: var(--q-theme-primary);
@@ -1413,6 +1424,9 @@ body *::-webkit-scrollbar-track {
1413
1424
  .q-checkbox--readonly:not(.q-checkbox--checked):not(.q-checkbox--indeterminate) .q-checkbox__input {
1414
1425
  background-color: rgb(var(--q-theme-neutral-light-rgb)/25%);
1415
1426
  }
1427
+ .q-checkbox--readonly label {
1428
+ cursor: default;
1429
+ }
1416
1430
 
1417
1431
  @media (prefers-reduced-motion: reduce) {
1418
1432
  .q-checkbox__input,
@@ -1624,6 +1638,10 @@ body *::-webkit-scrollbar-track {
1624
1638
  border-color: var(--dp-border-color-hover);
1625
1639
  }
1626
1640
 
1641
+ .dp__input_not_clearable {
1642
+ padding-inline-end: var(--dp-input-not-clearable-padding) !important;
1643
+ }
1644
+
1627
1645
  .dp__input_reg {
1628
1646
  caret-color: rgba(0, 0, 0, 0);
1629
1647
  }
@@ -2439,7 +2457,7 @@ body *::-webkit-scrollbar-track {
2439
2457
 
2440
2458
  .dp__inc_dec_button:hover {
2441
2459
  background: var(--dp-hover-color);
2442
- color: var(--dp-primary-color);
2460
+ color: var(--dp-hover-icon-color);
2443
2461
  }
2444
2462
 
2445
2463
  .dp__time_display {
@@ -2575,7 +2593,7 @@ body *::-webkit-scrollbar-track {
2575
2593
 
2576
2594
  .dp__action_cancel:hover {
2577
2595
  border-color: var(--dp-primary-color);
2578
- transition: var(--dp-action-row-transtion);
2596
+ transition: var(--dp-action-row-transition);
2579
2597
  }
2580
2598
 
2581
2599
  .dp__action_buttons .dp__action_select {
@@ -2585,7 +2603,7 @@ body *::-webkit-scrollbar-track {
2585
2603
 
2586
2604
  .dp__action_buttons .dp__action_select:hover {
2587
2605
  background: var(--dp-primary-color);
2588
- transition: var(--dp-action-row-transtion);
2606
+ transition: var(--dp-action-row-transition);
2589
2607
  }
2590
2608
 
2591
2609
  .dp__action_buttons .dp__action_select:disabled {
@@ -2649,7 +2667,7 @@ body *::-webkit-scrollbar-track {
2649
2667
  --dp-animation-duration: 0.1s;
2650
2668
  --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
2651
2669
  --dp-transition-timing: ease-out;
2652
- --dp-action-row-transtion: all 0.2s ease-in;
2670
+ --dp-action-row-transition: all 0.2s ease-in;
2653
2671
  --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
2654
2672
  --dp-border-radius: 4px;
2655
2673
  --dp-cell-border-radius: 4px;
@@ -2665,6 +2683,7 @@ body *::-webkit-scrollbar-track {
2665
2683
  --dp-common-padding: 10px;
2666
2684
  --dp-input-icon-padding: 35px;
2667
2685
  --dp-input-padding: 6px 30px 6px 12px;
2686
+ --dp-input-not-clearable-padding: 12px;
2668
2687
  --dp-menu-min-width: 260px;
2669
2688
  --dp-action-buttons-padding: 1px 6px;
2670
2689
  --dp-row-margin: 5px 0;
@@ -4280,13 +4299,18 @@ body *::-webkit-scrollbar-track {
4280
4299
  --q-radio-button-circle-size: 1rem;
4281
4300
  --q-radio-button-checked-color: var(--q-theme-primary);
4282
4301
  display: flex;
4302
+ width: -moz-fit-content;
4303
+ width: fit-content;
4283
4304
  align-items: center;
4284
- font-size: var(--q-radio-button-circle-size);
4285
4305
  gap: 0.5em;
4306
+ cursor: pointer;
4307
+ }
4308
+ .q-radio-button:focus-within {
4309
+ outline: 2px solid rgb(var(--q-theme-info-rgb)/50%);
4286
4310
  }
4287
4311
  .q-radio-button label {
4288
- font-size: 0.875em;
4289
4312
  line-height: 1;
4313
+ cursor: pointer;
4290
4314
  }
4291
4315
  .q-radio-button__input {
4292
4316
  position: relative;
@@ -4299,6 +4323,8 @@ body *::-webkit-scrollbar-track {
4299
4323
  appearance: none;
4300
4324
  border-width: 1px;
4301
4325
  border-radius: 50%;
4326
+ font-size: var(--q-radio-button-circle-size);
4327
+ cursor: pointer;
4302
4328
  /** The inner dot */
4303
4329
  }
4304
4330
  .q-radio-button__input::before {
@@ -4332,7 +4358,7 @@ body *::-webkit-scrollbar-track {
4332
4358
  outline: 0;
4333
4359
  }
4334
4360
  .q-radio-button__input:focus-visible:not(:disabled) {
4335
- outline: 2px solid rgb(var(--q-theme-info-rgb)/50%);
4361
+ outline: 0;
4336
4362
  }
4337
4363
  .q-radio-button--primary {
4338
4364
  --q-radio-button-checked-color: var(--q-theme-primary);
@@ -4351,18 +4377,34 @@ body *::-webkit-scrollbar-track {
4351
4377
  }
4352
4378
  .q-radio-button--disabled {
4353
4379
  opacity: 0.5;
4380
+ cursor: not-allowed;
4381
+ }
4382
+ .q-radio-button--disabled .q-radio-button__input:disabled,
4383
+ .q-radio-button--disabled label {
4384
+ cursor: not-allowed;
4385
+ }
4386
+ .q-radio-button--readonly {
4387
+ cursor: default;
4354
4388
  }
4355
4389
  .q-radio-button--readonly .q-radio-button__input {
4356
4390
  background-color: rgb(var(--q-theme-neutral-light-rgb)/25%);
4357
4391
  }
4392
+ .q-radio-button--readonly .q-radio-button__input:disabled,
4393
+ .q-radio-button--readonly label {
4394
+ cursor: default;
4395
+ }
4358
4396
  .q-radio-button--invalid .q-radio-button__input {
4359
4397
  border-color: var(--q-theme-danger);
4360
4398
  }
4399
+ .q-radio-button:hover .q-radio-button__input:not(:disabled) {
4400
+ border-color: var(--q-radio-button-checked-color);
4401
+ }
4361
4402
  .q-radio-button--small {
4362
4403
  --q-radio-button-circle-size: 0.875rem;
4363
4404
  }
4364
4405
  .q-radio-button--large {
4365
- --q-radio-button-circle-size: 1.125rem;
4406
+ --q-radio-button-circle-size: 1.5rem;
4407
+ padding: 0.625rem;
4366
4408
  }
4367
4409
 
4368
4410
  .q-select {