@taiga-ui/cdk
Version:
Base library for creating Angular components and applications using Taiga UI principles regarding of actual visual appearance
50 lines • 2.82 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.TUI_THICKNESS_COMMENT = void 0;
exports.migrateCssVariables = migrateCssVariables;
const ng_morph_1 = require("ng-morph");
const colored_log_1 = require("../../../utils/colored-log");
const add_comment_for_styles_1 = require("../../utils/add-comment-for-styles");
const get_file_system_1 = require("../../utils/get-file-system");
const replace_text_1 = require("../../utils/replace-text");
const FONT_VARIABLES_REPLACEMENTS = [
{ from: String.raw `--tui-font-family-text`, to: '--tui-typography-family-text' },
{ from: String.raw `--tui-font-family-display`, to: '--tui-typography-family-display' },
{ from: '--tui-font-heading-([1-6])', to: '--tui-typography-heading-h$1' },
{ from: '--tui-font-heading-h([1-6])', to: '--tui-typography-heading-h$1' },
{ from: String.raw `--tui-font-text\)`, to: '--tui-typography-family-text)' },
{ from: '--tui-font-text-xl', to: '--tui-typography-legacy-body-xl' },
{ from: '--tui-font-text-l', to: '--tui-typography-body-l' },
{ from: '--tui-font-text-m', to: '--tui-typography-body-m' },
{ from: '--tui-font-text-s', to: '--tui-typography-body-s' },
{ from: '--tui-font-text-xs', to: '--tui-typography-body-xs' },
{ from: '--tui-font-text-ui-l', to: '--tui-typography-ui-l' },
{ from: '--tui-font-text-ui-m', to: '--tui-typography-ui-m' },
{ from: '--tui-font-text-ui-s', to: '--tui-typography-ui-s' },
{ from: '--tui-font-text-ui-xs', to: '--tui-typography-ui-2xs' },
{ from: '--tui-font-ui-l', to: '--tui-typography-ui-l' },
{ from: '--tui-font-ui-m', to: '--tui-typography-ui-m' },
{ from: '--tui-font-ui-s', to: '--tui-typography-ui-s' },
{ from: '--tui-font-ui-xs', to: '--tui-typography-ui-xs' },
{ from: '--tui-font-ui-2xs', to: '--tui-typography-ui-2xs' },
];
exports.TUI_THICKNESS_COMMENT = 'use --tui-thumb-size. Learn more: https://taiga-ui.dev/components/slider#size';
const DEPRECATED_VARS_WITH_COMMENT = [
{
sourceText: '--tui-thickness',
comment: `TODO: (Taiga UI migration) ${exports.TUI_THICKNESS_COMMENT}`,
},
];
function migrateCssVariables(tree, options) {
if (!options['skip-logs']) {
(0, colored_log_1.infoLog)('Starting migration css variables...');
}
const fileSystem = (0, get_file_system_1.getFileSystem)(tree);
(0, replace_text_1.replaceText)(FONT_VARIABLES_REPLACEMENTS);
(0, add_comment_for_styles_1.addCommentForStylesFiles)(DEPRECATED_VARS_WITH_COMMENT);
fileSystem.commitEdits();
(0, ng_morph_1.saveActiveProject)();
!options['skip-logs'] &&
(0, colored_log_1.successLog)(`${colored_log_1.SMALL_TAB_SYMBOL}${colored_log_1.SUCCESS_SYMBOL} css variables migrated \n`);
}
//# sourceMappingURL=migrate-css-variables.js.map