@progress/kendo-theme-default 9.1.1-dev.2 → 10.0.0-dev.1

package/lib/swatches/default-blue.json

@@ -3,7 +3,8 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.1-dev.2",
+    "version": "10.0.0-dev.1",
+    "api": "modern",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

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

@@ -3,8 +3,8 @@
     "name": "Default Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.1",
+    "api": "modern",
     "previewColors": [
         "#ff6358",
         "#ffd246",

package/lib/swatches/default-green.json

@@ -3,8 +3,8 @@
     "name": "Default Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.1",
+    "api": "modern",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

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

@@ -3,8 +3,8 @@
     "name": "Default Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.1",
+    "api": "modern",
     "previewColors": [
         "#000000",
         "#151515",

package/lib/swatches/default-main.json

@@ -3,8 +3,8 @@
     "name": "Default Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.1",
+    "api": "modern",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-nordic.json

@@ -3,8 +3,8 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.1",
+    "api": "modern",
     "previewColors": [
         "#ffffff",
         "#50686e",
@@ -597,7 +597,7 @@
         {
             "name": "Body",
             "variables": {
-                "kendo-body-color": {
+                "kendo-body-text": {
                     "name": "Body text color",
                     "type": "color",
                     "value": "#50686e"

package/lib/swatches/default-ocean-blue-a11y.json

@@ -3,8 +3,8 @@
     "name": "Default Ocean Blue A11Y",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.1",
+    "api": "modern",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-ocean-blue.json

@@ -3,8 +3,8 @@
     "name": "Default Ocean Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.1",
+    "api": "modern",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-orange.json

@@ -3,8 +3,8 @@
     "name": "Default Orange",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.1",
+    "api": "modern",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-purple.json

@@ -3,8 +3,8 @@
     "name": "Default Purple",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.1",
+    "api": "modern",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-turquoise.json

@@ -3,8 +3,8 @@
     "name": "Default Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.1",
+    "api": "modern",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-urban.json

@@ -3,8 +3,8 @@
     "name": "Default Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.1.1-dev.2",
-    "api": "legacy",
+    "version": "10.0.0-dev.1",
+    "api": "modern",
     "previewColors": [
         "#ffffff",
         "#e3eef4",
@@ -622,7 +622,7 @@
         {
             "name": "Components",
             "variables": {
-                "kendo-component-color": {
+                "kendo-component-text": {
                     "name": "Component text",
                     "type": "color",
                     "value": "#1c3a4c"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "9.1.1-dev.2",
+  "version": "10.0.0-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -39,7 +39,6 @@
     "build": "sass-build",
     "watch": "node ../../scripts/watch-theme",
     "sass": "sass-build",
-    "sass:flat": "gulp dist:flat && sass-build -c sass-flat.config.js",
     "sass:standalone": "sass-build -c sass-standalone.config.js",
     "sass:swatches": "gulp dist:swatches && sass-build -c sass-swatches.config.js",
     "docs": "node ../../scripts/sassdoc.js",
@@ -52,12 +51,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^3.1.0",
-    "@progress/kendo-theme-core": "9.1.1-dev.2",
-    "@progress/kendo-theme-utils": "9.1.1-dev.2"
+    "@progress/kendo-theme-core": "10.0.0-dev.1",
+    "@progress/kendo-theme-utils": "10.0.0-dev.1"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "ce826b0f553eb3a49efdef386c2f488ca4fbc8d1"
+  "gitHead": "90857ae9cd2a3d53a2accd327c5cb6d48875a542"
 }

package/scss/_variables.scss

@@ -1,54 +1,12 @@
-@import "./core/functions/index.import.scss";
-
-// Options
-$kendo-enable-rounded: true !default;
-$kendo-enable-shadows: true !default;
-$kendo-enable-gradients: true !default;
-$kendo-enable-transitions: true !default;
-$kendo-enable-focus-contrast: false !default;
 $kendo-enable-typography: false !default;
 
 $kendo-use-input-button-width: true !default;
 $kendo-use-input-spinner-width: true !default;
 $kendo-use-input-spinner-icon-offset: false !default;
 
-$kendo-auto-bootstrap: true !default;
-
-$kendo-nested-disabled: true !default;
-
-/// Icon size.
-/// @group common
-$kendo-icon-size: 16px !default;
-/// xtra small icon size.
-/// @group common
-$kendo-icon-size-xs: calc( #{$kendo-icon-size} * .75 ) !default;
-/// Small icon size.
-/// @group common
-$kendo-icon-size-sm: calc( #{$kendo-icon-size} * .875 ) !default;
-/// Medium icon size.
-/// @group common
-$kendo-icon-size-md: $kendo-icon-size !default;
-/// Large icon size.
-/// @group common
-$kendo-icon-size-lg: calc( #{$kendo-icon-size} * 1.25 ) !default;
-/// Extra large icon size.
-/// @group common
-$kendo-icon-size-xl: calc( #{$kendo-icon-size} * 1.5 ) !default;
-/// Double extra large icon size.
-/// @group common
-$kendo-icon-size-xxl: calc( #{$kendo-icon-size} * 2 ) !default;
-/// Triple extra large icon size.
-/// @group common
-$kendo-icon-size-xxxl: calc( #{$kendo-icon-size} * 3 ) !default;
-
 $kendo-zindex-popup: 1 !default;
 $kendo-zindex-window: 2 !default;
 
-
-// Color settings
-$kendo-is-dark-theme: false !default;
-
-
 // TODO: refactor
 /// Box shadow of focused items.
 $kendo-focus-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;

package/scss/action-buttons/_index.scss

@@ -1,41 +1,19 @@
-@import "../core/_index.scss";
-@import "../utils/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "action-buttons",
-    dependencies: (
-        "button",
-        "icon"
-    )
-);
-
-
 // Dependencies
-@import "../button/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../button/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 // Expose
 @mixin kendo-action-buttons--styles() {
-    @include module-render( "action-buttons" ) {
+    @include import-once( "action-buttons" ) {
+        @include core-styles();
+        @include kendo-button--styles();
         @include kendo-action-buttons--layout();
         @include kendo-action-buttons--theme();
         @include kendo-utils--flex-grid--justify-content();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-action-buttons--styles();
-}

package/scss/action-buttons/_layout.scss

@@ -1,3 +1,5 @@
+@use "./_variables.scss" as *;
+
 @mixin kendo-action-buttons--layout-base() {
 
     // Actions

package/scss/action-buttons/_theme.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "./_variables.scss" as *;
+
 @mixin kendo-action-buttons--theme-base() {
 
     // Actions

package/scss/action-buttons/_variables.scss

@@ -1,3 +1,5 @@
+@use "../core/_index.scss" as *;
+
 // Actions
 $kendo-actions-margin-top: k-spacing(4) !default;
 $kendo-actions-padding-x: k-spacing(2) !default;

package/scss/action-sheet/_index.scss

@@ -1,45 +1,25 @@
-@import "../core/_index.scss";
-@import "../utils/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "action-sheet",
-    dependencies: (
-        "icon",
-        "listgroup",
-        "popup"
-    )
-);
-
-
 // Dependencies
-@import "../icons/_index.scss";
-@import "../listgroup/_index.scss";
-@import "../popup/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../listgroup/_index.scss" as *;
+@use "../popup/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-action-sheet--styles() {
-    @include module-render( "action-sheet" ) {
+    @include import-once( "action-sheet" ) {
+        @include core-styles();
+        @include kendo-icon--styles();
+        @include kendo-listgroup--styles();
+        @include kendo-popup--styles();
         @include kendo-action-sheet--layout();
         @include kendo-action-sheet--theme();
         @include kendo-utils--layout--overflow();
         @include kendo-utils--typography--text-align();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-action-sheet--styles();
-}

package/scss/action-sheet/_layout.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "./variables.scss" as *;
+
 @mixin kendo-action-sheet--layout-base() {
 
     // Action sheet container
@@ -258,7 +261,7 @@
         .k-actionsheet-content,
         .k-actionsheet-footer {
             margin-inline: auto;
-            width: k-string-unquote("min(100%, 360px)");
+            width: min(100%, 360px);
         }
 
         .k-list-container,

package/scss/action-sheet/_theme.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "./variables.scss" as *;
+
 @mixin kendo-action-sheet--theme-base() {
 
     // Actionsheet

package/scss/action-sheet/_variables.scss

@@ -1,3 +1,5 @@
+@use "../core/_index.scss" as *;
+
 // Action sheet
 
 $kendo-actionsheet-padding-x: null !default;
@@ -71,6 +73,9 @@ $kendo-actionsheet-item-disabled-border: null !default;
 $kendo-actionsheet-item-disabled-gradient: null !default;
 $kendo-actionsheet-item-disabled-shadow: null !default;
 
+$kendo-actionsheet-item-hover-background: null !default;
+$kendo-actionsheet-item-focus-background: null !default;
+$kendo-actionsheet-item-disabled-opacity: null !default;
 
 // Adaptive Actionsheet
 $kendo-adaptive-actionsheet-font-size: var( --kendo-font-size-lg, inherit ) !default;

package/scss/adaptive/_index.scss

@@ -1,47 +1,26 @@
-@import "../core/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "adaptive",
-    dependencies: (
-        "checkbox",
-        "listgroup",
-        "radio",
-        "switch",
-        "toolbar"
-    )
-);
-
-
 // Dependencies (TODO: extract variables)
-@import "../listgroup/_index.scss";
-@import "../checkbox/_index.scss";
-@import "../radio/_index.scss";
-@import "../switch/_index.scss";
-@import "../toolbar/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../listgroup/_index.scss" as *;
+@use "../checkbox/_index.scss" as *;
+@use "../radio/_index.scss" as *;
+@use "../switch/_index.scss" as *;
+@use "../toolbar/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-adaptive--styles() {
-    @include module-render( "adaptive" ) {
+    @include import-once( "adaptive" ) {
+        @include core-styles();
+        @include kendo-listgroup--styles();
+        @include kendo-checkbox--styles();
+        @include kendo-radio--styles();
+        @include kendo-switch--styles();
+        @include kendo-toolbar--styles();
         @include kendo-adaptive--layout();
         @include kendo-adaptive--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-adaptive--styles();
-}

package/scss/adaptive/_layout.scss

@@ -1,3 +1,8 @@
+@use "../core/_index.scss" as *;
+@use "./variables.scss" as *;
+@use "../toolbar/_variables.scss" as *;
+@use "../listgroup/_variables.scss" as *;
+
 @mixin kendo-adaptive--layout-base() {
 
     .k-pane-wrapper {

package/scss/adaptive/_theme.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "./variables.scss" as *;
+
 @mixin kendo-adaptive--theme-base() {
 
     .k-pane-wrapper,

package/scss/adaptive/_variables.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+
 // Adaptive
 $kendo-adaptive-bg: $kendo-component-bg !default;
 $kendo-adaptive-text: $kendo-component-text !default;

package/scss/all.scss

@@ -1,7 +1,4 @@
-@import "./index.scss";
+@forward "./index.scss";
+@use "./index.scss" as *;
 
-
-@if not $kendo-auto-bootstrap {
-    @include kendo-theme--config();
-    @include kendo-theme--styles();
-}
+@include kendo-theme--styles();

package/scss/appbar/_index.scss

@@ -1,36 +1,16 @@
-@import "../core/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "appbar",
-    dependencies: ()
-);
-
-
 // Dependencies
-
+@use "../core/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-appbar--styles() {
-    @include module-render( "appbar" ) {
+    @include import-once( "appbar" ) {
+        @include core-styles();
         @include kendo-appbar--layout();
         @include kendo-appbar--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-appbar--styles();
-}

package/scss/appbar/_layout.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "./variables.scss" as *;
+
 @mixin kendo-appbar--layout-base() {
 
     // Appbar

package/scss/appbar/_theme.scss

@@ -1,3 +1,7 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+@use "./variables.scss" as *;
+
 @mixin kendo-appbar--theme-base() {
 
     .k-appbar {

package/scss/appbar/_variables.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+
 // AppBar
 
 /// The horizontal margin of the AppBar.

package/scss/autocomplete/_index.scss

@@ -1,47 +1,26 @@
-@import "../core/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "autocomplete",
-    dependencies: (
-        "floating-label",
-        "icon",
-        "input",
-        "list",
-        "popup"
-    )
-);
-
-
 // Dependencies
-@import "../input/_index.scss";
-@import "../floating-label/_index.scss";
-@import "../popup/_index.scss";
-@import "../list/_index.scss";
-@import "../icons/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../floating-label/_index.scss" as *;
+@use "../popup/_index.scss" as *;
+@use "../list/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-autocomplete--styles() {
-    @include module-render( "autocomplete" ) {
+    @include import-once( "autocomplete" ) {
+        @include core-styles();
+        @include kendo-input--styles();
+        @include kendo-floating-label--styles();
+        @include kendo-popup--styles();
+        @include kendo-list--styles();
+        @include kendo-icon--styles();
         @include kendo-autocomplete--layout();
         @include kendo-autocomplete--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-autocomplete--styles();
-}