@progress/kendo-theme-core 5.8.2-dev.4

package/LICENSE.md

@@ -0,0 +1,17 @@
+# Kendo UI Theme Core
+
+This package is part of the following suites:
+
+* [Kendo UI for Angular](http://www.telerik.com/kendo-angular-ui/)
+* [KendoReact](http://www.telerik.com/kendo-react-ui/)
+* [Kendo UI for jQuery](http://www.telerik.com/kendo-ui)
+* [UI for ASP.NET MVC](http://www.telerik.com/aspnet-mvc)
+* [UI for ASP.NET Core](http://www.telerik.com/aspnet-core-ui)
+
+## License
+
+All available Kendo UI commercial licenses may be obtained at http://www.telerik.com/purchase/kendo-ui.
+
+If you do not own a commercial license, the usage of this software shall be governed by the [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0).
+
+*Copyright © 2020 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@progress/kendo-theme-core",
+  "description": "A collection of functions and mixins used for building themes for Kendo UI",
+  "version": "5.8.2-dev.4",
+  "author": "Progress",
+  "license": "Apache-2.0",
+  "keywords": [
+    "Kendo UI",
+    "Theme",
+    "sass functions",
+    "sass mixins"
+  ],
+  "main": "dist/index.css",
+  "sass": "scss/index.import.scss",
+  "files": [
+    "dist/",
+    "scss/"
+  ],
+  "homepage": "https://github.com/telerik/kendo-themes/tree/master/packages/core",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/telerik/kendo-themes.git",
+    "directory": "packages/core"
+  },
+  "bugs": {
+    "url": "https://github.com/telerik/kendo-themes/issues/new?labels=bug,T:Core&template=bug_report.md"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "sass-build",
+    "sass": "sass-build",
+    "prepublishOnly": "node ../../scripts/themes-prepublish.js",
+    "postpublish": "echo 'no postpublish for core theme'"
+  },
+  "devDependencies": {
+    "sass-build": "^1.0.0"
+  },
+  "gitHead": "03c192e0d4c7227c7d8f41b7fefee897888e6218"
+}

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

@@ -0,0 +1,333 @@
+// Adapted from https://gist.github.com/sgomes/ccc72f71137fe29039c92c0a9fe9b657
+// Adapted from https://github.com/twbs/bootstrap/commit/03908ea37a55eaa44c12ce5694dddc1630c980b3
+
+//  Precomputed linear color channel values, for use in contrast calculations.
+//  See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
+//
+//  Algorithm, for c in 0 to 255:
+//  f(c) {
+//    c = c / 255;
+//    return c < 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+//  }
+//
+//  This lookup table is needed since there is no `pow` in SASS.
+// stylelint-disable-next-line scss/dollar-variable-default
+$linear-channel-values: (
+    0
+    .0003035269835488375
+    .000607053967097675
+    .0009105809506465125
+    .00121410793419535
+    .0015176349177441874
+    .001821161901293025
+    .0021246888848418626
+    .0024282158683907
+    .0027317428519395373
+    .003035269835488375
+    .003346535763899161
+    .003676507324047436
+    .004024717018496307
+    .004391442037410293
+    .004776953480693729
+    .005181516702338386
+    .005605391624202723
+    .006048833022857054
+    .006512090792594475
+    .006995410187265387
+    .007499032043226175
+    .008023192985384994
+    .008568125618069307
+    .009134058702220787
+    .00972121732023785
+    .010329823029626936
+    .010960094006488246
+    .011612245179743885
+    .012286488356915872
+    .012983032342173012
+    .013702083047289686
+    .014443843596092545
+    .01520851442291271
+    .01599629336550963
+    .016807375752887384
+    .017641954488384078
+    .018500220128379697
+    .019382360956935723
+    .0202885630566524
+    .021219010376003555
+    .022173884793387385
+    .02315336617811041
+    .024157632448504756
+    .02518685962736163
+    .026241221894849898
+    .027320891639074894
+    .028426039504420793
+    .0295568344378088
+    .030713443732993635
+    .03189603307301153
+    .033104766570885055
+    .03433980680868217
+    .03560131487502034
+    .03688945040110004
+    .0382043715953465
+    .03954623527673284
+    .04091519690685319
+    .042311410620809675
+    .043735029256973465
+    .04518620438567554
+    .046665086336880095
+    .04817182422688942
+    .04970656598412723
+    .05126945837404324
+    .052860647023180246
+    .05448027644244237
+    .05612849004960009
+    .05780543019106723
+    .0595112381629812
+    .06124605423161761
+    .06301001765316767
+    .06480326669290577
+    .06662593864377289
+    .06847816984440017
+    .07036009569659588
+    .07227185068231748
+    .07421356838014963
+    .07618538148130785
+    .07818742180518633
+    .08021982031446832
+    .0822827071298148
+    .08437621154414882
+    .08650046203654976
+    .08865558628577294
+    .09084171118340768
+    .09305896284668745
+    .0953074666309647
+    .09758734714186246
+    .09989872824711389
+    .10224173308810132
+    .10461648409110419
+    .10702310297826761
+    .10946171077829933
+    .1119324278369056
+    .11443537382697373
+    .11697066775851084
+    .11953842798834562
+    .12213877222960187
+    .12477181756095049
+    .12743768043564743
+    .1301364766903643
+    .13286832155381798
+    .13563332965520566
+    .13843161503245183
+    .14126329114027164
+    .14412847085805777
+    .14702726649759498
+    .14995978981060856
+    .15292615199615017
+    .1559264637078274
+    .1589608350608804
+    .162029375639111
+    .1651321945016676
+    .16826940018969075
+    .1714411007328226
+    .17464740365558504
+    .17788841598362912
+    .18116424424986022
+    .184474994500441
+    .18782077230067787
+    .19120168274079138
+    .1946178304415758
+    .19806931955994886
+    .20155625379439707
+    .20507873639031693
+    .20863687014525575
+    .21223075741405523
+    .21586050011389926
+    .2195261997292692
+    .2232279573168085
+    .22696587351009836
+    .23074004852434915
+    .23455058216100522
+    .238397573812271
+    .24228112246555486
+    .24620132670783548
+    .25015828472995344
+    .25415209433082675
+    .2581828529215958
+    .26225065752969623
+    .26635560480286247
+    .2704977910130658
+    .27467731206038465
+    .2788942634768104
+    .2831487404299921
+    .2874408377269175
+    .29177064981753587
+    .2961382707983211
+    .3005437944157765
+    .3049873140698863
+    .30946892281750854
+    .31398871337571754
+    .31854677812509186
+    .32314320911295075
+    .3277780980565422
+    .33245153634617935
+    .33716361504833037
+    .3419144249086609
+    .3467040563550296
+    .35153259950043936
+    .3564001441459435
+    .3613067797835095
+    .3662525955988395
+    .3712376804741491
+    .3762621229909065
+    .38132601143253014
+    .386429433787049
+    .39157247774972326
+    .39675523072562685
+    .4019777798321958
+    .4072402119017367
+    .41254261348390375
+    .4178850708481375
+    .4232676699860717
+    .4286904966139066
+    .43415363617474895
+    .4396571738409188
+    .44520119451622786
+    .45078578283822346
+    .45641102318040466
+    .4620769996544071
+    .467783796112159
+    .47353149614800955
+    .4793201831008268
+    .4851499400560704
+    .4910208498478356
+    .4969329950608704
+    .5028864580325687
+    .5088813208549338
+    .5149176653765214
+    .5209955732043543
+    .5271151257058131
+    .5332764040105052
+    .5394794890121072
+    .5457244613701866
+    .5520114015120001
+    .5583403896342679
+    .5647115057049292
+    .5711248294648731
+    .5775804404296506
+    .5840784178911641
+    .5906188409193369
+    .5972017883637634
+    .6038273388553378
+    .6104955708078648
+    .6172065624196511
+    .6239603916750761
+    .6307571363461468
+    .6375968739940326
+    .6444796819705821
+    .6514056374198242
+    .6583748172794485
+    .665387298282272
+    .6724431569576875
+    .6795424696330938
+    .6866853124353135
+    .6938717612919899
+    .7011018919329731
+    .7083757798916868
+    .7156935005064807
+    .7230551289219693
+    .7304607400903537
+    .7379104087727308
+    .7454042095403874
+    .7529422167760779
+    .7605245046752924
+    .768151147247507
+    .7758222183174236
+    .7835377915261935
+    .7912979403326302
+    .799102738014409
+    .8069522576692516
+    .8148465722161012
+    .8227857543962835
+    .8307698767746546
+    .83879901174074
+    .846873231509858
+    .8549926081242338
+    .8631572134541023
+    .8713671191987972
+    .8796223968878317
+    .8879231178819663
+    .8962693533742664
+    .9046611743911496
+    .9130986517934192
+    .9215818562772946
+    .9301108583754237
+    .938685728457888
+    .9473065367331999
+    .9559733532492861
+    .9646862478944651
+    .9734452903984125
+    .9822505503331171
+    .9911020971138298
+    1
+);
+
+// The contrast ratio to reach against white, to determine if color changes from "light" to "dark".
+// Acceptable values for WCAG 2.0 are 3, 4.5 and 7.
+// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast
+// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
+$wcag-min-contrast-ratio: 7 !default;
+$wcag-dark: black !default;
+$wcag-light: white !default;
+
+// Calculate the luminance for a color.
+// 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 );
+
+    @return .2126 * $red + .7152 * $green + .0722 * $blue;
+}
+
+// Calculate the luminance for a color.
+// See https://www.w3.org/TR/WCAG/#dfn-contrast-ratio
+// See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
+@function k-color-contrast-ratio( $background, $foreground ) {
+    // sass-lint:disable-block variable-name-format
+    $backLum: k-color-luminance( $background ) + .05;
+    $foreLum: k-color-luminance( $foreground ) + .05;
+
+    @return k-math-div( k-math-max( $backLum, $foreLum ), k-math-min( $backLum, $foreLum ) );
+}
+
+@function k-is-dark( $color ) {
+    @return if( k-color-luminance( $color ) < .5, true, false );
+}
+@function k-is-light( $color ) {
+    @return if( k-color-luminance( $color ) < .5, false, true );
+}
+
+
+// Contrast functions
+@function k-contrast-color( $background, $dark: $wcag-dark, $light: $wcag-light, $min-ratio: $wcag-min-contrast-ratio ) {
+    $foregrounds: $light, $dark, #ffffff, #000000;
+    $max-ratio: 0;
+    $max-ratio-color: null;
+
+    @each $color in $foregrounds {
+        $contrast-ratio: k-color-contrast-ratio( $background, $color );
+
+        @if ( $contrast-ratio > $min-ratio ) {
+            @return $color;
+        } @else if ( $contrast-ratio > $max-ratio ) {
+            $max-ratio: $contrast-ratio;
+            $max-ratio-color: $color;
+        }
+    }
+
+    // sass-lint:disable-block no-warn
+    @warn "Found no color leading to #{$min-ratio}:1 contrast ratio against #{$background}...";
+
+    @return $max-ratio-color;
+}

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

@@ -0,0 +1,71 @@
+/// Set a specific jump point for requesting color jumps
+/// @group color-system
+/// @access private
+$kendo-color-level-step: 8% !default;
+
+@function k-color-level( $color, $level: 0 ) {
+
+    @if ( $level == 0 ) or ( $level == 0% ) {
+        @return $color;
+    }
+
+    $base: if( $level < 0, #ffffff, #000000 );
+    $level: k-math-abs( $level );
+
+
+    @if ( k-math-unit($level) == "%" ) {
+        @return k-color-mix( $base, $color, $level );
+    }
+
+    @return k-color-mix( $base, $color, $level * $kendo-color-level-step );
+}
+
+@function k-color-tint( $color, $level: 1 ) {
+    @return k-color-level( $color, -$level );
+}
+@function k-color-shade( $color, $level: 1 ) {
+    @return k-color-level( $color, $level );
+}
+
+@function k-try-shade( $color, $level: 1 ) {
+    $dark-theme: if( variable-exists( dark-theme ), $dark-theme, false );
+
+    @if $dark-theme {
+        @return k-color-tint( $color, $level );
+    }
+
+    @return k-color-shade( $color, $level );
+}
+@function k-try-tint( $color, $level: 1 ) {
+    $dark-theme: if( variable-exists( dark-theme ), $dark-theme, false );
+
+    @if $dark-theme {
+        @return k-color-shade( $color, $level );
+    }
+
+    @return k-color-tint( $color, $level );
+}
+
+
+@function k-try-darken( $color, $amount ) {
+    $dark-theme: if( variable-exists( dark-theme ), $dark-theme, false );
+
+    @if $dark-theme {
+        @return k-color-lighten( $color, $amount );
+    }
+    @return k-color-darken( $color, $amount );
+}
+
+@function k-try-lighten( $color, $amount ) {
+    $dark-theme: if( variable-exists( dark-theme ), $dark-theme, false );
+
+    @if $dark-theme {
+        @return k-color-darken( $color, $amount );
+    }
+    @return k-color-lighten( $color, $amount );
+}
+
+// TODO: Remove this function or rethink the logic
+@function k-true-mix( $color1, $color2, $weight: 50% ) {
+    @return k-color-mix( rgba( $color1, 1 ), rgba( $color2, 1 ), $weight );
+}

package/scss/functions/_color.import.scss

@@ -0,0 +1,23 @@
+@function k-color-red( $color ) {
+    @return red( $color );
+}
+
+@function k-color-green( $color ) {
+    @return green( $color );
+}
+
+@function k-color-blue( $color ) {
+    @return blue( $color );
+}
+
+@function k-color-mix( $color1, $color2, $weight: 50% ) {
+    @return mix( $color1, $color2, $weight );
+}
+
+@function k-color-darken( $color, $amount) {
+    @return darken( $color, $amount );
+}
+
+@function k-color-lighten( $color, $amount) {
+    @return lighten( $color, $amount );
+}

package/scss/functions/_list.import.scss

@@ -0,0 +1,35 @@
+@function k-list-append( $list, $val, $separator: auto ) {
+    @return append( $list, $val, $separator );
+}
+
+@function k-list-index( $list, $value ) {
+    @return index( $list, $value );
+}
+
+@function k-list-is-bracketed( $list ) {
+    @return is-bracketed( $list );
+}
+
+@function k-list-join( $list1, $list2, $separator: auto, $bracketed: auto ) {
+    @return join( $list1, $list2, $separator, $bracketed );
+}
+
+@function k-list-length( $list ) {
+    @return length( $list );
+}
+
+@function k-list-nth( $list, $n ) {
+    @return nth( $list, $n );
+}
+
+@function k-list-separator( $list ) {
+    @return list-separator( $list );
+}
+
+@function k-list-set-nth( $list, $n, $value ) {
+    @return set-nth( $list, $n, $value );
+}
+
+@function k-list-zip( $lists... ) {
+    @return zip( $lists... );
+}

package/scss/functions/_map.import.scss

@@ -0,0 +1,33 @@
+@function k-map-get( $map, $keys... ) {
+    @each $key in $keys {
+        $map: map-get( $map, $key );
+    }
+    @return $map;
+}
+
+@function k-map-has-key( $map, $key ) {
+    @return map-has-key( $map, $key );
+}
+
+@function k-map-keys( $map ) {
+    @return map-keys( $map );
+}
+
+@function k-map-merge( $map, $args... ) {
+    @each $arg in $args {
+        $map: map-merge( $map, $arg );
+    }
+    @return $map;
+}
+
+@function k-map-remove( $map, $keys... ) {
+    @return map-remove( $map, $keys... );
+}
+
+@function k-map-set( $map, $key, $value ) {
+    @return k-map-merge( $map, ( $key: $value ) );
+}
+
+@function k-map-values( $map ) {
+    @return map-values( $map );
+}

package/scss/functions/_math.import.scss

@@ -0,0 +1,95 @@
+@function k-math-abs( $number ) {
+    @return abs( $number );
+}
+
+@function k-math-ceil( $number ) {
+    @return ceil( $number );
+}
+
+@function k-math-clamp( $value, $min, $max ) {
+    @return k-math-max( $min, k-math-min( $max, $value ) );
+}
+
+@function k-math-compatible( $a, $b ) {
+    @return comparable( $a, $b );
+}
+
+@function k-math-div( $a, $b )  {
+    @return ( $a / $b );
+}
+
+@function k-math-is-unitless( $number ) {
+    @return unitless( $number );
+}
+
+@function k-math-max( $a, $b ) {
+    @return max( $a, $b );
+}
+
+@function k-math-min( $a, $b ) {
+    @return min( $a, $b );
+}
+
+@function k-math-mod( $a, $b ) {
+    @return ( $a % $b );
+}
+
+@function k-math-mul( $a, $b ) {
+    @return ( $a * $b );
+}
+
+@function k-math-percentage( $number ) {
+    @return ( $number * 100% );
+}
+
+@function k-math-pow( $x, $n ) {
+    $ret: 1;
+
+    @if ( $n == 0 ) {
+        @return $ret;
+    }
+
+    @if ( $n > 0 ) {
+        @for $i from 1 through $n {
+            $ret: $ret * $x;
+        }
+        @return $ret;
+    }
+
+    @for $i from $n to 0 {
+        $ret: k-math-div( $ret, $x );
+    }
+    @return $ret;
+
+}
+
+@function k-math-random( $limit: null ) {
+    @if ( $limit == null ) {
+        @return random();
+    }
+
+    @return random( $limit );
+}
+
+@function k-math-round( $number, $precision: 0 ) {
+
+    @if ( $precision == 0 ) {
+        @return round( $number );
+    }
+
+    $pow: k-math-pow( 10, $precision );
+
+    @return k-math-div( round( $number * $pow ), $pow );
+}
+
+@function k-math-unit( $number ) {
+    @return unit( $number );
+}
+
+@function k-math-strip-unit($number) {
+    @if ( k-meta-type-of( $number ) == "number" ) and not k-math-is-unitless( $number ) {
+        @return k-math-div( $number, 1 * k-math-unit( $number) );
+    }
+
+    @return $number;
+}

package/scss/functions/_meta.import.scss

@@ -0,0 +1,53 @@
+// Adapted from https://css-tricks.com/snippets/sass/advanced-type-checking/
+
+@function k-meta-type-of( $value ) {
+    @return type-of( $value );
+}
+
+@function k-meta-is-number( $value ) {
+    @return k-meta-type-of( $value ) == "number";
+}
+
+@function k-meta-is-integer( $value ) {
+    @return k-meta-is-number( $value ) and k-math-round( $value ) == $value;
+}
+
+@function k-meta-is-time( $value ) {
+    @return k-meta-is-number( $value ) and k-string-index( "ms" "s", k-math-unit( $value ) ) != null;
+}
+
+@function k-meta-is-duration( $value ) {
+    @return k-meta-is-time( $value );
+}
+
+@function k-meta-is-angle( $value ) {
+    @return k-meta-is-number( $value ) and k-string-index( "deg" "rad" "grad" "turn", k-math-unit( $value ) ) != null;
+}
+
+@function k-meta-is-frequency( $value ) {
+    @return k-meta-is-number( $value ) and k-string-index( "Hz" "kHz", k-math-unit( $value ) ) != null;
+}
+
+@function k-meta-is-relative-length( $value ) {
+    @return k-meta-is-number( $value ) and k-string-index( "em" "ex" "ch" "rem" "vw" "vh" "vmin" "vmax", k-math-unit( $value ) ) != null;
+}
+
+@function k-meta-is-absolute-length( $value ) {
+    @return k-meta-is-number( $value ) and k-string-index( "cm" "mm" "in" "px" "pt" "pc", k-math-unit( $value ) ) != null;
+}
+
+@function k-meta-is-percentage( $value ) {
+    @return k-meta-is-number( $value ) and k-math-unit( $value ) == "%";
+}
+
+@function k-meta-is-length( $value ) {
+    @return k-meta-is-relative-length( $value ) or k-meta-is-absolute-length( $value );
+}
+
+@function k-meta-is-resolution( $value ) {
+    @return k-meta-is-number( $value ) and k-string-index( "dpi" "dpcm" "dppx", k-math-unit( $value ) ) != null;
+}
+
+@function k-meta-is-position( $value ) {
+    @return k-meta-is-length( $value ) or k-meta-is-percentage( $value ) or k-string-index( "top" "right" "bottom" "left" "center", $value ) != null;
+}

package/scss/functions/_string.import.scss

@@ -0,0 +1,46 @@
+@function k-string-index( $string, $substring ) {
+    @return str-index( $string, $substring );
+}
+
+@function k-string-insert( $string, $insert, $index ) {
+    @return str-insert( $string, $insert, $index );
+}
+
+@function k-string-length( $string ) {
+    @return str-length( $string );
+}
+
+@function k-string-quote( $string ) {
+    @return quote( $string );
+}
+
+// See https://www.sassmeister.com/gist/1b4f2da5527830088e4d
+@function k-string-replace( $string, $search, $replace: "" ) {
+    $index: k-string-index( $string, $search );
+
+    @if $index {
+        @return k-string-slice( $string, 1, $index - 1 ) + $replace + k-string-replace( k-string-slice( $string, $index + k-string-length( $search ) ), $search, $replace );
+    }
+
+    @return $string;
+}
+
+@function k-string-slice( $string, $start-at, $end-at: -1 ) {
+    @return str-slice( $string, $start-at, $end-at );
+}
+
+@function k-string-to-lower-case( $string ) {
+    @return to-lower-case( $string );
+}
+
+@function k-string-to-upper-case( $string ) {
+    @return to-upper-case( $string );
+}
+
+@function k-string-unique-id() {
+    @return unique-id();
+}
+
+@function k-string-unquote( $string ) {
+    @return unquote( $string );
+}

package/scss/functions/index.import.scss

@@ -0,0 +1,8 @@
+@import "_color.import.scss";
+@import "_color-contrast.import.scss";
+@import "_color-manipulation.import.scss";
+@import "_list.import.scss";
+@import "_math.import.scss";
+@import "_map.import.scss";
+@import "_meta.import.scss";
+@import "_string.import.scss";