@progress/kendo-theme-material 5.0.0-next.4 → 5.0.2-dev.0

package/scss/color-preview/_index.scss

@@ -0,0 +1,11 @@
+@import "../core/_index.scss";
+
+
+// Dependencies
+
+
+// Component
+@import "../colorgradient/images/alpha-slider-bgr.scss";
+@import "_variables.scss";
+@import "_layout.scss";
+@import "_theme.scss";

package/scss/color-preview/_layout.scss

@@ -0,0 +1 @@
+@import "~@progress/kendo-theme-default/scss/color-preview/_layout.scss";

package/scss/color-preview/_theme.scss

@@ -0,0 +1 @@
+@import "~@progress/kendo-theme-default/scss/color-preview/_theme.scss";

package/scss/color-preview/_variables.scss

@@ -0,0 +1,14 @@
+// Color Preview
+$color-preview-border-radius: $border-radius !default;
+$color-preview-border-width: 1px !default;
+$color-preview-bg: null !default;
+$color-preview-text: null !default;
+$color-preview-border: $component-border !default;
+$color-preview-hover-border: $hovered-border !default;
+
+$color-preview-no-color-bg: $white !default;
+$color-preview-no-color-text: $error !default;
+$color-preview-no-color-border: null !default;
+
+$color-preview-no-color-image: escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' version='1.1'><line x1='0' x2='20' y1='0' y2='20' stroke='#{$color-preview-no-color-text}' stroke-width='1'/></svg>") ) !default;
+$color-preview-transparent-color-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC") !default;

package/scss/coloreditor/_index.scss

@@ -0,0 +1,14 @@
+@import "../core/_index.scss";
+
+
+// Dependencies
+@import "../common/_index.scss";
+@import "../action-buttons/_index.scss";
+@import "../color-preview/_index.scss";
+@import "../colorpalette/_index.scss";
+@import "../colorgradient/_index.scss";
+
+// Component
+@import "_variables.scss";
+@import "_layout.scss";
+@import "_theme.scss";

package/scss/coloreditor/_layout.scss

@@ -0,0 +1 @@
+@import "~@progress/kendo-theme-default/scss/coloreditor/_layout.scss";

package/scss/coloreditor/_theme.scss

@@ -0,0 +1 @@
+@import "~@progress/kendo-theme-default/scss/coloreditor/_theme.scss";

package/scss/coloreditor/_variables.scss

@@ -0,0 +1,27 @@
+// Coloreditor/FlatColorPicker
+$coloreditor-spacer: map-get( $spacing, 3 ) !default;
+
+$coloreditor-min-width: 294px !default;
+$coloreditor-border-width: 1px !default;
+$coloreditor-border-radius: $border-radius !default;
+$coloreditor-font-family: $font-family !default;
+$coloreditor-font-size: $font-size !default;
+$coloreditor-line-height: $line-height !default;
+$coloreditor-bg: $component-bg !default;
+$coloreditor-text: $component-text !default;
+$coloreditor-border: $component-border !default;
+
+$coloreditor-focus-border: $hovered-border !default;
+$coloreditor-focus-shadow: $box-shadow-depth-2 !default;
+
+$coloreditor-header-padding-y: $coloreditor-spacer !default;
+$coloreditor-header-padding-x: $coloreditor-header-padding-y !default;
+$coloreditor-header-actions-gap: map-get( $spacing, 2 ) !default;
+
+$coloreditor-preview-gap: map-get( $spacing, 1 ) !default;
+$coloreditor-color-preview-width: 32px !default;
+$coloreditor-color-preview-height: 12px !default;
+
+$coloreditor-views-padding-y: $coloreditor-spacer !default;
+$coloreditor-views-padding-x: $coloreditor-views-padding-y !default;
+$coloreditor-views-gap: $coloreditor-spacer !default;

package/scss/colorgradient/_index.scss

