feat(SW-375): new tokens

new asset generation logic

BREAKING CHANGE: New tokens.

packages/design-system/lib/components/Chips/Chips.stories.tsx

@@ -0,0 +1,61 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { fn } from '@storybook/test'
+
+import { Chips } from './Chips.tsx'
+import { ChipLink } from '../ChipLink/ChipLink.tsx'
+import { ChipButton } from '../ChipButton/ChipButton.tsx'
+
+import { Default as ChipLinkDefault } from '../ChipLink/ChipLink.stories.tsx'
+import { Default as ChipButtonDefault } from '../ChipButton/ChipButton.stories.tsx'
+
+type StoryProps = React.ComponentPropsWithoutRef<typeof Chips> & {
+  onPress: () => void
+}
+
+const meta: Meta<StoryProps> = {
+  title: 'Compositions/Chips',
+  component: Chips,
+  argTypes: {
+    onPress: {
+      table: {
+        disable: true,
+      },
+    },
+  },
+}
+
+export default meta
+
+type Story = StoryObj<StoryProps>
+
+export const Default: Story = {
+  args: {
+    onPress: fn(),
+  },
+  render: (args) => {
+    return (
+      <Chips>
+        <ChipButton {...ChipButtonDefault.args} {...args} />
+        <ChipButton {...ChipButtonDefault.args} {...args} />
+        <ChipButton {...ChipButtonDefault.args} {...args} />
+        <ChipLink {...ChipLinkDefault.args} {...args} />
+        <ChipLink {...ChipLinkDefault.args} {...args} />
+        <ChipLink {...ChipLinkDefault.args} {...args} />
+        <ChipButton {...ChipButtonDefault.args} {...args} />
+        <ChipButton {...ChipButtonDefault.args} {...args} />
+        <ChipButton {...ChipButtonDefault.args} {...args} />
+        <ChipLink {...ChipLinkDefault.args} {...args} />
+        <ChipLink {...ChipLinkDefault.args} {...args} />
+        <ChipLink {...ChipLinkDefault.args} {...args} />
+        <ChipButton {...ChipButtonDefault.args} {...args} />
+        <ChipButton {...ChipButtonDefault.args} {...args} />
+        <ChipLink {...ChipLinkDefault.args} {...args} />
+        <ChipButton {...ChipButtonDefault.args} {...args} />
+        <ChipLink {...ChipLinkDefault.args} {...args} />
+        <ChipLink {...ChipLinkDefault.args} {...args} />
+        <ChipLink {...ChipLinkDefault.args} {...args} />
+        <ChipButton {...ChipButtonDefault.args} {...args} />
+      </Chips>
+    )
+  },
+}

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

@@ -0,0 +1,7 @@
+import styles from './chips.module.css'
+
+import type { PropsWithChildren } from 'react'
+
+export function Chips({ children }: PropsWithChildren) {
+  return <div className={styles.chips}>{children}</div>
+}

packages/design-system/lib/components/Chips/chips.module.css

@@ -0,0 +1,6 @@
+.chips {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: var(--Space-x1);
+}

packages/design-system/lib/components/Chips/index.tsx

@@ -0,0 +1 @@
+export { Chips } from './Chips'