@haklex/rich-editor-ui 0.57.0 → 0.59.0
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/dist/components/action-button/index.d.ts +13 -3
- package/dist/components/action-button/index.d.ts.map +1 -1
- package/dist/components/action-button/styles.css.d.ts +41 -25
- package/dist/components/action-button/styles.css.d.ts.map +1 -1
- package/dist/components/alert/index.d.ts +3 -2
- package/dist/components/alert/index.d.ts.map +1 -1
- package/dist/components/alert/styles.css.d.ts +46 -6
- package/dist/components/alert/styles.css.d.ts.map +1 -1
- package/dist/components/animated-tabs/styles.css.d.ts.map +1 -1
- package/dist/components/auto-resize-textarea/styles.css.d.ts.map +1 -1
- package/dist/components/badge/index.d.ts +2 -1
- package/dist/components/badge/index.d.ts.map +1 -1
- package/dist/components/badge/styles.css.d.ts +16 -11
- package/dist/components/badge/styles.css.d.ts.map +1 -1
- package/dist/components/checkbox/index.d.ts +3 -1
- package/dist/components/checkbox/index.d.ts.map +1 -1
- package/dist/components/checkbox/styles.css.d.ts +3 -6
- package/dist/components/checkbox/styles.css.d.ts.map +1 -1
- package/dist/components/code-block/CodeBlockCard.d.ts.map +1 -1
- package/dist/components/code-block/styles.css.d.ts.map +1 -1
- package/dist/components/collapsible/index.d.ts.map +1 -1
- package/dist/components/collapsible/styles.css.d.ts +1 -0
- package/dist/components/collapsible/styles.css.d.ts.map +1 -1
- package/dist/components/color-picker/index.d.ts +5 -1
- package/dist/components/color-picker/index.d.ts.map +1 -1
- package/dist/components/color-picker/picker-view.d.ts.map +1 -1
- package/dist/components/color-picker/preset-view.d.ts +12 -0
- package/dist/components/color-picker/preset-view.d.ts.map +1 -0
- package/dist/components/color-picker/presets.d.ts +12 -0
- package/dist/components/color-picker/presets.d.ts.map +1 -0
- package/dist/components/color-picker/recent.d.ts +5 -0
- package/dist/components/color-picker/recent.d.ts.map +1 -0
- package/dist/components/color-picker/styles.css.d.ts +8 -4
- package/dist/components/color-picker/styles.css.d.ts.map +1 -1
- package/dist/components/combobox/styles.css.d.ts +1 -0
- package/dist/components/combobox/styles.css.d.ts.map +1 -1
- package/dist/components/dialog/confirm.d.ts +10 -0
- package/dist/components/dialog/confirm.d.ts.map +1 -0
- package/dist/components/dialog/sheet.d.ts.map +1 -1
- package/dist/components/dialog/stack.d.ts.map +1 -1
- package/dist/components/dialog/store.d.ts +9 -1
- package/dist/components/dialog/store.d.ts.map +1 -1
- package/dist/components/dialog/styles.css.d.ts.map +1 -1
- package/dist/components/dropdown-menu/index.d.ts +12 -2
- package/dist/components/dropdown-menu/index.d.ts.map +1 -1
- package/dist/components/dropdown-menu/styles.css.d.ts +4 -0
- package/dist/components/dropdown-menu/styles.css.d.ts.map +1 -1
- package/dist/components/field/index.d.ts +12 -0
- package/dist/components/field/index.d.ts.map +1 -0
- package/dist/components/field/styles.css.d.ts +5 -0
- package/dist/components/field/styles.css.d.ts.map +1 -0
- package/dist/components/kbd/index.d.ts +15 -0
- package/dist/components/kbd/index.d.ts.map +1 -0
- package/dist/components/kbd/keys.d.ts +14 -0
- package/dist/components/kbd/keys.d.ts.map +1 -0
- package/dist/components/kbd/styles.css.d.ts +8 -0
- package/dist/components/kbd/styles.css.d.ts.map +1 -0
- package/dist/components/modal-shell/index.d.ts +35 -0
- package/dist/components/modal-shell/index.d.ts.map +1 -0
- package/dist/components/modal-shell/styles.css.d.ts +13 -0
- package/dist/components/modal-shell/styles.css.d.ts.map +1 -0
- package/dist/components/popover/index.d.ts +22 -2
- package/dist/components/popover/index.d.ts.map +1 -1
- package/dist/components/popover/styles.css.d.ts +9 -0
- package/dist/components/popover/styles.css.d.ts.map +1 -1
- package/dist/components/quote-attribution/QuoteAttributionPlugin.d.ts.map +1 -1
- package/dist/components/quote-attribution/styles.css.d.ts +4 -7
- package/dist/components/quote-attribution/styles.css.d.ts.map +1 -1
- package/dist/components/scroll-area/styles.css.d.ts.map +1 -1
- package/dist/components/segmented-control/styles.css.d.ts +10 -6
- package/dist/components/segmented-control/styles.css.d.ts.map +1 -1
- package/dist/components/select/styles.css.d.ts.map +1 -1
- package/dist/components/spinner/index.d.ts +1 -1
- package/dist/components/spinner/index.d.ts.map +1 -1
- package/dist/components/spinner/styles.css.d.ts +9 -2
- package/dist/components/spinner/styles.css.d.ts.map +1 -1
- package/dist/components/status-dot/styles.css.d.ts +4 -4
- package/dist/components/status-dot/styles.css.d.ts.map +1 -1
- package/dist/components/text-input/index.d.ts +10 -0
- package/dist/components/text-input/index.d.ts.map +1 -0
- package/dist/components/text-input/styles.css.d.ts +3 -0
- package/dist/components/text-input/styles.css.d.ts.map +1 -0
- package/dist/components/toast/index.d.ts +4 -0
- package/dist/components/toast/index.d.ts.map +1 -0
- package/dist/components/toast/store.d.ts +21 -0
- package/dist/components/toast/store.d.ts.map +1 -0
- package/dist/components/toast/styles.css.d.ts +8 -0
- package/dist/components/toast/styles.css.d.ts.map +1 -0
- package/dist/components/tooltip/index.d.ts +2 -1
- package/dist/components/tooltip/index.d.ts.map +1 -1
- package/dist/components/tooltip/styles.css.d.ts +1 -0
- package/dist/components/tooltip/styles.css.d.ts.map +1 -1
- package/dist/hooks/use-live-edit.d.ts +6 -0
- package/dist/hooks/use-live-edit.d.ts.map +1 -0
- package/dist/index.d.ts +20 -6
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +1491 -704
- package/dist/rich-editor-ui.css +1 -1
- package/dist/styles/menu.css.d.ts +14 -0
- package/dist/styles/menu.css.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -1,20 +1,30 @@
|
|
|
1
|
+
import { TextLevel } from '@haklex/rich-style-token/styles';
|
|
1
2
|
import { ButtonHTMLAttributes, HTMLAttributes } from 'react';
|
|
2
3
|
type ActionBarProps = HTMLAttributes<HTMLDivElement> & {
|
|
3
4
|
gap?: string | number;
|
|
4
5
|
};
|
|
5
6
|
export declare function ActionBar({ className, gap, style, ...props }: ActionBarProps): import('react').JSX.Element;
|
|
7
|
+
type ActionButtonVariant = 'ghost' | 'solid' | 'outline' | 'accent';
|
|
6
8
|
type ActionButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
7
|
-
|
|
9
|
+
/** `accent` is deprecated and renders as `solid`. Toggle buttons set `aria-pressed`. */
|
|
10
|
+
variant?: ActionButtonVariant;
|
|
8
11
|
size?: 'sm' | 'md' | 'lg';
|
|
9
12
|
end?: boolean;
|
|
10
13
|
danger?: boolean;
|
|
11
14
|
icon?: boolean;
|
|
12
15
|
rounded?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Neutral level of the button's label (`4` = primary text, `1` = faintest).
|
|
18
|
+
* Declaring it sets the label to that level and the icon to the step below;
|
|
19
|
+
* omit it to inherit the label color and derive the icon tone from it.
|
|
20
|
+
*/
|
|
21
|
+
level?: TextLevel;
|
|
13
22
|
};
|
|
14
|
-
export declare function ActionButton({ variant, size, end, danger, icon, rounded, className, type, ...props }: ActionButtonProps): import('react').JSX.Element;
|
|
23
|
+
export declare function ActionButton({ variant, size, end, danger, icon, rounded, level, className, type, ...props }: ActionButtonProps): import('react').JSX.Element;
|
|
15
24
|
export declare function getActionButtonClassName(options?: {
|
|
16
|
-
variant?:
|
|
25
|
+
variant?: ActionButtonVariant;
|
|
17
26
|
size?: 'sm' | 'md' | 'lg';
|
|
27
|
+
level?: TextLevel;
|
|
18
28
|
}): string;
|
|
19
29
|
export type { ActionBarProps, ActionButtonProps };
|
|
20
30
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/action-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMlE,KAAK,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACrD,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAQ5E;AAID,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACjE,OAAO,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/action-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAMlE,KAAK,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACrD,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAQ5E;AAID,KAAK,mBAAmB,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEpE,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACjE,wFAAwF;IACxF,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,IAAI,EACJ,GAAW,EACX,MAAc,EACd,IAAY,EACZ,OAAe,EACf,KAAK,EACL,SAAS,EACT,IAAe,EACf,GAAG,KAAK,EACT,EAAE,iBAAiB,+BAgBnB;AAED,wBAAgB,wBAAwB,CAAC,OAAO,CAAC,EAAE;IACjD,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,UAIA;AAED,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -1,3 +1,11 @@
|
|
|
1
|
+
/** Icon tone override; unset means "derive one step from the label color". */
|
|
2
|
+
declare const iconToneVar: `var(--${string})`;
|
|
3
|
+
export declare const levelTone: {
|
|
4
|
+
1: string;
|
|
5
|
+
2: string;
|
|
6
|
+
3: string;
|
|
7
|
+
4: string;
|
|
8
|
+
};
|
|
1
9
|
export declare const semanticClassNames: {
|
|
2
10
|
readonly actionBar: "re-ui-action-bar";
|
|
3
11
|
readonly actionButton: "re-ui-action-btn";
|
|
@@ -14,15 +22,24 @@ export declare const actionButton: import('@vanilla-extract/recipes').RuntimeFn<
|
|
|
14
22
|
'&:hover:not(:disabled)': {
|
|
15
23
|
backgroundColor: `var(--${string})`;
|
|
16
24
|
};
|
|
25
|
+
'&:active:not(:disabled), &[aria-pressed="true"], &[aria-pressed="true"]:hover:not(:disabled)': {
|
|
26
|
+
backgroundColor: `var(--${string})`;
|
|
27
|
+
color: `var(--${string})`;
|
|
28
|
+
};
|
|
17
29
|
};
|
|
18
30
|
};
|
|
19
31
|
solid: {
|
|
20
32
|
backgroundColor: `var(--${string})`;
|
|
21
33
|
color: `var(--${string})`;
|
|
22
|
-
|
|
34
|
+
vars: {
|
|
35
|
+
[iconToneVar]: `var(--${string})`;
|
|
36
|
+
};
|
|
23
37
|
selectors: {
|
|
24
38
|
'&:hover:not(:disabled)': {
|
|
25
|
-
|
|
39
|
+
opacity: number;
|
|
40
|
+
};
|
|
41
|
+
'&:active:not(:disabled)': {
|
|
42
|
+
opacity: number;
|
|
26
43
|
};
|
|
27
44
|
};
|
|
28
45
|
};
|
|
@@ -30,57 +47,55 @@ export declare const actionButton: import('@vanilla-extract/recipes').RuntimeFn<
|
|
|
30
47
|
background: `var(--${string})`;
|
|
31
48
|
color: `var(--${string})`;
|
|
32
49
|
border: `1px solid var(--${string})`;
|
|
33
|
-
transition: "background-color 150ms ease, border-color 150ms ease, color 150ms ease";
|
|
34
50
|
selectors: {
|
|
35
51
|
'&:hover:not(:disabled)': {
|
|
36
52
|
background: `var(--${string})`;
|
|
37
|
-
|
|
53
|
+
};
|
|
54
|
+
'&:active:not(:disabled), &[aria-pressed="true"], &[aria-pressed="true"]:hover:not(:disabled)': {
|
|
55
|
+
background: `var(--${string})`;
|
|
38
56
|
};
|
|
39
57
|
};
|
|
40
58
|
};
|
|
41
59
|
accent: {
|
|
42
60
|
backgroundColor: `var(--${string})`;
|
|
43
61
|
color: `var(--${string})`;
|
|
62
|
+
vars: {
|
|
63
|
+
[iconToneVar]: `var(--${string})`;
|
|
64
|
+
};
|
|
44
65
|
selectors: {
|
|
45
66
|
'&:hover:not(:disabled)': {
|
|
46
|
-
|
|
67
|
+
opacity: number;
|
|
47
68
|
};
|
|
48
|
-
'&:disabled': {
|
|
69
|
+
'&:active:not(:disabled)': {
|
|
49
70
|
opacity: number;
|
|
50
|
-
cursor: "default";
|
|
51
|
-
pointerEvents: "none";
|
|
52
71
|
};
|
|
53
72
|
};
|
|
54
73
|
};
|
|
55
74
|
};
|
|
56
75
|
size: {
|
|
57
76
|
sm: {
|
|
58
|
-
gap: "
|
|
59
|
-
|
|
60
|
-
fontWeight: number;
|
|
61
|
-
padding: "4px 8px";
|
|
62
|
-
borderRadius: `var(--${string})`;
|
|
77
|
+
gap: "4px";
|
|
78
|
+
padding: "0 8px";
|
|
63
79
|
height: "24px";
|
|
64
|
-
|
|
80
|
+
fontSize: "12px";
|
|
81
|
+
lineHeight: "16px";
|
|
82
|
+
fontWeight: 500;
|
|
65
83
|
};
|
|
66
84
|
md: {
|
|
67
|
-
gap: "6px";
|
|
68
|
-
fontSize: `var(--${string})`;
|
|
69
85
|
fontWeight: number;
|
|
70
|
-
|
|
71
|
-
|
|
86
|
+
gap: "6px";
|
|
87
|
+
padding: "0 10px";
|
|
72
88
|
height: "28px";
|
|
73
|
-
|
|
74
|
-
|
|
89
|
+
fontSize: "13px";
|
|
90
|
+
lineHeight: "20px";
|
|
75
91
|
};
|
|
76
92
|
lg: {
|
|
77
|
-
gap: "8px";
|
|
78
|
-
fontSize: `var(--${string})`;
|
|
79
93
|
fontWeight: number;
|
|
94
|
+
gap: "8px";
|
|
80
95
|
padding: "0 14px";
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
96
|
+
height: "32px";
|
|
97
|
+
fontSize: "14px";
|
|
98
|
+
lineHeight: "20px";
|
|
84
99
|
};
|
|
85
100
|
};
|
|
86
101
|
icon: {
|
|
@@ -102,4 +117,5 @@ export declare const actionButton: import('@vanilla-extract/recipes').RuntimeFn<
|
|
|
102
117
|
false: {};
|
|
103
118
|
};
|
|
104
119
|
}>;
|
|
120
|
+
export {};
|
|
105
121
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/action-button/styles.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/action-button/styles.css.ts"],"names":[],"mappings":"AAeA,8EAA8E;AAC9E,QAAA,MAAM,WAAW,oBAAc,CAAC;AAYhC,eAAO,MAAM,SAAS;;;;;CAKe,CAAC;AAEtC,eAAO,MAAM,kBAAkB;;;;;;CAMrB,CAAC;AAEX,eAAO,MAAM,SAAS,QAKpB,CAAC;AA2BH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;gBAnBf,CAAC,WAAW,CAAC,qBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAA5B,CAAC,WAAW,CAAC,qBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsLpC,CAAC"}
|
|
@@ -3,7 +3,8 @@ export interface AlertProps {
|
|
|
3
3
|
action?: ReactNode;
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
className?: string;
|
|
6
|
-
|
|
6
|
+
title?: ReactNode;
|
|
7
|
+
variant: 'info' | 'success' | 'warning' | 'error' | 'neutral';
|
|
7
8
|
}
|
|
8
|
-
export declare function Alert({ variant, children, action, className }: AlertProps): ReactElement;
|
|
9
|
+
export declare function Alert({ variant, title, children, action, className }: AlertProps): ReactElement;
|
|
9
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;CAC/D;AAUD,wBAAgB,KAAK,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,UAAU,GAAG,YAAY,CAoB/F"}
|
|
@@ -1,20 +1,60 @@
|
|
|
1
|
+
declare const tone: `var(--${string})`;
|
|
2
|
+
declare const surface: `var(--${string})`;
|
|
3
|
+
declare const edge: `var(--${string})`;
|
|
4
|
+
declare const actionFill: `var(--${string})`;
|
|
5
|
+
declare const actionFillHover: `var(--${string})`;
|
|
1
6
|
export declare const alert: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
2
7
|
variant: {
|
|
3
8
|
info: {
|
|
4
|
-
|
|
5
|
-
|
|
9
|
+
vars: {
|
|
10
|
+
[tone]: string;
|
|
11
|
+
[surface]: string;
|
|
12
|
+
[edge]: string;
|
|
13
|
+
[actionFill]: string;
|
|
14
|
+
[actionFillHover]: string;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
success: {
|
|
18
|
+
vars: {
|
|
19
|
+
[tone]: string;
|
|
20
|
+
[surface]: string;
|
|
21
|
+
[edge]: string;
|
|
22
|
+
[actionFill]: string;
|
|
23
|
+
[actionFillHover]: string;
|
|
24
|
+
};
|
|
6
25
|
};
|
|
7
26
|
warning: {
|
|
8
|
-
|
|
9
|
-
|
|
27
|
+
vars: {
|
|
28
|
+
[tone]: string;
|
|
29
|
+
[surface]: string;
|
|
30
|
+
[edge]: string;
|
|
31
|
+
[actionFill]: string;
|
|
32
|
+
[actionFillHover]: string;
|
|
33
|
+
};
|
|
10
34
|
};
|
|
11
35
|
error: {
|
|
12
|
-
|
|
13
|
-
|
|
36
|
+
vars: {
|
|
37
|
+
[tone]: string;
|
|
38
|
+
[surface]: string;
|
|
39
|
+
[edge]: string;
|
|
40
|
+
[actionFill]: string;
|
|
41
|
+
[actionFillHover]: string;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
neutral: {
|
|
45
|
+
vars: {
|
|
46
|
+
[tone]: `var(--${string})`;
|
|
47
|
+
[surface]: `var(--${string})`;
|
|
48
|
+
[edge]: `var(--${string})`;
|
|
49
|
+
[actionFill]: `var(--${string})`;
|
|
50
|
+
[actionFillHover]: `var(--${string})`;
|
|
51
|
+
};
|
|
14
52
|
};
|
|
15
53
|
};
|
|
16
54
|
}>;
|
|
17
55
|
export declare const alertContent: string;
|
|
56
|
+
export declare const alertTitle: string;
|
|
18
57
|
export declare const alertIcon: string;
|
|
19
58
|
export declare const alertAction: string;
|
|
59
|
+
export {};
|
|
20
60
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/alert/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/alert/styles.css.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,IAAI,oBAAc,CAAC;AACzB,QAAA,MAAM,OAAO,oBAAc,CAAC;AAC5B,QAAA,MAAM,IAAI,oBAAc,CAAC;AACzB,QAAA,MAAM,UAAU,oBAAc,CAAC;AAC/B,QAAA,MAAM,eAAe,oBAAc,CAAC;AAYpC,eAAO,MAAM,KAAK;;;;gBARd,CAAC,IAAI,CAAC,SAAO;gBACb,CAAC,OAAO,CAAC,SAAiD;gBAC1D,CAAC,IAAI,CAAC,SAAkD;gBACxD,CAAC,UAAU,CAAC,SAAkD;gBAC9D,CAAC,eAAe,CAAC,SAAkD;;;;;gBAJnE,CAAC,IAAI,CAAC,SAAO;gBACb,CAAC,OAAO,CAAC,SAAiD;gBAC1D,CAAC,IAAI,CAAC,SAAkD;gBACxD,CAAC,UAAU,CAAC,SAAkD;gBAC9D,CAAC,eAAe,CAAC,SAAkD;;;;;gBAJnE,CAAC,IAAI,CAAC,SAAO;gBACb,CAAC,OAAO,CAAC,SAAiD;gBAC1D,CAAC,IAAI,CAAC,SAAkD;gBACxD,CAAC,UAAU,CAAC,SAAkD;gBAC9D,CAAC,eAAe,CAAC,SAAkD;;;;;gBAJnE,CAAC,IAAI,CAAC,SAAO;gBACb,CAAC,OAAO,CAAC,SAAiD;gBAC1D,CAAC,IAAI,CAAC,SAAkD;gBACxD,CAAC,UAAU,CAAC,SAAkD;gBAC9D,CAAC,eAAe,CAAC,SAAkD;;;;;gBA0B7D,CAAC,IAAI,CAAC,qBAA0B;gBAChC,CAAC,OAAO,CAAC,qBAAyB;gBAClC,CAAC,IAAI,CAAC,qBAAmB;gBACzB,CAAC,UAAU,CAAC,qBAA0B;gBACtC,CAAC,eAAe,CAAC,qBAAiB;;;;EAM1C,CAAC;AAEH,eAAO,MAAM,YAAY,QAMvB,CAAC;AAEH,eAAO,MAAM,UAAU,QAGrB,CAAC;AAEH,eAAO,MAAM,SAAS,QAOpB,CAAC;AAEH,eAAO,MAAM,WAAW,QAItB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/animated-tabs/styles.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/animated-tabs/styles.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,IAAI,QAGf,CAAC;AAEH,eAAO,MAAM,OAAO,QAElB,CAAC;AAEH,eAAO,MAAM,GAAG,QAuBd,CAAC;AAEH,eAAO,MAAM,SAAS,QAEpB,CAAC;AAEH,eAAO,MAAM,MAAM,QAOjB,CAAC;AAEH,eAAO,MAAM,SAAS,QAWpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/auto-resize-textarea/styles.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/auto-resize-textarea/styles.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,QAAQ,QAuCnB,CAAC;AAEH,eAAO,MAAM,WAAW,QAEtB,CAAC"}
|
|
@@ -2,8 +2,9 @@ import { ReactElement, ReactNode } from 'react';
|
|
|
2
2
|
export interface BadgeProps {
|
|
3
3
|
children: ReactNode;
|
|
4
4
|
className?: string;
|
|
5
|
+
dot?: boolean;
|
|
5
6
|
size?: 'sm' | 'md';
|
|
6
7
|
variant?: 'neutral' | 'success' | 'error' | 'warning' | 'info';
|
|
7
8
|
}
|
|
8
|
-
export declare function Badge({ variant, size, children, className }: BadgeProps): ReactElement;
|
|
9
|
+
export declare function Badge({ variant, size, dot, children, className }: BadgeProps): ReactElement;
|
|
9
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;CAChE;AAED,wBAAgB,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,UAAU,GAAG,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;CAChE;AAED,wBAAgB,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,UAAU,GAAG,YAAY,CAO3F"}
|
|
@@ -5,33 +5,38 @@ export declare const badge: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
|
5
5
|
color: `var(--${string})`;
|
|
6
6
|
};
|
|
7
7
|
success: {
|
|
8
|
-
backgroundColor:
|
|
9
|
-
color:
|
|
8
|
+
backgroundColor: string;
|
|
9
|
+
color: string;
|
|
10
10
|
};
|
|
11
11
|
error: {
|
|
12
|
-
backgroundColor:
|
|
13
|
-
color:
|
|
12
|
+
backgroundColor: string;
|
|
13
|
+
color: string;
|
|
14
14
|
};
|
|
15
15
|
warning: {
|
|
16
|
-
backgroundColor:
|
|
17
|
-
color:
|
|
16
|
+
backgroundColor: string;
|
|
17
|
+
color: string;
|
|
18
18
|
};
|
|
19
19
|
info: {
|
|
20
|
-
backgroundColor:
|
|
21
|
-
color:
|
|
20
|
+
backgroundColor: string;
|
|
21
|
+
color: string;
|
|
22
22
|
};
|
|
23
23
|
};
|
|
24
24
|
size: {
|
|
25
25
|
sm: {
|
|
26
|
+
height: "18px";
|
|
26
27
|
fontSize: "11px";
|
|
27
|
-
|
|
28
|
-
|
|
28
|
+
lineHeight: "16px";
|
|
29
|
+
padding: "0 6px";
|
|
30
|
+
gap: "4px";
|
|
29
31
|
};
|
|
30
32
|
md: {
|
|
33
|
+
height: "20px";
|
|
31
34
|
fontSize: "12px";
|
|
32
|
-
|
|
35
|
+
lineHeight: "16px";
|
|
36
|
+
padding: "0 6px";
|
|
33
37
|
gap: "4px";
|
|
34
38
|
};
|
|
35
39
|
};
|
|
36
40
|
}>;
|
|
41
|
+
export declare const badgeDot: string;
|
|
37
42
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/badge/styles.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/badge/styles.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BhB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAMnB,CAAC"}
|
|
@@ -4,8 +4,10 @@ export interface AnimatedCheckboxProps {
|
|
|
4
4
|
defaultChecked?: boolean;
|
|
5
5
|
description?: string;
|
|
6
6
|
disabled?: boolean;
|
|
7
|
+
/** Shows a dash and reports `aria-checked="mixed"`; the next click checks the box. */
|
|
8
|
+
indeterminate?: boolean;
|
|
7
9
|
label?: string;
|
|
8
10
|
onChange?: (checked: boolean) => void;
|
|
9
11
|
}
|
|
10
|
-
export declare function AnimatedCheckbox({ label, description, checked: controlledChecked, defaultChecked, onChange, disabled, className, }: AnimatedCheckboxProps): import('react').JSX.Element;
|
|
12
|
+
export declare function AnimatedCheckbox({ label, description, checked: controlledChecked, defaultChecked, indeterminate, onChange, disabled, className, }: AnimatedCheckboxProps): import('react').JSX.Element;
|
|
11
13
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/index.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,QAAQ,EACR,QAAgB,EAChB,SAAS,GACV,EAAE,qBAAqB,+
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/index.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sFAAsF;IACtF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,WAAW,EACX,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,aAAqB,EACrB,QAAQ,EACR,QAAgB,EAChB,SAAS,GACV,EAAE,qBAAqB,+BAuDvB"}
|
|
@@ -3,12 +3,9 @@ export declare const rootDisabled: string;
|
|
|
3
3
|
export declare const box: string;
|
|
4
4
|
export declare const boxUnchecked: string;
|
|
5
5
|
export declare const boxChecked: string;
|
|
6
|
-
export declare const
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const
|
|
9
|
-
export declare const checkmarkHidden: string;
|
|
10
|
-
export declare const ripple: string;
|
|
11
|
-
export declare const rippleActive: string;
|
|
6
|
+
export declare const mark: string;
|
|
7
|
+
export declare const markVisible: string;
|
|
8
|
+
export declare const markHidden: string;
|
|
12
9
|
export declare const labelArea: string;
|
|
13
10
|
export declare const label: string;
|
|
14
11
|
export declare const labelDisabled: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/styles.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/styles.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,IAAI,QAaf,CAAC;AAEH,eAAO,MAAM,YAAY,QAGvB,CAAC;AAEH,eAAO,MAAM,GAAG,QAcd,CAAC;AAMH,eAAO,MAAM,YAAY,QAEvB,CAAC;AAMH,eAAO,MAAM,UAAU,QAOrB,CAAC;AAEH,eAAO,MAAM,IAAI,QAUf,CAAC;AAEH,eAAO,MAAM,WAAW,QAGtB,CAAC;AAEH,eAAO,MAAM,UAAU,QAGrB,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,aAAa,QAExB,CAAC;AAEH,eAAO,MAAM,WAAW,QAGtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeBlockCard.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/CodeBlockCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUpE,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,SAAS,CAAC;AAEhD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAc,EACd,SAAS,EACT,IAAI,EACJ,WAAkB,EAClB,QAAQ,EACR,cAAqB,EACrB,MAAM,EAAE,UAAkB,GAC3B,EAAE,kBAAkB,GAAG,YAAY,
|
|
1
|
+
{"version":3,"file":"CodeBlockCard.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/CodeBlockCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUpE,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,SAAS,CAAC;AAEhD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAc,EACd,SAAS,EACT,IAAI,EACJ,WAAkB,EAClB,QAAQ,EACR,cAAqB,EACrB,MAAM,EAAE,UAAkB,GAC3B,EAAE,kBAAkB,GAAG,YAAY,CA2GnC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/styles.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/styles.css.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,IAAI,QAef,CAAC;AAEH,eAAO,MAAM,MAAM,QAyBjB,CAAC;AAEH,eAAO,MAAM,IAAI,QAaf,CAAC;AAEH,eAAO,MAAM,QAAQ,QAUnB,CAAC;AAEH,eAAO,MAAM,UAAU,QAmCrB,CAAC;AAsCH,eAAO,MAAM,cAAc,QAGzB,CAAC;AAEH,eAAO,MAAM,oBAAoB,QAK/B,CAAC;AAEH,eAAO,MAAM,MAAM,QAIjB,CAAC;AAEH,eAAO,MAAM,eAAe,QAG1B,CAAC;AAEH,eAAO,MAAM,UAAU,QAQrB,CAAC;AAEH,eAAO,MAAM,YAAY,QAwBvB,CAAC;AAEH,eAAO,MAAM,KAAK,QAEhB,CAAC;AAiBH,eAAO,MAAM,gBAAgB,QAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/collapsible/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEjF,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrE,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC;AAChF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAEjE;AAED,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,EACnD,QAAQ,CACT,GAAG;IACF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AACF,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACT,EAAE,uBAAuB,GAAG,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/collapsible/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEjF,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrE,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC;AAChF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAEjE;AAED,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,EACnD,QAAQ,CACT,GAAG;IACF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AACF,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACT,EAAE,uBAAuB,GAAG,YAAY,CAWxC;AAED,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,EACjD,QAAQ,CACT,GAAG;IACF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AACF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,GAAG,YAAY,CAStC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/collapsible/styles.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/collapsible/styles.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,OAAO,QAuBlB,CAAC;AAEH,eAAO,MAAM,OAAO,QAUlB,CAAC;AAEH,eAAO,MAAM,KAAK,QAqBhB,CAAC;AAEH,eAAO,MAAM,YAAY,QAGvB,CAAC"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
+
export { BACKGROUND_PRESETS, DEFAULT_COLOR, TEXT_PRESETS } from './presets';
|
|
1
2
|
export interface ColorPickerProps {
|
|
2
3
|
className?: string;
|
|
4
|
+
currentBackground?: string;
|
|
3
5
|
currentColor: string;
|
|
4
6
|
onSelect: (color: string) => void;
|
|
7
|
+
onSelectBackground?: (color: string) => void;
|
|
8
|
+
tooltip?: string;
|
|
5
9
|
}
|
|
6
|
-
export declare function ColorPicker({ currentColor, onSelect, className }: ColorPickerProps): import('react').JSX.Element;
|
|
10
|
+
export declare function ColorPicker({ currentColor, currentBackground, onSelect, onSelectBackground, className, tooltip, }: ColorPickerProps): import('react').JSX.Element;
|
|
7
11
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE5E,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,iBAAiB,EACjB,QAAQ,EACR,kBAAkB,EAClB,SAAS,EACT,OAAO,GACR,EAAE,gBAAgB,+BAkFlB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"picker-view.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/picker-view.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"picker-view.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/picker-view.tsx"],"names":[],"mappings":"AAeA,UAAU,eAAe;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAeD,wBAAgB,UAAU,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,eAAe,+BA4MtF"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ColorTarget } from './recent';
|
|
2
|
+
interface PresetViewProps {
|
|
3
|
+
current: string;
|
|
4
|
+
onCustom: () => void;
|
|
5
|
+
onPick: (value: string) => void;
|
|
6
|
+
onTargetChange?: (target: ColorTarget) => void;
|
|
7
|
+
recent: string[];
|
|
8
|
+
target: ColorTarget;
|
|
9
|
+
}
|
|
10
|
+
export declare function PresetView({ current, onCustom, onPick, onTargetChange, recent, target, }: PresetViewProps): import('react').JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=preset-view.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"preset-view.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/preset-view.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAU5C,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC/C,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;CACrB;AA0DD,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,MAAM,EACN,cAAc,EACd,MAAM,EACN,MAAM,GACP,EAAE,eAAe,+BAuDjB"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ColorTarget } from './recent';
|
|
2
|
+
export interface ColorPreset {
|
|
3
|
+
name: string;
|
|
4
|
+
value: string;
|
|
5
|
+
}
|
|
6
|
+
export declare const DEFAULT_COLOR = "inherit";
|
|
7
|
+
export declare const TEXT_PRESETS: ColorPreset[];
|
|
8
|
+
export declare const BACKGROUND_PRESETS: ColorPreset[];
|
|
9
|
+
export declare const PRESETS: Record<ColorTarget, ColorPreset[]>;
|
|
10
|
+
export declare function isDefaultColor(value: string | undefined | null): boolean;
|
|
11
|
+
export declare function presetName(target: ColorTarget, value: string): string;
|
|
12
|
+
//# sourceMappingURL=presets.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/presets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,aAAa,YAAY,CAAC;AAsBvC,eAAO,MAAM,YAAY,EAAE,WAAW,EAGnC,CAAC;AAEJ,eAAO,MAAM,kBAAkB,EAAE,WAAW,EAGzC,CAAC;AAEJ,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,WAAW,EAAE,WAAW,EAAE,CAGtD,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,OAAO,CAExE;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAErE"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export type ColorTarget = 'text' | 'background';
|
|
2
|
+
export declare function pushRecentColor(target: ColorTarget, color: string): void;
|
|
3
|
+
export declare function resetRecentColors(): void;
|
|
4
|
+
export declare function useRecentColors(target: ColorTarget): string[];
|
|
5
|
+
//# sourceMappingURL=recent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"recent.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/recent.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,YAAY,CAAC;AAyChD,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,QAMjE;AAED,wBAAgB,iBAAiB,SAGhC;AAWD,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,EAAE,CAE7D"}
|
|
@@ -4,12 +4,17 @@ export declare const triggerLetter: string;
|
|
|
4
4
|
export declare const triggerBar: string;
|
|
5
5
|
export declare const triggerChevron: string;
|
|
6
6
|
export declare const panel: string;
|
|
7
|
+
export declare const presetView: string;
|
|
8
|
+
export declare const section: string;
|
|
9
|
+
export declare const sectionLabel: string;
|
|
7
10
|
export declare const grid: string;
|
|
8
11
|
export declare const swatch: string;
|
|
9
12
|
export declare const swatchDot: string;
|
|
10
|
-
export declare const
|
|
11
|
-
export declare const
|
|
12
|
-
export declare const
|
|
13
|
+
export declare const defaultDot: string;
|
|
14
|
+
export declare const backgroundChip: string;
|
|
15
|
+
export declare const footer: string;
|
|
16
|
+
export declare const footerButton: string;
|
|
17
|
+
export declare const footerIcon: string;
|
|
13
18
|
export declare const pickerView: string;
|
|
14
19
|
export declare const backButton: string;
|
|
15
20
|
export declare const backIcon: string;
|
|
@@ -30,5 +35,4 @@ export declare const previewPair: string;
|
|
|
30
35
|
export declare const previewCell: string;
|
|
31
36
|
export declare const actionRow: string;
|
|
32
37
|
export declare const actionButton: string;
|
|
33
|
-
export declare const actionButtonPrimary: string;
|
|
34
38
|
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/styles.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/styles.css.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,OAAO,QA2BlB,CAAC;AAEH,eAAO,MAAM,YAAY,QAIvB,CAAC;AAEH,eAAO,MAAM,aAAa,QAIxB,CAAC;AAEH,eAAO,MAAM,UAAU,QAKrB,CAAC;AAEH,eAAO,MAAM,cAAc,QAIzB,CAAC;AAEH,eAAO,MAAM,KAAK,QAGhB,CAAC;AAEH,eAAO,MAAM,UAAU,QAIrB,CAAC;AAEH,eAAO,MAAM,OAAO,QAIlB,CAAC;AAEH,eAAO,MAAM,YAAY,QAGvB,CAAC;AAEH,eAAO,MAAM,IAAI,QAIf,CAAC;AAEH,eAAO,MAAM,MAAM,QAoBjB,CAAC;AAEH,eAAO,MAAM,SAAS,QAOpB,CAAC;AAMH,eAAO,MAAM,UAAU,QAErB,CAAC;AAEH,eAAO,MAAM,cAAc,QAWzB,CAAC;AAMH,eAAO,MAAM,MAAM,QAMjB,CAAC;AAEH,eAAO,MAAM,YAAY,QAwBvB,CAAC;AAEH,eAAO,MAAM,UAAU,QAGrB,CAAC;AAEH,eAAO,MAAM,UAAU,QAIrB,CAAC;AAEH,eAAO,MAAM,UAAU,QAyBrB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAGnB,CAAC;AAEH,eAAO,MAAM,SAAS,QASpB,CAAC;AAEH,eAAO,MAAM,WAAW,QAKtB,CAAC;AAEH,eAAO,MAAM,WAAW,QAKtB,CAAC;AAEH,eAAO,MAAM,QAAQ,QASnB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAUnB,CAAC;AAEH,eAAO,MAAM,UAAU,QAUrB,CAAC;AAEH,eAAO,MAAM,aAAa,QAIxB,CAAC;AAEH,eAAO,MAAM,WAAW,QAUtB,CAAC;AAEH,eAAO,MAAM,MAAM,QAIjB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAkBnB,CAAC;AAEH,eAAO,MAAM,eAAe,QAK1B,CAAC;AAEH,eAAO,MAAM,UAAU,QAyBrB,CAAC;AAEH,eAAO,MAAM,IAAI,QAGf,CAAC;AAEH,eAAO,MAAM,WAAW,QAUtB,CAAC;AAEH,eAAO,MAAM,WAAW,QAEtB,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,YAAY,QAEvB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/styles.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/styles.css.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,KAAK,QAyBhB,CAAC;AAEH,eAAO,MAAM,KAAK,QAMhB,CAAC;AAEH,eAAO,MAAM,IAAI,QAAkB,CAAC;AAIpC,eAAO,MAAM,KAAK,QAUhB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
type ConfirmDiscardOptions = {
|
|
3
|
+
cancelLabel?: string;
|
|
4
|
+
confirmLabel?: string;
|
|
5
|
+
description?: ReactNode;
|
|
6
|
+
title?: ReactNode;
|
|
7
|
+
};
|
|
8
|
+
export declare function confirmDiscardChanges({ cancelLabel, confirmLabel, description, title, }?: ConfirmDiscardOptions): Promise<boolean>;
|
|
9
|
+
export type { ConfirmDiscardOptions };
|
|
10
|
+
//# sourceMappingURL=confirm.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirm.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/confirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,KAAK,qBAAqB,GAAG;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,WAA4B,EAC5B,YAAwB,EACxB,WAA8C,EAC9C,KAA0B,GAC3B,GAAE,qBAA0B,GAAG,OAAO,CAAC,OAAO,CAAC,CA2C/C;AAED,YAAY,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/sheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/sheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAiB/C,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC;IAC/B,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACf,CA2JA,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/stack.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/stack.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAsHnD,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,iBAAiB,CAiBrD,CAAC"}
|
|
@@ -1,9 +1,14 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { chromeWidth } from '@haklex/rich-style-token/styles';
|
|
2
|
+
import { CSSProperties, FC, ReactNode } from 'react';
|
|
3
|
+
export type DialogWidth = number | keyof typeof chromeWidth;
|
|
2
4
|
export interface DialogStackItemProps {
|
|
3
5
|
className?: string;
|
|
4
6
|
clickOutsideToDismiss?: boolean;
|
|
7
|
+
/** Asked before a user-initiated close (Esc, backdrop, close button, sheet drag); resolve false to keep the dialog open. Programmatic `dismiss` skips it. */
|
|
8
|
+
confirmDismiss?: () => boolean | Promise<boolean>;
|
|
5
9
|
content: FC<{
|
|
6
10
|
dismiss: () => void;
|
|
11
|
+
requestDismiss: () => Promise<void>;
|
|
7
12
|
}>;
|
|
8
13
|
description?: ReactNode;
|
|
9
14
|
/** Fired once when the dialog transitions open -> closed (Esc, backdrop, or programmatic dismiss). */
|
|
@@ -13,6 +18,7 @@ export interface DialogStackItemProps {
|
|
|
13
18
|
showCloseButton?: boolean;
|
|
14
19
|
theme?: 'light' | 'dark';
|
|
15
20
|
title?: ReactNode;
|
|
21
|
+
width?: DialogWidth;
|
|
16
22
|
}
|
|
17
23
|
export interface DialogStackItem extends DialogStackItemProps {
|
|
18
24
|
id: string;
|
|
@@ -23,6 +29,8 @@ export declare function getSnapshot(): DialogStackItem[];
|
|
|
23
29
|
export declare function presentDialog(props: DialogStackItemProps): () => void;
|
|
24
30
|
export declare function removeDialog(id: string): void;
|
|
25
31
|
export declare function dismissDialog(id: string): void;
|
|
32
|
+
export declare function requestDismissDialog(id: string): Promise<void>;
|
|
33
|
+
export declare function dialogWidthStyle(width: DialogWidth | undefined): CSSProperties;
|
|
26
34
|
export declare function dismissTopDialog(): void;
|
|
27
35
|
export declare function dismissAllDialogs(): void;
|
|
28
36
|
//# sourceMappingURL=store.d.ts.map
|