@planningcenter/tapestry 3.1.0-rc.7 → 3.1.0-rc.9

package/dist/index.css

@@ -1997,7 +1997,7 @@ a[class="tds-btn"]{
 
   --tds-checkbox-input-size:var(--t-element-size-md);
   --tds-checkbox-input-border-radius:var(--t-border-radius-sm);
-  --tds-checkbox-input-border-color:var(--t-border-color-control-neutral);
+  --tds-checkbox-input-border-color:var(--t-form-border-color);
   --tds-checkbox-input-background-color:transparent;
 
   --tds-checkbox-input-icon:none;
@@ -2005,7 +2005,7 @@ a[class="tds-btn"]{
   --tds-checkbox-input-icon-opacity:0;
   --tds-checkbox-input-icon-fill:var(--t-icon-color-inverted);
 
-  --tds-checkbox-label-color:var(--t-text-color);
+  --tds-checkbox-label-color:var(--t-form-color);
 
   --tds-checkbox-description-font-size:var(--t-font-size-sm);
   --tds-checkbox-description-line-height:1.35;
@@ -2044,7 +2044,7 @@ a[class="tds-btn"]{
             appearance:none;
     cursor:var(--tds-checkbox-cursor);
     background-color:var(--tds-checkbox-input-background-color);
-    border:var(--t-border-width) solid var(--tds-checkbox-input-border-color);
+    border:var(--t-form-border-width) solid var(--tds-checkbox-input-border-color);
     border-radius:var(--tds-checkbox-input-border-radius);
     transition-timing-function:ease-in-out;
     transition-duration:180ms;
@@ -2113,19 +2113,19 @@ a[class="tds-btn"]{
   }
 
 .tds-checkbox:has(input:user-invalid),.tds-checkbox.tds-checkbox--invalid{
-    --tds-checkbox-input-border-color:var(--t-border-color-control-error);
+    --tds-checkbox-input-border-color:var(--t-form-border-color-error);
     --tds-checkbox-description-color:var(--t-text-color-status-error);
     --tds-checkbox-description-invalid-icon-display:inline-block;
   }
 
 :is(.tds-checkbox:has(input:user-invalid),.tds-checkbox.tds-checkbox--invalid) input:hover:not(:disabled){
-      --tds-checkbox-input-border-color:var(--t-border-color-control-error);
-      --tds-checkbox-input-background-color:var(--t-fill-color-status-error-dim);
+      --tds-checkbox-input-border-color:var(--t-form-border-color-error);
+      --tds-checkbox-input-background-color:var(--t-form-background-color-error);
     }
 
 :is(.tds-checkbox:has(input:user-invalid),.tds-checkbox.tds-checkbox--invalid) input:checked,:is(.tds-checkbox:has(input:user-invalid),.tds-checkbox.tds-checkbox--invalid) input:indeterminate{
-      --tds-checkbox-input-border-color:var(--t-fill-color-control-error);
-      --tds-checkbox-input-background-color:var(--t-fill-color-control-error);
+      --tds-checkbox-input-border-color:var(--t-form-border-color-error);
+      --tds-checkbox-input-background-color:var(--t-form-border-color-error);
     }
 
 :is(:is(.tds-checkbox:has(input:user-invalid),.tds-checkbox.tds-checkbox--invalid) input:checked,:is(.tds-checkbox:has(input:user-invalid),.tds-checkbox.tds-checkbox--invalid) input:indeterminate):hover:not(:disabled){
@@ -2140,11 +2140,11 @@ a[class="tds-btn"]{
     }
 
 .tds-checkbox:has(input:disabled){
-    --tds-checkbox-input-background-color:var(--t-fill-color-neutral-070);
-    --tds-checkbox-input-border-color:var(--t-border-color-control-disabled);
+    --tds-checkbox-input-background-color:var(--t-form-background-color-disabled);
+    --tds-checkbox-input-border-color:var(--t-form-border-color-disabled);
 
-    --tds-checkbox-label-color:var(--t-text-color-disabled);
-    --tds-checkbox-description-color:var(--t-text-color-disabled);
+    --tds-checkbox-label-color:var(--t-form-color-disabled);
+    --tds-checkbox-description-color:var(--t-form-color-disabled);
     --tds-checkbox-cursor:not-allowed;
   }
 
@@ -2155,7 +2155,7 @@ a[class="tds-btn"]{
 .tds-checkbox-description{
   display:flex;
   grid-area:2 / 2;
-  gap:4px;
+  gap:var(--t-spacing-half);
   align-items:flex-start;
   margin:0;
   font-size:var(--tds-checkbox-description-font-size);
@@ -2187,11 +2187,11 @@ a[class="tds-btn"]{
 
   --tds-radio-input-size:var(--t-element-size-md);
   --tds-radio-input-border-radius:var(--t-border-radius-round);
-  --tds-radio-input-border-color:var(--t-border-color-control-neutral);
-  --tds-radio-input-border-width:var(--t-border-width);
+  --tds-radio-input-border-color:var(--t-form-border-color);
+  --tds-radio-input-border-width:var(--t-form-border-width);
   --tds-radio-input-background-color:transparent;
 
-  --tds-radio-label-color:var(--t-text-color);
+  --tds-radio-label-color:var(--t-form-color);
 
   --tds-radio-description-font-size:var(--t-font-size-sm);
   --tds-radio-description-line-height:1.35;
@@ -2269,32 +2269,32 @@ a[class="tds-btn"]{
     }
 
 .tds-radio:has(input:user-invalid){
-    --tds-radio-input-border-color:var(--t-border-color-control-error);
+    --tds-radio-input-border-color:var(--t-form-border-color-error);
   }
 
 .tds-radio:has(input:user-invalid) input:hover:not(:disabled){
-      --tds-radio-input-border-color:var(--t-border-color-control-error);
-      --tds-radio-input-background-color:var(--t-fill-color-status-error-dim);
+      --tds-radio-input-border-color:var(--t-form-border-color-error-hover);
+      --tds-radio-input-background-color:var(--t-form-background-color-error);
     }
 
 .tds-radio:has(input:disabled){
-    --tds-radio-input-background-color:var(--t-fill-color-neutral-070);
-    --tds-radio-input-border-color:var(--t-border-color-control-disabled);
+    --tds-radio-input-background-color:var(--t-form-background-color-disabled);
+    --tds-radio-input-border-color:var(--t-form-border-color-disabled);
 
-    --tds-radio-label-color:var(--t-text-color-disabled);
-    --tds-radio-description-color:var(--t-text-color-disabled);
+    --tds-radio-label-color:var(--t-form-color-disabled);
+    --tds-radio-description-color:var(--t-form-color-disabled);
     --tds-radio-cursor:not-allowed;
   }
 
 .tds-radio:has(input:disabled) input:checked{
       --tds-radio-input-background-color:var(--t-form-background-color);
-      --tds-radio-input-border-color:var(--t-border-color-control-disabled);
+      --tds-radio-input-border-color:var(--t-form-border-color-disabled);
     }
 
 .tds-radio-description{
   display:flex;
   grid-area:2 / 2;
-  gap:4px;
+  gap:var(--t-spacing-half);
   align-items:flex-start;
   margin:0;
   font-size:var(--tds-radio-description-font-size);
@@ -2348,12 +2348,12 @@ a[class="tds-btn"]{
   }
 
 .tds-radio-group[aria-invalid="true"] .tds-radio{
-      --tds-radio-input-border-color:var(--t-border-color-control-error);
+      --tds-radio-input-border-color:var(--t-form-border-color-error);
     }
 
 :is(.tds-radio-group[aria-invalid="true"] .tds-radio) input:hover:not(:disabled){
         --tds-radio-input-border-color:var(--t-form-border-color-error-hover);
-        --tds-radio-input-background-color:var(--t-fill-color-status-error-dim);
+        --tds-radio-input-background-color:var(--t-form-background-color-error);
       }
 
 :is(.tds-radio-group[aria-invalid="true"] .tds-radio):has(input:checked) input:hover:not(:disabled){
@@ -2400,12 +2400,12 @@ a[class="tds-btn"]{
 
 .tds-toggle-switch{
   --tds-toggle-switch-font-size:var(--t-font-size-md);
-  --tds-toggle-switch-column-gap:var(--t-spacing-2);
+  --tds-toggle-switch-column-gap:var(--t-spacing-1);
   --tds-toggle-switch-cursor:pointer;
   --tds-toggle-switch-display:inline-grid;
   --tds-toggle-switch-line-height:1.4;
 
-  --tds-toggle-switch-label-color:var(--t-text-color);
+  --tds-toggle-switch-label-color:var(--t-form-color);
 
   --tds-toggle-switch-track-width:var(--t-container-size-md);
   --tds-toggle-switch-track-outline:none;
@@ -2420,12 +2420,12 @@ a[class="tds-btn"]{
   --tds-toggle-switch-description-font-size:var(--t-font-size-sm);
   --tds-toggle-switch-description-line-height:1.35;
   --tds-toggle-switch-description-color:var(--t-text-color-secondary);
+  position:relative;
 
   display:var(--tds-toggle-switch-display);
-  gap:var(--t-spacing-fourth) var(--tds-toggle-switch-column-gap);
-  grid-auto-columns:1fr;
   grid-template-columns:auto;
-  position:relative;
+  grid-auto-columns:1fr;
+  gap:var(--t-spacing-fourth) var(--tds-toggle-switch-column-gap);
   -webkit-user-select:none;
      -moz-user-select:none;
           user-select:none;
@@ -2440,11 +2440,11 @@ a[class="tds-btn"]{
        -moz-appearance:none;
             appearance:none;
     cursor:var(--tds-toggle-switch-cursor);
+    outline:var(--tds-toggle-switch-track-outline);
+    outline-offset:var(--t-focus-ring-offset);
     background-color:transparent;
     border:0;
     border-radius:var(--t-border-radius-round);
-    outline:var(--tds-toggle-switch-track-outline);
-    outline-offset:var(--t-focus-ring-offset);
   }
 
 :is(.tds-toggle-switch input[type="checkbox"]):focus-visible{
@@ -2479,8 +2479,8 @@ a[class="tds-btn"]{
 
 .tds-toggle-switch:has(input:disabled){
     --tds-toggle-switch-track-background-color:var(--t-fill-color-control-disabled);
-    --tds-toggle-switch-label-color:var(--t-text-color-disabled);
-    --tds-toggle-switch-description-color:var(--t-text-color-disabled);
+    --tds-toggle-switch-label-color:var(--t-form-color-disabled);
+    --tds-toggle-switch-description-color:var(--t-form-color-disabled);
     --tds-toggle-switch-cursor:not-allowed;
   }