fix(asset,styles): bump to latest release

Author: castastrophe

.changeset/tidy-oranges-agree.md

@@ -0,0 +1,6 @@
+---
+'@spectrum-web-components/asset': patch
+'@spectrum-web-components/styles': patch
+---
+
+Remove unnecessary system theme references to reduce complexity for components that don't need the additional mapping layer.

packages/asset/package.json

@@ -61,7 +61,7 @@
         "@spectrum-web-components/base": "1.4.0"
     },
     "devDependencies": {
-        "@spectrum-css/asset": "6.0.1"
+        "@spectrum-css/asset": "7.1.0"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

packages/asset/src/asset-overrides.css

@@ -12,9 +12,6 @@ governing permissions and limitations under the License.
 
 /* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
 :host {
-    --spectrum-asset-transition-duration: var(
-        --system-asset-transition-duration
-    );
     --spectrum-asset-folder-background-color: var(
         --system-asset-folder-background-color
     );

packages/asset/src/spectrum-asset.css

@@ -12,6 +12,10 @@ governing permissions and limitations under the License.
 
 /* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
 :host {
+    --spectrum-asset-folder-background: var(--highcontrast-asset-icon-background-color, var(--mod-asset-folder-background-color, var(--spectrum-asset-folder-background-color)));
+    --spectrum-asset-file-background: var(--highcontrast-asset-icon-background-color, var(--mod-asset-file-background-color, var(--spectrum-asset-file-background-color)));
+    --spectrum-asset-folder-outline: var(--mod-asset-icon-outline-color, var(--spectrum-asset-icon-outline-color));
+    --spectrum-asset-file-outline: var(--mod-asset-icon-outline-color, var(--spectrum-asset-icon-outline-color));
     inline-size: 100%;
     block-size: 100%;
     justify-content: center;
@@ -23,7 +27,7 @@ governing permissions and limitations under the License.
     max-inline-size: 100%;
     max-block-size: 100%;
     object-fit: contain;
-    transition: opacity var(--spectrum-asset-transition-duration);
+    transition: opacity var(--spectrum-animation-duration-100);
 }
 
 .file,
@@ -36,21 +40,23 @@ governing permissions and limitations under the License.
 }
 
 .folderBackground {
-    fill: var(--highcontrast-asset-folder-background-color, var(--mod-asset-folder-background-color, var(--spectrum-asset-folder-background-color)));
+    fill: var(--spectrum-asset-folder-background);
 }
 
 .fileBackground {
-    fill: var(--highcontrast-asset-file-background-color, var(--mod-asset-file-background-color, var(--spectrum-asset-file-background-color)));
+    fill: var(--spectrum-asset-file-background);
 }
 
-.fileOutline,
 .folderOutline {
-    fill: var(--mod-asset-icon-outline-color, var(--spectrum-asset-icon-outline-color));
+    fill: var(--spectrum-asset-folder-outline);
+}
+
+.fileOutline {
+    fill: var(--spectrum-asset-file-outline);
 }
 
 @media (forced-colors: active) {
     :host {
-        --highcontrast-asset-folder-background-color: currentColor;
-        --highcontrast-asset-file-background-color: currentColor;
+        --highcontrast-asset-icon-background-color: currentColor;
     }
 }

tools/styles/tokens-v2/system-theme-bridge.css

@@ -192,7 +192,6 @@
         --spectrum-negative-background-color-default
     );
     --system-alert-banner-font-color: var(--spectrum-white);
-    --system-asset-transition-duration: var(--spectrum-animation-duration-100);
     --system-asset-folder-background-color: var(--spectrum-gray-200);
     --system-asset-file-background-color: var(--spectrum-gray-25);
     --system-asset-icon-outline-color: var(--spectrum-gray-500);

tools/styles/tokens/express/system-theme-bridge.css

@@ -199,7 +199,6 @@
         --spectrum-negative-background-color-default
     );
     --system-alert-banner-font-color: var(--spectrum-white);
-    --system-asset-transition-duration: var(--spectrum-animation-duration-100);
     --system-asset-folder-background-color: var(--spectrum-gray-300);
     --system-asset-file-background-color: var(--spectrum-gray-50);
     --system-asset-icon-outline-color: var(--spectrum-gray-500);

tools/styles/tokens/spectrum/system-theme-bridge.css

@@ -205,7 +205,6 @@
         --spectrum-negative-background-color-default
     );
     --system-alert-banner-font-color: var(--spectrum-white);
-    --system-asset-transition-duration: var(--spectrum-animation-duration-100);
     --system-asset-folder-background-color: var(--spectrum-gray-300);
     --system-asset-file-background-color: var(--spectrum-gray-50);
     --system-asset-icon-outline-color: var(--spectrum-gray-500);

yarn.lock

@@ -6887,12 +6887,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@spectrum-css/asset@npm:6.0.1":
-  version: 6.0.1
-  resolution: "@spectrum-css/asset@npm:6.0.1"
+"@spectrum-css/asset@npm:7.1.0":
+  version: 7.1.0
+  resolution: "@spectrum-css/asset@npm:7.1.0"
   peerDependencies:
-    "@spectrum-css/tokens": ">=14 || >=15"
-  checksum: 10c0/1314b9c0c07e3c001357f8372cdbd60a0391ca7a6205a67bc60096c14a797500afd357e84b7e6488b0de43b5cc09ae5679eeba2b51b5039ee4bce3d4f473da5b
+    "@spectrum-css/tokens": ">=16.0.1"
+  peerDependenciesMeta:
+    "@spectrum-css/tokens":
+      optional: true
+  checksum: 10c0/fc6c81de545f4c2fd2d248b9f2bb6d32f6ac46dcba4376474de58af9ae35bd5df7c9f36edf30c4ddb22d0af56e55cbca3f30075ed5c34cb75ce2042a4d8e3ffb
   languageName: node
   linkType: hard
 
@@ -7833,7 +7836,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@spectrum-web-components/asset@workspace:packages/asset"
   dependencies:
-    "@spectrum-css/asset": "npm:6.0.1"
+    "@spectrum-css/asset": "npm:7.1.0"
     "@spectrum-web-components/base": "npm:1.4.0"
   languageName: unknown
   linkType: soft