@@ -0,0 +1,19 @@
+@import "../core/_index.scss";
+
+
+// Dependencies
+@import "../common/_index.scss";
+@import "../utils/_flex.scss";
+@import "../utils/_spacer.scss";
+@import "../icons/_index.scss";
+@import "../button/_index.scss";
+@import "../slider/_index.scss";
+@import "../textbox/_index.scss";
+@import "../numerictextbox/_index.scss";
+
+
+// Component
+@import "images/alpha-slider-bgr.scss";
+@import "_variables.scss";
+@import "_layout.scss";
+@import "_theme.scss";

package/scss/colorgradient/_layout.scss

@@ -0,0 +1 @@
+@import "~@progress/kendo-theme-default/scss/colorgradient/_layout.scss";

package/scss/colorgradient/_theme.scss

@@ -0,0 +1 @@
+@import "~@progress/kendo-theme-default/scss/colorgradient/_theme.scss";

package/scss/colorgradient/_variables.scss

@@ -0,0 +1,51 @@
+// ColorGradient
+$colorgradient-spacer: map-get( $spacing, 3 ) !default;
+
+$colorgradient-width: 294px !default;
+$colorgradient-border-width: 1px !default;
+$colorgradient-border-radius: $border-radius !default;
+$colorgradient-padding-y: $colorgradient-spacer !default;
+$colorgradient-padding-x: $colorgradient-padding-y !default;
+$colorgradient-gap: $colorgradient-spacer !default;
+$colorgradient-font-family: $font-family !default;
+$colorgradient-font-size: $font-size !default;
+$colorgradient-line-height: $line-height !default;
+$colorgradient-bg: $component-bg !default;
+$colorgradient-text: $component-text !default;
+$colorgradient-border: $component-border !default;
+
+$colorgradient-focus-border: $hovered-border !default;
+$colorgradient-focus-shadow: $box-shadow-depth-2 !default;
+
+$colorgradient-canvas-border-radius: $border-radius !default;
+$colorgradient-canvas-gap: $colorgradient-spacer !default;
+$colorgradient-canvas-rectangle-height: 180px !default;
+
+$colorgradient-slider-track-size: 10px !default;
+$colorgradient-slider-border-radius: 10px !default;
+$colorgradient-slider-draghandle-border-width: 3px !default;
+
+$colorgradient-slider-vertical-size: 180px !default;
+$colorgradient-slider-horizontal-size: 100% !default;
+
+$colorgradient-draghandle-width: 14px !default;
+$colorgradient-draghandle-height: 14px !default;
+$colorgradient-draghandle-border-width: 1px !default;
+$colorgradient-draghandle-border-radius: 50% !default;
+$colorgradient-draghandle-bg: transparent !default;
+$colorgradient-draghandle-text: null !default;
+$colorgradient-draghandle-border: rgba( $white, .8) !default;
+$colorgradient-draghandle-shadow: 0 1px 4px rgba(0, 0, 0, .5) !default;
+$colorgradient-draghandle-focus-shadow: 0 1px 4px black !default;
+$colorgradient-draghandle-hover-shadow: $colorgradient-draghandle-focus-shadow !default;
+
+$colorgradient-canvas-draghandle-margin-y: -( $colorgradient-draghandle-height / 2 ) !default;
+$colorgradient-canvas-draghandle-margin-x: -( $colorgradient-draghandle-width / 2 ) !default;
+
+$colorgradient-input-width: 50px !default;
+$colorgradient-input-gap: map-get( $spacing, 2 ) !default;
+$colorgradient-input-label-gap: map-get( $spacing, 1 ) !default;
+$colorgradient-input-label-text: $disabled-text !default;
+
+$colorgradient-contrast-ratio-font-weight: $font-weight-bold !default;
+$colorgradient-contrast-spacer: map-get( $spacing, 2 ) !default;

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

