@schematichq/schematic-components 0.3.14 → 0.4.0-rc.2

package/dist/schematic-components.d.ts

@@ -818,6 +818,12 @@ declare interface CompanyPlanDetailResponseData {
      * @memberof CompanyPlanDetailResponseData
      */
     isDefault: boolean;
+    /**
+     *
+     * @type {boolean}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    isTrialable: boolean;
     /**
      *
      * @type {BillingPriceResponseData}
@@ -836,6 +842,12 @@ declare interface CompanyPlanDetailResponseData {
      * @memberof CompanyPlanDetailResponseData
      */
     planType: string;
+    /**
+     *
+     * @type {number}
+     * @memberof CompanyPlanDetailResponseData
+     */
+    trialDays?: number | null;
     /**
      *
      * @type {Date}
@@ -1452,8 +1464,8 @@ declare interface ElementProps {
 
 export declare const EmbedButton: IStyledComponentBase<"web", Substitute<ButtonProps, {
 $size?: "sm" | "md" | "lg";
-$color?: "primary" | "secondary";
-$variant?: "outline" | "filled" | "text";
+$color?: "primary" | "secondary" | "danger";
+$variant?: "filled" | "outline" | "ghost" | "text";
 }>> & string & Omit<({ color, size, variant, disabled, isLoading, children, ...props }: ButtonProps) => JSX_2.Element, keyof Component<any, {}, any>>;
 
 export declare const EmbedContext: Context<EmbedContextProps>;
@@ -1495,6 +1507,9 @@ export declare interface EmbedProviderProps {
 
 export declare type EmbedSettings = {
     theme: EmbedThemeSettings;
+    badge: {
+        alignment: ComponentProps["$justifyContent"];
+    };
 };
 
 export declare interface EmbedThemeSettings {
@@ -1503,6 +1518,7 @@ export declare interface EmbedThemeSettings {
     colorMode: "light" | "dark";
     primary: string;
     secondary: string;
+    danger: string;
     card: {
         background: string;
         borderRadius: number;
@@ -2051,6 +2067,12 @@ declare interface FeatureUsageResponseData {
      * @memberof FeatureUsageResponseData
      */
     feature?: FeatureDetailResponseData;
+    /**
+     * If the period is current_month, when the month resets.
+     * @type {string}
+     * @memberof FeatureUsageResponseData
+     */
+    monthReset?: string | null;
     /**
      * The period over which usage is measured.
      * @type {string}
@@ -2540,7 +2562,7 @@ declare interface Middleware {
     onError?(context: ErrorContext): Promise<Response | void>;
 }
 
-export declare const Modal: ({ children, size, onClose }: ModalProps) => JSX_2.Element;
+export declare const Modal: ({ children, size, top, onClose, }: ModalProps) => JSX_2.Element;
 
 export declare const ModalHeader: ({ children, bordered, onClose, }: ModalHeaderProps) => JSX_2.Element;
 
@@ -2553,6 +2575,7 @@ declare interface ModalHeaderProps {
 declare interface ModalProps {
     children: React.ReactNode;
     size?: "sm" | "md" | "lg" | "auto";
+    top?: number;
     onClose?: () => void;
 }
 
@@ -2560,6 +2583,7 @@ declare type ModelPropertyNaming = "camelCase" | "snake_case" | "PascalCase" | "
 
 export declare const PaymentMethod: ForwardRefExoticComponent<ElementProps & RecursivePartial<DesignProps_4> & HTMLAttributes<HTMLDivElement> & {
 portal?: HTMLElement | null;
+allowEdit?: boolean;
 } & RefAttributes<HTMLDivElement | null>>;
 
 export declare type PaymentMethodProps = DesignProps_4;
@@ -2733,6 +2757,12 @@ declare interface PlanEntitlementResponseData {
      * @memberof PlanEntitlementResponseData
      */
     metricPeriod?: string | null;
+    /**
+     *
+     * @type {string}
+     * @memberof PlanEntitlementResponseData
+     */
+    metricPeriodMonthReset?: string | null;
     /**
      *
      * @type {PlanResponseData}
@@ -3031,6 +3061,8 @@ export declare interface ProgressBarProps extends React.ComponentPropsWithoutRef
     barWidth?: string | number;
 }
 
+export declare const progressColorMap: ("blue" | "red" | "yellow")[];
+
 declare function querystring(params: HTTPQuery, prefix?: string): string;
 
 declare type RecursivePartial<T> = {
@@ -3147,6 +3179,12 @@ declare interface RuleConditionDetailResponseData {
      * @memberof RuleConditionDetailResponseData
      */
     metricPeriod?: string | null;
+    /**
+     *
+     * @type {string}
+     * @memberof RuleConditionDetailResponseData
+     */
+    metricPeriodMonthReset?: string | null;
     /**
      *
      * @type {number}
@@ -3482,7 +3520,7 @@ export declare interface TextProps extends ComponentProps {
     $size?: ComponentProps["$fontSize"];
     $weight?: ComponentProps["$fontWeight"];
     $color?: ComponentProps["$color"];
-    $lineHeight?: ComponentProps["$lineHeight"];
+    $leading?: ComponentProps["$lineHeight"];
 }
 
 export declare const Tooltip: ({ label, description }: TooltipProps) => JSX_2.Element;
@@ -3601,9 +3639,11 @@ export declare function useAvailablePlans(activePeriod: string): {
         icon: string;
         id: string;
         isDefault: boolean;
+        isTrialable: boolean;
         monthlyPrice?: BillingPriceResponseData;
         name: string;
         planType: string;
+        trialDays?: number | null;
         updatedAt: Date;
         valid: boolean;
         yearlyPrice?: BillingPriceResponseData;
@@ -3621,9 +3661,11 @@ export declare function useAvailablePlans(activePeriod: string): {
         icon: string;
         id: string;
         isDefault: boolean;
+        isTrialable: boolean;
         monthlyPrice?: BillingPriceResponseData;
         name: string;
         planType: string;
+        trialDays?: number | null;
         updatedAt: Date;
         valid: boolean;
         yearlyPrice?: BillingPriceResponseData;