chore: batch of diy migration tokens

Batch adding component-specific custom tokens from PRs #2164, #2168, #2185, #2175, #2188, and #1971

Author: Melissa Thompson

components/tokens/custom-express/custom-large-vars.css

@@ -15,4 +15,8 @@ governing permissions and limitations under the License.
 .spectrum--express.spectrum--large {
   --spectrum-colorwheel-path: "M 118 118 m -118 0 a 118 118 0 1 0 236 0 a 118 118 0 1 0 -236 0.2 M 118 118 m -92 0 a 92 92 0 1 0 184 0 a 92 92 0 1 0 -184 0";
   --spectrum-colorwheel-path-borders: "M 120 120 m -120 0 a 120 120 0 1 0 240 0 a 120 120 0 1 0 -240 0.2 M 120 120 m -90 0 a 90 90 0 1 0 180 0 a 90 90 0 1 0 -180 0";
+
+  --spectrum-dialog-confirm-border-radius: 8px;
+
+  --spectrum-dial-border-radius: 15px;
 }

components/tokens/custom-express/custom-medium-vars.css

@@ -15,4 +15,8 @@ governing permissions and limitations under the License.
 .spectrum--express.spectrum--medium {
   --spectrum-colorwheel-path: "M 94 94 m -94 0 a 94 94 0 1 0 188 0 a 94 94 0 1 0 -188 0.2 M 94 94 m -74 0 a 74 74 0 1 0 148 0 a 74 74 0 1 0 -148 0";
   --spectrum-colorwheel-path-borders: "M 96 96 m -96 0 a 96 96 0 1 0 192 0 a 96 96 0 1 0 -192 0.2 M 96 96 m -72 0 a 72 72 0 1 0 144 0 a 72 72 0 1 0 -144 0";
+
+  --spectrum-dialog-confirm-border-radius: 6px;
+
+  --spectrum-dial-border-radius: 12px;
 }

components/tokens/custom-spectrum/custom-dark-vars.css

@@ -39,4 +39,14 @@ governing permissions and limitations under the License.
 
   --spectrum-treeview-item-background-color-quiet-selected: rgba(var(--spectrum-gray-900-rgb), 0.07);
   --spectrum-treeview-item-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.15);
+
+  --spectrum-logic-button-and-background-color: var(--spectrum-blue-800);
+  --spectrum-logic-button-and-border-color: var(--spectrum-blue-800);
+  --spectrum-logic-button-and-background-color-hover: var(--spectrum-blue-1000);
+  --spectrum-logic-button-and-border-color-hover: var(--spectrum-blue-1000);
+
+  --spectrum-logic-button-or-background-color: var(--spectrum-magenta-700);
+  --spectrum-logic-button-or-border-color: var(--spectrum-magenta-700);
+  --spectrum-logic-button-or-background-color-hover: var(--spectrum-magenta-900);
+  --spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-900);
 }

components/tokens/custom-spectrum/custom-darkest-vars.css

@@ -39,4 +39,14 @@ governing permissions and limitations under the License.
 
   --spectrum-treeview-item-background-color-quiet-selected: rgba(var(--spectrum-gray-900-rgb), 0.08);
   --spectrum-treeview-item-background-color-selected: rgba(var(--spectrum-blue-800-rgb), 0.2);
+
+  --spectrum-logic-button-and-background-color: var(--spectrum-blue-800);
+  --spectrum-logic-button-and-border-color: var(--spectrum-blue-800);
+  --spectrum-logic-button-and-background-color-hover: var(--spectrum-blue-1000);
+  --spectrum-logic-button-and-border-color-hover: var(--spectrum-blue-1000);
+
+  --spectrum-logic-button-or-background-color: var(--spectrum-magenta-700);
+  --spectrum-logic-button-or-border-color: var(--spectrum-magenta-700);
+  --spectrum-logic-button-or-background-color-hover: var(--spectrum-magenta-900);
+  --spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-900);
 }

components/tokens/custom-spectrum/custom-large-vars.css

@@ -87,4 +87,32 @@ governing permissions and limitations under the License.
   --spectrum-treeview-item-indentation-large: 25px;
   --spectrum-treeview-item-indentation-extra-large: 30px;
   --spectrum-treeview-indicator-inset-block-start: 6px;
