npm - devextreme-themebuilder - Versions diffs - 24.1.2-beta → 24.1.3 - Mend

devextreme-themebuilder 24.1.2-beta → 24.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (26) hide show

package/README.md +8 -8
package/data/bootstrap-metadata/bootstrap3-metadata.js +53 -53
package/data/bootstrap-metadata/bootstrap4-metadata.js +47 -47
package/data/bootstrap-metadata/bootstrap5-metadata.js +47 -47
package/data/clean-css-options.json +27 -27
package/data/metadata/dx-theme-builder-metadata.js +7 -7
package/data/migration-metadata/migration-metadata.js +120 -120
package/data/scss/widgets/base/_drawer.scss +2 -2
package/data/scss/widgets/base/_gridBase.scss +7 -1
package/data/scss/widgets/fluent/gridBase/_index.scss +4 -1
package/data/scss/widgets/material/gridBase/_index.scss +4 -1
package/modules/base-parameters.js +2 -2
package/modules/bootstrap-extractor.js +174 -168
package/modules/builder.js +25 -25
package/modules/bundle-resolver.js +16 -16
package/modules/commands.js +7 -7
package/modules/compile-manager.js +78 -78
package/modules/compiler.js +114 -114
package/modules/config-normalizer.js +150 -150
package/modules/logger.js +16 -16
package/modules/parse-value.js +83 -83
package/modules/post-compiler.js +81 -81
package/modules/pre-compiler.js +24 -24
package/modules/themes.js +137 -137
package/modules/widgets-handler.js +72 -72
package/package.json +4 -6

package/README.md CHANGED Viewed

