chore: update spetrum CSS versions

adobe · Jan 3, 2024 · c439428 · c439428
1 parent e0ee029
commit c439428
Show file tree

Hide file tree

Showing 112 changed files with 2,161 additions and 994 deletions.
diff --git a/package.json b/package.json
@@ -327,6 +327,7 @@
             "command": "yarn workspace @spectrum-web-components/icons-ui build",
             "files": [
                 "packages/icons-ui/bin/build.js",
+                "packages/icons-ui/packages.json",
                 "node_modules/@spectrum-css/ui-icons/dist/medium/**.svg"
             ],
             "output": [

diff --git a/packages/accordion/package.json b/packages/accordion/package.json
@@ -73,7 +73,7 @@
         "@spectrum-web-components/shared": "^0.40.2"
     },
     "devDependencies": {
-        "@spectrum-css/accordion": "^4.0.17"
+        "@spectrum-css/accordion": "^4.0.27"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/action-bar/package.json b/packages/action-bar/package.json
@@ -64,7 +64,7 @@
         "@spectrum-web-components/popover": "^0.40.2"
     },
     "devDependencies": {
-        "@spectrum-css/actionbar": "^7.0.1"
+        "@spectrum-css/actionbar": "^7.0.11"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/action-button/package.json b/packages/action-button/package.json
@@ -64,7 +64,7 @@
         "@spectrum-web-components/shared": "^0.40.2"
     },
     "devDependencies": {
-        "@spectrum-css/actionbutton": "^5.0.7"
+        "@spectrum-css/actionbutton": "^5.0.17"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/action-group/package.json b/packages/action-group/package.json
@@ -64,7 +64,7 @@
         "@spectrum-web-components/reactive-controllers": "^0.40.2"
     },
     "devDependencies": {
-        "@spectrum-css/actiongroup": "^4.0.7"
+        "@spectrum-css/actiongroup": "^4.1.9"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/action-group/stories/action-group-tooltip.stories.ts b/packages/action-group/stories/action-group-tooltip.stories.ts
@@ -284,7 +284,7 @@ class ActionGroupTooltips extends SpectrumElement {
                             ></rect>
                         </svg>
                     </sp-icon>
-                    <sp-tooltip self-managed placement="bottom" offset="0">
+                    <sp-tooltip self-managed placement="bottom">
                         Left align
                     </sp-tooltip>
                 </sp-action-button>
@@ -341,7 +341,7 @@ class ActionGroupTooltips extends SpectrumElement {
                             ></rect>
                         </svg>
                     </sp-icon>
-                    <sp-tooltip self-managed placement="bottom" offset="0">
+                    <sp-tooltip self-managed placement="bottom">
                         Center align
                     </sp-tooltip>
                 </sp-action-button>
@@ -398,7 +398,7 @@ class ActionGroupTooltips extends SpectrumElement {
                             ></rect>
                         </svg>
                     </sp-icon>
-                    <sp-tooltip self-managed placement="bottom" offset="0">
+                    <sp-tooltip self-managed placement="bottom">
                         Right align
                     </sp-tooltip>
                 </sp-action-button>

diff --git a/packages/action-menu/package.json b/packages/action-menu/package.json
@@ -69,7 +69,7 @@
         "@spectrum-web-components/shared": "^0.40.2"
     },
     "devDependencies": {
-        "@spectrum-css/actionmenu": "^5.0.0"
+        "@spectrum-css/actionmenu": "^5.0.10"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/alert-dialog/package.json b/packages/alert-dialog/package.json
@@ -66,7 +66,7 @@
         "@spectrum-web-components/shared": "^0.40.2"
     },
     "devDependencies": {
-        "@spectrum-css/alertdialog": "^1.0.6"
+        "@spectrum-css/alertdialog": "^1.0.16"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/alert-dialog/src/spectrum-alert-dialog.css b/packages/alert-dialog/src/spectrum-alert-dialog.css
@@ -65,11 +65,11 @@ governing permissions and limitations under the License.
     display: flex;
     inline-size: -moz-fit-content;
     inline-size: fit-content;
+    max-block-size: inherit;
     max-inline-size: var(
         --mod-alert-dialog-max-width,
         var(--spectrum-alert-dialog-max-width)
     );
-    max-height: inherit;
     min-inline-size: var(
         --mod-alert-dialog-min-width,
         var(--spectrum-alert-dialog-min-width)
@@ -90,7 +90,7 @@ governing permissions and limitations under the License.
         --mod-alert-dialog-icon-size,
         var(--spectrum-alert-dialog-icon-size)
     );
-    margin-left: var(
+    margin-inline-start: var(
         --mod-alert-dialog-title-to-icon,
         var(--spectrum-alert-dialog-title-to-icon)
     );

diff --git a/packages/asset/package.json b/packages/asset/package.json
@@ -60,7 +60,7 @@
         "@spectrum-web-components/base": "^0.40.2"
     },
     "devDependencies": {
-        "@spectrum-css/asset": "^3.0.48"
+        "@spectrum-css/asset": "^3.0.51"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/avatar/package.json b/packages/avatar/package.json
@@ -61,7 +61,7 @@
         "@spectrum-web-components/shared": "^0.40.2"
     },
     "devDependencies": {
-        "@spectrum-css/avatar": "^6.0.52"
+        "@spectrum-css/avatar": "^6.0.62"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/avatar/src/spectrum-avatar.css b/packages/avatar/src/spectrum-avatar.css
@@ -65,7 +65,6 @@ governing permissions and limitations under the License.
 }
 @media (forced-colors: active) {
     :host {
-        --highcontrast-avatar-color-opacity-disabled: 1;
         --highcontrast-avatar-focus-indicator-color: CanvasText;
     }
 }
@@ -220,7 +219,7 @@ governing permissions and limitations under the License.
     position: absolute;
 }
 .link {
-    outline: none;
+    outline: solid #0000;
 }
 .image {
     block-size: var(--mod-avatar-block-size, var(--spectrum-avatar-block-size));

diff --git a/packages/badge/package.json b/packages/badge/package.json
@@ -61,7 +61,7 @@
         "@spectrum-web-components/shared": "^0.40.2"
     },
     "devDependencies": {
-        "@spectrum-css/badge": "^3.1.8"
+        "@spectrum-css/badge": "^3.1.18"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/badge/src/spectrum-badge.css b/packages/badge/src/spectrum-badge.css
@@ -199,7 +199,6 @@ governing permissions and limitations under the License.
 :host {
     -webkit-font-smoothing: subpixel-antialiased;
     -moz-osx-font-smoothing: auto;
-    font-smoothing: subpixel-antialiased;
     background: var(
         --mod-badge-background-color-default,
         var(--spectrum-badge-background-color-default)

diff --git a/packages/button-group/package.json b/packages/button-group/package.json
@@ -61,7 +61,7 @@
         "@spectrum-web-components/button": "^0.40.2"
     },
     "devDependencies": {
-        "@spectrum-css/buttongroup": "^6.1.6"
+        "@spectrum-css/buttongroup": "^6.1.16"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/button/package.json b/packages/button/package.json
@@ -90,7 +90,7 @@
         "@spectrum-web-components/shared": "^0.40.2"
     },
     "devDependencies": {
-        "@spectrum-css/button": "^11.0.8"
+        "@spectrum-css/button": "^11.0.18"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/button/src/spectrum-button.css b/packages/button/src/spectrum-button.css
@@ -66,6 +66,8 @@ governing permissions and limitations under the License.
 }
 :host:after {
     display: block;
+    inset-block: 0;
+    inset-inline: 0;
     margin: calc(
         var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)) * -1
     );
@@ -106,11 +108,11 @@ governing permissions and limitations under the License.
     --spectrum-button-border-radius: var(--spectrum-corner-radius-100);
     --spectrum-button-border-width: var(--spectrum-border-width-200);
     --spectrum-button-line-height: 1.2;
+    --spectrum-button-focus-ring-gap: var(--spectrum-focus-indicator-gap);
     --spectrum-button-focus-ring-border-radius: calc(
         var(--spectrum-button-border-radius) +
             var(--spectrum-button-focus-ring-gap)
     );
-    --spectrum-button-focus-ring-gap: var(--spectrum-focus-indicator-gap);
     --spectrum-button-focus-ring-thickness: var(
         --spectrum-focus-indicator-thickness
     );

diff --git a/packages/card/package.json b/packages/card/package.json
@@ -67,7 +67,7 @@
         "@spectrum-web-components/styles": "^0.40.2"
     },
     "devDependencies": {
-        "@spectrum-css/card": "^6.2.1"
+        "@spectrum-css/card": "^6.2.2"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/checkbox/package.json b/packages/checkbox/package.json
@@ -71,7 +71,7 @@
         "@spectrum-web-components/shared": "^0.40.2"
     },
     "devDependencies": {
-        "@spectrum-css/checkbox": "^8.0.3"
+        "@spectrum-css/checkbox": "^8.0.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/clear-button/package.json b/packages/clear-button/package.json
@@ -45,7 +45,7 @@
         "@spectrum-web-components/base": "^0.40.2"
     },
     "devDependencies": {
-        "@spectrum-css/clearbutton": "^5.0.5"
+        "@spectrum-css/clearbutton": "^5.0.15"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/close-button/package.json b/packages/close-button/package.json
@@ -45,7 +45,7 @@
         "@spectrum-web-components/base": "^0.40.2"
     },
     "devDependencies": {
-        "@spectrum-css/closebutton": "^4.0.7"
+        "@spectrum-css/closebutton": "^4.0.17"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/close-button/src/spectrum-close-button.css b/packages/close-button/src/spectrum-close-button.css
@@ -223,6 +223,10 @@ governing permissions and limitations under the License.
 :host {
     align-items: center;
     align-self: var(--mod-closebutton-align-self);
+    block-size: var(
+        --mod-closebutton-height,
+        var(--spectrum-closebutton-height)
+    );
     border-color: #0000;
     border-radius: var(
         --mod-closebutton-border-radius,
@@ -232,7 +236,10 @@ governing permissions and limitations under the License.
     color: inherit;
     display: inline-flex;
     flex-direction: row;
-    height: var(--mod-closebutton-height, var(--spectrum-closebutton-height));
+    inline-size: var(
+        --mod-closebutton-width,
+        var(--spectrum-closebutton-width)
+    );
     justify-content: center;
     margin-block-start: var(--mod-closebutton-margin-top);
     margin-inline: var(--mod-closebutton-margin-inline);
@@ -244,7 +251,6 @@ governing permissions and limitations under the License.
             var(--spectrum-closebutton-animation-duration)
         )
         ease-in-out;
-    width: var(--mod-closebutton-width, var(--spectrum-closebutton-width));
 }
 :host:after {
     border-radius: calc(
@@ -255,7 +261,8 @@ governing permissions and limitations under the License.
             )
     );
     content: '';
-    inset: 0;
+    inset-block: 0;
+    inset-inline: 0;
     margin: calc(
         var(
                 --mod-closebutton-focus-indicator-gap,

diff --git a/packages/color-area/package.json b/packages/color-area/package.json
@@ -69,7 +69,7 @@
         "@spectrum-web-components/shared": "^0.40.2"
     },
     "devDependencies": {
-        "@spectrum-css/colorarea": "^4.0.41"
+        "@spectrum-css/colorarea": "^4.0.51"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/color-handle/package.json b/packages/color-handle/package.json
@@ -62,7 +62,7 @@
         "@spectrum-web-components/opacity-checkerboard": "^0.40.2"
     },
     "devDependencies": {
-        "@spectrum-css/colorhandle": "^7.0.7"
+        "@spectrum-css/colorhandle": "^7.0.17"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/color-loupe/package.json b/packages/color-loupe/package.json
@@ -61,7 +61,7 @@
         "@spectrum-web-components/opacity-checkerboard": "^0.40.2"
     },
     "devDependencies": {
-        "@spectrum-css/colorloupe": "^4.1.18"
+        "@spectrum-css/colorloupe": "^4.1.28"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/color-slider/package.json b/packages/color-slider/package.json
@@ -69,7 +69,7 @@
         "@spectrum-web-components/shared": "^0.40.2"
     },
     "devDependencies": {
-        "@spectrum-css/colorslider": "^5.0.4"
+        "@spectrum-css/colorslider": "^5.0.14"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/color-wheel/package.json b/packages/color-wheel/package.json
@@ -68,7 +68,7 @@
         "@spectrum-web-components/shared": "^0.40.2"
     },
     "devDependencies": {
-        "@spectrum-css/colorwheel": "^3.0.41"
+        "@spectrum-css/colorwheel": "^3.0.51"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/dialog/package.json b/packages/dialog/package.json
@@ -84,7 +84,7 @@
         "@spectrum-web-components/underlay": "^0.40.2"
     },
     "devDependencies": {
-        "@spectrum-css/dialog": "^6.0.68"
+        "@spectrum-css/dialog": "^9.0.5"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/dialog/src/dialog.css b/packages/dialog/src/dialog.css
@@ -12,6 +12,10 @@ governing permissions and limitations under the License.
 
 @import url('./spectrum-dialog.css');
 
+:host {
+    --swc-alert-dialog-error-icon-color: var(--spectrum-negative-visual-color);
+}
+
 .content {
     overflow: hidden;
 }
@@ -23,6 +27,14 @@ governing permissions and limitations under the License.
     );
 }
 
+.type-icon {
+    grid-area: typeIcon;
+    color: var(
+        --mod-alert-dialog-error-icon-color,
+        var(--swc-alert-dialog-error-icon-color)
+    );
+}
+
 .content[tabindex] {
     overflow: auto;
 }