@@ -0,0 +1,3 @@
+@include exports("alpha-slider-bgr.png") {
+    @include register-data-uri("alpha-slider-bgr.png", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC");
+}

package/scss/colorpalette/_index.scss

@@ -0,0 +1,12 @@
+@import "../core/_index.scss";
+
+
+// Dependencies
+@import "../common/_index.scss";
+@import "../utils/_flex.scss";
+
+
+// Component
+@import "_variables.scss";
+@import "_layout.scss";
+@import "_theme.scss";

package/scss/colorpalette/_layout.scss

@@ -0,0 +1 @@
+@import "~@progress/kendo-theme-default/scss/colorpalette/_layout.scss";

package/scss/colorpalette/_theme.scss

@@ -0,0 +1 @@
+@import "~@progress/kendo-theme-default/scss/colorpalette/_theme.scss";

package/scss/colorpalette/_variables.scss

@@ -0,0 +1,10 @@
+// Colorpalette
+$colorpalette-font-family: $font-family !default;
+$colorpalette-font-size: $font-size !default;
+$colorpalette-line-height: 0 !default;
+
+$colorpalette-tile-width: map-get( $spacing, 6 ) !default;
+$colorpalette-tile-height: $colorpalette-tile-width !default;
+$colorpalette-tile-focus-shadow: 0 0 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, .5 ) !default;
+$colorpalette-tile-hover-shadow: 0 0 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, .8 ) !default;
+$colorpalette-tile-selected-shadow: 0 1px 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, 1 ) !default;

package/scss/colorpicker/_index.scss

@@ -2,18 +2,15 @@
 
 
 // Dependencies
-@import "../common/_index.scss";
-@import "../utils/_flex.scss";
+@import "../input/_index.scss";
 @import "../button/_index.scss";
-@import "../numerictextbox/_index.scss";
-@import "../slider/_index.scss";
+@import "../colorpalette/_index.scss";
+@import "../colorgradient/_index.scss";
 @import "../popup/_index.scss";
 @import "../icons/_index.scss";
 
 
 // Component
 @import "_variables.scss";
-@import "images/alpha-slider-bgr.scss";
-@import "images/alpha-slider-bgr-reversed.scss";
 @import "_layout.scss";
 @import "_theme.scss";

package/scss/colorpicker/_layout.scss

@@ -1,62 +1 @@
 @import "~@progress/kendo-theme-default/scss/colorpicker/_layout.scss";
-
-@include exports( "colorpicker/layout/material" ) {
-
-    .k-colorpicker {
-
-        // Selected color
-        .k-selected-color {
-            margin: $button-padding-y;
-            padding: 0;
-            border-width: 1px;
-            border-style: solid;
-            width: ($button-line-height * 1em);
-            height: ($button-line-height * 1em);
-            overflow: visible;
-
-            .k-i-line {
-                width: 1em;
-                height: 1em;
-                border: 0;
-                font-size: 32px;
-                transform: translate(-50%, -50%);
-            }
-            .k-i-line::before {
-                content: "\e514";
-                display: inline;
-            }
-        }
-
-        .k-picker-wrap {
-            border-width: $input-border-width 0;
-            border-top-color: transparent !important; // sass-lint:disable-line no-important
-
-            // Disabled
-            .k-state-disabled > &,
-            &.k-state-disabled {
-                border-bottom-style: dashed;
-            }
-        }
-
-    }
-
-    .k-flatcolorpicker {
-        .k-horizontal {
-
-            &.k-gradient-values {
-                // sass-lint:disable-block nesting-depth
-
-                div {
-                    height: 14px;
-                    line-height: 1;
-                }
-
-                div,
-                input,
-                .k-numerictextbox {
-                    text-align: left;
-                }
-            }
-        }
-    }
-}

package/scss/colorpicker/_theme.scss

@@ -1,38 +1 @@
 @import "~@progress/kendo-theme-default/scss/colorpicker/_theme.scss";
-
-@include exports( "colorpicker/theme/material" ) {
-
-    .k-colorpicker {
-        .k-picker-wrap {
-
-            .k-selected-color {
-                border-color: rgba( 0, 0, 0, .08 );
-            }
-
-            .k-select {
-                color: $colorpicker-select-text;
-            }
-
-            // Hover
-            &:hover,
-            &.k-state-hover {
-
-                .k-select {
-                    color: $colorpicker-select-hovered-text;
-                }
-            }
-
-            // Focused
-            &.k-state-focused,
-            .k-state-focused > & {
-
-                .k-select {
-                    color: $colorpicker-select-focused-text;
-                }
-            }
-
-        }
-
-    }
-
-}

