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

package/scss/utils/_display.scss

@@ -1,41 +0,0 @@
-@include exports( "utils/display" ) {
-
-    // sass-lint:disable-block no-important
-    // stylelint-disable block-opening-brace-space-before
-
-    // Display documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/display.
-
-    /// This is equivalent to `display: inline;`. The element generates one or more inline element boxes that do not generate line breaks before or after themselves. In normal flow, the next element will be on the same line if there is space.
-    /// @name .k-display-inline
-    /// @group display
-    .k-display-inline           { display: inline !important; }
-    /// This is equivalent to `display: block;`. The element generates a block element box, generating line breaks both before and after the element when in the normal flow.
-    /// @name .k-display-block
-    /// @group display
-    .k-display-block            { display: block !important; }
-    /// This is equivalent to `display: inline-block;`. The element generates a block element box that will be flowed with surrounding content as if it were a single inline box (behaving much like a replaced element would).
-    /// @name .k-display-inline-block
-    /// @group display
-    .k-display-inline-block     { display: inline-block !important; }
-    /// This is equivalent to `display: flex;`. The element behaves like a block element and lays out its content according to the flexbox model.
-    /// @name .k-display-flex
-    /// @group display
-    .k-display-flex             { display: flex !important; }
-    /// This is equivalent to `display: inline-flex;`. The element behaves like an inline element and lays out its content according to the flexbox model.
-    /// @name .k-display-inline-flex
-    /// @group display
-    .k-display-inline-flex      { display: inline-flex !important; }
-    /// This is equivalent to `display: table;`. These elements behave like HTML `<table>` elements. It defines a block-level box.
-    /// @name .k-display-table
-    /// @group display
-    .k-display-table            { display: table !important; }
-    /// This is equivalent to `display: inline-table;`. The inline-table value does not have a direct mapping in HTML. It behaves like an HTML `<table>` element, but as an inline box, rather than a block-level box. Inside the table box is a block-level context.
-    /// @name .k-display-inline-table
-    /// @group display
-    .k-display-inline-table     { display: inline-table !important; }
-    /// This is equivalent to `display: none;`. Turns off the display of an element so that it has no effect on layout (the document is rendered as though the element did not exist). All descendant elements also have their display turned off.
-    /// @name .k-display-none
-    /// @group display
-    .k-display-none             { display: none !important; }
-
-}

package/scss/utils/_flex.scss

