@adobe/spectrum-tokens 12.0.0 → 12.1.1

package/dist/json/variables.json

@@ -6058,6 +6058,81 @@
   "drop-zone-background-color-opacity-filled": {
     "value": "0.3"
   },
+  "coach-mark-pagination-color": {
+    "ref": "{gray-600}",
+    "sets": {
+      "light": {
+        "value": "rgb(109, 109, 109)"
+      },
+      "dark": {
+        "value": "rgb(178, 178, 178)"
+      },
+      "darkest": {
+        "value": "rgb(176, 176, 176)"
+      },
+      "wireframe": {
+        "value": "rgb(113, 144, 210)"
+      }
+    }
+  },
+  "color-handle-inner-border-color": {
+    "ref": "{black}",
+    "value": "rgb(0, 0, 0)"
+  },
+  "color-handle-inner-border-opacity": {
+    "sets": {
+      "spectrum": {
+        "value": "0.42"
+      },
+      "express": {
+        "value": "0.15"
+      }
+    }
+  },
+  "color-handle-outer-border-color": {
+    "sets": {
+      "spectrum": {
+        "ref": "{black}",
+        "value": "rgb(0, 0, 0)"
+      }
+    }
+  },
+  "color-handle-outer-border-opacity": {
+    "sets": {
+      "spectrum": {
+        "ref": "{color-handle-inner-border-opacity}",
+        "sets": {
+          "spectrum": {
+            "value": "0.42"
+          },
+          "express": {
+            "value": "0.15"
+          }
+        }
+      }
+    }
+  },
+  "color-handle-drop-shadow-color": {
+    "sets": {
+      "express": {
+        "ref": "{drop-shadow-color}",
+        "sets": {
+          "light": {
+            "value": "rgba(0, 0, 0, 0.15)"
+          },
+          "dark": {
+            "value": "rgba(0, 0, 0, 0.5)"
+          },
+          "darkest": {
+            "value": "rgba(0, 0, 0, 0.8)"
+          },
+          "wireframe": {
+            "value": "rgba(0, 0, 0, 0.15)"
+          }
+        }
+      }
+    }
+  },
   "white": {
     "value": "rgb(255, 255, 255)"
   },
@@ -10688,6 +10763,46 @@
       }
     }
   },
+  "menu-item-top-to-selected-icon-small": {
+    "sets": {
+      "desktop": {
+        "value": "7px"
+      },
+      "mobile": {
+        "value": "9px"
+      }
+    }
+  },
+  "menu-item-top-to-selected-icon-medium": {
+    "sets": {
+      "desktop": {
+        "value": "11px"
+      },
+      "mobile": {
+        "value": "13px"
+      }
+    }
+  },
+  "menu-item-top-to-selected-icon-large": {
+    "sets": {
+      "desktop": {
+        "value": "14px"
+      },
+      "mobile": {
+        "value": "17px"
+      }
+    }
+  },
+  "menu-item-top-to-selected-icon-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "17px"
+      },
+      "mobile": {
+        "value": "22px"
+      }
+    }
+  },
   "slider-track-thickness": {
     "sets": {
       "spectrum": {
@@ -11143,6 +11258,21 @@
       }
     }
   },
+  "picker-border-width": {
+    "sets": {
+      "spectrum": {
+        "ref": "{border-width-100}",
+        "sets": {
+          "spectrum": {
+            "value": "1px"
+          },
+          "express": {
+            "value": "2px"
+          }
+        }
+      }
+    }
+  },
   "text-field-minimum-width-multiplier": {
     "value": "1.5"
   },
@@ -11213,7 +11343,7 @@
     }
   },
   "combo-box-visual-to-field-button-quiet": {
-    "value": "0"
+    "value": "0px"
   },
   "thumbnail-size-50": {
     "sets": {
@@ -11842,7 +11972,14 @@
     }
   },
   "color-slider-minimum-length": {
-    "value": "200px"
+    "sets": {
+      "desktop": {
+        "value": "80px"
+      },
+      "mobile": {
+        "value": "100px"
+      }
+    }
   },
   "color-slider-border-width": {
     "value": "1px"
@@ -12099,180 +12236,678 @@
       }
     }
   },
