@progress/kendo-theme-core 5.10.1-dev.1 → 5.10.1-dev.2

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.10.1-dev.1",
+  "version": "5.10.1-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -39,5 +39,5 @@
   "devDependencies": {
     "sass-build": "^1.0.0"
   },
-  "gitHead": "694cfbd14fca3ecaf03ff8fbafb64d10601cebde"
+  "gitHead": "02863aedd51b707c27514b6c7c336052a3dc55c7"
 }

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

@@ -65,6 +65,12 @@ $kendo-color-level-step: 8% !default;
     @return k-color-lighten( $color, $amount );
 }
 
+@function k-rgba-to-mix( $color, $bg ) {
+    $percent: k-color-alpha( $color ) * 100%;
+
+    @return k-color-mix( rgba( $color, 1 ), $bg, $percent );
+}
+
 // 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

@@ -1,3 +1,7 @@
+@function k-color-alpha( $color ) {
+    @return alpha( $color );
+}
+
 @function k-color-red( $color ) {
     @return red( $color );
 }

package/scss/functions/_lang.import.scss

@@ -0,0 +1,3 @@
+@function k-if-var( $var, $fallback ) {
+    @return if( $var != null, $var, $fallback );
+}

package/scss/functions/_list.import.scss

@@ -2,6 +2,10 @@
     @return append( $list, $val, $separator );
 }
 
+@function k-list-includes( $list, $value ) {
+    @return k-list-index( $list, $value ) != null;
+}
+
 @function k-list-index( $list, $value ) {
     @return index( $list, $value );
 }

package/scss/functions/index.import.scss

@@ -2,6 +2,7 @@
 @import "_color-contrast.import.scss";
 @import "_color-manipulation.import.scss";
 @import "_custom-properties.import.scss";
+@import "_lang.import.scss";
 @import "_list.import.scss";
 @import "_math.import.scss";
 @import "_map.import.scss";

package/scss/index.import.scss

@@ -0,0 +1,5 @@
+@import "./color-system/index.import.scss";
+@import "./functions/index.import.scss";
+@import "./mixins/index.import.scss";
+@import "./module-system/index.import.scss";
+@import "./styles/index.import.scss";

package/scss/mixins/_border-radius.scss

@@ -0,0 +1,58 @@
+// Border radius
+@mixin border-radius( $radius: null ) {
+    @if $enable-rounded {
+        border-radius: $radius;
+    }
+}
+
+@mixin border-top-radius( $radius: null ) {
+    @if $enable-rounded {
+        border-top-left-radius: $radius;
+        border-top-right-radius: $radius;
+    }
+}
+
+@mixin border-right-radius( $radius: null ) {
+    @if $enable-rounded {
+        border-top-right-radius: $radius;
+        border-bottom-right-radius: $radius;
+    }
+}
+
+@mixin border-bottom-radius( $radius: null ) {
+    @if $enable-rounded {
+        border-bottom-right-radius: $radius;
+        border-bottom-left-radius: $radius;
+    }
+}
+
+@mixin border-left-radius( $radius: null ) {
+    @if $enable-rounded {
+        border-top-left-radius: $radius;
+        border-bottom-left-radius: $radius;
+    }
+}
+
+@mixin border-top-radius-only( $radius: null ) {
+    @if $enable-rounded {
+        border-radius: $radius $radius 0 0;
+    }
+}
+
+@mixin border-right-radius-only( $radius: null ) {
+    @if $enable-rounded {
+        border-radius: 0 $radius $radius 0;
+    }
+}
+
+@mixin border-bottom-radius-only( $radius: null ) {
+    @if $enable-rounded {
+        border-radius: 0 0 $radius $radius;
+    }
+}
+
+@mixin border-left-radius-only( $radius: null ) {
+    @if $enable-rounded {
+        border-radius: $radius 0 0 $radius;
+    }
+}

package/scss/mixins/_box-shadow.scss

@@ -0,0 +1,5 @@
+@mixin box-shadow( $shadow... ) {
+    @if $enable-shadows and nth($shadow, 1) {
+        box-shadow: $shadow;
+    }
+}

package/scss/mixins/_data-uri.scss

