@adobe/spectrum-tokens 12.5.0-beta.0 → 12.6.0

package/dist/json/variables.json

@@ -6098,17 +6098,13 @@
     }
   },
   "color-handle-outer-border-opacity": {
+    "ref": "{color-handle-inner-border-opacity}",
     "sets": {
       "spectrum": {
-        "ref": "{color-handle-inner-border-opacity}",
-        "sets": {
-          "spectrum": {
-            "value": "0.42"
-          },
-          "express": {
-            "value": "0.15"
-          }
-        }
+        "value": "0.42"
+      },
+      "express": {
+        "value": "0.15"
       }
     }
   },
@@ -6133,6 +6129,10 @@
       }
     }
   },
+  "floating-action-button-shadow-color": {
+    "ref": "{transparent-black-300}",
+    "value": "rgba(0, 0, 0, 0.25)"
+  },
   "white": {
     "value": "rgb(255, 255, 255)"
   },
@@ -11215,6 +11215,46 @@
       }
     }
   },
+  "slider-control-to-field-label-small": {
+    "sets": {
+      "desktop": {
+        "value": "5px"
+      },
+      "mobile": {
+        "value": "6px"
+      }
+    }
+  },
+  "slider-control-to-field-label-medium": {
+    "sets": {
+      "desktop": {
+        "value": "8px"
+      },
+      "mobile": {
+        "value": "10px"
+      }
+    }
+  },
+  "slider-control-to-field-label-large": {
+    "sets": {
+      "desktop": {
+        "value": "11px"
+      },
+      "mobile": {
+        "value": "14px"
+      }
+    }
+  },
+  "slider-control-to-field-label-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "14px"
+      },
+      "mobile": {
+        "value": "17px"
+      }
+    }
+  },
   "picker-minimum-width-multiplier": {
     "value": "2"
   },
@@ -11539,6 +11579,58 @@
   "contextual-help-minimum-width": {
     "value": "268px"
   },
