Move to tokens

Author: Aitem

packages/react-components/scripts/sync-design-tokens.js

@@ -4,8 +4,8 @@ import fs from 'fs';
 import path from 'path';
 
 const DESIGN_TOKENS_DIR = './AidboxDesignTokens';
-const CSS_TEMPLATE_FILE = './hs.template.css';
-const RESULTING_CSS_FILE = './src/hs.css';
+const CSS_TEMPLATE_FILE = './src/template.css';
+const RESULTING_CSS_FILE = './src/tokens.css';
 
 const ALL_DESIGN_TOKENS = [
   {

packages/react-components/src/index.css

@@ -1,7 +1,7 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
 @import "tailwindcss";
 @import "tw-animate-css";
-@import "./hs.css";
+@import "./tokens.css";
 
 @custom-variant dark (&:is(.dark *));
 

packages/react-components/src/stories/Calendar.stories.tsx

@@ -2,8 +2,6 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { Calendar } from '@/components/ui/calendar';
 import * as React from 'react';
 
-// Import CSS for design tokens
-import '../hs.css';
 
 // Error Boundary Component
 class ErrorBoundary extends React.Component<