@progress/kendo-theme-fluent 6.5.0-dev.0 → 6.5.0-dev.2

package/scss/core/helpers/_base.scss

@@ -1,136 +0,0 @@
-@use "sass:map";
-@use "../mixins" as *;
-@use "../variables" as *;
-@use "../color-system" as *;
-
-// Disabled state
-.k-disabled,
-.k-widget[disabled],
-.k-disabled {
-    @include disabled(
-        $color: var( --kendo-disabled-text, inherit ),
-        $border: var( --kendo-disabled-border, inherit )
-    );
-
-    .k-link {
-        cursor: default;
-        outline: 0;
-    }
-}
-
-// Horizontal line
-.k-hr {
-    margin-block: map.get( $kendo-spacing, 4 );
-    padding: 0;
-    height: 0;
-    border-width: 1px 0 0;
-    border-style: solid;
-    border-color: var( --kendo-component-border, inherit );
-    display: block;
-    float: none;
-    clear: both;
-}
-
-// Horizontal rule
-.k-d-flex-row > .k-hr {
-    margin: 0;
-    width: 0;
-    height: auto;
-    border-width: 0 0 0 1px;
-    flex: 0 0 auto;
-}
-
-// Vertical rule
-.k-d-flex-col > .k-hr {
-    margin: 0;
-    flex: 0 0 auto;
-}
-
-.k-sprite {
-    display: inline-block;
-    width: 1rem;
-    height: 1rem;
-    overflow: hidden;
-    background-repeat: no-repeat;
-    font-size: 0;
-    line-height: 0;
-    text-align: center;
-}
-
-.k-image {
-    display: inline-block;
-}
-
-// Layout
-.k-reset {
-    margin: 0;
-    padding: 0;
-    border-width: 0;
-    outline: 0;
-    text-decoration: none;
-    font: inherit;
-    list-style: none;
-}
-
-kendo-sortable {
-    display: block;
-}
-
-
-// Links
-.k-link,
-.k-link:hover {
-    color: inherit;
-    text-decoration: none;
-    outline: 0;
-    cursor: pointer;
-}
-
-// Outline
-.k-content {
-    outline: 0;
-}
-
-// Centering
-.k-centered {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-}
-
-// Disable mouse events
-.k-no-click {
-    pointer-events: none;
-}
-
-// Off-screen container used during PDF export
-.k-pdf-export-shadow {
-    position: absolute;
-    overflow: hidden;
-    left: -15000px;
-    width: 14400px;
-}
-
-// PDF export icons fix
-.kendo-pdf-hide-pseudo-elements::before,
-.kendo-pdf-hide-pseudo-elements::after {
-    display: none !important; // stylelint-disable-line declaration-no-important
-}
-
-// Dirty indicator
-.k-dirty {
-    margin: 0;
-    padding: 0;
-    width: 0;
-    height: 0;
-    border-width: 3px;
-    border-style: solid;
-    border-block-start-color: currentColor;
-    border-block-end-color: transparent;
-    border-inline-start-color: transparent;
-    border-inline-end-color: currentColor;
-    position: absolute;
-    inset-block-start: 0;
-    inset-inline-end: 0;
-}

package/scss/core/helpers/_layout.scss

@@ -1,64 +0,0 @@
-// Basic layout
-.k-hbox,
-.k-hstack {
-    display: flex;
-    flex-flow: row nowrap;
-}
-
-.k-vbox,
-.k-vstack {
-    display: flex;
-    flex-flow: column nowrap;
-}
-
-.k-flex,
-.k-spacer {
-    flex: 1 0 0%;
-}
-
-
-// Stack layout
-.k-stack-layout {}
-
-
-// Flex layout
-.k-flex-layout {
-    display: flex;
-}
-
-
-// Grid layout
-.k-grid-layout {
-    display: grid;
-}
-
-
-// Separator
-.k-separator {
-    width: auto;
-    height: 0;
-    border-width: 1px 0 0;
-    border-style: solid;
-    border-color: inherit;
-    display: block;
-    flex-grow: 0 !important; // stylelint-disable-line declaration-no-important
-    flex-shrink: 0 !important; // stylelint-disable-line declaration-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;
-}