+  "contextual-help-title-size": {
+    "sets": {
+      "desktop": {
+        "ref": "{heading-size-xs}",
+        "sets": {
+          "desktop": {
+            "value": "16px"
+          },
+          "mobile": {
+            "value": "19px"
+          }
+        }
+      },
+      "mobile": {
+        "ref": "{heading-size-xxs}",
+        "sets": {
+          "desktop": {
+            "value": "14px"
+          },
+          "mobile": {
+            "value": "17px"
+          }
+        }
+      }
+    }
+  },
+  "contextual-help-body-size": {
+    "sets": {
+      "desktop": {
+        "ref": "{heading-size-s}",
+        "sets": {
+          "desktop": {
+            "value": "18px"
+          },
+          "mobile": {
+            "value": "22px"
+          }
+        }
+      },
+      "mobile": {
+        "ref": "{heading-size-xs}",
+        "sets": {
+          "desktop": {
+            "value": "16px"
+          },
+          "mobile": {
+            "value": "19px"
+          }
+        }
+      }
+    }
+  },
   "breadcrumbs-height": {
     "ref": "{component-height-300}",
     "sets": {
@@ -12026,6 +12118,9 @@
   "floating-action-button-drop-shadow-blur": {
     "value": "12px"
   },
+  "floating-action-button-drop-shadow-y": {
+    "value": "4px"
+  },
   "illustrated-message-maximum-width": {
     "value": "380px"
   },
@@ -12671,49 +12766,21 @@
   },
   "color-handle-size": {
     "sets": {
-      "spectrum": {
-        "sets": {
-          "desktop": {
-            "value": "16px"
-          },
-          "mobile": {
-            "value": "20px"
-          }
-        }
+      "desktop": {
+        "value": "16px"
       },
-      "express": {
-        "sets": {
-          "desktop": {
-            "value": "20px"
-          },
-          "mobile": {
-            "value": "24px"
-          }
-        }
+      "mobile": {
+        "value": "20px"
       }
     }
   },
   "color-handle-size-key-focus": {
     "sets": {
-      "spectrum": {
-        "sets": {
-          "desktop": {
-            "value": "32px"
-          },
-          "mobile": {
-            "value": "40px"
-          }
-        }
+      "desktop": {
+        "value": "32px"
       },
-      "express": {
-        "sets": {
-          "desktop": {
-            "value": "40px"
-          },
-          "mobile": {
-            "value": "48px"
-          }
-        }
+      "mobile": {
+        "value": "40px"
       }
     }
   },
@@ -12725,765 +12792,16 @@
     "value": "1px"
   },
   "color-handle-outer-border-width": {
-    "sets": {
-      "spectrum": {
-        "value": "1px"
-      },
-      "express": {
-        "value": "0px"
-      }
-    }
+    "value": "1px"
   },
   "color-handle-drop-shadow-x": {
-    "sets": {
-      "spectrum": {
-        "value": "0"
-      },
-      "express": {
-        "ref": "{drop-shadow-x}",
-        "sets": {
-          "spectrum": {},
-          "express": {}
-        }
-      }
-    }
+    "value": "0"
   },
   "color-handle-drop-shadow-y": {
-    "sets": {
-      "spectrum": {
-        "value": "0"
-      },
-      "express": {
-        "ref": "{color-loupe-drop-shadow-y}",
-        "value": "2px"
-      }
-    }
+    "value": "0"
   },
   "color-handle-drop-shadow-blur": {
-    "sets": {
-      "spectrum": {
-        "value": "0"
-      },
-      "express": {
-        "ref": "{color-loupe-drop-shadow-blur}",
-        "value": "8px"
-      }
-    }
-  },
-  "table-column-header-row-top-to-text-small": {
-    "sets": {
-      "desktop": {
-        "value": "8px"
-      },
-      "mobile": {
-        "value": "10px"
-      }
-    }
-  },
-  "table-column-header-row-top-to-text-medium": {
-    "sets": {
-      "desktop": {
-        "value": "7px"
-      },
-      "mobile": {
-        "value": "9px"
-      }
-    }
-  },
-  "table-column-header-row-top-to-text-large": {
-    "sets": {
-      "desktop": {
-        "value": "10px"
-      },
-      "mobile": {
-        "value": "13px"
-      }
-    }
-  },
-  "table-column-header-row-top-to-text-extra-large": {
-    "sets": {
-      "desktop": {
-        "value": "13px"
-      },
-      "mobile": {
-        "value": "16px"
-      }
-    }
-  },
-  "table-column-header-row-bottom-to-text-small": {
-    "sets": {
-      "desktop": {
-        "value": "9px"
-      },
-      "mobile": {
-        "value": "11px"
-      }
-    }
-  },
-  "table-column-header-row-bottom-to-text-medium": {
-    "sets": {
-      "desktop": {
-        "value": "8px"
-      },
-      "mobile": {
-        "value": "10px"
-      }
-    }
-  },
-  "table-column-header-row-bottom-to-text-large": {
-    "sets": {
-      "desktop": {
-        "value": "10px"
-      },
-      "mobile": {
-        "value": "13px"
-      }
-    }
-  },
-  "table-column-header-row-bottom-to-text-extra-large": {
-    "sets": {
-      "desktop": {
-        "value": "13px"
-      },
-      "mobile": {
-        "value": "17px"
-      }
-    }
-  },
-  "table-row-height-small-compact": {
-    "ref": "{component-height-75}",
-    "sets": {
-      "desktop": {
-        "value": "24px"
-      },
-      "mobile": {
-        "value": "30px"
-      }
-    }
-  },
-  "table-row-height-medium-compact": {
-    "ref": "{component-height-100}",
-    "sets": {
-      "desktop": {
-        "value": "32px"
-      },
-      "mobile": {
-        "value": "40px"
-      }
-    }
-  },
-  "table-row-height-large-compact": {
-    "ref": "{component-height-200}",
-    "sets": {
-      "desktop": {
-        "value": "40px"
-      },
-      "mobile": {
-        "value": "50px"
-      }
-    }
-  },
-  "table-row-height-extra-large-compact": {
-    "ref": "{component-height-300}",
-    "sets": {
-      "desktop": {
-        "value": "48px"
-      },
-      "mobile": {
-        "value": "60px"
-      }
-    }
-  },
-  "table-row-height-small-regular": {
-    "sets": {
-      "desktop": {
-        "value": "32px"
-      },
-      "mobile": {
-        "value": "40px"
-      }
-    }
-  },
-  "table-row-height-medium-regular": {
-    "sets": {
-      "desktop": {
-        "value": "40px"
-      },
-      "mobile": {
-        "value": "50px"
-      }
-    }
-  },
-  "table-row-height-large-regular": {
-    "sets": {
-      "desktop": {
-        "value": "48px"
-      },
-      "mobile": {
-        "value": "60px"
-      }
-    }
-  },
-  "table-row-height-extra-large-regular": {
-    "sets": {
-      "desktop": {
-        "value": "56px"
-      },
-      "mobile": {
-        "value": "70px"
-      }
-    }
-  },
-  "table-row-height-small-spacious": {
-    "sets": {
-      "desktop": {
-        "value": "40px"
-      },
-      "mobile": {
-        "value": "50px"
-      }
-    }
-  },
-  "table-row-height-medium-spacious": {
-    "sets": {
-      "desktop": {
-        "value": "48px"
-      },
-      "mobile": {
-        "value": "60px"
-      }
-    }
-  },
-  "table-row-height-large-spacious": {
-    "sets": {
-      "desktop": {
-        "value": "56px"
-      },
-      "mobile": {
-        "value": "70px"
-      }
-    }
-  },
-  "table-row-height-extra-large-spacious": {
-    "sets": {
-      "desktop": {
-        "value": "64px"
-      },
-      "mobile": {
-        "value": "80px"
-      }
-    }
-  },
-  "table-row-top-to-text-small-compact": {
-    "ref": "{component-top-to-text-75}",
-    "sets": {
-      "desktop": {
-        "value": "4px"
-      },
-      "mobile": {
-        "value": "5px"
-      }
-    }
-  },
-  "table-row-top-to-text-medium-compact": {
-    "ref": "{component-top-to-text-100}",
-    "sets": {
-      "desktop": {
-        "value": "6px"
-      },
-      "mobile": {
-        "value": "8px"
-      }
-    }
-  },
-  "table-row-top-to-text-large-compact": {
-    "ref": "{component-top-to-text-200}",
-    "sets": {
-      "desktop": {
-        "value": "9px"
-      },
-      "mobile": {
-        "value": "12px"
-      }
-    }
-  },
-  "table-row-top-to-text-extra-large-compact": {
-    "ref": "{component-top-to-text-300}",
-    "sets": {
-      "desktop": {
-        "value": "12px"
-      },
-      "mobile": {
-        "value": "15px"
-      }
-    }
-  },
-  "table-row-bottom-to-text-small-compact": {
-    "ref": "{component-bottom-to-text-75}",
-    "sets": {
-      "desktop": {
-        "value": "5px"
-      },
-      "mobile": {
-        "value": "6px"
-      }
-    }
-  },
-  "table-row-bottom-to-text-medium-compact": {
-    "ref": "{component-bottom-to-text-100}",
-    "sets": {
-      "desktop": {
-        "value": "9px"
-      },
-      "mobile": {
-        "value": "11px"
-      }
-    }
-  },
-  "table-row-bottom-to-text-large-compact": {
-    "ref": "{component-bottom-to-text-200}",
-    "sets": {
-      "desktop": {
-        "value": "11px"
-      },
-      "mobile": {
-        "value": "14px"
-      }
-    }
-  },
-  "table-row-bottom-to-text-extra-large-compact": {
-    "ref": "{component-bottom-to-text-300}",
-    "sets": {
-      "desktop": {
-        "value": "14px"
-      },
-      "mobile": {
-        "value": "18px"
-      }
-    }
-  },
-  "table-row-top-to-text-small-regular": {
-    "sets": {
-      "desktop": {
-        "value": "8px"
-      },
-      "mobile": {
-        "value": "10px"
-      }
-    }
-  },
-  "table-row-top-to-text-medium-regular": {
-    "sets": {
-      "desktop": {
-        "value": "11px"
-      },
-      "mobile": {
-        "value": "14px"
-      }
-    }
-  },
-  "table-row-top-to-text-large-regular": {
-    "sets": {
-      "desktop": {
-        "value": "14px"
-      },
-      "mobile": {
-        "value": "18px"
-      }
-    }
-  },
-  "table-row-top-to-text-extra-large-regular": {
-    "sets": {
-      "desktop": {
-        "value": "17px"
-      },
-      "mobile": {
-        "value": "21px"
-      }
-    }
-  },
-  "table-row-bottom-to-text-small-regular": {
-    "sets": {
-      "desktop": {
-        "value": "9px"
-      },
-      "mobile": {
-        "value": "11px"
-      }
-    }
-  },
-  "table-row-bottom-to-text-medium-regular": {
-    "sets": {
-      "desktop": {
-        "value": "12px"
-      },
-      "mobile": {
-        "value": "15px"
-      }
-    }
-  },
-  "table-row-bottom-to-text-large-regular": {
-    "sets": {
-      "desktop": {
-        "value": "14px"
-      },
-      "mobile": {
-        "value": "18px"
-      }
-    }
-  },
-  "table-row-bottom-to-text-extra-large-regular": {
-    "sets": {
-      "desktop": {
-        "value": "17px"
-      },
-      "mobile": {
-        "value": "22px"
-      }
-    }
-  },
-  "table-row-top-to-text-small-spacious": {
-    "sets": {
-      "desktop": {
-        "value": "12px"
-      },
-      "mobile": {
-        "value": "15px"
-      }
-    }
-  },
-  "table-row-top-to-text-medium-spacious": {
-    "sets": {
-      "desktop": {
-        "value": "15px"
-      },
-      "mobile": {
-        "value": "18px"
-      }
-    }
-  },
-  "table-row-top-to-text-large-spacious": {
-    "sets": {
-      "desktop": {
-        "value": "18px"
-      },
-      "mobile": {
-        "value": "23px"
-      }
-    }
-  },
-  "table-row-top-to-text-extra-large-spacious": {
-    "sets": {
-      "desktop": {
-        "value": "21px"
-      },
-      "mobile": {
-        "value": "26px"
-      }
-    }
-  },
-  "table-row-bottom-to-text-small-spacious": {
-    "sets": {
-      "desktop": {
-        "value": "13px"
-      },
-      "mobile": {
-        "value": "16px"
-      }
-    }
-  },
-  "table-row-bottom-to-text-medium-spacious": {
-    "sets": {
-      "desktop": {
-        "value": "16px"
-      },
-      "mobile": {
-        "value": "18px"
-      }
-    }
-  },
-  "table-row-bottom-to-text-large-spacious": {
-    "sets": {
-      "desktop": {
-        "value": "18px"
-      },
-      "mobile": {
-        "value": "23px"
-      }
-    }
-  },
-  "table-row-bottom-to-text-extra-large-spacious": {
-    "sets": {
-      "desktop": {
-        "value": "21px"
-      },
-      "mobile": {
-        "value": "27px"
-      }
-    }
-  },
-  "table-edge-to-content": {
-    "sets": {
-      "desktop": {
-        "value": "16px"
-      },
-      "mobile": {
-        "value": "16px"
-      }
-    }
-  },
-  "table-border-divider-width": {
-    "value": "1px"
-  },
-  "table-checkbox-to-text": {
-    "sets": {
-      "desktop": {
-        "value": "24px"
-      },
-      "mobile": {
-        "value": "30px"
-      }
-    }
-  },
-  "table-header-row-checkbox-to-top-small": {
-    "sets": {
-      "desktop": {
-        "value": "10px"
-      },
-      "mobile": {
-        "value": "14px"
-      }
-    }
-  },
-  "table-header-row-checkbox-to-top-medium": {
-    "sets": {
-      "desktop": {
-        "value": "9px"
-      },
-      "mobile": {
-        "value": "13px"
-      }
-    }
-  },
-  "table-header-row-checkbox-to-top-large": {
-    "sets": {
-      "desktop": {
-        "value": "12px"
-      },
-      "mobile": {
-        "value": "17px"
-      }
-    }
-  },
-  "table-header-row-checkbox-to-top-extra-large": {
-    "sets": {
-      "desktop": {
-        "value": "15px"
-      },
-      "mobile": {
-        "value": "21px"
-      }
-    }
-  },
-  "table-row-checkbox-to-top-small-compact": {
-    "sets": {
-      "desktop": {
-        "value": "6px"
-      },
-      "mobile": {
-        "value": "9px"
-      }
-    }
-  },
-  "table-row-checkbox-to-top-small-regular": {
-    "sets": {
-      "desktop": {
-        "value": "10px"
-      },
-      "mobile": {
-        "value": "14px"
-      }
-    }
-  },
-  "table-row-checkbox-to-top-small-spacious": {
-    "sets": {
-      "desktop": {
-        "value": "14px"
-      },
-      "mobile": {
-        "value": "19px"
-      }
-    }
-  },
-  "table-row-checkbox-to-top-medium-compact": {
-    "sets": {
-      "desktop": {
-        "value": "9px"
-      },
-      "mobile": {
-        "value": "13px"
-      }
-    }
-  },
-  "table-row-checkbox-to-top-medium-regular": {
-    "sets": {
-      "desktop": {
-        "value": "13px"
-      },
-      "mobile": {
-        "value": "18px"
-      }
-    }
-  },
-  "table-row-checkbox-to-top-medium-spacious": {
-    "sets": {
-      "desktop": {
-        "value": "17px"
-      },
-      "mobile": {
-        "value": "23px"
-      }
-    }
-  },
-  "table-row-checkbox-to-top-large-compact": {
-    "sets": {
-      "desktop": {
-        "value": "12px"
-      },
-      "mobile": {
-        "value": "17px"
-      }
-    }
-  },
-  "table-row-checkbox-to-top-large-regular": {
-    "sets": {
-      "desktop": {
-        "value": "16px"
-      },
-      "mobile": {
-        "value": "22px"
-      }
-    }
-  },
-  "table-row-checkbox-to-top-large-spacious": {
-    "sets": {
-      "desktop": {
-        "value": "20px"
-      },
-      "mobile": {
-        "value": "27px"
-      }
-    }
-  },
-  "table-row-checkbox-to-top-extra-large-compact": {
-    "sets": {
-      "desktop": {
-        "value": "15px"
-      },
-      "mobile": {
-        "value": "21px"
-      }
-    }
-  },
-  "table-row-checkbox-to-top-extra-large-regular": {
-    "sets": {
-      "desktop": {
-        "value": "19px"
-      },
-      "mobile": {
-        "value": "26px"
-      }
-    }
-  },
-  "table-row-checkbox-to-top-extra-large-spacious": {
-    "sets": {
-      "desktop": {
-        "value": "23px"
-      },
-      "mobile": {
-        "value": "31px"
-      }
-    }
-  },
-  "table-section-header-row-height-small": {
-    "sets": {
-      "desktop": {
-        "value": "24px"
-      },
-      "mobile": {
-        "value": "30px"
-      }
-    }
-  },
-  "table-section-header-row-height-medium": {
-    "sets": {
-      "desktop": {
-        "value": "32px"
-      },
-      "mobile": {
-        "value": "40px"
-      }
-    }
-  },
-  "table-section-header-row-height-large": {
-    "sets": {
-      "desktop": {
-        "value": "40px"
-      },
-      "mobile": {
-        "value": "50px"
-      }
-    }
-  },
-  "table-section-header-row-height-extra-large": {
-    "sets": {
-      "desktop": {
-        "value": "48px"
-      },
-      "mobile": {
-        "value": "60px"
-      }
-    }
-  },
-  "table-thumbnail-to-top-minimum-small": {
-    "sets": {
-      "desktop": {
-        "value": "4px"
-      },
-      "mobile": {
-        "value": "4px"
-      }
-    }
-  },
-  "table-thumbnail-to-top-minimum-medium": {
-    "sets": {
-      "desktop": {
-        "value": "5px"
-      },
-      "mobile": {
-        "value": "5px"
-      }
-    }
-  },
-  "table-thumbnail-to-top-minimum-large": {
-    "sets": {
-      "desktop": {
-        "value": "7px"
-      },
-      "mobile": {
-        "value": "7px"
-      }
-    }
-  },
-  "table-thumbnail-to-top-minimum-extra-large": {
-    "sets": {
-      "desktop": {
-        "value": "8px"
-      },
-      "mobile": {
-        "value": "8px"
-      }
-    }
+    "value": "0"
   },
   "side-navigation-width": {
     "sets": {