@progress/kendo-themes-html 7.0.0-dev.0 → 7.0.0

package/dist/cjs/action-buttons/tests/action-buttons.js

@@ -168,7 +168,7 @@ ActionButtons.defaultProps = defaultProps;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime2 = require("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],
@@ -227,7 +227,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime3 = require("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/cjs/action-sheet/action-sheet.spec.js

@@ -134,7 +134,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],
@@ -193,7 +193,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/action-sheet/actionsheet-content.js

@@ -133,7 +133,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],
@@ -192,7 +192,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/action-sheet/actionsheet-footer.js

@@ -170,7 +170,7 @@ var action_buttons_spec_default = ActionButtons;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime2 = require("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
 var import_jsx_runtime3 = require("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/cjs/action-sheet/actionsheet-header.js

@@ -133,7 +133,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],
@@ -192,7 +192,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/action-sheet/actionsheet-item.js

@@ -120,7 +120,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],
@@ -179,7 +179,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/action-sheet/tests/action-sheet-calendar-infinite.js

@@ -250,7 +250,7 @@ ActionSheet.defaultProps = defaultProps2;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime3 = require("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],
@@ -309,7 +309,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime4 = require("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/cjs/action-sheet/tests/action-sheet-calendar.js

@@ -250,7 +250,7 @@ ActionSheet.defaultProps = defaultProps2;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime3 = require("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],
@@ -309,7 +309,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime4 = require("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/cjs/action-sheet/tests/action-sheet-data-table.js

@@ -250,7 +250,7 @@ ActionSheet.defaultProps = defaultProps2;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime3 = require("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],
@@ -309,7 +309,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime4 = require("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/cjs/action-sheet/tests/action-sheet-date-time-selector.js

@@ -250,7 +250,7 @@ ActionSheet.defaultProps = defaultProps2;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime3 = require("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],
@@ -309,7 +309,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime4 = require("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/cjs/action-sheet/tests/action-sheet-list.js

@@ -250,7 +250,7 @@ ActionSheet.defaultProps = defaultProps2;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime3 = require("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],
@@ -309,7 +309,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime4 = require("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/cjs/action-sheet/tests/action-sheet-position.js

@@ -250,7 +250,7 @@ ActionSheet.defaultProps = defaultProps2;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime3 = require("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],
@@ -309,7 +309,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime4 = require("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/cjs/action-sheet/tests/action-sheet-time-selector.js

@@ -250,7 +250,7 @@ ActionSheet.defaultProps = defaultProps2;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime3 = require("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],
@@ -309,7 +309,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime4 = require("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/cjs/action-sheet/tests/action-sheet-treeview.js

@@ -250,7 +250,7 @@ ActionSheet.defaultProps = defaultProps2;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime3 = require("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],
@@ -309,7 +309,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime4 = require("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/cjs/action-sheet/tests/action-sheet.js

@@ -250,7 +250,7 @@ ActionSheet.defaultProps = defaultProps2;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime3 = require("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],
@@ -309,7 +309,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime4 = require("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/cjs/appbar/tests/appbar.js

@@ -189,7 +189,7 @@ var AppbarSection = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime3 = require("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],
@@ -248,7 +248,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime4 = require("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],
@@ -4916,10 +4916,6 @@ var styles = `
         margin: 0;
     }
     .k-icon {
-        width: 30px;
-        text-align: center;
-    }
-    .k-svg-icon {
         margin-inline: 7px;
         text-align: center;
     }

package/dist/cjs/autocomplete/autocomplete.spec.js

@@ -245,7 +245,7 @@ Picker.defaultProps = defaultProps2;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime3 = require("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],
@@ -304,7 +304,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime4 = require("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/cjs/autocomplete/templates/autocomplete-adaptive.js

@@ -243,7 +243,7 @@ Picker.defaultProps = defaultProps2;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime3 = require("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],
@@ -302,7 +302,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime4 = require("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/cjs/autocomplete/templates/autocomplete-normal.js

@@ -243,7 +243,7 @@ Picker.defaultProps = defaultProps2;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime3 = require("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],
@@ -302,7 +302,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime4 = require("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/cjs/autocomplete/templates/autocomplete-popup.js

@@ -243,7 +243,7 @@ Picker.defaultProps = defaultProps2;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime3 = require("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],
@@ -302,7 +302,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime4 = require("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/cjs/autocomplete/tests/autocomplete-adaptive.js

@@ -243,7 +243,7 @@ Picker.defaultProps = defaultProps2;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime3 = require("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],
@@ -302,7 +302,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime4 = require("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/cjs/autocomplete/tests/autocomplete-flat.js

@@ -243,7 +243,7 @@ Picker.defaultProps = defaultProps2;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime3 = require("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],
@@ -302,7 +302,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime4 = require("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/cjs/autocomplete/tests/autocomplete-opened.js

@@ -243,7 +243,7 @@ Picker.defaultProps = defaultProps2;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime3 = require("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],
@@ -302,7 +302,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime4 = require("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/cjs/autocomplete/tests/autocomplete-outline.js

@@ -243,7 +243,7 @@ Picker.defaultProps = defaultProps2;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime3 = require("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],
@@ -302,7 +302,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime4 = require("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/cjs/autocomplete/tests/autocomplete-solid.js

@@ -243,7 +243,7 @@ Picker.defaultProps = defaultProps2;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime3 = require("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],
@@ -302,7 +302,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime4 = require("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/cjs/avatar/tests/avatar-size-rounded.js

@@ -116,7 +116,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],
@@ -175,7 +175,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/avatar/tests/avatar.js

@@ -201,7 +201,7 @@ var AvatarImage = (props) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(avatar
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime5 = require("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],
@@ -260,7 +260,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime6 = require("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/cjs/badge/tests/badge-misc.js

@@ -100,7 +100,7 @@ var ThemeColor = {
 
 // 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],
@@ -159,7 +159,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/bottom-nav/bottom-nav-item.js

@@ -120,7 +120,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],
@@ -179,7 +179,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/bottom-nav/tests/bottom-nav-colors.js

@@ -177,7 +177,7 @@ BottomNav.defaultProps = defaultProps;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime2 = require("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],
@@ -236,7 +236,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime3 = require("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/cjs/bottom-nav/tests/bottom-nav-items.js

@@ -126,7 +126,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],
@@ -185,7 +185,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/bottom-nav/tests/bottom-nav-rtl.js

@@ -177,7 +177,7 @@ BottomNav.defaultProps = defaultProps;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime2 = require("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],
@@ -236,7 +236,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime3 = require("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/cjs/bottom-nav/tests/bottom-nav.js

@@ -177,7 +177,7 @@ BottomNav.defaultProps = defaultProps;
 
 // src/icon/font-icon.spec.tsx
 var import_jsx_runtime2 = require("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],
@@ -236,7 +236,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 var import_jsx_runtime3 = require("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/cjs/breadcrumb/tests/breadcrumb-adaptive.js

@@ -119,7 +119,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],
@@ -178,7 +178,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],