@altimateai/ui-components 0.0.23-beta.6 → 0.0.23

package/dist/storybook/Badge.stories.tsx

@@ -34,10 +34,3 @@ export const Outline: Story = {
     children: "Outline",
   },
 };
-
-export const Success: Story = {
-  args: {
-    variant: "success",
-    children: "Success",
-  },
-};

package/dist/storybook/Card.stories.tsx

@@ -31,7 +31,7 @@ export const WithForm = () => (
       <CardDescription>Enter your details below.</CardDescription>
     </CardHeader>
     <CardContent>
-      <div className="grid al-w-full items-center gap-4">
+      <div className="grid w-full items-center gap-4">
         <div className="flex flex-col space-y-1.5">
           <label htmlFor="name">Name</label>
           <input id="name" className="border rounded p-2" />
@@ -63,7 +63,7 @@ export const Pricing = () => (
       </ul>
     </CardContent>
     <CardFooter>
-      <Button className="al-w-full">Subscribe</Button>
+      <Button className="w-full">Subscribe</Button>
     </CardFooter>
   </Card>
 );

package/dist/storybook/Label.stories.tsx

@@ -19,7 +19,7 @@ Default.args = {
 };
 
 export const WithInput = () => (
-  <div className="grid al-w-full max-w-sm items-center gap-1.5">
+  <div className="grid w-full max-w-sm items-center gap-1.5">
     <Label htmlFor="email">Email</Label>
     <Input type="email" id="email" placeholder="Enter your email" />
   </div>
@@ -35,7 +35,7 @@ Required.args = {
 };
 
 export const Disabled = () => (
-  <div className="grid al-w-full max-w-sm items-center gap-1.5">
+  <div className="grid w-full max-w-sm items-center gap-1.5">
     <Label htmlFor="disabled">Disabled Label</Label>
     <Input id="disabled" disabled />
   </div>

package/dist/storybook/Typography.stories.tsx

@@ -43,8 +43,8 @@ export const Typography: Story = {
           Heading 1 <br />
           Bold
         </Component>
-        <Component variant="caption" className="text-gray-500">
-          32px / Line height: 32px
+        <Component variant="caption" className="al-text-gray-500">
+          48px / Line height: 60px
         </Component>
       </div>
 
@@ -70,8 +70,8 @@ export const Typography: Story = {
           Heading 2 <br />
           Bold
         </Component>
-        <Component variant="caption" className="text-gray-500">
-          24px / Line height: 32px
+        <Component variant="caption" className="al-text-gray-500">
+          36px / Line height: 44px
         </Component>
       </div>
 
@@ -97,8 +97,8 @@ export const Typography: Story = {
           Heading 3 <br />
           Bold
         </Component>
-        <Component variant="caption" className="text-gray-500">
-          18px / Line height: 26px
+        <Component variant="caption" className="al-text-gray-500">
+          30px / Line height: 38px
         </Component>
       </div>
 
@@ -124,8 +124,8 @@ export const Typography: Story = {
           Heading 4 <br />
           Bold
         </Component>
-        <Component variant="caption" className="text-gray-500">
-          16px / Line height: 24px
+        <Component variant="caption" className="al-text-gray-500">
+          24px / Line height: 32px
         </Component>
       </div>
 
@@ -151,8 +151,8 @@ export const Typography: Story = {
           Sub heading <br />
           Bold
         </Component>
-        <Component variant="caption" className="text-gray-500">
-          14px / Line height: 20px
+        <Component variant="caption" className="al-text-gray-500">
+          20px / Line height: 30px
         </Component>
       </div>
 
@@ -173,8 +173,8 @@ export const Typography: Story = {
         <Component variant="body" size="xl">
           Body XL <br /> Regular
         </Component>
-        <Component variant="caption" className="text-gray-500">
-          14px, 10px, 8px | Line height: 18px, 16px, 14px
+        <Component variant="caption" className="al-text-gray-500">
+          20px, 16px, 14px, 12px | Line height: 30px, 24px, 20px, 18px
         </Component>
       </div>
 
@@ -195,8 +195,8 @@ export const Typography: Story = {
         <Component variant="caption" weight="medium" size="lg">
           Caption LG <br /> Medium
         </Component>
-        <Component variant="caption" className="text-gray-500">
-          14px, 10px | Line height: 18px, 16px
+        <Component variant="caption" className="al-text-gray-500">
+          12px, 14px, 16px | Line height: 24px, 20px, 18px
         </Component>
       </div>
     </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altimateai/ui-components",
-  "version": "0.0.23-beta.6",
+  "version": "0.0.23",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/AltimateAI/altimate-components.git"
@@ -52,4 +52,4 @@
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   }
-}
+}