@spectrum-web-components/styles 0.23.3 → 0.24.1-overlay.10

package/README.md

@@ -1,6 +1,6 @@
 ## Description
 
-Spectrum Web Components are a [`LitElement`](https://lit-element.polymer-project.org)-powered web component library of patterns built on top of the [Spectrum CSS](https://opensource.adobe.com/spectrum-css) specification. Styles for these components are made available (and, in some cases, customizable) via CSS Custom Properties, e.g. `var(--spectrum-global-color-static-black)`. In this package, you will find the CSS Custom Properties that power the various color and size themes defined by Spectrum CSS.
+Spectrum Web Components are a [`LitElement`](https://lit-element.polymer-project.org)-powered web component library of patterns built on top of the [Spectrum CSS](https://opensource.adobe.com/spectrum-css) specification. Styles for these components are made available (and, in some cases, customizable) via CSS Custom Properties, e.g. `var(--spectrum-black)`. In this package, you will find the CSS Custom Properties that power the various color and size themes defined by Spectrum CSS.
 
 The easiest way to consume these values is via the `<sp-theme>` element. However, in some cases, it can be useful to have direct access to the files outlining the CSS Custom Properties, on top of which the rest of the component system is built.
 

package/all-large-dark.css

@@ -11,6 +11,6 @@ governing permissions and limitations under the License.
 */
 
 @import 'core-global.css';
-@import 'fonts.css';
+@import 'typography.css';
 @import 'theme-dark.css';
 @import 'scale-large.css';

package/all-large-darkest.css

@@ -11,6 +11,6 @@ governing permissions and limitations under the License.
 */
 
 @import 'core-global.css';
-@import 'fonts.css';
+@import 'typography.css';
 @import 'theme-darkest.css';
 @import 'scale-large.css';

package/all-large-light.css

@@ -11,6 +11,6 @@ governing permissions and limitations under the License.
 */
 
 @import 'core-global.css';
-@import 'fonts.css';
+@import 'typography.css';
 @import 'theme-light.css';
 @import 'scale-large.css';

package/all-large-lightest.css

@@ -11,6 +11,6 @@ governing permissions and limitations under the License.
 */
 
 @import 'core-global.css';
-@import 'fonts.css';
+@import 'typography.css';
 @import 'theme-lightest.css';
 @import 'scale-large.css';

package/all-medium-dark.css

@@ -11,6 +11,6 @@ governing permissions and limitations under the License.
 */
 
 @import 'core-global.css';
-@import 'fonts.css';
+@import 'typography.css';
 @import 'theme-dark.css';
 @import 'scale-medium.css';

package/all-medium-darkest.css

@@ -11,6 +11,6 @@ governing permissions and limitations under the License.
 */
 
 @import 'core-global.css';
-@import 'fonts.css';
+@import 'typography.css';
 @import 'theme-darkest.css';
 @import 'scale-medium.css';

package/all-medium-light.css

@@ -11,6 +11,6 @@ governing permissions and limitations under the License.
 */
 
 @import 'core-global.css';
-@import 'fonts.css';
+@import 'typography.css';
 @import 'theme-light.css';
 @import 'scale-medium.css';

package/all-medium-lightest.css

@@ -11,6 +11,6 @@ governing permissions and limitations under the License.
 */
 
 @import 'core-global.css';
-@import 'fonts.css';
+@import 'typography.css';
 @import 'theme-lightest.css';
 @import 'scale-medium.css';

package/express/spectrum-core-global.css

@@ -1688,12 +1688,6 @@ governing permissions and limitations under the License.
     --spectrum-alias-search-padding-left-xl: var(
         --spectrum-global-dimension-size-225
     );
-    --spectrum-alias-colorloupe-width: var(
-        --spectrum-global-dimension-static-size-450
-    );
-    --spectrum-alias-colorloupe-height: var(
-        --spectrum-global-dimension-static-size-550
-    );
     --spectrum-alias-search-border-radius-quiet: 0;
     --spectrum-alias-percent-50: 50%;
     --spectrum-alias-percent-70: 70%;
@@ -2687,20 +2681,6 @@ governing permissions and limitations under the License.
 }
 :host,
 :root {
-    --spectrum-colorloupe-express-visibility: block;
-    --spectrum-colorloupe-spectrum-visibility: none;
-    --spectrum-colorloupe-outer-border-color: transparent;
-    --spectrum-colorloupe-outer-border-size: 0;
-    --spectrum-colorloupe-outer-stroke-color: rgba(0, 0, 0, 0.15);
-    --spectrum-colorloupe-outer-stroke-width: 6px;
-    --spectrum-colorhandle-size: var(--spectrum-global-dimension-size-250);
-    --spectrum-colorhandle-background-offset: 0px;
-    --spectrum-colorhandle-inner-shadow-color: rgba(0, 0, 0, 0.15);
-    --spectrum-colorhandle-outer-shadow-color: rgba(0, 0, 0, 0.3);
-    --spectrum-colorhandle-outer-shadow-blur: var(
-        --spectrum-global-dimension-static-size-50
-    );
-    --spectrum-colorhandle-outer-shadow-spread: 0;
     --spectrum-colorslider-height: var(--spectrum-global-dimension-size-200);
     --spectrum-colorslider-vertical-width: var(--spectrum-colorslider-height);
     --spectrum-colorslider-border-radius: var(