feat(tokens)!: use 13.0.0-beta.13

BREAKING CHANGE: uses Spectrum 2 tokens

Author: pfulton

tokens/dist/css/global-vars.css

@@ -288,6 +288,9 @@
   --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-medium:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-medium);
   --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-large:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-large);
   --spectrum-in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large:var(--spectrum-in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large);
+  --spectrum-divider-vertical-minimum-height:200px;
+  --spectrum-divider-horizontal-minimum-width:200px;
+  --spectrum-tooltip-tip-corner-radius:1px;
   --spectrum-android-elevation:2dp;
   --spectrum-spacing-50:2px;
   --spectrum-spacing-75:4px;

tokens/dist/css/large-vars.css

@@ -36,17 +36,17 @@
   --spectrum-field-label-top-to-asterisk-large:19px;
   --spectrum-field-label-top-to-asterisk-extra-large:24px;
   --spectrum-field-label-top-margin-small:0px;
-  --spectrum-field-label-top-margin-medium:5px;
-  --spectrum-field-label-top-margin-large:6px;
-  --spectrum-field-label-top-margin-extra-large:6px;
+  --spectrum-field-label-top-margin-medium:0px;
+  --spectrum-field-label-top-margin-large:0px;
+  --spectrum-field-label-top-margin-extra-large:0px;
   --spectrum-field-label-to-component-quiet-small:-10px;
   --spectrum-field-label-to-component-quiet-medium:-10px;
   --spectrum-field-label-to-component-quiet-large:-15px;
   --spectrum-field-label-to-component-quiet-extra-large:-19px;
-  --spectrum-help-text-top-to-workflow-icon-small:5px;
-  --spectrum-help-text-top-to-workflow-icon-medium:4px;
-  --spectrum-help-text-top-to-workflow-icon-large:8px;
-  --spectrum-help-text-top-to-workflow-icon-extra-large:11px;
+  --spectrum-help-text-top-to-workflow-icon-small:var(--spectrum-component-top-to-workflow-icon-75);
+  --spectrum-help-text-top-to-workflow-icon-medium:var(--spectrum-component-top-to-workflow-icon-100);
+  --spectrum-help-text-top-to-workflow-icon-large:var(--spectrum-component-top-to-workflow-icon-200);
+  --spectrum-help-text-top-to-workflow-icon-extra-large:var(--spectrum-component-top-to-workflow-icon-300);
   --spectrum-status-light-dot-size-small:8px;
   --spectrum-status-light-dot-size-medium:10px;
   --spectrum-status-light-dot-size-large:12px;
@@ -60,8 +60,8 @@
   --spectrum-action-button-edge-to-hold-icon-medium:5px;
   --spectrum-action-button-edge-to-hold-icon-large:6px;
   --spectrum-action-button-edge-to-hold-icon-extra-large:7px;
-  --spectrum-tooltip-tip-width:10px;
-  --spectrum-tooltip-tip-height:5px;
+  --spectrum-tooltip-tip-width:12px;
+  --spectrum-tooltip-tip-height:6px;
   --spectrum-tooltip-maximum-width:200px;
   --spectrum-progress-circle-size-small:20px;
   --spectrum-progress-circle-size-medium:40px;
@@ -398,9 +398,17 @@
   --spectrum-dash-icon-size-500:20px;
   --spectrum-dash-icon-size-600:22px;
   --spectrum-side-navigation-header-to-item:10px;
-  --spectrum-corner-radius-75:2px;
-  --spectrum-corner-radius-100:5px;
-  --spectrum-corner-radius-200:10px;
+  --spectrum-corner-radius-0:0px;
+  --spectrum-corner-radius-75:3px;
+  --spectrum-corner-radius-100:4px;
+  --spectrum-corner-radius-200:5px;
+  --spectrum-corner-radius-300:6px;
+  --spectrum-corner-radius-400:7px;
+  --spectrum-corner-radius-500:8px;
+  --spectrum-corner-radius-600:9px;
+  --spectrum-corner-radius-700:10px;
+  --spectrum-corner-radius-800:16px;
+  --spectrum-corner-radius-1000:0.5;
   --spectrum-drop-shadow-x:0px;
   --spectrum-drop-shadow-y:2px;
   --spectrum-drop-shadow-blur:6px;
@@ -413,7 +421,7 @@
   --spectrum-text-to-visual-75:7px;
   --spectrum-text-to-visual-100:8px;
   --spectrum-text-to-visual-200:9px;
-  --spectrum-text-to-visual-300:11px;
+  --spectrum-text-to-visual-300:10px;
   --spectrum-text-to-control-75:11px;
   --spectrum-text-to-control-100:13px;
   --spectrum-text-to-control-200:14px;