@@ -0,0 +1,17 @@
+/// A list of files converted to data URIs
+/// @access private
+$data-uris: () !default;
+
+/// Saves a data URI that can be used from the $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
+@mixin register-data-uri( $name, $content ) {
+    @if ( k-map-has-key( $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;
+}

package/scss/mixins/_disabled.scss

@@ -0,0 +1,18 @@
+$disabled-styling: () !default;
+
+// Disabled
+@mixin disabled( $disabled-styling ) {
+    outline: none;
+    cursor: default;
+    opacity: k-map-get($disabled-styling, opacity);
+    filter: k-map-get($disabled-styling, filter);
+    pointer-events: none;
+    box-shadow: none;
+}
+
+@mixin disabled-legacy-ie( $disabled-styling ) {
+    outline: none;
+    cursor: default;
+    opacity: k-map-get($disabled-styling, opacity);
+    box-shadow: none;
+}

package/scss/mixins/_gradient.scss

@@ -0,0 +1,36 @@
+@mixin linear-gradient( $gradient: null ) {
+    @if $gradient and $enable-gradients {
+        @if $gradient == none {
+            background-image: none;
+        } @else {
+            background-image: linear-gradient( $gradient );
+        }
+    }
+}
+
+@mixin striped-gradient( $color: rgba( white, .15 ), $angle: 45deg ) {
+    background-image: linear-gradient( $angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent );
+}
+
+@mixin repeating-striped-gradient( $color: rgba( white, .15), $background: white, $angle: 45deg, $large-step: 2px, $small-step: 1px ) {
+    background-image: repeating-linear-gradient( $angle, $background, $background $small-step, $color $small-step, $color $large-step );
+}
+
+@mixin checkerboard-gradient( $primary-color: white, $secondary-color: rgba( black, .09 ), $size: 10px ) {
+    // sass-lint:disable-block indentation
+    $_position: calc( #{$size} / 2 );
+
+    background:
+        linear-gradient( 45deg, $secondary-color 25%, transparent 25%, transparent 75%, $secondary-color 75%, $secondary-color ),
+        linear-gradient( 45deg, $secondary-color 25%, transparent 25%, transparent 75%, $secondary-color 75%, $secondary-color ),
+        $primary-color;
+    background-repeat: repeat, repeat;
+    background-position: 0px 0px, $_position $_position;
+    transform-origin: 0 0 0;
+    background-origin: padding-box, padding-box;
+    background-size: $size $size, $size $size;
+    box-shadow: none;
+    text-shadow: none;
+    transition: none;
+    transform: scaleX(1) scaleY(1) scaleZ(1);
+}

package/scss/mixins/_hide-scrollbar.scss

@@ -0,0 +1,18 @@
+$default-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} );
+    $margin: calc( -#{$max-scrollbar} - #{$scrollbar-size} );
+
+    padding-right: $max-scrollbar;
+    padding-left: $max-scrollbar;
+
+    @if ( $dir == "right" ) {
+        margin-left: -$max-scrollbar;
+        margin-right: $margin;
+    } @else {
+        margin-left: $margin;
+        margin-right: -$max-scrollbar;
+    }
+}

package/scss/mixins/_import-once.scss

@@ -0,0 +1,14 @@
+/// A list of exported modules.
+/// @access private
+$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
+@mixin exports( $name ) {
+    @if (k-list-index( $imported-modules, $name ) == null) {
+        $imported-modules: k-list-append( $imported-modules, $name ) !global;
+        @content;
+    }
+}

package/scss/mixins/_typography.scss

@@ -0,0 +1,7 @@
+@mixin typography( $font-size: null, $font-family: null, $line-height: null, $font-weight: null, $letter-spacing: null ) {
+    font-size: $font-size;
+    font-family: $font-family;
+    line-height: $line-height;
+    font-weight: $font-weight;
+    letter-spacing: $letter-spacing;
+}

package/scss/mixins/index.import.scss

@@ -0,0 +1,21 @@
+@import "./_border-radius.scss";
+@import "./_box-shadow.scss";
+@import "./_data-uri.scss";
+@import "./_disabled.scss";
+@import "./_gradient.scss";
+@import "./_hide-scrollbar.scss";
+@import "./_import-once.scss";
+@import "./_typography.scss";
+
+@mixin fill( $color: null, $bg: null, $border: null, $gradient: null ) {
+    border-color: $border;
+    color: $color;
+    background-color: $bg;
+    @include linear-gradient( $gradient );
+}
+
+@mixin background-image( $background-image: null ) {
+    @if $background-image {
+        background-image: url(#{$background-image});
+    }
+}

package/scss/module-system/_components.scss

@@ -0,0 +1,141 @@
+$kendo-components: (
+    // Typography and utils
+    "typography",
+    "utils",
+    "cursor",
+    "draggable",
+
+    // Generic content
+    "table",
+    "icon",
+    "chip",
+    "messagebox",
+
+    // Primitive components
+    "input",
+    "list",
+    "listgroup",
+    "overlay",
+    "ripple",
+    "virtual-scroller",
+
+    // Indicators
+    "avatar",
+    "badge",
+    "color-preview",
+    "loader",
+    "skeleton",
+    "tooltip",
+
+    // Native forms
+    "button",
+    "split-button",
+    "menu-button",
+    "textbox",
+    "textarea",
+    "checkbox",
+    "listbox",
+    "progressbar",
+    "radio",
+    "slider",
+
+    // Form helpers
+    "form",
+    "validator",
+    "floating-label",
+
+    // Form requirements
+    "calendar",
+    "popup",
+    "time-selector",
+
+    // Augmented inputs
+    "autocomplete",
+    "captcha",
+    "color-palette",
+    "color-gradient",
+    "color-editor",
+    "color-picker",
+    "combobox",
+    "date-input",
+    "date-picker",
+    "time-picker",
+    "date-time-picker",
+    "date-range-picker",
+    "dropdown-grid",
+    "dropdown-list",
+    "dropdown-tree",
+    "masked-textbox",
+    "multiselect",
+    "numeric-textbox",
+    "rating",
+    "searchbox",
+    "switch",
+    "upload",
+    "dropzone",
+
+    // Command interfaces
+    "actions",
+    "appbar",
+    "fab",
+    "menu",
+    "toolbar",
+
+    // Popups and modals
+    "action-sheet",
+    "dialog",
+    "drawer",
+    "notification",
+    "popover",
+    "responsive-panel",
+    "window",
+
+    // Navigation
+    "bottom-navigation",
+    "breadcrumb",
+    "pager",
+    "stepper",
+    "tabstrip",
+    "treeview",
+    "wizard",
+
+    // Layout & containers
+    "card",
+    "expander",
+    "panelbar",
+    "splitter",
+    "tile-layout",
+
+    // Data management
+    "grid",
+    "listview",
+    "spreadsheet",
+    "pivotgrid",
+    "treelist",
+    "filter",
+    "file-manager",
+    "task-board",
+
+    // Editors
+    "editor",
+    "image-editor",
+
+    // Scheduling
+    "gantt",
+    "scheduler",
+
+    // Misc
+    "adaptive",
+    "chat",
+    "media-player",
+    "timeline",
+    "pdf-viewer",
+    "scroller",
+    "scroll-view",
+
+    // Dataviz
+    "dataviz",
+    "map",
+    "orgchart",
+    "signature"
+) !default;