@progress/kendo-theme-bootstrap 5.0.0-next.2 → 5.0.0

package/dist/bootstrap-dataviz-v4.scss

@@ -0,0 +1,8 @@
+$series-a: #0275d8;
+$series-b: #5bc0de;
+$series-c: #5cb85c;
+$series-d: #f0ad4e;
+$series-e: #e67d4a;
+$series-f: #d9534f;
+
+@import "all.scss";

package/dist/bootstrap-main-dark.scss

@@ -24,11 +24,11 @@ $button-text: #ffffff;
 $button-bg: #343a40;
 $link-text: #0d6efd;
 $link-hover-text: #0a58ca;
-$series-a: #0275d8;
-$series-b: #5bc0de;
-$series-c: #5cb85c;
-$series-d: #f0ad4e;
-$series-e: #e67d4a;
-$series-f: #d9534f;
+$series-a: #0d6efd;
+$series-b: #6f42c1;
+$series-c: #20c997;
+$series-d: #198754;
+$series-e: #ffc107;
+$series-f: #dc3545;
 
 @import "all.scss";

package/dist/bootstrap-main.scss

@@ -23,11 +23,11 @@ $button-text: #212529;
 $button-bg: #e4e7eb;
 $link-text: #0d6efd;
 $link-hover-text: #0a58ca;
-$series-a: #0275d8;
-$series-b: #5bc0de;
-$series-c: #5cb85c;
-$series-d: #f0ad4e;
-$series-e: #e67d4a;
-$series-f: #d9534f;
+$series-a: #0d6efd;
+$series-b: #6f42c1;
+$series-c: #20c997;
+$series-d: #198754;
+$series-e: #ffc107;
+$series-f: #dc3545;
 
 @import "all.scss";

package/lib/swatches/bootstrap-dataviz-v4.json

@@ -0,0 +1,51 @@
+{
+    "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
+    "name": "Bootstrap Dataviz v4",
+    "product": "kendo",
+    "base": "@progress/kendo-theme-bootstrap",
+    "previewColors": [
+        "#0275d8",
+        "#5bc0de",
+        "#5cb85c",
+        "#f0ad4e",
+        "#e67d4a"
+    ],
+    "components": [],
+    "groups": [
+        {
+            "name": "Dataviz",
+            "variables": {
+                "series-a": {
+                    "name": "Series A",
+                    "type": "color",
+                    "value": "#0275d8"
+                },
+                "series-b": {
+                    "name": "Series B",
+                    "type": "color",
+                    "value": "#5bc0de"
+                },
+                "series-c": {
+                    "name": "Series C",
+                    "type": "color",
+                    "value": "#5cb85c"
+                },
+                "series-d": {
+                    "name": "Series D",
+                    "type": "color",
+                    "value": "#f0ad4e"
+                },
+                "series-e": {
+                    "name": "Series E",
+                    "type": "color",
+                    "value": "#e67d4a"
+                },
+                "series-f": {
+                    "name": "Series F",
+                    "type": "color",
+                    "value": "#d9534f"
+                }
+            }
+        }
+    ]
+}

package/lib/swatches/bootstrap-main-dark.json

@@ -182,32 +182,32 @@
                 "series-a": {
                     "name": "Series A",
                     "type": "color",
-                    "value": "#0275d8"
+                    "value": "#0d6efd"
                 },
                 "series-b": {
                     "name": "Series B",
                     "type": "color",
-                    "value": "#5bc0de"
+                    "value": "#6f42c1"
                 },
                 "series-c": {
                     "name": "Series C",
                     "type": "color",
-                    "value": "#5cb85c"
+                    "value": "#20c997"
                 },
                 "series-d": {
                     "name": "Series D",
                     "type": "color",
-                    "value": "#f0ad4e"
+                    "value": "#198754"
                 },
                 "series-e": {
                     "name": "Series E",
                     "type": "color",
-                    "value": "#e67d4a"
+                    "value": "#ffc107"
                 },
                 "series-f": {
                     "name": "Series F",
                     "type": "color",
-                    "value": "#d9534f"
+                    "value": "#dc3545"
                 }
             }
         }