@@ -442,11 +450,11 @@
   --spectrum-component-edge-to-visual-100:12px;
   --spectrum-component-edge-to-visual-200:16px;
   --spectrum-component-edge-to-visual-300:19px;
-  --spectrum-component-edge-to-visual-only-50:4px;
-  --spectrum-component-edge-to-visual-only-75:5px;
-  --spectrum-component-edge-to-visual-only-100:9px;
-  --spectrum-component-edge-to-visual-only-200:13px;
-  --spectrum-component-edge-to-visual-only-300:16px;
+  --spectrum-component-edge-to-visual-only-50:5px;
+  --spectrum-component-edge-to-visual-only-75:6px;
+  --spectrum-component-edge-to-visual-only-100:8px;
+  --spectrum-component-edge-to-visual-only-200:11px;
+  --spectrum-component-edge-to-visual-only-300:15px;
   --spectrum-component-edge-to-text-50:10px;
   --spectrum-component-edge-to-text-75:11px;
   --spectrum-component-edge-to-text-100:15px;
@@ -534,6 +542,21 @@
   --spectrum-corner-triangle-icon-size-100:7px;
   --spectrum-corner-triangle-icon-size-200:8px;
   --spectrum-corner-triangle-icon-size-300:8px;
+  --spectrum-corner-radius-none:var(--spectrum-corner-radius-0);
+  --spectrum-corner-radius-small-default:var(--spectrum-corner-radius-100);
+  --spectrum-corner-radius-medium-default:var(--spectrum-corner-radius-500);
+  --spectrum-corner-radius-large-default:var(--spectrum-corner-radius-700);
+  --spectrum-corner-radius-extra-large-default:var(--spectrum-corner-radius-800);
+  --spectrum-corner-radius-full:var(--spectrum-corner-radius-1000);
+  --spectrum-corner-radius-small-size-small:var(--spectrum-corner-radius-75);
+  --spectrum-corner-radius-small-size-medium:var(--spectrum-corner-radius-100);
+  --spectrum-corner-radius-small-size-large:var(--spectrum-corner-radius-200);
+  --spectrum-corner-radius-small-size-extra-large:var(--spectrum-corner-radius-300);
+  --spectrum-corner-radius-medium-size-extra-small:var(--spectrum-corner-radius-300);
+  --spectrum-corner-radius-medium-size-small:var(--spectrum-corner-radius-400);
+  --spectrum-corner-radius-medium-size-medium:var(--spectrum-corner-radius-500);
+  --spectrum-corner-radius-medium-size-large:var(--spectrum-corner-radius-600);
+  --spectrum-corner-radius-medium-size-extra-large:var(--spectrum-corner-radius-700);
   --spectrum-font-size-50:13px;
   --spectrum-font-size-75:15px;
   --spectrum-font-size-100:17px;

tokens/dist/css/medium-vars.css

@@ -34,19 +34,19 @@
   --spectrum-field-label-top-to-asterisk-small:8px;
   --spectrum-field-label-top-to-asterisk-medium:12px;
   --spectrum-field-label-top-to-asterisk-large:15px;
-  --spectrum-field-label-top-to-asterisk-extra-large:19px;
+  --spectrum-field-label-top-to-asterisk-extra-large:18px;
   --spectrum-field-label-top-margin-small:0px;
-  --spectrum-field-label-top-margin-medium:4px;
-  --spectrum-field-label-top-margin-large:5px;
-  --spectrum-field-label-top-margin-extra-large:5px;
+  --spectrum-field-label-top-margin-medium:0px;
+  --spectrum-field-label-top-margin-large:0px;
+  --spectrum-field-label-top-margin-extra-large:0px;
   --spectrum-field-label-to-component-quiet-small:-8px;
   --spectrum-field-label-to-component-quiet-medium:-8px;
   --spectrum-field-label-to-component-quiet-large:-12px;
   --spectrum-field-label-to-component-quiet-extra-large:-15px;
-  --spectrum-help-text-top-to-workflow-icon-small:4px;
-  --spectrum-help-text-top-to-workflow-icon-medium:3px;
-  --spectrum-help-text-top-to-workflow-icon-large:6px;
-  --spectrum-help-text-top-to-workflow-icon-extra-large:9px;
+  --spectrum-help-text-top-to-workflow-icon-small:var(--spectrum-component-top-to-workflow-icon-75);
+  --spectrum-help-text-top-to-workflow-icon-medium:var(--spectrum-component-top-to-workflow-icon-100);
+  --spectrum-help-text-top-to-workflow-icon-large:var(--spectrum-component-top-to-workflow-icon-200);
+  --spectrum-help-text-top-to-workflow-icon-extra-large:var(--spectrum-component-top-to-workflow-icon-300);
   --spectrum-status-light-dot-size-small:8px;
   --spectrum-status-light-dot-size-medium:8px;
   --spectrum-status-light-dot-size-large:10px;
