@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
|
@@ -33,34 +33,6 @@ var classNames = (...args) => {
|
|
|
33
33
|
};
|
|
34
34
|
|
|
35
35
|
// src/misc/component-class-names.ts
|
|
36
|
-
var optionClassNames = (componentClassName, props) => {
|
|
37
|
-
return classNames(
|
|
38
|
-
{
|
|
39
|
-
[`${componentClassName}-xs`]: props.size === "xsmall",
|
|
40
|
-
[`${componentClassName}-sm`]: props.size === "small",
|
|
41
|
-
[`${componentClassName}-md`]: props.size === "medium",
|
|
42
|
-
[`${componentClassName}-lg`]: props.size === "large",
|
|
43
|
-
[`${componentClassName}-xl`]: props.size === "xlarge",
|
|
44
|
-
[`${componentClassName}-xxl`]: props.size === "xxlarge",
|
|
45
|
-
[`${componentClassName}-xxxl`]: props.size === "xxxlarge"
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
[`${componentClassName}-${props.fillMode}`]: props.fillMode
|
|
49
|
-
},
|
|
50
|
-
{
|
|
51
|
-
[`${componentClassName}-${props.fillMode}-${props.themeColor}`]: props.fillMode && props.themeColor
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
[`${componentClassName}-${props.themeColor}`]: props.themeColor && props.fillMode === void 0
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
"k-rounded-sm": props.rounded === "small",
|
|
58
|
-
"k-rounded-md": props.rounded === "medium",
|
|
59
|
-
"k-rounded-lg": props.rounded === "large",
|
|
60
|
-
"k-rounded-full": props.rounded === "full"
|
|
61
|
-
}
|
|
62
|
-
);
|
|
63
|
-
};
|
|
64
36
|
var stateClassNames = (_componentClassName, props) => {
|
|
65
37
|
return classNames({
|
|
66
38
|
"k-valid": props.valid,
|
|
@@ -79,15 +51,6 @@ var stateClassNames = (_componentClassName, props) => {
|
|
|
79
51
|
};
|
|
80
52
|
|
|
81
53
|
// src/misc/theme.ts
|
|
82
|
-
var Size = {
|
|
83
|
-
"xsmall": "xsmall",
|
|
84
|
-
"small": "small",
|
|
85
|
-
"medium": "medium",
|
|
86
|
-
"large": "large",
|
|
87
|
-
"xlarge": "xlarge",
|
|
88
|
-
"xxlarge": "xxlarge",
|
|
89
|
-
"xxxlarge": "xxxlarge"
|
|
90
|
-
};
|
|
91
54
|
var States = {
|
|
92
55
|
"open": "open",
|
|
93
56
|
"hover": "hover",
|
|
@@ -111,16 +74,12 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
|
|
|
111
74
|
var states = [
|
|
112
75
|
States.focus
|
|
113
76
|
];
|
|
114
|
-
var options = {
|
|
115
|
-
size: [Size.small, Size.medium, Size.large]
|
|
116
|
-
};
|
|
77
|
+
var options = {};
|
|
117
78
|
var defaultProps = {
|
|
118
|
-
collapsing: "auto"
|
|
119
|
-
size: Size.medium
|
|
79
|
+
collapsing: "auto"
|
|
120
80
|
};
|
|
121
81
|
var Breadcrumb = (props) => {
|
|
122
82
|
const {
|
|
123
|
-
size = defaultProps.size,
|
|
124
83
|
collapsing = defaultProps.collapsing,
|
|
125
84
|
focus,
|
|
126
85
|
...other
|
|
@@ -135,9 +94,6 @@ var Breadcrumb = (props) => {
|
|
|
135
94
|
stateClassNames(BREADCRUMB_CLASSNAME, {
|
|
136
95
|
focus
|
|
137
96
|
}),
|
|
138
|
-
optionClassNames(BREADCRUMB_CLASSNAME, {
|
|
139
|
-
size
|
|
140
|
-
}),
|
|
141
97
|
{
|
|
142
98
|
"k-breadcrumb-wrap": collapsing === "wrap"
|
|
143
99
|
}
|
|
@@ -4635,16 +4635,12 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
|
|
|
4635
4635
|
var states12 = [
|
|
4636
4636
|
States.focus
|
|
4637
4637
|
];
|
|
4638
|
-
var options11 = {
|
|
4639
|
-
size: [Size.small, Size.medium, Size.large]
|
|
4640
|
-
};
|
|
4638
|
+
var options11 = {};
|
|
4641
4639
|
var defaultProps9 = {
|
|
4642
|
-
collapsing: "auto"
|
|
4643
|
-
size: Size.medium
|
|
4640
|
+
collapsing: "auto"
|
|
4644
4641
|
};
|
|
4645
4642
|
var Breadcrumb = (props) => {
|
|
4646
4643
|
const {
|
|
4647
|
-
size = defaultProps9.size,
|
|
4648
4644
|
collapsing = defaultProps9.collapsing,
|
|
4649
4645
|
focus,
|
|
4650
4646
|
...other
|
|
@@ -4659,9 +4655,6 @@ var Breadcrumb = (props) => {
|
|
|
4659
4655
|
stateClassNames(BREADCRUMB_CLASSNAME, {
|
|
4660
4656
|
focus
|
|
4661
4657
|
}),
|
|
4662
|
-
optionClassNames(BREADCRUMB_CLASSNAME, {
|
|
4663
|
-
size
|
|
4664
|
-
}),
|
|
4665
4658
|
{
|
|
4666
4659
|
"k-breadcrumb-wrap": collapsing === "wrap"
|
|
4667
4660
|
}
|
|
@@ -4859,7 +4852,10 @@ var breadcrumb_rtl_default = () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)
|
|
|
4859
4852
|
] }),
|
|
4860
4853
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
|
|
4861
4854
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-left", size: "xsmall" }),
|
|
4862
|
-
/* @__PURE__ */ (0, import_jsx_runtime22.
|
|
4855
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbLink, { children: [
|
|
4856
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "test" }),
|
|
4857
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" })
|
|
4858
|
+
] })
|
|
4863
4859
|
] }),
|
|
4864
4860
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
|
|
4865
4861
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-left", size: "xsmall" }),
|
|
@@ -4890,7 +4886,10 @@ var breadcrumb_rtl_default = () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)
|
|
|
4890
4886
|
] }),
|
|
4891
4887
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
|
|
4892
4888
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-left", size: "xsmall" }),
|
|
4893
|
-
/* @__PURE__ */ (0, import_jsx_runtime22.
|
|
4889
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbLink, { children: [
|
|
4890
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "test" }),
|
|
4891
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" })
|
|
4892
|
+
] })
|
|
4894
4893
|
] }),
|
|
4895
4894
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
|
|
4896
4895
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-left", size: "xsmall" }),
|
|
@@ -4921,7 +4920,10 @@ var breadcrumb_rtl_default = () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)
|
|
|
4921
4920
|
] }),
|
|
4922
4921
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
|
|
4923
4922
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-left", size: "xsmall" }),
|
|
4924
|
-
/* @__PURE__ */ (0, import_jsx_runtime22.
|
|
4923
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbLink, { children: [
|
|
4924
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "test" }),
|
|
4925
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" })
|
|
4926
|
+
] })
|
|
4925
4927
|
] }),
|
|
4926
4928
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
|
|
4927
4929
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-left", size: "xsmall" }),
|
|
@@ -4635,16 +4635,12 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
|
|
|
4635
4635
|
var states12 = [
|
|
4636
4636
|
States.focus
|
|
4637
4637
|
];
|
|
4638
|
-
var options11 = {
|
|
4639
|
-
size: [Size.small, Size.medium, Size.large]
|
|
4640
|
-
};
|
|
4638
|
+
var options11 = {};
|
|
4641
4639
|
var defaultProps9 = {
|
|
4642
|
-
collapsing: "auto"
|
|
4643
|
-
size: Size.medium
|
|
4640
|
+
collapsing: "auto"
|
|
4644
4641
|
};
|
|
4645
4642
|
var Breadcrumb = (props) => {
|
|
4646
4643
|
const {
|
|
4647
|
-
size = defaultProps9.size,
|
|
4648
4644
|
collapsing = defaultProps9.collapsing,
|
|
4649
4645
|
focus,
|
|
4650
4646
|
...other
|
|
@@ -4659,9 +4655,6 @@ var Breadcrumb = (props) => {
|
|
|
4659
4655
|
stateClassNames(BREADCRUMB_CLASSNAME, {
|
|
4660
4656
|
focus
|
|
4661
4657
|
}),
|
|
4662
|
-
optionClassNames(BREADCRUMB_CLASSNAME, {
|
|
4663
|
-
size
|
|
4664
|
-
}),
|
|
4665
4658
|
{
|
|
4666
4659
|
"k-breadcrumb-wrap": collapsing === "wrap"
|
|
4667
4660
|
}
|
|
@@ -4859,7 +4852,10 @@ var breadcrumb_default = () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(imp
|
|
|
4859
4852
|
] }),
|
|
4860
4853
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
|
|
4861
4854
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
|
|
4862
|
-
/* @__PURE__ */ (0, import_jsx_runtime22.
|
|
4855
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbLink, { children: [
|
|
4856
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "test" }),
|
|
4857
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" })
|
|
4858
|
+
] })
|
|
4863
4859
|
] }),
|
|
4864
4860
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
|
|
4865
4861
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
|
|
@@ -4890,7 +4886,10 @@ var breadcrumb_default = () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(imp
|
|
|
4890
4886
|
] }),
|
|
4891
4887
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
|
|
4892
4888
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
|
|
4893
|
-
/* @__PURE__ */ (0, import_jsx_runtime22.
|
|
4889
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbLink, { children: [
|
|
4890
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "test" }),
|
|
4891
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" })
|
|
4892
|
+
] })
|
|
4894
4893
|
] }),
|
|
4895
4894
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
|
|
4896
4895
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
|
|
@@ -4921,7 +4920,10 @@ var breadcrumb_default = () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(imp
|
|
|
4921
4920
|
] }),
|
|
4922
4921
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
|
|
4923
4922
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
|
|
4924
|
-
/* @__PURE__ */ (0, import_jsx_runtime22.
|
|
4923
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbLink, { children: [
|
|
4924
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "test" }),
|
|
4925
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" })
|
|
4926
|
+
] })
|
|
4925
4927
|
] }),
|
|
4926
4928
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(BreadcrumbItem, { children: [
|
|
4927
4929
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
|
|
@@ -136,16 +136,12 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
|
|
|
136
136
|
var states = [
|
|
137
137
|
States.focus
|
|
138
138
|
];
|
|
139
|
-
var options = {
|
|
140
|
-
size: [Size.small, Size.medium, Size.large]
|
|
141
|
-
};
|
|
139
|
+
var options = {};
|
|
142
140
|
var defaultProps = {
|
|
143
|
-
collapsing: "auto"
|
|
144
|
-
size: Size.medium
|
|
141
|
+
collapsing: "auto"
|
|
145
142
|
};
|
|
146
143
|
var Breadcrumb = (props) => {
|
|
147
144
|
const {
|
|
148
|
-
size = defaultProps.size,
|
|
149
145
|
collapsing = defaultProps.collapsing,
|
|
150
146
|
focus,
|
|
151
147
|
...other
|
|
@@ -160,9 +156,6 @@ var Breadcrumb = (props) => {
|
|
|
160
156
|
stateClassNames(BREADCRUMB_CLASSNAME, {
|
|
161
157
|
focus
|
|
162
158
|
}),
|
|
163
|
-
optionClassNames(BREADCRUMB_CLASSNAME, {
|
|
164
|
-
size
|
|
165
|
-
}),
|
|
166
159
|
{
|
|
167
160
|
"k-breadcrumb-wrap": collapsing === "wrap"
|
|
168
161
|
}
|
|
@@ -136,16 +136,12 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
|
|
|
136
136
|
var states = [
|
|
137
137
|
States.focus
|
|
138
138
|
];
|
|
139
|
-
var options = {
|
|
140
|
-
size: [Size.small, Size.medium, Size.large]
|
|
141
|
-
};
|
|
139
|
+
var options = {};
|
|
142
140
|
var defaultProps = {
|
|
143
|
-
collapsing: "auto"
|
|
144
|
-
size: Size.medium
|
|
141
|
+
collapsing: "auto"
|
|
145
142
|
};
|
|
146
143
|
var Breadcrumb = (props) => {
|
|
147
144
|
const {
|
|
148
|
-
size = defaultProps.size,
|
|
149
145
|
collapsing = defaultProps.collapsing,
|
|
150
146
|
focus,
|
|
151
147
|
...other
|
|
@@ -160,9 +156,6 @@ var Breadcrumb = (props) => {
|
|
|
160
156
|
stateClassNames(BREADCRUMB_CLASSNAME, {
|
|
161
157
|
focus
|
|
162
158
|
}),
|
|
163
|
-
optionClassNames(BREADCRUMB_CLASSNAME, {
|
|
164
|
-
size
|
|
165
|
-
}),
|
|
166
159
|
{
|
|
167
160
|
"k-breadcrumb-wrap": collapsing === "wrap"
|
|
168
161
|
}
|
|
@@ -136,16 +136,12 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
|
|
|
136
136
|
var states = [
|
|
137
137
|
States.focus
|
|
138
138
|
];
|
|
139
|
-
var options = {
|
|
140
|
-
size: [Size.small, Size.medium, Size.large]
|
|
141
|
-
};
|
|
139
|
+
var options = {};
|
|
142
140
|
var defaultProps = {
|
|
143
|
-
collapsing: "auto"
|
|
144
|
-
size: Size.medium
|
|
141
|
+
collapsing: "auto"
|
|
145
142
|
};
|
|
146
143
|
var Breadcrumb = (props) => {
|
|
147
144
|
const {
|
|
148
|
-
size = defaultProps.size,
|
|
149
145
|
collapsing = defaultProps.collapsing,
|
|
150
146
|
focus,
|
|
151
147
|
...other
|
|
@@ -160,9 +156,6 @@ var Breadcrumb = (props) => {
|
|
|
160
156
|
stateClassNames(BREADCRUMB_CLASSNAME, {
|
|
161
157
|
focus
|
|
162
158
|
}),
|
|
163
|
-
optionClassNames(BREADCRUMB_CLASSNAME, {
|
|
164
|
-
size
|
|
165
|
-
}),
|
|
166
159
|
{
|
|
167
160
|
"k-breadcrumb-wrap": collapsing === "wrap"
|
|
168
161
|
}
|
|
@@ -136,16 +136,12 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
|
|
|
136
136
|
var states = [
|
|
137
137
|
States.focus
|
|
138
138
|
];
|
|
139
|
-
var options = {
|
|
140
|
-
size: [Size.small, Size.medium, Size.large]
|
|
141
|
-
};
|
|
139
|
+
var options = {};
|
|
142
140
|
var defaultProps = {
|
|
143
|
-
collapsing: "auto"
|
|
144
|
-
size: Size.medium
|
|
141
|
+
collapsing: "auto"
|
|
145
142
|
};
|
|
146
143
|
var Breadcrumb = (props) => {
|
|
147
144
|
const {
|
|
148
|
-
size = defaultProps.size,
|
|
149
145
|
collapsing = defaultProps.collapsing,
|
|
150
146
|
focus,
|
|
151
147
|
...other
|
|
@@ -160,9 +156,6 @@ var Breadcrumb = (props) => {
|
|
|
160
156
|
stateClassNames(BREADCRUMB_CLASSNAME, {
|
|
161
157
|
focus
|
|
162
158
|
}),
|
|
163
|
-
optionClassNames(BREADCRUMB_CLASSNAME, {
|
|
164
|
-
size
|
|
165
|
-
}),
|
|
166
159
|
{
|
|
167
160
|
"k-breadcrumb-wrap": collapsing === "wrap"
|
|
168
161
|
}
|
|
@@ -136,16 +136,12 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
|
|
|
136
136
|
var states = [
|
|
137
137
|
States.focus
|
|
138
138
|
];
|
|
139
|
-
var options = {
|
|
140
|
-
size: [Size.small, Size.medium, Size.large]
|
|
141
|
-
};
|
|
139
|
+
var options = {};
|
|
142
140
|
var defaultProps = {
|
|
143
|
-
collapsing: "auto"
|
|
144
|
-
size: Size.medium
|
|
141
|
+
collapsing: "auto"
|
|
145
142
|
};
|
|
146
143
|
var Breadcrumb = (props) => {
|
|
147
144
|
const {
|
|
148
|
-
size = defaultProps.size,
|
|
149
145
|
collapsing = defaultProps.collapsing,
|
|
150
146
|
focus,
|
|
151
147
|
...other
|
|
@@ -160,9 +156,6 @@ var Breadcrumb = (props) => {
|
|
|
160
156
|
stateClassNames(BREADCRUMB_CLASSNAME, {
|
|
161
157
|
focus
|
|
162
158
|
}),
|
|
163
|
-
optionClassNames(BREADCRUMB_CLASSNAME, {
|
|
164
|
-
size
|
|
165
|
-
}),
|
|
166
159
|
{
|
|
167
160
|
"k-breadcrumb-wrap": collapsing === "wrap"
|
|
168
161
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -12234,16 +12234,12 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
|
|
|
12234
12234
|
var states90 = [
|
|
12235
12235
|
States.focus
|
|
12236
12236
|
];
|
|
12237
|
-
var options85 = {
|
|
12238
|
-
size: [Size.small, Size.medium, Size.large]
|
|
12239
|
-
};
|
|
12237
|
+
var options85 = {};
|
|
12240
12238
|
var defaultProps81 = {
|
|
12241
|
-
collapsing: "auto"
|
|
12242
|
-
size: Size.medium
|
|
12239
|
+
collapsing: "auto"
|
|
12243
12240
|
};
|
|
12244
12241
|
var Breadcrumb = (props) => {
|
|
12245
12242
|
const {
|
|
12246
|
-
size = defaultProps81.size,
|
|
12247
12243
|
collapsing = defaultProps81.collapsing,
|
|
12248
12244
|
focus,
|
|
12249
12245
|
...other
|
|
@@ -12258,9 +12254,6 @@ var Breadcrumb = (props) => {
|
|
|
12258
12254
|
stateClassNames(BREADCRUMB_CLASSNAME, {
|
|
12259
12255
|
focus
|
|
12260
12256
|
}),
|
|
12261
|
-
optionClassNames(BREADCRUMB_CLASSNAME, {
|
|
12262
|
-
size
|
|
12263
|
-
}),
|
|
12264
12257
|
{
|
|
12265
12258
|
"k-breadcrumb-wrap": collapsing === "wrap"
|
|
12266
12259
|
}
|
|
@@ -6,34 +6,6 @@ var classNames = (...args) => {
|
|
|
6
6
|
};
|
|
7
7
|
|
|
8
8
|
// src/misc/component-class-names.ts
|
|
9
|
-
var optionClassNames = (componentClassName, props) => {
|
|
10
|
-
return classNames(
|
|
11
|
-
{
|
|
12
|
-
[`${componentClassName}-xs`]: props.size === "xsmall",
|
|
13
|
-
[`${componentClassName}-sm`]: props.size === "small",
|
|
14
|
-
[`${componentClassName}-md`]: props.size === "medium",
|
|
15
|
-
[`${componentClassName}-lg`]: props.size === "large",
|
|
16
|
-
[`${componentClassName}-xl`]: props.size === "xlarge",
|
|
17
|
-
[`${componentClassName}-xxl`]: props.size === "xxlarge",
|
|
18
|
-
[`${componentClassName}-xxxl`]: props.size === "xxxlarge"
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
[`${componentClassName}-${props.fillMode}`]: props.fillMode
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
[`${componentClassName}-${props.fillMode}-${props.themeColor}`]: props.fillMode && props.themeColor
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
[`${componentClassName}-${props.themeColor}`]: props.themeColor && props.fillMode === void 0
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
"k-rounded-sm": props.rounded === "small",
|
|
31
|
-
"k-rounded-md": props.rounded === "medium",
|
|
32
|
-
"k-rounded-lg": props.rounded === "large",
|
|
33
|
-
"k-rounded-full": props.rounded === "full"
|
|
34
|
-
}
|
|
35
|
-
);
|
|
36
|
-
};
|
|
37
9
|
var stateClassNames = (_componentClassName, props) => {
|
|
38
10
|
return classNames({
|
|
39
11
|
"k-valid": props.valid,
|
|
@@ -52,15 +24,6 @@ var stateClassNames = (_componentClassName, props) => {
|
|
|
52
24
|
};
|
|
53
25
|
|
|
54
26
|
// src/misc/theme.ts
|
|
55
|
-
var Size = {
|
|
56
|
-
"xsmall": "xsmall",
|
|
57
|
-
"small": "small",
|
|
58
|
-
"medium": "medium",
|
|
59
|
-
"large": "large",
|
|
60
|
-
"xlarge": "xlarge",
|
|
61
|
-
"xxlarge": "xxlarge",
|
|
62
|
-
"xxxlarge": "xxxlarge"
|
|
63
|
-
};
|
|
64
27
|
var States = {
|
|
65
28
|
"open": "open",
|
|
66
29
|
"hover": "hover",
|
|
@@ -84,16 +47,12 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
|
|
|
84
47
|
var states = [
|
|
85
48
|
States.focus
|
|
86
49
|
];
|
|
87
|
-
var options = {
|
|
88
|
-
size: [Size.small, Size.medium, Size.large]
|
|
89
|
-
};
|
|
50
|
+
var options = {};
|
|
90
51
|
var defaultProps = {
|
|
91
|
-
collapsing: "auto"
|
|
92
|
-
size: Size.medium
|
|
52
|
+
collapsing: "auto"
|
|
93
53
|
};
|
|
94
54
|
var Breadcrumb = (props) => {
|
|
95
55
|
const {
|
|
96
|
-
size = defaultProps.size,
|
|
97
56
|
collapsing = defaultProps.collapsing,
|
|
98
57
|
focus,
|
|
99
58
|
...other
|
|
@@ -108,9 +67,6 @@ var Breadcrumb = (props) => {
|
|
|
108
67
|
stateClassNames(BREADCRUMB_CLASSNAME, {
|
|
109
68
|
focus
|
|
110
69
|
}),
|
|
111
|
-
optionClassNames(BREADCRUMB_CLASSNAME, {
|
|
112
|
-
size
|
|
113
|
-
}),
|
|
114
70
|
{
|
|
115
71
|
"k-breadcrumb-wrap": collapsing === "wrap"
|
|
116
72
|
}
|
|
@@ -4616,16 +4616,12 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
|
|
|
4616
4616
|
var states12 = [
|
|
4617
4617
|
States.focus
|
|
4618
4618
|
];
|
|
4619
|
-
var options11 = {
|
|
4620
|
-
size: [Size.small, Size.medium, Size.large]
|
|
4621
|
-
};
|
|
4619
|
+
var options11 = {};
|
|
4622
4620
|
var defaultProps9 = {
|
|
4623
|
-
collapsing: "auto"
|
|
4624
|
-
size: Size.medium
|
|
4621
|
+
collapsing: "auto"
|
|
4625
4622
|
};
|
|
4626
4623
|
var Breadcrumb = (props) => {
|
|
4627
4624
|
const {
|
|
4628
|
-
size = defaultProps9.size,
|
|
4629
4625
|
collapsing = defaultProps9.collapsing,
|
|
4630
4626
|
focus,
|
|
4631
4627
|
...other
|
|
@@ -4640,9 +4636,6 @@ var Breadcrumb = (props) => {
|
|
|
4640
4636
|
stateClassNames(BREADCRUMB_CLASSNAME, {
|
|
4641
4637
|
focus
|
|
4642
4638
|
}),
|
|
4643
|
-
optionClassNames(BREADCRUMB_CLASSNAME, {
|
|
4644
|
-
size
|
|
4645
|
-
}),
|
|
4646
4639
|
{
|
|
4647
4640
|
"k-breadcrumb-wrap": collapsing === "wrap"
|
|
4648
4641
|
}
|
|
@@ -4840,7 +4833,10 @@ var breadcrumb_rtl_default = () => /* @__PURE__ */ jsx22(Fragment9, { children:
|
|
|
4840
4833
|
] }),
|
|
4841
4834
|
/* @__PURE__ */ jsxs3(BreadcrumbItem, { children: [
|
|
4842
4835
|
/* @__PURE__ */ jsx22(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-left", size: "xsmall" }),
|
|
4843
|
-
/* @__PURE__ */
|
|
4836
|
+
/* @__PURE__ */ jsxs3(BreadcrumbLink, { children: [
|
|
4837
|
+
/* @__PURE__ */ jsx22("span", { className: "test" }),
|
|
4838
|
+
/* @__PURE__ */ jsx22(BreadcrumbItemText, { text: "Third item" })
|
|
4839
|
+
] })
|
|
4844
4840
|
] }),
|
|
4845
4841
|
/* @__PURE__ */ jsxs3(BreadcrumbItem, { children: [
|
|
4846
4842
|
/* @__PURE__ */ jsx22(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-left", size: "xsmall" }),
|
|
@@ -4871,7 +4867,10 @@ var breadcrumb_rtl_default = () => /* @__PURE__ */ jsx22(Fragment9, { children:
|
|
|
4871
4867
|
] }),
|
|
4872
4868
|
/* @__PURE__ */ jsxs3(BreadcrumbItem, { children: [
|
|
4873
4869
|
/* @__PURE__ */ jsx22(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-left", size: "xsmall" }),
|
|
4874
|
-
/* @__PURE__ */
|
|
4870
|
+
/* @__PURE__ */ jsxs3(BreadcrumbLink, { children: [
|
|
4871
|
+
/* @__PURE__ */ jsx22("span", { className: "test" }),
|
|
4872
|
+
/* @__PURE__ */ jsx22(BreadcrumbItemText, { text: "Third item" })
|
|
4873
|
+
] })
|
|
4875
4874
|
] }),
|
|
4876
4875
|
/* @__PURE__ */ jsxs3(BreadcrumbItem, { children: [
|
|
4877
4876
|
/* @__PURE__ */ jsx22(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-left", size: "xsmall" }),
|
|
@@ -4902,7 +4901,10 @@ var breadcrumb_rtl_default = () => /* @__PURE__ */ jsx22(Fragment9, { children:
|
|
|
4902
4901
|
] }),
|
|
4903
4902
|
/* @__PURE__ */ jsxs3(BreadcrumbItem, { children: [
|
|
4904
4903
|
/* @__PURE__ */ jsx22(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-left", size: "xsmall" }),
|
|
4905
|
-
/* @__PURE__ */
|
|
4904
|
+
/* @__PURE__ */ jsxs3(BreadcrumbLink, { children: [
|
|
4905
|
+
/* @__PURE__ */ jsx22("span", { className: "test" }),
|
|
4906
|
+
/* @__PURE__ */ jsx22(BreadcrumbItemText, { text: "Third item" })
|
|
4907
|
+
] })
|
|
4906
4908
|
] }),
|
|
4907
4909
|
/* @__PURE__ */ jsxs3(BreadcrumbItem, { children: [
|
|
4908
4910
|
/* @__PURE__ */ jsx22(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-left", size: "xsmall" }),
|
|
@@ -4616,16 +4616,12 @@ var BREADCRUMB_CLASSNAME = `k-breadcrumb`;
|
|
|
4616
4616
|
var states12 = [
|
|
4617
4617
|
States.focus
|
|
4618
4618
|
];
|
|
4619
|
-
var options11 = {
|
|
4620
|
-
size: [Size.small, Size.medium, Size.large]
|
|
4621
|
-
};
|
|
4619
|
+
var options11 = {};
|
|
4622
4620
|
var defaultProps9 = {
|
|
4623
|
-
collapsing: "auto"
|
|
4624
|
-
size: Size.medium
|
|
4621
|
+
collapsing: "auto"
|
|
4625
4622
|
};
|
|
4626
4623
|
var Breadcrumb = (props) => {
|
|
4627
4624
|
const {
|
|
4628
|
-
size = defaultProps9.size,
|
|
4629
4625
|
collapsing = defaultProps9.collapsing,
|
|
4630
4626
|
focus,
|
|
4631
4627
|
...other
|
|
@@ -4640,9 +4636,6 @@ var Breadcrumb = (props) => {
|
|
|
4640
4636
|
stateClassNames(BREADCRUMB_CLASSNAME, {
|
|
4641
4637
|
focus
|
|
4642
4638
|
}),
|
|
4643
|
-
optionClassNames(BREADCRUMB_CLASSNAME, {
|
|
4644
|
-
size
|
|
4645
|
-
}),
|
|
4646
4639
|
{
|
|
4647
4640
|
"k-breadcrumb-wrap": collapsing === "wrap"
|
|
4648
4641
|
}
|
|
@@ -4840,7 +4833,10 @@ var breadcrumb_default = () => /* @__PURE__ */ jsx22(Fragment9, { children: /* @
|
|
|
4840
4833
|
] }),
|
|
4841
4834
|
/* @__PURE__ */ jsxs3(BreadcrumbItem, { children: [
|
|
4842
4835
|
/* @__PURE__ */ jsx22(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
|
|
4843
|
-
/* @__PURE__ */
|
|
4836
|
+
/* @__PURE__ */ jsxs3(BreadcrumbLink, { children: [
|
|
4837
|
+
/* @__PURE__ */ jsx22("span", { className: "test" }),
|
|
4838
|
+
/* @__PURE__ */ jsx22(BreadcrumbItemText, { text: "Third item" })
|
|
4839
|
+
] })
|
|
4844
4840
|
] }),
|
|
4845
4841
|
/* @__PURE__ */ jsxs3(BreadcrumbItem, { children: [
|
|
4846
4842
|
/* @__PURE__ */ jsx22(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
|
|
@@ -4871,7 +4867,10 @@ var breadcrumb_default = () => /* @__PURE__ */ jsx22(Fragment9, { children: /* @
|
|
|
4871
4867
|
] }),
|
|
4872
4868
|
/* @__PURE__ */ jsxs3(BreadcrumbItem, { children: [
|
|
4873
4869
|
/* @__PURE__ */ jsx22(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
|
|
4874
|
-
/* @__PURE__ */
|
|
4870
|
+
/* @__PURE__ */ jsxs3(BreadcrumbLink, { children: [
|
|
4871
|
+
/* @__PURE__ */ jsx22("span", { className: "test" }),
|
|
4872
|
+
/* @__PURE__ */ jsx22(BreadcrumbItemText, { text: "Third item" })
|
|
4873
|
+
] })
|
|
4875
4874
|
] }),
|
|
4876
4875
|
/* @__PURE__ */ jsxs3(BreadcrumbItem, { children: [
|
|
4877
4876
|
/* @__PURE__ */ jsx22(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
|
|
@@ -4902,7 +4901,10 @@ var breadcrumb_default = () => /* @__PURE__ */ jsx22(Fragment9, { children: /* @
|
|
|
4902
4901
|
] }),
|
|
4903
4902
|
/* @__PURE__ */ jsxs3(BreadcrumbItem, { children: [
|
|
4904
4903
|
/* @__PURE__ */ jsx22(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
|
|
4905
|
-
/* @__PURE__ */
|
|
4904
|
+
/* @__PURE__ */ jsxs3(BreadcrumbLink, { children: [
|
|
4905
|
+
/* @__PURE__ */ jsx22("span", { className: "test" }),
|
|
4906
|
+
/* @__PURE__ */ jsx22(BreadcrumbItemText, { text: "Third item" })
|
|
4907
|
+
] })
|
|
4906
4908
|
] }),
|
|
4907
4909
|
/* @__PURE__ */ jsxs3(BreadcrumbItem, { children: [
|
|
4908
4910
|
/* @__PURE__ */ jsx22(Icon, { className: "k-breadcrumb-delimiter-icon", icon: "chevron-right", size: "xsmall" }),
|
|
@@ -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
|
}
|