@planningcenter/tapestry 3.2.0 → 3.2.1-rc.1

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/unstable.css CHANGED
@@ -3459,12 +3459,9 @@ a[class="tds-btn"]{
3459
3459
  --tds-date-picker-border-color:var(--t-form-border-color-disabled);
3460
3460
  --tds-date-picker-background-color:var(--t-form-background-color-disabled);
3461
3461
  --tds-date-picker-color:var(--t-form-color-disabled);
3462
+ --tds-date-picker-placeholder-color:var(--t-form-color-disabled);
3462
3463
  }
3463
3464
 
3464
- .tds-date-picker[data-disabled] .tds-date-picker-label{
3465
- color:var(--t-form-color-disabled);
3466
- }
3467
-
3468
3465
  .tds-date-picker[data-disabled] .tds-date-picker-field{
3469
3466
  cursor:not-allowed;
3470
3467
  }
@@ -3493,7 +3490,7 @@ a[class="tds-btn"]{
3493
3490
  -webkit-appearance:none;
3494
3491
  -moz-appearance:none;
3495
3492
  appearance:none;
3496
- cursor:default;
3493
+ cursor:text;
3497
3494
  outline:var(--t-focus-ring-width) solid transparent;
3498
3495
  outline-offset:0;
3499
3496
  background-color:var(--tds-date-picker-background-color);
@@ -3511,24 +3508,31 @@ a[class="tds-btn"]{
3511
3508
  border-color:var(--tds-date-picker-border-color-active);
3512
3509
  }
3513
3510
 
3511
+ .tds-date-picker-field:has(.tds-date-picker-input[data-readonly]){
3512
+ color:var(--t-form-color-readonly);
3513
+ background-color:var(--t-form-background-color-readonly);
3514
+ border-color:var(--t-form-border-color-readonly);
3515
+ }
3516
+
3517
+ .tds-date-picker-field[data-hovered]:has(.tds-date-picker-input[data-readonly]){
3518
+ border-color:var(--t-form-border-color-readonly);
3519
+ }
3520
+
3521
+ .tds-date-picker-field[data-focus-within]:has(.tds-date-picker-input[data-readonly]){
3522
+ outline-color:var(--t-focus-ring-color);
3523
+ outline-offset:var(--t-focus-ring-offset);
3524
+ border-color:var(--t-form-border-color-hover);
3525
+ }
3526
+
3514
3527
  .tds-date-picker-input{
3515
- display:flex;
3516
3528
  flex:1;
3517
- align-items:center;
3518
3529
  padding-block:var(--tds-date-picker-padding-block);
3519
3530
  padding-inline-start:var(--t-spacing-1);
3520
- font-family:inherit;
3521
- font-size:inherit;
3522
3531
  font-variant-numeric:tabular-nums;
3523
- color:inherit;
3524
- outline:0;
3525
- background:transparent;
3526
- border:0;
3527
3532
  }
3528
3533
 
3529
3534
  .tds-date-picker-segment{
3530
- padding-inline:1px;
3531
- font-variant-numeric:tabular-nums;
3535
+ padding-inline:2px;
3532
3536
  caret-color:transparent;
3533
3537
  border-radius:var(--t-border-radius-sm);
3534
3538
  }