fix: update token and theming

- support non-subset theming overrides
- support spacing (with proper open typing)

bin/eds-apply-theme.js

@@ -85,8 +85,6 @@
   });
 
   try {
-    // Keys in the theme file must be a strict subset of those in the base file
-    isStrictSubset(baseTheme, localTheme);
     EDSStyleDictionary.buildAllPlatforms();
   } catch (error) {
     // TODO: if theme has things not in base, error showing where the conflict

tailwind.config.ts

@@ -8,6 +8,22 @@ const {
   ...colorTokens
 } = edsTokens.theme.color;
 
+// Add a type to the token sizes to avoid literals for keys
+const sizes: { [x: string]: string } = edsTokens.size;
+
+const sizeTokens = {
+  // We pull the spacing tokens and format them such that names are like 'size-${name} = ${value}px'
+  ...Object.keys(sizes)
+    .map((sizeKey) => {
+      return { [`size-${sizeKey}`]: `${sizes[sizeKey]}px` };
+    })
+    .reduce((accumulate, current) => {
+      const entry = Object.entries(current)[0];
+      accumulate[entry[0]] = entry[1];
+      return accumulate;
+    }, {}),
+};
+
 export default {
   /**
    * The main value in TW utility classes is for Storybook stories, etc..
@@ -34,16 +50,7 @@ export default {
         ...textColorTokens,
       },
       spacing: {
-        // We pull the spacing tokens and format them such that names are like 'size-${name} = ${value}px'
-        ...Object.keys(edsTokens.size)
-          .map((sizeKey) => {
-            return { [`size-${sizeKey}`]: `${edsTokens.size[sizeKey]}px` };
-          })
-          .reduce((accumulate, current) => {
-            const entry = Object.entries(current)[0];
-            accumulate[entry[0]] = entry[1];
-            return accumulate;
-          }, {}),
+        ...sizeTokens,
       },
     },
     fontWeight: {