package/lib/swatches/bootstrap-main.json

@@ -172,32 +172,32 @@
                 "series-a": {
                     "name": "Series A",
                     "type": "color",
-                    "value": "#0275d8"
+                    "value": "#0d6efd"
                 },
                 "series-b": {
                     "name": "Series B",
                     "type": "color",
-                    "value": "#5bc0de"
+                    "value": "#6f42c1"
                 },
                 "series-c": {
                     "name": "Series C",
                     "type": "color",
-                    "value": "#5cb85c"
+                    "value": "#20c997"
                 },
                 "series-d": {
                     "name": "Series D",
                     "type": "color",
-                    "value": "#f0ad4e"
+                    "value": "#198754"
                 },
                 "series-e": {
                     "name": "Series E",
                     "type": "color",
-                    "value": "#e67d4a"
+                    "value": "#ffc107"
                 },
                 "series-f": {
                     "name": "Series F",
                     "type": "color",
-                    "value": "#d9534f"
+                    "value": "#dc3545"
                 }
             }
         }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-bootstrap",
   "description": "Bootstrap theme for Kendo UI",
-  "version": "5.0.0-next.2",
+  "version": "5.0.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -49,8 +49,8 @@
     "postpublish": "echo 'no postpublish for bootstrap theme'"
   },
   "dependencies": {
-    "@progress/kendo-theme-default": "^5.0.0-next.2",
+    "@progress/kendo-theme-default": "^5.0.0",
     "bootstrap": "^5.1.0"
   },
-  "gitHead": "addf6ff1c4a1f6942c086ce0b5c514dee9ec0685"
+  "gitHead": "444e224c85edd153e7726d83c682d84e9215acd0"
 }

package/scss/_bootstrap-overrides.scss

@@ -1,9 +1,12 @@
 $enable-shadows: true !default;
 
+$dark-theme: false !default;
+
 $spacer: 1rem !default;
 
 $font-size-base: 1rem !default;
 
+// stylelint-disable scss/dollar-variable-colon-space-after
 $white:    #ffffff !default;
 $gray-100: #f8f9fa !default;
 $gray-200: #e9ecef !default;
@@ -16,7 +19,44 @@ $gray-800: #343a40 !default;
 $gray-900: #212529 !default;
 $black:    #000000 !default;
 
-$dark-theme: false !default;
+$blue:    #0d6efd !default;
+$indigo:  #6610f2 !default;
+$purple:  #6f42c1 !default;
+$pink:    #d63384 !default;
+$red:     #dc3545 !default;
+$orange:  #fd7e14 !default;
+$yellow:  #ffc107 !default;
+$green:   #198754 !default;
+$teal:    #20c997 !default;
+$cyan:    #0dcaf0 !default;
+
+$primary:       $blue !default;
+$secondary:     $gray-600 !default;
+$tertiary:      $purple !default;
+$success:       $green !default;
+$info:          $cyan !default;
+$warning:       $yellow !default;
+$danger:        $red !default;
+$light:         $gray-100 !default;
+$dark:          $gray-900 !default;
+
+$error: $danger !default;
+$inverse: if( $dark-theme, $light, $dark ) !default;
+// stylelint-enable scss/dollar-variable-colon-space-after
+
+
+$theme-colors: (
+    "primary": $primary,
+    "secondary": $secondary,
+    "tertiary": $tertiary,
+    "info": $info,
+    "success": $success,
+    "warning": $warning,
+    "error": $error,
+    "dark": $dark,
+    "light": $light,
+    "inverse": $inverse
+) !default;
 
 $body-bg: $white !default;
 $body-color: contrast-wcag( $body-bg, $gray-900, $gray-100 ) !default;
