npm - @progress/kendo-theme-default - Versions diffs - 7.3.0-dev.1 → 8.0.0-dev.1 - Mend

@progress/kendo-theme-default 7.3.0-dev.1 → 8.0.0-dev.1

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 (163) hide show

package/dist/all.css +9608 -9003
package/dist/all.scss +5335 -5049
package/dist/default-blue.scss +143 -29
package/dist/default-dataviz-v4.scss +45 -6
package/dist/default-green.scss +135 -29
package/dist/default-main-dark.scss +190 -34
package/dist/default-main.scss +34 -29
package/dist/default-nordic.scss +143 -29
package/dist/default-ocean-blue-a11y.scss +170 -33
package/dist/default-ocean-blue.scss +166 -33
package/dist/default-orange.scss +143 -29
package/dist/default-purple.scss +143 -29
package/dist/default-turquoise.scss +143 -29
package/dist/default-urban.scss +143 -29
package/dist/meta/sassdoc-data.json +31805 -30179
package/dist/meta/sassdoc-raw-data.json +3341 -2591
package/dist/meta/variables.json +3843 -3739
package/lib/swatches/default-blue.json +541 -1
package/lib/swatches/default-dataviz-v4.json +166 -1
package/lib/swatches/default-green.json +501 -1
package/lib/swatches/default-main-dark.json +751 -1
package/lib/swatches/default-main.json +11 -1
package/lib/swatches/default-nordic.json +541 -1
package/lib/swatches/default-ocean-blue-a11y.json +672 -8
package/lib/swatches/default-ocean-blue.json +645 -3
package/lib/swatches/default-orange.json +541 -1
package/lib/swatches/default-purple.json +541 -1
package/lib/swatches/default-turquoise.json +541 -1
package/lib/swatches/default-urban.json +541 -1
package/package.json +4 -4
package/scss/_variables.scss +0 -172
package/scss/action-buttons/_variables.scss +4 -4
package/scss/action-sheet/_layout.scss +1 -1
package/scss/action-sheet/_variables.scss +17 -17
package/scss/adaptive/_layout.scss +8 -8
package/scss/adaptive/_variables.scss +3 -3
package/scss/appbar/_variables.scss +6 -6
package/scss/avatar/_variables.scss +6 -6
package/scss/badge/_variables.scss +17 -17
package/scss/bottom-navigation/_layout.scss +2 -2
package/scss/bottom-navigation/_variables.scss +9 -9
package/scss/breadcrumb/_variables.scss +17 -17
package/scss/button/_variables.scss +21 -21
package/scss/calendar/_layout.scss +2 -2
package/scss/calendar/_theme.scss +1 -1
package/scss/calendar/_variables.scss +33 -61
package/scss/captcha/_variables.scss +6 -6
package/scss/card/_variables.scss +18 -18
package/scss/chat/_layout.scss +7 -7
package/scss/chat/_variables.scss +13 -13
package/scss/checkbox/_layout.scss +1 -1
package/scss/checkbox/_variables.scss +9 -9
package/scss/chip/_layout.scss +1 -1
package/scss/chip/_variables.scss +15 -15
package/scss/color-preview/_variables.scss +1 -1
package/scss/coloreditor/_variables.scss +7 -7
package/scss/colorgradient/_layout.scss +1 -1
package/scss/colorgradient/_variables.scss +10 -10
package/scss/colorpalette/_variables.scss +3 -3
package/scss/common/_base.scss +7 -7
package/scss/core/_index.scss +12 -0
package/scss/core/border-radii/index.import.scss +1 -0
package/scss/core/color-system/_swatch-legacy.scss +1 -1
package/scss/core/color-system/_swatch.scss +1 -1
package/scss/core/spacing/index.import.scss +29 -0
package/scss/core/typography/index.import.scss +1 -0
package/scss/dataviz/_layout.scss +8 -8
package/scss/dataviz/_variables.scss +8 -8
package/scss/daterangepicker/_layout.scss +1 -1
package/scss/datetimepicker/_variables.scss +1 -1
package/scss/dock-manager/_variables.scss +10 -10
package/scss/draggable/_variables.scss +4 -4
package/scss/drawer/_layout.scss +3 -3
package/scss/drawer/_variables.scss +8 -18
package/scss/dropdowntree/_layout.scss +2 -2
package/scss/dropdowntree/_variables.scss +2 -2
package/scss/dropzone/_variables.scss +8 -8
package/scss/editor/_layout.scss +5 -5
package/scss/editor/_variables.scss +3 -3
package/scss/expansion-panel/_variables.scss +9 -9
package/scss/fab/_layout.scss +4 -4
package/scss/fab/_variables.scss +18 -18
package/scss/filemanager/_layout.scss +3 -3
package/scss/filemanager/_variables.scss +9 -9
package/scss/filter/_layout.scss +4 -4
package/scss/filter/_variables.scss +2 -2
package/scss/forms/_layout.scss +16 -16
package/scss/forms/_variables.scss +17 -17
package/scss/gantt/_layout.scss +12 -12
package/scss/gantt/_variables.scss +151 -7
package/scss/grid/_layout.scss +10 -10
package/scss/grid/_variables.scss +64 -64
package/scss/imageeditor/_variables.scss +7 -7
package/scss/input/_layout.scss +5 -5
package/scss/input/_variables.scss +14 -14
package/scss/list/_variables.scss +27 -27
package/scss/listbox/_variables.scss +6 -6
package/scss/listgroup/_layout.scss +7 -7
package/scss/listgroup/_variables.scss +5 -5
package/scss/listview/_variables.scss +7 -7
package/scss/loader/_layout.scss +9 -9
package/scss/loader/_variables.scss +25 -25
package/scss/map/_layout.scss +1 -1
package/scss/map/_variables.scss +8 -8
package/scss/mediaplayer/_variables.scss +5 -5
package/scss/menu/_layout.scss +1 -1
package/scss/menu/_variables.scss +30 -30
package/scss/menu-button/_layout.scss +3 -3
package/scss/messagebox/_variables.scss +3 -3
package/scss/notification/_variables.scss +7 -7
package/scss/orgchart/_variables.scss +11 -11
package/scss/pager/_variables.scss +10 -10
package/scss/panelbar/_layout.scss +2 -2
package/scss/panelbar/_variables.scss +9 -9
package/scss/pdf-viewer/_variables.scss +5 -5
package/scss/pivotgrid/_layout.scss +12 -12
package/scss/pivotgrid/_variables.scss +15 -15
package/scss/popup/_layout.scss +1 -1
package/scss/popup/_theme.scss +1 -1
package/scss/popup/_variables.scss +4 -4
package/scss/progressbar/_layout.scss +2 -2
package/scss/progressbar/_variables.scss +2 -2
package/scss/prompt/_variables.scss +7 -7
package/scss/radio/_layout.scss +1 -1
package/scss/radio/_variables.scss +9 -9
package/scss/rating/_variables.scss +4 -4
package/scss/scheduler/_layout.scss +5 -5
package/scss/scheduler/_theme.scss +1 -1
package/scss/scheduler/_variables.scss +18 -18
package/scss/scrollview/_layout.scss +1 -1
package/scss/scrollview/_variables.scss +5 -5
package/scss/signature/_variables.scss +5 -5
package/scss/skeleton/_variables.scss +1 -1
package/scss/slider/_theme.scss +1 -1
package/scss/slider/_variables.scss +3 -3
package/scss/splitter/_variables.scss +6 -6
package/scss/spreadsheet/_layout.scss +11 -11
package/scss/spreadsheet/_variables.scss +17 -17
package/scss/stepper/_variables.scss +8 -8
package/scss/table/_layout.scss +1 -1
package/scss/table/_variables.scss +12 -12
package/scss/tabstrip/_layout.scss +2 -2
package/scss/tabstrip/_variables.scss +11 -11
package/scss/taskboard/_variables.scss +16 -16
package/scss/tilelayout/_variables.scss +2 -2
package/scss/timeline/_layout.scss +4 -4
package/scss/timeline/_variables.scss +10 -10
package/scss/timeselector/_layout.scss +1 -1
package/scss/timeselector/_variables.scss +6 -6
package/scss/toolbar/_layout.scss +2 -2
package/scss/toolbar/_variables.scss +12 -12
package/scss/tooltip/_layout.scss +10 -10
package/scss/tooltip/_variables.scss +4 -4
package/scss/treelist/_layout.scss +1 -1
package/scss/treelist/_variables.scss +5 -0
package/scss/treeview/_layout.scss +1 -1
package/scss/treeview/_variables.scss +20 -20
package/scss/typography/_layout.scss +51 -111
package/scss/typography/_variables.scss +136 -53
package/scss/upload/_layout.scss +3 -3
package/scss/upload/_variables.scss +8 -8
package/scss/window/_variables.scss +7 -7
package/scss/wizard/_variables.scss +7 -7

