@adobe/spectrum-tokens 12.4.0 → 12.5.0-beta.1

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,148 @@
       }
     }
   },
+  "table-row-hover-color": {
+    "ref": "{gray-900}",
+    "sets": {
+      "light": {
+        "value": "rgb(0, 0, 0)"
+      },
+      "dark": {
+        "value": "rgb(255, 255, 255)"
+      },
+      "darkest": {
+        "value": "rgb(255, 255, 255)"
+      },
+      "wireframe": {
+        "value": "rgb(72, 110, 194)"
+      }
+    }
+  },
+  "table-row-hover-opacity": {
+    "value": "0.07"
+  },
+  "table-selected-row-background-color": {
+    "ref": "{informative-background-color-default}",
+    "sets": {
+      "light": {
+        "ref": "{informative-color-900}",
+        "sets": {
+          "light": {
+            "value": "rgb(2, 101, 220)"
+          },
+          "dark": {
+            "value": "rgb(114, 183, 249)"
+          },
+          "darkest": {
+            "value": "rgb(94, 170, 247)"
+          },
+          "wireframe": {
+            "value": "rgb(154, 177, 227)"
+          }
+        }
+      },
+      "dark": {
+        "ref": "{informative-color-500}",
+        "sets": {
+          "light": {
+            "value": "rgb(120, 187, 250)"
+          },
+          "dark": {
+            "value": "rgb(3, 103, 224)"
+          },
+          "darkest": {
+            "value": "rgb(0, 92, 200)"
+          },
+          "wireframe": {
+            "value": "rgb(216, 225, 244)"
+          }
+        }
+      },
+      "darkest": {
+        "ref": "{informative-color-600}",
+        "sets": {
+          "light": {
+            "value": "rgb(89, 167, 246)"
+          },
+          "dark": {
+            "value": "rgb(19, 121, 243)"
+          },
+          "darkest": {
+            "value": "rgb(6, 108, 231)"
+          },
+          "wireframe": {
+            "value": "rgb(203, 215, 241)"
+          }
+        }
+      },
+      "wireframe": {
+        "ref": "{informative-color-900}",
+        "sets": {
+          "light": {
+            "value": "rgb(2, 101, 220)"
+          },
+          "dark": {
+            "value": "rgb(114, 183, 249)"
+          },
+          "darkest": {
+            "value": "rgb(94, 170, 247)"
+          },
+          "wireframe": {
+            "value": "rgb(154, 177, 227)"
+          }
+        }
+      }
+    }
+  },
+  "table-selected-row-background-opacity": {
+    "value": "0.1"
+  },
+  "table-selected-row-background-color-non-emphasized": {
+    "ref": "{neutral-background-color-selected-default}",
+    "sets": {
+      "spectrum": {
+        "ref": "{gray-700}",
+        "sets": {
+          "light": {
+            "value": "rgb(70, 70, 70)"
+          },
+          "dark": {
+            "value": "rgb(209, 209, 209)"
+          },
+          "darkest": {
+            "value": "rgb(208, 208, 208)"
+          },
+          "wireframe": {
+            "value": "rgb(78, 112, 187)"
+          }
+        }
+      },
+      "express": {
+        "ref": "{gray-800}",
+        "sets": {
+          "light": {
+            "value": "rgb(34, 34, 34)"
+          },
+          "dark": {
+            "value": "rgb(235, 235, 235)"
+          },
+          "darkest": {
+            "value": "rgb(235, 235, 235)"
+          },
+          "wireframe": {
+            "value": "rgb(73, 110, 194)"
+          }
+        }
+      }
+    }
+  },
+  "table-selected-row-background-opacity-non-emphasized": {
+    "value": "0.1"
+  },
+  "floating-action-button-shadow-color": {
+    "ref": "{transparent-black-300}",
+    "value": "rgba(0, 0, 0, 0.25)"
+  },
   "white": {
     "value": "rgb(255, 255, 255)"
   },
@@ -11215,6 +11353,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 +11717,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 +12256,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 +12904,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,47 +12930,728 @@
     "value": "1px"
   },
   "color-handle-outer-border-width": {
+    "value": "1px"
+  },
+  "color-handle-drop-shadow-x": {
+    "value": "0"
+  },
+  "color-handle-drop-shadow-y": {
+    "value": "0"
+  },
+  "color-handle-drop-shadow-blur": {
+    "value": "0"
+  },
+  "table-column-header-row-top-to-text-small": {
     "sets": {
-      "spectrum": {
-        "value": "1px"
+      "desktop": {
+        "value": "8px"
       },
-      "express": {
-        "value": "0px"
+      "mobile": {
+        "value": "10px"
       }
     }
   },
-  "color-handle-drop-shadow-x": {
+  "table-column-header-row-top-to-text-medium": {
     "sets": {
-      "spectrum": {
-        "value": "0"
+      "desktop": {
+        "value": "7px"
       },
-      "express": {
-        "ref": "{drop-shadow-x}",
-        "sets": {
-          "spectrum": {},
-          "express": {}
-        }
+      "mobile": {
+        "value": "9px"
       }
     }
   },
-  "color-handle-drop-shadow-y": {
+  "table-column-header-row-top-to-text-large": {
     "sets": {
-      "spectrum": {
-        "value": "0"
+      "desktop": {
+        "value": "10px"
       },
-      "express": {
-        "ref": "{color-loupe-drop-shadow-y}",
-        "value": "2px"
+      "mobile": {
+        "value": "13px"
       }
     }
   },
-  "color-handle-drop-shadow-blur": {
+  "table-column-header-row-top-to-text-extra-large": {
     "sets": {
-      "spectrum": {
-        "value": "0"
+      "desktop": {
+        "value": "13px"
       },
-      "express": {
-        "ref": "{color-loupe-drop-shadow-blur}",
+      "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"
       }
     }