@trackunit/css-tailwind 0.0.128 → 0.0.129

package/src/lib/utilities/utilities.d.ts

@@ -1,7 +1,6 @@
 import "@trackunit/css-core";
 /**
  * Gets the value of a color from the css custom properties TailwindCSS theme.
- * Looks in `theme.css` and `tailwind-custom-properties.css`.
  *
  * @param {string} customProperty The property name
  * @returns {string} The value of the color "RRR GGG BBB" or "unknown value" if the color is not found.

package/tailwind-base.generated.js

@@ -141,10 +141,11 @@ var variablesToCSSRules = variablesDecleration => {
 };
 
 // libs/css/tailwind-custom-properties-plugin/src/plugin.ts
-var CssTailwindCustomPropertiesPlugin = (0, import_plugin.default)(({ addBase, theme }) => {
+var CssTailwindCustomPropertiesPlugin = (0, import_plugin.default)(({ addBase, addVariant, theme }) => {
   const variablesDeclerationFromThemeConfig = theme("variables", {});
   const cssRules = variablesToCSSRules(variablesDeclerationFromThemeConfig);
   addBase(cssRules);
+  addVariant("child", "& > *");
 });
 
 // libs/css/component-tokens/src/plugin.ts
@@ -1264,10 +1265,18 @@ var designTokensToFontSizeTailwindConfig = fontSizes => {
   return Object.fromEntries(entries);
 };
 
+// libs/shared/utils/src/typeUtils.ts
+var objectEntries = object =>
+  // eslint-disable-next-line local-rules/no-typescript-assertion, local-rules/prefer-custom-object-entries
+  Object.entries(object);
+var objectFromEntries = entries => {
+  return Object.fromEntries(entries);
+};
+
 // libs/css/tailwind/src/lib/utilities/themeColorsToVariableObjectDefinition.ts
 function themeColorsToVariableObjectDefinition(themeColors2) {
-  return Object.fromEntries(
-    Object.entries(themeColors2).map(([_, value]) => {
+  return objectFromEntries(
+    objectEntries(themeColors2).map(([_, value]) => {
       return [value.name, value.variants];
     })
   );