@@ -1,8 +1,8 @@
-# DevExtreme ThemeBuilder
-This package is utilized by the ThemeBuilder ([web version](https://js.devexpress.com/ThemeBuilder/) and [CLI tool](https://www.npmjs.com/package/devextreme-cli)) to create a custom theme based on predefined DevExtreme and Bootstrap themes.
-- Official website: [js.devexpress.com](https://js.devexpress.com)
-- Pricing: [js.devexpress.com/buy](https://js.devexpress.com/Buy)
-- Licensing: [js.devexpress.com/licensing](https://js.devexpress.com/Licensing)
-- Support: [www.devexpress.com/support](https://www.devexpress.com/support)
+# DevExtreme ThemeBuilder
+This package is utilized by the ThemeBuilder ([web version](https://js.devexpress.com/ThemeBuilder/) and [CLI tool](https://www.npmjs.com/package/devextreme-cli)) to create a custom theme based on predefined DevExtreme and Bootstrap themes.
+- Official website: [js.devexpress.com](https://js.devexpress.com)
+- Pricing: [js.devexpress.com/buy](https://js.devexpress.com/Buy)
+- Licensing: [js.devexpress.com/licensing](https://js.devexpress.com/Licensing)
+- Support: [www.devexpress.com/support](https://www.devexpress.com/support)

package/data/bootstrap-metadata/bootstrap3-metadata.js CHANGED Viewed

@@ -1,53 +1,53 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    'base-font-family': '@font-family-sans-serif',
-    'base-accent': '@brand-primary',
-    'base-bg': '@body-bg',
-    'base-text-color': '@text-color',
-    'base-border-color': '@table-border-color',
-    'base-border-radius': '@border-radius-base',
-    'base-border-radius-large': '@border-radius-large',
-    'base-border-radius-small': '@border-radius-small',
-    'base-success': '@brand-success',
-    'base-warning': '@brand-warning',
-    'base-danger': '@brand-danger',
-    'base-link-color': '@link-color',
-    'base-hover-color': '@table-bg-hover',
-    'button-normal-color': '@btn-default-color',
-    'button-normal-bg': '@btn-default-bg',
-    'button-normal-border-color': '@btn-default-border',
-    'button-default-color': '@btn-primary-color',
-    'button-default-bg': '@btn-primary-bg',
-    'button-default-border-color': '@btn-primary-border',
-    'button-success-color': '@btn-success-color',
-    'button-success-bg': '@btn-success-bg',
-    'button-success-border-color': '@btn-success-border',
-    'button-danger-color': '@btn-danger-color',
-    'button-danger-bg': '@btn-danger-bg',
-    'button-danger-border-color': '@btn-danger-border',
-    'button-border-radius': '@btn-border-radius-base',
-    'texteditor-border-color': '@input-border',
-    'texteditor-bg': '@input-bg',
-    'texteditor-color': '@input-color',
-    'texteditor-border-radius': '@input-border-radius',
-    'texteditor-focused-border-color': '@input-border-focus',
-    'texteditor-placeholder-color': '@input-color-placeholder',
-    'pager-page-selected-bg': '@pagination-active-bg',
-    'pager-page-selected-border-color': '@pagination-active-border',
-    'pager-page-selected-color': '@pager-active-color',
-    'pager-page-border-radius': '@pager-border-radius',
-    'tooltip-color': '@tooltip-color',
-    'tooltip-bg': '@tooltip-bg',
-    'overlay-content-bg': '@modal-content-bg',
-    'overlay-border-color': '@modal-content-border-color',
-    'progressbar-bg': '@progress-bg',
-    'progressbar-border-color': '@progress-bar-color',
-    'progressbar-range-bg': '@progress-bar-bg',
-    'list-border-color': '@list-group-border',
-    'list-item-hover-bg': '@list-group-hover-bg',
-    'list-item-selected-color': '@list-group-active-color',
-    'list-item-selected-bg': '@list-group-active-bg',
-    'badge-bg': '@badge-bg',
-    'badge-color': '@badge-color',
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    'base-font-family': '@font-family-sans-serif',
+    'base-accent': '@brand-primary',
+    'base-bg': '@body-bg',
+    'base-text-color': '@text-color',
+    'base-border-color': '@table-border-color',
+    'base-border-radius': '@border-radius-base',
+    'base-border-radius-large': '@border-radius-large',
+    'base-border-radius-small': '@border-radius-small',
+    'base-success': '@brand-success',
+    'base-warning': '@brand-warning',
+    'base-danger': '@brand-danger',
+    'base-link-color': '@link-color',
+    'base-hover-color': '@table-bg-hover',
+    'button-normal-color': '@btn-default-color',
+    'button-normal-bg': '@btn-default-bg',
+    'button-normal-border-color': '@btn-default-border',
+    'button-default-color': '@btn-primary-color',
+    'button-default-bg': '@btn-primary-bg',
+    'button-default-border-color': '@btn-primary-border',
+    'button-success-color': '@btn-success-color',
+    'button-success-bg': '@btn-success-bg',
+    'button-success-border-color': '@btn-success-border',
+    'button-danger-color': '@btn-danger-color',
+    'button-danger-bg': '@btn-danger-bg',
+    'button-danger-border-color': '@btn-danger-border',
+    'button-border-radius': '@btn-border-radius-base',
+    'texteditor-border-color': '@input-border',
+    'texteditor-bg': '@input-bg',
+    'texteditor-color': '@input-color',
+    'texteditor-border-radius': '@input-border-radius',
+    'texteditor-focused-border-color': '@input-border-focus',
+    'texteditor-placeholder-color': '@input-color-placeholder',
+    'pager-page-selected-bg': '@pagination-active-bg',
+    'pager-page-selected-border-color': '@pagination-active-border',
+    'pager-page-selected-color': '@pager-active-color',
+    'pager-page-border-radius': '@pager-border-radius',
+    'tooltip-color': '@tooltip-color',
+    'tooltip-bg': '@tooltip-bg',
+    'overlay-content-bg': '@modal-content-bg',
+    'overlay-border-color': '@modal-content-border-color',
+    'progressbar-bg': '@progress-bg',
+    'progressbar-border-color': '@progress-bar-color',
+    'progressbar-range-bg': '@progress-bar-bg',
+    'list-border-color': '@list-group-border',
+    'list-item-hover-bg': '@list-group-hover-bg',
+    'list-item-selected-color': '@list-group-active-color',
+    'list-item-selected-bg': '@list-group-active-bg',
+    'badge-bg': '@badge-bg',
+    'badge-color': '@badge-color',
+};

package/data/bootstrap-metadata/bootstrap4-metadata.js CHANGED Viewed

@@ -1,47 +1,47 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    'base-font-family': '$font-family-sans-serif',
-    'base-accent': '$primary',
-    'base-bg': '$body-bg',
-    'base-text-color': '$body-color',
-    'base-border-color': '$table-border-color',
-    'base-border-radius': '$border-radius',
-    'base-border-radius-large': '$border-radius-lg',
-    'base-border-radius-small': '$border-radius-sm',
-    'base-success': '$success',
-    'base-warning': '$warning',
-    'base-danger': '$danger',
-    'base-link-color': '$link-color',
-    'base-hover-color': '$table-hover-color',
-    'button-normal-bg': '$light',
-    'button-normal-border-color': '$light',
-    'button-default-bg': '$primary',
-    'button-default-border-color': '$primary',
-    'button-success-bg': '$success',
-    'button-success-border-color': '$success',
-    'button-danger-bg': '$danger',
-    'button-danger-border-color': '$danger',
-    'button-border-radius': '$btn-border-radius',
-    'texteditor-border-color': '$input-border-color',
-    'texteditor-bg': '$input-bg',
-    'texteditor-color': '$input-color',
-    'texteditor-border-radius': '$input-border-radius',
-    'texteditor-focused-border-color': '$input-focus-border-color',
-    'texteditor-placeholder-color': '$input-placeholder-color',
-    'pager-page-selected-bg': '$pagination-active-bg',
-    'pager-page-selected-border-color': '$pagination-active-border-color',
-    'pager-page-selected-color': '$pagination-active-color',
-    'tooltip-color': '$tooltip-color',
-    'tooltip-bg': '$tooltip-bg',
-    'overlay-content-bg': '$modal-content-bg',
-    'overlay-border-color': '$modal-content-border-color',
-    'progressbar-bg': '$progress-bg',
-    'progressbar-border-color': '$progress-bar-color',
-    'progressbar-range-bg': '$progress-bar-bg',
-    'list-border-color': '$list-group-border-color',
-    'list-item-hover-bg': '$list-group-hover-bg',
-    'list-item-selected-color': '$list-group-active-color',
-    'list-item-selected-bg': '$list-group-active-bg',
-    'badge-bg': '$primary',
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    'base-font-family': '$font-family-sans-serif',
+    'base-accent': '$primary',
+    'base-bg': '$body-bg',
+    'base-text-color': '$body-color',
+    'base-border-color': '$table-border-color',
+    'base-border-radius': '$border-radius',
+    'base-border-radius-large': '$border-radius-lg',
+    'base-border-radius-small': '$border-radius-sm',
+    'base-success': '$success',
+    'base-warning': '$warning',
+    'base-danger': '$danger',
+    'base-link-color': '$link-color',
+    'base-hover-color': '$table-hover-color',
+    'button-normal-bg': '$light',
+    'button-normal-border-color': '$light',
+    'button-default-bg': '$primary',
+    'button-default-border-color': '$primary',
+    'button-success-bg': '$success',
+    'button-success-border-color': '$success',
+    'button-danger-bg': '$danger',
+    'button-danger-border-color': '$danger',
+    'button-border-radius': '$btn-border-radius',
+    'texteditor-border-color': '$input-border-color',
+    'texteditor-bg': '$input-bg',
+    'texteditor-color': '$input-color',
+    'texteditor-border-radius': '$input-border-radius',
+    'texteditor-focused-border-color': '$input-focus-border-color',
+    'texteditor-placeholder-color': '$input-placeholder-color',
+    'pager-page-selected-bg': '$pagination-active-bg',
+    'pager-page-selected-border-color': '$pagination-active-border-color',
+    'pager-page-selected-color': '$pagination-active-color',
+    'tooltip-color': '$tooltip-color',
+    'tooltip-bg': '$tooltip-bg',
+    'overlay-content-bg': '$modal-content-bg',
+    'overlay-border-color': '$modal-content-border-color',
+    'progressbar-bg': '$progress-bg',
+    'progressbar-border-color': '$progress-bar-color',
+    'progressbar-range-bg': '$progress-bar-bg',
+    'list-border-color': '$list-group-border-color',
+    'list-item-hover-bg': '$list-group-hover-bg',
+    'list-item-selected-color': '$list-group-active-color',
+    'list-item-selected-bg': '$list-group-active-bg',
+    'badge-bg': '$primary',
+};

package/data/bootstrap-metadata/bootstrap5-metadata.js CHANGED Viewed

@@ -1,47 +1,47 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    'base-font-family': '$font-family-sans-serif',
-    'base-accent': '$primary',
-    'base-bg': '$body-bg',
-    'base-text-color': '$body-color',
-    'base-border-color': '$table-border-color',
-    'base-border-radius': '$border-radius',
-    'base-border-radius-large': '$border-radius-lg',
-    'base-border-radius-small': '$border-radius-sm',
-    'base-success': '$success',
-    'base-warning': '$warning',
-    'base-danger': '$danger',
-    'base-link-color': '$link-color',
-    'base-hover-color': '$body-color',
-    'button-normal-bg': '$light',
-    'button-normal-border-color': '$light',
-    'button-default-bg': '$primary',
-    'button-default-border-color': '$primary',
-    'button-success-bg': '$success',
-    'button-success-border-color': '$success',
-    'button-danger-bg': '$danger',
-    'button-danger-border-color': '$danger',
-    'button-border-radius': '$btn-border-radius',
-    'texteditor-border-color': '$input-border-color',
-    'texteditor-bg': '$input-bg',
-    'texteditor-color': '$input-color',
-    'texteditor-border-radius': '$input-border-radius',
-    'texteditor-focused-border-color': '$input-focus-border-color',
-    'texteditor-placeholder-color': '$input-placeholder-color',
-    'pager-page-selected-bg': '$pagination-active-bg',
-    'pager-page-selected-border-color': '$pagination-active-border-color',
-    'pager-page-selected-color': '$pagination-active-color',
-    'tooltip-color': '$tooltip-color',
-    'tooltip-bg': '$tooltip-bg',
-    'overlay-content-bg': '$modal-content-bg',
-    'overlay-border-color': '$border-color-translucent',
-    'progressbar-bg': '$progress-bg',
-    'progressbar-border-color': '$progress-bar-color',
-    'progressbar-range-bg': '$progress-bar-bg',
-    'list-border-color': '$list-group-border-color',
-    'list-item-hover-bg': '$list-group-hover-bg',
-    'list-item-selected-color': '$list-group-active-color',
-    'list-item-selected-bg': '$list-group-active-bg',
-    'badge-bg': '$primary',
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    'base-font-family': '$font-family-sans-serif',
+    'base-accent': '$primary',
+    'base-bg': '$body-bg',
+    'base-text-color': '$body-color',
+    'base-border-color': '$border-color',
+    'base-border-radius': '$border-radius',
+    'base-border-radius-large': '$border-radius-lg',
+    'base-border-radius-small': '$border-radius-sm',
+    'base-success': '$success',
+    'base-warning': '$warning',
+    'base-danger': '$danger',
+    'base-link-color': '$link-color',
+    'base-hover-color': '$body-color',
+    'button-normal-bg': '$light',
+    'button-normal-border-color': '$light',
+    'button-default-bg': '$primary',
+    'button-default-border-color': '$primary',
+    'button-success-bg': '$success',
+    'button-success-border-color': '$success',
+    'button-danger-bg': '$danger',
+    'button-danger-border-color': '$danger',
+    'button-border-radius': '$btn-border-radius',
+    'texteditor-border-color': '$input-border-color',
+    'texteditor-bg': '$input-bg',
+    'texteditor-color': '$input-color',
+    'texteditor-border-radius': '$input-border-radius',
+    'texteditor-focused-border-color': '$input-focus-border-color',
+    'texteditor-placeholder-color': '$input-placeholder-color',
+    'pager-page-selected-bg': '$pagination-active-bg',
+    'pager-page-selected-border-color': '$pagination-active-border-color',
+    'pager-page-selected-color': '$pagination-active-color',
+    'tooltip-color': '$tooltip-color',
+    'tooltip-bg': '$tooltip-bg',
+    'overlay-content-bg': '$modal-content-bg',
+    'overlay-border-color': '$border-color-translucent',
+    'progressbar-bg': '$progress-bg',
+    'progressbar-border-color': '$progress-bar-color',
+    'progressbar-range-bg': '$progress-bar-bg',
+    'list-border-color': '$list-group-border-color',
+    'list-item-hover-bg': '$list-group-hover-bg',
+    'list-item-selected-color': '$list-group-active-color',
+    'list-item-selected-bg': '$list-group-active-bg',
+    'badge-bg': '$primary',
+};

package/data/clean-css-options.json CHANGED Viewed

@@ -1,27 +1,27 @@
-{
-    "rebase": false,
-    "format": {
-        "breaks": {
-            "afterAtRule": true,
-            "afterBlockBegins": true,
-            "afterBlockEnds": true,
-            "afterComment": false,
-            "afterProperty": true,
-            "afterRuleBegins": true,
-            "afterRuleEnds": true,
-            "beforeBlockEnds": true,
-            "betweenSelectors": true
-        },
-        "breakWith": "\n",
-        "indentBy": 2,
-        "indentWith": "space",
-        "spaces": {
-            "aroundSelectorRelation": true,
-            "beforeBlockBegins": true,
-            "beforeValue": true
-        },
-        "wrapAt": false,
-        "semicolonAfterLastProperty": true
-    },
-    "level": 2
-}
+{
+    "rebase": false,
+    "format": {
+        "breaks": {
+            "afterAtRule": true,
+            "afterBlockBegins": true,
+            "afterBlockEnds": true,
+            "afterComment": false,
+            "afterProperty": true,
+            "afterRuleBegins": true,
+            "afterRuleEnds": true,
+            "beforeBlockEnds": true,
+            "betweenSelectors": true
+        },
+        "breakWith": "\n",
+        "indentBy": 2,
+        "indentWith": "space",
+        "spaces": {
+            "aroundSelectorRelation": true,
+            "beforeBlockBegins": true,
+            "beforeValue": true
+        },
+        "wrapAt": false,
+        "semicolonAfterLastProperty": true
+    },
+    "level": 2
+}