package/lib/swatches/default-blue.json CHANGED Viewed

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.3.0-dev.1",
+    "version": "8.0.0-dev.1",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",
@@ -13,6 +13,546 @@
     ],
     "components": [],
     "groups": [
+        {
+            "name": "New color system",
+            "colorSystem": {
+                "kendo-enable-color-system": {
+                    "name": "New color system",
+                    "type": "boolean",
+                    "value": true
+                }
+            }
+        },
+        {
+            "name": "New theme colors",
+            "colorsMap": {
+                "app-surface": {
+                    "name": "App Surface",
+                    "type": "color",
+                    "value": "#ffffff"
+                },
+                "on-app-surface": {
+                    "name": "On App Surface",
+                    "type": "color",
+                    "value": "#424242"
+                },
+                "subtle": {
+                    "name": "Subtle",
+                    "type": "color",
+                    "value": "#666666"
+                },
+                "surface": {
+                    "name": "Surface",
+                    "type": "color",
+                    "value": "#fafafa"
+                },
+                "surface-alt": {
+                    "name": "Surface Alt",
+                    "type": "color",
+                    "value": "#ffffff"
+                },
+                "base-subtle": {
+                    "name": "Base Subtle",
+                    "type": "color",
+                    "value": "#ebebeb"
+                },
+                "base-subtle-hover": {
+                    "name": "Base Subtle Hover",
+                    "type": "color",
+                    "value": "#e1e1e1"
+                },
+                "base-subtle-active": {
+                    "name": "Base Subtle Active",
+                    "type": "color",
+                    "value": "#d5d5d5"
+                },
+                "base": {
+                    "name": "Base",
+                    "type": "color",
+                    "value": "#f5f5f5"
+                },
+                "base-hover": {
+                    "name": "Base Hover",
+                    "type": "color",
+                    "value": "#ebebeb"
+                },
+                "base-active": {
+                    "name": "Base Active",
+                    "type": "color",
+                    "value": "#d8d8d8"
+                },
+                "base-emphasis": {
+                    "name": "Base Emphasis",
+                    "type": "color",
+                    "value": "#c2c2c2"
+                },
+                "base-on-subtle": {
+                    "name": "Base On Subtle",
+                    "type": "color",
+                    "value": "#424242"
+                },
+                "on-base": {
+                    "name": "On Base",
+                    "type": "color",
+                    "value": "#424242"
+                },
+                "base-on-surface": {
+                    "name": "Base On Surface",
+                    "type": "color",
+                    "value": "#424242"
+                },
+                "primary-subtle": {
+                    "name": "Primary Subtle",
+                    "type": "color",
+                    "value": "#d3f2f9"
+                },
+                "primary-subtle-hover": {
+                    "name": "Primary Subtle Hover",
+                    "type": "color",
+                    "value": "#b2e8f4"
+                },
+                "primary-subtle-active": {
+                    "name": "Primary Subtle Active",
+                    "type": "color",
+                    "value": "#91def0"
+                },
+                "primary": {
+                    "name": "Primary",
+                    "type": "color",
+                    "value": "#23bde0"
+                },
+                "primary-hover": {
+                    "name": "Primary Hover",
+                    "type": "color",
+                    "value": "#22b5d7"
+                },
+                "primary-active": {
+                    "name": "Primary Active",
+                    "type": "color",
+                    "value": "#1fa6c5"
+                },
+                "primary-emphasis": {
+                    "name": "Primary Emphasis",
+                    "type": "color",
+                    "value": "#5acee8"
+                },
+                "primary-on-subtle": {
+                    "name": "Primary On Subtle",
+                    "type": "color",
+                    "value": "#0c424e"
+                },
+                "on-primary": {
+                    "name": "On Primary",
+                    "type": "color",
+                    "value": "white"
+                },
+                "primary-on-surface": {
+                    "name": "Primary On Surface",
+                    "type": "color",
+                    "value": "#1a8ea8"
+                },
+                "secondary-subtle": {
+                    "name": "Secondary Subtle",
+                    "type": "color",
+                    "value": "#fdfdfd"
+                },
+                "secondary-subtle-hover": {
+                    "name": "Secondary Subtle Hover",
+                    "type": "color",
+                    "value": "#fcfcfc"
+                },
+                "secondary-subtle-active": {
+                    "name": "Secondary Subtle Active",
+                    "type": "color",
+                    "value": "#fbfbfb"
+                },
+                "secondary": {
+                    "name": "Secondary",
+                    "type": "color",
+                    "value": "#f6f6f6"
+                },
+                "secondary-hover": {
+                    "name": "Secondary Hover",
+                    "type": "color",
+                    "value": "#ececec"
+                },
+                "secondary-active": {
+                    "name": "Secondary Active",
+                    "type": "color",
+                    "value": "#d8d8d8"
+                },
+                "secondary-emphasis": {
+                    "name": "Secondary Emphasis",
+                    "type": "color",
+                    "value": "#f8f8f8"
+                },
+                "secondary-on-subtle": {
+                    "name": "Secondary On Subtle",
+                    "type": "color",
+                    "value": "#565656"
+                },
+                "on-secondary": {
+                    "name": "On Secondary",
+                    "type": "color",
+                    "value": "black"
+                },
+                "secondary-on-surface": {
+                    "name": "Secondary On Surface",
+                    "type": "color",
+                    "value": "#b9b9b9"
+                },
+                "info-subtle": {
+                    "name": "Info Subtle",
+                    "type": "color",
+                    "value": "#d8e6fb"
+                },
+                "info-subtle-hover": {
+                    "name": "Info Subtle Hover",
+                    "type": "color",
+                    "value": "#bbd3f9"
+                },
+                "info-subtle-active": {
+                    "name": "Info Subtle Active",
+                    "type": "color",
+                    "value": "#9fc0f6"
+                },
+                "info": {
+                    "name": "Info",
+                    "type": "color",
+                    "value": "#3e80ed"
+                },
+                "info-hover": {
+                    "name": "Info Hover",
+                    "type": "color",
+                    "value": "#3c7be4"
+                },
+                "info-active": {
+                    "name": "Info Active",
+                    "type": "color",
+                    "value": "#3771d1"
+                },
+                "info-emphasis": {
+                    "name": "Info Emphasis",
+                    "type": "color",
+                    "value": "#6ea0f2"
+                },
+                "info-on-subtle": {
+                    "name": "Info On Subtle",
+                    "type": "color",
+                    "value": "#162d53"
+                },
+                "on-info": {
+                    "name": "On Info",
+                    "type": "color",
+                    "value": "white"
+                },
+                "info-on-surface": {
+                    "name": "Info On Surface",
+                    "type": "color",
+                    "value": "#2f60b2"
+                },
+                "success-subtle": {
+                    "name": "Success Subtle",
+                    "type": "color",
+                    "value": "#dff3d6"
+                },
+                "success-subtle-hover": {
+                    "name": "Success Subtle Hover",
+                    "type": "color",
+                    "value": "#c7eab7"
+                },
+                "success-subtle-active": {
+                    "name": "Success Subtle Active",
+                    "type": "color",
+                    "value": "#afe199"
+                },
+                "success": {
+                    "name": "Success",
+                    "type": "color",
+                    "value": "#5ec232"
+                },
+                "success-hover": {
+                    "name": "Success Hover",
+                    "type": "color",
+                    "value": "#5aba30"
+                },
+                "success-active": {
+                    "name": "Success Active",
+                    "type": "color",
+                    "value": "#53ab2c"
+                },
+                "success-emphasis": {
+                    "name": "Success Emphasis",
+                    "type": "color",
+                    "value": "#86d165"
+                },
+                "success-on-subtle": {
+                    "name": "Success On Subtle",
+                    "type": "color",
+                    "value": "#214412"
+                },
+                "on-success": {
+                    "name": "On Success",
+                    "type": "color",
+                    "value": "white"
+                },
+                "success-on-surface": {
+                    "name": "Success On Surface",
+                    "type": "color",
+                    "value": "#479226"
+                },
+                "warning-subtle": {
+                    "name": "Warning Subtle",
+                    "type": "color",
+                    "value": "#fff5d8"
+                },
+                "warning-subtle-hover": {
+                    "name": "Warning Subtle Hover",
+                    "type": "color",
+                    "value": "#feeebb"
+                },
+                "warning-subtle-active": {
+                    "name": "Warning Subtle Active",
+                    "type": "color",
+                    "value": "#fee79f"
+                },
+                "warning": {
+                    "name": "Warning",
+                    "type": "color",
+                    "value": "#fdce3e"
+                },
+                "warning-hover": {
+                    "name": "Warning Hover",
+                    "type": "color",
+                    "value": "#f3c63c"
+                },
+                "warning-active": {
+                    "name": "Warning Active",
+                    "type": "color",
+                    "value": "#dfb537"
+                },
+                "warning-emphasis": {
+                    "name": "Warning Emphasis",
+                    "type": "color",
+                    "value": "#feda6e"
+                },
+                "warning-on-subtle": {
+                    "name": "Warning On Subtle",
+                    "type": "color",
+                    "value": "#594816"
+                },
+                "on-warning": {
+                    "name": "On Warning",
+                    "type": "color",
+                    "value": "black"
+                },
+                "warning-on-surface": {
+                    "name": "Warning On Surface",
+                    "type": "color",
+                    "value": "#be9b2f"
+                },
+                "error-subtle": {
+                    "name": "Error Subtle",
+                    "type": "color",
+                    "value": "#f7d1d3"
+                },
+                "error-subtle-hover": {
+                    "name": "Error Subtle Hover",
+                    "type": "color",
+                    "value": "#f0afb2"
+                },
+                "error-subtle-active": {
+                    "name": "Error Subtle Active",
+                    "type": "color",
+                    "value": "#ea8c91"
+                },
+                "error": {
+                    "name": "Error",
+                    "type": "color",
+                    "value": "#d51923"
+                },
+                "error-hover": {
+                    "name": "Error Hover",
+                    "type": "color",
+                    "value": "#cc1822"
+                },
+                "error-active": {
+                    "name": "Error Active",
+                    "type": "color",
+                    "value": "#bb161f"
+                },
+                "error-emphasis": {
+                    "name": "Error Emphasis",
+                    "type": "color",
+                    "value": "#e0535a"
+                },
+                "error-on-subtle": {
+                    "name": "Error On Subtle",
+                    "type": "color",
+                    "value": "#4b090c"
+                },
+                "on-error": {
+                    "name": "On Error",
+                    "type": "color",
+                    "value": "white"
+                },
+                "error-on-surface": {
+                    "name": "Error On Surface",
+                    "type": "color",
+                    "value": "#a0131a"
+                },
+                "series-a": {
+                    "name": "Series A",
+                    "type": "color",
+                    "value": "#23bde0"
+                },
+                "series-a-bold": {
+                    "name": "Series A Bold",
+                    "type": "color",
+                    "value": "#1a8ea8"
+                },
+                "series-a-bolder": {
+                    "name": "Series A Bolder",
+                    "type": "color",
+                    "value": "#125f70"
+                },
+                "series-a-subtle": {
+                    "name": "Series A Subtle",
+                    "type": "color",
+                    "value": "#5acee8"
+                },
+                "series-a-subtler": {
+                    "name": "Series A Subtler",
+                    "type": "color",
+                    "value": "#91def0"
+                },
+                "series-b": {
+                    "name": "Series B",
+                    "type": "color",
+                    "value": "#ffd246"
+                },
+                "series-b-bold": {
+                    "name": "Series B Bold",
+                    "type": "color",
+                    "value": "#bf9e35"
+                },
+                "series-b-bolder": {
+                    "name": "Series B Bolder",
+                    "type": "color",
+                    "value": "#806923"
+                },
+                "series-b-subtle": {
+                    "name": "Series B Subtle",
+                    "type": "color",
+                    "value": "#ffdd74"
+                },
+                "series-b-subtler": {
+                    "name": "Series B Subtler",
+                    "type": "color",
+                    "value": "#ffe9a3"
+                },
+                "series-c": {
+                    "name": "Series C",
+                    "type": "color",
+                    "value": "#78d237"
+                },
+                "series-c-bold": {
+                    "name": "Series C Bold",
+                    "type": "color",
+                    "value": "#5a9e29"
+                },
+                "series-c-bolder": {
+                    "name": "Series C Bolder",
+                    "type": "color",
+                    "value": "#3c691c"
+                },
+                "series-c-subtle": {
+                    "name": "Series C Subtle",
+                    "type": "color",
+                    "value": "#9add69"
+                },
+                "series-c-subtler": {
+                    "name": "Series C Subtler",
+                    "type": "color",
+                    "value": "#bce99b"
+                },
+                "series-d": {
+                    "name": "Series D",
+                    "type": "color",
+                    "value": "#28b4c8"
+                },
+                "series-d-bold": {
+                    "name": "Series D Bold",
+                    "type": "color",
+                    "value": "#1e8796"
+                },
+                "series-d-bolder": {
+                    "name": "Series D Bolder",
+                    "type": "color",
+                    "value": "#145a64"
+                },
+                "series-d-subtle": {
+                    "name": "Series D Subtle",
+                    "type": "color",
+                    "value": "#5ec7d6"
+                },
+                "series-d-subtler": {
+                    "name": "Series D Subtler",
+                    "type": "color",
+                    "value": "#94dae4"
+                },
+                "series-e": {
+                    "name": "Series E",
+                    "type": "color",
+                    "value": "#2d73f5"
+                },
+                "series-e-bold": {
+                    "name": "Series E Bold",
+                    "type": "color",
+                    "value": "#2256b8"
+                },
+                "series-e-bolder": {
+                    "name": "Series E Bolder",
+                    "type": "color",
+                    "value": "#173a7b"
+                },
+                "series-e-subtle": {
+                    "name": "Series E Subtle",
+                    "type": "color",
+                    "value": "#6296f8"
+                },
+                "series-e-subtler": {
+                    "name": "Series E Subtler",
+                    "type": "color",
+                    "value": "#96b9fa"
+                },
+                "series-f": {
+                    "name": "Series F",
+                    "type": "color",
+                    "value": "#aa46be"
+                },
+                "series-f-bold": {
+                    "name": "Series F Bold",
+                    "type": "color",
+                    "value": "#80358f"
+                },
+                "series-f-bolder": {
+                    "name": "Series F Bolder",
+                    "type": "color",
+                    "value": "#55235f"
+                },
+                "series-f-subtle": {
+                    "name": "Series F Subtle",
+                    "type": "color",
+                    "value": "#bf74ce"
+                },
+                "series-f-subtler": {
+                    "name": "Series F Subtler",
+                    "type": "color",
+                    "value": "#d5a3df"
+                }
+            }
+        },
         {
             "name": "Theme colors",
             "variables": {