@tacc/core-styles 2.33.1 → 2.34.0

package/src/bin/config.js

@@ -26,9 +26,31 @@ function config(customConfigFiles = [], cssVersion) {
   // Initialize final config file
   emptyOrCreateFile(NEW_CONFIG_FILE);
 
+  // Manipulate final config
+  configFiles.forEach((nextFile) => {
+    const testJson = getConfigObject(nextFile);
+
+    // The 'postcss-import-url' should be moved to front of config
+    if (testJson.plugins && 'postcss-import-url' in testJson.plugins) {
+
+      configObjects.unshift({
+        'plugins': {
+          'postcss-import-url': testJson.plugins['postcss-import-url']
+        }
+      });
+    }
+  });
+
   // Merge configs in order
   configFiles.forEach((nextFile) => {
     newJson = getConfigObject(nextFile);
+
+    // The 'postcss-import-url' would have been moved to front of config
+    if (newJson.plugins && 'postcss-import-url' in newJson.plugins) {
+
+      delete newJson.plugins['postcss-import-url'];
+    }
+
     configObjects.push(newJson);
   });
   const mergedJson = merge(...configObjects);

package/src/lib/_imports/components/c-card.css

@@ -106,6 +106,9 @@
 
 :--c-card > a:not(:--c-button),
 :--c-card > p > a:not(:--c-button) {
+    /* XXX: Prevents text around it from wrapping if link spans two lines */
+    /* FAQ: To fix on client, `class="d-inline"` or `style="display: inline"` */
+    /* ???: Why does this use `inline-flex`? */
     display: inline-flex;
     align-items: baseline;
 }

package/src/lib/_imports/tools/x-overlay.css

@@ -10,13 +10,19 @@ Styleguide Tools.Mixins.Overlay
 */
 @design-tokens url('../../tokens/v2.json') format('style-dictionary3');
 
-%x-overlay--curtain {
+@define-mixin overlay--curtain {
   color: inherit;
   background-color: rgb( from design-token('color.gray.medium') r g b / 0.65 );
   backdrop-filter: blur(6px);
 }
+%x-overlay--curtain {
+  @mixin overlay--curtain;
+}
 
-%x-overlay--callout {
+@define-mixin overlay--callout {
   color: inherit;
   background-color: rgb( from design-token('color.gray.medium') r g b / 0.90 );
 }
+%x-overlay--callout {
+  @mixin overlay--curtain;
+}