@@ -1,189 +0,0 @@
-@include exports( "utils/flex" ) {
-
-    // stylelint-disable block-opening-brace-space-before
-
-    // Flex documentation sourced from https://css-tricks.com/almanac/properties/f/flex/.
-
-    /// This is equivalent to `display: flex`. It defines a flex container and enables a flex context for all its direct children. Think of flex items as primarily laying out either in horizontal rows or vertical columns.
-    /// @name .k-d-flex
-    /// @group flex-layout
-    .k-d-flex                           { display: flex; }
-    .\!k-d-flex                         { display: flex !important; } // sass-lint:disable-line no-important class-name-format
-    /// This is equivalent to `display: inline-flex`. It defines a flex container and enables a flex context for all its direct children. Think of flex items as primarily laying out either in horizontal rows or vertical columns.
-    /// @name .k-d-inline-flex
-    /// @group flex-layout
-    .k-d-inline-flex                    { display: inline-flex; }
-    .\!k-d-inline-flex                  { display: inline-flex !important; } // sass-lint:disable-line no-important class-name-format
-    /// This is equivalent to `display: inline-flex` and `flex-direction: row`.
-    /// @name .k-d-flex-row
-    /// @group flex-layout
-    .k-d-flex-row                       { @extend .k-d-flex, .k-flex-row; }
-    .\!k-d-flex-row                     { @extend .\!k-d-flex, .\!k-flex-row; } // sass-lint:disable-line class-name-format
-    /// This is equivalent to `display: inline-flex` and `flex-direction: column`.
-    /// @name .k-d-flex-col
-    /// @group flex-layout
-    .k-d-flex-col                       { @extend .k-d-flex, .k-flex-col; }
-    .\!k-d-flex-col                     { @extend .\!k-d-flex, .\!k-flex-row; } // sass-lint:disable-line class-name-format
-    /// This is equivalent to `flex-direction: row`. This establishes the main-axis to be horizontal, thus defining the direction flex items are placed in the flex container: left to right in `ltr`; right to left in `rtl`.
-    /// @name .k-flex-row
-    /// @group flex-layout
-    .k-flex-row                         { flex-direction: row; }
-    .\!k-flex-row                       { flex-direction: row !important; } // sass-lint:disable-line no-important class-name-format
-    /// This is equivalent to `flex-direction: row-reverse`. This establishes the main-axis to be horizontal, thus defining the direction flex items are placed in the flex container: right to left in `ltr`; left to right in `rtl`.
-    /// @name .k-flex-row-reverse
-    /// @group flex-layout
-    .k-flex-row-reverse                 { flex-direction: row-reverse; }
-    .\!k-flex-row-reverse               { flex-direction: row-reverse !important; } // sass-lint:disable-line no-important class-name-format
-    /// This is equivalent to `flex-direction: column`. This establishes the main-axis to be vertical, thus defining the direction flex items are placed in the flex container: top to bottom.
-    /// @name .k-flex-col
-    /// @group flex-layout
-    .k-flex-col                         { flex-direction: column; }
-    .\!k-flex-col                       { flex-direction: column !important; } // sass-lint:disable-line no-important class-name-format
-    /// This is equivalent to `flex-direction: column-reverse`. This establishes the main-axis to be vertical, thus defining the direction flex items are placed in the flex container: bottom to top.
-    /// @name .k-flex-col-reverse
-    /// @group flex-layout
-    .k-flex-col-reverse                 { flex-direction: column-reverse; }
-    .\!k-flex-col-reverse               { flex-direction: column-reverse !important; } // sass-lint:disable-line no-important class-name-format
-
-
-    // Aliases
-    .k-flex-column                      { @extend .k-flex-col; }
-    .k-flex-column-reverse              { @extend .k-flex-col-reverse; }
-
-
-    // Flex wrap
-
-    /// This is equivalent to `flex-wrap: wrap`. It allows flex items to wrap as needed onto multiple lines, from top to bottom.
-    /// @name .k-flex-wrap
-    /// @group flex-layout
-    .k-flex-wrap                        { flex-wrap: wrap; }
-    .\!k-flex-wrap                      { flex-wrap: wrap !important; } // sass-lint:disable-line no-important class-name-format
-    /// This is equivalent to `flex-wrap: nowrap`. All flex items will be on one line.
-    /// @name .k-flex-nowrap
-    /// @group flex-layout
-    .k-flex-nowrap                      { flex-wrap: nowrap; }
-    .\!k-flex-nowrap                    { flex-wrap: nowrap !important; } // sass-lint:disable-line no-important class-name-format
-    /// This is equivalent to `flex-wrap: wrap-reverse`. It allows flex items to wrap as needed onto multiple lines, from bottom to top.
-    /// @name .k-flex-wrap-reverse
-    /// @group flex-layout
-    .k-flex-wrap-reverse                { flex-wrap: wrap-reverse; }
-    .\!k-flex-wrap-reverse              { flex-wrap: wrap-reverse !important; } // sass-lint:disable-line no-important class-name-format
-
-
-    // Flex, shrink, grow,
-
-    /// This is the same as `flex: initial;` and the shorthand for the default value: `flex: 0 1 auto`. It sizes the item based on its `width`/`height` properties (or its content if not set). It makes the flex item inflexible when there is some free space left, but allows it to shrink to its minimum when there is not enough space. The alignment abilities or `auto` margins can be used to align flex items along the main axis.
-    /// @name .k-flex-initial
-    /// @group flex-layout
-    .k-flex-initial                     { flex: 0 1 auto; }
-    .\!k-flex-initial                   { flex: 0 1 auto !important; } // sass-lint:disable-line no-important class-name-format
-    /// This is equivalent to `flex: 1 1 0%`. It sizes the item not based on its `width`/`height` properties, but based on the available space. This is similar to `flex: 1 1 auto` execpt it is allowed to shrink beyond its initial size.
-    /// @name .k-flex-1
-    /// @group flex-layout
-    .k-flex-1                           { flex: 1 1 0%; }
-    .\!k-flex-1                         { flex: 1 1 0% !important; } // sass-lint:disable-line no-important class-name-format
-    /// This is equivalent to `flex: 1 1 auto`. Beware, this is not the default value. It sizes the item based on its `width`/`height` properties, but makes it fully flexible so that they absorb any extra space along the main axis. If all items are either `flex: auto`, `flex: initial`, or `flex: none`, any remaining space after the items have been sized will be distributed evenly to the items with `flex: auto`.
-    /// @name .k-flex-auto
-    /// @group flex-layout
-    .k-flex-auto                        { flex: 1 1 auto; }
-    .\!k-flex-auto                      { flex: 1 1 auto !important; } // sass-lint:disable-line no-important class-name-format
-    /// This is equivalent to `flex: 0 0 auto`. It sizes the item according to its `width`/`height` properties, but makes it fully inflexible. This is similar to `flex: initial` except it is not allowed to shrink, even in an overflow situation.
-    /// @name .k-flex-none
-    /// @group flex-layout
-    .k-flex-none                        { flex: none; }
-    .\!k-flex-none                      { flex: none !important; } // sass-lint:disable-line no-important class-name-format
-    /// This is equivalent to `flex-grow: 1`. It defines the ability for a flex item to grow if necessary. It accepts a unitless value that serves as a proportion. It dictates what amount of the available space inside the flex container the item should take up.
-    /// @name .k-flex-grow
-    /// @group flex-layout
-    .k-flex-grow                        { flex-grow: 1; }
-    .\!k-flex-grow                      { flex-grow: 1 !important; } // sass-lint:disable-line no-important class-name-format
-    /// This is equivalent to `flex-grow: 0`. The item will not grow.
-    /// @name .k-flex-grow-0
-    /// @group flex-layout
-    .k-flex-grow-0                      { flex-grow: 0; }
-    .\!k-flex-grow-0                    { flex-grow: 0 !important; } // sass-lint:disable-line no-important class-name-format
-    /// This is equivalent to `flex-shrink: 1`. It determines how much the flex item will shrink relative to the rest of the flex items in the flex container when there isn't enough space on the row.
-    /// @name .k-flex-shrink
-    /// @group flex-layout
-    .k-flex-shrink                      { flex-shrink: 1; }
-    .\!k-flex-shrink                    { flex-shrink: 1 !important; } // sass-lint:disable-line no-important class-name-format
-    /// This is equivalent to `flex-shrink: 0`. The item will not shrink.
-    /// @name .k-flex-shrink-0
-    /// @group flex-layout
-    .k-flex-shrink-0                    { flex-shrink: 0; }
-    .\!k-flex-shrink-0                  { flex-shrink: 0 !important; } // sass-lint:disable-line no-important class-name-format
-    /// This is equivalent to `flex-basis: auto`. It specifies the initial size of the flex item, before any available space is distributed according to the flex factors. It sizes the element according to its size property.
-    /// @name .k-flex-basis-auto
-    /// @group flex-layout
-    .k-flex-basis-auto                  { flex-basis: auto; }
-    .\!k-flex-basis-auto                { flex-basis: auto !important; } // sass-lint:disable-line no-important class-name-format
-    /// This is equivalent to `flex-basis: 0`. It specifies the initial size of the flex item, before any available space is distributed according to the flex factors. It disregards the element' size property.
-    /// @name .k-flex-basis-0
-    /// @group flex-layout
-    .k-flex-basis-0                     { flex-basis: 0%; }
-    .\!k-flex-basis-0                   { flex-basis: 0% !important; } // sass-lint:disable-line no-important class-name-format
-
-
-    // Flex align
-    .k-align-items-start                { align-items: flex-start; }
-    .\!k-align-items-start              { align-items: flex-start !important; } // sass-lint:disable-line no-important class-name-format
-    .k-align-items-end                  { align-items: flex-end; }
-    .\!k-align-items-end                { align-items: flex-end !important; } // sass-lint:disable-line no-important class-name-format
-    .k-align-items-center               { align-items: center; }
-    .\!k-align-items-center             { align-items: center !important; } // sass-lint:disable-line no-important class-name-format
-    .k-align-items-stretch              { align-items: stretch; }
-    .\!k-align-items-stretch            { align-items: stretch !important; } // sass-lint:disable-line no-important class-name-format
-    .k-align-items-baseline             { align-items: baseline; }
-    .\!k-align-items-baseline           { align-items: baseline !important; } // sass-lint:disable-line no-important class-name-format
-
-    .k-align-content-start              { align-content: flex-start; }
-    .\!k-align-content-start            { align-content: flex-start !important; } // sass-lint:disable-line no-important class-name-format
-    .k-align-content-end                { align-content: flex-end; }
-    .\!k-align-content-end              { align-content: flex-end !important; } // sass-lint:disable-line no-important class-name-format
-    .k-align-content-center             { align-content: center; }
-    .\!k-align-content-center           { align-content: center !important; } // sass-lint:disable-line no-important class-name-format
-    .k-align-content-stretch            { align-content: stretch; }
-    .\!k-align-content-stretch          { align-content: stretch !important; } // sass-lint:disable-line no-important class-name-format
-    .k-align-content-baseline           { align-content: baseline; }
-    .\!k-align-content-baseline         { align-content: baseline !important; } // sass-lint:disable-line no-important class-name-format
-
-    .k-align-self-start                 { align-self: flex-start; }
-    .\!k-align-self-start               { align-self: flex-start !important; } // sass-lint:disable-line no-important class-name-format
-    .k-align-self-end                   { align-self: flex-end; }
-    .\!k-align-self-end                 { align-self: flex-end !important; } // sass-lint:disable-line no-important class-name-format
-    .k-align-self-center                { align-self: center; }
-    .\!k-align-self-center              { align-self: center !important; } // sass-lint:disable-line no-important class-name-format
-    .k-align-self-stretch               { align-self: stretch; }
-    .\!k-align-self-stretch             { align-self: stretch !important; } // sass-lint:disable-line no-important class-name-format
-    .k-align-self-baseline              { align-self: baseline; }
-    .\!k-align-self-baseline            { align-self: baseline !important; } // sass-lint:disable-line no-important class-name-format
-
-
-    // Justify content
-    .k-justify-content-start            { justify-content: flex-start; }
-    .\!k-justify-content-start          { justify-content: flex-start !important; } // sass-lint:disable-line no-important class-name-format
-    .k-justify-content-end              { justify-content: flex-end; }
-    .\!k-justify-content-end            { justify-content: flex-end !important; } // sass-lint:disable-line no-important class-name-format
-    .k-justify-content-center           { justify-content: center; }
-    .\!k-justify-content-center         { justify-content: center !important; } // sass-lint:disable-line no-important class-name-format
-    .k-justify-content-between          { justify-content: space-between; }
-    .\!k-justify-content-between        { justify-content: space-between !important; } // sass-lint:disable-line no-important class-name-format
-    .k-justify-content-around           { justify-content: space-around; }
-    .\!k-justify-content-around         { justify-content: space-around !important; } // sass-lint:disable-line no-important class-name-format
-    .k-justify-content-evenly           { justify-content: space-evenly; }
-    .\!k-justify-content-evenly         { justify-content: space-evenly !important; } // sass-lint:disable-line no-important class-name-format
-    .k-justify-content-stretch > *      { flex: 1 0 0%; }
-    .\!k-justify-content-stretch > *    { flex: 1 0 0% !important; } // sass-lint:disable-line no-important class-name-format
-
-
-    // Justify items
-    .k-justify-items-start              { justify-items: flex-start; }
-    .\!k-justify-items-start            { justify-items: flex-start !important; } // sass-lint:disable-line no-important class-name-format
-    .k-justify-items-end                { justify-items: flex-end; }
-    .\!k-justify-items-end              { justify-items: flex-end !important; } // sass-lint:disable-line no-important class-name-format
-    .k-justify-items-center             { justify-items: center; }
-    .\!k-justify-items-center           { justify-items: center !important; } // sass-lint:disable-line no-important class-name-format
-    .k-justify-items-stretch            { justify-items: stretch; }
-    .\!k-justify-items-stretch          { justify-items: stretch !important; } // sass-lint:disable-line no-important class-name-format
-
-}