package/scss/core/helpers/_loading.scss

@@ -1,120 +0,0 @@
-@use "../variables" as *;
-@use "../color-system" as *;
-
-// Loading mask
-.k-loading-mask,
-.k-loading-image,
-.k-loading-color {
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-    position: absolute;
-    top: 0;
-    left: 0;
-
-    *,
-    *::before,
-    *::after,
-    &::before,
-    &::after {
-        box-sizing: border-box;
-    }
-}
-
-.k-loading-mask {
-    z-index: $kendo-zindex-loading;
-
-    &.k-opaque {
-        .k-loading-color {
-            opacity: 1;
-        }
-    }
-}
-.k-loading-text {
-    text-indent: -4000px;
-    text-align: center;
-    position: absolute;
-    color: $kendo-loading-text;
-}
-.k-loading-image {
-    z-index: 2;
-    color: $kendo-loading-text;
-}
-.k-loading-color {
-    background-color: $kendo-loading-bg;
-    opacity: $kendo-loading-opacity;
-}
-
-// Loading indicator
-.k-i-loading {
-    position: relative;
-    background-color: transparent;
-    box-sizing: border-box;
-    color: $kendo-loading-text;
-
-    &::before,
-    &::after {
-        box-sizing: border-box;
-    }
-}
-
-.k-i-loading::before,
-.k-i-loading::after,
-.k-loading-image::before,
-.k-loading-image::after {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    display: inline-block;
-    content: "";
-    box-sizing: inherit;
-    border-radius: 50%;
-    border-width: .05em;
-    border-style: solid;
-    border-color: currentColor;
-    border-top-color: transparent;
-    border-bottom-color: transparent;
-    background-color: transparent;
-}
-
-.k-icon.k-i-loading::before,
-.k-icon.k-i-loading::after {
-    content: "";
-}
-
-.k-i-loading::before,
-.k-loading-image::before {
-    margin-top: -.5em;
-    margin-left: -.5em;
-    width: 1em;
-    height: 1em;
-    animation: k-loading-animation .7s linear infinite;
-}
-
-.k-i-loading::after,
-.k-loading-image::after {
-    margin-top: -.25em;
-    margin-left: -.25em;
-    width: .5em;
-    height: .5em;
-    animation: k-loading-animation reverse 1.4s linear infinite;
-}
-
-.k-loading-image::before,
-.k-loading-image::after {
-    content: "";
-    // See https://github.com/telerik/kendo-themes/issues/1925
-    border-width: 1px; // TODO: Remove once we drop IE support
-    border-width: clamp( .015em, 1px, 1px );
-    font-size: 4em;
-}
-
-// Loading animation
-@keyframes k-loading-animation {
-    0% {
-        transform: rotate(0deg);
-    }
-    100% {
-        transform: rotate(360deg);
-    }
-}

package/scss/core/helpers/_selection.scss

@@ -1,27 +0,0 @@
-@use "../color-system" as *;
-
-.k-marquee {
-    border-width: 1px;
-    border-style: solid;
-    border-color: get-theme-color-var( primary-100 );
-    position: absolute;
-    z-index: 100000;
-}
-
-.k-marquee-color,
-.k-marquee-text {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-}
-
-.k-marquee-color {
-    color: $kendo-color-white;
-    background-color: get-theme-color-var( primary-100 );
-    opacity: .3;
-}
-.k-marquee-text {
-    color: $kendo-color-white;
-}

package/scss/core/mixins/_border-radius.scss