package/scss/colorpicker/_variables.scss

@@ -1,44 +1 @@
-// Colorpicker
-$colorpicker-rect-padding: $padding-x * 1.5 !default;
-$colorpicker-margin: 8px !default;
-$colorpicker-width: 356px !default;
-$colorpicker-border-width: 1px !default;
-$colorpicker-font-family: $font-family !default;
-$colorpicker-font-size: $font-size !default;
-$colorpicker-line-height: $line-height !default;
-$colorpicker-draghandle-width: 14px !default;
-$colorpicker-draghandle-height: 14px !default;
-$colorpicker-slider-track-size: 10px !default;
-$colorpicker-slider-border-radius: 10px !default;
-$colorpicker-input-width: 50px !default;
-$colorpicker-hex-input-width: 70px !default;
-$colorpicker-input-padding-x: $input-padding-x !default;
-$colorpicker-input-padding-y: $input-padding-y !default;
-
-$colorpicker-select-border-width: 0px !default;
-
-$colorpicker-bg: null !default;
-$colorpicker-text: $input-text !default;
-$colorpicker-border: $input-border !default;
-$colorpicker-gradient: null !default;
-
-$colorpicker-hovered-bg: null !default;
-$colorpicker-hovered-text: null !default;
-$colorpicker-hovered-border: $input-hovered-border !default;
-$colorpicker-hovered-gradient: null !default;
-
-$colorpicker-focused-bg: null !default;
-$colorpicker-focused-text: null !default;
-$colorpicker-focused-border: $input-focused-border !default;
-$colorpicker-focused-gradient: null !default;
-$colorpicker-focused-shadow: null !default;
-
-$colorpicker-select-text: $subtle-text !default;
-$colorpicker-select-hovered-text: $input-text !default;
-$colorpicker-select-focused-text: $input-text !default;
-
-$colorpicker-draghandle-shadow: 0 1px 4px rgba(0, 0, 0, .5) !default;
-$colorpicker-draghandle-focused-shadow: 0 1px 4px black !default;
-
-$colorpalette-hovered-shadow: 0 0 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, .8 ) !default;
-$colorpalette-focused-shadow: 0 1px 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, 1 ) !default;
+// Color picker

package/scss/combobox/_index.scss

@@ -7,6 +7,7 @@
 @import "../floating-label/_index.scss";
 @import "../icons/_index.scss";
 @import "../popup/_index.scss";
+@import "../list/_index.scss";
 
 
 // Component

package/scss/combobox/_layout.scss

@@ -1,17 +1 @@
 @import "~@progress/kendo-theme-default/scss/combobox/_layout.scss";
-
-@include exports( "combobox/layout/material" ) {
-
-    .k-combobox {
-        .k-dropdown-wrap {
-            border-width: $input-border-width 0;
-            border-top-color: transparent !important; // sass-lint:disable-line no-important
-
-            // Disabled
-            &.k-state-disabled {
-                border-bottom-style: dashed;
-            }
-        }
-    }
-
-}

package/scss/combobox/_variables.scss

@@ -1,33 +1 @@
-// Comboboxes
-$combobox-select-padding-x: ($button-padding-y / 2) !default;
-$combobox-select-padding-y: $button-padding-y !default;
-$combobox-select-width: null !default;
-$combobox-select-border-width: 0px !default;
-
-$combobox-bg: $input-bg !default;
-$combobox-text: $input-text !default;
-$combobox-border: $input-border !default;
-
-$combobox-hovered-bg: $input-hovered-bg !default;
-$combobox-hovered-text: $input-hovered-text !default;
-$combobox-hovered-border: $input-hovered-border !default;
-
-$combobox-focused-bg: $input-focused-bg !default;
-$combobox-focused-text: $input-focused-text !default;
-$combobox-focused-border: $input-focused-border !default;
-$combobox-focused-shadow: $input-focused-shadow !default;
-
-$combobox-select-bg: null !default;
-$combobox-select-text: $subtle-text !default;
-$combobox-select-border: null !default;
-$combobox-select-gradient: null !default;
-
-$combobox-select-hovered-bg: null !default;
-$combobox-select-hovered-text: $input-text !default;
-$combobox-select-hovered-border: null !default;
-$combobox-select-hovered-gradient: null !default;
-
-$combobox-select-pressed-bg: null !default;
-$combobox-select-pressed-text: null !default;
-$combobox-select-pressed-border: null !default;
-$combobox-select-pressed-gradient: null !default;
+// Combobox