package/scss/utils/_float.scss

@@ -1,85 +0,0 @@
-@include exports( "utils/float" ) {
-
-    // Float documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/float.
-    // Clear documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/clear.
-
-    /// This is equivalent to `float: left;`. The element must float on the left side of its containing block.
-    /// @name .k-float-left
-    /// @group float
-    /// @contextType css
-    _ {}
-
-    /// This is equivalent to `float: right;`. The element must float on the right side of its containing block.
-    /// @name .k-float-right
-    /// @group float
-    /// @contextType css
-    _ {}
-
-    /// This is equivalent to `float: none;`. The element must not float.
-    /// @name .k-float-none
-    /// @group float
-    /// @contextType css
-    _ {}
-
-    /// This is equivalent to `clear: left;`. Is a keyword indicating that the element is moved down to clear past left floats.
-    /// @name .k-clear-left
-    /// @group float
-    /// @contextType css
-    _ {}
-
-    /// This is equivalent to `clear: right;`. Is a keyword indicating that the element is moved down to clear past right floats.
-    /// @name .k-clear-right
-    /// @group float
-    /// @contextType css
-    _ {}
-
-    /// This is equivalent to `clear: both;`. Is a keyword indicating that the element is moved down to clear past both left and right floats.
-    /// @name .k-clear-both
-    /// @group float
-    /// @contextType css
-    _ {}
-
-    /// This is equivalent to `clear: none;`. Is a keyword indicating that the element is not moved down to clear past floating elements.
-    /// @name .k-clear-none
-    /// @group float
-    /// @contextType css
-    _ {}
-
-    // Float utility classes
-    $utils-float: (
-        left,
-        right,
-        none
-    ) !default;
-
-    // Clear utility classes
-    $utils-clear: (
-        left,
-        right,
-        both,
-        none
-    ) !default;
-
-    @if $utils-float {
-        @each $float in $utils-float {
-            // sass-lint:disable-block no-important
-            .k-float-#{$float} { float: $float !important; }
-        }
-    }
-
-    @if $utils-clear {
-        @each $clear in $utils-clear {
-            // sass-lint:disable-block no-important
-            .k-clear-#{$clear} { clear: $clear !important; }
-        }
-    }
-
-
-    // Float wrap
-    .k-floatwrap::after {
-        content: "";
-        display: block;
-        clear: both;
-    }
-
-}

