@dazzle-ds/core 0.3.1
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/chunks/tooltip-D5I7ITYB.mjs +897 -0
- package/components/avatar/avatar.d.ts +22 -0
- package/components/avatar/avatar.d.ts.map +1 -0
- package/components/avatar/avatar.mjs +92 -0
- package/components/button/button.d.ts +16 -0
- package/components/button/button.d.ts.map +1 -0
- package/components/button/button.mjs +83 -0
- package/components/checkbox/checkbox.d.ts +3 -0
- package/components/checkbox/checkbox.d.ts.map +1 -0
- package/components/checkbox/checkbox.mjs +23 -0
- package/components/input/input.d.ts +13 -0
- package/components/input/input.d.ts.map +1 -0
- package/components/input/input.mjs +133 -0
- package/components/skeleton/skeleton.d.ts +6 -0
- package/components/skeleton/skeleton.d.ts.map +1 -0
- package/components/skeleton/skeleton.mjs +8 -0
- package/components/toggle/toggle.d.ts +9 -0
- package/components/toggle/toggle.d.ts.map +1 -0
- package/components/toggle/toggle.mjs +18 -0
- package/components/tooltip/tooltip.d.ts +14 -0
- package/components/tooltip/tooltip.d.ts.map +1 -0
- package/components/tooltip/tooltip.mjs +2 -0
- package/core.css +3 -0
- package/icons/index.d.ts +6 -0
- package/icons/index.d.ts.map +1 -0
- package/index.d.ts +9 -0
- package/index.mjs +19 -0
- package/package.json +91 -0
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ArgTypes } from '@storybook/csf';
|
|
2
|
+
export declare class AvatarClasses {
|
|
3
|
+
size: string;
|
|
4
|
+
status: string;
|
|
5
|
+
border: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function computeAvatarClasses(size: AvatarSize, status: AvatarStatus | null, borderColorClass: string, isLoading: boolean): AvatarClasses;
|
|
8
|
+
export declare const AvatarSizes: readonly ["20", "24", "32", "40", "44", "48"];
|
|
9
|
+
export type AvatarSize = (typeof AvatarSizes)[number];
|
|
10
|
+
export declare const AvatarStatuses: readonly ["online", "away", "info", "error"];
|
|
11
|
+
export type AvatarStatus = (typeof AvatarStatuses)[number];
|
|
12
|
+
export declare const avatarDefaultArgs: {
|
|
13
|
+
status: AvatarStatus;
|
|
14
|
+
size: AvatarSize;
|
|
15
|
+
text: string;
|
|
16
|
+
showStatusBadge: boolean;
|
|
17
|
+
isLoading: boolean;
|
|
18
|
+
imgUrl: string;
|
|
19
|
+
borderColorClass: string;
|
|
20
|
+
};
|
|
21
|
+
export declare const avatarArgTypes: ArgTypes;
|
|
22
|
+
//# sourceMappingURL=avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../../packages/core/src/components/avatar/avatar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,qBAAa,aAAa;IACxB,IAAI,SAAM;IACV,MAAM,SAAM;IACZ,MAAM,SAAM;CACb;AAED,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,YAAY,GAAG,IAAI,EAC3B,gBAAgB,EAAE,MAAM,EACxB,SAAS,EAAE,OAAO,GACjB,aAAa,CAUf;AAED,eAAO,MAAM,WAAW,+CAAgD,CAAC;AACzE,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAWtD,eAAO,MAAM,cAAc,8CAA+C,CAAC;AAC3E,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAS3D,eAAO,MAAM,iBAAiB,EAAE;IAC9B,MAAM,EAAE,YAAY,CAAC;IACrB,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,MAAM,CAAC;CAS1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,QAqD5B,CAAC"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
//#region src/components/avatar/avatar.ts
|
|
2
|
+
var e = class {
|
|
3
|
+
size = "";
|
|
4
|
+
status = "";
|
|
5
|
+
border = "";
|
|
6
|
+
};
|
|
7
|
+
function t(t, n, i, o) {
|
|
8
|
+
let s = new e();
|
|
9
|
+
return s.size = r[t], n && (s.status = a[n]), !o && i && (s.border = `border-2 border-solid ${i}`), s;
|
|
10
|
+
}
|
|
11
|
+
var n = [
|
|
12
|
+
"20",
|
|
13
|
+
"24",
|
|
14
|
+
"32",
|
|
15
|
+
"40",
|
|
16
|
+
"44",
|
|
17
|
+
"48"
|
|
18
|
+
], r = {
|
|
19
|
+
20: "dz-avatar--size-20",
|
|
20
|
+
24: "dz-avatar--size-24",
|
|
21
|
+
32: "dz-avatar--size-32",
|
|
22
|
+
40: "dz-avatar--size-40",
|
|
23
|
+
44: "dz-avatar--size-44",
|
|
24
|
+
48: "dz-avatar--size-48"
|
|
25
|
+
}, i = [
|
|
26
|
+
"online",
|
|
27
|
+
"away",
|
|
28
|
+
"info",
|
|
29
|
+
"error"
|
|
30
|
+
], a = {
|
|
31
|
+
online: "dz-avatar--online",
|
|
32
|
+
away: "dz-avatar--away",
|
|
33
|
+
info: "dz-avatar--info",
|
|
34
|
+
error: "dz-avatar--busy"
|
|
35
|
+
}, o = {
|
|
36
|
+
status: "online",
|
|
37
|
+
size: "32",
|
|
38
|
+
text: "",
|
|
39
|
+
showStatusBadge: !0,
|
|
40
|
+
isLoading: !1,
|
|
41
|
+
imgUrl: "",
|
|
42
|
+
borderColorClass: ""
|
|
43
|
+
}, s = {
|
|
44
|
+
size: {
|
|
45
|
+
control: "select",
|
|
46
|
+
options: n,
|
|
47
|
+
table: {
|
|
48
|
+
type: {
|
|
49
|
+
summary: "AvatarSize",
|
|
50
|
+
detail: n.join(" | ")
|
|
51
|
+
},
|
|
52
|
+
defaultValue: { summary: o.size }
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
status: {
|
|
56
|
+
control: "select",
|
|
57
|
+
options: i,
|
|
58
|
+
table: {
|
|
59
|
+
type: {
|
|
60
|
+
summary: "AvatarStatuses",
|
|
61
|
+
detail: i.join(" | ")
|
|
62
|
+
},
|
|
63
|
+
defaultValue: { summary: o.status }
|
|
64
|
+
}
|
|
65
|
+
},
|
|
66
|
+
text: {
|
|
67
|
+
control: "text",
|
|
68
|
+
description: "Up to two letter text to render in the component",
|
|
69
|
+
table: {
|
|
70
|
+
type: { summary: "string" },
|
|
71
|
+
defaultValue: { summary: o.text }
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
imgUrl: {
|
|
75
|
+
control: "text",
|
|
76
|
+
description: "Image URL to render in the component",
|
|
77
|
+
table: {
|
|
78
|
+
type: { summary: "string" },
|
|
79
|
+
defaultValue: { summary: o.imgUrl }
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
borderColorClass: {
|
|
83
|
+
control: "text",
|
|
84
|
+
description: "Border color to render in the component",
|
|
85
|
+
table: {
|
|
86
|
+
type: { summary: "string" },
|
|
87
|
+
defaultValue: { summary: o.borderColorClass }
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
};
|
|
91
|
+
//#endregion
|
|
92
|
+
export { e as AvatarClasses, n as AvatarSizes, i as AvatarStatuses, s as avatarArgTypes, o as avatarDefaultArgs, t as computeAvatarClasses };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ArgTypes } from '@storybook/csf';
|
|
2
|
+
export declare const ButtonColors: ["primary", "secondary", "neutral", "info", "success", "error"];
|
|
3
|
+
export type ButtonColor = (typeof ButtonColors)[number];
|
|
4
|
+
export declare const ButtonSizes: readonly ["32", "36", "40", "48", "52"];
|
|
5
|
+
export type ButtonSize = (typeof ButtonSizes)[number];
|
|
6
|
+
export declare const ButtonVariants: readonly ["filled", "outline", "text"];
|
|
7
|
+
export type ButtonVariant = (typeof ButtonVariants)[number];
|
|
8
|
+
export declare function getButtonClasses(color: ButtonColor, variant: ButtonVariant, size: ButtonSize): string;
|
|
9
|
+
export declare const buttonDefaultArgs: {
|
|
10
|
+
color: ButtonColor;
|
|
11
|
+
size: ButtonSize;
|
|
12
|
+
variant: ButtonVariant;
|
|
13
|
+
disabled: boolean;
|
|
14
|
+
};
|
|
15
|
+
export declare const buttonArgTypes: ArgTypes;
|
|
16
|
+
//# sourceMappingURL=button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../packages/core/src/components/button/button.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/C,eAAO,MAAM,YAAY,iEAOM,CAAC;AAChC,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAExD,eAAO,MAAM,WAAW,yCAA0C,CAAC;AACnE,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,eAAO,MAAM,cAAc,wCAAyC,CAAC;AACrE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAmB5D,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,UAAU,UAGjB;AAED,eAAO,MAAM,iBAAiB,EAAE;IAC9B,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;CAMnB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,QA8C5B,CAAC"}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
//#region src/components/button/button.ts
|
|
2
|
+
var e = [
|
|
3
|
+
"primary",
|
|
4
|
+
"secondary",
|
|
5
|
+
"neutral",
|
|
6
|
+
"info",
|
|
7
|
+
"success",
|
|
8
|
+
"error"
|
|
9
|
+
], t = [
|
|
10
|
+
"32",
|
|
11
|
+
"36",
|
|
12
|
+
"40",
|
|
13
|
+
"48",
|
|
14
|
+
"52"
|
|
15
|
+
], n = [
|
|
16
|
+
"filled",
|
|
17
|
+
"outline",
|
|
18
|
+
"text"
|
|
19
|
+
], r = {
|
|
20
|
+
32: "dz-button--size-32",
|
|
21
|
+
36: "dz-button--size-36",
|
|
22
|
+
40: "dz-button--size-40",
|
|
23
|
+
48: "dz-button--size-48",
|
|
24
|
+
52: "dz-button--size-52"
|
|
25
|
+
}, i = {
|
|
26
|
+
primary: "dz-button--color-primary",
|
|
27
|
+
secondary: "dz-button--color-secondary",
|
|
28
|
+
neutral: "dz-button--color-neutral",
|
|
29
|
+
success: "dz-button--color-success",
|
|
30
|
+
info: "dz-button--color-info",
|
|
31
|
+
error: "dz-button--color-error"
|
|
32
|
+
};
|
|
33
|
+
function a(e, t, n) {
|
|
34
|
+
return `dz-button ${r[n]} ${i[e]} dz-button--${t}`;
|
|
35
|
+
}
|
|
36
|
+
var o = {
|
|
37
|
+
color: "primary",
|
|
38
|
+
size: "40",
|
|
39
|
+
variant: "filled",
|
|
40
|
+
disabled: !1
|
|
41
|
+
}, s = {
|
|
42
|
+
color: {
|
|
43
|
+
control: "select",
|
|
44
|
+
options: e,
|
|
45
|
+
table: {
|
|
46
|
+
type: {
|
|
47
|
+
summary: "ButtonColor",
|
|
48
|
+
detail: e.join(" | ")
|
|
49
|
+
},
|
|
50
|
+
defaultValue: { summary: o.color }
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
size: {
|
|
54
|
+
control: "select",
|
|
55
|
+
options: t,
|
|
56
|
+
table: {
|
|
57
|
+
type: {
|
|
58
|
+
summary: "ButtonSize",
|
|
59
|
+
detail: t.join(" | ")
|
|
60
|
+
},
|
|
61
|
+
defaultValue: { summary: o.size }
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
variant: {
|
|
65
|
+
control: "select",
|
|
66
|
+
options: n,
|
|
67
|
+
table: {
|
|
68
|
+
type: {
|
|
69
|
+
summary: "ButtonVariant",
|
|
70
|
+
detail: n.join(" | ")
|
|
71
|
+
},
|
|
72
|
+
defaultValue: { summary: o.variant }
|
|
73
|
+
}
|
|
74
|
+
},
|
|
75
|
+
disabled: {
|
|
76
|
+
control: "boolean",
|
|
77
|
+
table: { type: { summary: "boolean" } }
|
|
78
|
+
},
|
|
79
|
+
leftIcon: { description: "Icon to show inside the button, to the left" },
|
|
80
|
+
rightIcon: { description: "Icon to show inside the button, to the right" }
|
|
81
|
+
};
|
|
82
|
+
//#endregion
|
|
83
|
+
export { e as ButtonColors, t as ButtonSizes, n as ButtonVariants, s as buttonArgTypes, o as buttonDefaultArgs, a as getButtonClasses };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../../packages/core/src/components/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,eAAO,MAAM,gBAAgB,EAAE,QA2B9B,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
//#region src/components/checkbox/checkbox.ts
|
|
2
|
+
var e = {
|
|
3
|
+
disabled: {
|
|
4
|
+
control: "boolean",
|
|
5
|
+
description: "If the checkbox is disabled",
|
|
6
|
+
table: { type: { summary: "boolean" } }
|
|
7
|
+
},
|
|
8
|
+
indeterminate: {
|
|
9
|
+
control: "boolean",
|
|
10
|
+
description: "If the checkbox is inderteminate",
|
|
11
|
+
table: { type: { summary: "boolean" } }
|
|
12
|
+
},
|
|
13
|
+
title: {
|
|
14
|
+
control: "text",
|
|
15
|
+
description: "Title for the checked"
|
|
16
|
+
},
|
|
17
|
+
subtitle: {
|
|
18
|
+
control: "text",
|
|
19
|
+
description: "Subtitle for the checkbox"
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
//#endregion
|
|
23
|
+
export { e as checkboxArgTypes };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ArgTypes } from '@storybook/csf';
|
|
2
|
+
export declare const InputSizes: readonly ["32", "36", "40", "48", "52"];
|
|
3
|
+
export type InputSize = (typeof InputSizes)[number];
|
|
4
|
+
export declare const InputVariants: readonly ["filled", "outline", "text"];
|
|
5
|
+
export type InputVariant = (typeof InputVariants)[number];
|
|
6
|
+
export declare function getInputClasses(size: InputSize, variant: InputVariant, success?: boolean, error?: boolean, disabled?: boolean): string;
|
|
7
|
+
export declare const inputDefaultArgs: {
|
|
8
|
+
size: InputSize;
|
|
9
|
+
variant: InputVariant;
|
|
10
|
+
placeholder: string;
|
|
11
|
+
};
|
|
12
|
+
export declare const inputArgTypes: ArgTypes;
|
|
13
|
+
//# sourceMappingURL=input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../packages/core/src/components/input/input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,eAAO,MAAM,UAAU,yCAA0C,CAAC;AAClE,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAUpD,eAAO,MAAM,aAAa,wCAAyC,CAAC;AACpE,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,wBAAgB,eAAe,CAC7B,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,YAAY,EACrB,OAAO,CAAC,EAAE,OAAO,EACjB,KAAK,CAAC,EAAE,OAAO,EACf,QAAQ,CAAC,EAAE,OAAO,UAGnB;AAED,eAAO,MAAM,gBAAgB,EAAE;IAC7B,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,YAAY,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CAKrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,QAuF3B,CAAC"}
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
//#region src/components/input/input.ts
|
|
2
|
+
var e = [
|
|
3
|
+
"32",
|
|
4
|
+
"36",
|
|
5
|
+
"40",
|
|
6
|
+
"48",
|
|
7
|
+
"52"
|
|
8
|
+
], t = {
|
|
9
|
+
32: "dz-input--size-32",
|
|
10
|
+
36: "dz-input--size-36",
|
|
11
|
+
40: "dz-input--size-40",
|
|
12
|
+
48: "dz-input--size-48",
|
|
13
|
+
52: "dz-input--size-52"
|
|
14
|
+
}, n = [
|
|
15
|
+
"filled",
|
|
16
|
+
"outline",
|
|
17
|
+
"text"
|
|
18
|
+
];
|
|
19
|
+
function r(e, n, r, i, a) {
|
|
20
|
+
return `dz-input dz-input--${n} ${t[e]} ${r ? "dz-input--success" : ""} ${i ? "dz-input--error" : ""} ${a ? "dz-input--disabled" : ""}`;
|
|
21
|
+
}
|
|
22
|
+
var i = {
|
|
23
|
+
size: "40",
|
|
24
|
+
variant: "filled",
|
|
25
|
+
placeholder: "Placeholder"
|
|
26
|
+
}, a = {
|
|
27
|
+
size: {
|
|
28
|
+
options: e,
|
|
29
|
+
table: {
|
|
30
|
+
category: "Input",
|
|
31
|
+
type: {
|
|
32
|
+
summary: "InputSize",
|
|
33
|
+
detail: e.join(" | ")
|
|
34
|
+
},
|
|
35
|
+
defaultValue: { summary: i.size }
|
|
36
|
+
},
|
|
37
|
+
description: "Input size."
|
|
38
|
+
},
|
|
39
|
+
variant: {
|
|
40
|
+
options: n,
|
|
41
|
+
table: {
|
|
42
|
+
category: "Input",
|
|
43
|
+
type: {
|
|
44
|
+
summary: "InputVariant",
|
|
45
|
+
detail: n.join(" | ")
|
|
46
|
+
},
|
|
47
|
+
defaultValue: { summary: i.variant }
|
|
48
|
+
},
|
|
49
|
+
description: "Input variant."
|
|
50
|
+
},
|
|
51
|
+
required: {
|
|
52
|
+
control: "boolean",
|
|
53
|
+
table: {
|
|
54
|
+
category: "Input",
|
|
55
|
+
type: { summary: "boolean" }
|
|
56
|
+
},
|
|
57
|
+
description: "Make the input required."
|
|
58
|
+
},
|
|
59
|
+
disabled: {
|
|
60
|
+
control: "boolean",
|
|
61
|
+
table: {
|
|
62
|
+
category: "Input",
|
|
63
|
+
type: { summary: "boolean" }
|
|
64
|
+
},
|
|
65
|
+
description: "Disable the input."
|
|
66
|
+
},
|
|
67
|
+
label: {
|
|
68
|
+
control: "text",
|
|
69
|
+
table: { category: "Label" },
|
|
70
|
+
description: "Label for the input."
|
|
71
|
+
},
|
|
72
|
+
labelTooltip: {
|
|
73
|
+
control: "text",
|
|
74
|
+
table: {
|
|
75
|
+
category: "Label",
|
|
76
|
+
type: { summary: "string" }
|
|
77
|
+
},
|
|
78
|
+
description: "Adds an info icon with tooltip near the label"
|
|
79
|
+
},
|
|
80
|
+
labelCaption: {
|
|
81
|
+
control: "text",
|
|
82
|
+
table: {
|
|
83
|
+
category: "Label",
|
|
84
|
+
type: { summary: "string" }
|
|
85
|
+
},
|
|
86
|
+
description: "Text to show beside label"
|
|
87
|
+
},
|
|
88
|
+
placeholder: {
|
|
89
|
+
control: "text",
|
|
90
|
+
table: { category: "Input" },
|
|
91
|
+
description: "Input placeholder."
|
|
92
|
+
},
|
|
93
|
+
id: {
|
|
94
|
+
control: "text",
|
|
95
|
+
table: { category: "Input" },
|
|
96
|
+
description: "Unique element id."
|
|
97
|
+
},
|
|
98
|
+
success: {
|
|
99
|
+
control: "boolean",
|
|
100
|
+
table: {
|
|
101
|
+
category: "Input",
|
|
102
|
+
type: { summary: "boolean" }
|
|
103
|
+
},
|
|
104
|
+
description: "Shows a success border."
|
|
105
|
+
},
|
|
106
|
+
error: {
|
|
107
|
+
control: "boolean",
|
|
108
|
+
table: {
|
|
109
|
+
category: "Input",
|
|
110
|
+
type: { summary: "boolean" }
|
|
111
|
+
},
|
|
112
|
+
description: "Shows an error border"
|
|
113
|
+
},
|
|
114
|
+
caption: {
|
|
115
|
+
control: "text",
|
|
116
|
+
table: { category: "Input Caption" },
|
|
117
|
+
description: "Shows text under the input."
|
|
118
|
+
},
|
|
119
|
+
leftIcon: {
|
|
120
|
+
table: { category: "Input" },
|
|
121
|
+
description: "Icon to show inside the input, to the left."
|
|
122
|
+
},
|
|
123
|
+
rightIcon: {
|
|
124
|
+
table: { category: "Input" },
|
|
125
|
+
description: "Icon to show inside the input, to the right."
|
|
126
|
+
},
|
|
127
|
+
captionIcon: {
|
|
128
|
+
table: { category: "Input Caption" },
|
|
129
|
+
description: "Icon to show before input caption"
|
|
130
|
+
}
|
|
131
|
+
};
|
|
132
|
+
//#endregion
|
|
133
|
+
export { e as InputSizes, n as InputVariants, r as getInputClasses, a as inputArgTypes, i as inputDefaultArgs };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../../packages/core/src/components/skeleton/skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,eAAO,MAAM,yBAAyB,EAAE;IACtC,SAAS,EAAE,OAAO,CAAC;CAGpB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,QAUpC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
//#region src/components/skeleton/skeleton.ts
|
|
2
|
+
var e = { isLoading: !0 }, t = { isLoading: {
|
|
3
|
+
control: "boolean",
|
|
4
|
+
description: "Indica se o skeleton loading esta ativo ou não",
|
|
5
|
+
table: { type: { summary: "boolean" } }
|
|
6
|
+
} };
|
|
7
|
+
//#endregion
|
|
8
|
+
export { t as skeletonLoaderArgTypes, e as skeletonLoaderDefaultArgs };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ArgTypes } from '@storybook/csf';
|
|
2
|
+
export declare const ToggleTextPositions: readonly ["left", "right"];
|
|
3
|
+
export type ToggleTextPosition = (typeof ToggleTextPositions)[number];
|
|
4
|
+
export declare const toggleDefaultArgs: {
|
|
5
|
+
textPosition: ToggleTextPosition;
|
|
6
|
+
};
|
|
7
|
+
export declare function getToggleCssClassses(disabled?: boolean, textPosition?: "right" | "left"): string;
|
|
8
|
+
export declare const toggleArgTypes: ArgTypes;
|
|
9
|
+
//# sourceMappingURL=toggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../../packages/core/src/components/toggle/toggle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,eAAO,MAAM,mBAAmB,4BAA6B,CAAC;AAC9D,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtE,eAAO,MAAM,iBAAiB,EAAE;IAC9B,YAAY,EAAE,kBAAkB,CAAC;CAGlC,CAAC;AAEF,wBAAgB,oBAAoB,CAClC,QAAQ,CAAC,EAAE,OAAO,EAClB,YAAY,mBAAiC,UAG9C;AAED,eAAO,MAAM,cAAc,EAAE,QAa5B,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
//#region src/components/toggle/toggle.ts
|
|
2
|
+
var e = ["left", "right"], t = { textPosition: "right" };
|
|
3
|
+
function n(e, n = t.textPosition) {
|
|
4
|
+
return `dz-toggle ${e ? "dz-toggle--disabled" : ""} dz-toggle--text-${n}`;
|
|
5
|
+
}
|
|
6
|
+
var r = { textPosition: {
|
|
7
|
+
control: { options: e },
|
|
8
|
+
description: "Where should the toggle text appear.",
|
|
9
|
+
table: {
|
|
10
|
+
type: {
|
|
11
|
+
summary: "ToggleTextPosition",
|
|
12
|
+
detail: e.join(" | ")
|
|
13
|
+
},
|
|
14
|
+
defaultValue: { summary: t.textPosition }
|
|
15
|
+
}
|
|
16
|
+
} };
|
|
17
|
+
//#endregion
|
|
18
|
+
export { e as ToggleTextPositions, n as getToggleCssClassses, r as toggleArgTypes, t as toggleDefaultArgs };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ArgTypes } from '@storybook/csf';
|
|
2
|
+
import { Placement } from '@floating-ui/dom';
|
|
3
|
+
export declare const TooltipColors: readonly ["neutral", "primary", "inverse", "always-dark", "always-light"];
|
|
4
|
+
export type TooltipColor = (typeof TooltipColors)[number];
|
|
5
|
+
export type TooltipPlacement = Placement;
|
|
6
|
+
export declare const TooltipPlacements: TooltipPlacement[];
|
|
7
|
+
export declare function createTooltip(element: HTMLElement, tooltip: HTMLElement, arrowElement: HTMLElement, placement?: TooltipPlacement): () => void;
|
|
8
|
+
export declare function getTooltipClasses(color: TooltipColor): string;
|
|
9
|
+
export declare const tooltipDefaultArgs: {
|
|
10
|
+
color: TooltipColor;
|
|
11
|
+
placement: TooltipPlacement;
|
|
12
|
+
};
|
|
13
|
+
export declare const tooltipArgTypes: ArgTypes;
|
|
14
|
+
//# sourceMappingURL=tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../packages/core/src/components/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAOL,SAAS,EACV,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,aAAa,2EAMhB,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC;AACzC,eAAO,MAAM,iBAAiB,EAAE,gBAAgB,EAa/C,CAAC;AAUF,wBAAgB,aAAa,CAC3B,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,WAAW,EACzB,SAAS,CAAC,EAAE,gBAAgB,cAuB7B;AA0CD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,YAAY,UAEpD;AAED,eAAO,MAAM,kBAAkB,EAAE;IAC/B,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,gBAAgB,CAAC;CAI7B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,QAmC7B,CAAC"}
|
package/core.css
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid}}}:root,:host{--button-disabled-filled-bg-color:var(--color-neutral-200);--button-disabled-filled-text-color:var(--color-neutral-950);--button-disabled-ghost-color:var(--color-neutral-600);--button-filled-bg-primary:var(--color-primary-selection-main);--button-filled-bg-hover-primary:var(--color-primary-selection-dark);--button-filled-text-primary:var(--color-neutral-50);--button-filled-text-hover-primary:var(--color-neutral-50);--button-ghost-primary:var(--color-primary-selection-main);--button-ghost-hover-primary:var(--color-primary-selection-dark);--button-filled-bg-secondary:var(--color-secondary-selection-extra-light);--button-filled-bg-hover-secondary:var(--color-primary-selection-dark);--button-filled-text-secondary:var(--color-primary-selection-extra-dark);--button-filled-text-hover-secondary:var(--color-neutral-50);--button-ghost-secondary:var(--color-primary-selection-main);--button-ghost-hover-secondary:var(--color-primary-selection-dark);--button-filled-bg-neutral:var(--color-neutral-50);--button-filled-bg-hover-neutral:var(--color-primary-selection-extra-dark);--button-filled-text-neutral:var(--color-primary-700);--button-filled-text-hover-neutral:var(--color-neutral-50);--button-ghost-neutral:var(--color-neutral-900);--button-ghost-hover-neutral:var(--color-neutral-950);--button-filled-bg-info:var(--color-info-selection-main);--button-filled-bg-hover-info:var(--color-info-selection-extra-dark);--button-filled-text-info:var(--color-neutral-50);--button-filled-text-hover-info:var(--color-neutral-50);--button-ghost-info:var(--color-info-selection-main);--button-ghost-hover-info:var(--color-info-selection-extra-dark);--button-filled-bg-success:var(--color-success-selection-extra-light);--button-filled-bg-hover-success:var(--color-success-selection-dark);--button-filled-text-success:var(--color-success-selection-dark);--button-filled-text-hover-success:var(--color-neutral-50);--button-ghost-success:var(--color-success-selection-main);--button-ghost-hover-success:var(--color-success-selection-extra-dark);--button-filled-bg-error:var(--color-error-selection-extra-light);--button-filled-bg-hover-error:var(--color-error-selection-dark);--button-filled-text-error:var(--color-error-selection-extra-dark);--button-filled-text-hover-error:var(--color-neutral-50);--button-ghost-error:var(--color-error-selection-main);--button-ghost-hover-error:var(--color-error-selection-dark);--button-font-size-32:14px;--button-font-size-36:16px;--button-font-size-40:16px;--button-font-size-48:16px;--button-font-size-52:18px;--button-padding-x-32:4;--button-padding-y-32:16;--button-padding-x-36:6;--button-padding-y-36:16;--button-padding-x-40:8;--button-padding-y-40:16;--button-padding-x-48:12;--button-padding-y-48:16;--button-padding-x-52:14;--button-padding-y-52:16;--button-radius:4px;--input-padding-x-32:4;--input-padding-y-32:8;--input-padding-x-36:6;--input-padding-y-36:8;--input-padding-x-40:8;--input-padding-y-40:8;--input-padding-x-48:12;--input-padding-y-48:8;--input-padding-x-52:14;--input-padding-y-52:8;--input-bg:var(--color-background-100);--input-bg-disable:var(--color-neutral-50);--input-bg-hover:var(--input-bg);--input-bg-focus:var(--input-bg);--input-bg-active:var(--input-bg);--input-bg-success:var(--input-bg);--input-bg-error:var(--input-bg);--input-content:var(--font-color-200);--input-content-disable:var(--font-color-300);--input-content-hover:var(--input-content);--input-content-focus:var(--font-color-100);--input-content-active:var(--font-color-50);--input-content-success:var(--font-color-50);--input-content-error:var(--font-color-50);--input-content-error-icon:var(--color-error-selection-light);--input-stroke:var(--color-neutral-400);--input-stroke-disable:var(--color-neutral-400);--input-stroke-hover:var(--color-primary-selection-dark);--input-stroke-focus:var(--color-primary-selection-light);--input-stroke-active:var(--color-primary-selection-main);--input-stroke-success:var(--color-success-selection-main);--input-stroke-error:var(--color-error-selection-light);--input-radius:4px;--tooltip-bg-neutral:var(--color-neutral-950);--tooltip-text-neutral:var(--color-neutral-50);--tooltip-bg-primary:var(--color-primary-selection-main);--tooltip-text-primary:var(--tooltip-text-neutral);--tooltip-bg-inverse:var(--color-neutral-50);--tooltip-text-inverse:var(--color-neutral-950);--tooltip-bg-always-dark:var(--color-neutral-950);--tooltip-text-always-dark:var(--color-neutral-50);--tooltip-bg-always-light:var(--color-neutral-50);--tooltip-text-always-light:var(--color-neutral-950);--tooltip-bg: ;--tooltip-text:var(--color-neutral-50);--tooltip-radius:4px;--tooltip-padding:12px;--color-toggle-bg:var(--color-neutral-200);--color-toggle-checked-bg:var(--color-primary-main);--color-toggle-disabled-bg:var(--toggle-bg-disabled);--color-toggle-content:var(--color-primary-main);--color-toggle-content-disabled:var(--toggle-content-disabled);--color-toggle-content-checked:var(--toggle-content-checked);--radius-toggle-border:calc(var(--spacing) * 16);--radius-toggle-outline:calc(var(--spacing) * 2);--radius-toggle-circle:50%;--height-toggle:calc(var(--spacing) * 24);--height-toogle-track:calc(var(--spacing) * 24);--width-skeleton-loading:calc(var(--spacing) * 100);--width-toogle-track:calc(var(--spacing) * 40);--size-toggle-circle:calc(var(--spacing) * 14);--width-title-loading-skeleton:100px;--spacing-title-loading-skeleton:15px;--spacing-checkbox:15px;--size-checkbox:15px;--size-checkbox-container:24px;--radius-checkbox-outline:4px;--radius-checkbox:4px;--color-checkbox-stroke:var(--color-neutral-900);--color-checkbox-disabled-stroke:var(--color-neutral-600);--color-checkbox-disabled-text:var(--color-neutral-300);--color-checkbox-checked:var(--color-primary-selection-main);--color-checkbox-hover:var(--checkbox-hover-color);--avatar-size-20:20;--avatar-size-24:24;--avatar-size-32:32;--avatar-size-40:40;--avatar-size-44:44;--avatar-size-48:48;--avatar-icon-size-20:12;--avatar-icon-size-24:14;--avatar-icon-size-32:18;--avatar-icon-size-40:24;--avatar-icon-size-44:28;--avatar-icon-size-48:32;--avatar-badge-status-size-20:8;--avatar-badge-status-size-24:10;--avatar-badge-status-size-32:12;--avatar-badge-status-size-40:14;--avatar-badge-status-size-44:14;--avatar-badge-status-size-48:16;--radius-avatar:4000px;--color-avatar-bg:var(--color-neutral-200);--color-avatar-text:var(--color-font-50);--color-avatar-badge-online-status:var(--color-success-always-main);--color-avatar-badge-away-status:var(--color-warning-always-main);--color-avatar-badge-busy-status:var(--color-info-always-main);--color-avatar-badge-info-status:var(--color-error-always-main);--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-neutral-50:#f1f1f1;--color-neutral-100:#e5e5e5;--color-neutral-200:#cbcbcb;--color-neutral-300:#b2b2b2;--color-neutral-400:#9a9a9a;--color-neutral-500:#828282;--color-neutral-600:#6c6c6c;--color-neutral-700:#565656;--color-neutral-800:#404040;--color-neutral-900:#2c2c2c;--color-neutral-950:#191919;--spacing:1px;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-skeleton-loading-bg:var(--color-neutral-200);--icon-size-component-24:14px;--icon-size-component-28:16px;--icon-size-component-32:16px;--icon-size-component-36:18px;--icon-size-component-40:20px;--icon-size-component-48:20px;--icon-size-component-52:22px;--color-font-50:var(--font-color-50);--color-primary-50:#f0f0fc;--color-primary-100:#e3e3f9;--color-primary-200:#c7dbfa;--color-primary-300:#abadef;--color-primary-400:#9092eb;--color-primary-500:#7376e7;--color-primary-600:#77a2f8;--color-primary-700:#2340fb;--color-primary-800:#172796;--color-primary-900:#0d1445;--color-primary-950:#111346;--color-secondary-50:#f3eff9;--color-secondary-100:#eae2f5;--color-secondary-200:#b1e6ff;--color-secondary-300:#c1a7e4;--color-secondary-400:#af89dc;--color-secondary-500:#64ccff;--color-secondary-600:#8e47d1;--color-secondary-700:#35bcff;--color-secondary-800:#08c;--color-secondary-900:#003652;--color-secondary-950:#270c3c;--color-info-50:#edf0fd;--color-info-100:#dee4fb;--color-info-200:#bdcaf7;--color-info-300:#9ab1f4;--color-info-400:#7497f2;--color-info-500:#457eef;--color-info-600:#1367dc;--color-info-700:#0f52af;--color-info-800:#0c3e85;--color-info-900:#082b5c;--color-info-950:#051936;--color-success-50:#ebf2ee;--color-success-100:#dbe8df;--color-success-200:#b6d2bf;--color-success-300:#8ebd9e;--color-success-400:#5fa97b;--color-success-500:#039653;--color-success-600:#027c45;--color-success-700:#026337;--color-success-800:#014b2a;--color-success-900:#01341d;--color-success-950:#011f11;--color-warning-50:#fdeee5;--color-warning-100:#fcdfcf;--color-warning-200:#fabf99;--color-warning-300:#f89d4d;--color-warning-400:#e18308;--color-warning-500:#bf6f07;--color-warning-600:#9e5c06;--color-warning-700:#7e4905;--color-warning-800:#5f3703;--color-warning-900:#422602;--color-warning-950:#271601;--color-error-50:#faeeee;--color-error-100:#f7e0df;--color-error-200:#efc0bf;--color-error-300:#e8a09e;--color-error-400:#e27d7a;--color-error-500:#dc5550;--color-error-600:#ce2a1e;--color-error-700:#a52218;--color-error-800:#7e1a13;--color-error-900:#59120d;--color-error-950:#350b08;--color-primary-selection-extra-light:var(--color-primary-200);--color-primary-selection-light:var(--color-primary-600);--color-primary-selection-main:var(--color-primary-700);--color-primary-selection-dark:var(--color-primary-800);--color-primary-selection-extra-dark:var(--color-primary-900);--color-primary-main:var(--color-primary-selection-main);--color-secondary-selection-extra-light:var(--color-secondary-200);--color-secondary-selection-light:var(--color-secondary-500);--color-secondary-selection-main:var(--color-secondary-700);--color-secondary-selection-dark:var(--color-secondary-900);--color-secondary-selection-extra-dark:var(--color-secondary-800);--color-success-selection-extra-light:var(--color-success-100);--color-success-selection-light:var(--color-success-300);--color-success-selection-main:var(--color-success-600);--color-success-selection-dark:var(--color-success-800);--color-success-selection-extra-dark:var(--color-success-900);--color-success-always-main:var(--color-success-selection-main);--color-info-selection-extra-light:var(--color-info-200);--color-info-selection-light:var(--color-info-500);--color-info-selection-main:var(--color-info-600);--color-info-selection-dark:var(--color-info-700);--color-info-selection-extra-dark:var(--color-info-800);--color-info-main:var(--color-info-selection-main);--color-info-always-main:var(--color-info-selection-main);--color-warning-selection-extra-light:var(--color-warning-200);--color-warning-selection-light:var(--color-warning-300);--color-warning-selection-main:var(--color-warning-400);--color-warning-selection-dark:var(--color-warning-500);--color-warning-selection-extra-dark:var(--color-warning-600);--color-warning-always-main:var(--color-warning-selection-main);--color-error-selection-extra-light:var(--color-error-200);--color-error-selection-light:var(--color-error-500);--color-error-selection-main:var(--color-error-600);--color-error-selection-dark:var(--color-error-700);--color-error-selection-extra-dark:var(--color-error-800);--color-error-always-light:var(--color-error-selection-light);--color-error-always-main:var(--color-error-selection-main)}[data-theme=dark]{--button-filled-bg-primary:var(--color-primary-selection-dark);--button-filled-bg-hover-primary:var(--color-primary-selection-extra-dark);--button-filled-text-primary:var(--color-neutral-950);--button-filled-text-hover-primary:var(--color-neutral-950);--button-ghost-primary:var(--color-primary-selection-main);--button-ghost-hover-primary:var(--color-primary-selection-extra-light);--button-filled-bg-secondary:var(--color-primary-selection-extra-light);--button-filled-bg-hover-secondary:var(--color-primary-selection-extra-light);--button-filled-text-secondary:var(--color-primary-selection-extra-dark);--button-filled-text-hover-secondary:var(--color-neutral-950);--button-ghost-hover-secondary:var(--color-primary-selection-main);--button-filled-bg-neutral:var(--color-neutral-900);--button-filled-bg-hover-neutral:var(--color-primary-selection-extra-dark);--button-filled-text-neutral:var(--color-primary-selection-light);--button-filled-text-hover-neutral:var(--color-neutral-950);--button-ghost-neutral:var(--color-neutral-900);--button-ghost-hover-neutral:var(--color-neutral-950);--button-filled-bg-info:var(--color-info-selection-dark);--button-filled-bg-hover-info:var(--color-info-selection-extra-dark);--button-filled-text-info:var(--color-neutral-950);--button-filled-text-hover-info:var(--color-neutral-950);--button-ghost-info:var(--color-info-selection-main);--button-ghost-hover-info:var(--color-info-selection-extra-light);--button-filled-bg-success:var(--color-success-selection-extra-light);--button-filled-bg-hover-success:var(--color-success-selection-extra-dark);--button-filled-text-success:var(--color-success-selection-extra-dark);--button-filled-text-hover-success:var(--color-neutral-950);--button-ghost-success:var(--color-success-selection-light);--button-ghost-hover-success:var(--color-success-selection-main);--button-filled-bg-error:var(--color-error-selection-extra-light);--button-filled-bg-hover-error:var(--color-error-selection-extra-light);--button-filled-text-error:var(--color-error-selection-extra-dark);--button-filled-text-hover-error:var(--color-neutral-950);--button-ghost-error:var(--color-error-selection-light);--button-ghost-hover-error:var(--color-error-selection-main)}.dz-button--color-primary{--filled-bg-color:var(--button-filled-bg-primary);--filled-bg-hover-color:var(--button-filled-bg-hover-primary);--filled-text-color:var(--button-filled-text-primary);--filled-text-hover-color:var(--button-filled-text-hover-primary);--ghost-color:var(--button-ghost-primary);--ghost-hover-color:var(--button-ghost-hover-primary)}.dz-button--color-secondary{--filled-bg-color:var(--button-filled-bg-secondary);--filled-bg-hover-color:var(--button-filled-bg-hover-secondary);--filled-text-color:var(--button-filled-text-secondary);--filled-text-hover-color:var(--button-filled-text-hover-secondary);--ghost-color:var(--button-ghost-secondary);--ghost-hover-color:var(--button-ghost-hover-secondary)}.dz-button--color-neutral{--filled-bg-color:var(--button-filled-bg-neutral);--filled-bg-hover-color:var(--button-filled-bg-hover-neutral);--filled-text-color:var(--button-filled-text-neutral);--filled-text-hover-color:var(--button-filled-text-hover-neutral);--ghost-color:var(--button-ghost-neutral);--ghost-hover-color:var(--button-ghost-hover-neutral)}.dz-button--color-info{--filled-bg-color:var(--button-filled-bg-info);--filled-bg-hover-color:var(--button-filled-bg-hover-info);--filled-text-color:var(--button-filled-text-info);--filled-text-hover-color:var(--button-filled-text-hover-info);--ghost-color:var(--button-ghost-info);--ghost-hover-color:var(--button-ghost-hover-info)}.dz-button--color-success{--filled-bg-color:var(--button-filled-bg-success);--filled-bg-hover-color:var(--button-filled-bg-hover-success);--filled-text-color:var(--button-filled-text-success);--filled-text-hover-color:var(--button-filled-text-hover-success);--ghost-color:var(--button-ghost-success);--ghost-hover-color:var(--button-ghost-hover-success)}.dz-button--color-error{--filled-bg-color:var(--button-filled-bg-error);--filled-bg-hover-color:var(--button-filled-bg-hover-error);--filled-text-color:var(--button-filled-text-error);--filled-text-hover-color:var(--button-filled-text-hover-error);--ghost-color:var(--button-ghost-error);--ghost-hover-color:var(--button-ghost-hover-error)}.dz-button--size-32{height:calc(var(--spacing) * 32);font-size:var(--button-font-size-32);padding:calc(var(--spacing) * var(--button-padding-x-32)) calc(var(--spacing) * var(--button-padding-y-32))}.dz-button--size-32 .dz-button__icon{width:24px;height:24px}.dz-button--size-32 .dz-button__icon>*{height:var(--icon-size-component-32);width:var(--icon-size-component-32)}.dz-button--size-36{height:calc(var(--spacing) * 36);font-size:var(--button-font-size-36);padding:calc(var(--spacing) * var(--button-padding-x-36)) calc(var(--spacing) * var(--button-padding-y-36))}.dz-button--size-36 .dz-button__icon{width:24px;height:24px}.dz-button--size-36 .dz-button__icon>*{height:var(--icon-size-component-36);width:var(--icon-size-component-36)}.dz-button--size-40{height:calc(var(--spacing) * 40);font-size:var(--button-font-size-40);padding:calc(var(--spacing) * var(--button-padding-x-40)) calc(var(--spacing) * var(--button-padding-y-40))}.dz-button--size-40 .dz-button__icon{width:24px;height:24px}.dz-button--size-40 .dz-button__icon>*{height:var(--icon-size-component-40);width:var(--icon-size-component-40)}.dz-button--size-48{height:calc(var(--spacing) * 48);font-size:var(--button-font-size-48);padding:calc(var(--spacing) * var(--button-padding-x-48)) calc(var(--spacing) * var(--button-padding-y-48))}.dz-button--size-48 .dz-button__icon{width:24px;height:24px}.dz-button--size-48 .dz-button__icon>*{height:var(--icon-size-component-48);width:var(--icon-size-component-48)}.dz-button--size-52{height:calc(var(--spacing) * 52);font-size:var(--button-font-size-52);padding:calc(var(--spacing) * var(--button-padding-x-52)) calc(var(--spacing) * var(--button-padding-y-52))}.dz-button--size-52 .dz-button__icon{width:24px;height:24px}.dz-button--size-52 .dz-button__icon>*{height:var(--icon-size-component-52);width:var(--icon-size-component-52)}@layer components{.dz-button--filled{background-color:var(--filled-bg-color);color:var(--filled-text-color);border:none}.dz-button--filled:hover{background-color:var(--filled-bg-hover-color);color:var(--filled-text-hover-color)}.dz-button--filled:disabled{background-color:var(--button-disabled-filled-bg-color);color:var(--button-disabled-filled-text-color)}.dz-button--outline{color:var(--ghost-color);border-style:solid;border-width:1px;border-color:var(--ghost-color);background-color:#0000}.dz-button--outline:hover{color:var(--ghost-hover-color);border-color:var(--ghost-hover-color)}.dz-button--outline:disabled{color:var(--button-disabled-ghost-color);border-color:var(--button-disabled-ghost-color)}.dz-button--text{color:var(--ghost-color);background-color:#0000;border:none}.dz-button--text:hover{color:var(--ghost-hover-color)}.dz-button--text:disabled{color:var(--button-disabled-ghost-color)}.dz-button{border-radius:var(--button-radius);cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);outline-offset:2px;outline:2px solid #0000;flex-direction:row;width:auto;transition:all .3s ease-in-out;display:flex}.dz-button:disabled{cursor:not-allowed}.dz-button:focus{outline-color:var(--color-info-main)}.dz-button .dz-button__content{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 4);align-items:center;height:24px;display:flex}.dz-button .dz-button__icon{justify-content:center;align-items:center;display:flex}.dz-input.dz-input--filled .dz-input-box{background-color:var(--input-bg);border:1px solid var(--input-stroke)}.dz-input.dz-input--outline .dz-input-box,.dz-input.dz-input--outline .dz-input-box:hover,.dz-input.dz-input--outline .dz-input-box:focus,.dz-input.dz-input--outline .dz-input-box .dz-input-box__input,.dz-input.dz-input--outline .dz-input-box .dz-input-box__input:hover,.dz-input.dz-input--outline .dz-input-box .dz-input-box__input:focus{background-color:#0000}.dz-input.dz-input--text .dz-input-box{border-top-width:0;border-left-width:0;border-right-width:0;border-radius:0}.dz-input{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}.dz-input input{border:none;width:100%}.dz-input input:focus{outline:none}.dz-input input:disabled{cursor:not-allowed}.dz-input .dz-input-label{align-items:center;gap:calc(var(--spacing) * 4);flex-direction:row;display:flex}.dz-input .dz-input-label .dz-input-label__title{font-family:var(--font-family-title);font-size:calc(var(--spacing) * 14);font-style:normal;line-height:calc(var(--spacing) * 18);letter-spacing:calc(var(--spacing) * .2);color:var(--input-content);font-weight:400}.dz-input .dz-input-label .dz-input-label__required{font-family:var(--font-family-title);font-size:calc(var(--spacing) * 14);font-style:normal;line-height:calc(var(--spacing) * 18);letter-spacing:calc(var(--spacing) * .2);color:var(--color-error-always-light);font-weight:400}.dz-input .dz-input-label .dz-input-label__caption{font-family:var(--font-family-title);font-size:calc(var(--spacing) * 12);font-style:normal;line-height:calc(var(--spacing) * 16);letter-spacing:calc(var(--spacing) * .2);color:var(--input-content);font-weight:400}.dz-input .dz-input-label .dz-input-label__icon{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.dz-input .dz-input-label .dz-input-label__icon>*{width:10px!important;height:10px!important}.dz-input .dz-input-box{align-self:stretch;align-items:center;gap:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 8);border-radius:var(--input-radius);background-color:var(--input-bg);border-style:solid;border-width:1px;border-color:var(--input-stroke);color:var(--input-content);display:flex}.dz-input .dz-input-box:focus-within{outline:1px solid var(--input-stroke-focus);background-color:var(--input-bg-focus)}.dz-input .dz-input-box:hover{border-color:var(--input-stroke-hover);background-color:var(--input-bg-hover)}.dz-input .dz-input-box:active{border-color:var(--input-stroke-active);background-color:var(--input-bg-active)}.dz-input .dz-input-box.success{border-color:var(--input-stroke-success);background-color:var(--input-bg-success)}.dz-input .dz-input-box.error{border-color:var(--input-stroke-error);background-color:var(--input-bg-error)}.dz-input .dz-input-caption{gap:calc(var(--spacing) * 4);font-family:var(--font-family-title);font-size:calc(var(--spacing) * 12);font-style:normal;line-height:calc(var(--spacing) * 16);letter-spacing:calc(var(--spacing) * .2);align-items:center;font-weight:400;display:flex}.dz-input .dz-input-caption .dz-input-caption__icon{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.dz-input .dz-input-caption .dz-input-caption__icon>*{width:10px!important;height:10px!important}.dz-input.dz-input--success{color:var(--input-content-success)}.dz-input.dz-input--success .dz-input-box{border-color:var(--input-stroke-success);background-color:var(--input-bg-success)}.dz-input.dz-input--error{color:var(--input-content-error)}.dz-input.dz-input--error .dz-input-box{border-color:var(--input-stroke-error);background-color:var(--input-bg-error)}.dz-input.dz-input--disabled{color:var(--input-content-disable)}.dz-input.dz-input--disabled .dz-input-box{cursor:not-allowed;border-color:var(--input-stroke-disable);background-color:var(--input-bg-disable)}.dz-tooltip{width:max-content;padding:var(--tooltip-padding);border-radius:var(--tooltip-radius);background-color:var(--tooltip-bg);color:var(--tooltip-text);justify-content:center;align-items:flex-end;gap:calc(var(--spacing) * 4);font-family:var(--font-family-body);font-size:calc(var(--spacing) * 12);font-style:normal;line-height:calc(var(--spacing) * 16);letter-spacing:calc(var(--spacing) * .2);flex-direction:column;font-weight:400;display:none;position:absolute;top:0;left:0}.dz-tooltip .dz-tooltip__arrow{background:var(--tooltip-bg);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.dz-toggle{align-items:center;gap:calc(var(--spacing) * 8);height:var(--height-toggle);width:fit-content;display:flex}.dz-toggle--text-right{flex-direction:row}.dz-toggle--text-left{flex-direction:row-reverse}.dz-toggle:focus-within{outline-style:var(--tw-outline-style);outline-offset:4px;outline-width:2px;outline-color:var(--color-info-main);border-radius:var(--radius-toggle-outline)}.dz-toggle__input{--tw-border-style:none;--tw-outline-style:none;height:calc(var(--spacing) * 1);width:calc(var(--spacing) * 1);padding:calc(var(--spacing) * 10);clip-path:inset(50%);white-space:nowrap;border-style:none;border-width:0;outline-style:none;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dz-toggle__track{cursor:pointer;border-radius:var(--radius-toggle-border);background-color:var(--color-toggle-bg);height:var(--height-toogle-track);width:var(--width-toogle-track);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s;display:inline-block;position:relative}.dz-toggle__circle{border-radius:var(--radius-toggle-circle);background-color:var(--color-toggle-content);top:calc(var(--spacing) * 5);left:calc(var(--spacing) * 5);width:var(--size-toggle-circle);height:var(--size-toggle-circle);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);position:absolute}.dz-toggle__input:checked+.dz-toggle__track{background-color:var(--color-toggle-checked-bg)}.dz-toggle__input:checked+.dz-toggle__track .dz-toggle__circle{--tw-translate-x:calc(var(--spacing) * 16);translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--color-toggle-content-checked)}.dz-toggle__text{font-family:var(--font-family-title);font-size:calc(var(--spacing) * 16);font-style:normal;line-height:calc(var(--spacing) * 20);letter-spacing:calc(var(--spacing) * .2);font-weight:400}.dz-toggle__check-skeleton-loader{height:var(--height-toggle);width:var(--width-toogle-track);border-radius:var(--radius-xl)}.dz-toggle__text-skeleton-loader{height:var(--height-toggle);border-radius:var(--radius-lg);justify-content:center;display:flex}.dz-toggle__text-skeleton-loader--loading{width:var(--width-skeleton-loading)}.dz-toggle.dz-toggle--disabled{cursor:not-allowed}.dz-toggle.dz-toggle--disabled .dz-toggle__track{cursor:not-allowed;background-color:var(--color-toggle-disabled-bg)}.dz-toggle.dz-toggle--disabled .dz-toggle__circle{background-color:var(--color-toggle-content-disabled)}.dz-checkbox{justify-content:center;align-items:center;gap:calc(var(--spacing) * 4);cursor:pointer;width:fit-content;display:flex}.dz-checkbox:has(.dz-checkbox__input:disabled) .dz-checkbox__label{cursor:not-allowed;color:var(--color-checkbox-disabled-text)}.dz-checkbox:has(.dz-checkbox__input:disabled) .dz-checkbox__control{cursor:not-allowed;color:var(--color-checkbox-disabled-stroke);border-color:var(--color-checkbox-disabled-stroke)}.dz-checkbox__input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;width:var(--size-checkbox);height:var(--size-checkbox);border-width:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.dz-checkbox__input:focus-visible+.dz-checkbox__control{outline-style:var(--tw-outline-style);outline-offset:4px;outline-width:2px;outline-color:var(--color-info-main);border-radius:var(--radius-checkbox-outline)}.dz-checkbox__checkbox-container{width:var(--size-checkbox-container);height:var(--size-checkbox-container);justify-content:center;align-items:center;display:flex}.dz-checkbox__control{width:var(--size-checkbox);height:var(--size-checkbox);border-radius:var(--radius-checkbox);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-checkbox-stroke);color:var(--color-checkbox-checked);justify-content:center;align-items:center;display:flex}:hover+.dz-checkbox__control{border-bottom-color:var(--color-checkbox-hover)}.dz-checkbox__label{gap:calc(var(--spacing) * 0);flex-direction:column;display:flex}.dz-checkbox__title{font-family:var(--font-family-title);font-size:calc(var(--spacing) * 14);font-style:normal;line-height:calc(var(--spacing) * 18);letter-spacing:calc(var(--spacing) * .2);font-weight:600}.dz-checkbox__subtitle{font-family:var(--font-family-body);font-size:calc(var(--spacing) * 12);font-style:normal;line-height:calc(var(--spacing) * 16);letter-spacing:calc(var(--spacing) * .2);font-weight:400}.dz-checkbox__check{width:var(--size-checkbox);height:var(--size-checkbox);border-radius:var(--radius-checkbox)}.dz-checkbox__check-loading-skeleton{min-height:var(--spacing-checkbox);min-width:var(--spacing-checkbox);border-radius:.25rem}.dz-checkbox__title-loading-skeleton{height:100%;min-height:var(--spacing-title-loading-skeleton);border-radius:.25rem}.dz-checkbox__title-loading-skeleton--loading{width:var(--width-title-loading-skeleton)}.dz-avatar{--tw-border-style:none;border-style:none;position:relative}.dz-avatar__main{border-radius:var(--radius-avatar);background-color:var(--color-avatar-bg);width:100%;height:100%;color:var(--color-avatar-text);justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.dz-avatar__badge-status{position:absolute;bottom:-1px;right:-1px}.dz-avatar__badge-status.dz-avatar--online{color:var(--color-avatar-badge-online-status)}.dz-avatar__badge-status.dz-avatar--away{color:var(--color-avatar-badge-away-status)}.dz-avatar__badge-status.dz-avatar--info{color:var(--color-avatar-badge-info-status)}.dz-avatar__badge-status.dz-avatar--busy{color:var(--color-avatar-badge-busy-status)}.dz-avatar__image{object-fit:cover;width:100%;height:100%}.dz-avatar__loading{border-radius:var(--radius-avatar);width:100%;height:100%}.dz-skeleton-container{flex-direction:column;display:flex}.dz-skeleton-loading{animation:var(--animate-pulse);cursor:progress;border-radius:inherit;background-color:var(--color-skeleton-loading-bg);flex:1}}.dz-input-size--32 .dz-input-box{height:calc(var(--spacing) * 32);padding:calc(var(--spacing) * var(--input-padding-x-32)) calc(var(--spacing) * var(--input-padding-y-32))}.dz-input-size--32 .dz-input-box__icon{height:var(--icon-size-component-32);width:var(--icon-size-component-32)}.dz-input-size--36 .dz-input-box{height:calc(var(--spacing) * 36);padding:calc(var(--spacing) * var(--input-padding-x-36)) calc(var(--spacing) * var(--input-padding-y-36))}.dz-input-size--36 .dz-input-box__icon{height:var(--icon-size-component-36);width:var(--icon-size-component-36)}.dz-input-size--40 .dz-input-box{height:calc(var(--spacing) * 40);padding:calc(var(--spacing) * var(--input-padding-x-40)) calc(var(--spacing) * var(--input-padding-y-40))}.dz-input-size--40 .dz-input-box__icon{height:var(--icon-size-component-40);width:var(--icon-size-component-40)}.dz-input-size--48 .dz-input-box{height:calc(var(--spacing) * 48);padding:calc(var(--spacing) * var(--input-padding-x-48)) calc(var(--spacing) * var(--input-padding-y-48))}.dz-input-size--48 .dz-input-box__icon{height:var(--icon-size-component-48);width:var(--icon-size-component-48)}.dz-input-size--52 .dz-input-box{height:calc(var(--spacing) * 52);padding:calc(var(--spacing) * var(--input-padding-x-52)) calc(var(--spacing) * var(--input-padding-y-52))}.dz-input-size--52 .dz-input-box__icon{height:var(--icon-size-component-52);width:var(--icon-size-component-52)}[data-theme=dark]{--input-bg:var(--color-background-100);--input-bg-disable:var(--color-neutral-200);--input-bg-hover:var(--input-bg);--input-bg-focus:var(--input-bg);--input-bg-active:var(--input-bg);--input-bg-success:var(--input-bg);--input-bg-error:var(--input-bg);--input-content:var(--font-color-500);--input-content-disable:var(--font-color-400);--input-content-hover:var(--input-content);--input-content-focus:var(--font-color-600);--input-content-active:var(--font-color-700);--input-content-success:var(--font-color-700);--input-content-error:var(--font-color-700);--input-content-error-icon:var(--color-error-selection-main);--input-stroke:var(--color-neutral-800);--input-stroke-disable:var(--color-neutral-400);--input-stroke-hover:var(--color-primary-selection-dark);--input-stroke-focus:var(--color-primary-selection-extra-light);--input-stroke-active:var(--color-primary-selection-main);--input-stroke-success:var(--color-success-selection-light);--input-stroke-error:var(--color-error-selection-main);--tooltip-bg-neutral:var(--color-neutral-950);--tooltip-text-neutral:var(--color-neutral-50);--tooltip-bg-primary:var(--color-primary-selection-dark);--tooltip-text-primary:var(--tooltip-text-neutral);--tooltip-bg-inverse:var(--color-neutral-200);--tooltip-text-inverse:var(--color-neutral-950);--tooltip-bg-always-dark:var(--color-neutral-200);--tooltip-text-always-dark:var(--color-neutral-950);--tooltip-bg-always-light:var(--color-neutral-950);--tooltip-text-always-light:var(--color-neutral-50)}.dz-tooltip--neutral{--tooltip-bg:var(--tooltip-bg-neutral);--tooltip-text:var(--tooltip-text-neutral)}.dz-tooltip--primary{--tooltip-bg:var(--tooltip-bg-primary);--tooltip-text:var(--tooltip-text-primary)}.dz-tooltip--inverse{--tooltip-bg:var(--tooltip-bg-inverse);--tooltip-text:var(--tooltip-text-inverse)}.dz-tooltip--always-dark{--tooltip-bg:var(--tooltip-bg-always-dark);--tooltip-text:var(--tooltip-text-always-dark)}.dz-tooltip--always-light{--tooltip-bg:var(--tooltip-bg-always-light);--tooltip-text:var(--tooltip-text-always-light)}@layer base{:root{--toggle-bg-disabled:var(--color-neutral-400);--toggle-content-disabled:var(--color-neutral-900);--toggle-content-checked:var(--color-neutral-50)}[data-theme=dark]{--toggle-bg-disabled:var(--color-neutral-300);--toggle-content-disabled:var(--color-neutral-800);--toggle-content-checked:var(--color-neutral-950)}:root{--checkbox-hover-color:var(--color-primary-selection-light)}[data-theme=dark]{--checkbox-hover-color:var(--color-primary-selection-dark)}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}.dz-avatar--size-20{font-family:var(--font-family-title);font-size:calc(var(--spacing) * 10);font-style:normal;line-height:calc(var(--spacing) * 14);letter-spacing:calc(var(--spacing) * .2);width:calc(var(--spacing) * var(--avatar-size-20));height:calc(var(--spacing) * var(--avatar-size-20));font-weight:400}.dz-avatar--size-20 .dz-avatar__icon{width:calc(var(--spacing) * var(--avatar-icon-size-20));height:calc(var(--spacing) * var(--avatar-icon-size-20))}.dz-avatar--size-20 .dz-avatar__badge-status{width:calc(var(--spacing) * var(--avatar-badge-status-size-20));height:calc(var(--spacing) * var(--avatar-badge-status-size-20))}.dz-avatar--size-24{font-family:var(--font-family-title);font-size:calc(var(--spacing) * 12);font-style:normal;line-height:calc(var(--spacing) * 16);letter-spacing:calc(var(--spacing) * .2);width:calc(var(--spacing) * var(--avatar-size-24));height:calc(var(--spacing) * var(--avatar-size-24));font-weight:400}.dz-avatar--size-24 .dz-avatar__icon{width:calc(var(--spacing) * var(--avatar-icon-size-24));height:calc(var(--spacing) * var(--avatar-icon-size-24))}.dz-avatar--size-24 .dz-avatar__badge-status{width:calc(var(--spacing) * var(--avatar-badge-status-size-24));height:calc(var(--spacing) * var(--avatar-badge-status-size-24))}.dz-avatar--size-32{font-family:var(--font-family-title);font-size:calc(var(--spacing) * 16);font-style:normal;line-height:calc(var(--spacing) * 20);letter-spacing:calc(var(--spacing) * .2);width:calc(var(--spacing) * var(--avatar-size-32));height:calc(var(--spacing) * var(--avatar-size-32));font-weight:400}.dz-avatar--size-32 .dz-avatar__icon{width:calc(var(--spacing) * var(--avatar-icon-size-32));height:calc(var(--spacing) * var(--avatar-icon-size-32))}.dz-avatar--size-32 .dz-avatar__badge-status{width:calc(var(--spacing) * var(--avatar-badge-status-size-32));height:calc(var(--spacing) * var(--avatar-badge-status-size-32))}.dz-avatar--size-40{font-family:var(--font-family-title);font-size:calc(var(--spacing) * 18);font-style:normal;line-height:calc(var(--spacing) * 24);letter-spacing:calc(var(--spacing) * .2);width:calc(var(--spacing) * var(--avatar-size-40));height:calc(var(--spacing) * var(--avatar-size-40));font-weight:400}.dz-avatar--size-40 .dz-avatar__icon{width:calc(var(--spacing) * var(--avatar-icon-size-40));height:calc(var(--spacing) * var(--avatar-icon-size-40))}.dz-avatar--size-40 .dz-avatar__badge-status{width:calc(var(--spacing) * var(--avatar-badge-status-size-40));height:calc(var(--spacing) * var(--avatar-badge-status-size-40))}.dz-avatar--size-44{font-family:var(--font-family-title);font-size:calc(var(--spacing) * 22);font-style:normal;line-height:calc(var(--spacing) * 32);letter-spacing:calc(var(--spacing) * .2);width:calc(var(--spacing) * var(--avatar-size-44));height:calc(var(--spacing) * var(--avatar-size-44));font-weight:400}.dz-avatar--size-44 .dz-avatar__icon{width:calc(var(--spacing) * var(--avatar-icon-size-44));height:calc(var(--spacing) * var(--avatar-icon-size-44))}.dz-avatar--size-44 .dz-avatar__badge-status{width:calc(var(--spacing) * var(--avatar-badge-status-size-44));height:calc(var(--spacing) * var(--avatar-badge-status-size-44))}.dz-avatar--size-48{font-family:var(--font-family-title);font-size:calc(var(--spacing) * 24);font-style:normal;line-height:calc(var(--spacing) * 32);letter-spacing:calc(var(--spacing) * .2);width:calc(var(--spacing) * var(--avatar-size-48));height:calc(var(--spacing) * var(--avatar-size-48));font-weight:400}.dz-avatar--size-48 .dz-avatar__icon{width:calc(var(--spacing) * var(--avatar-icon-size-48));height:calc(var(--spacing) * var(--avatar-icon-size-48))}.dz-avatar--size-48 .dz-avatar__badge-status{width:calc(var(--spacing) * var(--avatar-badge-status-size-48));height:calc(var(--spacing) * var(--avatar-badge-status-size-48))}@layer theme;@layer utilities{.block{display:block}.table{display:table}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-solid{--tw-border-style:solid;border-style:solid}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--font-family-title:"Roboto", sans-serif;--font-family-body:"Roboto", sans-serif;--font-color-50:#191919;--font-color-100:#2c2c2c;--font-color-200:#404040;--font-color-300:#6c6c6c;--font-color-400:#b2b2b2;--font-color-500:#cbcbcb;--font-color-600:#e5e5e5;--font-color-700:#f1f1f1}:root [data-theme=dark]{--color-font-50:var(--font-color-700);--color-font-100:var(--font-color-600);--color-font-200:var(--font-color-500);--color-font-300:var(--font-color-400);--color-font-inverse:var(---font-color-50);--color-font-always-light:var(---font-color-700);--color-font-always-dark:var(---font-color-50)}:root{--shadow-1:#1d1d1d 8%;--shadow-2:#1d1d1d 8%;--shadow-3:#1d1d1d 8%;--shadow-4:#1d1d1d 12%;--shadow-5:#1d1d1d 16%}:root [data-theme=dark]{--shadow-1:#0d0d0d 24%;--shadow-2:#0d0d0d 24%;--shadow-3:#0d0d0d 24%;--shadow-4:#0d0d0d 32%;--shadow-5:#0d0d0d 40%}[data-theme=dark]{--color-stroke-50:var(--color-neutral-50);--color-stroke-100:var(--color-neutral-200);--color-stroke-200:var(--color-neutral-200);--color-stroke-300:var(--color-neutral-300);--color-stroke-400:var(--color-neutral-400);--color-stroke-500:var(--color-neutral-500);--color-stroke-600:var(--color-neutral-600);--color-stroke-700:var(--color-neutral-700);--color-stroke-800:var(--color-neutral-800);--color-stroke-900:var(--color-neutral-900);--color-stroke-950:var(--color-neutral-950);--color-stroke-always-light:var(--color-neutral-950);--color-stroke-always-dark:var(--color-neutral-50);--color-primary-selection-extra-light:var(--color-primary-800);--color-primary-selection-light:var(--color-primary-700);--color-primary-selection-main:var(--color-primary-600);--color-primary-selection-dark:var(--color-primary-400);--color-primary-selection-extra-dark:var(--color-primary-300);--color-primary-extra-light:var(--color-primary-selection-extra-dark);--color-primary-light:var(--color-primary-selection-dark);--color-primary-main:var(--color-primary-selection-main);--color-primary-dark:var(--color-primary-selection-light);--color-primary-extra-dark:var(--color-primary-selection-extra-light);--color-primary-always-extra-light:var(--color-primary-selection-extra-light);--color-primary-always-light:var(--color-primary-selection-light);--color-primary-always-main:var(--color-primary-selection-main);--color-primary-always-dark:var(--color-primary-selection-dark);--color-primary-always-extra-dark:var(--color-primary-selection-extra-dark);--color-secondary-selection-extra-light:var(--color-secondary-900);--color-secondary-selection-light:var(--color-secondary-800);--color-secondary-selection-main:var(--color-secondary-700);--color-secondary-selection-dark:var(--color-secondary-400);--color-secondary-selection-extra-dark:var(--color-secondary-300);--color-secondary-extra-light:var(--color-secondary-selection-extra-dark);--color-secondary-light:var(--color-secondary-selection-dark);--color-secondary-main:var(--color-secondary-selection-main);--color-secondary-dark:var(--color-secondary-selection-light);--color-secondary-extra-dark:var(--color-secondary-selection-extra-light);--color-secondary-always-extra-light:var(--color-secondary-selection-extra-light);--color-secondary-always-light:var(--color-secondary-selection-light);--color-secondary-always-main:var(--color-secondary-selection-main);--color-secondary-always-dark:var(--color-secondary-selection-dark);--color-secondary-always-extra-dark:var(--color-secondary-selection-extra-dark);--color-neutral-always-light:--var(--color-neutral-950);--color-neutral-always-dark:--var(--color-neutral-950);--color-background-inverse:var(--color-background-50);--color-background-always-dark:var(--color-background-50);--color-background-always-light:var(--color-background-50);--color-success-selection-extra-light:var(--color-success-950);--color-success-selection-light:var(--color-success-800);--color-success-selection-main:var(--color-success-600);--color-success-selection-dark:var(--color-success-500);--color-success-selection-extra-dark:var(--color-success-400);--color-success-extra-light:var(--color-success-selection-extra-dark);--color-success-light:var(--color-success-selection-dark);--color-success-main:var(--color-success-selection-main);--color-success-dark:var(--color-success-selection-light);--color-success-extra-dark:var(--color-success-selection-extra-light);--color-success-always-extra-light:var(--color-success-selection-extra-light);--color-success-always-light:var(--color-success-selection-light);--color-success-always-main:var(--color-success-selection-main);--color-success-always-dark:var(--color-success-selection-dark);--color-success-always-extra-dark:var(--color-success-selection-extra-dark);--color-info-selection-extra-light:var(--color-info-800);--color-info-selection-light:var(--color-info-700);--color-info-selection-main:var(--color-info-600);--color-info-selection-dark:var(--color-info-400);--color-info-selection-extra-dark:var(--color-info-300);--color-info-extra-light:var(--color-info-selection-extra-dark);--color-info-light:var(--color-info-selection-dark);--color-info-main:var(--color-info-selection-main);--color-info-dark:var(--color-info-selection-light);--color-info-extra-dark:var(--color-info-selection-extra-light);--color-info-always-extra-light:var(--color-info-selection-extra-light);--color-info-always-light:var(--color-info-selection-light);--color-info-always-main:var(--color-info-selection-main);--color-info-always-dark:var(--color-info-selection-dark);--color-info-always-extra-dark:var(--color-info-selection-extra-dark);--color-warning-selection-extra-light:var(--color-warning-900);--color-warning-selection-light:var(--color-warning-800);--color-warning-selection-main:var(--color-warning-700);--color-warning-selection-dark:var(--color-warning-600);--color-warning-selection-extra-dark:var(--color-warning-500);--color-warning-extra-light:var(--color-warning-selection-extra-dark);--color-warning-light:var(--color-warning-selection-dark);--color-warning-main:var(--color-warning-selection-main);--color-warning-dark:var(--color-warning-selection-light);--color-warning-extra-dark:var(--color-warning-selection-extra-light);--color-warning-always-extra-light:var(--color-warning-selection-extra-light);--color-warning-always-light:var(--color-warning-selection-light);--color-warning-always-main:var(--color-warning-selection-main);--color-warning-always-dark:var(--color-warning-selection-dark);--color-warning-always-extra-dark:var(--color-warning-selection-extra-dark);--color-error-selection-extra-light:var(--color-error-900);--color-error-selection-light:var(--color-error-800);--color-error-selection-main:var(--color-error-600);--color-error-selection-dark:var(--color-error-500);--color-error-selection-extra-dark:var(--color-error-300);--color-error-extra-light:var(--color-error-selection-extra-dark);--color-error-light:var(--color-error-selection-dark);--color-error-main:var(--color-error-selection-main);--color-error-dark:var(--color-error-selection-light);--color-error-extra-dark:var(--color-error-selection-extra-light);--color-error-always-extra-light:var(--color-error-selection-extra-light);--color-error-always-light:var(--color-error-selection-light);--color-error-always-main:var(--color-error-selection-main);--color-error-always-dark:var(--color-error-selection-dark);--color-error-always-extra-dark:var(--color-error-selection-extra-dark)}:root{--color-background-50:#eff0f1;--color-background-100:#fafafa;--color-background-200:#f2f2f2;--color-background-0:var(--color-background-50)}[data-theme=dark]{--color-background-50:#060606;--color-background-100:#0e0e0e;--color-background-200:#121212}:root{--color-primary-50:#f0f0fc;--color-primary-100:#e3e3f9;--color-primary-200:#c7dbfa;--color-primary-300:#abadef;--color-primary-400:#9092eb;--color-primary-500:#7376e7;--color-primary-600:#77a2f8;--color-primary-700:#2340fb;--color-primary-800:#172796;--color-primary-900:#0d1445;--color-primary-950:#111346}[data-theme=dark]{--color-primary-50:#0b0d2f;--color-primary-100:#111346;--color-primary-200:#1c2076;--color-primary-300:#131e67;--color-primary-400:#1b30c1;--color-primary-500:#565ae4;--color-primary-600:#2340fb;--color-primary-700:#77a2f8;--color-primary-800:#bdd5f9;--color-primary-900:#c7c8f4;--color-primary-950:#e3e3f9}:root{--color-secondary-50:#f3eff9;--color-secondary-100:#eae2f5;--color-secondary-200:#b1e6ff;--color-secondary-300:#c1a7e4;--color-secondary-400:#af89dc;--color-secondary-500:#64ccff;--color-secondary-600:#8e47d1;--color-secondary-700:#35bcff;--color-secondary-800:#08c;--color-secondary-900:#003652;--color-secondary-950:#270c3c}[data-theme=dark]{--color-secondary-50:#1a0829;--color-secondary-100:#270c3c;--color-secondary-200:#411465;--color-secondary-300:#046;--color-secondary-400:#007ab8;--color-secondary-500:#8e47d1;--color-secondary-600:#9e6ad6;--color-secondary-700:#35bcff;--color-secondary-800:#82d6ff;--color-secondary-900:#b1e6ff;--color-secondary-950:#eae2f5;--color-secondary-always-main:var(--color-secondary-selection-dark)}:root{--color-neutral-50:#f1f1f1;--color-neutral-100:#e5e5e5;--color-neutral-200:#cbcbcb;--color-neutral-300:#b2b2b2;--color-neutral-400:#9a9a9a;--color-neutral-500:#828282;--color-neutral-600:#6c6c6c;--color-neutral-700:#565656;--color-neutral-800:#404040;--color-neutral-900:#2c2c2c;--color-neutral-950:#191919}[data-theme=dark]{--color-neutral-50:#111;--color-neutral-100:#191919;--color-neutral-200:#2c2c2c;--color-neutral-300:#404040;--color-neutral-400:#565656;--color-neutral-500:#6c6c6c;--color-neutral-600:#828282;--color-neutral-700:#9a9a9a;--color-neutral-800:#b2b2b2;--color-neutral-900:#cbcbcb;--color-neutral-950:#e5e5e5}:root{--color-success-50:#ebf2ee;--color-success-100:#dbe8df;--color-success-200:#b6d2bf;--color-success-300:#8ebd9e;--color-success-400:#5fa97b;--color-success-500:#039653;--color-success-600:#027c45;--color-success-700:#026337;--color-success-800:#014b2a;--color-success-900:#01341d;--color-success-950:#011f11}[data-theme=dark]{--color-success-50:#00150c;--color-success-100:#011f11;--color-success-200:#01341d;--color-success-300:#014b2a;--color-success-400:#026337;--color-success-500:#027c45;--color-success-600:#039653;--color-success-700:#5fa97b;--color-success-800:#8ebd9e;--color-success-900:#b6d2bf;--color-success-950:#dbe8df}:root{--color-info-50:#edf0fd;--color-info-100:#dee4fb;--color-info-200:#bdcaf7;--color-info-300:#9ab1f4;--color-info-400:#7497f2;--color-info-500:#457eef;--color-info-600:#1367dc;--color-info-700:#0f52af;--color-info-800:#0c3e85;--color-info-900:#082b5c;--color-info-950:#051936}[data-theme=dark]{--color-info-50:#031124;--color-info-100:#051936;--color-info-200:#082b5c;--color-info-300:#0c3e85;--color-info-400:#0f52af;--color-info-500:#1367dc;--color-info-600:#1367dc;--color-info-700:#7497f2;--color-info-800:#9ab1f4;--color-info-900:#bdcaf7;--color-info-950:#dee4fb}:root{--color-warning-50:#fdeee5;--color-warning-100:#fcdfcf;--color-warning-200:#fabf99;--color-warning-300:#f89d4d;--color-warning-400:#e18308;--color-warning-500:#bf6f07;--color-warning-600:#9e5c06;--color-warning-700:#7e4905;--color-warning-800:#5f3703;--color-warning-900:#422602;--color-warning-950:#271601}[data-theme=dark]{--color-warning-50:#190f01;--color-warning-100:#271601;--color-warning-200:#422602;--color-warning-300:#5f3703;--color-warning-400:#7e4905;--color-warning-500:#9e5c06;--color-warning-600:#bf6f07;--color-warning-700:#e18308;--color-warning-800:#f89d4d;--color-warning-900:#fabf99;--color-warning-950:#fcdfcf}:root{--color-error-50:#faeeee;--color-error-100:#f7e0df;--color-error-200:#efc0bf;--color-error-300:#e8a09e;--color-error-400:#e27d7a;--color-error-500:#dc5550;--color-error-600:#ce2a1e;--color-error-700:#a52218;--color-error-800:#7e1a13;--color-error-900:#59120d;--color-error-950:#350b08}[data-theme=dark]{--color-error-50:#240705;--color-error-100:#350b08;--color-error-200:#59120d;--color-error-300:#7e1a13;--color-error-400:#a52218;--color-error-500:#ce2a1e;--color-error-600:#dc5550;--color-error-700:#e27d7a;--color-error-800:#e8a09e;--color-error-900:#efc0bf;--color-error-950:#f7e0df;--color-error-always-main:var(--color-error-selection-dark)}:root{--color-orange-50:#ffedeb;--color-orange-100:#ffddda;--color-orange-200:#ffbbb3;--color-orange-300:#ff9687;--color-orange-400:#ff6b4e;--color-orange-500:#d95a41;--color-orange-600:#b44b36;--color-orange-700:#8f3c2b;--color-orange-800:#6c2d21;--color-orange-900:#4b1f17;--color-orange-950:#2c120d}[data-theme=dark]{--color-orange-50:#1d0c09;--color-orange-100:#2c120d;--color-orange-200:#4b1f17;--color-orange-300:#6c2d21;--color-orange-400:#8f3c2b;--color-orange-500:#b44b36;--color-orange-600:#d95a41;--color-orange-700:#ff6b4e;--color-orange-800:#ff9687;--color-orange-900:#ffbbb3;--color-orange-950:#ffddda}:root{--color-ciano-50:#e6f3f8;--color-ciano-100:#d0e9f2;--color-ciano-200:#9bd4e6;--color-ciano-300:#55c0da;--color-ciano-400:#39a7c0;--color-ciano-500:#308da3;--color-ciano-600:#287586;--color-ciano-700:#205d6b;--color-ciano-800:#184651;--color-ciano-900:#113138;--color-ciano-950:#0a1c20}[data-theme=dark]{--color-ciano-50:#061316;--color-ciano-100:#0a1c20;--color-ciano-200:#113138;--color-ciano-300:#184651;--color-ciano-400:#205d6b;--color-ciano-500:#287586;--color-ciano-600:#308da3;--color-ciano-700:#39a7c0;--color-ciano-800:#55c0da;--color-ciano-900:#9bd4e6;--color-ciano-950:#d0e9f2}:root{--color-pink-50:#fcecfc;--color-pink-100:#f9dcfa;--color-pink-200:#f4b8f6;--color-pink-300:#ef90f2;--color-pink-400:#eb61ee;--color-pink-500:#dc2de0;--color-pink-600:#b725ba;--color-pink-700:#921e95;--color-pink-800:#6f1771;--color-pink-900:#4e104f;--color-pink-950:#2f0930}[data-theme=dark]{--color-pink-50:#200620;--color-pink-100:#2f0930;--color-pink-200:#4e104f;--color-pink-300:#6f1771;--color-pink-400:#921e95;--color-pink-500:#b725ba;--color-pink-600:#dc2de0;--color-pink-700:#eb61ee;--color-pink-800:#ef90f2;--color-pink-900:#f4b8f6;--color-pink-950:#f9dcfa}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@keyframes pulse{50%{opacity:.5}}
|
|
3
|
+
/*$vite$:1*/
|
package/icons/index.d.ts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { default as InfoIcon } from './info.svg';
|
|
2
|
+
export { default as CheckedIcon } from './checked.svg';
|
|
3
|
+
export { default as IndeterminateIcon } from './indeterminate.svg';
|
|
4
|
+
export { default as PersonIcon } from './person.svg';
|
|
5
|
+
export { default as CircleIcon } from './circle.svg';
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../packages/core/src/icons/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
package/index.d.ts
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export * from './helpers/index';
|
|
2
|
+
export * from './components/button/button';
|
|
3
|
+
export * from './components/input/input';
|
|
4
|
+
export * from './components/tooltip/tooltip';
|
|
5
|
+
export * from './components/toggle/toggle';
|
|
6
|
+
export * from './components/checkbox/checkbox';
|
|
7
|
+
export * from './components/avatar/avatar';
|
|
8
|
+
export * from './components/skeleton/skeleton';
|
|
9
|
+
//# sourceMappingURL=index.d.ts.map
|