@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
@@ -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.jsx)(BreadcrumbLink, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" }) })
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.jsx)(BreadcrumbLink, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" }) })
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.jsx)(BreadcrumbLink, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" }) })
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.jsx)(BreadcrumbLink, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" }) })
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.jsx)(BreadcrumbLink, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" }) })
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.jsx)(BreadcrumbLink, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BreadcrumbItemText, { text: "Third item" }) })
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__ */ jsx22(BreadcrumbLink, { children: /* @__PURE__ */ jsx22(BreadcrumbItemText, { text: "Third item" }) })
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__ */ jsx22(BreadcrumbLink, { children: /* @__PURE__ */ jsx22(BreadcrumbItemText, { text: "Third item" }) })
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__ */ jsx22(BreadcrumbLink, { children: /* @__PURE__ */ jsx22(BreadcrumbItemText, { text: "Third item" }) })
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__ */ jsx22(BreadcrumbLink, { children: /* @__PURE__ */ jsx22(BreadcrumbItemText, { text: "Third item" }) })
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__ */ jsx22(BreadcrumbLink, { children: /* @__PURE__ */ jsx22(BreadcrumbItemText, { text: "Third item" }) })
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__ */ jsx22(BreadcrumbLink, { children: /* @__PURE__ */ jsx22(BreadcrumbItemText, { text: "Third item" }) })
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
  }