@vchasno/ui-kit 0.2.6 → 0.2.8

package/dist/SelectCreatable/types/components/BubbleBox/BubbleBox.d.ts

@@ -0,0 +1,17 @@
+import React, { HTMLAttributes } from 'react';
+import './BubbleBox.global.css';
+export interface BubbleBoxProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    controlClassName?: string;
+    svgClassName?: string;
+    control?: React.ReactNode;
+    shadow?: boolean;
+    bubbleSize?: number | [number, number];
+    backgroundColor?: React.CSSProperties['backgroundColor'];
+    borderColor?: React.CSSProperties['borderColor'];
+    innerOffset?: number;
+    radiusOffset?: number;
+    borderWith?: 1 | 2 | 3 | 4 | 5;
+}
+declare const BubbleBox: React.FC<BubbleBoxProps>;
+export default BubbleBox;

package/dist/SelectCreatable/types/components/BubbleBox/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './BubbleBox';
+export type { BubbleBoxProps } from './BubbleBox';

package/dist/SelectCreatable/types/components/BubbleBox/useClientRect.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const useClientRect: () => {
+    rect: DOMRect | null;
+    ref: React.RefObject<HTMLDivElement>;
+};

package/dist/SelectCreatable/types/components/BubbleBox/utils.d.ts

@@ -0,0 +1 @@
+export declare const composeBubblePath: (width: number, height: number, bubble: number, radiusOffset: number) => string;

package/dist/SelectCreatable/types/components/PulseDot/PulseDot.d.ts

@@ -0,0 +1,22 @@
+import React, { HTMLAttributes } from 'react';
+import './PulseDot.css';
+export interface PulseDotProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Color of the dot
+     */
+    color?: string;
+    /**
+     * CSS width/height values like  10em | 10px | 50%
+     */
+    size?: React.CSSProperties['width'];
+    /**
+     * CSS style object for overriding default styling
+     */
+    style?: React.CSSProperties;
+    /**
+     * className for overriding default styling
+     */
+    className?: string;
+}
+declare const PulseDot: React.FC<PulseDotProps>;
+export default PulseDot;

package/dist/SelectCreatable/types/components/PulseDot/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './PulseDot';
+export type { PulseDotProps } from './PulseDot';

package/dist/SelectCreatable/types/components/index.d.ts

@@ -30,3 +30,7 @@ export { default as Tabs } from './Tabs';
 export type { TabsProps } from './Tabs';
 export { default as Checkbox } from './Checkbox';
 export type { CheckboxProps } from './Checkbox';
+export { default as PulseDot } from './PulseDot';
+export type { PulseDotProps } from './PulseDot';
+export { default as BubbleBox } from './BubbleBox';
+export type { BubbleBoxProps } from './BubbleBox';

package/dist/css/_theme.css

@@ -59,4 +59,6 @@
     --vchasno-ui-switch-spinner-color: #b6cadb;
     --vchasno-ui-switch-circle-color: #fff;
     --vchasno-ui-switch-active-color-bg: #00c5ff;
+    --vchasno-ui-pulse-dot-color: #604adf;
+    --vchasno-ui-pulse-dot-size: 35px;
 }

package/dist/index.d.ts

@@ -184,4 +184,39 @@ interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement>, Partial<L
 }
 declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
 
-export { Alert, type AlertProps, Button, type ButtonProps, Checkbox, type CheckboxProps, FlexBox, type FlexBoxProps, Input, InputMeta, type InputMetaProps, type InputProps, MaskInput, type MaskInputProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Tabs, type TabsProps, Text, TextAreaInput, type TextAreaInputProps, TextInput, type TextInputProps, type TextProps, Title, type TitleProps };
+interface PulseDotProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Color of the dot
+     */
+    color?: string;
+    /**
+     * CSS width/height values like  10em | 10px | 50%
+     */
+    size?: React.CSSProperties['width'];
+    /**
+     * CSS style object for overriding default styling
+     */
+    style?: React.CSSProperties;
+    /**
+     * className for overriding default styling
+     */
+    className?: string;
+}
+declare const PulseDot: React.FC<PulseDotProps>;
+
+interface BubbleBoxProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    controlClassName?: string;
+    svgClassName?: string;
+    control?: React.ReactNode;
+    shadow?: boolean;
+    bubbleSize?: number | [number, number];
+    backgroundColor?: React.CSSProperties['backgroundColor'];
+    borderColor?: React.CSSProperties['borderColor'];
+    innerOffset?: number;
+    radiusOffset?: number;
+    borderWith?: 1 | 2 | 3 | 4 | 5;
+}
+declare const BubbleBox: React.FC<BubbleBoxProps>;
+
+export { Alert, type AlertProps, BubbleBox, type BubbleBoxProps, Button, type ButtonProps, Checkbox, type CheckboxProps, FlexBox, type FlexBoxProps, Input, InputMeta, type InputMetaProps, type InputProps, MaskInput, type MaskInputProps, Pagination, type PaginationProps, Paragraph, type ParagraphProps, PulseDot, type PulseDotProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Tabs, type TabsProps, Text, TextAreaInput, type TextAreaInputProps, TextInput, type TextInputProps, type TextProps, Title, type TitleProps };