@progress/kendo-themes-html 6.5.0-dev.2 → 6.5.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/cjs/breadcrumb/breadcrumb.spec.js +2 -46
- package/dist/cjs/breadcrumb/tests/breadcrumb-rtl.js +14 -12
- package/dist/cjs/breadcrumb/tests/breadcrumb.js +14 -12
- package/dist/cjs/filemanager/tests/filemanager-contextmenu.js +2 -9
- package/dist/cjs/filemanager/tests/filemanager-drag-hint.js +2 -9
- package/dist/cjs/filemanager/tests/filemanager-gridview.js +2 -9
- package/dist/cjs/filemanager/tests/filemanager-listview.js +2 -9
- package/dist/cjs/filemanager/tests/filemanager-preview.js +2 -9
- package/dist/cjs/index.js +2 -9
- package/dist/esm/breadcrumb/breadcrumb.spec.js +2 -46
- package/dist/esm/breadcrumb/tests/breadcrumb-rtl.js +14 -12
- package/dist/esm/breadcrumb/tests/breadcrumb.js +14 -12
- package/dist/esm/filemanager/tests/filemanager-contextmenu.js +2 -9
- package/dist/esm/filemanager/tests/filemanager-drag-hint.js +2 -9
- package/dist/esm/filemanager/tests/filemanager-gridview.js +2 -9
- package/dist/esm/filemanager/tests/filemanager-listview.js +2 -9
- package/dist/esm/filemanager/tests/filemanager-preview.js +2 -9
- package/dist/esm/index.js +2 -9
- package/dist/types/appbar/appbar.spec.d.ts +2 -2
- package/dist/types/avatar/avatar.spec.d.ts +2 -2
- package/dist/types/badge/badge.spec.d.ts +2 -2
- package/dist/types/breadcrumb/breadcrumb.spec.d.ts +1 -8
- package/dist/types/button/button.spec.d.ts +2 -2
- package/dist/types/chip/chip.spec.d.ts +2 -2
- package/dist/types/fab/fab.spec.d.ts +2 -2
- package/dist/types/icon/font-icon.spec.d.ts +2 -2
- package/dist/types/icon/icon.spec.d.ts +2 -2
- package/dist/types/icon/svg-icon.spec.d.ts +2 -2
- package/dist/types/loader/loader-container.spec.d.ts +2 -2
- package/dist/types/loader/loader.spec.d.ts +2 -2
- package/dist/types/menu-button/menu-button.spec.d.ts +2 -2
- package/dist/types/notification/notification.spec.d.ts +2 -2
- package/dist/types/split-button/split-button.spec.d.ts +2 -2
- package/package.json +2 -2
- package/src/breadcrumb/breadcrumb.spec.tsx +3 -11
- package/src/breadcrumb/tests/breadcrumb-rtl.tsx +3 -0
- package/src/breadcrumb/tests/breadcrumb.tsx +3 -0
- package/dist/cjs/breadcrumb/tests/breadcrumb-adaptive.js +0 -4450
- package/dist/cjs/breadcrumb/tests/breadcrumb-size.js +0 -4468
- package/dist/esm/breadcrumb/tests/breadcrumb-adaptive.js +0 -4434
- package/dist/esm/breadcrumb/tests/breadcrumb-size.js +0 -4452
- package/dist/types/breadcrumb/tests/breadcrumb-adaptive.d.ts +0 -2
- package/dist/types/breadcrumb/tests/breadcrumb-size.d.ts +0 -2
- package/src/breadcrumb/tests/breadcrumb-adaptive.tsx +0 -82
- package/src/breadcrumb/tests/breadcrumb-size.tsx +0 -91
|
@@ -117,16 +117,12 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
|
|
|
117
117
|
var states = [
|
|
118
118
|
States.focus
|
|
119
119
|
];
|
|
120
|
-
var options = {
|
|
121
|
-
size: [Size.small, Size.medium, Size.large]
|
|
122
|
-
};
|
|
120
|
+
var options = {};
|
|
123
121
|
var defaultProps = {
|
|
124
|
-
collapsing: "auto"
|
|
125
|
-
size: Size.medium
|
|
122
|
+
collapsing: "auto"
|
|
126
123
|
};
|
|
127
124
|
var Breadcrumb = (props) => {
|
|
128
125
|
const {
|
|
129
|
-
size = defaultProps.size,
|
|
130
126
|
collapsing = defaultProps.collapsing,
|
|
131
127
|
focus,
|
|
132
128
|
...other
|
|
@@ -141,9 +137,6 @@ var Breadcrumb = (props) => {
|
|
|
141
137
|
stateClassNames(BREADCRUMB_CLASSNAME, {
|
|
142
138
|
focus
|
|
143
139
|
}),
|
|
144
|
-
optionClassNames(BREADCRUMB_CLASSNAME, {
|
|
145
|
-
size
|
|
146
|
-
}),
|
|
147
140
|
{
|
|
148
141
|
"k-breadcrumb-wrap": collapsing === "wrap"
|
|
149
142
|
}
|
|
@@ -117,16 +117,12 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
|
|
|
117
117
|
var states = [
|
|
118
118
|
States.focus
|
|
119
119
|
];
|
|
120
|
-
var options = {
|
|
121
|
-
size: [Size.small, Size.medium, Size.large]
|
|
122
|
-
};
|
|
120
|
+
var options = {};
|
|
123
121
|
var defaultProps = {
|
|
124
|
-
collapsing: "auto"
|
|
125
|
-
size: Size.medium
|
|
122
|
+
collapsing: "auto"
|
|
126
123
|
};
|
|
127
124
|
var Breadcrumb = (props) => {
|
|
128
125
|
const {
|
|
129
|
-
size = defaultProps.size,
|
|
130
126
|
collapsing = defaultProps.collapsing,
|
|
131
127
|
focus,
|
|
132
128
|
...other
|
|
@@ -141,9 +137,6 @@ var Breadcrumb = (props) => {
|
|
|
141
137
|
stateClassNames(BREADCRUMB_CLASSNAME, {
|
|
142
138
|
focus
|
|
143
139
|
}),
|
|
144
|
-
optionClassNames(BREADCRUMB_CLASSNAME, {
|
|
145
|
-
size
|
|
146
|
-
}),
|
|
147
140
|
{
|
|
148
141
|
"k-breadcrumb-wrap": collapsing === "wrap"
|
|
149
142
|
}
|
|
@@ -117,16 +117,12 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
|
|
|
117
117
|
var states = [
|
|
118
118
|
States.focus
|
|
119
119
|
];
|
|
120
|
-
var options = {
|
|
121
|
-
size: [Size.small, Size.medium, Size.large]
|
|
122
|
-
};
|
|
120
|
+
var options = {};
|
|
123
121
|
var defaultProps = {
|
|
124
|
-
collapsing: "auto"
|
|
125
|
-
size: Size.medium
|
|
122
|
+
collapsing: "auto"
|
|
126
123
|
};
|
|
127
124
|
var Breadcrumb = (props) => {
|
|
128
125
|
const {
|
|
129
|
-
size = defaultProps.size,
|
|
130
126
|
collapsing = defaultProps.collapsing,
|
|
131
127
|
focus,
|
|
132
128
|
...other
|
|
@@ -141,9 +137,6 @@ var Breadcrumb = (props) => {
|
|
|
141
137
|
stateClassNames(BREADCRUMB_CLASSNAME, {
|
|
142
138
|
focus
|
|
143
139
|
}),
|
|
144
|
-
optionClassNames(BREADCRUMB_CLASSNAME, {
|
|
145
|
-
size
|
|
146
|
-
}),
|
|
147
140
|
{
|
|
148
141
|
"k-breadcrumb-wrap": collapsing === "wrap"
|
|
149
142
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -11707,16 +11707,12 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
|
|
|
11707
11707
|
var states90 = [
|
|
11708
11708
|
States.focus
|
|
11709
11709
|
];
|
|
11710
|
-
var options85 = {
|
|
11711
|
-
size: [Size.small, Size.medium, Size.large]
|
|
11712
|
-
};
|
|
11710
|
+
var options85 = {};
|
|
11713
11711
|
var defaultProps81 = {
|
|
11714
|
-
collapsing: "auto"
|
|
11715
|
-
size: Size.medium
|
|
11712
|
+
collapsing: "auto"
|
|
11716
11713
|
};
|
|
11717
11714
|
var Breadcrumb = (props) => {
|
|
11718
11715
|
const {
|
|
11719
|
-
size = defaultProps81.size,
|
|
11720
11716
|
collapsing = defaultProps81.collapsing,
|
|
11721
11717
|
focus,
|
|
11722
11718
|
...other
|
|
@@ -11731,9 +11727,6 @@ var Breadcrumb = (props) => {
|
|
|
11731
11727
|
stateClassNames(BREADCRUMB_CLASSNAME, {
|
|
11732
11728
|
focus
|
|
11733
11729
|
}),
|
|
11734
|
-
optionClassNames(BREADCRUMB_CLASSNAME, {
|
|
11735
|
-
size
|
|
11736
|
-
}),
|
|
11737
11730
|
{
|
|
11738
11731
|
"k-breadcrumb-wrap": collapsing === "wrap"
|
|
11739
11732
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const APPBAR_CLASSNAME = "k-appbar";
|
|
2
2
|
declare const options: {
|
|
3
|
-
themeColor: ("
|
|
3
|
+
themeColor: ("base" | "error" | "inverse" | "inherit" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
4
4
|
};
|
|
5
5
|
export type KendoAppbarOptions = {
|
|
6
6
|
themeColor?: (typeof options.themeColor)[number] | null;
|
|
@@ -13,7 +13,7 @@ export declare const Appbar: {
|
|
|
13
13
|
(props: KendoAppbarProps & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
14
14
|
states: any[];
|
|
15
15
|
options: {
|
|
16
|
-
themeColor: ("
|
|
16
|
+
themeColor: ("base" | "error" | "inverse" | "inherit" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
17
17
|
};
|
|
18
18
|
className: string;
|
|
19
19
|
defaultProps: {};
|
|
@@ -9,7 +9,7 @@ declare const options: {
|
|
|
9
9
|
size: ("small" | "medium" | "large")[];
|
|
10
10
|
rounded: ("small" | "medium" | "full" | "large")[];
|
|
11
11
|
fillMode: ("flat" | "outline" | "solid")[];
|
|
12
|
-
themeColor: ("
|
|
12
|
+
themeColor: ("base" | "error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
13
13
|
};
|
|
14
14
|
export type KendoAvatarOptions = {
|
|
15
15
|
size?: (typeof options.size)[number] | null;
|
|
@@ -31,7 +31,7 @@ export declare const Avatar: {
|
|
|
31
31
|
size: ("small" | "medium" | "large")[];
|
|
32
32
|
rounded: ("small" | "medium" | "full" | "large")[];
|
|
33
33
|
fillMode: ("flat" | "outline" | "solid")[];
|
|
34
|
-
themeColor: ("
|
|
34
|
+
themeColor: ("base" | "error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
35
35
|
};
|
|
36
36
|
className: string;
|
|
37
37
|
defaultProps: {
|
|
@@ -3,7 +3,7 @@ declare const options: {
|
|
|
3
3
|
size: ("small" | "medium" | "large")[];
|
|
4
4
|
rounded: ("small" | "medium" | "full" | "large")[];
|
|
5
5
|
fillMode: ("outline" | "solid")[];
|
|
6
|
-
themeColor: ("
|
|
6
|
+
themeColor: ("base" | "error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
7
7
|
};
|
|
8
8
|
export type KendoBadgeOptions = {
|
|
9
9
|
size?: (typeof options.size)[number] | null;
|
|
@@ -23,7 +23,7 @@ export declare const Badge: {
|
|
|
23
23
|
size: ("small" | "medium" | "large")[];
|
|
24
24
|
rounded: ("small" | "medium" | "full" | "large")[];
|
|
25
25
|
fillMode: ("outline" | "solid")[];
|
|
26
|
-
themeColor: ("
|
|
26
|
+
themeColor: ("base" | "error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
27
27
|
};
|
|
28
28
|
className: string;
|
|
29
29
|
defaultProps: {
|
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
export declare const BREADCRUMB_CLASSNAME = "k-breadcrumb";
|
|
2
2
|
declare const states: "focus"[];
|
|
3
|
-
declare const options: {
|
|
4
|
-
size: ("small" | "medium" | "large")[];
|
|
5
|
-
};
|
|
6
3
|
export type KendoBreadcrumbProps = {
|
|
7
4
|
collapsing?: null | 'auto' | 'none' | 'wrap';
|
|
8
|
-
size?: (typeof options.size)[number] | null;
|
|
9
5
|
};
|
|
10
6
|
export type KendoBreadcrumbState = {
|
|
11
7
|
[K in (typeof states)[number]]?: boolean;
|
|
@@ -13,13 +9,10 @@ export type KendoBreadcrumbState = {
|
|
|
13
9
|
export declare const Breadcrumb: {
|
|
14
10
|
(props: KendoBreadcrumbProps & KendoBreadcrumbState & React.HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;
|
|
15
11
|
states: "focus"[];
|
|
16
|
-
options: {
|
|
17
|
-
size: ("small" | "medium" | "large")[];
|
|
18
|
-
};
|
|
12
|
+
options: {};
|
|
19
13
|
className: string;
|
|
20
14
|
defaultProps: {
|
|
21
15
|
collapsing: string;
|
|
22
|
-
size: "medium";
|
|
23
16
|
};
|
|
24
17
|
};
|
|
25
18
|
export default Breadcrumb;
|
|
@@ -4,7 +4,7 @@ declare const options: {
|
|
|
4
4
|
size: ("small" | "medium" | "large")[];
|
|
5
5
|
rounded: ("small" | "medium" | "full" | "large")[];
|
|
6
6
|
fillMode: ("link" | "flat" | "clear" | "outline" | "solid")[];
|
|
7
|
-
themeColor: ("
|
|
7
|
+
themeColor: ("base" | "error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
8
8
|
};
|
|
9
9
|
export type KendoButtonOptions = {
|
|
10
10
|
size?: (typeof options.size)[number] | null;
|
|
@@ -29,7 +29,7 @@ export declare const Button: {
|
|
|
29
29
|
size: ("small" | "medium" | "large")[];
|
|
30
30
|
rounded: ("small" | "medium" | "full" | "large")[];
|
|
31
31
|
fillMode: ("link" | "flat" | "clear" | "outline" | "solid")[];
|
|
32
|
-
themeColor: ("
|
|
32
|
+
themeColor: ("base" | "error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
33
33
|
};
|
|
34
34
|
className: string;
|
|
35
35
|
defaultProps: {
|
|
@@ -5,7 +5,7 @@ declare const options: {
|
|
|
5
5
|
size: ("small" | "medium" | "large")[];
|
|
6
6
|
rounded: ("small" | "medium" | "full" | "large")[];
|
|
7
7
|
fillMode: ("outline" | "solid")[];
|
|
8
|
-
themeColor: ("
|
|
8
|
+
themeColor: ("base" | "error" | "success" | "info" | "warning")[];
|
|
9
9
|
};
|
|
10
10
|
export type KendoChipOptions = {
|
|
11
11
|
size?: (typeof options.size)[number] | null;
|
|
@@ -29,7 +29,7 @@ export declare const Chip: {
|
|
|
29
29
|
size: ("small" | "medium" | "large")[];
|
|
30
30
|
rounded: ("small" | "medium" | "full" | "large")[];
|
|
31
31
|
fillMode: ("outline" | "solid")[];
|
|
32
|
-
themeColor: ("
|
|
32
|
+
themeColor: ("base" | "error" | "success" | "info" | "warning")[];
|
|
33
33
|
};
|
|
34
34
|
className: string;
|
|
35
35
|
defaultProps: {
|
|
@@ -4,7 +4,7 @@ declare const options: {
|
|
|
4
4
|
size: ("small" | "medium" | "large")[];
|
|
5
5
|
rounded: ("small" | "medium" | "full" | "large")[];
|
|
6
6
|
fillMode: ("link" | "flat" | "clear" | "outline" | "solid")[];
|
|
7
|
-
themeColor: ("
|
|
7
|
+
themeColor: ("base" | "error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
8
8
|
};
|
|
9
9
|
export type KendoFloatingActionButtonOptions = {
|
|
10
10
|
size?: (typeof options.size)[number] | null;
|
|
@@ -28,7 +28,7 @@ export declare const FloatingActionButton: {
|
|
|
28
28
|
size: ("small" | "medium" | "large")[];
|
|
29
29
|
rounded: ("small" | "medium" | "full" | "large")[];
|
|
30
30
|
fillMode: ("link" | "flat" | "clear" | "outline" | "solid")[];
|
|
31
|
-
themeColor: ("
|
|
31
|
+
themeColor: ("base" | "error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
32
32
|
};
|
|
33
33
|
className: string;
|
|
34
34
|
defaultProps: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare const FONTICON_CLASSNAME = "k-icon";
|
|
2
2
|
declare const options: {
|
|
3
3
|
size: ("small" | "medium" | "large" | "xsmall" | "xlarge" | "xxlarge" | "xxxlarge")[];
|
|
4
|
-
themeColor: ("
|
|
4
|
+
themeColor: ("base" | "error" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
5
5
|
};
|
|
6
6
|
export type FontIconOptions = {
|
|
7
7
|
size?: (typeof options.size)[number];
|
|
@@ -17,7 +17,7 @@ export declare const FontIcon: {
|
|
|
17
17
|
states: any[];
|
|
18
18
|
options: {
|
|
19
19
|
size: ("small" | "medium" | "large" | "xsmall" | "xlarge" | "xxlarge" | "xxxlarge")[];
|
|
20
|
-
themeColor: ("
|
|
20
|
+
themeColor: ("base" | "error" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
21
21
|
};
|
|
22
22
|
className: string;
|
|
23
23
|
defaultProps: {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
declare const states: never[];
|
|
2
2
|
declare const options: {
|
|
3
3
|
size: ("small" | "medium" | "large" | "xsmall" | "xlarge" | "xxlarge" | "xxxlarge")[];
|
|
4
|
-
themeColor: ("
|
|
4
|
+
themeColor: ("base" | "error" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
5
5
|
};
|
|
6
6
|
export type IconState = {
|
|
7
7
|
[K in (typeof states)[number]]?: boolean;
|
|
@@ -22,7 +22,7 @@ export declare const Icon: {
|
|
|
22
22
|
states: any[];
|
|
23
23
|
options: {
|
|
24
24
|
size: ("small" | "medium" | "large" | "xsmall" | "xlarge" | "xxlarge" | "xxxlarge")[];
|
|
25
|
-
themeColor: ("
|
|
25
|
+
themeColor: ("base" | "error" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
26
26
|
};
|
|
27
27
|
defaultProps: {
|
|
28
28
|
viewBox: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare const SVGICON_CLASSNAME = "k-svg-icon";
|
|
2
2
|
declare const options: {
|
|
3
3
|
size: ("small" | "medium" | "large" | "xsmall" | "xlarge" | "xxlarge" | "xxxlarge")[];
|
|
4
|
-
themeColor: ("
|
|
4
|
+
themeColor: ("base" | "error" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
5
5
|
};
|
|
6
6
|
export type SvgIconOptions = {
|
|
7
7
|
size?: (typeof options.size)[number];
|
|
@@ -23,7 +23,7 @@ export declare const SvgIcon: {
|
|
|
23
23
|
states: any[];
|
|
24
24
|
options: {
|
|
25
25
|
size: ("small" | "medium" | "large" | "xsmall" | "xlarge" | "xxlarge" | "xxxlarge")[];
|
|
26
|
-
themeColor: ("
|
|
26
|
+
themeColor: ("base" | "error" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
27
27
|
};
|
|
28
28
|
className: string;
|
|
29
29
|
defaultProps: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare const LOADERCONTAINER_CLASSNAME = "k-loader-container";
|
|
2
2
|
declare const options: {
|
|
3
3
|
size: ("small" | "medium" | "large")[];
|
|
4
|
-
themeColor: ("
|
|
4
|
+
themeColor: ("base" | "error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
5
5
|
};
|
|
6
6
|
export type KendoLoaderContainerOptions = {
|
|
7
7
|
size?: (typeof options.size)[number] | null;
|
|
@@ -18,7 +18,7 @@ export declare const LoaderContainer: {
|
|
|
18
18
|
states: any[];
|
|
19
19
|
options: {
|
|
20
20
|
size: ("small" | "medium" | "large")[];
|
|
21
|
-
themeColor: ("
|
|
21
|
+
themeColor: ("base" | "error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
22
22
|
};
|
|
23
23
|
className: string;
|
|
24
24
|
defaultProps: {
|
|
@@ -6,7 +6,7 @@ export declare const LoaderAnimationMap: {
|
|
|
6
6
|
};
|
|
7
7
|
declare const options: {
|
|
8
8
|
size: ("small" | "medium" | "large")[];
|
|
9
|
-
themeColor: ("
|
|
9
|
+
themeColor: ("base" | "error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
10
10
|
};
|
|
11
11
|
export type KendoLoaderOptions = {
|
|
12
12
|
size?: (typeof options.size)[number] | null;
|
|
@@ -20,7 +20,7 @@ export declare const Loader: {
|
|
|
20
20
|
states: any[];
|
|
21
21
|
options: {
|
|
22
22
|
size: ("small" | "medium" | "large")[];
|
|
23
|
-
themeColor: ("
|
|
23
|
+
themeColor: ("base" | "error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
24
24
|
};
|
|
25
25
|
className: string;
|
|
26
26
|
defaultProps: {
|
|
@@ -4,7 +4,7 @@ declare const options: {
|
|
|
4
4
|
size: ("small" | "medium" | "large")[];
|
|
5
5
|
rounded: ("small" | "medium" | "full" | "large")[];
|
|
6
6
|
fillMode: ("link" | "flat" | "clear" | "outline" | "solid")[];
|
|
7
|
-
themeColor: ("
|
|
7
|
+
themeColor: ("base" | "error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
8
8
|
};
|
|
9
9
|
export type KendoMenuButtonOptions = {
|
|
10
10
|
size?: (typeof options.size)[number] | null;
|
|
@@ -28,7 +28,7 @@ export declare const MenuButton: {
|
|
|
28
28
|
size: ("small" | "medium" | "large")[];
|
|
29
29
|
rounded: ("small" | "medium" | "full" | "large")[];
|
|
30
30
|
fillMode: ("link" | "flat" | "clear" | "outline" | "solid")[];
|
|
31
|
-
themeColor: ("
|
|
31
|
+
themeColor: ("base" | "error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
32
32
|
};
|
|
33
33
|
className: string;
|
|
34
34
|
defaultProps: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const NOTIFICATION_CLASSNAME = "k-notification";
|
|
3
3
|
declare const options: {
|
|
4
|
-
themeColor: ("
|
|
4
|
+
themeColor: ("base" | "error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
5
5
|
};
|
|
6
6
|
export type KendoNotificationOptions = {
|
|
7
7
|
themeColor?: (typeof options.themeColor)[number] | null;
|
|
@@ -16,7 +16,7 @@ export declare const Notification: {
|
|
|
16
16
|
(props: KendoNotificationProps & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
17
17
|
states: any[];
|
|
18
18
|
options: {
|
|
19
|
-
themeColor: ("
|
|
19
|
+
themeColor: ("base" | "error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
20
20
|
};
|
|
21
21
|
className: string;
|
|
22
22
|
defaultProps: {
|
|
@@ -4,7 +4,7 @@ declare const options: {
|
|
|
4
4
|
size: ("small" | "medium" | "large")[];
|
|
5
5
|
rounded: ("small" | "medium" | "full" | "large")[];
|
|
6
6
|
fillMode: ("link" | "flat" | "clear" | "outline" | "solid")[];
|
|
7
|
-
themeColor: ("
|
|
7
|
+
themeColor: ("base" | "error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
8
8
|
};
|
|
9
9
|
export type KendoSplitButtonOptions = {
|
|
10
10
|
size?: (typeof options.size)[number] | null;
|
|
@@ -29,7 +29,7 @@ export declare const SplitButton: {
|
|
|
29
29
|
size: ("small" | "medium" | "large")[];
|
|
30
30
|
rounded: ("small" | "medium" | "full" | "large")[];
|
|
31
31
|
fillMode: ("link" | "flat" | "clear" | "outline" | "solid")[];
|
|
32
|
-
themeColor: ("
|
|
32
|
+
themeColor: ("base" | "error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
|
|
33
33
|
};
|
|
34
34
|
className: string;
|
|
35
35
|
defaultProps: {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-themes-html",
|
|
3
3
|
"description": "A collection of HTML helpers used for developing Kendo UI themes",
|
|
4
|
-
"version": "6.5.0
|
|
4
|
+
"version": "6.5.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"devDependencies": {
|
|
52
52
|
"@types/react": "^18.0.2"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "c80605b2f31712cef967727baf59d1d2661cca79"
|
|
55
55
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { classNames, stateClassNames,
|
|
1
|
+
import { classNames, stateClassNames, States } from '../misc';
|
|
2
2
|
|
|
3
3
|
export const BREADCRUMB_CLASSNAME = `k-breadcrumb`;
|
|
4
4
|
|
|
@@ -6,20 +6,16 @@ const states = [
|
|
|
6
6
|
States.focus
|
|
7
7
|
];
|
|
8
8
|
|
|
9
|
-
const options = {
|
|
10
|
-
size: [ Size.small, Size.medium, Size.large ]
|
|
11
|
-
};
|
|
9
|
+
const options = {};
|
|
12
10
|
|
|
13
11
|
export type KendoBreadcrumbProps = {
|
|
14
12
|
collapsing?: null | 'auto' | 'none' | 'wrap';
|
|
15
|
-
size?: (typeof options.size)[number] | null;
|
|
16
13
|
};
|
|
17
14
|
|
|
18
15
|
export type KendoBreadcrumbState = { [K in (typeof states)[number]]?: boolean };
|
|
19
16
|
|
|
20
17
|
const defaultProps = {
|
|
21
|
-
collapsing: 'auto'
|
|
22
|
-
size: Size.medium
|
|
18
|
+
collapsing: 'auto'
|
|
23
19
|
};
|
|
24
20
|
|
|
25
21
|
export const Breadcrumb = (
|
|
@@ -28,7 +24,6 @@ export const Breadcrumb = (
|
|
|
28
24
|
React.HTMLAttributes<HTMLElement>
|
|
29
25
|
) => {
|
|
30
26
|
const {
|
|
31
|
-
size = defaultProps.size,
|
|
32
27
|
collapsing = defaultProps.collapsing,
|
|
33
28
|
focus,
|
|
34
29
|
...other
|
|
@@ -43,9 +38,6 @@ export const Breadcrumb = (
|
|
|
43
38
|
stateClassNames(BREADCRUMB_CLASSNAME, {
|
|
44
39
|
focus,
|
|
45
40
|
}),
|
|
46
|
-
optionClassNames(BREADCRUMB_CLASSNAME, {
|
|
47
|
-
size,
|
|
48
|
-
}),
|
|
49
41
|
{
|
|
50
42
|
'k-breadcrumb-wrap': collapsing === 'wrap'
|
|
51
43
|
}
|
|
@@ -36,6 +36,7 @@ export default () =>(
|
|
|
36
36
|
<BreadcrumbItem>
|
|
37
37
|
<Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
|
|
38
38
|
<BreadcrumbLink>
|
|
39
|
+
<span className="test"></span>
|
|
39
40
|
<BreadcrumbItemText text="Third item"></BreadcrumbItemText>
|
|
40
41
|
</BreadcrumbLink>
|
|
41
42
|
</BreadcrumbItem>
|
|
@@ -83,6 +84,7 @@ export default () =>(
|
|
|
83
84
|
<BreadcrumbItem>
|
|
84
85
|
<Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
|
|
85
86
|
<BreadcrumbLink>
|
|
87
|
+
<span className="test"></span>
|
|
86
88
|
<BreadcrumbItemText text="Third item"></BreadcrumbItemText>
|
|
87
89
|
</BreadcrumbLink>
|
|
88
90
|
</BreadcrumbItem>
|
|
@@ -130,6 +132,7 @@ export default () =>(
|
|
|
130
132
|
<BreadcrumbItem>
|
|
131
133
|
<Icon className="k-breadcrumb-delimiter-icon" icon="chevron-left" size="xsmall" />
|
|
132
134
|
<BreadcrumbLink>
|
|
135
|
+
<span className="test"></span>
|
|
133
136
|
<BreadcrumbItemText text="Third item"></BreadcrumbItemText>
|
|
134
137
|
</BreadcrumbLink>
|
|
135
138
|
</BreadcrumbItem>
|
|
@@ -36,6 +36,7 @@ export default () =>(
|
|
|
36
36
|
<BreadcrumbItem>
|
|
37
37
|
<Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
|
|
38
38
|
<BreadcrumbLink>
|
|
39
|
+
<span className="test"></span>
|
|
39
40
|
<BreadcrumbItemText text="Third item"></BreadcrumbItemText>
|
|
40
41
|
</BreadcrumbLink>
|
|
41
42
|
</BreadcrumbItem>
|
|
@@ -83,6 +84,7 @@ export default () =>(
|
|
|
83
84
|
<BreadcrumbItem>
|
|
84
85
|
<Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
|
|
85
86
|
<BreadcrumbLink>
|
|
87
|
+
<span className="test"></span>
|
|
86
88
|
<BreadcrumbItemText text="Third item"></BreadcrumbItemText>
|
|
87
89
|
</BreadcrumbLink>
|
|
88
90
|
</BreadcrumbItem>
|
|
@@ -130,6 +132,7 @@ export default () =>(
|
|
|
130
132
|
<BreadcrumbItem>
|
|
131
133
|
<Icon className="k-breadcrumb-delimiter-icon" icon="chevron-right" size="xsmall" />
|
|
132
134
|
<BreadcrumbLink>
|
|
135
|
+
<span className="test"></span>
|
|
133
136
|
<BreadcrumbItemText text="Third item"></BreadcrumbItemText>
|
|
134
137
|
</BreadcrumbLink>
|
|
135
138
|
</BreadcrumbItem>
|