@@ -27,7 +67,7 @@ $component-border: contrast-wcag( $component-bg, $gray-300, $gray-700 ) !default
 
 $input-bg: $component-bg !default;
 $input-color: contrast-wcag( $input-bg, $gray-700, $gray-300 ) !default;
-$input-border-color:  contrast-wcag( $input-bg, $gray-400, $gray-600 ) !default;
+$input-border-color: contrast-wcag( $input-bg, $gray-400, $gray-600 ) !default;
 $input-placeholder-color: contrast-wcag( $input-bg, $gray-600, $gray-400 ) !default;
 
 $card-bg: $component-bg !default;

package/scss/_variables.scss

@@ -13,6 +13,8 @@ $enable-flex-classes: true !default;
 $enable-grid-classes: true !default;
 
 $use-calc-badge-size: true !default;
+$use-input-button-width: false !default;
+$use-input-spinner-width: false !default;
 $use-picker-select-width: false !default;
 
 
@@ -205,9 +207,7 @@ $light: $light !default;
 $inverse: if( $dark-theme, $light, $dark ) !default;
 
 
-$theme-colors: () !default;
-// sass-lint:disable indentation
-$theme-colors: map-merge((
+$theme-colors: (
     "primary": $primary,
     "secondary": $secondary,
     "tertiary": $tertiary,
@@ -218,8 +218,7 @@ $theme-colors: map-merge((
     "dark": $dark,
     "light": $light,
     "inverse": $inverse
-), $theme-colors);
-// sass-lint:enable indentation
+) !default;
 
 // Cursor utility classes
 $cursors: ( auto, default, none, context-menu, help, pointer, progress, wait, cell, crosshair, text,
@@ -229,14 +228,14 @@ $cursors: ( auto, default, none, context-menu, help, pointer, progress, wait, ce
 
 
 // Color constants
-$rgba-transparent: rgba( 0, 0, 0, 0 );
+$rgba-transparent: rgba( 0, 0, 0, 0 ); // stylelint-disable-line
 
-$gradient-transparent-to-black: rgba( black, 0), black;
-$gradient-transparent-to-white: rgba( white, 0), white;
-$gradient-black-to-transparent: black, rgba( black, 0);
-$gradient-white-to-transparent: white, rgba( white, 0);
+$gradient-transparent-to-black: rgba( black, 0), black; // stylelint-disable-line
+$gradient-transparent-to-white: rgba( white, 0), white; // stylelint-disable-line
+$gradient-black-to-transparent: black, rgba( black, 0); // stylelint-disable-line
+$gradient-white-to-transparent: white, rgba( white, 0); // stylelint-disable-line
 
-$gradient-rainbow: #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000;
+$gradient-rainbow: #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000; // stylelint-disable-line
 
 // Root styles
 $body-bg: $body-bg !default;
@@ -355,25 +354,6 @@ $header-border: $component-border !default;
 $header-gradient: null !default;
 
 
-// List item
-$list-item-padding-x: map-get( $spacing, 4 ) !default;
-$list-item-padding-y: map-get( $spacing, 1 ) !default;
-
-$list-item-bg: null !default;
-$list-item-text: $component-text !default;
-
-$list-item-hovered-bg: $hovered-bg !default;
-$list-item-hovered-text: $hovered-text !default;
-
-$list-item-selected-bg: $selected-bg !default;
-$list-item-selected-text: $selected-text !default;
-
-$list-item-focused-shadow: inset 0 0 0 3px rgba( $list-item-text, .15 ) !default;
-
-$list-container-shadow: 0 5px 10px 0 rgba(0, 0, 0, .06) !default;
-$list-container-no-data-text: rgba( $component-text, .5 ) !default;
-
-
 // Loading
 
 
@@ -418,10 +398,7 @@ $grid-gap: 10px !default;
 
 
 // Disabled Styling maps
-$disabled-styling: () !default;
-// sass-lint:disable indentation
-$disabled-styling: map-merge((
+$disabled-styling: (
     opacity: $disabled-opacity,
     filter: $disabled-filter
-), $disabled-styling);
-// sass-lint:enable indentation
+) !default;

package/scss/all.scss

@@ -1,150 +1 @@
-@import "core/functions/_index.scss";
-@import "core/mixins/_index.scss";
-@import "_variables.scss";
-
-
-// Core
-// @import "core/_index.scss";
-
-
-// Dependencies
-@import "common/_index.scss";
-
-
-// Generic content
-@import "styling/_index.scss";
-@import "utils/_index.scss";
-@import "icons/_index.scss";
-@import "typography/_index.scss";
-@import "avatar/_index.scss";
-@import "badge/_index.scss";
-@import "loader/_index.scss";
-@import "chip/_index.scss";
-@import "cursor/_index.scss";
-// @import "list/_index.scss";
-@import "forms/_index.scss";
-@import "listgroup/_index.scss";
-@import "adaptive/_index.scss";
-// @import "loading/_index.scss";
-@import "progressbar/_index.scss";
-@import "ripple/_index.scss";
-// @import "table/_index.scss";
-@import "messagebox/_index.scss";
-@import "overlay/_index.scss";
-
-
-// Basic forms
-@import "button/_index.scss";
-@import "action-buttons/_index.scss";
-@import "input/_index.scss";
-@import "floating-label/_index.scss";
-@import "textbox/_index.scss";
-@import "textarea/_index.scss";
-@import "checkbox/_index.scss";
-@import "radio/_index.scss";
-@import "validator/_index.scss";
-@import "fab/_index.scss";
-@import "captcha/_index.scss";
-
-
-// Inputs
-@import "autocomplete/_index.scss";
-@import "colorpicker/_index.scss";
-@import "combobox/_index.scss";
-@import "datetime/_index.scss";
-@import "dropdowngrid/_index.scss";
-@import "dropdownlist/_index.scss";
-@import "dropdowntree/_index.scss";
-@import "maskedtextbox/_index.scss";
-@import "multiselect/_index.scss";
-@import "numerictextbox/_index.scss";
-@import "searchbox/_index.scss";
-@import "upload/_index.scss";
-@import "dropzone/_index.scss";
-
-
-// Other forms
-@import "listbox/_index.scss";
-@import "slider/_index.scss";
-@import "switch/_index.scss";
-@import "rating/_index.scss";
-
-
-// Date time
-@import "calendar/_index.scss";
-
-
-// Command interfaces
-@import "appbar/_index.scss";
-@import "menu/_index.scss";
-@import "toolbar/_index.scss";
-
-
-// Popups and modals
-@import "dialog/_index.scss";
-@import "drawer/_index.scss";
-@import "notification/_index.scss";
-@import "popup/_index.scss";
-@import "responsivepanel/_index.scss";
-@import "tooltip/_index.scss";
-@import "window/_index.scss";
-@import "action-sheet/_index.scss";
-@import "popover/_index.scss";
-
-
-// Navigation
-@import "breadcrumb/_index.scss";
-@import "pager/_index.scss";
-@import "panelbar/_index.scss";
-@import "stepper/_index.scss";
-@import "wizard/_index.scss";
-@import "tabstrip/_index.scss";
-@import "treeview/_index.scss";
-@import "expansion-panel/_index.scss";
-@import "bottom-navigation/_index.scss";
-
-
-// Layout & containers
-@import "card/_index.scss";
-@import "splitter/_index.scss";
-@import "tilelayout/_index.scss";
-
-
-// Data management
-@import "grid/_index.scss";
-@import "listview/_index.scss";
-@import "spreadsheet/_index.scss";
-@import "pivotgrid/_index.scss";
-@import "treelist/_index.scss";
-@import "filter/_index.scss";
-@import "filemanager/_index.scss";
-@import "taskboard/_index.scss";
-
-
-// Editor
-@import "editor/_index.scss";
-
-
-// Image Editor
-@import "imageeditor/_index.scss";
-
-
-// Scheduling
-@import "gantt/_index.scss";
-@import "scheduler/_index.scss";
-
-
-// Misc
-@import "chat/_index.scss";
-@import "mediaplayer/_index.scss";
-@import "timeline/_index.scss";
-@import "pdf-viewer/_index.scss";
-@import "scroller/_index.scss";
-@import "scrollview/_index.scss";
-@import "skeleton/_index.scss";
-
-
-// Dataviz
-@import "dataviz/_index.scss";
-@import "map/_index.scss";
-@import "orgchart/_index.scss";
+@import "index.scss";

package/scss/appbar/_variables.scss

@@ -2,7 +2,7 @@
 $appbar-margin-y: null !default;
 $appbar-margin-x: null !default;
 $appbar-padding-y: map-get( $spacing, 2 ) !default;
-$appbar-padding-x: map-get( $spacing, 4 ) !default;
+$appbar-padding-x: map-get( $spacing, 2 ) !default;
 $appbar-border-width: 0px !default;
 
 $appbar-zindex: 1000 !default;
@@ -18,5 +18,5 @@ $appbar-light-text: contrast-wcag( $light ) !default;
 $appbar-dark-bg: $dark !default;
 $appbar-dark-text: contrast-wcag( $dark ) !default;
 
-$appbar-box-shadow: 0px 1px 1px rgba(0, 0, 0, .16);
-$appbar-bottom-box-shadow:  0px -1px 1px rgba(0, 0, 0, .16);
+$appbar-box-shadow: 0px 1px 1px rgba(0, 0, 0, .16) !default;
+$appbar-bottom-box-shadow: 0px -1px 1px rgba(0, 0, 0, .16) !default;

package/scss/autocomplete/_index.scss

@@ -6,6 +6,7 @@
 @import "../input/_index.scss";
 @import "../floating-label/_index.scss";
 @import "../popup/_index.scss";
+@import "../list/_index.scss";
 @import "../icons/_index.scss";
 
 

package/scss/autocomplete/_variables.scss

@@ -1,25 +1 @@
 // Autocomplete
-$autocomplete-bg: $input-bg !default;
-$autocomplete-text: $input-text !default;
-$autocomplete-border: $input-border !default;
-$autocomplete-shadow: $input-shadow !default;
-
-$autocomplete-hovered-bg: $input-hovered-bg !default;
-$autocomplete-hovered-text: $input-hovered-text !default;
-$autocomplete-hovered-border: $input-hovered-border !default;
-$autocomplete-hovered-shadow: $input-hovered-shadow !default;
-
-$autocomplete-focused-bg: $input-focused-bg !default;
-$autocomplete-focused-text: $input-focused-text !default;
-$autocomplete-focused-border: $input-focused-border !default;
-$autocomplete-focused-shadow: $input-focused-shadow !default;
-
-$autocomplete-disabled-bg: null !default;
-$autocomplete-disabled-text: null !default;
-$autocomplete-disabled-border: null !default;
-$autocomplete-disabled-shadow: null !default;
-
-$autocomplete-invalid-bg: null !default;
-$autocomplete-invalid-text: null !default;
-$autocomplete-invalid-border: $invalid-border !default;
-$autocomplete-invalid-shadow: $invalid-shadow !default;

package/scss/avatar/_variables.scss

@@ -1,21 +1,27 @@
 // Avatar
-$avatar-border-width: 1px !default;
-$avatar-border-radius: map-get( $spacing, 1 ) !default;
 
-$avatar-font-family: $font-family !default;
-$avatar-font-size: $font-size !default;
-$avatar-line-height: $line-height !default;
+/// Border width of the avatar.
+/// @group avatar
+$kendo-avatar-border-width: 1px !default;
 
+/// Font family of the avatar.
+/// @group avatar
+$kendo-avatar-font-family: $font-family !default;
+/// Font size of the avatar.
+/// @group avatar
+$kendo-avatar-font-size: $font-size !default;
+/// Line height of the avatar.
+/// @group avatar
+$kendo-avatar-line-height: $line-height !default;
 
-$avatar-sizes: () !default;
-// sass-lint:disable indentation
-$avatar-sizes: map-merge((
+/// The sizes of the avatar.
+/// @group avatar
+$kendo-avatar-sizes: (
     sm: map-get( $spacing, 4 ),
     md: map-get( $spacing, 8 ),
     lg: map-get( $spacing, 16 )
-), $avatar-sizes);
-// sass-lint:enable indentation
+) !default;
 
-
-$avatar-theme-colors: () !default;
-$avatar-theme-colors: map-merge( $avatar-theme-colors, $theme-colors );
+/// Theme colors map of the avatar.
+/// @group avatar
+$kendo-avatar-theme-colors: $theme-colors !default;

package/scss/badge/_variables.scss

@@ -22,15 +22,15 @@ $badge-line-height-lg: 1.25 !default;
 
 $badge-fixed-size: 20px !default;
 $badge-calc-size: calc( #{$badge-line-height * 1em} + #{$badge-padding-y * 2} + #{$badge-border-width * 2} ) !default;
-$badge-size: if( $use-calc-badge-size, $badge-calc-size, $badge-fixed-size );
-$badge-dot-size: 10px;
+$badge-size: if( $use-calc-badge-size, $badge-calc-size, $badge-fixed-size ) !default;
+$badge-dot-size: 10px !default;
 
 $badge-fixed-size-sm: 15px !default;
 $badge-calc-size-sm: calc( #{$badge-line-height-sm * 1em} + #{$badge-padding-y-sm * 2} + #{$badge-border-width-sm * 2} ) !default;
-$badge-size-sm: if( $use-calc-badge-size, $badge-calc-size-sm, $badge-fixed-size-sm );
-$badge-dot-size-sm: 6px;
+$badge-size-sm: if( $use-calc-badge-size, $badge-calc-size-sm, $badge-fixed-size-sm ) !default;
+$badge-dot-size-sm: 6px !default;
 
 $badge-fixed-size-lg: 30px !default;
 $badge-calc-size-lg: calc( #{$badge-line-height-lg * 1em} + #{$badge-padding-y-lg * 2} + #{$badge-border-width-lg * 2} ) !default;
-$badge-size-lg: if( $use-calc-badge-size, $badge-calc-size-lg, $badge-fixed-size-lg );
-$badge-dot-size-lg: 12px;
+$badge-size-lg: if( $use-calc-badge-size, $badge-calc-size-lg, $badge-fixed-size-lg ) !default;
+$badge-dot-size-lg: 12px !default;

package/scss/breadcrumb/_variables.scss

@@ -14,7 +14,7 @@ $breadcrumb-text: $component-text !default;
 $breadcrumb-border: $component-border !default;
 
 $breadcrumb-delimiter-icon-font-size: $icon-size * .75 !default;
-$breadcrumb-delimiter-icon-padding-x: $button-padding-y !default;
+$breadcrumb-delimiter-icon-padding-x: $kendo-button-padding-y !default;
 $breadcrumb-delimiter-icon-padding-y: 0px !default;
 
 $breadcrumb-link-padding-x: $padding-x-lg / 2 !default;

package/scss/button/_index.scss

@@ -2,9 +2,11 @@
 
 
 // Dependencies
-@import "../common/_index.scss";
 @import "../badge/_index.scss";
 @import "../icons/_index.scss";
+@import "../popup/_index.scss";
+@import "../list/_index.scss";
+@import "../typography/_variables.scss";
 
 
 // Component

package/scss/button/_layout.scss

@@ -1,9 +1 @@
 @import "~@progress/kendo-theme-default/scss/button/_layout.scss";
-
-@include exports("button/layout/bootstrap") {
-
-    // Default button
-    .k-button {
-        transition: $transition;
-    }
-}