@cntrl-site/components 1.0.17-7 → 1.0.17-9

package/dist/Components/FAQ/FAQ.d.ts

@@ -1,64 +1,2 @@
-import { CommonComponentProps } from '../props';
-import { TextStyles } from '../utils/textStylesToCss';
-type FAQContentItem = {
-    question?: string;
-    answer?: any[];
-};
-type FAQSettings = {
-    wrapperWidth?: number;
-    cellMinHeight?: number;
-    dividerWidth?: number;
-    dividerStyle?: 'solid' | 'dashed' | 'dotted';
-    entryHoverEffect?: 'none' | 'default';
-    autoclose?: 'on' | 'off';
-    icon?: string | null;
-    iconMaxWidth?: number;
-    iconPaddingRight?: number;
-    iconAnimation?: 'rotate 180' | 'rotate 90' | 'rotate 45';
-    questionColor?: string;
-    answerColor?: string;
-    dividerColor?: string;
-    iconColor?: string;
-    questionHoverColor?: string;
-    iconHoverColor?: string;
-    iconActiveColor?: string;
-    dividerHoverColor?: string;
-    questionFontFamily?: string;
-    questionFontSettings?: {
-        fontWeight: number;
-        fontStyle: string;
-    };
-    questionFontSize?: number;
-    questionLineHeight?: number;
-    questionLetterSpacing?: number;
-    questionWordSpacing?: number;
-    questionTextAppearance?: TextStyles['textAppearance'];
-    answerFontFamily?: string;
-    answerFontSettings?: {
-        fontWeight: number;
-        fontStyle: string;
-    };
-    answerFontSize?: number;
-    answerLineHeight?: number;
-    answerLetterSpacing?: number;
-    answerWordSpacing?: number;
-    answerTextAppearance?: TextStyles['textAppearance'];
-    questionPaddingLeft?: number;
-    questionPaddingTop?: number;
-    questionPaddingBottom?: number;
-    answerPaddingLeft?: number;
-    answerPaddingRight?: number;
-    answerPaddingTop?: number;
-    answerPaddingBottom?: number;
-};
-type FAQProps = {
-    settings: FAQSettings;
-    content?: FAQContentItem[];
-    isEditor?: boolean;
-    isPreviewMode?: boolean;
-    isEditMode?: boolean;
-    activeEvent: string | undefined;
-    onUpdateSettings?: (settings: FAQSettings) => void;
-} & CommonComponentProps;
+import { FAQProps } from './FAQTypes';
 export declare function FAQ({ settings, content, isEditor, isPreviewMode, isEditMode, activeEvent }: FAQProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Components/FAQ/FAQConstants.d.ts

@@ -0,0 +1,5 @@
+import { ColorKeys } from './FAQTypes';
+export declare const PANEL_ANIM_MS = 300;
+export declare const PADDING_HANDLE_SIZE = 0.004;
+export declare const COLOR_VAR_MAP: Record<ColorKeys, string>;
+export declare const STATE_KEYS: readonly ["hover", "focus", "filled", "success", "error"];

package/dist/Components/FAQ/FAQStyles.d.ts

@@ -0,0 +1 @@
+export declare function getCSS(P: string): string;

package/dist/Components/FAQ/FAQTypes.d.ts

@@ -0,0 +1,63 @@
+import { CommonComponentProps } from '../props';
+import { TextStyles } from '../utils/textStylesToCss';
+export type FAQContentItem = {
+    question?: string;
+    answer?: any[];
+};
+export type FAQSettings = {
+    wrapperWidth?: number;
+    cellMinHeight?: number;
+    dividerWidth?: number;
+    dividerStyle?: 'solid' | 'dashed' | 'dotted';
+    entryHoverEffect?: 'none' | 'default';
+    autoclose?: 'on' | 'off';
+    icon?: string | null;
+    iconMaxWidth?: number;
+    iconPaddingRight?: number;
+    iconAnimation?: 'rotate 180' | 'rotate 90' | 'rotate 45';
+    questionColor?: string;
+    answerColor?: string;
+    dividerColor?: string;
+    iconColor?: string;
+    questionHoverColor?: string;
+    iconHoverColor?: string;
+    iconActiveColor?: string;
+    dividerHoverColor?: string;
+    questionFontFamily?: string;
+    questionFontSettings?: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    questionFontSize?: number;
+    questionLineHeight?: number;
+    questionLetterSpacing?: number;
+    questionWordSpacing?: number;
+    questionTextAppearance?: TextStyles['textAppearance'];
+    answerFontFamily?: string;
+    answerFontSettings?: {
+        fontWeight: number;
+        fontStyle: string;
+    };
+    answerFontSize?: number;
+    answerLineHeight?: number;
+    answerLetterSpacing?: number;
+    answerWordSpacing?: number;
+    answerTextAppearance?: TextStyles['textAppearance'];
+    questionPaddingLeft?: number;
+    questionPaddingTop?: number;
+    questionPaddingBottom?: number;
+    answerPaddingLeft?: number;
+    answerPaddingRight?: number;
+    answerPaddingTop?: number;
+    answerPaddingBottom?: number;
+};
+export type FAQProps = {
+    settings: FAQSettings;
+    content?: FAQContentItem[];
+    isEditor?: boolean;
+    isPreviewMode?: boolean;
+    isEditMode?: boolean;
+    activeEvent: string | undefined;
+    onUpdateSettings?: (settings: FAQSettings) => void;
+} & CommonComponentProps;
+export type ColorKeys = 'questionColor' | 'answerColor' | 'dividerColor' | 'iconColor' | 'questionHoverColor' | 'iconHoverColor' | 'iconActiveColor' | 'dividerHoverColor';

package/dist/Components/FAQ/FAQTypography.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+import { TextStyles } from '../utils/textStylesToCss';
+import { FAQSettings } from './FAQTypes';
+export declare function getTextClassName(fontSize: number | undefined, lineHeight: number | undefined, baseClassName: string, tightLeadingClassName: string): string;
+export declare function getTextLeadingVars(fontSize: number | undefined, lineHeight: number | undefined, prefix: string, isEditor?: boolean): CSSProperties;
+export declare function resolveTextStyle(fontFamily: string | undefined, fontSettings: FAQSettings['questionFontSettings'], fontSize: number | undefined, lineHeight: number | undefined, letterSpacing: number | undefined, wordSpacing: number | undefined, textAppearance: TextStyles['textAppearance'], color: string | undefined): TextStyles;

package/dist/Components/helpers/PaddingControl/PaddingControl.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties, ComponentPropsWithoutRef } from 'react';
+export type PaddingControlHitPlacement = 'left-y' | 'center-x' | 'center';
+export type PaddingControlProps = {
+    className: string;
+    areaStyle: CSSProperties;
+    hitPlacement: PaddingControlHitPlacement;
+    centerXHitTop?: string;
+} & ComponentPropsWithoutRef<'div'>;
+export declare function PaddingControl({ className, areaStyle, hitPlacement, centerXHitTop, ...rest }: PaddingControlProps): import("react/jsx-runtime").JSX.Element;