@adobe/spectrum-tokens 12.0.0-beta.54 → 12.0.0-beta.56

package/CHANGELOG.md

@@ -1,6 +1,6 @@
-# [12.0.0-beta.54](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.53...v12.0.0-beta.54) (2022-10-07)
+# [12.0.0-beta.56](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.55...v12.0.0-beta.56) (2022-10-07)
 
 
 ### Features
 
-* adds alert dialog tokens; closes DNA-1223 ([ed9a705](https://github.com/adobe/spectrum-tokens/commit/ed9a7054a285dbed6d0c5f4aaedf6e74c29412fb))
+* add border-400 and opacity-disabled ([0447910](https://github.com/adobe/spectrum-tokens/commit/0447910f99577ad5206937ba3b234b4996ae00b4))

package/dist/json/drover.json

@@ -272,7 +272,7 @@
       "notice-color-700": "rgb(228, 111, 0)",
       "notice-color-800": "rgb(203, 93, 0)",
       "notice-color-900": "rgb(177, 76, 0)",
-      "notice-visual-color": "rgb(246, 133, 17)",
+      "notice-visual-color": "rgb(228, 111, 0)",
       "orange-100": "rgb(255, 236, 204)",
       "orange-1000": "rgb(149, 61, 0)",
       "orange-1100": "rgb(122, 47, 0)",
@@ -288,7 +288,7 @@
       "orange-800": "rgb(203, 93, 0)",
       "orange-900": "rgb(177, 76, 0)",
       "orange-background-color-default": "rgb(246, 133, 17)",
-      "orange-visual-color": "rgb(246, 133, 17)",
+      "orange-visual-color": "rgb(228, 111, 0)",
       "overlay-color": "rgb(0, 0, 0)",
       "overlay-opacity": "0.4",
       "positive-background-color-default": "rgb(0, 122, 77)",
@@ -1205,6 +1205,7 @@
     "body-size-xxxl": "25px",
     "border-width-100": "1px",
     "border-width-200": "2px",
+    "border-width-400": "4px",
     "button-minimum-width-multiplier": "2.25",
     "character-count-to-field-quiet-extra-large": "-4px",
     "character-count-to-field-quiet-large": "-3px",
@@ -1414,6 +1415,7 @@
     "meter-minimum-width": "48px",
     "meter-thickness-medium": "6px",
     "meter-thickness-small": "4px",
+    "opacity-disabled": "0.3",
     "picker-visual-to-disclosure-icon-extra-large": "10px",
     "picker-visual-to-disclosure-icon-large": "9px",
     "picker-visual-to-disclosure-icon-medium": "8px",
@@ -1525,6 +1527,18 @@
     "text-to-visual-300": "10px",
     "text-to-visual-50": "6px",
     "text-to-visual-75": "7px",
+    "thumbnail-size-100": "20px",
+    "thumbnail-size-1000": "56px",
+    "thumbnail-size-200": "22px",
+    "thumbnail-size-300": "26px",
+    "thumbnail-size-400": "28px",
+    "thumbnail-size-50": "16px",
+    "thumbnail-size-500": "32px",
+    "thumbnail-size-600": "36px",
+    "thumbnail-size-700": "40px",
+    "thumbnail-size-75": "18px",
+    "thumbnail-size-800": "44px",
+    "thumbnail-size-900": "50px",
     "toast-bottom-to-text": "17px",
     "toast-height": "48px",
     "toast-top-to-text": "14px",

package/dist/json/variables.json

@@ -3997,19 +3997,19 @@
   "notice-visual-color": {
     "sets": {
       "light": {
-        "ref": "{notice-color-600}",
+        "ref": "{notice-color-700}",
         "sets": {
           "light": {
-            "value": "rgb(246, 133, 17)"
+            "value": "rgb(228, 111, 0)"
           },
           "dark": {
-            "value": "rgb(202, 93, 0)"
+            "value": "rgb(225, 109, 0)"
           },
           "darkest": {
-            "value": "rgb(186, 82, 0)"
+            "value": "rgb(210, 98, 0)"
           },
           "wireframe": {
-            "value": "rgb(203, 215, 241)"
+            "value": "rgb(190, 205, 237)"
           }
         }
       },
@@ -4285,19 +4285,19 @@
   "orange-visual-color": {
     "sets": {
       "light": {
-        "ref": "{orange-600}",
+        "ref": "{orange-700}",
         "sets": {
           "light": {
-            "value": "rgb(246, 133, 17)"
+            "value": "rgb(228, 111, 0)"
           },
           "dark": {
-            "value": "rgb(202, 93, 0)"
+            "value": "rgb(225, 109, 0)"
           },
           "darkest": {
-            "value": "rgb(186, 82, 0)"
+            "value": "rgb(210, 98, 0)"
           },
           "wireframe": {
-            "value": "rgb(203, 215, 241)"
+            "value": "rgb(190, 205, 237)"
           }
         }
       },
@@ -5234,6 +5234,9 @@
       }
     }
   },
+  "opacity-disabled": {
+    "value": "0.3"
+  },
   "background-opacity-default": {
     "value": "0"
   },
@@ -12042,6 +12045,126 @@
       }
     }
   },
+  "thumbnail-size-50": {
+    "sets": {
+      "desktop": {
+        "value": "16px"
+      },
+      "mobile": {
+        "value": "20px"
+      }
+    }
+  },
+  "thumbnail-size-75": {
+    "sets": {
+      "desktop": {
+        "value": "18px"
+      },
+      "mobile": {
+        "value": "22px"
+      }
+    }
+  },
+  "thumbnail-size-100": {
+    "sets": {
+      "desktop": {
+        "value": "20px"
+      },
+      "mobile": {
+        "value": "26px"
+      }
+    }
+  },
+  "thumbnail-size-200": {
+    "sets": {
+      "desktop": {
+        "value": "22px"
+      },
+      "mobile": {
+        "value": "28px"
+      }
+    }
+  },
+  "thumbnail-size-300": {
+    "sets": {
+      "desktop": {
+        "value": "26px"
+      },
+      "mobile": {
+        "value": "32px"
+      }
+    }
+  },
+  "thumbnail-size-400": {
+    "sets": {
+      "desktop": {
+        "value": "28px"
+      },
+      "mobile": {
+        "value": "36px"
+      }
+    }
+  },
+  "thumbnail-size-500": {
+    "sets": {
+      "desktop": {
+        "value": "32px"
+      },
+      "mobile": {
+        "value": "40px"
+      }
+    }
+  },
+  "thumbnail-size-600": {
+    "sets": {
+      "desktop": {
+        "value": "36px"
+      },
+      "mobile": {
+        "value": "46px"
+      }
+    }
+  },
+  "thumbnail-size-700": {
+    "sets": {
+      "desktop": {
+        "value": "40px"
+      },
+      "mobile": {
+        "value": "50px"
+      }
+    }
+  },
+  "thumbnail-size-800": {
+    "sets": {
+      "desktop": {
+        "value": "44px"
+      },
+      "mobile": {
+        "value": "55px"
+      }
+    }
+  },
+  "thumbnail-size-900": {
+    "sets": {
+      "desktop": {
+        "value": "50px"
+      },
+      "mobile": {
+        "value": "62px"
+      }
+    }
+  },
+  "thumbnail-size-1000": {
+    "sets": {
+      "desktop": {
+        "value": "56px"
+      },
+      "mobile": {
+        "value": "70px"
+      }
+    }
+  },
   "popover-tip-width": {
     "value": "16px"
   },
@@ -13679,6 +13802,9 @@
   "border-width-200": {
     "value": "2px"
   },
+  "border-width-400": {
+    "value": "4px"
+  },
   "line-height-100": {
     "value": "1.3"
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "12.0.0-beta.54",
+  "version": "12.0.0-beta.56",
   "description": "",
   "main": "config.js",
   "tokens": "dist/json/variables.json",

package/src/color-alias.json

@@ -828,7 +828,7 @@
   "notice-visual-color": {
     "sets": {
       "light": {
-        "value": "{notice-color-600}"
+        "value": "{notice-color-700}"
       },
       "dark": {
         "value": "{notice-color-900}"
@@ -892,7 +892,7 @@
   "orange-visual-color": {
     "sets": {
       "light": {
-        "value": "{orange-600}"
+        "value": "{orange-700}"
       },
       "dark": {
         "value": "{orange-900}"
@@ -1113,6 +1113,9 @@
       }
     }
   },
+  "opacity-disabled": {
+    "value": "0.3"
+  },
   "background-opacity-default": {
     "value": "0"
   },

package/src/component-layout.json

@@ -1982,6 +1982,126 @@
       }
     }
   },
+  "thumbnail-size-50": {
+    "sets": {
+      "desktop": {
+        "value": "16px"
+      },
+      "mobile": {
+        "value": "20px"
+      }
+    }
+  },
+  "thumbnail-size-75": {
+    "sets": {
+      "desktop": {
+        "value": "18px"
+      },
+      "mobile": {
+        "value": "22px"
+      }
+    }
+  },
+  "thumbnail-size-100": {
+    "sets": {
+      "desktop": {
+        "value": "20px"
+      },
+      "mobile": {
+        "value": "26px"
+      }
+    }
+  },
+  "thumbnail-size-200": {
+    "sets": {
+      "desktop": {
+        "value": "22px"
+      },
+      "mobile": {
+        "value": "28px"
+      }
+    }
+  },
+  "thumbnail-size-300": {
+    "sets": {
+      "desktop": {
+        "value": "26px"
+      },
+      "mobile": {
+        "value": "32px"
+      }
+    }
+  },
+  "thumbnail-size-400": {
+    "sets": {
+      "desktop": {
+        "value": "28px"
+      },
+      "mobile": {
+        "value": "36px"
+      }
+    }
+  },
+  "thumbnail-size-500": {
+    "sets": {
+      "desktop": {
+        "value": "32px"
+      },
+      "mobile": {
+        "value": "40px"
+      }
+    }
+  },
+  "thumbnail-size-600": {
+    "sets": {
+      "desktop": {
+        "value": "36px"
+      },
+      "mobile": {
+        "value": "46px"
+      }
+    }
+  },
+  "thumbnail-size-700": {
+    "sets": {
+      "desktop": {
+        "value": "40px"
+      },
+      "mobile": {
+        "value": "50px"
+      }
+    }
+  },
+  "thumbnail-size-800": {
+    "sets": {
+      "desktop": {
+        "value": "44px"
+      },
+      "mobile": {
+        "value": "55px"
+      }
+    }
+  },
+  "thumbnail-size-900": {
+    "sets": {
+      "desktop": {
+        "value": "50px"
+      },
+      "mobile": {
+        "value": "62px"
+      }
+    }
+  },
+  "thumbnail-size-1000": {
+    "sets": {
+      "desktop": {
+        "value": "56px"
+      },
+      "mobile": {
+        "value": "70px"
+      }
+    }
+  },
   "popover-tip-width": {
     "value": "16px"
   },

package/src/layout.json

@@ -487,6 +487,9 @@
   "border-width-200": {
     "value": "2px"
   },
+  "border-width-400": {
+    "value": "4px"
+  },
   "line-height-100": {
     "value": "1.3"
   },