-  "corner-radius-75": {
+  "coach-mark-minimum-width": {
     "sets": {
-      "spectrum": {
-        "sets": {
-          "desktop": {
-            "value": "2px"
-          },
-          "mobile": {
-            "value": "2px"
-          }
-        }
+      "desktop": {
+        "value": "296px"
       },
-      "express": {
-        "sets": {
-          "desktop": {
-            "value": "3px"
-          },
-          "mobile": {
-            "value": "4px"
-          }
-        }
+      "mobile": {
+        "value": "208px"
       }
     }
   },
-  "corner-radius-100": {
+  "coach-mark-edge-to-content": {
     "sets": {
-      "spectrum": {
-        "sets": {
-          "desktop": {
-            "value": "4px"
-          },
-          "mobile": {
-            "value": "5px"
-          }
-        }
+      "desktop": {
+        "ref": "{spacing-400}",
+        "value": "24px"
       },
-      "express": {
-        "sets": {
-          "desktop": {
-            "value": "6px"
-          },
-          "mobile": {
-            "value": "8px"
-          }
-        }
+      "mobile": {
+        "ref": "{spacing-300}",
+        "value": "16px"
       }
     }
   },
-  "corner-radius-200": {
+  "coach-mark-pagination-text-to-bottom-edge": {
     "sets": {
-      "spectrum": {
-        "sets": {
-          "desktop": {
-            "value": "8px"
-          },
-          "mobile": {
-            "value": "10px"
-          }
-        }
+      "desktop": {
+        "value": "33px"
       },
-      "express": {
-        "sets": {
-          "desktop": {
-            "value": "12px"
-          },
-          "mobile": {
-            "value": "16px"
-          }
-        }
+      "mobile": {
+        "value": "22px"
       }
     }
   },
-  "drop-shadow-x": {
+  "coach-mark-media-minimum-height": {
     "sets": {
-      "spectrum": {
-        "sets": {
-          "desktop": {
-            "value": "0px"
-          },
-          "mobile": {
-            "value": "0px"
-          }
-        }
+      "desktop": {
+        "value": "166px"
       },
-      "express": {
-        "sets": {
-          "desktop": {
-            "value": "0px"
-          },
-          "mobile": {
-            "value": "0px"
-          }
-        }
+      "mobile": {
+        "value": "121px"
       }
     }
   },
-  "drop-shadow-y": {
+  "coach-mark-title-size": {
     "sets": {
-      "spectrum": {
-        "sets": {
-          "desktop": {
-            "value": "1px"
-          },
-          "mobile": {
-            "value": "2px"
-          }
-        }
-      },
-      "express": {
+      "mobile": {
+        "ref": "{heading-size-xxs}",
         "sets": {
           "desktop": {
-            "value": "4px"
+            "value": "14px"
           },
           "mobile": {
-            "value": "4px"
+            "value": "17px"
           }
         }
       }
     }
   },
-  "drop-shadow-blur": {
+  "coach-mark-body-size": {
     "sets": {
-      "spectrum": {
+      "mobile": {
+        "ref": "{body-size-xs}",
         "sets": {
           "desktop": {
-            "value": "4px"
+            "value": "12px"
           },
           "mobile": {
-            "value": "6px"
+            "value": "15px"
           }
         }
-      },
-      "express": {
+      }
+    }
+  },
+  "coach-mark-pagination-body-size": {
+    "sets": {
+      "mobile": {
+        "ref": "{body-size-xs}",
         "sets": {
           "desktop": {
-            "value": "16px"
+            "value": "12px"
           },
           "mobile": {
-            "value": "16px"
+            "value": "15px"
           }
         }
       }
     }
   },
-  "android-elevation": {
-    "value": "2dp"
-  },
-  "workflow-icon-size-50": {
+  "accordion-top-to-text-compact-small": {
     "sets": {
       "desktop": {
-        "value": "14px"
+        "value": "2px"
       },
       "mobile": {
-        "value": "18px"
+        "value": "2px"
       }
     }
   },
-  "workflow-icon-size-75": {
+  "accordion-top-to-text-regular-small": {
     "sets": {
       "desktop": {
-        "value": "16px"
+        "value": "5px"
       },
       "mobile": {
-        "value": "20px"
+        "value": "7px"
       }
     }
   },
-  "workflow-icon-size-100": {
+  "accordion-small-top-to-text-spacious": {
     "sets": {
       "desktop": {
-        "value": "18px"
+        "value": "9px"
       },
       "mobile": {
-        "value": "22px"
+        "value": "12px"
+      }
+    }
+  },
+  "accordion-top-to-text-compact-medium": {
+    "sets": {
+      "desktop": {
+        "value": "4px"
+      },
+      "mobile": {
+        "value": "4px"
+      }
+    }
+  },
+  "accordion-top-to-text-regular-medium": {
+    "sets": {
+      "desktop": {
+        "value": "8px"
+      },
+      "mobile": {
+        "value": "9px"
+      }
+    }
+  },
+  "accordion-top-to-text-spacious-medium": {
+    "sets": {
+      "desktop": {
+        "value": "12px"
+      },
+      "mobile": {
+        "value": "14px"
+      }
+    }
+  },
+  "accordion-top-to-text-compact-large": {
+    "sets": {
+      "desktop": {
+        "value": "4px"
+      },
+      "mobile": {
+        "value": "7px"
+      }
+    }
+  },
+  "accordion-top-to-text-regular-large": {
+    "sets": {
+      "desktop": {
+        "value": "9px"
+      },
+      "mobile": {
+        "value": "12px"
+      }
+    }
+  },
+  "accordion-top-to-text-spacious-large": {
+    "sets": {
+      "desktop": {
+        "value": "12px"
+      },
+      "mobile": {
+        "value": "14px"
+      }
+    }
+  },
+  "accordion-top-to-text-compact-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "5px"
+      },
+      "mobile": {
+        "value": "7px"
+      }
+    }
+  },
+  "accordion-top-to-text-regular-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "9px"
+      },
+      "mobile": {
+        "value": "12px"
+      }
+    }
+  },
+  "accordion-top-to-text-spacious-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "13px"
+      },
+      "mobile": {
+        "value": "14px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-compact-small": {
+    "sets": {
+      "desktop": {
+        "value": "2px"
+      },
+      "mobile": {
+        "value": "4px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-regular-small": {
+    "sets": {
+      "desktop": {
+        "value": "7px"
+      },
+      "mobile": {
+        "value": "9px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-spacious-small": {
+    "sets": {
+      "desktop": {
+        "value": "11px"
+      },
+      "mobile": {
+        "value": "14px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-compact-medium": {
+    "sets": {
+      "desktop": {
+        "value": "5px"
+      },
+      "mobile": {
+        "value": "8px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-regular-medium": {
+    "sets": {
+      "desktop": {
+        "value": "9px"
+      },
+      "mobile": {
+        "value": "13px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-spacious-medium": {
+    "sets": {
+      "desktop": {
+        "value": "13px"
+      },
+      "mobile": {
+        "value": "18px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-compact-large": {
+    "sets": {
+      "desktop": {
+        "value": "8px"
+      },
+      "mobile": {
+        "value": "9px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-regular-large": {
+    "sets": {
+      "desktop": {
+        "value": "11px"
+      },
+      "mobile": {
+        "value": "14px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-spacious-large": {
+    "sets": {
+      "desktop": {
+        "value": "16px"
+      },
+      "mobile": {
+        "value": "19px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-compact-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "8px"
+      },
+      "mobile": {
+        "value": "10px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-regular-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "12px"
+      },
+      "mobile": {
+        "value": "15px"
+      }
+    }
+  },
+  "accordion-bottom-to-text-spacious-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "16px"
+      },
+      "mobile": {
+        "value": "21px"
+      }
+    }
+  },
+  "accordion-minimum-width": {
+    "sets": {
+      "desktop": {
+        "value": "200px"
+      },
+      "mobile": {
+        "value": "250px"
+      }
+    }
+  },
+  "accordion-disclosure-indicator-to-text": {
+    "sets": {
+      "desktop": {
+        "value": "0px"
+      },
+      "mobile": {
+        "value": "0px"
+      }
+    }
+  },
+  "accordion-edge-to-disclosure-indicator": {
+    "sets": {
+      "desktop": {
+        "value": "0px"
+      },
+      "mobile": {
+        "value": "0px"
+      }
+    }
+  },
+  "accordion-edge-to-text": {
+    "sets": {
+      "desktop": {
+        "value": "0px"
+      },
+      "mobile": {
+        "value": "0px"
+      }
+    }
+  },
+  "accordion-focus-indicator-gap": {
+    "sets": {
+      "desktop": {
+        "value": "0px"
+      },
+      "mobile": {
+        "value": "0px"
+      }
+    }
+  },
+  "accordion-content-area-top-to-content": {
+    "sets": {
+      "desktop": {
+        "value": "8px"
+      },
+      "mobile": {
+        "value": "10px"
+      }
+    }
+  },
+  "accordion-content-area-bottom-to-content": {
+    "sets": {
+      "desktop": {
+        "value": "16px"
+      },
+      "mobile": {
+        "value": "20px"
+      }
+    }
+  },
+  "color-handle-size": {
+    "sets": {
+      "spectrum": {
+        "sets": {
+          "desktop": {
+            "value": "16px"
+          },
+          "mobile": {
+            "value": "20px"
+          }
+        }
+      },
+      "express": {
+        "sets": {
+          "desktop": {
+            "value": "20px"
+          },
+          "mobile": {
+            "value": "24px"
+          }
+        }
+      }
+    }
+  },
+  "color-handle-size-key-focus": {
+    "sets": {
+      "spectrum": {
+        "sets": {
+          "desktop": {
+            "value": "32px"
+          },
+          "mobile": {
+            "value": "40px"
+          }
+        }
+      },
+      "express": {
+        "sets": {
+          "desktop": {
+            "value": "40px"
+          },
+          "mobile": {
+            "value": "48px"
+          }
+        }
+      }
+    }
+  },
+  "color-handle-border-width": {
+    "ref": "{border-width-200}",
+    "value": "2px"
+  },
+  "color-handle-inner-border-width": {
+    "value": "1px"
+  },
+  "color-handle-outer-border-width": {
+    "sets": {
+      "spectrum": {
+        "value": "1px"
+      },
+      "express": {
+        "value": "0px"
+      }
+    }
+  },
+  "color-handle-drop-shadow-x": {
+    "sets": {
+      "spectrum": {
+        "value": "0"
+      },
+      "express": {
+        "ref": "{drop-shadow-x}",
+        "sets": {
+          "spectrum": {},
+          "express": {}
+        }
+      }
+    }
+  },
+  "color-handle-drop-shadow-y": {
+    "sets": {
+      "spectrum": {
+        "value": "0"
+      },
+      "express": {
+        "ref": "{color-loupe-drop-shadow-y}",
+        "value": "2px"
+      }
+    }
+  },
+  "color-handle-drop-shadow-blur": {
+    "sets": {
+      "spectrum": {
+        "value": "0"
+      },
+      "express": {
+        "ref": "{color-loupe-drop-shadow-blur}",
+        "value": "8px"
+      }
+    }
+  },
+  "corner-radius-75": {
+    "sets": {
+      "spectrum": {
+        "sets": {
+          "desktop": {
+            "value": "2px"
+          },
+          "mobile": {
+            "value": "2px"
+          }
+        }
+      },
+      "express": {
+        "sets": {
+          "desktop": {
+            "value": "3px"
+          },
+          "mobile": {
+            "value": "4px"
+          }
+        }
+      }
+    }
+  },
+  "corner-radius-100": {
+    "sets": {
+      "spectrum": {
+        "sets": {
+          "desktop": {
+            "value": "4px"
+          },
+          "mobile": {
+            "value": "5px"
+          }
+        }
+      },
+      "express": {
+        "sets": {
+          "desktop": {
+            "value": "6px"
+          },
+          "mobile": {
+            "value": "8px"
+          }
+        }
+      }
+    }
+  },
+  "corner-radius-200": {
+    "sets": {
+      "spectrum": {
+        "sets": {
+          "desktop": {
+            "value": "8px"
+          },
+          "mobile": {
+            "value": "10px"
+          }
+        }
+      },
+      "express": {
+        "sets": {
+          "desktop": {
+            "value": "12px"
+          },
+          "mobile": {
+            "value": "16px"
+          }
+        }
+      }
+    }
+  },
+  "drop-shadow-x": {
+    "sets": {
+      "spectrum": {
+        "sets": {
+          "desktop": {
+            "value": "0px"
+          },
+          "mobile": {
+            "value": "0px"
+          }
+        }
+      },
+      "express": {
+        "sets": {
+          "desktop": {
+            "value": "0px"
+          },
+          "mobile": {
+            "value": "0px"
+          }
+        }
+      }
+    }
+  },
+  "drop-shadow-y": {
+    "sets": {
+      "spectrum": {
+        "sets": {
+          "desktop": {
+            "value": "1px"
+          },
+          "mobile": {
+            "value": "2px"
+          }
+        }
+      },
+      "express": {
+        "sets": {
+          "desktop": {
+            "value": "4px"
+          },
+          "mobile": {
+            "value": "4px"
+          }
+        }
+      }
+    }
+  },
+  "drop-shadow-blur": {
+    "sets": {
+      "spectrum": {
+        "sets": {
+          "desktop": {
+            "value": "4px"
+          },
+          "mobile": {
+            "value": "6px"
+          }
+        }
+      },
+      "express": {
+        "sets": {
+          "desktop": {
+            "value": "16px"
+          },
+          "mobile": {
+            "value": "16px"
+          }
+        }
+      }
+    }
+  },
+  "android-elevation": {
+    "value": "2dp"
+  },
+  "workflow-icon-size-50": {
+    "sets": {
+      "desktop": {
+        "value": "14px"
+      },
+      "mobile": {
+        "value": "18px"
+      }
+    }
+  },
+  "workflow-icon-size-75": {
+    "sets": {
+      "desktop": {
+        "value": "16px"
+      },
+      "mobile": {
+        "value": "20px"
+      }
+    }
+  },
+  "workflow-icon-size-100": {
+    "sets": {
+      "desktop": {
+        "value": "18px"
+      },
+      "mobile": {
+        "value": "22px"
       }
     }
   },
@@ -12472,6 +13107,26 @@
       }
     }
   },
+  "component-height-400": {
+    "sets": {
+      "desktop": {
+        "value": "56px"
+      },
+      "mobile": {
+        "value": "70px"
+      }
+    }
+  },
+  "component-height-500": {
+    "sets": {
+      "desktop": {
+        "value": "64px"
+      },
+      "mobile": {
+        "value": "80px"
+      }
+    }
+  },
   "focus-indicator-thickness": {
     "value": "2px"
   },