@progress/kendo-theme-core 5.12.1-dev.1 → 5.12.1-dev.3

package/dist/all.css

@@ -21,17 +21,18 @@
     flex-flow: column nowrap;
 }
 
-.k-flex {
+.k-spacer, .k-flex {
     flex: 1 1 auto;
 }
 
-.k-spacer {
+.k-spacer-sized {
     flex: none;
-    flex-grow: 1;
 }
 
-.k-spacer-sized {
-    flex-grow: 0;
+.k-float-wrap::after, .k-floatwrap::after {
+    content: "";
+    display: block;
+    clear: both;
 }
 
 .k-flex-layout {

package/dist/all.scss

@@ -91,7 +91,7 @@ $equilateral-height: .8660254038 !default;
 //
 //  This lookup table is needed since there is no `pow` in SASS.
 // stylelint-disable-next-line scss/dollar-variable-default
-$linear-channel-values: (
+$_linear-channel-values: (
     0
     .0003035269835488375
     .000607053967097675
@@ -362,9 +362,9 @@ $wcag-light: white !default;
 // See https://www.w3.org/TR/WCAG/#dfn-relative-luminance
 // See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
 @function k-color-luminance( $color ) {
-    $red: k-list-nth( $linear-channel-values, k-color-red( $color ) + 1 );
-    $green: k-list-nth( $linear-channel-values, k-color-green( $color ) + 1 );
-    $blue: k-list-nth( $linear-channel-values, k-color-blue( $color ) + 1 );
+    $red: k-list-nth( $_linear-channel-values, k-color-red( $color ) + 1 );
+    $green: k-list-nth( $_linear-channel-values, k-color-green( $color ) + 1 );
+    $blue: k-list-nth( $_linear-channel-values, k-color-blue( $color ) + 1 );
 
     @return .2126 * $red + .7152 * $green + .0722 * $blue;
 }
@@ -467,7 +467,7 @@ $kendo-color-level-step: 8% !default;
 }
 
 @function k-try-shade( $color, $level: 1 ) {
-    $_dark-theme: if( k-meta-variable-exists( dark-theme ), $dark-theme, false );
+    $_dark-theme: if( k-meta-variable-exists( dark-theme ), $kendo-is-dark-theme, false );
 
     @if $_dark-theme {
         @return k-color-tint( $color, $level );
@@ -476,7 +476,7 @@ $kendo-color-level-step: 8% !default;
     @return k-color-shade( $color, $level );
 }
 @function k-try-tint( $color, $level: 1 ) {
-    $_dark-theme: if( k-meta-variable-exists( dark-theme ), $dark-theme, false );
+    $_dark-theme: if( k-meta-variable-exists( dark-theme ), $kendo-is-dark-theme, false );
 
     @if $_dark-theme {
         @return k-color-shade( $color, $level );
@@ -487,7 +487,7 @@ $kendo-color-level-step: 8% !default;
 
 
 @function k-try-darken( $color, $amount ) {
-    $_dark-theme: if( k-meta-variable-exists( dark-theme ), $dark-theme, false );
+    $_dark-theme: if( k-meta-variable-exists( dark-theme ), $kendo-is-dark-theme, false );
 
     @if $_dark-theme {
         @return k-color-lighten( $color, $amount );
@@ -496,7 +496,7 @@ $kendo-color-level-step: 8% !default;
 }
 
 @function k-try-lighten( $color, $amount ) {
-    $_dark-theme: if( k-meta-variable-exists( dark-theme ), $dark-theme, false );
+    $_dark-theme: if( k-meta-variable-exists( dark-theme ), $kendo-is-dark-theme, false );
 
     @if $_dark-theme {
         @return k-color-darken( $color, $amount );
@@ -2045,20 +2045,20 @@ $kendo-palettes: (
 // #region @import "./_data-uri.scss"; -> packages/core/scss/mixins/_data-uri.scss
 /// A list of files converted to data URIs
 /// @access private
-$data-uris: () !default;
+$_kendo-data-uris: () !default;
 
-/// Saves a data URI that can be used from the $data-uris map instead of a file reference.
+/// Saves a data URI that can be used from the $_kendo-data-uris map instead of a file reference.
 /// @access private
 /// @param {String} $name - The name of the resource.
 /// @param {String} $content - The data URI of the resource.
-/// @require $data-uris
+/// @require $_kendo-data-uris
 @mixin register-data-uri( $name, $content ) {
-    @if ( k-map-has-key( $data-uris, $name ) ) {
+    @if ( k-map-has-key( $_kendo-data-uris, $name ) ) {
         // sass-lint:disable-block no-warn
         @warn "Attempt to redefine data URI of file `#{$name}`.";
     }
 
-    $data-uris: k-map-merge( $data-uris, ( $name: $content ) ) !global;
+    $_kendo-data-uris: k-map-merge( $_kendo-data-uris, ( $name: $content ) ) !global;
 }
 
 // #endregion
@@ -2073,6 +2073,16 @@ $data-uris: () !default;
     box-shadow: none;
 }
 
+// #endregion
+// #region @import "./_focus-indicator.scss"; -> packages/core/scss/mixins/_focus-indicator.scss
+@mixin focus-indicator( $indicator, $inset: false, $themeable: false, $type: "box-shadow" ) {
+    @if $kendo-enable-focus-contrast and k-list-nth($indicator, 1) {
+        @include box-shadow( if( $inset, inset, null ) 0 0 0 2px if( $themeable, currentColor, rgb( 0, 0, 0 ) ) );
+    } @else {
+        @include box-shadow( $indicator... );
+    }
+}
+
 // #endregion
 // #region @import "./_gradient.scss"; -> packages/core/scss/mixins/_gradient.scss
 @mixin linear-gradient( $gradient: null ) {
@@ -2114,11 +2124,11 @@ $data-uris: () !default;
 
 // #endregion
 // #region @import "./_hide-scrollbar.scss"; -> packages/core/scss/mixins/_hide-scrollbar.scss
-$default-scrollbar-width: 17px !default;
+$kendo-scrollbar-width: 17px !default;
 
 @mixin hide-scrollbar( $dir: "right", $max-scrollbar: 100px ) {
     // anything larger than the scrollbar width will do
-    $scrollbar-size: var( --kendo-scrollbar-width, #{$default-scrollbar-width} );
+    $scrollbar-size: var( --kendo-scrollbar-width, #{$kendo-scrollbar-width} );
     $margin: calc( -#{$max-scrollbar} - #{$scrollbar-size} );
 
     padding-right: $max-scrollbar;
@@ -2137,15 +2147,15 @@ $default-scrollbar-width: 17px !default;
 // #region @import "./_import-once.scss"; -> packages/core/scss/mixins/_import-once.scss
 /// A list of exported modules.
 /// @access private
-$imported-modules: () !default;
+$_kendo-imported-modules: () !default;
 
 /// Outputs a module once, no matter how many times it is included.
 /// @access public
 /// @param {String} $name - The name of the exported module.
-/// @require $imported-modules
+/// @require $_kendo-imported-modules
 @mixin exports( $name ) {
-    @if (k-list-index( $imported-modules, $name ) == null) {
-        $imported-modules: k-list-append( $imported-modules, $name ) !global;
+    @if (k-list-index( $_kendo-imported-modules, $name ) == null) {
+        $_kendo-imported-modules: k-list-append( $_kendo-imported-modules, $name ) !global;
         @content;
     }
 }
@@ -2880,15 +2890,21 @@ $_imported: ();
     display: flex;
     flex-flow: column nowrap;
 }
-.k-flex {
+
+// Spacer
+.k-spacer {
     flex: 1 1 auto;
 }
-.k-spacer {
+.k-spacer-sized {
     flex: none;
-    flex-grow: 1;
 }
-.k-spacer-sized {
-    flex-grow: 0;
+
+
+// Float wrap
+.k-float-wrap::after {
+    content: "";
+    display: block;
+    clear: both;
 }
 
 
@@ -2952,8 +2968,10 @@ hr.k-separator {
 
 
 // Legacy aliases
-.k-hbox { @extend .k-hstack; }
-.k-vbox { @extend .k-vstack; }
+.k-hbox { @extend .k-hstack !optional; }
+.k-vbox { @extend .k-vstack !optional; }
+.k-floatwrap { @extend .k-float-wrap !optional; }
+.k-flex { @extend .k-spacer !optional; }
 
 // #endregion
 // #region @import "./_normalize.scss"; -> packages/core/scss/styles/_normalize.scss

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-core",
   "description": "A collection of functions and mixins used for building themes for Kendo UI",
-  "version": "5.12.1-dev.1",
+  "version": "5.12.1-dev.3",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -28,6 +28,16 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {},
-  "gitHead": "6b89eb7de787b8a794d7ead79e0c4218abf59b18"
+  "scripts": {
+    "build": "sass-build",
+    "sass": "sass-build",
+    "docs": "node ../../scripts/sassdoc.js",
+    "predocs": "npm run resolve-variables",
+    "resolve-variables": "node ../../scripts/resolve-variables.js",
+    "nuget-pack": "jq '.version' package.json | xargs nuget pack package.nuspec -Version",
+    "nuget-push": "nuget push *.nupkg -ApiKey $NUGET_API_KEY -Source $NUGET_FEED -SkipDuplicate",
+    "prepublishOnly": "node ../../scripts/themes-prepublish.js",
+    "postpublish": "echo 'no postpublish for core theme'"
+  },
+  "gitHead": "8c82f49a750901799f12f09ca977f65b74ff9577"
 }

package/scss/functions/_color-contrast.import.scss

@@ -12,7 +12,7 @@
 //
 //  This lookup table is needed since there is no `pow` in SASS.
 // stylelint-disable-next-line scss/dollar-variable-default
-$linear-channel-values: (
+$_linear-channel-values: (
     0
     .0003035269835488375
     .000607053967097675
@@ -283,9 +283,9 @@ $wcag-light: white !default;
 // See https://www.w3.org/TR/WCAG/#dfn-relative-luminance
 // See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
 @function k-color-luminance( $color ) {
-    $red: k-list-nth( $linear-channel-values, k-color-red( $color ) + 1 );
-    $green: k-list-nth( $linear-channel-values, k-color-green( $color ) + 1 );
-    $blue: k-list-nth( $linear-channel-values, k-color-blue( $color ) + 1 );
+    $red: k-list-nth( $_linear-channel-values, k-color-red( $color ) + 1 );
+    $green: k-list-nth( $_linear-channel-values, k-color-green( $color ) + 1 );
+    $blue: k-list-nth( $_linear-channel-values, k-color-blue( $color ) + 1 );
 
     @return .2126 * $red + .7152 * $green + .0722 * $blue;
 }

package/scss/functions/_color-manipulation.import.scss

@@ -28,7 +28,7 @@ $kendo-color-level-step: 8% !default;
 }
 
 @function k-try-shade( $color, $level: 1 ) {
-    $_dark-theme: if( k-meta-variable-exists( dark-theme ), $dark-theme, false );
+    $_dark-theme: if( k-meta-variable-exists( dark-theme ), $kendo-is-dark-theme, false );
 
     @if $_dark-theme {
         @return k-color-tint( $color, $level );
@@ -37,7 +37,7 @@ $kendo-color-level-step: 8% !default;
     @return k-color-shade( $color, $level );
 }
 @function k-try-tint( $color, $level: 1 ) {
-    $_dark-theme: if( k-meta-variable-exists( dark-theme ), $dark-theme, false );
+    $_dark-theme: if( k-meta-variable-exists( dark-theme ), $kendo-is-dark-theme, false );
 
     @if $_dark-theme {
         @return k-color-shade( $color, $level );
@@ -48,7 +48,7 @@ $kendo-color-level-step: 8% !default;
 
 
 @function k-try-darken( $color, $amount ) {
-    $_dark-theme: if( k-meta-variable-exists( dark-theme ), $dark-theme, false );
+    $_dark-theme: if( k-meta-variable-exists( dark-theme ), $kendo-is-dark-theme, false );
 
     @if $_dark-theme {
         @return k-color-lighten( $color, $amount );
@@ -57,7 +57,7 @@ $kendo-color-level-step: 8% !default;
 }
 
 @function k-try-lighten( $color, $amount ) {
-    $_dark-theme: if( k-meta-variable-exists( dark-theme ), $dark-theme, false );
+    $_dark-theme: if( k-meta-variable-exists( dark-theme ), $kendo-is-dark-theme, false );
 
     @if $_dark-theme {
         @return k-color-darken( $color, $amount );

package/scss/mixins/_data-uri.scss

@@ -1,17 +1,17 @@
 /// A list of files converted to data URIs
 /// @access private
-$data-uris: () !default;
+$_kendo-data-uris: () !default;
 
-/// Saves a data URI that can be used from the $data-uris map instead of a file reference.
+/// Saves a data URI that can be used from the $_kendo-data-uris map instead of a file reference.
 /// @access private
 /// @param {String} $name - The name of the resource.
 /// @param {String} $content - The data URI of the resource.
-/// @require $data-uris
+/// @require $_kendo-data-uris
 @mixin register-data-uri( $name, $content ) {
-    @if ( k-map-has-key( $data-uris, $name ) ) {
+    @if ( k-map-has-key( $_kendo-data-uris, $name ) ) {
         // sass-lint:disable-block no-warn
         @warn "Attempt to redefine data URI of file `#{$name}`.";
     }
 
-    $data-uris: k-map-merge( $data-uris, ( $name: $content ) ) !global;
+    $_kendo-data-uris: k-map-merge( $_kendo-data-uris, ( $name: $content ) ) !global;
 }

package/scss/mixins/_focus-indicator.scss

@@ -0,0 +1,7 @@
+@mixin focus-indicator( $indicator, $inset: false, $themeable: false, $type: "box-shadow" ) {
+    @if $kendo-enable-focus-contrast and k-list-nth($indicator, 1) {
+        @include box-shadow( if( $inset, inset, null ) 0 0 0 2px if( $themeable, currentColor, rgb( 0, 0, 0 ) ) );
+    } @else {
+        @include box-shadow( $indicator... );
+    }
+}

package/scss/mixins/_hide-scrollbar.scss

@@ -1,8 +1,8 @@
-$default-scrollbar-width: 17px !default;
+$kendo-scrollbar-width: 17px !default;
 
 @mixin hide-scrollbar( $dir: "right", $max-scrollbar: 100px ) {
     // anything larger than the scrollbar width will do
-    $scrollbar-size: var( --kendo-scrollbar-width, #{$default-scrollbar-width} );
+    $scrollbar-size: var( --kendo-scrollbar-width, #{$kendo-scrollbar-width} );
     $margin: calc( -#{$max-scrollbar} - #{$scrollbar-size} );
 
     padding-right: $max-scrollbar;

package/scss/mixins/_import-once.scss

@@ -1,14 +1,14 @@
 /// A list of exported modules.
 /// @access private
-$imported-modules: () !default;
+$_kendo-imported-modules: () !default;
 
 /// Outputs a module once, no matter how many times it is included.
 /// @access public
 /// @param {String} $name - The name of the exported module.
-/// @require $imported-modules
+/// @require $_kendo-imported-modules
 @mixin exports( $name ) {
-    @if (k-list-index( $imported-modules, $name ) == null) {
-        $imported-modules: k-list-append( $imported-modules, $name ) !global;
+    @if (k-list-index( $_kendo-imported-modules, $name ) == null) {
+        $_kendo-imported-modules: k-list-append( $_kendo-imported-modules, $name ) !global;
         @content;
     }
 }

package/scss/mixins/index.import.scss

@@ -2,6 +2,7 @@
 @import "./_box-shadow.scss";
 @import "./_data-uri.scss";
 @import "./_disabled.scss";
+@import "./_focus-indicator.scss";
 @import "./_gradient.scss";
 @import "./_hide-scrollbar.scss";
 @import "./_import-once.scss";

package/scss/styles/_layout.scss

@@ -7,15 +7,21 @@
     display: flex;
     flex-flow: column nowrap;
 }
-.k-flex {
+
+// Spacer
+.k-spacer {
     flex: 1 1 auto;
 }
-.k-spacer {
+.k-spacer-sized {
     flex: none;
-    flex-grow: 1;
 }
-.k-spacer-sized {
-    flex-grow: 0;
+
+
+// Float wrap
+.k-float-wrap::after {
+    content: "";
+    display: block;
+    clear: both;
 }
 
 
@@ -79,5 +85,7 @@ hr.k-separator {
 
 
 // Legacy aliases
-.k-hbox { @extend .k-hstack; }
-.k-vbox { @extend .k-vstack; }
+.k-hbox { @extend .k-hstack !optional; }
+.k-vbox { @extend .k-vstack !optional; }
+.k-floatwrap { @extend .k-float-wrap !optional; }
+.k-flex { @extend .k-spacer !optional; }