package/scss/dataviz/_index.scss

@@ -5,6 +5,7 @@
 @import "../common/_index.scss";
 @import "../popup/_index.scss";
 @import "../tooltip/_index.scss";
+@import "../button/_variables.scss";
 
 
 // Component

package/scss/dataviz/_variables.scss

@@ -1,7 +1,7 @@
 // Chart
 /// The first base series color and its light and dark shades.
 /// @group charts
-$series-a: get-base-hue( teal, 500 ) !default;
+$series-a: get-base-hue( purple, 500 ) !default;
 $series-a-dark: mix(black, $series-a, 25%) !default;
 $series-a-darker: mix(black, $series-a, 50%) !default;
 $series-a-light: mix(white, $series-a, 25%) !default;
@@ -17,7 +17,7 @@ $series-b-lighter: mix(white, $series-b, 50%) !default;
 
 /// The third base series color and its light and dark shades.
 /// @group charts
-$series-c: get-base-hue( purple, 500 ) !default;
+$series-c: get-base-hue( teal, 500 ) !default;
 $series-c-dark: mix(black, $series-c, 25%) !default;
 $series-c-darker: mix(black, $series-c, 50%) !default;
 $series-c-light: mix(white, $series-c, 25%) !default;
@@ -25,7 +25,7 @@ $series-c-lighter: mix(white, $series-c, 50%) !default;
 
 /// The fourth base series color and its light and dark shades.
 /// @group charts
-$series-d: get-base-hue( red, 500 ) !default;
+$series-d: get-base-hue( yellow, 500 ) !default;
 $series-d-dark: mix(black, $series-d, 25%) !default;
 $series-d-darker: mix(black, $series-d, 50%) !default;
 $series-d-light: mix(white, $series-d, 25%) !default;
@@ -33,7 +33,7 @@ $series-d-lighter: mix(white, $series-d, 50%) !default;
 
 /// The fifth base series color and its light and dark shades.
 /// @group charts
-$series-e: get-base-hue( yellow, 500 ) !default;
+$series-e: get-base-hue( red, 500 ) !default;
 $series-e-dark: mix(black, $series-e, 25%) !default;
 $series-e-darker: mix(black, $series-e, 50%) !default;
 $series-e-light: mix(white, $series-e, 25%) !default;

package/scss/dateinput/_index.scss

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

package/scss/dateinput/_layout.scss

@@ -0,0 +1 @@
+@import "~@progress/kendo-theme-default/scss/dateinput/_layout.scss";

package/scss/dateinput/_theme.scss

@@ -0,0 +1 @@
+@import "~@progress/kendo-theme-default/scss/dateinput/_theme.scss";

package/scss/dateinput/_variables.scss

@@ -0,0 +1 @@
+// Date input

package/scss/datepicker/_index.scss

@@ -0,0 +1,13 @@
+@import "../core/_index.scss";
+
+
+// Dependencies
+@import "../input/_index.scss";
+@import "../popup/_index.scss";
+@import "../calendar/_index.scss";
+
+
+// Component
+@import "_variables.scss";
+@import "_layout.scss";
+@import "_theme.scss";

package/scss/datepicker/_layout.scss

@@ -0,0 +1 @@
+@import "~@progress/kendo-theme-default/scss/datepicker/_layout.scss";

package/scss/datepicker/_theme.scss

