feat!: deprecate vars and expressvars from monorepo structure

BREAKING CHANGE: Removing the vars and expressvars packages

- This does not prevent downstream users from consuming the packages
  at their currently published tag but as no future updates are planned
  they no longer need to exist in the repository.

Author: castastrophe

.prettierignore

@@ -4,15 +4,11 @@
 **/node_modules
 
 components/*/dist
-components/expressvars/custom.css
-components/expressvars/css/**/*.css
-components/vars/css/**/*.css
-components/vars/custom.css
 components/tokens/custom-*/*.css
 tools/preview/storybook-static/**
 generator
 dist
-template.hbs
+*.hbs
 
 site/includes/*.js
 

.stylelintignore

@@ -1,6 +1,3 @@
 components/**/*-generated.css
 components/tokens/*
-components/vars/*
-components/express/*
-components/expressvars/*
 components/site/*

components/assetcard/metadata/mods.md

@@ -0,0 +1,22 @@
+| Modifiable Custom Properties                    |
+| ----------------------------------------------- |
+| `--mod-assetcard-content-font-family`           |
+| `--mod-assetcard-content-font-size`             |
+| `--mod-assetcard-content-font-style`            |
+| `--mod-assetcard-content-font-weight`           |
+| `--mod-assetcard-content-letter-spacing`        |
+| `--mod-assetcard-content-line-height`           |
+| `--mod-assetcard-header-content-font-family`    |
+| `--mod-assetcard-header-content-font-size`      |
+| `--mod-assetcard-header-content-font-style`     |
+| `--mod-assetcard-header-content-font-weight`    |
+| `--mod-assetcard-header-content-letter-spacing` |
+| `--mod-assetcard-header-content-line-height`    |
+| `--mod-assetcard-header-content-text-color`     |
+| `--mod-assetcard-header-text-color`             |
+| `--mod-assetcard-title-font-family`             |
+| `--mod-assetcard-title-font-size`               |
+| `--mod-assetcard-title-font-style`              |
+| `--mod-assetcard-title-font-weight`             |
+| `--mod-assetcard-title-letter-spacing`          |
+| `--mod-assetcard-title-line-height`             |

components/assetcard/stories/template.js

@@ -7,6 +7,8 @@ import { useArgs } from "@storybook/client-api";
 
 import { Template as Checkbox } from "@spectrum-css/checkbox/stories/template.js";
 
+import "@spectrum-css/typography";
+
 import "../index.css";
 
 export const Template = ({

components/coachmark/stories/template.js

@@ -4,6 +4,8 @@ import { classMap } from "lit/directives/class-map.js";
 
 import { Template as Button } from "@spectrum-css/button/stories/template.js";
 
+import "@spectrum-css/typography";
+
 import "../index.css";
 import "../skin.css";
 
@@ -21,7 +23,7 @@ export const Template = ({
 				[`${rootClass}Indicator--quiet`]: isQuiet,
 				[`${rootClass}Indicator--${variant}`]: typeof variant !== "undefined",
 			})}
-			style="display: inline-block;vertical-align: top;"
+			style="display:inline-block;vertical-align: top;"
 		>
 			<div class="${rootClass}Indicator-ring"></div>
 			<div class="${rootClass}Indicator-ring"></div>