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

package/CHANGELOG.md

@@ -1,6 +1,11 @@
-# [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.55](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.54...v12.0.0-beta.55) (2022-10-07)
+
+
+### Bug Fixes
+
+* orange bugs in notice and visual color ([1606dea](https://github.com/adobe/spectrum-tokens/commit/1606dea473a6f415fd51914cd6cc670c67dbc2b9))
 
 
 ### Features
 
-* adds alert dialog tokens; closes DNA-1223 ([ed9a705](https://github.com/adobe/spectrum-tokens/commit/ed9a7054a285dbed6d0c5f4aaedf6e74c29412fb))
+* adds thumbnail tokens; closes DNA-1221 ([086e6fa](https://github.com/adobe/spectrum-tokens/commit/086e6fae30813fc332da45836c732ade588e93ba))

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)",
@@ -1525,6 +1525,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)"
           }
         }
       },
@@ -12042,6 +12042,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "12.0.0-beta.54",
+  "version": "12.0.0-beta.55",
   "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}"

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"
   },