package/scss/utils/_grid.scss

@@ -1,45 +0,0 @@
-@include exports("utils/grid") {
-
-    // stylelint-disable block-opening-brace-space-before
-
-    /// This is equivalent to `display: grid`. It defines the element as a grid container and establishes a new grid formatting context for its contents.
-    /// @name .k-d-grid
-    /// @group grid-layout
-    .k-d-grid                   { display: grid; }
-    .k-grid-cols-none           { grid-template-columns: none; }
-    .k-grid-rows-none           { grid-template-rows: none; }
-
-
-    // Grid flow
-    .k-grid-flow-col            { grid-auto-flow: column; }
-    .k-grid-flow-col-dense      { grid-auto-flow: column dense; }
-    .k-grid-flow-row            { grid-auto-flow: row; }
-    .k-grid-flow-row-dense      { grid-auto-flow: row dense; }
-    .k-grid-flow-unset          { grid-auto-flow: unset; }
-
-
-    // Columns
-    .k-colspan-all              { grid-column: 1 / -1; }
-    .k-colspan-auto             { grid-column: auto; }
-
-
-    // Rows
-    .k-rowspan-all              { grid-row: 1 / -1; }
-    .k-rowspan-auto             { grid-row: auto; }
-
-
-    // Grid utilities
-    @for $i from 1 through $grid-cols {
-        .k-grid-cols-#{$i}   { grid-template-columns: repeat($i, minmax(0, 1fr)); }
-        .k-colspan-#{$i}    { grid-column: span $i; }
-        .k-col-start-#{$i}  { grid-column-start: $i; }
-        .k-col-end-#{$i}    { grid-column-end: $i; }
-    }
-    @for $i from 1 through $grid-rows {
-        .k-grid-rows-#{$i}   { grid-template-rows: repeat($i, minmax(0, 1fr)); }
-        .k-rowspan-#{$i}    { grid-row: span $i; }
-        .k-row-start-#{$i}  { grid-row-start: $i; }
-        .k-row-end-#{$i}    { grid-row-end: $i; }
-    }
-
-}