@@ -1,60 +0,0 @@
-@use "../_variables.scss" as *;
-
-// Border radius
-@mixin border-radius( $radius: null ) {
-    @if $kendo-enable-rounded {
-        border-radius: $radius;
-    }
-}
-
-@mixin border-top-radius( $radius: null ) {
-    @if $kendo-enable-rounded {
-        border-top-left-radius: $radius;
-        border-top-right-radius: $radius;
-    }
-}
-
-@mixin border-right-radius( $radius: null ) {
-    @if $kendo-enable-rounded {
-        border-top-right-radius: $radius;
-        border-bottom-right-radius: $radius;
-    }
-}
-
-@mixin border-bottom-radius( $radius: null ) {
-    @if $kendo-enable-rounded {
-        border-bottom-right-radius: $radius;
-        border-bottom-left-radius: $radius;
-    }
-}
-
-@mixin border-left-radius( $radius: null ) {
-    @if $kendo-enable-rounded {
-        border-top-left-radius: $radius;
-        border-bottom-left-radius: $radius;
-    }
-}
-
-@mixin border-top-radius-only( $radius: null ) {
-    @if $kendo-enable-rounded {
-        border-radius: $radius $radius 0 0;
-    }
-}
-
-@mixin border-right-radius-only( $radius: null ) {
-    @if $kendo-enable-rounded {
-        border-radius: 0 $radius $radius 0;
-    }
-}
-
-@mixin border-bottom-radius-only( $radius: null ) {
-    @if $kendo-enable-rounded {
-        border-radius: 0 0 $radius $radius;
-    }
-}
-
-@mixin border-left-radius-only( $radius: null ) {
-    @if $kendo-enable-rounded {
-        border-radius: $radius 0 0 $radius;
-    }
-}

package/scss/core/mixins/_box-shadow.scss

@@ -1,8 +0,0 @@
-@use "sass:list";
-@use "../_variables.scss" as *;
-
-@mixin box-shadow( $shadow... ) {
-    @if $kendo-enable-shadows and list.nth( $shadow, 1 ) {
-        box-shadow: $shadow;
-    }
-}

package/scss/core/mixins/_decoration.scss

@@ -1,30 +0,0 @@
-@use "../_variables.scss" as *;
-
-@mixin fill( $color: null, $bg: null, $border: null, $gradient: null ) {
-    @if $border {
-        border-color: $border;
-    }
-    @if $color {
-        color: $color;
-    }
-    @if $bg {
-        background-color: $bg;
-    }
-    @if $gradient {
-        @include linear-gradient( $gradient );
-    }
-}
-
-@mixin linear-gradient( $gradient: null ) {
-    @if $gradient and $kendo-enable-gradients {
-        @if $gradient == none {
-            background-image: none;
-        } @else {
-            background-image: linear-gradient( $gradient );
-        }
-    }
-}
-
-@mixin repeating-striped-gradient( $color: rgba(255,255,255,.15), $background: #FFF, $angle: 45deg, $largeStep: 2px, $smallStep: 1px) {
-    background-image: repeating-linear-gradient($angle, $background, $background $smallStep, $color $smallStep, $color $largeStep);
-}

package/scss/core/mixins/_disabled.scss

@@ -1,10 +0,0 @@
-// Disabled
-@mixin disabled( $color: null, $bg: null, $border: null ) {
-    outline: none;
-    cursor: default;
-    background-color: $bg;
-    color: $color;
-    border-color: $border;
-    pointer-events: none;
-    box-shadow: none;
-}

package/scss/core/mixins/_hide-scrollbar.scss

@@ -1,14 +0,0 @@
-@use "../variables.scss" as *;
-// Infinite calendar and timepicker
-@mixin hide-scrollbar($max-scrollbar: 100px) {
-    // anything larger than the scrollbar width will do
-    $scrollbar-size: var( --kendo-scrollbar-width, #{$kendo-scrollbar-width} );
-    $margin: calc( -#{$max-scrollbar} - #{$scrollbar-size} );
-
-    padding-inline-end: $max-scrollbar;
-    padding-inline-start: $max-scrollbar;
-
-    margin-inline-start: -$max-scrollbar;
-    margin-inline-end: $margin;
-
-}

package/scss/core/mixins/_index.scss

@@ -1,6 +0,0 @@
-@forward "./decoration";
-@forward "./disabled";
-@forward "./box-shadow";
-@forward "./border-radius";
-@forward "./typography";
-@forward "./hide-scrollbar";

package/scss/core/mixins/_typography.scss

@@ -1,7 +0,0 @@
-@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;
-}