greenole-design-system 1.1.95 → 1.1.97

package/dist/base-components/DropdownMenu/DropdownMenu.styles.d.ts

@@ -1,15 +1,17 @@
-import { DropdownMenuPositionProps } from './DropdownMenu.types';
+import { DropdownMenuAlign, DropdownMenuPositionProps } from './DropdownMenu.types';
 export declare const DropdownMenuWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const DropdownMenuTriggerButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const DropdownMenuContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $position: DropdownMenuPositionProps;
-    $limit?: boolean;
-    $usePortal?: boolean;
-    $visible?: boolean;
+    $limit: boolean;
+    $align: DropdownMenuAlign;
+    $usePortal: boolean;
+    $visible: boolean;
 }>> & string;
 export declare const DropdownMenuArrow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $position: DropdownMenuPositionProps;
-    $limit?: boolean;
+    $limit: boolean;
+    $align: DropdownMenuAlign;
 }>> & string;
 export declare const DropdownMenuContentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $showShadow?: boolean;

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

@@ -1,9 +1,11 @@
 import { ReactNode } from 'react';
+export type DropdownMenuAlign = 'start' | 'end';
 export interface DropdownMenuProps {
     children: ReactNode;
     content: ReactNode;
     position?: DropdownMenuPositionProps;
     limit?: boolean;
+    align?: DropdownMenuAlign;
     showArrow?: boolean;
     showShadow?: boolean;
     className?: string;

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

@@ -7,5 +7,5 @@ export interface LoadingProps extends SVGProps<SVGSVGElement> {
     title?: string;
     subtitle?: string;
     fullScreen?: boolean;
-    spinnerType?: 'svg' | 'css';
+    spinnerType?: 'svg' | 'css' | 'spinner';
 }

package/dist/base-components/Loading/loading.styles.d.ts

@@ -5,13 +5,23 @@ export declare const TextContainer: import('styled-components/dist/types').IStyl
 export declare const TitleText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
 export declare const SubtitleText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
 export declare const SpinnerContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Spinner: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGSVGElement>, {
+export declare const Default: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGSVGElement>, {
     $size: number;
 }>> & string;
 export declare const CSSSpinner: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $size: number;
     $color: string;
 }>> & string;
+export declare const Spinner: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $size: number;
+    $color: string;
+}>> & string;
+export declare const SpinnerSegment: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $size: number;
+    $color: string;
+    $rotation: number;
+    $delay: number;
+}>> & string;
 export declare const CompactLoadingContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const CompactTextContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const CompactTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;

package/dist/components/StepperSidebar/StepperSidebar.d.ts

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

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

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as StepperSidebar } from './StepperSidebar';
+declare const meta: Meta<typeof StepperSidebar>;
+export default meta;
+type Story = StoryObj<typeof StepperSidebar>;
+export declare const Default: Story;
+export declare const GuardedSteps: Story;
+export declare const CompletedFlow: Story;
+export declare const MobileViewport: Story;
+export declare const SubtitleAsReactNode: Story;
+export declare const RealisticWorkflowDemo: Story;

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

@@ -0,0 +1,32 @@
+export declare const Sidebar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const Header: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BackButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const Title: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const Subtitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const StepsList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, never>> & string;
+export declare const StepItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+export declare const IconColumn: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Connector: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $reached: boolean;
+}>> & string;
+export declare const StepNodeButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $interactive: boolean;
+    $isGuardDisabled: boolean;
+}>> & string;
+export declare const CompletedNode: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const CurrentNode: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const UpcomingNode: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const InnerDot: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $isCurrent?: boolean;
+}>> & string;
+export declare const StepContentButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $interactive: boolean;
+    $isGuardDisabled: boolean;
+}>> & string;
+export declare const StepLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
+    $isDone: boolean;
+    $clickable: boolean;
+}>> & string;
+export declare const StepSubtitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
+    $clickable: boolean;
+}>> & string;

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

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { THookTypes } from '../../utils/i18n/types';
+export type StepperSidebarStep = {
+    id: string;
+    label: string;
+    subtitle?: ReactNode;
+};
+export type StepperSidebarBaseProps = {
+    t?: THookTypes;
+    title?: string;
+    subtitle?: ReactNode;
+    steps: StepperSidebarStep[];
+    currentStepId: string;
+};
+export type StepperSidebarInteractionProps = {
+    onStepClick?: (stepId: string) => void;
+    onBack?: () => void;
+    isStepEnabled?: (stepId: string) => boolean;
+    backAriaLabel?: string;
+    backAriaTarget?: string;
+    getStepAriaLabel?: (step: StepperSidebarStep) => string;
+    className?: string;
+};
+export type StepperSidebarProps = StepperSidebarBaseProps & StepperSidebarInteractionProps;

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

@@ -0,0 +1,2 @@
+export { default } from './StepperSidebar';
+export type { StepperSidebarProps, StepperSidebarStep, } from './StepperSidebar.types';