feat(ui-components): prepublish

Author: avivkeller

.prettierignore

@@ -39,6 +39,9 @@ CODEOWNERS
 # Public Folders
 apps/site/public
 
+# Dist
+dist
+
 # Prettier's Handlebar parser is limited and chokes on some syntax features
 # https://github.com/prettier/prettier/issues/11834
 scripts/release-post/template.hbs

apps/site/styles/effects.css

@@ -1,3 +1,5 @@
+@reference '@node-core/ui-components/styles/index.css';
+
 @utility turtle {
   @apply animate-surf
     absolute

apps/site/styles/locales.css

@@ -1,3 +1,5 @@
+@reference '@node-core/ui-components/styles/index.css';
+
 /**
  * To enhance readability for Korean users, line spacing is increased,
  * line breaks in the middle of words are prevented, and long words are

eslint.config.js

@@ -18,6 +18,7 @@ export default [
       '**/.open-next',
       'test-results',
       'playwright-report',
+      'dist',
     ],
   },
   {

packages/ui-components/.storybook/preview.tsx

@@ -4,7 +4,7 @@ import type { Preview, ReactRenderer } from '@storybook/react';
 
 import { STORYBOOK_MODES, STORYBOOK_SIZES } from './constants';
 
-import '#ui/styles/index.css';
+import '../src/styles/index.css';
 
 const preview: Preview = {
   parameters: {

packages/ui-components/.stylelintignore

@@ -1 +1,2 @@
 storybook-static
+dist

packages/ui-components/.stylelintrc.mjs

@@ -26,7 +26,7 @@ export default {
   plugins: [
     'stylelint-order',
     'stylelint-selector-bem-pattern',
-    '#ui/stylelint/one-utility-class-per-line.mjs',
+    './src/stylelint/one-utility-class-per-line.mjs',
   ],
   rules: {
     // Enforces Element Class Names to be camelCase

packages/ui-components/__design__/node-logos.stories.tsx

@@ -8,7 +8,7 @@ import {
   NodejsStackedDark,
   NodejsStackedLight,
   NodejsStackedWhite,
-} from '#ui/Icons/Logos';
+} from '../src/Icons/Logos';
 
 export const HorizontalLogo: StoryObj = {
   render: () => <Nodejs width={267} height={80} />,

packages/ui-components/__design__/platform-logos.stories.tsx

@@ -8,8 +8,8 @@ import {
   Choco,
   N,
   Volta,
-} from '#ui/Icons/InstallationMethod';
-import { Apple, Linux, Microsoft, AIX } from '#ui/Icons/OperatingSystem';
+} from '../src/Icons/InstallationMethod';
+import { Apple, Linux, Microsoft, AIX } from '../src/Icons/OperatingSystem';
 
 const osIcons = [Apple, Linux, Microsoft, AIX];
 const installMethodIcons = [Docker, Homebrew, NVM, Devbox, Choco, N, Volta];

packages/ui-components/__design__/social-logos.stories.tsx

@@ -8,7 +8,7 @@ import {
   Mastodon,
   Slack,
   X,
-} from '#ui/Icons/Social';
+} from '../src/Icons/Social';
 
 const socialIcons = [
   [GitHub, Mastodon, LinkedIn],