@spectrum-web-components/styles 0.11.4-express.12 → 0.12.0

package/core-global.css

@@ -325,16 +325,16 @@ governing permissions and limitations under the License.
         --spectrum-global-color-green-400
     );
     --spectrum-semantic-positive-background-color-default: var(
-        --spectrum-global-color-static-green-600
+        --spectrum-global-color-static-green-700
     );
     --spectrum-semantic-positive-background-color-hover: var(
-        --spectrum-global-color-static-green-700
+        --spectrum-global-color-static-green-800
     );
     --spectrum-semantic-positive-background-color-down: var(
         --spectrum-global-color-static-green-800
     );
     --spectrum-semantic-positive-background-color-key-focus: var(
-        --spectrum-global-color-static-green-700
+        --spectrum-global-color-static-green-800
     );
     --spectrum-semantic-informative-background-color: var(
         --spectrum-global-color-static-blue-700
@@ -531,10 +531,8 @@ governing permissions and limitations under the License.
     --spectrum-global-font-font-family-ko: adobe-clean-han-korean,
         source-han-korean, 'Malgun Gothic', 'Apple Gothic', 'sans-serif';
     --spectrum-global-font-font-family-ja: adobe-clean-han-japanese,
-        source-han-japanese, 'Yu Gothic', '\\30E1 \\30A4 \\30EA \\30AA',
-        '\\30D2 \\30E9 \\30AE \\30CE \\89D2 \\30B4  Pro W3',
-        'Hiragino Kaku Gothic Pro W3', 'Osaka',
-        '\\FF2D \\FF33 \\FF30 \\30B4 \\30B7 \\30C3 \\30AF', 'MS PGothic',
+        'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Osaka', YuGothic,
+        'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic',
         'sans-serif';
     --spectrum-global-font-font-family-condensed: adobe-clean-han-traditional,
         source-han-traditional, 'MingLiu', 'Heiti TC Light', adobe-clean,
@@ -1358,6 +1356,7 @@ governing permissions and limitations under the License.
     --spectrum-alias-pickerbutton-border-radius-rounded: var(
         --spectrum-global-dimension-size-50
     );
+    --spectrum-alias-pickerbutton-border-radius-rounded-sided: 0;
     --spectrum-alias-search-border-radius: var(
         --spectrum-global-dimension-size-50
     );
@@ -1368,6 +1367,18 @@ governing permissions and limitations under the License.
     --spectrum-alias-thumbnail-border-radius-small: var(
         --spectrum-global-dimension-size-25
     );
+    --spectrum-alias-actiongroup-button-gap: var(
+        --spectrum-global-dimension-size-100
+    );
+    --spectrum-alias-actiongroup-button-gap-compact: var(
+        --spectrum-global-dimension-size-0
+    );
+    --spectrum-alias-actiongroup-button-gap-quiet: var(
+        --spectrum-global-dimension-size-100
+    );
+    --spectrum-alias-actiongroup-button-gap-quiet-compact: var(
+        --spectrum-global-dimension-size-25
+    );
     --spectrum-alias-search-padding-left-s: var(
         --spectrum-global-dimension-size-85
     );
@@ -1661,6 +1672,12 @@ governing permissions and limitations under the License.
     --spectrum-alias-tag-focusring-gap-selected: var(
         --spectrum-global-dimension-size-25
     );
+    --spectrum-alias-colorloupe-width: var(
+        --spectrum-global-dimension-static-size-600
+    );
+    --spectrum-alias-colorloupe-height: var(
+        --spectrum-global-dimension-static-size-800
+    );
 }
 :host,
 :root {
@@ -1676,7 +1693,7 @@ governing permissions and limitations under the License.
         9,
         90,
         186,
-        0.15
+        0.3
     );
     --spectrum-alias-transparent-blue-background-color-key-focus: var(
         --spectrum-alias-transparent-blue-background-color-hover
@@ -1697,7 +1714,7 @@ governing permissions and limitations under the License.
         187,
         18,
         26,
-        0.15
+        0.3
     );
     --spectrum-alias-transparent-red-background-color-key-focus: var(
         --spectrum-alias-transparent-red-background-color-hover
@@ -3014,4 +3031,34 @@ governing permissions and limitations under the License.
         --spectrum-global-color-static-yellow-200
     );
 }
+:host,
+:root {
+    --spectrum-colorloupe-express-visibility: none;
+    --spectrum-colorloupe-spectrum-visibility: block;
+    --spectrum-colorloupe-outer-border-color: transparent;
+    --spectrum-colorloupe-outer-border-size: 0;
+    --spectrum-colorloupe-outer-stroke-color: var(
+        --spectrum-global-color-static-transparent-black-200
+    );
+    --spectrum-colorloupe-outer-stroke-width: var(
+        --spectrum-alias-border-size-thick
+    );
+    --spectrum-colorhandle-background-offset: calc(
+        var(--spectrum-global-dimension-static-size-25) * -1
+    );
+    --spectrum-colorhandle-outer-shadow-color: rgba(0, 0, 0, 0.42);
+    --spectrum-colorhandle-inner-shadow-color: var(
+        --spectrum-colorhandle-outer-shadow-color
+    );
+    --spectrum-colorhandle-outer-shadow-blur: 0;
+    --spectrum-colorhandle-outer-shadow-spread: var(
+        --spectrum-alias-border-size-thin
+    );
+    --spectrum-colorcontrol-checkerboard-light-color: var(
+        --spectrum-global-color-static-white
+    );
+    --spectrum-colorcontrol-checkerboard-dark-color: var(
+        --spectrum-global-color-static-gray-300
+    );
+}
 /* stylelint-enable */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/styles",
-    "version": "0.11.4-express.12+27420d682",
+    "version": "0.12.0",
     "publishConfig": {
         "access": "public"
     },
@@ -69,18 +69,17 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^0.5.1"
+        "@spectrum-web-components/base": "^0.5.3"
     },
     "devDependencies": {
         "@spectrum-css/commons": "^3.0.5",
-        "@spectrum-css/expressvars": "^1.0.0-beta.22",
-        "@spectrum-css/typography": "^4.0.10",
-        "@spectrum-css/vars": "^6.1.0"
+        "@spectrum-css/typography": "^4.0.12",
+        "@spectrum-css/vars": "^7.0.0"
     },
     "customElements": "custom-elements.json",
     "sideEffects": [
         "./*.css"
     ],
     "style": "all-medium-lightest.css",
-    "gitHead": "27420d682bb3b3f679875e1f4148c10df0bd738c"
+    "gitHead": "57aba8030b6af96af4015a0aa830e342a17dc219"
 }

package/typography.css

@@ -22,8 +22,7 @@ governing permissions and limitations under the License.
         var(--spectrum-global-dimension-font-size-100)
     );
 }
-:root,
-:host:lang(ar) {
+.spectrum:lang(ar) {
     font-family: var(
         --spectrum-alias-font-family-ar,
         var(--spectrum-global-font-font-family-ar)