@anker-in/headless-ui 0.0.9 → 0.0.11

package/src/stories/radio.stories.tsx

@@ -4,13 +4,13 @@ import React from 'react'
 export default { title: 'Components/Radio' }
 
 export const Default = () => (
-  <div className="flex h-40 w-48 items-center justify-center">
-    <RadioGroup defaultValue="option-one">
-      <div className="flex items-center space-x-2">
+  <div className="ai-flex ai-h-40 ai-w-48 ai-items-center ai-justify-center">
+    <RadioGroup defaultValue="ai-option-one">
+      <div className="ai-flex ai-items-center ai-space-x-2">
         <RadioGroupItem value="option-one" id="option-one" />
         <label htmlFor="option-one">Option One</label>
       </div>
-      <div className="flex items-center space-x-2">
+      <div className="ai-flex ai-items-center ai-space-x-2">
         <RadioGroupItem value="option-two" id="option-two" />
         <label htmlFor="option-two">Option Two</label>
       </div>

package/src/stories/skeleton.stories.tsx

@@ -21,12 +21,12 @@ export const Default: Story = {}
 export const Example: Story = {
   render() {
     return (
-      <div className="flex flex-col items-center justify-center">
-        <div className="flex w-full justify-between">
-          <Skeleton className="size-12 rounded-full" />
-          <Skeleton className="h-12 w-[70%] " />
+      <div className="ai-flex ai-flex-col ai-items-center ai-justify-center">
+        <div className="ai-flex ai-w-full ai-justify-between">
+          <Skeleton className="ai-size-12 ai-rounded-full" />
+          <Skeleton className="ai-h-12 ai-w-[70%] " />
         </div>
-        <Skeleton className="mt-2 h-40 w-[200px]" />
+        <Skeleton className="ai-mt-2 ai-h-40 ai-w-[200px]" />
       </div>
     )
   },

package/src/stories/text.stories.tsx

@@ -10,6 +10,29 @@ const meta = {
     layout: 'centered',
   },
   tags: ['autodocs'],
+  argTypes: {
+    size: {
+      control: {
+        type: 'select',
+      },
+      options: [1, 2, 3, 4, 5, 6, 7, 8, 9],
+    },
+    weights: {
+      control: {
+        type: 'select',
+      },
+      options: ['light', 'normal', 'medium', 'bold'],
+    },
+    html: {
+      type: 'string',
+      description: '相当于 dangerouslySetInnerHTML',
+    },
+  },
+  args: {
+    size: 3,
+    weights: 'normal',
+    html: '',
+  },
 } satisfies Meta<typeof Text>
 
 export default meta
@@ -18,10 +41,12 @@ type Story = StoryObj<typeof meta>
 export const Default: Story = {
   args: {
     children: ' The quick brown fox jumps over the lazy dog.',
+    size: 3,
+    weights: 'normal',
   },
 }
 
-const sizes = new Array(10).fill(0).map((_, i) => i + 1)
+const sizes = new Array(9).fill(0).map((_, i) => i + 1)
 export const All: Story = {
   render() {
     return (