@obosbbl/grunnmuren-react 2.0.0-canary.1 → 2.0.0-canary.2

package/README.md

@@ -19,7 +19,7 @@ pnpm add @obosbbl/grunnmuren-react@canary
 Before you start using the components you need to configure the [Tailwind preset](../tailwind/). Remember to add this package to the content scan.
 
 ```js
-import { Button } from '@obosbbl/grunnmuren-react/button';
+import { Button } from '@obosbbl/grunnmuren-react';
 
 export default function () {
   return <Button>Click me</Button>;

package/dist/index.d.mts

@@ -0,0 +1,228 @@
+import { CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, ComboBoxProps, ListBoxItemProps, RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1, SelectProps as SelectProps$1, TextFieldProps as TextFieldProps$1 } from 'react-aria-components';
+export { ListBoxItemProps as ComboboxItemProps, Form, ListBoxItemProps as SelectItemProps } from 'react-aria-components';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'cva';
+
+/**
+ * Figma: https://www.figma.com/file/9OvSg0ZXI5E1eQYi7AWiWn/Grunnmuren-2.0-%E2%94%82-Designsystem?node-id=30%3A2574&mode=dev
+ */
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "tertiary" | undefined;
+    color?: "green" | "mint" | "white" | undefined;
+    isIconOnly?: boolean | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: undefined;
+} | {
+    class?: undefined;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+type ButtonOrLinkProps = (React.ComponentPropsWithoutRef<'button'> & {
+    href?: never;
+}) | (React.ComponentPropsWithoutRef<'a'> & {
+    href: string;
+});
+type ButtonProps = VariantProps<typeof buttonVariants> & {
+    className?: string;
+    children: React.ReactNode;
+    /**
+     * Display the button in a loading state
+     * @default false
+     */
+    loading?: boolean;
+    style?: React.CSSProperties;
+} & ButtonOrLinkProps;
+declare function Button(props: ButtonProps): react_jsx_runtime.JSX.Element;
+
+type CheckboxProps = {
+    children: React.ReactNode;
+    /** Additional CSS className for the element. */
+    className?: string;
+    /** Help text for the form control. */
+    description?: React.ReactNode;
+    /** Error message for the form control. Automatically sets `isInvalid` to true */
+    errorMessage?: React.ReactNode;
+    /** Additional style properties for the element. */
+    style?: React.CSSProperties;
+} & Omit<CheckboxProps$1, 'isDisabled' | 'style' | 'children' | 'isIndeterminate' | 'isReadOnly'>;
+declare function Checkbox(props: CheckboxProps): react_jsx_runtime.JSX.Element;
+
+type CheckboxGroupProps = {
+    children: React.ReactNode;
+    /** Additional CSS className for the element. */
+    className?: string;
+    /** Help text for the form control. */
+    description?: React.ReactNode;
+    /** Error message for the form control. Automatically sets `isInvalid` to true */
+    errorMessage?: React.ReactNode;
+    /** Label for the form control. */
+    label?: React.ReactNode;
+    /** Additional style properties for the element. */
+    style?: React.CSSProperties;
+} & Omit<CheckboxGroupProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style' | 'orientation'>;
+declare function CheckboxGroup(props: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
+
+type ComboboxProps<T extends object> = {
+    children: React.ReactNode;
+    /** Additional CSS className for the element. */
+    className?: string;
+    /** Help text for the form control. */
+    description?: React.ReactNode;
+    /** Error message for the form control. Automatically sets `isInvalid` to true */
+    errorMessage?: React.ReactNode;
+    /**
+     * Display the dropdown button trigger in a loading state
+     * @default false
+     */
+    isLoading?: boolean;
+    /** Label for the form control. */
+    label?: React.ReactNode;
+    /** Placeholder text. Only visible when the input value is empty. */
+    placeholder?: string;
+    /** Additional style properties for the element. */
+    style?: React.CSSProperties;
+} & Omit<ComboBoxProps<T>, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
+declare function Combobox<T extends object>(props: ComboboxProps<T>): react_jsx_runtime.JSX.Element;
+declare const ComboboxItem: (props: ListBoxItemProps) => react_jsx_runtime.JSX.Element;
+
+type RadioGroupProps = {
+    children: React.ReactNode;
+    /** Additional CSS className for the element. */
+    className?: string;
+    /** Help text for the form control. */
+    description?: React.ReactNode;
+    /** Error message for the form control. Automatically sets `isInvalid` to true */
+    errorMessage?: React.ReactNode;
+    /** Label for the form control. */
+    label?: React.ReactNode;
+    /** Additional style properties for the element. */
+    style?: React.CSSProperties;
+} & Omit<RadioGroupProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style' | 'orientation'>;
+declare function RadioGroup(props: RadioGroupProps): react_jsx_runtime.JSX.Element;
+
+type RadioProps = {
+    children: React.ReactNode;
+    /** Additional CSS className for the element. */
+    className?: string;
+    /** Help text for the form control. */
+    description?: React.ReactNode;
+    /** Additional style properties for the element. */
+    style?: React.CSSProperties;
+} & Omit<RadioProps$1, 'isDisabled' | 'children' | 'style'>;
+declare function Radio(props: RadioProps): react_jsx_runtime.JSX.Element;
+
+type SelectProps<T extends object> = {
+    children: React.ReactNode;
+    /** Additional CSS className for the element. */
+    className?: string;
+    /** Help text for the form control. */
+    description?: React.ReactNode;
+    /** Error message for the form control. Automatically sets `isInvalid` to true */
+    errorMessage?: React.ReactNode;
+    /** Label for the form control. */
+    label?: React.ReactNode;
+    /** Placeholder text. Only visible when the input value is empty. */
+    placeholder?: string;
+    /** Additional style properties for the element. */
+    style?: React.CSSProperties;
+} & Omit<SelectProps$1<T>, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
+declare function Select<T extends object>(props: SelectProps<T>): react_jsx_runtime.JSX.Element;
+declare const SelectItem: (props: ListBoxItemProps) => react_jsx_runtime.JSX.Element;
+
+type TextAreaProps = {
+    /** Additional CSS className for the element. */
+    className?: string;
+    /** Help text for the form control. */
+    description?: React.ReactNode;
+    /** Error message for the form control. Automatically sets `isInvalid` to true */
+    errorMessage?: React.ReactNode;
+    /** Label for the form control. */
+    label?: React.ReactNode;
+    /** Placeholder text. Only visible when the input value is empty. */
+    placeholder?: string;
+    /** Additional style properties for the element. */
+    style?: React.CSSProperties;
+    /**
+     * The number of visible text lines for the control.
+     * @default 2
+     */
+    rows?: number;
+} & Omit<TextFieldProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
+declare function TextArea(props: TextAreaProps): react_jsx_runtime.JSX.Element;
+
+type TextFieldProps = {
+    /** Additional CSS className for the element. */
+    className?: string;
+    /** Help text for the form control. */
+    description?: React.ReactNode;
+    /** Error message for the form control. Automatically sets `isInvalid` to true */
+    errorMessage?: React.ReactNode;
+    /** Element to be rendered in the left side of the input. */
+    leftAddon?: React.ReactNode;
+    /** Label for the form control. */
+    label?: React.ReactNode;
+    /** Element to be rendered in the right side of the input. */
+    rightAddon?: React.ReactNode;
+    /** Placeholder text. Only visible when the input value is empty. */
+    placeholder?: string;
+    /**
+     * Text alignment of the input
+     * @default left
+     */
+    textAlign?: 'left' | 'right';
+    /** Additional style properties for the element. */
+    style?: React.CSSProperties;
+    /** Add a divider between the left/right addons and the input */
+    withAddonDivider?: boolean;
+} & Omit<TextFieldProps$1, 'className' | 'isReadOnly' | 'isDisabled' | 'children' | 'style'>;
+declare function TextField(props: TextFieldProps): react_jsx_runtime.JSX.Element;
+
+export { Button, type ButtonProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, Combobox, ComboboxItem, type ComboboxProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, SelectItem, type SelectProps, TextArea, type TextAreaProps, TextField, type TextFieldProps };