@progress/kendo-theme-core 9.1.1-dev.2 → 10.0.0-dev.0

package/scss/functions/_color-system.import.scss

@@ -1,138 +0,0 @@
-/// Generates all color variations of a given main color
-/// @param {String} $name - The name of the main color
-/// @param {Color} $color - The color value to be assigned to the main color
-/// @param {String} $theme - The theme the colors will be generated for
-/// @return {Map} - A map with the generated keys and values
-///
-/// @group color-system
-@function k-generate-color-variations( $name, $color, $theme: null ) {
-    $result: ();
-
-    // DataViz
-    @if ( 
-            $name == 'series-a' or
-            $name == 'series-b' or
-            $name == 'series-c' or
-            $name == 'series-d' or
-            $name == 'series-e' or
-            $name == 'series-f'
-        ) {
-        $_variations: (
-            #{$name}: $color,
-            #{$name}-bold: k-color-mix(black, $color, 25%),
-            #{$name}-bolder: k-color-mix(black, $color, 50%),
-            #{$name}-subtle: k-color-mix(white, $color, 25%),
-            #{$name}-subtler: k-color-mix(white, $color, 50%),
-        );
-
-        $result: k-map-merge($result, $_variations);
-    } @else {
-        // Default
-        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line
-            $_variations: (
-                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),
-                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),
-                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),
-                #{$name}: $color,
-                #{$name}-hover: k-try-shade( $color, 0.5 ),
-                #{$name}-active: k-try-shade( $color, 1.5 ),
-                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),
-                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),
-                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),
-                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),
-            );
-
-            $result: k-map-merge($result, $_variations);
-        }
-
-        // Bootstrap
-        @if ( $theme == 'bootstrap' ) {
-            $_variations: (
-                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),
-                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),
-                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),
-                #{$name}: $color,
-                #{$name}-hover: k-color-darken( $color, 7.5% ),
-                #{$name}-active: k-color-darken( $color, 10% ),
-                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),
-                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),
-                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),
-                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),
-            );
-
-            $result: k-map-merge($result, $_variations);
-        }
-
-        // Material
-        @if ( $theme == 'material' ) {
-            $_variations: (
-                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),
-                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),
-                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),
-                #{$name}: $color,
-                #{$name}-hover: k-try-shade( $color, 0.5 ),
-                #{$name}-active: k-try-shade( $color, 1.5 ),
-                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),
-                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),
-                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),
-                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),
-            );
-
-            $result: k-map-merge($result, $_variations);
-        }
-
-        // Fluent
-        @if ( $theme == 'fluent' ) {
-            $_variations: (
-                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),
-                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),
-                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),
-                #{$name}: $color,
-                #{$name}-hover: k-try-shade( $color, 0.5 ),
-                #{$name}-active: k-try-shade( $color, 1.5 ),
-                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),
-                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),
-                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),
-                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),
-            );
-
-            $result: k-map-merge($result, $_variations);
-        }
-
-        // Classic
-        @if ( $theme == 'classic' ) {
-            $_variations: (
-                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),
-                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),
-                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),
-                #{$name}: $color,
-                #{$name}-hover: k-try-shade( $color, 1 ),
-                #{$name}-active: k-try-shade( $color, 2 ),
-                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),
-                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),
-                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),
-                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),
-            );
-
-            $result: k-map-merge($result, $_variations);
-        }
-    }
-
-    @return $result;
-}
-
-/// Takes a color name from the $kendo-colors map as a parameter
-/// and returns a CSS variable with the actual color as a fallback
-/// @param {String} $key - The name of a color/key in the $kendo-colors map
-/// @return {String} - CSS variable with the actual color as a fallback
-///
-/// @group color-system
-@function k-color($key) {
-    $_color: k-map-get($kendo-colors, $key);
-
-    @if ($_color) {
-        @return var(--kendo-color-#{$key}, $_color);
-    } @else {
-        @error "Color Variable \`#{$key}\` does not exists in the color collection.";
-    }
-}

package/scss/functions/_escape-string.import.scss

@@ -1,48 +0,0 @@
-$_kendo-svg-escaped-characters: (
-    ("%", "%25"),
-    ("<", "%3c"),
-    (">", "%3e"),
-    ("#", "%23"),
-    ("(", "%28"),
-    (")", "%29")
-) !default;
-
-/// Escapes SVG characters in a string
-/// @param {String} $string - The string to escape
-/// @return {String} - The escaped string
-///
-/// @link https://codepen.io/kevinweber/pen/dXWoRw
-@function k-escape-svg($string) {
-    @if k-string-index($string, "data:image/svg+xml") {
-        @each $char, $encoded in $_kendo-svg-escaped-characters {
-            // Do not escape the url brackets
-            @if k-string-index($string, "url(") == 1 {
-                $string: url("#{k-string-replace(k-string-slice($string, 6, -3), $char, $encoded)}");
-            } @else {
-                $string: k-string-replace($string, $char, $encoded);
-            }
-        }
-    }
-
-    @return $string;
-}
-
-
-
-$_kendo-escape-class-name: (
-    ".": "\\.",
-    "/": "\\/"
-);
-
-/// Escapes special characters in a class name
-/// @param {String} $text - The string to escape
-/// @return {String} - The escaped string
-@function k-escape-class-name( $text ) {
-    $_text: $text;
-
-    @each $char, $rep in $_kendo-escape-class-name {
-        $_text: k-string-replace( $_text, k-string-unquote( $char ), k-string-unquote( $rep ) );
-    }
-
-    @return $_text;
-}

package/scss/module-system/_components.scss

@@ -1,240 +0,0 @@
-$kendo-components: (
-    // Utils
-    "utils",
-    "utils-accessibility-screen-readers",
-    "utils-background-clip",
-    "utils-background-color",
-    "utils-background-position",
-    "utils-background-size",
-    "utils-border-color",
-    "utils-border-radius",
-    "utils-border-style",
-    "utils-border-width",
-    "utils-outline-color",
-    "utils-outline-offset",
-    "utils-outline-style",
-    "utils-outline-width",
-    "utils-effects-opacity",
-    "utils-elevation",
-    "utils-filter-backdrop",
-    "utils-flex-grid-align-content",
-    "utils-flex-grid-align-items",
-    "utils-flex-grid-align-self",
-    "utils-flex-grid-flex-basis",
-    "utils-flex-grid-flex-direction",
-    "utils-flex-grid-flex-grow",
-    "utils-flex-grid-flex-shrink",
-    "utils-flex-grid-flex-wrap",
-    "utils-flex-grid-flex",
-    "utils-flex-grid-gap",
-    "utils-flex-grid-grid-auto-columns",
-    "utils-flex-grid-grid-auto-flow",
-    "utils-flex-grid-grid-auto-rows",
-    "utils-flex-grid-grid-column-start-end",
-    "utils-flex-grid-grid-row-start-end",
-    "utils-flex-grid-grid-template-columns",
-    "utils-flex-grid-grid-template-rows",
-    "utils-flex-grid-justify-content",
-    "utils-flex-grid-justify-items",
-    "utils-flex-grid-justify-self",
-    "utils-flex-grid-order",
-    "utils-flex-grid-place-content",
-    "utils-flex-grid-place-items",
-    "utils-flex-grid-place-self",
-    "utils-interactivity-accent-color",
-    "utils-interactivity-appearance",
-    "utils-interactivity-caret-color",
-    "utils-interactivity-cursor",
-    "utils-interactivity-pointer-events",
-    "utils-interactivity-resize",
-    "utils-interactivity-scroll",
-    "utils-interactivity-touch-action",
-    "utils-interactivity-user-select",
-    "utils-interactivity-will-change",
-    "utils-layout-aspect-ratio",
-    "utils-layout-box-sizing",
-    "utils-layout-clear",
-    "utils-layout-columns",
-    "utils-layout-display",
-    "utils-layout-float",
-    "utils-layout-object-fit",
-    "utils-layout-object-position",
-    "utils-layout-overflow",
-    "utils-layout-placement",
-    "utils-layout-position",
-    "utils-layout-visibility",
-    "utils-layout-zindex",
-    "utils-sizing-height",
-    "utils-sizing-width",
-    "utils-spacing-margin",
-    "utils-spacing-padding",
-    "utils-spacing-space-between",
-    "utils-svg-fill",
-    "utils-svg-stroke",
-    "utils-table-border-collapse",
-    "utils-table-table-layout",
-    "utils-transform-flip",
-    "utils-transform-origin",
-    "utils-transform-rotate",
-    "utils-transform-scale",
-    "utils-transform-skew",
-    "utils-transform-translate",
-    "utils-typography-font-family",
-    "utils-typography-font-size",
-    "utils-typography-font-style",
-    "utils-typography-font-weight",
-    "utils-typography-letter-spacing",
-    "utils-typography-line-height",
-    "utils-typography-list-style",
-    "utils-typography-text-align",
-    "utils-typography-text-color",
-    "utils-typography-text-decoration",
-    "utils-typography-text-overflow",
-    "utils-typography-text-transform",
-    "utils-typography-vertical-align",
-    "utils-typography-white-space",
-
-    // Typography
-    "typography",
-    "draggable",
-
-    // Generic content
-    "table",
-    "icon",
-    "chip",
-    "messagebox",
-
-    // Primitive components
-    "input",
-    "list",
-    "listgroup",
-    "overlay",
-    "ripple",
-    "virtual-scroller",
-    "no-data",
-
-    // Indicators
-    "avatar",
-    "badge",
-    "color-preview",
-    "loader",
-    "skeleton",
-    "tooltip",
-    "time-marker",
-
-    // Native forms
-    "button",
-    "split-button",
-    "menu-button",
-    "textbox",
-    "textarea",
-    "checkbox",
-    "listbox",
-    "progressbar",
-    "radio",
-    "slider",
-
-    // Form helpers
-    "form",
-    "validator",
-    "floating-label",
-
-    // Form requirements
-    "calendar",
-    "popup",
-    "time-selector",
-
-    // Augmented inputs
-    "autocomplete",
-    "captcha",
-    "color-palette",
-    "color-gradient",
-    "color-editor",
-    "color-picker",
-    "combobox",
-    "date-input",
-    "date-picker",
-    "time-picker",
-    "date-time-picker",
-    "date-range-picker",
-    "dropdown-grid",
-    "dropdown-list",
-    "dropdown-tree",
-    "masked-textbox",
-    "multiselect",
-    "numeric-textbox",
-    "rating",
-    "searchbox",
-    "switch",
-    "upload",
-    "dropzone",
-
-    // Command interfaces
-    "action-buttons",
-    "appbar",
-    "fab",
-    "menu",
-    "toolbar",
-
-    // Popups and modals
-    "action-sheet",
-    "dialog",
-    "drawer",
-    "notification",
-    "popover",
-    "responsive-panel",
-    "window",
-
-    // Navigation
-    "bottom-navigation",
-    "breadcrumb",
-    "pager",
-    "stepper",
-    "tabstrip",
-    "treeview",
-    "wizard",
-
-    // Layout & containers
-    "card",
-    "expander",
-    "panel",
-    "panelbar",
-    "splitter",
-    "tile-layout",
-    "dock-manager",
-    "chart-wizard",
-
-    // Data management
-    "grid",
-    "listview",
-    "spreadsheet",
-    "pivotgrid",
-    "treelist",
-    "filter",
-    "file-manager",
-    "task-board",
-
-    // Editors
-    "editor",
-    "image-editor",
-
-    // Scheduling
-    "gantt",
-    "scheduler",
-
-    // Misc
-    "adaptive",
-    "chat",
-    "media-player",
-    "timeline",
-    "pdf-viewer",
-    "scroller",
-    "scrollview",
-    "prompt",
-
-    // Dataviz
-    "dataviz",
-    "map",
-    "orgchart",
-    "signature"
-) !default;