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

package/dist/esm/tilelayout/tests/tilelayout.js

@@ -305,7 +305,7 @@ import { Fragment as Fragment2, jsx as jsx6 } from "react/jsx-runtime";
 
 // src/icon/font-icon.spec.tsx
 import { Fragment as Fragment3, jsx as jsx7 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states4 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -364,7 +364,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment4, jsx as jsx8 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states5 = [];
 var options4 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -4766,7 +4766,7 @@ var tilelayout_default = () => /* @__PURE__ */ jsx20(Fragment9, { children: /* @
     children: [
       /* @__PURE__ */ jsx20(TileLayoutItem, { header: "Title goes here", body: "Content goes here", style: { order: "0", gridColumnEnd: "span 1", gridRowEnd: "span 1" }, focus: true }),
       /* @__PURE__ */ jsx20(TileLayoutItem, { header: "Title goes here", body: "Content goes here", style: { order: "1", gridColumnEnd: "span 1", gridRowEnd: "span 1" } }),
-      /* @__PURE__ */ jsx20(TileLayoutItem, { header: "Title goes here", body: "Content goes here", style: { order: "2", gridColumnEnd: "span 1", gridRowEnd: "span 2", width: "250px", position: "absolute", height: "198px", left: "430px", zIndex: 1 } }),
+      /* @__PURE__ */ jsx20(TileLayoutItem, { header: "Title goes here", body: "Content goes here", style: { order: "2", gridColumnEnd: "span 1", gridRowEnd: "span 2", width: "250px", position: "absolute", height: "198px", left: "410px", top: "16px", zIndex: 1 } }),
       /* @__PURE__ */ jsx20(tilelayout_item_hint_spec_default, { style: { order: "2", gridColumnEnd: "span 2", gridRowEnd: "span 2" } }),
       /* @__PURE__ */ jsx20(TileLayoutItem, { header: "Title goes here", body: "Content goes here", style: { order: "3", gridColumnEnd: "span 1", gridRowEnd: "span 1" } }),
       /* @__PURE__ */ jsx20(TileLayoutItem, { header: "Title goes here", body: "Content goes here", style: { order: "4", gridColumnEnd: "span 1", gridRowEnd: "span 2" } }),

package/dist/esm/tilelayout/tilelayout-item.spec.js

@@ -267,7 +267,7 @@ import { Fragment as Fragment2, jsx as jsx5 } from "react/jsx-runtime";
 
 // src/icon/font-icon.spec.tsx
 import { Fragment as Fragment3, jsx as jsx6 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states3 = [];
 var options2 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -326,7 +326,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment4, jsx as jsx7 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states4 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/time-selector/templates/time-selector-all.js

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

package/dist/esm/time-selector/templates/time-selector-hour.js

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

package/dist/esm/time-selector/templates/time-selector-minute.js

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

package/dist/esm/time-selector/tests/time-selector.js

@@ -298,7 +298,7 @@ ActionButtons.defaultProps = defaultProps2;
 
 // src/icon/font-icon.spec.tsx
 import { Fragment as Fragment3, jsx as jsx5 } from "react/jsx-runtime";
-var FONTICON_CLASSNAME = `k-icon`;
+var FONTICON_CLASSNAME = `k-icon k-font-icon`;
 var states4 = [];
 var options3 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],
@@ -357,7 +357,7 @@ var font_icon_spec_default = FontIcon;
 
 // src/icon/svg-icon.spec.tsx
 import { Fragment as Fragment4, jsx as jsx6 } from "react/jsx-runtime";
-var SVGICON_CLASSNAME = `k-svg-icon`;
+var SVGICON_CLASSNAME = `k-icon k-svg-icon`;
 var states5 = [];
 var options4 = {
   size: [Size.xsmall, Size.small, Size.medium, Size.large, Size.xlarge, Size.xxlarge, Size.xxxlarge],

package/dist/esm/time-selector/time-selector-fast-selection.js

@@ -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/time-selector/time-selector.spec.js

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

package/dist/esm/timedurationpicker/tests/timedurationpicker-expanded.js

@@ -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/timedurationpicker/tests/timedurationpicker.js

@@ -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/timedurationpicker/timedurationpicker.spec.js

@@ -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/timeline/tests/timeline-horizontal.js

@@ -161,7 +161,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],
@@ -220,7 +220,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/timeline/tests/timeline-vertical-alternating.js

@@ -161,7 +161,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],
@@ -220,7 +220,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/timeline/tests/timeline-vertical.js

@@ -161,7 +161,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],
@@ -220,7 +220,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/timepicker/templates/timepicker-adaptive.js

@@ -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/timepicker/templates/timepicker-normal.js

@@ -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/timepicker/templates/timepicker-popup.js

@@ -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/timepicker/tests/timepicker-adaptive.js

@@ -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/timepicker/tests/timepicker-flat.js

@@ -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/timepicker/tests/timepicker-opened.js

@@ -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/timepicker/tests/timepicker-outline.js

@@ -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/timepicker/tests/timepicker-solid.js

@@ -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/timepicker/timepicker.spec.js

@@ -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/toolbar/templates/toolbar-angular-normal.js

@@ -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/toolbar/templates/toolbar-angular-resizable.js

@@ -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/toolbar/templates/toolbar-normal.js

@@ -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/toolbar/templates/toolbar-resizable.js

@@ -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/toolbar/tests/toolbar-adaptive.js

@@ -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/toolbar/tests/toolbar-angular.js

@@ -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/toolbar/tests/toolbar-components.js

@@ -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/toolbar/tests/toolbar-popup-legacy.js

@@ -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/toolbar/tests/toolbar-popup-size.js

@@ -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/toolbar/tests/toolbar-popup.js

@@ -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],