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

package/scss/module-system/_dependencies.scss

@@ -0,0 +1,477 @@
+$_kendo-dependencies: (
+    action-sheet: (
+        "icon",
+        "listgroup",
+        "popup"
+    ),
+    actions: (),
+    adaptive: (),
+    appbar: (),
+    autocomplete: (
+        "button",
+        "icon",
+        "input",
+        "list",
+        "popup"
+    ),
+    avatar: (),
+    badge: (),
+    bottom-navigation: (
+        "icon"
+    ),
+    breadcrumb: (
+        "icon",
+        "textbox"
+    ),
+    button: (
+        "badge",
+        "icon"
+    ),
+    calendar: (
+        "button",
+        "list"
+    ),
+    captcha: (
+        "button",
+        "slider",
+        "textbox"
+    ),
+    card: (
+        "actions",
+        "button",
+        // "utils/flex",
+        // "utils/grid"
+    ),
+    chat: (
+        "avatar",
+        "card",
+        "textbox",
+        "toolbar"
+    ),
+    checkbox: (),
+    chip: (),
+    color-editor: (
+        "actions",
+        "color-palette",
+        "color-preview",
+        "color-gradient"
+    ),
+    color-gradient: (
+        "button",
+        "numeric-textbox",
+        "slider",
+        "textbox",
+        // "utils/flex"
+    ),
+    color-palette: (
+        "color-preview",
+        // "utils/flex"
+    ),
+    color-preview: (),
+    color-picker: (
+        "button",
+        "color-editor",
+        "input",
+        "popup"
+    ),
+    combobox: (
+        "button",
+        "input",
+        "popup",
+        "list"
+    ),
+    cursor: (),
+    dataviz: (
+        "popup",
+        "tooltip"
+    ),
+    date-input: (
+        "input"
+    ),
+    date-picker: (
+        "button",
+        "calendar",
+        "icon",
+        "input",
+        "popup"
+    ),
+    date-range-picker: (
+        "date-picker"
+    ),
+    date-time-picker: (
+        "date-picker",
+        "time-picker"
+    ),
+    dialog: (
+        "window"
+    ),
+    draggable: (),
+    drawer: (
+        "list",
+        "overlay"
+    ),
+    dropdown-grid: (
+        "button",
+        "grid",
+        "icon",
+        "input",
+        "popup",
+        "table"
+    ),
+    dropdown-list: (
+        "button",
+        "icon",
+        "input",
+        "list",
+        "popup"
+    ),
+    dropdown-tree: (
+        "button",
+        "icon",
+        "input",
+        "popup",
+        "treeview"
+    ),
+    dropzone: (),
+    editor: (
+        "button",
+        "checkbox",
+        "color-picker",
+        "combobox",
+        "dropdown-list",
+        "toolbar",
+        "upload",
+        "window"
+    ),
+    expander: (
+        "icon",
+        "list",
+        // "utils/display",
+        // "utils/flex"
+    ),
+    fab: (
+        "button",
+        "badge",
+        // "utils/position"
+    ),
+    file-manager: (
+        "breadcrumb",
+        "dialog",
+        "grid",
+        "icon",
+        "input",
+        "listview",
+        "menu",
+        "splitter",
+        "switch",
+        "toolbar",
+        "treeview",
+        "upload"
+    ),
+    filter: (
+        "button",
+        "checkbox",
+        "date-time-picker",
+        "dropdown-list",
+        "input",
+        "numeric-textbox",
+        "textbox",
+        "toolbar"
+    ),
+    floating-label: (
+        "input"
+    ),
+    form: (
+        "actions",
+        "button",
+        "toolbar"
+    ),
+    gantt: (
+        "button",
+        "date-time-picker",
+        "input",
+        "numeric-textbox",
+        "splitter",
+        "treelist",
+        "validator",
+        "window"
+    ),
+    grid: (
+        "actions",
+        "button",
+        "checkbox",
+        "dialog",
+        "input",
+        "list",
+        "menu",
+        "pager",
+        "popup",
+        "radio",
+        "skeleton",
+        "toolbar",
+        "validator"
+    ),
+    icon: (),
+    image-editor: (
+        "checkbox",
+        "dropdown-list",
+        "form",
+        "numeric-textbox",
+        "toolbar"
+    ),
+    input: (
+        "button",
+        "icon"
+    ),
+    list: (),
+    listbox: (
+        "button",
+        "list"
+    ),
+    listgroup: (),
+    listview: (
+        "pager",
+        // "utils/grid",
+        // "utils/flex"
+    ),
+    loader: (),
+    map: (
+        "button",
+        "scroller",
+        // "utils/position"
+    ),
+    masked-textbox: (
+        "button",
+        "input"
+    ),
+    media-player: (
+        "slider",
+        "toolbar"
+    ),
+    menu: (
+        "button",
+        "icon",
+        "popup"
+    ),
+    menu-button: (
+        "button",
+        "menu"
+    ),
+    messagebox: (),
+    multiselect: (
+        "button",
+        "chip",
+        "icon",
+        "input",
+        "list",
+        "popup"
+    ),
+    notification: (
+        "button",
+        "icon",
+        "popup"
+    ),
+    numeric-textbox: (
+        "button",
+        "icon",
+        "input"
+    ),
+    orgchart: (
+        "button",
+        "card",
+        "dropdown-list",
+        "icon",
+        "menu",
+        "textbox",
+        "upload",
+        "window"
+    ),
+    overlay: (),
+    pager: (
+        "dropdown-list",
+        "icon",
+        "list",
+        "toolbar"
+    ),
+    panelbar: (
+        "icon"
+    ),
+    pdf-viewer: (
+        "button",
+        "combobox",
+        "dialog",
+        "dropzone",
+        "pager",
+        "textbox",
+        "toolbar",
+        "window"
+    ),
+    pivotgrid: (
+        "dialog",
+        "grid",
+        "list",
+        "treeview",
+        // "utils/flex",
+        // "utils/grid",
+        // "utils/position"
+    ),
+    popover: (
+        "card",
+        "popup"
+    ),
+    popup: (),
+    progressbar: (),
+    radio: (),
+    rating: (
+        "icon"
+    ),
+    responsive-panel: (),
+    ripple: (),
+    scheduler: (
+        "button",
+        "date-time-picker",
+        "dialog",
+        "dropdown-list",
+        "toolbar",
+        "tooltip"
+    ),
+    scroller: (),
+    scroll-view: (
+        "button"
+    ),
+    searchbox: (
+        "button",
+        "input"
+    ),
+    signature: (
+        "button",
+        "input"
+    ),
+    skeleton: (),
+    slider: (
+        "button",
+        "tooltip"
+    ),
+    split-button: (
+        "button",
+        "menu"
+    ),
+    splitter: (
+        "icon"
+    ),
+    spreadsheet: (
+        "button",
+        "checkbox",
+        "color-picker",
+        "combobox",
+        "date-time-picker",
+        "dropdown-list",
+        "list",
+        "menu",
+        "radio",
+        "tabstrip",
+        "toolbar",
+        "treeview",
+        "upload",
+        "window"
+    ),
+    stepper: (
+        "icon",
+        "progressbar"
+    ),
+    switch: (),
+    table: (),
+    tabstrip: (
+        "button",
+        "icon"
+    ),
+    task-board: (
+        "card",
+        "form",
+        "searchbox",
+        "textbox",
+        "toolbar"
+    ),
+    textarea: (
+        "button",
+        "icon",
+        "input"
+    ),
+    textbox: (
+        "button",
+        "icon",
+        "input"
+    ),
+    tile-layout: (
+        "card"
+    ),
+    time-duration-picker: (
+        "button",
+        "icon",
+        "input",
+        "list",
+        "popup",
+        "time-selector"
+    ),
+    time-selector: (
+        "actions",
+        "button",
+        "list"
+    ),
+    timeline: (
+        "button",
+        "card",
+        "icon"
+    ),
+    time-picker: (
+        "button",
+        "icon",
+        "input",
+        "list",
+        "popup",
+        "time-selector"
+    ),
+    toolbar: (
+        "button",
+        "icon",
+        "menu",
+        "popup"
+    ),
+    tooltip: (
+        "button",
+        "icon",
+        "popup"
+    ),
+    treelist: (
+        "grid"
+    ),
+    treeview: (
+        "checkbox",
+        "icon"
+    ),
+    typography: (),
+    upload: (
+        "actions",
+        "button",
+        "dropzone",
+        "icon",
+        "listgroup",
+        "toolbar"
+    ),
+    utils: (),
+    validator: (
+        "tooltip"
+    ),
+    virtual-scroller: (),
+    window: (
+        "actions",
+        "button",
+        "icon",
+        "overlay"
+    ),
+    wizard: (
+        "button",
+        "form",
+        "stepper"
+    )
+);

