@progress/kendo-theme-default 5.0.0-next.2 → 5.0.0

package/scss/upload/_layout.scss

@@ -13,6 +13,12 @@
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $rgba-transparent;
 
+        *,
+        *::before,
+        *::after {
+            box-sizing: border-box;
+        }
+
         .k-upload-button {
             min-width: 7em;
         }
@@ -168,7 +174,6 @@
                 border-style: solid;
                 font-size: ($font-size * .57);
                 text-transform: uppercase;
-                box-sizing: content-box;
                 position: absolute;
                 top: $upload-item-padding-y;
             }
@@ -206,7 +211,7 @@
             .k-file-single > .k-file-extension-wrapper + .k-file-name-size-wrapper {
                 // 24px - image width
                 margin-left: calc( 24px + #{$spacer-x} );
-                //34px - $upload-item-image-height; 2px - $upload-item-image-border;
+                // 34px - $upload-item-image-height; 2px - $upload-item-image-border;
                 min-height: 34px + (2px * 2);
                 display: block;
                 overflow: hidden;
@@ -333,7 +338,7 @@
             }
         }
 
-        //old rendering
+        // old rendering
         .k-progress {
             height: $upload-progress-thickness;
             position: absolute;
@@ -346,7 +351,7 @@
             position: absolute;
             bottom: $upload-item-padding-y / 2;
             // successed
-            width: calc(100% - #{$upload-item-padding-x}*2);
+            width: calc(100% - #{$upload-item-padding-x} * 2);
 
             .k-progress {
                 position: absolute;
@@ -369,7 +374,7 @@
         // RTL styles
         &[dir = "rtl"],
         .k-rtl & {
-            .k-dropzone  {
+            .k-dropzone {
                 text-align: left;
 
                 .k-upload-status > .k-icon {
@@ -385,11 +390,11 @@
                 margin-right: $padding-x;
             }
 
-            .k-button+.k-button {
+            .k-button + .k-button {
                 border-right-width: 0;
             }
 
-            //old rendering
+            // old rendering
             .k-progress {
                 left: auto;
                 right: 0;
@@ -422,84 +427,4 @@
         }
     }
 
-    .k-ie9 {
-        .k-upload-status-total {
-            top: 1.5em;
-
-            > .k-icon {
-                margin-top: -3px;
-            }
-        }
-    }
-
-    // No flexbox variant for older browsers
-    .k-no-flexbox {
-
-        // Upload files list
-        .k-upload-files {
-            .k-file-multiple,
-            .k-file-single {
-                display: block;
-                width: 100%;
-            }
-
-            .k-upload-status {
-                position: absolute;
-                right: $upload-item-padding-x;
-                top: $upload-item-padding-y;
-            }
-
-            .k-file-group-wrapper,
-            .k-file-invalid-group-wrapper,
-            .k-multiple-files-group-wrapper,
-            .k-multiple-files-invalid-group-wrapper {
-                position: absolute;
-                top: $upload-item-padding-y;
-            }
-
-            .k-multiple-files-wrapper,
-            .k-file-single > .k-file-name-size-wrapper,
-            .k-file > .k-file-name-size-wrapper {
-                margin-left: calc( #{$upload-group-icon-size} + #{$padding-x} );
-                margin-right: calc( (#{$button-calc-size} + #{$button-padding-x} * 2) + 2em );
-            }
-        }
-
-        .k-dropzone {
-            position: relative;
-            text-align: left;
-
-            .k-upload-button {
-                display: inline-block;
-            }
-
-            .k-dropzone-hint,
-            .k-upload-status-total {
-                position: absolute;
-                top: 50%;
-                right: $upload-dropzone-padding-x;
-                transform: translateY(-50%);
-            }
-        }
-
-        // RTL styles
-        [dir = "rtl"],
-        .k-rtl {
-            .k-dropzone-hint,
-            .k-upload-status-total,
-            .k-upload-files .k-upload-status {
-                right: auto;
-                left: $upload-dropzone-padding-x;
-            }
-
-            .k-multiple-files-wrapper,
-            .k-file-single > .k-file-name-size-wrapper,
-            .k-file > .k-file-name-size-wrapper {
-                margin-left: calc( (#{$button-calc-size} + #{$button-padding-x} * 2) + 2em );
-                margin-right: calc( #{$upload-group-icon-size} + #{$padding-x} );
-
-            }
-        }
-    }
-
 }

package/scss/utils/_border.scss

@@ -33,12 +33,20 @@
         top: ( border-top-left-radius, border-top-right-radius ),
         right: ( border-top-right-radius, border-bottom-right-radius ),
         bottom: ( border-bottom-left-radius, border-bottom-right-radius ),
-        left: ( border-bottom-left-radius, border-top-left-radius )
+        left: ( border-bottom-left-radius, border-top-left-radius ),
+        top-left: border-top-left-radius,
+        top-right: border-top-right-radius,
+        bottom-left: border-bottom-left-radius,
+        bottom-right: border-bottom-right-radius
     ) !default;
 
     $utils-border-radius: (
         default: map-get( $spacing, 1 ),
-        0: 0
+        0: 0,
+        sm: ( map-get( $spacing, 1 ) / 4 ),
+        md: ( map-get( $spacing, 1 ) / 2 ),
+        lg: map-get( $spacing, 1 ),
+        full: 9999px
     ) !default;
 
 
@@ -84,6 +92,11 @@
                 $_selector-suffix: if( $radius == default, "", "-#{$radius}" );
 
                 .k-#{$_selector-base}#{$_selector-suffix} {
+                    @each $prop in $props {
+                        #{$prop}: $value;
+                    }
+                }
+                .\!k-#{$_selector-base}#{$_selector-suffix} {
                     @each $prop in $props {
                         #{$prop}: $value !important;
                     }

package/scss/utils/_display.scss

@@ -1,6 +1,7 @@
 @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.
 

package/scss/utils/_flex.scss

@@ -1,39 +1,49 @@
 @include exports( "utils/flex" ) {
 
+    // stylelint-disable block-opening-brace-space-before
+
     // Flex documentation sourced from https://css-tricks.com/almanac/properties/f/flex/.
 
     /// @name k-d-flex
     /// @description 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.
     /// @group flex-layout
     .k-d-flex                        { display: flex; }
+    .\!k-d-flex                      { display: flex !important; } // sass-lint:disable-line no-important class-name-format
     /// @name k-d-inline-flex
     /// @description 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.
     /// @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
     /// @name k-d-flex-row
     /// @description This is equivalent to `display: inline-flex` and `flex-direction: row`.
     /// @group flex-layout
-    .k-d-flex-row                    { display: flex; flex-direction: row; } // sass-lint:disable-line one-declaration-per-line
+    .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
     /// @name k-d-flex-col
     /// @description This is equivalent to `display: inline-flex` and `flex-direction: column`.
     /// @group flex-layout
-    .k-d-flex-col                    { display: flex; flex-direction: column; } // sass-lint:disable-line one-declaration-per-line
+    .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
     /// @name k-flex-row
     /// @description 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`.
     /// @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
     /// @name k-flex-row-reverse
     /// @description 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`.
     /// @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
     /// @name k-flex-col
     /// @description 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.
     /// @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
     /// @name k-flex-col-reverse
     /// @description 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.
     /// @group flex-layout
     .k-flex-col-reverse              { flex-direction: column-reverse; }
+    .\!k-flex-col-reverse            { flex-direction: column-reverse; } // sass-lint:disable-line no-important class-name-format
 
 
     // Aliases
@@ -88,7 +98,7 @@
     /// @group flex-layout
     .k-flex-shrink                   { flex-shrink: 1; }
     /// @name k-flex-shrink-0
-    /// @description This is equivalent to `flex-shrink: 0`. The item will not srhink.
+    /// @description This is equivalent to `flex-shrink: 0`. The item will not shrink.
     /// @group flex-layout
     .k-flex-shrink-0                 { flex-shrink: 0; }
     /// @name k-flex-basis-auto

package/scss/utils/_grid.scss

@@ -1,5 +1,7 @@
 @include exports("utils/grid") {
 
+    // stylelint-disable block-opening-brace-space-before
+
     /// @name k-d-grid
     /// @description This is equivalent to `display: grid`. It defines the element as a grid container and establishes a new grid formatting context for its contents.
     /// @group grid-layout

package/scss/utils/_index.scss

@@ -20,6 +20,7 @@
 @import "_spacer.scss";
 @import "_table-layout.scss";
 @import "_text.scss";
+@import "_theme-colors.scss";
 @import "_touch-action.scss";
 @import "_transform.scss";
 @import "_user-select.scss";

package/scss/utils/_position.scss

@@ -110,7 +110,7 @@
     /// @name k-pos-middle-center
     /// @description This is equivalent to `top: 50%; left: 50%; transform: translate(-50%, -50%);`.
     /// @group position
-    .k-middle-center ,
+    .k-middle-center,
     .k-pos-middle-center {
         top: 50%;
         left: 50%;
@@ -120,7 +120,7 @@
     /// @name k-pos-middle-end
     /// @description This is equivalent to `top: 50%; right: 0; transform: translateY(-50%);`.
     /// @group position
-    .k-middle-end ,
+    .k-middle-end,
     .k-pos-middle-end {
         top: 50%;
         right: 0;

package/scss/utils/_spacing.scss

@@ -111,4 +111,28 @@
         }
     }
 
+    // @name k-gap-VALUE
+    // @description This is equivalent to `gap: VALUE;`. Gap area between both rows and columns in grid and flexbox layouts.
+    // @group spacing
+
+    // @name k-gap-x-VALUE
+    // @description This is equivalent to `column-gap: VALUE;`. Gap area between columns in grid and flexbox layouts.
+    // @group spacing
+
+    // @name k-gap-y-VALUE
+    // @description This is equivalent to `row-gap: VALUE;`. Gap area between rows in grid and flexbox layouts.
+    // @group spacing
+
+    // Gap
+    .k-no-gap { gap: 0 !important; }
+
+    @each $size, $val in $spacing {
+        .k-gap-#{$size}     { gap: $val; }
+        .k-gap-x-#{$size}   { column-gap: $val; }
+        .k-gap-y-#{$size}   { row-gap: $val; }
+
+        .\!k-gap-#{$size}   { gap: $val !important; }
+        .\!k-gap-x-#{$size} { column-gap: $val !important; }
+        .\!k-gap-y-#{$size} { row-gap: $val !important; }
+    }
 }

package/scss/utils/_table-layout.scss

@@ -1,6 +1,7 @@
 @include exports( "utils/table-layout" ) {
 
     // sass-lint:disable-block no-important
+    // stylelint-disable block-opening-brace-space-before
 
     // Table-layout documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout.
 

package/scss/utils/_text.scss

@@ -1,5 +1,7 @@
 @include exports( "utils/text" ) {
 
+    // stylelint-disable block-opening-brace-space-before
+
     // White-space documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/white-space.
     // Text-align documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/text-align.
     // Text-transform documentation sourced from https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform.

package/scss/{common/_decoration.scss → utils/_theme-colors.scss}

@@ -1,16 +1,14 @@
 @include exports( "common/decoration/color" ) {
 
     // sass-lint:disable-block no-important
+    // stylelint-disable block-opening-brace-space-before
 
-    .k-text-primary     { color: $primary !important; }
-    .k-text-info        { color: $info !important; }
-    .k-text-success     { color: $success !important; }
-    .k-text-warning     { color: $warning !important; }
-    .k-text-error       { color: $error !important; }
-
-    .k-text-base        { color: $base-text; }
+    .k-text-base,
+    .k-color-base {
+        color: $base-text;
+    }
 
-    .k-color-inherit    { color: inherit; }
+    .k-color-inherit { color: inherit; }
 
     @each $name, $color in $theme-colors {
         .k-text-#{$name},
@@ -26,11 +24,11 @@
 
     // sass-lint:disable-block no-important
 
-    .k-bg-primary       { background-color: $primary !important; }
-    .k-bg-info          { background-color: $info !important; }
-    .k-bg-success       { background-color: $success !important; }
-    .k-bg-warning       { background-color: $warning !important; }
-    .k-bg-error         { background-color: $error !important; }
+    @each $name, $bg-color in $theme-colors {
+        .k-bg-#{$name} {
+            background-color: $bg-color !important;
+        }
+    }
 
 }
 
@@ -43,12 +41,11 @@
 
 @include exports( "common/decoration/variant" ) {
 
-    .k-state-primary    { @include variant( $primary ); }
-    .k-state-info       { @include variant( $info ); }
-    .k-state-success    { @include variant( $success ); }
-    .k-state-warning    { @include variant( $warning ); }
-    .k-state-error      { @include variant( $error ); }
-
+    @each $name, $variant in $theme-colors {
+        .k-state-#{$name} {
+            @include variant( $variant );
+        }
+    }
 }
 
 

package/scss/utils/_transform.scss

@@ -1,5 +1,7 @@
 @include exports( "utils/transform" ) {
 
+    // stylelint-disable block-opening-brace-space-before
+
     // Flip
 
     /// @name k-flip-h

package/scss/virtual-scroller/_index.scss

@@ -0,0 +1,10 @@
+@import "../core/_index.scss";
+
+
+// Dependencies
+
+
+// Component
+@import "_variables.scss";
+@import "_layout.scss";
+@import "_theme.scss";

package/scss/virtual-scroller/_layout.scss

@@ -0,0 +1,35 @@
+@include exports( "virtual-scroller/layout" ) {
+
+    // Virtual scroller
+    .k-virtual-scroller {
+        width: 100%;
+        height: 100%;
+        flex: 1 1 auto;
+        overflow: auto;
+        position: relative;
+    }
+
+
+    // Virtual scroller wrap
+    .k-virtual-scroller-wrap {
+        position: relative;
+        z-index: 1;
+    }
+
+
+    // Virtual scroller content
+    .k-virtual-scroller-content {
+        position: absolute;
+        width: 100%;
+        top: 0;
+        inset-inline-start: 0;
+    }
+
+
+    // Virtual scroller size
+    .k-virtual-scroller-size {
+        position: relative;
+        z-index: 0;
+    }
+
+}

package/scss/virtual-scroller/_theme.scss

@@ -0,0 +1,3 @@
+@include exports( "virtual-scroller/theme" ) {
+
+}

package/scss/virtual-scroller/_variables.scss

@@ -0,0 +1 @@
+// Virtual-scroller

package/scss/window/_layout.scss

@@ -18,10 +18,10 @@
         -webkit-tap-highlight-color: $rgba-transparent;
 
         // overlay during dragging
-        //.k-overlay {
+        // .k-overlay {
         //    position: absolute;
         //    opacity: 0;
-        //}
+        // }
     }
     .k-window.k-window-maximized {
         max-width: 100vw;
@@ -64,8 +64,7 @@
         cursor: default;
         flex: 1;
         display: flex;
-        flex-direction: row;
-        flex-wrap: nowrap;
+        flex-flow: row nowrap;
 
         &::before {
             content: "\200b";
@@ -111,10 +110,10 @@
         margin-top: -($window-inner-padding-y / 2);
     }
     .k-window-content:first-child {
-        padding-top: #{"max( #{$window-inner-padding-y}, #{$window-titlebar-padding-y} )"};
+        padding-top: clamp( #{$window-inner-padding-y}, #{$window-titlebar-padding-y}, #{$window-titlebar-padding-y} );
     }
     .k-window-content:last-child {
-        padding-bottom: #{"max( #{$window-inner-padding-y}, #{$window-titlebar-padding-y} )"};
+        padding-bottom: clamp( #{$window-inner-padding-y}, #{$window-titlebar-padding-y}, #{$window-titlebar-padding-y} );
     }
 
     .k-window-iframecontent {
@@ -130,6 +129,7 @@
     }
 
     // Buttons Layout
+    .k-window-buttons,
     .k-window-buttongroup {
         @include border-bottom-radius( $window-border-radius );
         padding: $window-buttongroup-padding-y $window-buttongroup-padding-x;
@@ -147,7 +147,6 @@
     // Prompt
     .k-prompt-container {
 
-        > .k-textbox,
         > .k-textarea {
             width: 100%;
         }

package/scss/window/_variables.scss

@@ -11,7 +11,7 @@ $window-titlebar-border-width: 0 0 1px !default;
 $window-titlebar-border-style: solid !default;
 
 $window-title-font-size: $font-size-lg !default;
-$window-title-line-height: ( 20 / 18 ) !default;
+$window-title-line-height: 1.25 !default;
 
 $window-actions-gap: null !default;
 
@@ -37,9 +37,8 @@ $window-titlebar-gradient: null !default;
 $window-shadow: 0 3px 3px 0 rgba(0, 0, 0, .06) !default;
 $window-focused-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .3) !default;
 
-$window-sizes: () !default;
-$window-sizes: map-merge((
-        sm: 300px,
-        md: 800px,
-        lg: 1200px
-), $window-sizes);
+$window-sizes: (
+    sm: 300px,
+    md: 800px,
+    lg: 1200px
+) !default;

package/scss/wizard/_layout.scss

@@ -16,11 +16,13 @@
         overflow: hidden;
 
         .k-wizard-steps {
+            box-sizing: border-box;
             display: flex;
             overflow: hidden;
         }
 
         .k-wizard-step {
+            box-sizing: border-box;
             padding: calc(#{$wizard-content-padding-x / 4} + 2px);
             width: 100%;
             display: flex;
@@ -37,11 +39,13 @@
         }
 
         .k-wizard-content {
+            box-sizing: border-box;
             overflow-y: auto;
         }
 
         .k-wizard-buttons {
             margin-top: $wizard-content-padding-y;
+            box-sizing: border-box;
             display: flex;
             flex-wrap: nowrap;
             align-items: center;
@@ -96,9 +100,7 @@
         }
 
         .k-wizard-content {
-            flex-grow: 1;
-            flex-shrink: 1;
-            flex-basis: auto;
+            flex: 1 1 0%;
         }
 
         .k-wizard-steps {

package/scss/colorpicker/images/alpha-slider-bgr-reversed.scss

@@ -1,3 +0,0 @@
-@include exports("alpha-slider-bgr-reversed.png") {
-    @include register-data-uri("alpha-slider-bgr-reversed.png", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAQCAYAAABnaabpAAAACXBIWXMAABbqAAAW6gHljkMQAAAGvmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTA4LTIwVDE0OjU0OjQxKzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wNVQxMzoyNjozMCswMjowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMi0wNVQxMzoyNjozMCswMjowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpjNTNiZjJiNC01Y2RhLTQzNGMtOTJmNS05NDg2NjdlZjRmYTgiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDowYjMzZmFjMi1mYzM4LTI0NGItYjRkMS05OWE2ZDNhNWE4ZWIiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1YjI5M2E2NC00YTc0LWY0NDQtYmRjOC02MjI0ZjUwOTY2NGEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjViMjkzYTY0LTRhNzQtZjQ0NC1iZGM4LTYyMjRmNTA5NjY0YSIgc3RFdnQ6d2hlbj0iMjAxOS0wOC0yMFQxNDo1NDo0MSswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplNWEyZTA2Yy1lZWQwLTVhNGMtYjZjMC1lMGZiZjhmZjBkNjciIHN0RXZ0OndoZW49IjIwMTktMTItMDVUMTM6MjY6MzArMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YzUzYmYyYjQtNWNkYS00MzRjLTkyZjUtOTQ4NjY3ZWY0ZmE4IiBzdEV2dDp3aGVuPSIyMDE5LTEyLTA1VDEzOjI2OjMwKzAyOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PKc3+gAABx9JREFU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")
-}

package/scss/colorpicker/images/alpha-slider-bgr.scss

@@ -1,3 +0,0 @@
-@include exports("alpha-slider-bgr.png") {
-    @include register-data-uri("alpha-slider-bgr.png", "data:image/png;base64,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")
-}