feat(SW-375): new tokens

new asset generation logic

BREAKING CHANGE: New tokens.

packages/design-system/lib/components/Card/Card.tsx

@@ -1,26 +1,11 @@
-import styles from './card.module.css'
+import { variants } from './variants'
 
-import { cva, type VariantProps } from 'class-variance-authority'
+import type { CardProps } from './types'
 
-const card = cva(styles.card, {
-  variants: {
-    intent: {
-      basic: styles.basic,
-      border: styles.border,
-    },
-  },
-  // compoundVariants: [
-  //   { intent: "primary", size: "medium", className: styles.primaryMedium },
-  // ],
-  defaultVariants: {
-    intent: 'basic',
-  },
-})
-
-export interface CardProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof card> {}
-
-export function Card({ className, intent }: CardProps) {
-  return <div className={card({ intent, className })}>Card</div>
+export function Card({ as, className, children }: CardProps) {
+  const classNames = variants({
+    as,
+    className,
+  })
+  return <div className={classNames}>{children}</div>
 }