package/scss/module-system/index.import.scss

@@ -0,0 +1,48 @@
+@import "./_components.scss";
+@import "./_dependencies.scss";
+
+$_deps: ();
+$_imported: ();
+
+@mixin module-register( $name: null, $dependencies: null ) {
+    @if (k-list-index( $kendo-components, $name) != null) {
+        $_deps: k-map-merge( $_deps, ( $name: $dependencies ) );
+
+        @if $dependencies {
+            @each $dep in $dependencies {
+                @if ( k-list-index( $kendo-components, $dep ) == null ) {
+                    // sass-lint:disable-block no-warn
+                    @warn "The module \"#{$name}\" depends on module \"#{$dep}\", but the styles will not be loaded!";
+                }
+            }
+        }
+    }
+}
+
+@mixin module-render( $name: null ) {
+    $dependencies: k-map-get( $_deps, $name );
+
+    @if $dependencies {
+        @each $dep in $dependencies {
+            @if ( k-list-index( $_imported, $dep ) == null ) {
+                // sass-lint:disable-block no-warn
+                @warn "The module \"#{$name}\" depends on module \"#{$dep}\", but the styles have not been loaded yet!";
+            }
+        }
+    }
+
+    @if ( k-list-index( $kendo-components, $name ) != null ) and ( k-list-index( $_imported, $name ) == null )  {
+        $_imported: k-list-append( $_imported, $name );
+        @content;
+    }
+}
+
+@mixin verify-dependencies() {
+    @each $component in $kendo-components {
+        @if (k-map-has-key( $_kendo-dependencies, $component) == false) {
+            // sass-lint:disable-block no-warn
+            @error "Module '#{$component}' is not defined.";
+        }
+    }
+}
+@include verify-dependencies();