@@ -0,0 +1 @@
+@import "~@progress/kendo-theme-default/scss/datepicker/_theme.scss";

package/scss/datepicker/_variables.scss

@@ -0,0 +1 @@
+// Datepicker

package/scss/{datetime → daterangepicker}/_index.scss

@@ -3,11 +3,10 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../action-buttons/_index.scss";
 @import "../input/_index.scss";
 @import "../floating-label/_index.scss";
-@import "../calendar/_index.scss";
 @import "../popup/_index.scss";
+@import "../icons/_index.scss";
 
 
 // Component

package/scss/daterangepicker/_layout.scss

@@ -0,0 +1 @@
+@import "~@progress/kendo-theme-default/scss/daterangepicker/_layout.scss";

package/scss/daterangepicker/_theme.scss

@@ -0,0 +1 @@
+@import "~@progress/kendo-theme-default/scss/daterangepicker/_theme.scss";

package/scss/daterangepicker/_variables.scss

@@ -0,0 +1,2 @@
+// Daterangepicker
+$kendo-daterange-picker-input-width: 10em;

package/scss/datetimepicker/_index.scss

@@ -0,0 +1,17 @@
+@import "../core/_index.scss";
+
+
+// Dependencies
+@import "../input/_index.scss";
+@import "../button/_index.scss";
+@import "../popup/_index.scss";
+@import "../list/_index.scss";
+@import "../calendar/_index.scss";
+@import "../timeselector/_index.scss";
+@import "../action-buttons/_index.scss";
+
+
+// Component
+@import "_variables.scss";
+@import "_layout.scss";
+@import "_theme.scss";

package/scss/datetimepicker/_layout.scss

@@ -0,0 +1 @@
+@import "~@progress/kendo-theme-default/scss/datetimepicker/_layout.scss";

package/scss/datetimepicker/_theme.scss

@@ -0,0 +1 @@
+@import "~@progress/kendo-theme-default/scss/datetimepicker/_theme.scss";

package/scss/datetimepicker/_variables.scss

@@ -0,0 +1,2 @@
+// DateTime
+$datetime-width: calc( #{$calendar-cell-size * 8} + #{$infinite-calendar-view-padding-x * 2}) !default;

package/scss/dialog/_layout.scss

@@ -9,12 +9,4 @@
         padding-bottom: #{$window-inner-padding-y / 2};
     }
 
-    .k-dialog-buttongroup {
-
-        .k-button {
-            @include box-shadow( none );
-            min-width: 64px;
-        }
-    }
-
 }

package/scss/drawer/_index.scss

@@ -5,6 +5,7 @@
 @import "../common/_index.scss";
 @import "../overlay/_index.scss";
 @import "../toolbar/_index.scss";
+@import "../list/_index.scss";
 
 
 // Component

package/scss/dropdowngrid/_layout.scss

@@ -1,15 +1 @@
 @import "~@progress/kendo-theme-default/scss/dropdowngrid/_layout.scss";
-
-@include exports("dropdowngrid/layout/material") {
-
-    // TODO: Change to $line-height when Material line-height is changed.
-    .k-grid-list > .k-outer-group-header {
-        height: calc( #{$grid-header-padding-y * 2} + (#{$font-size} * (20 / 12)) );
-    }
-
-    .k-grid-list > .k-outer-group-header > strong {
-        border-bottom-width: 1px;
-        border-bottom-style: solid;
-    }
-
-}

package/scss/dropdowngrid/_theme.scss

@@ -1,9 +1 @@
 @import "~@progress/kendo-theme-default/scss/dropdowngrid/_theme.scss";
-
-@include exports("dropdowngrid/theme/material") {
-
-    .k-grid-list > .k-outer-group-header > strong {
-        border-color: $grid-border;
-    }
-
-}

package/scss/dropdownlist/_index.scss

@@ -6,6 +6,7 @@
 @import "../input/_index.scss";
 @import "../floating-label/_index.scss";
 @import "../popup/_index.scss";
+@import "../list/_index.scss";
 
 
 // Component