greenole-design-system 1.1.1 → 1.1.2

package/dist/base-components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { DropdownProps } from './Dropdown.types';
+declare const Dropdown: React.FC<DropdownProps>;
+export default Dropdown;

package/dist/base-components/Dropdown/Dropdown.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Dropdown } from './';
+declare const meta: Meta<typeof Dropdown>;
+export default meta;
+type Story = StoryObj<typeof Dropdown>;
+export declare const Default: Story;
+export declare const DarkTheme: Story;

package/dist/base-components/Dropdown/Dropdown.types.d.ts

@@ -0,0 +1,20 @@
+import { HTMLAttributes } from 'react';
+export interface DropdownProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    options: DropdownOption[];
+    selectedValue?: string;
+    onChange?: (selected: string) => void;
+    className?: string;
+    width?: string;
+    theme?: "light" | "dark";
+    hasSearch?: boolean;
+    placeholder?: string;
+    label?: string;
+    subtitle?: string;
+    subtitleIcon?: React.ReactNode;
+    labelSize?: "body-sm" | "body-md" | "body-lg" | "body-xl";
+    labelWeight?: "regular" | "medium" | "semibold" | "bold";
+}
+export interface DropdownOption {
+    value: string;
+    label: string;
+}

package/dist/base-components/Dropdown/DropdownOptionItem.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { DropdownOption } from './Dropdown.types';
+interface Props {
+    option: DropdownOption;
+    selected: boolean;
+    onSelect: () => void;
+    theme: "light" | "dark";
+}
+declare const DropdownOptionItem: React.FC<Props>;
+export default DropdownOptionItem;

package/dist/base-components/Dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Dropdown } from './Dropdown';
+export * from './Dropdown.types';

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { AccordionProps } from './types';
+export declare const Accordion: React.FC<AccordionProps>;
+export default Accordion;

package/dist/components/Accordion/Accordion.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Accordion } from './Accordion';
+declare const meta: Meta<typeof Accordion>;
+export default meta;
+type Story = StoryObj<typeof Accordion>;
+export declare const Default: Story;

package/dist/components/Accordion/types.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface AccordionProps {
+    title: string;
+    subtitle?: string;
+    subtitleIcon?: ReactNode;
+    defaultOpen?: boolean;
+    children: ReactNode;
+}

package/dist/components/Calendar/Calendar.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { CalendarProps } from './Calendar.types';
+export declare const Calendar: React.FC<CalendarProps>;
+export default Calendar;

package/dist/components/Calendar/Calendar.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Calendar } from './Calendar';
+declare const meta: Meta<typeof Calendar>;
+export default meta;
+type Story = StoryObj<typeof Calendar>;
+export declare const Docs: Story;
+export declare const Default: Story;
+export declare const CustomRange: Story;
+export declare const InsideCard: Story;

package/dist/components/Calendar/Calendar.styles.d.ts

@@ -0,0 +1,11 @@
+export declare const styles: {
+    dayBase: string;
+    dayHover: string;
+    dayInRange: string;
+    dayStart: string;
+    dayEnd: string;
+    daySingle: string;
+    presetBase: string;
+    presetActive: string;
+    presetHover: string;
+};

package/dist/components/Calendar/Calendar.types.d.ts

@@ -0,0 +1,9 @@
+import { Dayjs } from 'dayjs';
+export type DateRange = {
+    start: Dayjs | null;
+    end: Dayjs | null;
+};
+export interface CalendarProps {
+    defaultRange?: DateRange;
+    onChange?: (range: DateRange) => void;
+}

package/dist/components/Calendar/Calendar.utils.d.ts

@@ -0,0 +1,10 @@
+import { Dayjs } from 'dayjs';
+export declare const isSameRange: (a: {
+    start: Dayjs | null;
+    end: Dayjs | null;
+}, b: {
+    start: Dayjs | null;
+    end: Dayjs | null;
+}) => boolean | undefined;
+export declare const formatDate: (date: Dayjs | null) => string;
+export declare const getDaysOfWeek: (locale?: string) => string[];

package/dist/components/Calendar/DateRangePicker.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { DateRange } from './Calendar.types';
+interface Props {
+    range: DateRange;
+    onChange: (range: DateRange) => void;
+}
+export declare const DateRangePicker: React.FC<Props>;
+export {};

package/dist/components/Calendar/Presets.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { DateRange } from './Calendar.types';
+interface PresetsProps {
+    currentRange: DateRange;
+    onSelect: (range: DateRange) => void;
+}
+export declare const Presets: React.FC<PresetsProps>;
+export {};

package/dist/components/Calendar/index.d.ts

@@ -0,0 +1,2 @@
+export { Calendar } from './Calendar';
+export type { CalendarProps, DateRange } from './Calendar.types';

package/dist/components/Icons/ChevronUp.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface ChevronUpProps {
+    className?: string;
+}
+export default function ChevronUp({ className }: ChevronUpProps): React.JSX.Element;
+export {};

package/dist/components/Icons/Info.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface InfoProps {
+    className?: string;
+}
+declare const Info: React.FC<InfoProps>;
+export default Info;

package/dist/components/Typography/Typography.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-xl-bold' | 'body-xl-semibold' | 'body-xl-medium' | 'body-xl-regular' | 'body-lg-bold' | 'body-lg-semibold' | 'body-lg-medium' | 'body-lg-regular' | 'body-md-bold' | 'body-md-semibold' | 'body-md-medium' | 'body-md-regular' | 'body-sm-bold' | 'body-sm-semibold' | 'body-sm-medium' | 'body-sm-regular' | 'caption-bold' | 'caption-semibold' | 'caption-medium' | 'caption-regular';
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-xl-bold' | 'body-xl-semibold' | 'body-xl-medium' | 'body-xl-regular' | 'body-lg-bold' | 'body-lg-semibold' | 'body-lg-medium' | 'body-lg-regular' | 'body-md-bold' | 'body-md-semibold' | 'body-md-medium' | 'body-md-regular' | 'body-sm-bold' | 'body-sm-semibold' | 'body-sm-medium' | 'body-sm-regular' | 'caption-bold' | 'caption-semibold' | 'caption-medium' | 'caption-regular';
 interface TypographyProps {
     variant?: TypographyVariant;
     children: React.ReactNode;