package/scss/styles/_accessibility.scss

@@ -0,0 +1,10 @@
+/// @name k-sr-only
+/// @description This class could be assigned to elements which should be visually hidden, but remain accessible for screen readers.
+/// @group accessibility
+.k-sr-only {
+    position: absolute;
+    left: -1px;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+}

package/scss/styles/_asp-fallback.scss

@@ -0,0 +1,4 @@
+.k-theme-test-class,
+.k-common-test-class {
+    opacity: 0;
+}

package/scss/styles/_layout.scss

@@ -0,0 +1,56 @@
+// Basic layout
+.k-hstack {
+    display: flex;
+    flex-flow: row nowrap;
+}
+.k-vstack {
+    display: flex;
+    flex-flow: column nowrap;
+}
+.k-spacer {
+    flex: none;
+    flex-grow: 1;
+}
+
+
+// Separator
+.k-separator {
+    width: auto;
+    height: 0;
+    border-width: 1px 0 0;
+    border-style: solid;
+    border-color: inherit;
+    display: block;
+    flex-grow: 0 !important; // sass-lint:disable-line no-important
+    flex-shrink: 0 !important; // sass-lint:disable-line no-important
+    align-self: stretch;
+}
+.k-separator-horizontal,
+.k-vstack > .k-separator {
+    width: auto;
+    height: 0;
+    border-width: 1px 0 0;
+}
+.k-separator-vertical,
+.k-hstack > .k-separator {
+    width: 0;
+    height: auto;
+    border-width: 0 0 0 1px;
+}
+
+hr.k-separator {
+    margin: 0;
+    padding: 0;
+}
+
+
+// Hidden
+.k-hidden {
+    display: none !important; // sass-lint:disable-line no-important
+}
+
+
+// RTL
+.k-rtl {
+    direction: rtl;
+}

package/scss/styles/_normalize.scss

@@ -0,0 +1,11 @@
+// Hidden attribute
+[hidden] {
+    display: none !important; // sass-lint:disable-line no-important
+}
+
+
+// Hide script tags
+// see https://github.com/telerik/kendo-themes/issues/2360
+script {
+    display: none !important; // sass-lint:disable-line no-important
+}

package/scss/styles/index.import.scss

@@ -0,0 +1,4 @@
+@import "./_accessibility.scss";
+@import "./_asp-fallback.scss";
+@import "./_layout";
+@import "./_normalize.scss";