@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.
Files changed (45) hide show
  1. package/dist/cjs/breadcrumb/breadcrumb.spec.js +2 -46
  2. package/dist/cjs/breadcrumb/tests/breadcrumb-rtl.js +14 -12
  3. package/dist/cjs/breadcrumb/tests/breadcrumb.js +14 -12
  4. package/dist/cjs/filemanager/tests/filemanager-contextmenu.js +2 -9
  5. package/dist/cjs/filemanager/tests/filemanager-drag-hint.js +2 -9
  6. package/dist/cjs/filemanager/tests/filemanager-gridview.js +2 -9
  7. package/dist/cjs/filemanager/tests/filemanager-listview.js +2 -9
  8. package/dist/cjs/filemanager/tests/filemanager-preview.js +2 -9
  9. package/dist/cjs/index.js +2 -9
  10. package/dist/esm/breadcrumb/breadcrumb.spec.js +2 -46
  11. package/dist/esm/breadcrumb/tests/breadcrumb-rtl.js +14 -12
  12. package/dist/esm/breadcrumb/tests/breadcrumb.js +14 -12
  13. package/dist/esm/filemanager/tests/filemanager-contextmenu.js +2 -9
  14. package/dist/esm/filemanager/tests/filemanager-drag-hint.js +2 -9
  15. package/dist/esm/filemanager/tests/filemanager-gridview.js +2 -9
  16. package/dist/esm/filemanager/tests/filemanager-listview.js +2 -9
  17. package/dist/esm/filemanager/tests/filemanager-preview.js +2 -9
  18. package/dist/esm/index.js +2 -9
  19. package/dist/types/appbar/appbar.spec.d.ts +2 -2
  20. package/dist/types/avatar/avatar.spec.d.ts +2 -2
  21. package/dist/types/badge/badge.spec.d.ts +2 -2
  22. package/dist/types/breadcrumb/breadcrumb.spec.d.ts +1 -8
  23. package/dist/types/button/button.spec.d.ts +2 -2
  24. package/dist/types/chip/chip.spec.d.ts +2 -2
  25. package/dist/types/fab/fab.spec.d.ts +2 -2
  26. package/dist/types/icon/font-icon.spec.d.ts +2 -2
  27. package/dist/types/icon/icon.spec.d.ts +2 -2
  28. package/dist/types/icon/svg-icon.spec.d.ts +2 -2
  29. package/dist/types/loader/loader-container.spec.d.ts +2 -2
  30. package/dist/types/loader/loader.spec.d.ts +2 -2
  31. package/dist/types/menu-button/menu-button.spec.d.ts +2 -2
  32. package/dist/types/notification/notification.spec.d.ts +2 -2
  33. package/dist/types/split-button/split-button.spec.d.ts +2 -2
  34. package/package.json +2 -2
  35. package/src/breadcrumb/breadcrumb.spec.tsx +3 -11
  36. package/src/breadcrumb/tests/breadcrumb-rtl.tsx +3 -0
  37. package/src/breadcrumb/tests/breadcrumb.tsx +3 -0
  38. package/dist/cjs/breadcrumb/tests/breadcrumb-adaptive.js +0 -4450
  39. package/dist/cjs/breadcrumb/tests/breadcrumb-size.js +0 -4468
  40. package/dist/esm/breadcrumb/tests/breadcrumb-adaptive.js +0 -4434
  41. package/dist/esm/breadcrumb/tests/breadcrumb-size.js +0 -4452
  42. package/dist/types/breadcrumb/tests/breadcrumb-adaptive.d.ts +0 -2
  43. package/dist/types/breadcrumb/tests/breadcrumb-size.d.ts +0 -2
  44. package/src/breadcrumb/tests/breadcrumb-adaptive.tsx +0 -82
  45. 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: ("error" | "inverse" | "inherit" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "inverse" | "inherit" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "inverse" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "inverse" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "inverse" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "inverse" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "inverse" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "inverse" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "base" | "success" | "info" | "warning")[];
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: ("error" | "base" | "success" | "info" | "warning")[];
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: ("error" | "inverse" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "inverse" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "inverse" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "inverse" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "inverse" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "inverse" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "inverse" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "inverse" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "inverse" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "inverse" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "inverse" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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: ("error" | "inverse" | "base" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
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-dev.2",
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": "a2917c47e4830e54fac051c80e5ae9d26f894fa7"
54
+ "gitHead": "c80605b2f31712cef967727baf59d1d2661cca79"
55
55
  }
@@ -1,4 +1,4 @@
1
- import { classNames, stateClassNames, optionClassNames, States, Size } from '../misc';
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>