@driveflux/beam 3.0.5 → 3.0.6-next.0

package/dist/alert/Alert.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "error" | "default" | "warning" | null | undefined;
+    variant?: "warning" | "error" | "default" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<SVGSVGElement> & {
     variant?: "default" | "error" | "warning";

package/dist/alert/Alert.stories.d.ts

@@ -1,7 +1,7 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     component: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("class-variance-authority").VariantProps<(props?: ({
-        variant?: "error" | "default" | "warning" | null | undefined;
+        variant?: "warning" | "error" | "default" | null | undefined;
     } & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLDivElement>>;
 };
 export default meta;

package/dist/badge/Badge.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 import type * as React from 'react';
 declare const badgeVariants: (props?: ({
-    colorScheme?: "error" | "info" | "warning" | "success" | "accent" | null | undefined;
+    colorScheme?: "info" | "warning" | "success" | "error" | "accent" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/dist/base-styles.css

@@ -119,6 +119,7 @@
 	--color-primary-800: #000000;
 	--color-primary-900: #000000;
 
+	--color-success-25: #f1f9f4;
 	--color-success-50: #d8f7f2;
 	--color-success-100: #98e6d6;
 	--color-success-200: #3bd5bc;
@@ -129,6 +130,7 @@
 	--color-success-700: #00825c;
 	--color-success-800: #00724d;
 	--color-success-900: #005530;
+	--color-success-950: #16776d;
 
 	--color-accent-50: #fceaee;
 	--color-accent-100: #f8cad3;

package/dist/button/Button.d.ts

@@ -2,7 +2,7 @@ import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const buttonVariants: (props?: ({
     variant?: "outline" | "outline-white" | null | undefined;
-    colorScheme?: "link" | "default" | "warning" | "success" | "accent" | null | undefined;
+    colorScheme?: "warning" | "success" | "link" | "default" | "accent" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/button/TextButton.d.ts

@@ -0,0 +1,11 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const textButtonVariants: (props?: ({
+    variant?: "link" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TextButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof textButtonVariants> {
+    asChild?: boolean;
+}
+declare const TextButton: React.ForwardRefExoticComponent<TextButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default TextButton;
+//# sourceMappingURL=TextButton.d.ts.map

package/dist/button/TextButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.d.ts","sourceRoot":"","sources":["../../src/button/TextButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,QAAA,MAAM,kBAAkB;;8EAavB,CAAA;AAED,MAAM,WAAW,eAChB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACpD,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,UAAU,2FAWf,CAAA;AAGD,eAAe,UAAU,CAAA"}

package/dist/button/TextButton.js

@@ -0,0 +1,88 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import * as React from 'react';
+import { cn } from '../utils.js';
+var textButtonVariants = cva('inline cursor-pointer disabled:pointer-events-none disabled:opacity-30 text-base leading-[19.6px] bg-transparent border-0 p-0 m-0', {
+    variants: {
+        variant: {
+            default: 'text-inherit',
+            link: 'text-links hover:text-[var(--color-links2)]'
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+var TextButton = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, variant = _param.variant, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, props = _object_without_properties(_param, [
+        "className",
+        "variant",
+        "asChild"
+    ]);
+    var Comp = asChild ? Slot : 'button';
+    return /*#__PURE__*/ _jsx(Comp, _object_spread({
+        className: cn(textButtonVariants({
+            variant: variant,
+            className: className
+        })),
+        ref: ref
+    }, props));
+});
+TextButton.displayName = 'TextButton';
+export default TextButton;

package/dist/button/TextButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.js","sourceRoot":"","sources":["../../src/button/TextButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAEhC,MAAM,kBAAkB,GAAG,GAAG,CAC7B,mIAAmI,EACnI;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,cAAc;YACvB,IAAI,EAAE,6CAA6C;SACnD;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;KAClB;CACD,CACD,CAAA;AAQD,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1D,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IACtC,OAAO,CACN,KAAC,IAAI,IACJ,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,EACzD,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAA;AACF,CAAC,CACD,CAAA;AACD,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}

package/dist/command/command.d.ts

@@ -27,7 +27,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "type" | "onChange"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "onChange" | "type"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & CommandInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/styles.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -344,6 +344,9 @@
       max-width: 96rem !important;
     }
   }
+  .m-0 {
+    margin: calc(var(--spacing) * 0) !important;
+  }
   .m-2 {
     margin: calc(var(--spacing) * 2) !important;
   }
@@ -398,6 +401,9 @@
   .grid {
     display: grid !important;
   }
+  .inline {
+    display: inline !important;
+  }
   .inline-block {
     display: inline-block !important;
   }
@@ -749,6 +755,10 @@
     border-style: var(--tw-border-style) !important;
     border-width: 1px !important;
   }
+  .border-0 {
+    border-style: var(--tw-border-style) !important;
+    border-width: 0px !important;
+  }
   .border-2 {
     border-style: var(--tw-border-style) !important;
     border-width: 2px !important;
@@ -1175,6 +1185,9 @@
   .text-info-600 {
     color: var(--color-info-600) !important;
   }
+  .text-inherit {
+    color: inherit !important;
+  }
   .text-links {
     color: var(--color-links) !important;
   }
@@ -1631,6 +1644,13 @@
       }
     }
   }
+  .hover\:text-\[var\(--color-links2\)\] {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-links2) !important;
+      }
+    }
+  }
   .hover\:text-black {
     &:hover {
       @media (hover: hover) {
@@ -2038,6 +2058,12 @@
       border-radius: var(--radius-xl) !important;
     }
   }
+  .md\:rounded-b-xl {
+    @media (width >= 48rem) {
+      border-bottom-right-radius: var(--radius-xl) !important;
+      border-bottom-left-radius: var(--radius-xl) !important;
+    }
+  }
   .md\:text-base {
     @media (width >= 48rem) {
       font-size: var(--text-base) !important;
@@ -2059,6 +2085,12 @@
       width: calc(var(--spacing) * 6) !important;
     }
   }
+  .lg\:tracking-wide {
+    @media (width >= 64rem) {
+      --tw-tracking: var(--tracking-wide) !important;
+      letter-spacing: var(--tracking-wide) !important;
+    }
+  }
   .dark\:border-gray-800 {
     &:is(.dark *) {
       border-color: var(--color-gray-800) !important;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@driveflux/beam",
-  "version": "3.0.5",
+  "version": "3.0.6-next.0",
   "type": "module",
   "exports": {
     "./accordion": {
@@ -27,6 +27,10 @@
       "types": "./dist/button/Button.d.ts",
       "import": "./dist/button/Button.js"
     },
+    "./text-button": {
+      "types": "./dist/button/TextButton.d.ts",
+      "import": "./dist/button/TextButton.js"
+    },
     "./breadcrumbs": {
       "types": "./dist/breadcrumbs/Breadcrumbs.d.ts",
       "import": "./dist/breadcrumbs/Breadcrumbs.js"