feat(thumbnail-opacity-checkboard): drop unnecessary styles

Author: cdransf

.changeset/twenty-tables-know.md

@@ -3,6 +3,6 @@
 "@spectrum-css/thumbnail": major
 ---
 
-# thumbnail-pacity-checkerboard S2 migration
+# thumbnail-opacity-checkerboard S2 migration
 
 Adds thumbnail specific `thumbnail-opacity-checkerboard-square-size` token aliased to `--spectrum-opacity-checkerboard-size`. This impacts the display of the `opacity-checkerboard` when used within the `thumbnail` component.

components/opacitycheckerboard/index.css

@@ -22,7 +22,7 @@ permissions and limitations under the License. */
 	background: repeating-conic-gradient(var(--mod-opacity-checkerboard-light, var(--spectrum-opacity-checkerboard-light)) 0% 25%, var(--mod-opacity-checkerboard-dark, var(--spectrum-opacity-checkerboard-dark)) 0% 50%) var(--mod-opacity-checkerboard-position, var(--spectrum-opacity-checkerboard-position)) / calc(var(--mod-opacity-checkerboard-size, var(--spectrum-opacity-checkerboard-size)) * 2) calc(var(--mod-opacity-checkerboard-size, var(--spectrum-opacity-checkerboard-size)) * 2);
 
 	.spectrum-Thumbnail & {
-		--spectrum-opacity-checkerboard-size: var(--spectrum-thumbnail-opacity-checkerboard-square- size);
+		--spectrum-opacity-checkerboard-size: var(--spectrum-thumbnail-opacity-checkerboard-square-size);
 	}
 }
 

components/thumbnail/index.css

@@ -92,10 +92,6 @@ governing permissions and limitations under the License.
 
 	border-radius: var(--mod-thumbnail-border-radius, var(--spectrum-thumbnail-border-radius));
 
-	& .spectrum-OpacityCheckerboard {
-		--spectrum-opacity-checkerboard-size: var(--spectrum-thumbnail-opacity-checkerboard-square-size);
-	}
-
 	&::before {
 		content: "";
 		z-index: 2;