@knowbly/theme-utils NPM

Theme utils

Knowbly theme utils

For older git blame go to https://github.com/Knowbly/widget-composer/blame/bb2e2de7358893a8324404720fb7a49d309c6dfd/src/lib/themeUtils/src/getElementsCSS.js

Usage

import themeUtils, { themeClasses, themeData, scopeCss, mapThemeSettings, upTo, generateButtonCSS, getSettingsDefaultVars, transformLockVars } from "@knowbly/theme-utils";
// const themeUtils = require("@knowbly/theme-utils").default;
// const { themeClasses, themeData, scopeCss, mapThemeSettings, upTo, generateButtonCSS, getSettingsDefaultVars, transformLockVars } = require("@knowbly/theme-utils");

console.log(themeUtils);
// output
// {
//     getFontSizeElements: [Function: getFontSizeElements],
//     transformColor: [Function: transformColor],
//     needsUnit: [Function: needsUnit],
//     hasUnit: [Function: hasUnit],
//     transformValue: [Function: transformValue],
//     isColorType: [Function: isColorType],
//     getSettingValue: [Function: getSettingValue],
//     transformSettingVars: [Function: transformSettingVars],
// }

Usage

yarn dev - Compiles dist folder for development.
yarn build - Compiles and minifies dist folder for production.
yarn test:unit - Run your unit tests.
yarn lint - Lints and fixes files.
yarn commit - Commit your changes using commitizen.

Using theme-utils in development

You must run npm link in this repository and then in other projects run npm link @knowbly/theme-utils to see your changes. Changes should be merged mostly into the dev brach.

Feature flags

There are some feature flags that uses different releases from this package. They should be developed in their own branch. Check dev-feature/theme-utils/1.13 to see an example.