+  --spectrum-dialog-confirm-entry-animation-distance: 25px;
+
+  --spectrum-dialog-confirm-hero-height: 160px;
+  --spectrum-dialog-confirm-border-radius: 5px;
+  --spectrum-dialog-confirm-title-text-size: 19px;
+  --spectrum-dialog-confirm-description-text-size: 15px;
+  --spectrum-dialog-confirm-padding-grid: 24px;
+
+  --spectrum-datepicker-initial-width: 160px;
+  --spectrum-datepicker-generic-padding: 15px;
+  --spectrum-datepicker-dash-line-height: 30px;
+  --spectrum-datepicker-width-quiet-first: 90px;
+  --spectrum-datepicker-width-quiet-second: 20px;
+  --spectrum-datepicker-datetime-width-first: 45px;
+  --spectrum-datepicker-invalid-icon-to-button: 10px;
+  --spectrum-datepicker-invalid-icon-to-button-quiet: 9px;
+  --spectrum-datepicker-input-datetime-width: 30px;
+
+  --spectrum-pagination-textfield-width: 60px;
+  --spectrum-pagination-item-inline-spacing: 6px;
+
+  --spectrum-dial-border-radius: 20px;
+  --spectrum-dial-handle-position: 10px;
+  --spectrum-dial-handle-block-margin: 20px;
+  --spectrum-dial-handle-inline-margin: 20px;
+  --spectrum-dial-controls-margin: 10px;
+  --spectrum-dial-label-gap-y: 6px;
+  --spectrum-dial-label-container-top-to-text: 5px;
 }

components/tokens/custom-spectrum/custom-light-vars.css

@@ -40,4 +40,14 @@ governing permissions and limitations under the License.
 
   --spectrum-treeview-item-background-color-quiet-selected: rgba(var(--spectrum-gray-900-rgb), 0.06);
   --spectrum-treeview-item-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1);
+
+  --spectrum-logic-button-and-background-color: var(--spectrum-blue-900);
+  --spectrum-logic-button-and-border-color: var(--spectrum-blue-900);
+  --spectrum-logic-button-and-background-color-hover: var(--spectrum-blue-1100);
+  --spectrum-logic-button-and-border-color-hover: var(--spectrum-blue-1100);
+
+  --spectrum-logic-button-or-background-color: var(--spectrum-magenta-900);
+  --spectrum-logic-button-or-border-color: var(--spectrum-magenta-900);
+  --spectrum-logic-button-or-background-color-hover: var(--spectrum-magenta-1100);
+  --spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-1100);
 }

components/tokens/custom-spectrum/custom-medium-vars.css

@@ -86,4 +86,32 @@ governing permissions and limitations under the License.
   --spectrum-treeview-item-indentation-large: 20px;
   --spectrum-treeview-item-indentation-extra-large: var(--spectrum-spacing-400);
   --spectrum-treeview-indicator-inset-block-start: 5px;
+  --spectrum-dialog-confirm-entry-animation-distance: 20px;
+
+  --spectrum-dialog-confirm-hero-height: 128px;
+  --spectrum-dialog-confirm-border-radius: 4px;
+  --spectrum-dialog-confirm-title-text-size: 18px;
+  --spectrum-dialog-confirm-description-text-size: 14px;
+  --spectrum-dialog-confirm-padding-grid: 40px;
+
+  --spectrum-datepicker-initial-width: 128px;
+  --spectrum-datepicker-generic-padding: var(--spectrum-spacing-200);
+  --spectrum-datepicker-dash-line-height: 24px;
+  --spectrum-datepicker-width-quiet-first: 72px;
+  --spectrum-datepicker-width-quiet-second: 16px;
+  --spectrum-datepicker-datetime-width-first: 36px;
+  --spectrum-datepicker-invalid-icon-to-button: 8px;
+  --spectrum-datepicker-invalid-icon-to-button-quiet: 7px;
+  --spectrum-datepicker-input-datetime-width: var(--spectrum-spacing-400);
+
+  --spectrum-pagination-textfield-width: var(--spectrum-spacing-700);
+  --spectrum-pagination-item-inline-spacing: 5px;
+
+  --spectrum-dial-border-radius: 16px;
+  --spectrum-dial-handle-position: 8px;
+  --spectrum-dial-handle-block-margin: 16px;
+  --spectrum-dial-handle-inline-margin: 16px;
+  --spectrum-dial-controls-margin: 8px;
+  --spectrum-dial-label-gap-y: 5px;
+  --spectrum-dial-label-container-top-to-text: 4px;
 }