fix: update latest Spectrum CSS beta releases

adobe · Nov 24, 2020 · 11b47df · 11b47df
1 parent 9f55520
commit 11b47df
Show file tree

Hide file tree

Showing 50 changed files with 663 additions and 644 deletions.
diff --git a/documentation/src/components/home.ts b/documentation/src/components/home.ts
@@ -16,11 +16,11 @@ class HomeElement extends RouteComponent {
         return html`
             <section id="hero">
                 <div class="spectrum-Article">
-                    <h1 class="spectrum-Heading spectrum-Heading--XXXL spectrum-Heading--serif">
+                    <h1 class="spectrum-Heading spectrum-Heading--sizeXXXL spectrum-Heading--serif">
                         Spectrum Web Components
                     </h1>
                 </div>
-                <p class="spectrum-Body spectrum-Body--XL">
+                <p class="spectrum-Body spectrum-Body--sizeXL">
                     The Spectrum Web Components project is an implementation of <sp-link
                     href="https://spectrum.adobe.com/">Spectrum, Adobe’s design system</sp-link
                     >. It's designed to work with any web framework — or even
@@ -37,10 +37,10 @@ class HomeElement extends RouteComponent {
             </section>
             <section id="features">
                 <div class="feature">
-                    <h2 class="spectrum-Heading spectrum-Heading--S">
+                    <h2 class="spectrum-Heading spectrum-Heading--sizeS">
                         Standards based
                     </h2>
-                    <p class="spectrum-Body spectrum-Body--M">
+                    <p class="spectrum-Body spectrum-Body--sizeM">
                         <sp-link
                             href="https://developer.mozilla.org/en-US/docs/Web/Web_Components"
                         >
@@ -52,10 +52,10 @@ class HomeElement extends RouteComponent {
                     </p>
                 </div>
                 <div class="feature">
-                    <h2 class="spectrum-Heading spectrum-Heading--S">
+                    <h2 class="spectrum-Heading spectrum-Heading--sizeS">
                         Light weight
                     </h2>
-                    <p class="spectrum-Body spectrum-Body--M">
+                    <p class="spectrum-Body spectrum-Body--sizeM">
                         Spectrum Web Components are implemented using the
                         <sp-link
                             href="https://lit-element.polymer-project.org/"
@@ -67,18 +67,18 @@ class HomeElement extends RouteComponent {
                     </p>
                 </div>
                 <div class="feature">
-                    <h2 class="spectrum-Heading spectrum-Heading--S">
+                    <h2 class="spectrum-Heading spectrum-Heading--sizeS">
                         Framework agnostic
                     </h2>
-                    <p class="spectrum-Body spectrum-Body--M">
+                    <p class="spectrum-Body spectrum-Body--sizeM">
                         You can use web components with any framework, since
                         they’re supported and encapsulated at the browser level.
                     </p>
                 </div>
             </section>
             <section id="example" class="spectrum-Typography">
                 <div class="headerContainer">
-                    <h2 class="spectrum-Heading2">
+                    <h2 class="spectrum-Heading spectrum-Heading--sizeM">
                         Sample element usage
                     </h2>
                     <sp-rule size="large"></sp-rule>

diff --git a/documentation/src/utils/posthtml-spectrum-typography.js b/documentation/src/utils/posthtml-spectrum-typography.js
@@ -18,7 +18,7 @@ const matchHelper = require('posthtml-match-helper');
 const transformations = [
     {
         selector: 'p,ul,ol',
-        classes: ['spectrum-Body', 'spectrum-Body--M'],
+        classes: ['spectrum-Body', 'spectrum-Body--sizeM'],
     },
     {
         // Wrap h1's in a .spectrum-Article to get nice typography
@@ -40,7 +40,7 @@ const transformations = [
                         tag: 'h1',
                         attrs: {
                             class:
-                                'spectrum-Heading spectrum-Heading--XXXL spectrum-Heading--serif',
+                                'spectrum-Heading spectrum-Heading--sizeXXXL spectrum-Heading--serif',
                         },
                         content: node.content,
                     },
@@ -67,7 +67,7 @@ const transformations = [
                     {
                         tag: 'h1',
                         attrs: {
-                            class: 'spectrum-Heading spectrum-Heading--M',
+                            class: 'spectrum-Heading spectrum-Heading--sizeM',
                         },
                         content: node.content,
                     },
@@ -98,7 +98,7 @@ const transformations = [
                     {
                         tag: 'h3',
                         attrs: {
-                            class: 'spectrum-Heading spectrum-Heading--S',
+                            class: 'spectrum-Heading spectrum-Heading--sizeS',
                         },
                         content: node.content,
                     },
@@ -112,7 +112,7 @@ const transformations = [
     },
     {
         selector: 'h4',
-        classes: ['spectrum-Header', 'spectrum-Heading--XS'],
+        classes: ['spectrum-Header', 'spectrum-Heading--sizeXS'],
     },
     {
         selector: 'hr',

diff --git a/package.json b/package.json
@@ -93,7 +93,7 @@
         "@open-wc/demoing-storybook": "^2.4.4",
         "@open-wc/polyfills-loader": "^0.3.3",
         "@open-wc/testing": "^2.5.29",
-        "@spectrum-css/table": "^3.0.0-beta.4",
+        "@spectrum-css/table": "^3.0.0-beta.5",
         "@types/chai": "^4.1.7",
         "@types/command-line-args": "^5.0.0",
         "@types/command-line-usage": "^5.0.1",

diff --git a/packages/accordion/package.json b/packages/accordion/package.json
@@ -50,7 +50,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/accordion": "^3.0.0-beta.3"
+        "@spectrum-css/accordion": "^3.0.0-beta.4"
     },
     "dependencies": {
         "@spectrum-web-components/base": "^0.1.3",

diff --git a/packages/action-group/package.json b/packages/action-group/package.json
@@ -48,7 +48,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/actiongroup": "^1.0.0-beta.3",
+        "@spectrum-css/actiongroup": "^1.0.0-beta.4",
         "@spectrum-web-components/button": "^0.9.4",
         "@spectrum-web-components/icon": "^0.6.3",
         "@spectrum-web-components/icons-workflow": "^0.3.6"

diff --git a/packages/actionbar/package.json b/packages/actionbar/package.json
@@ -48,7 +48,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/actionbar": "^3.0.0-beta.4",
+        "@spectrum-css/actionbar": "^3.0.0-beta.5",
         "@spectrum-web-components/icon": "^0.6.1"
     },
     "dependencies": {

diff --git a/packages/actionbar/src/actionbar.css b/packages/actionbar/src/actionbar.css
@@ -11,8 +11,3 @@ governing permissions and limitations under the License.
 */
 
 @import './spectrum-actionbar.css';
-
-:host([dir='rtl']) #popover {
-    padding: 0 var(--spectrum-global-dimension-size-200) 0
-        calc(var(--spectrum-global-dimension-size-200) / 2);
-}
diff --git a/packages/actionbar/src/spectrum-actionbar.css b/packages/actionbar/src/spectrum-actionbar.css
@@ -61,6 +61,20 @@ THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
     /* .spectrum-ActionBar--fixed */
     position: fixed;
 }
+:host([dir='ltr']) #popover {
+    /* [dir=ltr] .spectrum-ActionBar-popover */
+    padding-left: var(
+        --spectrum-global-dimension-size-200
+    ); /* [dir=ltr] .spectrum-ActionBar-popover */
+    padding-right: calc(var(--spectrum-global-dimension-size-200) / 2);
+}
+:host([dir='rtl']) #popover {
+    /* [dir=rtl] .spectrum-ActionBar-popover */
+    padding-right: var(
+        --spectrum-global-dimension-size-200
+    ); /* [dir=rtl] .spectrum-ActionBar-popover */
+    padding-left: calc(var(--spectrum-global-dimension-size-200) / 2);
+}
 #popover {
     /* .spectrum-ActionBar-popover */
     position: relative;
@@ -70,8 +84,6 @@ THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
     height: var(--spectrum-global-dimension-size-600);
     min-width: 280px;
     max-width: 960px;
-    padding: 0 calc(var(--spectrum-global-dimension-size-200) / 2) 0
-        var(--spectrum-global-dimension-size-200);
     flex-direction: row;
     align-items: center;
     justify-content: space-between;

diff --git a/packages/asset/package.json b/packages/asset/package.json
@@ -48,7 +48,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/asset": "^3.0.0-beta.3"
+        "@spectrum-css/asset": "^3.0.0-beta.4"
     },
     "dependencies": {
         "@spectrum-web-components/base": "^0.1.3",

diff --git a/packages/avatar/package.json b/packages/avatar/package.json
@@ -48,7 +48,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/avatar": "^3.0.0-beta.3"
+        "@spectrum-css/avatar": "^3.0.0-beta.4"
     },
     "dependencies": {
         "@spectrum-web-components/base": "^0.1.3",

diff --git a/packages/bar-loader/package.json b/packages/bar-loader/package.json
@@ -48,7 +48,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/progressbar": "^1.0.0-beta.1"
+        "@spectrum-css/progressbar": "^1.0.0-beta.2"
     },
     "dependencies": {
         "@spectrum-web-components/base": "^0.1.3",

diff --git a/packages/button-group/package.json b/packages/button-group/package.json
@@ -48,7 +48,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/buttongroup": "^3.0.0-beta.4",
+        "@spectrum-css/buttongroup": "^3.0.0-beta.5",
         "@spectrum-web-components/button": "^0.9.4"
     },
     "dependencies": {

diff --git a/packages/button/package.json b/packages/button/package.json
@@ -52,7 +52,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/button": "^3.0.0-beta.4"
+        "@spectrum-css/button": "^3.0.0-beta.5"
     },
     "dependencies": {
         "@spectrum-web-components/base": "^0.1.3",

diff --git a/packages/card/package.json b/packages/card/package.json
@@ -48,7 +48,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/card": "^3.0.0-beta.4"
+        "@spectrum-css/card": "^3.0.0-beta.5"
     },
     "dependencies": {
         "@spectrum-web-components/asset": "^0.1.5",

diff --git a/packages/checkbox/package.json b/packages/checkbox/package.json
@@ -48,7 +48,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/checkbox": "^3.0.0-beta.4",
+        "@spectrum-css/checkbox": "^3.0.0-beta.5",
         "@spectrum-web-components/field-group": "^0.0.1"
     },
     "dependencies": {

diff --git a/packages/circle-loader/package.json b/packages/circle-loader/package.json
@@ -48,7 +48,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/progresscircle": "^1.0.0-beta.1"
+        "@spectrum-css/progresscircle": "^1.0.0-beta.2"
     },
     "dependencies": {
         "@spectrum-web-components/base": "^0.1.3",

diff --git a/packages/coachmark/package.json b/packages/coachmark/package.json
@@ -48,7 +48,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/coachmark": "^3.0.0-beta.4"
+        "@spectrum-css/coachmark": "^3.0.0-beta.5"
     },
     "dependencies": {
         "@spectrum-web-components/base": "^0.1.3",

diff --git a/packages/dialog/package.json b/packages/dialog/package.json
@@ -50,7 +50,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/dialog": "^3.0.0-beta.4"
+        "@spectrum-css/dialog": "^3.0.0-beta.5"
     },
     "dependencies": {
         "@spectrum-web-components/base": "^0.1.3",

diff --git a/packages/dropdown/package.json b/packages/dropdown/package.json
@@ -53,7 +53,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/picker": "^1.0.0-beta.1"
+        "@spectrum-css/picker": "^1.0.0-beta.2"
     },
     "dependencies": {
         "@spectrum-web-components/base": "^0.1.3",

diff --git a/packages/dropzone/package.json b/packages/dropzone/package.json
@@ -48,7 +48,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/dropzone": "^3.0.0-beta.3"
+        "@spectrum-css/dropzone": "^3.0.0-beta.4"
     },
     "dependencies": {
         "@spectrum-web-components/base": "^0.1.3",

diff --git a/packages/field-group/package.json b/packages/field-group/package.json
@@ -48,7 +48,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/fieldgroup": "^3.0.0-beta.4",
+        "@spectrum-css/fieldgroup": "^3.0.0-beta.5",
         "@spectrum-web-components/checkbox": "^0.5.2",
         "@spectrum-web-components/radio": "^0.4.4"
     },

diff --git a/packages/icon/package.json b/packages/icon/package.json
@@ -48,7 +48,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/icon": "3.0.0-beta.0"
+        "@spectrum-css/icon": "^3.0.0-beta.1"
     },
     "dependencies": {
         "@spectrum-web-components/base": "^0.1.3",

diff --git a/packages/icons-ui/package.json b/packages/icons-ui/package.json
@@ -43,7 +43,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/icon": "^3.0.0-beta.0",
+        "@spectrum-css/icon": "^3.0.0-beta.1",
         "@spectrum-web-components/icon": "^0.6.3",
         "@spectrum-web-components/iconset": "^0.1.7",
         "case": "^1.6.1",

diff --git a/packages/illustrated-message/package.json b/packages/illustrated-message/package.json
@@ -48,7 +48,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/illustratedmessage": "^3.0.0-beta.3"
+        "@spectrum-css/illustratedmessage": "^3.0.0-beta.4"
     },
     "dependencies": {
         "@spectrum-web-components/base": "^0.1.3",

diff --git a/packages/link/package.json b/packages/link/package.json
@@ -48,7 +48,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/link": "^3.0.1-beta.0"
+        "@spectrum-css/link": "^3.0.1-beta.1"
     },
     "dependencies": {
         "@spectrum-web-components/base": "^0.1.3",

diff --git a/packages/menu/package.json b/packages/menu/package.json
@@ -54,7 +54,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/menu": "^3.0.0-beta.3"
+        "@spectrum-css/menu": "^3.0.0-beta.4"
     },
     "dependencies": {
         "@spectrum-web-components/base": "^0.1.3",

diff --git a/packages/modal/package.json b/packages/modal/package.json
@@ -45,7 +45,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/modal": "^3.0.0-beta.1"
+        "@spectrum-css/modal": "^3.0.0-beta.2"
     },
     "dependencies": {
         "@spectrum-web-components/base": "^0.1.0",

diff --git a/packages/popover/package.json b/packages/popover/package.json
@@ -48,7 +48,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/popover": "^3.0.0-beta.4"
+        "@spectrum-css/popover": "^3.0.0-beta.5"
     },
     "dependencies": {
         "@spectrum-web-components/base": "^0.1.3",

diff --git a/packages/quick-actions/package.json b/packages/quick-actions/package.json
@@ -48,7 +48,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/quickaction": "^3.0.0-beta.4"
+        "@spectrum-css/quickaction": "^3.0.0-beta.5"
     },
     "dependencies": {
         "@spectrum-web-components/base": "^0.1.3",

diff --git a/packages/radio/package.json b/packages/radio/package.json
@@ -50,7 +50,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/radio": "^3.0.0-beta.3"
+        "@spectrum-css/radio": "^3.0.0-beta.4"
     },
     "dependencies": {
         "@spectrum-web-components/base": "^0.1.3",

diff --git a/packages/rule/package.json b/packages/rule/package.json
@@ -50,7 +50,7 @@
     "author": "",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@spectrum-css/divider": "^1.0.0-beta.1"
+        "@spectrum-css/divider": "^1.0.0-beta.2"
     },
     "dependencies": {
         "@spectrum-web-components/base": "^0.1.3",