@@ -60,8 +60,8 @@
   --spectrum-action-button-edge-to-hold-icon-medium:4px;
   --spectrum-action-button-edge-to-hold-icon-large:5px;
   --spectrum-action-button-edge-to-hold-icon-extra-large:6px;
-  --spectrum-tooltip-tip-width:8px;
-  --spectrum-tooltip-tip-height:4px;
+  --spectrum-tooltip-tip-width:10px;
+  --spectrum-tooltip-tip-height:5px;
   --spectrum-tooltip-maximum-width:160px;
   --spectrum-progress-circle-size-small:16px;
   --spectrum-progress-circle-size-medium:32px;
@@ -398,9 +398,17 @@
   --spectrum-dash-icon-size-500:16px;
   --spectrum-dash-icon-size-600:18px;
   --spectrum-side-navigation-header-to-item:8px;
-  --spectrum-corner-radius-75:2px;
+  --spectrum-corner-radius-0:0px;
+  --spectrum-corner-radius-75:3px;
   --spectrum-corner-radius-100:4px;
-  --spectrum-corner-radius-200:8px;
+  --spectrum-corner-radius-200:5px;
+  --spectrum-corner-radius-300:6px;
+  --spectrum-corner-radius-400:7px;
+  --spectrum-corner-radius-500:8px;
+  --spectrum-corner-radius-600:9px;
+  --spectrum-corner-radius-700:10px;
+  --spectrum-corner-radius-800:16px;
+  --spectrum-corner-radius-1000:0.5;
   --spectrum-drop-shadow-x:0px;
   --spectrum-drop-shadow-y:1px;
   --spectrum-drop-shadow-blur:4px;
@@ -444,9 +452,9 @@
   --spectrum-component-edge-to-visual-300:15px;
   --spectrum-component-edge-to-visual-only-50:3px;
   --spectrum-component-edge-to-visual-only-75:4px;
-  --spectrum-component-edge-to-visual-only-100:7px;
-  --spectrum-component-edge-to-visual-only-200:10px;
-  --spectrum-component-edge-to-visual-only-300:13px;
+  --spectrum-component-edge-to-visual-only-100:6px;
+  --spectrum-component-edge-to-visual-only-200:9px;
+  --spectrum-component-edge-to-visual-only-300:11px;
   --spectrum-component-edge-to-text-50:8px;
   --spectrum-component-edge-to-text-75:9px;
   --spectrum-component-edge-to-text-100:12px;
@@ -534,6 +542,21 @@
   --spectrum-corner-triangle-icon-size-100:5px;
   --spectrum-corner-triangle-icon-size-200:6px;
   --spectrum-corner-triangle-icon-size-300:7px;
+  --spectrum-corner-radius-none:var(--spectrum-corner-radius-0);
+  --spectrum-corner-radius-small-default:var(--spectrum-corner-radius-100);
+  --spectrum-corner-radius-medium-default:var(--spectrum-corner-radius-500);
+  --spectrum-corner-radius-large-default:var(--spectrum-corner-radius-700);
+  --spectrum-corner-radius-extra-large-default:var(--spectrum-corner-radius-800);
+  --spectrum-corner-radius-full:var(--spectrum-corner-radius-1000);
+  --spectrum-corner-radius-small-size-small:var(--spectrum-corner-radius-75);
+  --spectrum-corner-radius-small-size-medium:var(--spectrum-corner-radius-100);
+  --spectrum-corner-radius-small-size-large:var(--spectrum-corner-radius-200);
+  --spectrum-corner-radius-small-size-extra-large:var(--spectrum-corner-radius-300);
+  --spectrum-corner-radius-medium-size-extra-small:var(--spectrum-corner-radius-300);
+  --spectrum-corner-radius-medium-size-small:var(--spectrum-corner-radius-400);
+  --spectrum-corner-radius-medium-size-medium:var(--spectrum-corner-radius-500);
+  --spectrum-corner-radius-medium-size-large:var(--spectrum-corner-radius-600);
+  --spectrum-corner-radius-medium-size-extra-large:var(--spectrum-corner-radius-700);
   --spectrum-font-size-50:11px;
   --spectrum-font-size-75:12px;
   --spectrum-font-size-100:14px;