@node-core/ui-components 1.0.1-a0f03ae69979a5fea7c16262ff88cbeef11452c2 → 1.0.1-a356572cf397450a3eeeb973d6fe6d6803a24059

package/package.json

@@ -1,24 +1,6 @@
 {
   "name": "@node-core/ui-components",
   "type": "module",
-  "exports": {
-    "./*": [
-      "./*",
-      "./*.tsx",
-      "./*/index.tsx",
-      "./*.ts",
-      "./*/index.ts"
-    ]
-  },
-  "files": [
-    "Common",
-    "Containers",
-    "Icons",
-    "MDX",
-    "stylelint",
-    "styles",
-    "types.ts"
-  ],
   "dependencies": {
     "@heroicons/react": "^2.2.0",
     "@radix-ui/react-avatar": "^1.1.10",
@@ -30,52 +12,22 @@
     "@radix-ui/react-tabs": "~1.1.12",
     "@radix-ui/react-toast": "~1.2.14",
     "@radix-ui/react-tooltip": "~1.2.7",
-    "@tailwindcss/postcss": "~4.1.8",
     "@vcarl/remark-headings": "~0.1.0",
-    "classnames": "~2.5.1",
-    "postcss-calc": "^10.1.1",
-    "tailwindcss": "~4.0.17"
-  },
-  "devDependencies": {
-    "@storybook/addon-styling-webpack": "^1.0.1",
-    "@storybook/addon-themes": "^9.0.3",
-    "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
-    "@storybook/react": "^9.0.3",
-    "@storybook/react-webpack5": "^9.0.3",
-    "@testing-library/user-event": "~14.6.1",
-    "@types/node": "22.15.3",
-    "@types/react": "^19.1.6",
-    "cross-env": "^7.0.3",
-    "css-loader": "~7.1.2",
-    "eslint-plugin-react": "~7.37.4",
-    "eslint-plugin-storybook": "~9.0.3",
-    "global-jsdom": "^26.0.0",
-    "postcss-loader": "~8.1.1",
-    "react": "^19.1.0",
-    "storybook": "^9.0.3",
-    "style-loader": "~4.0.0",
-    "stylelint": "^16.20.0",
-    "stylelint-config-standard": "^38.0.0",
-    "stylelint-order": "7.0.0",
-    "stylelint-selector-bem-pattern": "4.0.1",
-    "tsx": "^4.19.3",
-    "typescript": "~5.8.2",
-    "typescript-eslint": "~8.33.1"
+    "classnames": "~2.5.1"
   },
   "imports": {
     "#ui/*": [
-      "./*",
-      "./*.tsx",
-      "./*/index.tsx",
-      "./*.ts",
-      "./*/index.ts"
+      "./*"
     ]
   },
   "engines": {
     "node": ">=20"
   },
-  "version": "1.0.1-a0f03ae69979a5fea7c16262ff88cbeef11452c2",
+  "version": "1.0.1-a356572cf397450a3eeeb973d6fe6d6803a24059",
   "scripts": {
+    "compile:ts": "tsc",
+    "compile:css": "postcss --dir dist --base src \"src/**/*.module.css\" src/styles/index.css",
+    "compile": "node --run compile:ts && node --run compile:css",
     "lint": "turbo run lint:js lint:css",
     "lint:css": "stylelint \"**/*.css\" --allow-empty-input --cache --cache-strategy=content --cache-location=.stylelintcache",
     "lint:fix": "node --run lint -- -- --fix",

package/stylelint/one-utility-class-per-line.mjs

@@ -1,64 +1,48 @@
 import stylelint from 'stylelint';
-
 import { indentClassNames } from './utils.mjs';
-
-const {
-  createPlugin,
-  utils: { report, ruleMessages },
-} = stylelint;
-
+const { createPlugin, utils: { report, ruleMessages }, } = stylelint;
 const name = 'nodejs/one-utility-class-per-line';
-
 const messages = ruleMessages(name, {
-  className: classNames =>
-    `Each line should contain only one Tailwind utility class; "${classNames}"`,
-  spacing: classNames =>
-    `Each utility class used with @apply should be indented by 2 spaces on a new line; ${classNames}`,
+    className: classNames => `Each line should contain only one Tailwind utility class; "${classNames}"`,
+    spacing: classNames => `Each utility class used with @apply should be indented by 2 spaces on a new line; ${classNames}`,
 });
-
 const meta = {
-  url: 'https://github.com/nodejs/nodejs.org/blob/main/COLLABORATOR_GUIDE.md#styling-a-component',
-  fixable: true,
+    url: 'https://github.com/nodejs/nodejs.org/blob/main/COLLABORATOR_GUIDE.md#styling-a-component',
+    fixable: true,
 };
-
 /** @type {import('stylelint').Rule} */
 const rule = () => (root, result) => {
-  root.walkAtRules('apply', rule => {
-    if (!rule.params.includes(' ')) {
-      // If there are no spaces in the params, we don't need to check anything
-      return;
-    }
-
-    // Since we use 2 spaces for indentation, each line in the apply rule
-    // should be indented with two extra whitespaces.
-    const classes = rule.params.split(`${rule.raws.before}  `);
-    const classNames = classes.join('');
-
-    // Check if the params contain any spaces
-    if (classNames.includes(' ')) {
-      if (classNames.includes('\n')) {
-        return report({
-          ruleName: name,
-          result: result,
-          message: messages.spacing(JSON.stringify(rule.params)),
-          node: rule,
-          fix: indentClassNames(rule),
-        });
-      }
-
-      return report({
-        ruleName: name,
-        result,
-        message: messages.className(rule.params),
-        node: rule,
-        fix: indentClassNames(rule),
-      });
-    }
-  });
+    root.walkAtRules('apply', rule => {
+        if (!rule.params.includes(' ')) {
+            // If there are no spaces in the params, we don't need to check anything
+            return;
+        }
+        // Since we use 2 spaces for indentation, each line in the apply rule
+        // should be indented with two extra whitespaces.
+        const classes = rule.params.split(`${rule.raws.before}  `);
+        const classNames = classes.join('');
+        // Check if the params contain any spaces
+        if (classNames.includes(' ')) {
+            if (classNames.includes('\n')) {
+                return report({
+                    ruleName: name,
+                    result: result,
+                    message: messages.spacing(JSON.stringify(rule.params)),
+                    node: rule,
+                    fix: indentClassNames(rule),
+                });
+            }
+            return report({
+                ruleName: name,
+                result,
+                message: messages.className(rule.params),
+                node: rule,
+                fix: indentClassNames(rule),
+            });
+        }
+    });
 };
-
 rule.ruleName = name;
 rule.messages = messages;
 rule.meta = meta;
-
 export default createPlugin(name, rule);

package/stylelint/utils.mjs

@@ -8,22 +8,17 @@
  * @returns {Object|null} The modified rule with properly formatted class names, or null if the rule is invalid.
  */
 export const indentClassNames = rule => {
-  // Ensure that the rule contains necessary properties
-  if (!rule || !rule.params || !rule.raws || !rule.raws.before) {
-    return null;
-  }
-
-  const indent = ' '.repeat(rule.raws.before.length + 1);
-
-  // Clean and split the class names
-  const cleanedClasses = cleanClassNames(rule.params);
-
-  // Apply the indentation and join the class names back together
-  rule.params = applyIndentation(cleanedClasses, indent);
-
-  return rule;
+    // Ensure that the rule contains necessary properties
+    if (!rule || !rule.params || !rule.raws || !rule.raws.before) {
+        return null;
+    }
+    const indent = ' '.repeat(rule.raws.before.length + 1);
+    // Clean and split the class names
+    const cleanedClasses = cleanClassNames(rule.params);
+    // Apply the indentation and join the class names back together
+    rule.params = applyIndentation(cleanedClasses, indent);
+    return rule;
 };
-
 /**
  * Cleans the input string by removing unnecessary whitespace and newlines.
  *
@@ -31,12 +26,11 @@ export const indentClassNames = rule => {
  * @returns {string} The cleaned class names string.
  */
 export const cleanClassNames = params => {
-  return params
-    .replace(/[\n\r]+/g, '') // Remove new lines
-    .replace(/\s+/g, ' ') // Replace multiple spaces with a single space
-    .trim(); // Trim leading/trailing spaces
+    return params
+        .replace(/[\n\r]+/g, '') // Remove new lines
+        .replace(/\s+/g, ' ') // Replace multiple spaces with a single space
+        .trim(); // Trim leading/trailing spaces
 };
-
 /**
  * Applies the correct indentation to each class name in the string.
  *
@@ -45,9 +39,9 @@ export const cleanClassNames = params => {
  * @returns {string} The class names string with applied indentation.
  */
 export const applyIndentation = (classes, indent) => {
-  return classes
-    .split(' ') // Split into an array of class names
-    .map(className => indent + className) // Add indentation to each class
-    .join('\n') // Join with new lines
-    .trim(); // Remove extra space at the end
+    return classes
+        .split(' ') // Split into an array of class names
+        .map(className => indent + className) // Add indentation to each class
+        .join('\n') // Join with new lines
+        .trim(); // Remove extra space at the end
 };