npm - @progress/kendo-themes-html - Versions diffs - 7.0.0-dev.0 → 7.0.1-dev.0 - Mend

@progress/kendo-themes-html 7.0.0-dev.0 → 7.0.1-dev.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 (1293) hide show

package/dist/cjs/wizard/tests/wizard-horizontal.js CHANGED Viewed

@@ -132,7 +132,7 @@ var States = {
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states = [];
 var options = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -191,7 +191,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/cjs/wizard/tests/wizard-vertical.js CHANGED Viewed

@@ -132,7 +132,7 @@ var States = {
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states = [];
 var options = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -191,7 +191,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/action-buttons/tests/action-buttons.js CHANGED Viewed

@@ -149,7 +149,7 @@ ActionButtons.defaultProps = defaultProps;
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -208,7 +208,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/action-sheet/action-sheet.spec.js CHANGED Viewed

@@ -113,7 +113,7 @@ var States = {
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states = [];
 var options = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -172,7 +172,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/action-sheet/actionsheet-content.js CHANGED Viewed

@@ -113,7 +113,7 @@ var States = {
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states = [];
 var options = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -172,7 +172,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/action-sheet/actionsheet-footer.js CHANGED Viewed

@@ -150,7 +150,7 @@ var action_buttons_spec_default = ActionButtons;
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -209,7 +209,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/action-sheet/actionsheet-header.js CHANGED Viewed

@@ -113,7 +113,7 @@ var States = {
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states = [];
 var options = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -172,7 +172,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/action-sheet/actionsheet-item.js CHANGED Viewed

@@ -100,7 +100,7 @@ var States = {
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states = [];
 var options = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -159,7 +159,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/action-sheet/tests/action-sheet-calendar-infinite.js CHANGED Viewed

@@ -231,7 +231,7 @@ ActionSheet.defaultProps = defaultProps2;
 // src/icon/font-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -290,7 +290,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment3, jsx as jsx4 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states4 = [];
 var options4 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/action-sheet/tests/action-sheet-calendar.js CHANGED Viewed

@@ -231,7 +231,7 @@ ActionSheet.defaultProps = defaultProps2;
 // src/icon/font-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -290,7 +290,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment3, jsx as jsx4 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states4 = [];
 var options4 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/action-sheet/tests/action-sheet-data-table.js CHANGED Viewed

@@ -231,7 +231,7 @@ ActionSheet.defaultProps = defaultProps2;
 // src/icon/font-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -290,7 +290,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment3, jsx as jsx4 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states4 = [];
 var options4 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/action-sheet/tests/action-sheet-date-time-selector.js CHANGED Viewed

@@ -231,7 +231,7 @@ ActionSheet.defaultProps = defaultProps2;
 // src/icon/font-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -290,7 +290,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment3, jsx as jsx4 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states4 = [];
 var options4 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/action-sheet/tests/action-sheet-list.js CHANGED Viewed

@@ -231,7 +231,7 @@ ActionSheet.defaultProps = defaultProps2;
 // src/icon/font-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -290,7 +290,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment3, jsx as jsx4 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states4 = [];
 var options4 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/action-sheet/tests/action-sheet-position.js CHANGED Viewed

@@ -231,7 +231,7 @@ ActionSheet.defaultProps = defaultProps2;
 // src/icon/font-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -290,7 +290,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment3, jsx as jsx4 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states4 = [];
 var options4 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/action-sheet/tests/action-sheet-time-selector.js CHANGED Viewed

@@ -231,7 +231,7 @@ ActionSheet.defaultProps = defaultProps2;
 // src/icon/font-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -290,7 +290,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment3, jsx as jsx4 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states4 = [];
 var options4 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/action-sheet/tests/action-sheet-treeview.js CHANGED Viewed

@@ -231,7 +231,7 @@ ActionSheet.defaultProps = defaultProps2;
 // src/icon/font-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -290,7 +290,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment3, jsx as jsx4 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states4 = [];
 var options4 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/action-sheet/tests/action-sheet.js CHANGED Viewed

@@ -231,7 +231,7 @@ ActionSheet.defaultProps = defaultProps2;
 // src/icon/font-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -290,7 +290,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment3, jsx as jsx4 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states4 = [];
 var options4 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/appbar/tests/appbar.js CHANGED Viewed

@@ -170,7 +170,7 @@ var AppbarSection = (props) => /* @__PURE__ */ jsx2("div", { className: classNam
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -229,7 +229,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx4 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -4897,10 +4897,6 @@ var styles = `
         margin: 0;
     }
     .k-icon {
-        width: 30px;
-        text-align: center;
-    }
-    .k-svg-icon {
         margin-inline: 7px;
         text-align: center;
     }

package/dist/esm/autocomplete/autocomplete.spec.js CHANGED Viewed

@@ -224,7 +224,7 @@ Picker.defaultProps = defaultProps2;
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -283,7 +283,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx4 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/autocomplete/templates/autocomplete-adaptive.js CHANGED Viewed

@@ -224,7 +224,7 @@ Picker.defaultProps = defaultProps2;
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -283,7 +283,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx4 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/autocomplete/templates/autocomplete-normal.js CHANGED Viewed

@@ -224,7 +224,7 @@ Picker.defaultProps = defaultProps2;
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -283,7 +283,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx4 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/autocomplete/templates/autocomplete-popup.js CHANGED Viewed

@@ -224,7 +224,7 @@ Picker.defaultProps = defaultProps2;
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -283,7 +283,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx4 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/autocomplete/tests/autocomplete-adaptive.js CHANGED Viewed

@@ -224,7 +224,7 @@ Picker.defaultProps = defaultProps2;
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -283,7 +283,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx4 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/autocomplete/tests/autocomplete-flat.js CHANGED Viewed

@@ -224,7 +224,7 @@ Picker.defaultProps = defaultProps2;
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -283,7 +283,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx4 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/autocomplete/tests/autocomplete-opened.js CHANGED Viewed

@@ -224,7 +224,7 @@ Picker.defaultProps = defaultProps2;
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -283,7 +283,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx4 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/autocomplete/tests/autocomplete-outline.js CHANGED Viewed

@@ -224,7 +224,7 @@ Picker.defaultProps = defaultProps2;
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -283,7 +283,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx4 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/autocomplete/tests/autocomplete-solid.js CHANGED Viewed

@@ -224,7 +224,7 @@ Picker.defaultProps = defaultProps2;
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -283,7 +283,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx4 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/avatar/tests/avatar-size-rounded.js CHANGED Viewed

@@ -97,7 +97,7 @@ var States = {
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states = [];
 var options = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -156,7 +156,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/avatar/tests/avatar.js CHANGED Viewed

@@ -182,7 +182,7 @@ var AvatarImage = (props) => /* @__PURE__ */ jsx4(avatar_spec_default, { type: "
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx as jsx5 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -241,7 +241,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx6 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/badge/tests/badge-misc.js CHANGED Viewed

@@ -81,7 +81,7 @@ var ThemeColor = {
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states = [];
 var options = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -140,7 +140,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/bottom-nav/bottom-nav-item.js CHANGED Viewed

@@ -100,7 +100,7 @@ var States = {
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states = [];
 var options = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -159,7 +159,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/bottom-nav/tests/bottom-nav-colors.js CHANGED Viewed

@@ -158,7 +158,7 @@ BottomNav.defaultProps = defaultProps;
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -217,7 +217,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/bottom-nav/tests/bottom-nav-items.js CHANGED Viewed

@@ -107,7 +107,7 @@ var States = {
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states = [];
 var options = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -166,7 +166,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/bottom-nav/tests/bottom-nav-rtl.js CHANGED Viewed

@@ -158,7 +158,7 @@ BottomNav.defaultProps = defaultProps;
 // src/icon/font-icon.spec.tsx
 import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states2 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -217,7 +217,7 @@ var font_icon_spec_default = FontIcon;
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states3 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],