package/scss/utils/_order.scss

@@ -1,54 +0,0 @@
-@include exports( "utils/order" ) {
-
-    /// This is equivalent to `order: -9999;`.
-    /// @name .k-order-first
-    /// @group order
-    /// @contextType css
-    _ {}
-
-    /// This is equivalent to `order: 9999;`.
-    /// @name .k-order-last
-    /// @group order
-    /// @contextType css
-    _ {}
-
-    /// This is equivalent to `order: 0;`.
-    /// @name .k-order-none
-    /// @group order
-    /// @contextType css
-    _ {}
-
-    /// This is equivalent to `order: 1;`, `order: 2;`, `order: 12;`, etc.
-    /// @name .from k-order-1 to k-order-12
-    /// @group order
-    /// @contextType css
-    _ {}
-
-    // Order utility classes
-    $utils-order: (
-        first: -9999,
-        last: 9999,
-        none: 0,
-        1: 1,
-        2: 2,
-        3: 3,
-        4: 4,
-        5: 5,
-        6: 6,
-        7: 7,
-        8: 8,
-        9: 9,
-        10: 10,
-        11: 11,
-        12: 12
-    ) !default;
-
-    // sass-lint:disable no-important
-    @if $utils-order {
-        @each $order, $val in $utils-order {
-            .k-order-#{$order} { order: $val !important; }
-        }
-    }
-    // sass-lint:enable no-important
-
-}

