feat: use @adobe/spectrum-css@2.15.1

adobe · Nov 18, 2019 · 3918888 · 3918888
1 parent 8205dfe
commit 3918888
Show file tree

Hide file tree

Showing 60 changed files with 3,610 additions and 851 deletions.
diff --git a/.gitignore b/.gitignore
@@ -37,7 +37,7 @@ TESTS.xml
 /test/benchmark/**/*.js
 /test/benchmark/**/*.js.map
 /test/benchmark/**/*.d.ts
-/test/visual/screenshots-current/ci/**/*.png
+/test/visual/screenshots-current/**/*.png
 /test/visual/**/local/
 !test/visual/**/*.js
 

diff --git a/.storybook/config.js b/.storybook/config.js
@@ -2,7 +2,7 @@ import { configure, addDecorator } from '@storybook/polymer';
 import { withA11y } from '@storybook/addon-a11y';
 import { withKnobs } from '@storybook/addon-knobs';
 
-import '../packages/styles/all-medium-light.css';
+import '../packages/styles/all-medium-lightest.css';
 
 // NOTE: Because we use CustomElement registry, we will need to refresh the whole iframe on
 // HMR of our web components to allow us to register the new versions

diff --git a/package.json b/package.json
@@ -79,7 +79,7 @@
     },
     "devDependencies": {
         "@adobe/es-modules-middleware": "~1.1.0",
-        "@adobe/spectrum-css": "^2.13.0",
+        "@adobe/spectrum-css": "^2.15.1",
         "@babel/core": "^7.6.0",
         "@babel/plugin-syntax-import-meta": "^7.2.0",
         "@commitlint/cli": "^8.2.0",

diff --git a/packages/banner/src/spectrum-banner.css b/packages/banner/src/spectrum-banner.css
@@ -13,16 +13,31 @@ THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
 :host {
     /* .spectrum-Banner */
     display: inline-block;
-    border-radius: var(--spectrum-banner-border-radius, 8px);
-    padding: var(--spectrum-banner-padding-y, 4px)
-        var(--spectrum-banner-padding-x, 8px);
+    border-radius: var(
+        --spectrum-banner-border-radius,
+        var(--spectrum-global-dimension-static-size-100)
+    );
+    padding: var(
+            --spectrum-banner-padding-y,
+            var(--spectrum-global-dimension-static-size-50)
+        )
+        var(
+            --spectrum-banner-padding-x,
+            var(--spectrum-global-dimension-static-size-100)
+        );
     font-size: var(
         --spectrum-banner-text-size,
-        var(--spectrum-global-dimension-size-150)
+        var(--spectrum-global-dimension-font-size-75)
+    );
+    line-height: var(
+        --spectrum-banner-text-line-height,
+        var(--spectrum-alias-heading-text-line-height)
     );
-    line-height: var(--spectrum-banner-text-line-height, 1.3);
     /* .spectrum-Banner */
-    color: var(--spectrum-banner-text-color, rgb(255, 255, 255));
+    color: var(
+        --spectrum-banner-text-color,
+        var(--spectrum-global-color-static-white)
+    );
 }
 #header {
     /* .spectrum-Banner-header */
@@ -38,20 +53,20 @@ THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
     /* .spectrum-Banner--info */
     background-color: var(
         --spectrum-banner-info-background-color,
-        var(--spectrum-global-color-blue-500)
+        var(--spectrum-semantic-informative-color-default)
     );
 }
 :host([type='warning']) {
     /* .spectrum-Banner--warning */
     background-color: var(
         --spectrum-banner-warning-background-color,
-        var(--spectrum-global-color-orange-500)
+        var(--spectrum-semantic-notice-color-default)
     );
 }
 :host([type='error']) {
     /* .spectrum-Banner--error */
     background-color: var(
         --spectrum-banner-error-background-color,
-        var(--spectrum-global-color-red-500)
+        var(--spectrum-semantic-negative-color-default)
     );
 }