@progress/kendo-ui

Version:
This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.
32 lines (22 loc) • 1.43 kB
JavaScript
'use strict';

const { applyAppearanceDefaultStrips } = require('../_shared.cjs');

module.exports = function transformer(fileInfo) {
  if (!/\.(css|scss|sass|less)$/i.test(fileInfo.path)) {
    return undefined;
  }
  const updated = applyAppearanceDefaultStrips(fileInfo.source);
  return updated !== fileInfo.source ? updated : undefined;
};

module.exports.aiInstructions = `Starting with Kendo UI 2026 Q1, components no longer render default appearance CSS classes (size, rounded, fillMode). Compound CSS selectors that used these classes as qualifiers will no longer match.

This codemod strips the following default classes from compound selectors (e.g. .k-button.k-button-md → .k-button). Standalone selectors are left untouched.

Size classes stripped: k-button-sm/md/lg, k-input-sm/md/lg, k-picker-sm/md/lg, k-checkbox-sm/md/lg, k-chip-sm/md/lg, k-badge-sm/md/lg, k-avatar-sm/md/lg, k-loader-sm/md/lg, k-calendar-md, k-table-md, k-toolbar-md, k-form-md

Rounded classes stripped: k-rounded-sm, k-rounded-md, k-rounded-lg, k-rounded-full

Default fillMode classes stripped: k-button-solid, k-input-solid, k-picker-solid, k-chip-solid, k-badge-solid, k-avatar-solid

Before:
  .k-button.k-button-md { padding: 8px; }
  .k-input.k-rounded-md { border-radius: 4px; }
  .k-button.k-button-solid { background: blue; }

After:
  .k-button { padding: 8px; }
  .k-input { border-radius: 4px; }
  .k-button { background: blue; }`;