package/scss/utils/_overflow.scss

@@ -1,87 +0,0 @@
-@include exports( "utils/overflow" ) {
-
-    // Overflow documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/overflow.
-
-    /// This is equivalent to `overflow: auto;`. Depends on the user agent. If content fits inside the padding box, it looks the same as visible, but still establishes a new block formatting context. Desktop browsers provide scrollbars if content overflows.
-    /// @name .k-overflow-auto
-    /// @group overflow
-    /// @contextType css
-    _ {}
-
-    /// This is equivalent to `overflow: hidden;`. Content is clipped if necessary to fit the padding box. No scrollbars are provided, and no support for allowing the user to scroll (such as by dragging or using a scroll wheel) is allowed. The content can be scrolled programmatically (for example, by setting the value of a property such as offsetLeft), so the element is still a scroll container.
-    /// @name .k-overflow-hidden
-    /// @group overflow
-    /// @contextType css
-    _ {}
-
-    /// This is equivalent to `overflow: visible;`. Content is not clipped and may be rendered outside the padding box.
-    /// @name .k-overflow-visible
-    /// @group overflow
-    /// @contextType css
-    _ {}
-
-    /// This is equivalent to `overflow: scroll;`. Content is clipped if necessary to fit the padding box. Browsers always display scrollbars whether or not any content is actually clipped, preventing scrollbars from appearing or disappearing as content changes. Printers may still print overflowing content.
-    /// @name .k-overflow-scroll
-    /// @group overflow
-    /// @contextType css
-    _ {}
-
-    /// This is equivalent to `overflow: clip;`. Like for hidden, the content is clipped to the element's padding box. The difference between clip and hidden is that the clip keyword also forbids all scrolling, including programmatic scrolling.
-    /// @name .k-overflow-clip
-    /// @group overflow
-    /// @contextType css
-    _ {}
-
-    /// This is equivalent to `overflow-x: VALUE;`. Sets what shows when content overflows a block-level element's left and right edges. The `VALUE` could be set to `auto`, `hidden`, `visible`, `scroll`, and `clip`.
-    /// @name .k-overflow-x-VALUE
-    /// @group overflow
-    /// @contextType css
-    _ {}
-
-    /// This is equivalent to `overflow-y: VALUE;`. Sets what shows when content overflows a block-level element's top and bottom edges. The `VALUE` could be set to `auto`, `hidden`, `visible`, `scroll`, and `clip`.
-    /// @name .k-overflow-y-VALUE
-    /// @group overflow
-    /// @contextType css
-    _ {}
-
-    /// This is equivalent to `overflow: VALUE_X VALUE_Y;`. This is a shorthand for `overflow-x: VALUE_X; overflow-y: VALUE_Y;`. The `VALUE_X` and `VALUE_Y` could be set to `auto`, `hidden`, `visible`, `scroll`, and `clip`.
-    /// @name .k-overflow-VALUE_X-VALUE_Y
-    /// @group overflow
-    /// @contextType css
-    _ {}
-
-    // Overflow utility classes
-    $utils-overflow: (
-        auto,
-        hidden,
-        visible,
-        scroll,
-        clip
-    ) !default;
-
-    // sass-lint:disable no-important
-    @if $utils-overflow {
-        @each $overflow in $utils-overflow {
-            .k-overflow-#{$overflow} { overflow: $overflow; }
-            .k-overflow-x-#{$overflow} { overflow-x: $overflow; }
-            .k-overflow-y-#{$overflow} { overflow-y: $overflow; }
-
-            .\!k-overflow-#{$overflow}   { overflow: $overflow !important; }
-            .\!k-overflow-x-#{$overflow} { overflow-x: $overflow !important; }
-            .\!k-overflow-y-#{$overflow} { overflow-y: $overflow !important; }
-        }
-
-
-        @each $overflow-x in $utils-overflow {
-            @each $overflow-y in $utils-overflow {
-                @if $overflow-x != $overflow-y {
-                    .k-overflow-#{$overflow-x}-#{$overflow-y} { overflow: $overflow-x $overflow-y; }
-
-                    .\!k-overflow-#{$overflow-x}-#{$overflow-y} { overflow: $overflow-x $overflow-y !important; }
-                }
-            }
-        }
-    }
-    // sass-lint:enable no-important
-
-}

package/scss/utils/_pointer-events.scss

@@ -1,30 +0,0 @@
-@include exports( "utils/pointer-events" ) {
-
-    // Pointer-events documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events.
-
-    /// This is equivalent to `pointer-events: none;`. The element is never the target of pointer events; however, pointer events may target its descendant elements if those descendants have pointer-events set to some other value. In these circumstances, pointer events will trigger event listeners on this parent element as appropriate on their way to/from the descendant during the event capture/bubble phases.
-    /// @name .k-pointer-events-none
-    /// @group pointer-events
-    /// @contextType css
-    _ {}
-
-    /// This is equivalent to `pointer-events: auto;`. The element behaves as it would if the pointer-events property were not specified. In SVG content, this value and the value visiblePainted have the same effect.
-    /// @name .k-pointer-events-auto
-    /// @group pointer-events
-    /// @contextType css
-    _ {}
-
-    // Pointer events utility classes
-    $utils-pointer-events: (
-        none,
-        auto
-    ) !default;
-
-    @if $utils-pointer-events {
-        @each $pointer-events in $utils-pointer-events {
-            // sass-lint:disable-block no-important
-            .k-pointer-events-#{$pointer-events} { pointer-events: $pointer-events !important; }
-        }
-    }
-
-}