@vchasno/ui-kit 0.2.6 → 0.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +47 -26
- package/dist/Datepicker/index.cjs.js +10376 -0
- package/dist/Datepicker/index.cjs.js.map +1 -0
- package/dist/Datepicker/index.js.map +1 -1
- package/dist/Datepicker/types/components/BubbleBox/BubbleBox.d.ts +17 -0
- package/dist/Datepicker/types/components/BubbleBox/index.d.ts +2 -0
- package/dist/Datepicker/types/components/BubbleBox/useClientRect.d.ts +5 -0
- package/dist/Datepicker/types/components/BubbleBox/utils.d.ts +1 -0
- package/dist/Datepicker/types/components/PulseDot/PulseDot.d.ts +22 -0
- package/dist/Datepicker/types/components/PulseDot/index.d.ts +2 -0
- package/dist/Datepicker/types/components/index.d.ts +4 -0
- package/dist/Select/index.cjs.js +7746 -0
- package/dist/Select/index.cjs.js.map +1 -0
- package/dist/Select/index.js +12 -7
- package/dist/Select/index.js.map +1 -1
- package/dist/Select/types/components/BubbleBox/BubbleBox.d.ts +17 -0
- package/dist/Select/types/components/BubbleBox/index.d.ts +2 -0
- package/dist/Select/types/components/BubbleBox/useClientRect.d.ts +5 -0
- package/dist/Select/types/components/BubbleBox/utils.d.ts +1 -0
- package/dist/Select/types/components/PulseDot/PulseDot.d.ts +22 -0
- package/dist/Select/types/components/PulseDot/index.d.ts +2 -0
- package/dist/Select/types/components/index.d.ts +4 -0
- package/dist/SelectCreatable/index.cjs.js +7835 -0
- package/dist/SelectCreatable/index.cjs.js.map +1 -0
- package/dist/SelectCreatable/index.js +12 -7
- package/dist/SelectCreatable/index.js.map +1 -1
- package/dist/SelectCreatable/types/components/BubbleBox/BubbleBox.d.ts +17 -0
- package/dist/SelectCreatable/types/components/BubbleBox/index.d.ts +2 -0
- package/dist/SelectCreatable/types/components/BubbleBox/useClientRect.d.ts +5 -0
- package/dist/SelectCreatable/types/components/BubbleBox/utils.d.ts +1 -0
- package/dist/SelectCreatable/types/components/PulseDot/PulseDot.d.ts +22 -0
- package/dist/SelectCreatable/types/components/PulseDot/index.d.ts +2 -0
- package/dist/SelectCreatable/types/components/index.d.ts +4 -0
- package/dist/css/_theme.css +2 -0
- package/dist/index.d.ts +36 -1
- package/dist/index.js +262 -151
- package/dist/index.js.map +1 -1
- package/dist/types/components/BubbleBox/BubbleBox.d.ts +17 -0
- package/dist/types/components/BubbleBox/index.d.ts +2 -0
- package/dist/types/components/BubbleBox/useClientRect.d.ts +5 -0
- package/dist/types/components/BubbleBox/utils.d.ts +1 -0
- package/dist/types/components/PulseDot/PulseDot.d.ts +22 -0
- package/dist/types/components/PulseDot/index.d.ts +2 -0
- package/dist/types/components/index.d.ts +4 -0
- package/package.json +43 -34
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
import './BubbleBox.global.css';
|
|
3
|
+
export interface BubbleBoxProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
className?: string;
|
|
5
|
+
controlClassName?: string;
|
|
6
|
+
svgClassName?: string;
|
|
7
|
+
control?: React.ReactNode;
|
|
8
|
+
shadow?: boolean;
|
|
9
|
+
bubbleSize?: number | [number, number];
|
|
10
|
+
backgroundColor?: React.CSSProperties['backgroundColor'];
|
|
11
|
+
borderColor?: React.CSSProperties['borderColor'];
|
|
12
|
+
innerOffset?: number;
|
|
13
|
+
radiusOffset?: number;
|
|
14
|
+
borderWith?: 1 | 2 | 3 | 4 | 5;
|
|
15
|
+
}
|
|
16
|
+
declare const BubbleBox: React.FC<BubbleBoxProps>;
|
|
17
|
+
export default BubbleBox;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const composeBubblePath: (width: number, height: number, bubble: number, radiusOffset: number) => string;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
import './PulseDot.css';
|
|
3
|
+
export interface PulseDotProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
/**
|
|
5
|
+
* Color of the dot
|
|
6
|
+
*/
|
|
7
|
+
color?: string;
|
|
8
|
+
/**
|
|
9
|
+
* CSS width/height values like 10em | 10px | 50%
|
|
10
|
+
*/
|
|
11
|
+
size?: React.CSSProperties['width'];
|
|
12
|
+
/**
|
|
13
|
+
* CSS style object for overriding default styling
|
|
14
|
+
*/
|
|
15
|
+
style?: React.CSSProperties;
|
|
16
|
+
/**
|
|
17
|
+
* className for overriding default styling
|
|
18
|
+
*/
|
|
19
|
+
className?: string;
|
|
20
|
+
}
|
|
21
|
+
declare const PulseDot: React.FC<PulseDotProps>;
|
|
22
|
+
export default PulseDot;
|
|
@@ -30,3 +30,7 @@ export { default as Tabs } from './Tabs';
|
|
|
30
30
|
export type { TabsProps } from './Tabs';
|
|
31
31
|
export { default as Checkbox } from './Checkbox';
|
|
32
32
|
export type { CheckboxProps } from './Checkbox';
|
|
33
|
+
export { default as PulseDot } from './PulseDot';
|
|
34
|
+
export type { PulseDotProps } from './PulseDot';
|
|
35
|
+
export { default as BubbleBox } from './BubbleBox';
|
|
36
|
+
export type { BubbleBoxProps } from './BubbleBox';
|