[
    {
        "description": "",
        "commentRange": {
            "start": 555,
            "end": 559
        },
        "context": {
            "type": "variable",
            "name": "wcag-dark",
            "value": "black",
            "scope": "default",
            "line": {
                "start": 560,
                "end": 560
            }
        },
        "link": [
            {
                "url": "https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast",
                "caption": ""
            },
            {
                "url": "https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests",
                "caption": "Default dark color for WCAG 2.0."
            }
        ],
        "type": "Color",
        "group": [
            "accessibility"
        ],
        "access": "public",
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        }
    },
    {
        "description": "Default light color for WCAG 2.0.\n",
        "commentRange": {
            "start": 561,
            "end": 563
        },
        "context": {
            "type": "variable",
            "name": "wcag-light",
            "value": "white",
            "scope": "default",
            "line": {
                "start": 564,
                "end": 564
            }
        },
        "type": "Color",
        "group": [
            "accessibility"
        ],
        "access": "public",
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        }
    },
    {
        "description": "Calculate the relative luminance for a color.\n",
        "commentRange": {
            "start": 566,
            "end": 573
        },
        "context": {
            "type": "function",
            "name": "k-color-luminance",
            "code": "\n    $red: list.nth( $_linear-channel-values, k-color-red( $color ) + 1 );\n    $green: list.nth( $_linear-channel-values, k-color-green( $color ) + 1 );\n    $blue: list.nth( $_linear-channel-values, k-color-blue( $color ) + 1 );\n\n    @return .2126 * $red + .7152 * $green + .0722 * $blue;\n",
            "line": {
                "start": 574,
                "end": 580
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color",
                "description": "The color to calculate the relative luminance for."
            }
        ],
        "return": {
            "type": "Number",
            "description": "The relative luminance for the color.\n"
        },
        "group": [
            "accessibility"
        ],
        "link": [
            {
                "url": "https://www.w3.org/TR/WCAG/#dfn-relative-luminance",
                "caption": ""
            },
            {
                "url": "https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests",
                "caption": ""
            }
        ],
        "access": "public",
        "require": [
            {
                "type": "function",
                "name": "k-color-red"
            },
            {
                "type": "function",
                "name": "k-color-green"
            },
            {
                "type": "function",
                "name": "k-color-blue"
            }
        ],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        },
        "usedBy": [
            {
                "description": "Calculates contrast ratio between two colors\n",
                "context": {
                    "type": "function",
                    "name": "k-color-contrast-ratio",
                    "code": "\n    $backLum: k-color-luminance( $background ) + .05;\n    $foreLum: k-color-luminance( $foreground ) + .05;\n\n    @return math.div( math.max( $backLum, $foreLum ), math.min( $backLum, $foreLum ) );\n",
                    "line": {
                        "start": 591,
                        "end": 596
                    }
                }
            },
            {
                "description": "Calculates contrast ratio between two colors\n",
                "context": {
                    "type": "function",
                    "name": "k-color-contrast-ratio",
                    "code": "\n    $backLum: k-color-luminance( $background ) + .05;\n    $foreLum: k-color-luminance( $foreground ) + .05;\n\n    @return math.div( math.max( $backLum, $foreLum ), math.min( $backLum, $foreLum ) );\n",
                    "line": {
                        "start": 591,
                        "end": 596
                    }
                }
            },
            {
                "description": "Checks if a color is dark\n",
                "context": {
                    "type": "function",
                    "name": "k-is-dark",
                    "code": "\n    @return if( k-color-luminance( $color ) < .5, true, false );\n",
                    "line": {
                        "start": 603,
                        "end": 605
                    }
                }
            },
            {
                "description": "Checks if a color is light\n",
                "context": {
                    "type": "function",
                    "name": "k-is-light",
                    "code": "\n    @return if( k-color-luminance( $color ) < .5, false, true );\n",
                    "line": {
                        "start": 612,
                        "end": 614
                    }
                }
            }
        ]
    },
    {
        "description": "Calculates contrast ratio between two colors\n",
        "commentRange": {
            "start": 582,
            "end": 590
        },
        "context": {
            "type": "function",
            "name": "k-color-contrast-ratio",
            "code": "\n    $backLum: k-color-luminance( $background ) + .05;\n    $foreLum: k-color-luminance( $foreground ) + .05;\n\n    @return math.div( math.max( $backLum, $foreLum ), math.min( $backLum, $foreLum ) );\n",
            "line": {
                "start": 591,
                "end": 596
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "background",
                "description": "The background color"
            },
            {
                "type": "Color",
                "name": "foreground",
                "description": "The foreground color"
            }
        ],
        "return": {
            "type": "Number",
            "description": "The contrast ratio between the two colors\n"
        },
        "group": [
            "accessibility"
        ],
        "link": [
            {
                "url": "https://www.w3.org/TR/WCAG/#dfn-contrast-ratio",
                "caption": ""
            },
            {
                "url": "https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests",
                "caption": ""
            }
        ],
        "access": "public",
        "require": [
            {
                "type": "function",
                "name": "k-color-luminance"
            },
            {
                "type": "function",
                "name": "k-color-luminance"
            }
        ],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        },
        "usedBy": [
            {
                "description": "Calculates the contrast ratio between a background color and a foreground color.\nIf the contrast ratio is not high enough, it will return the color with the highest contrast ratio.\n",
                "context": {
                    "type": "function",
                    "name": "k-contrast-color",
                    "code": "\n    $foregrounds: $light, $dark, #ffffff, #000000;\n    $max-ratio: 0;\n    $max-ratio-color: null;\n\n    @each $color in $foregrounds {\n        $contrast-ratio: k-color-contrast-ratio( $background, $color );\n\n        @if ( $contrast-ratio > $min-ratio ) {\n            @return $color;\n        } @else if ( $contrast-ratio > $max-ratio ) {\n            $max-ratio: $contrast-ratio;\n            $max-ratio-color: $color;\n        }\n    }\n\n    @warn \"Found no color leading to #{$min-ratio}:1 contrast ratio against #{$background}...\";\n\n    @return $max-ratio-color;\n",
                    "line": {
                        "start": 626,
                        "end": 645
                    }
                }
            }
        ]
    },
    {
        "description": "Checks if a color is dark\n",
        "commentRange": {
            "start": 598,
            "end": 602
        },
        "context": {
            "type": "function",
            "name": "k-is-dark",
            "code": "\n    @return if( k-color-luminance( $color ) < .5, true, false );\n",
            "line": {
                "start": 603,
                "end": 605
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color",
                "description": "The color to check"
            }
        ],
        "return": {
            "type": "Boolean",
            "description": "True if the color is dark, false otherwise\n"
        },
        "group": [
            "accessibility"
        ],
        "access": "public",
        "require": [
            {
                "type": "function",
                "name": "k-color-luminance"
            }
        ],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        }
    },
    {
        "description": "Checks if a color is light\n",
        "commentRange": {
            "start": 607,
            "end": 611
        },
        "context": {
            "type": "function",
            "name": "k-is-light",
            "code": "\n    @return if( k-color-luminance( $color ) < .5, false, true );\n",
            "line": {
                "start": 612,
                "end": 614
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color",
                "description": "The color to check"
            }
        ],
        "return": {
            "type": "Boolean",
            "description": "True if the color is light, false otherwise\n"
        },
        "group": [
            "accessibility"
        ],
        "access": "public",
        "require": [
            {
                "type": "function",
                "name": "k-color-luminance"
            }
        ],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        }
    },
    {
        "description": "Calculates the contrast ratio between a background color and a foreground color.\nIf the contrast ratio is not high enough, it will return the color with the highest contrast ratio.\n",
        "commentRange": {
            "start": 617,
            "end": 625
        },
        "context": {
            "type": "function",
            "name": "k-contrast-color",
            "code": "\n    $foregrounds: $light, $dark, #ffffff, #000000;\n    $max-ratio: 0;\n    $max-ratio-color: null;\n\n    @each $color in $foregrounds {\n        $contrast-ratio: k-color-contrast-ratio( $background, $color );\n\n        @if ( $contrast-ratio > $min-ratio ) {\n            @return $color;\n        } @else if ( $contrast-ratio > $max-ratio ) {\n            $max-ratio: $contrast-ratio;\n            $max-ratio-color: $color;\n        }\n    }\n\n    @warn \"Found no color leading to #{$min-ratio}:1 contrast ratio against #{$background}...\";\n\n    @return $max-ratio-color;\n",
            "line": {
                "start": 626,
                "end": 645
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "background",
                "description": "The background color"
            },
            {
                "type": "Color",
                "name": "dark",
                "description": "The dark color to use as a fallback"
            },
            {
                "type": "Color",
                "name": "light",
                "description": "The light color to use as a fallback"
            },
            {
                "type": "Number",
                "name": "min-ratio",
                "description": "The minimum contrast ratio to reach"
            }
        ],
        "return": {
            "type": "Color",
            "description": "The color with the highest contrast ratio\n"
        },
        "group": [
            "accessibility"
        ],
        "access": "public",
        "require": [
            {
                "type": "function",
                "name": "k-color-contrast-ratio"
            }
        ],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        },
        "usedBy": [
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            }
        ]
    },
    {
        "description": "The theme colors map of the AppBar.\n",
        "commentRange": {
            "start": 22,
            "end": 23
        },
        "context": {
            "type": "variable",
            "name": "kendo-appbar-theme-colors",
            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"inverse\")",
            "scope": "default",
            "line": {
                "start": 24,
                "end": 24
            }
        },
        "group": [
            "appbar"
        ],
        "access": "public",
        "file": {
            "path": "components/appbar/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map of the Avatar.\n",
        "commentRange": {
            "start": 24,
            "end": 25
        },
        "context": {
            "type": "variable",
            "name": "kendo-avatar-sizes",
            "value": "(\n    sm: $kendo-avatar-sm-size,\n    md: $kendo-avatar-md-size,\n    lg: $kendo-avatar-lg-size\n)",
            "scope": "default",
            "line": {
                "start": 26,
                "end": 30
            }
        },
        "group": [
            "avatar"
        ],
        "access": "public",
        "file": {
            "path": "components/avatar/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The theme colors map of the Avatar.\n",
        "commentRange": {
            "start": 32,
            "end": 33
        },
        "context": {
            "type": "variable",
            "name": "kendo-avatar-theme-colors",
            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\")",
            "scope": "default",
            "line": {
                "start": 34,
                "end": 34
            }
        },
        "group": [
            "avatar"
        ],
        "access": "public",
        "file": {
            "path": "components/avatar/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map of the Badge.\n",
        "commentRange": {
            "start": 33,
            "end": 34
        },
        "context": {
            "type": "variable",
            "name": "kendo-badge-sizes",
            "value": "(\n    sm: (\n        padding-x: $kendo-badge-sm-padding-x,\n        padding-y: $kendo-badge-sm-padding-y,\n        font-size: $kendo-badge-sm-font-size,\n        line-height: $kendo-badge-sm-line-height,\n        min-width: $kendo-badge-sm-min-width\n    ),\n    md: (\n        padding-x: $kendo-badge-md-padding-x,\n        padding-y: $kendo-badge-md-padding-y,\n        font-size: $kendo-badge-md-font-size,\n        line-height: $kendo-badge-md-line-height,\n        min-width: $kendo-badge-md-min-width\n    ),\n    lg: (\n        padding-x: $kendo-badge-lg-padding-x,\n        padding-y: $kendo-badge-lg-padding-y,\n        font-size: $kendo-badge-lg-font-size,\n        line-height: $kendo-badge-lg-line-height,\n        min-width: $kendo-badge-lg-min-width\n    )\n)",
            "scope": "default",
            "line": {
                "start": 35,
                "end": 57
            }
        },
        "group": [
            "badge"
        ],
        "access": "public",
        "file": {
            "path": "components/badge/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The theme colors map of the Badge.\n",
        "commentRange": {
            "start": 61,
            "end": 62
        },
        "context": {
            "type": "variable",
            "name": "kendo-badge-theme-colors",
            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\")",
            "scope": "default",
            "line": {
                "start": 63,
                "end": 63
            }
        },
        "group": [
            "badge"
        ],
        "access": "public",
        "file": {
            "path": "components/badge/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The theme colors map of the BottomNavigation.\n",
        "commentRange": {
            "start": 32,
            "end": 33
        },
        "context": {
            "type": "variable",
            "name": "kendo-bottom-navigation-theme-colors",
            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"inverse\")",
            "scope": "default",
            "line": {
                "start": 34,
                "end": 34
            }
        },
        "group": [
            "bottom-navigation"
        ],
        "access": "public",
        "file": {
            "path": "components/bottom-navigation/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map of the Breadcrumb.\n",
        "commentRange": {
            "start": 81,
            "end": 82
        },
        "context": {
            "type": "variable",
            "name": "kendo-breadcrumb-sizes",
            "value": "(\n    sm: (\n        link-padding-x: $kendo-breadcrumb-sm-link-padding-x,\n        link-padding-y: $kendo-breadcrumb-sm-link-padding-y,\n        icon-link-padding-x: $kendo-breadcrumb-sm-icon-link-padding-x,\n        icon-link-padding-y: $kendo-breadcrumb-sm-icon-link-padding-y,\n        font-size: $kendo-breadcrumb-sm-font-size,\n        line-height: $kendo-breadcrumb-sm-line-height\n    ),\n    md: (\n        link-padding-x: $kendo-breadcrumb-md-link-padding-x,\n        link-padding-y: $kendo-breadcrumb-md-link-padding-y,\n        icon-link-padding-x: $kendo-breadcrumb-md-icon-link-padding-x,\n        icon-link-padding-y: $kendo-breadcrumb-md-icon-link-padding-y,\n        font-size: $kendo-breadcrumb-md-font-size,\n        line-height: $kendo-breadcrumb-md-line-height\n    ),\n    lg: (\n        link-padding-x: $kendo-breadcrumb-lg-link-padding-x,\n        link-padding-y: $kendo-breadcrumb-lg-link-padding-y,\n        icon-link-padding-x: $kendo-breadcrumb-lg-icon-link-padding-x,\n        icon-link-padding-y: $kendo-breadcrumb-lg-icon-link-padding-y,\n        font-size: $kendo-breadcrumb-lg-font-size,\n        line-height: $kendo-breadcrumb-lg-line-height\n    )\n)",
            "scope": "default",
            "line": {
                "start": 83,
                "end": 108
            }
        },
        "group": [
            "breadcrumb"
        ],
        "access": "public",
        "file": {
            "path": "components/breadcrumb/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The theme colors map of the Button.\n",
        "commentRange": {
            "start": 116,
            "end": 117
        },
        "context": {
            "type": "variable",
            "name": "kendo-button-theme-colors",
            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"inverse\")",
            "scope": "default",
            "line": {
                "start": 118,
                "end": 118
            }
        },
        "group": [
            "button"
        ],
        "access": "public",
        "file": {
            "path": "components/button/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map of the Button.\n",
        "commentRange": {
            "start": 120,
            "end": 121
        },
        "context": {
            "type": "variable",
            "name": "kendo-button-sizes",
            "value": "(\n    xs: (\n        padding-x: $kendo-button-xs-padding-x,\n        padding-y: $kendo-button-xs-padding-y,\n        font-size: $kendo-button-xs-font-size,\n        line-height: $kendo-button-xs-line-height\n    ),\n    sm: (\n        padding-x: $kendo-button-sm-padding-x,\n        padding-y: $kendo-button-sm-padding-y,\n        font-size: $kendo-button-sm-font-size,\n        line-height: $kendo-button-sm-line-height\n    ),\n    md: (\n        padding-x: $kendo-button-md-padding-x,\n        padding-y: $kendo-button-md-padding-y,\n        font-size: $kendo-button-md-font-size,\n        line-height: $kendo-button-md-line-height\n    ),\n    lg: (\n        padding-x: $kendo-button-lg-padding-x,\n        padding-y: $kendo-button-lg-padding-y,\n        font-size: $kendo-button-lg-font-size,\n        line-height: $kendo-button-lg-line-height\n    )\n)",
            "scope": "default",
            "line": {
                "start": 122,
                "end": 147
            }
        },
        "group": [
            "button"
        ],
        "access": "public",
        "file": {
            "path": "components/button/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map of the Calendar.\n",
        "commentRange": {
            "start": 143,
            "end": 144
        },
        "context": {
            "type": "variable",
            "name": "kendo-calendar-sizes",
            "value": "(\n    sm: (\n        font-size: $kendo-calendar-sm-font-size,\n        line-height: $kendo-calendar-sm-line-height,\n        cell-size: $kendo-calendar-sm-cell-size,\n        cell-padding-x: $kendo-calendar-sm-cell-padding-x,\n        cell-padding-y: $kendo-calendar-sm-cell-padding-y\n    ),\n    md: (\n        font-size: $kendo-calendar-md-font-size,\n        line-height: $kendo-calendar-md-line-height,\n        cell-size: $kendo-calendar-md-cell-size,\n        cell-padding-x: $kendo-calendar-md-cell-padding-x,\n        cell-padding-y: $kendo-calendar-md-cell-padding-y\n    ),\n    lg: (\n        font-size: $kendo-calendar-lg-font-size,\n        line-height: $kendo-calendar-lg-line-height,\n        cell-size: $kendo-calendar-lg-cell-size,\n        cell-padding-x: $kendo-calendar-lg-cell-padding-x,\n        cell-padding-y: $kendo-calendar-lg-cell-padding-y\n    )\n)",
            "scope": "default",
            "line": {
                "start": 145,
                "end": 167
            }
        },
        "group": [
            "calendar"
        ],
        "access": "public",
        "file": {
            "path": "components/calendar/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map of the CheckBox.\n",
        "commentRange": {
            "start": 17,
            "end": 18
        },
        "context": {
            "type": "variable",
            "name": "kendo-checkbox-sizes",
            "value": "(\n    sm: (\n        size: $kendo-checkbox-sm-size,\n        glyph-size: $kendo-checkbox-sm-glyph-size,\n        ripple-size: $kendo-checkbox-sm-ripple-size\n    ),\n    md: (\n        size: $kendo-checkbox-md-size,\n        glyph-size: $kendo-checkbox-md-glyph-size,\n        ripple-size: $kendo-checkbox-md-ripple-size\n    ),\n    lg: (\n        size: $kendo-checkbox-lg-size,\n        glyph-size: $kendo-checkbox-lg-glyph-size,\n        ripple-size: $kendo-checkbox-lg-ripple-size\n    )\n)",
            "scope": "default",
            "line": {
                "start": 19,
                "end": 35
            }
        },
        "group": [
            "checkbox"
        ],
        "access": "public",
        "file": {
            "path": "components/checkbox/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map of the Chip.\n",
        "commentRange": {
            "start": 36,
            "end": 37
        },
        "context": {
            "type": "variable",
            "name": "kendo-chip-sizes",
            "value": "(\n    sm: (\n        padding-x: $kendo-chip-sm-padding-x,\n        padding-y: $kendo-chip-sm-padding-y,\n        font-size: $kendo-chip-sm-font-size,\n        line-height: $kendo-chip-sm-line-height\n    ),\n    md: (\n        padding-x: $kendo-chip-md-padding-x,\n        padding-y: $kendo-chip-md-padding-y,\n        font-size: $kendo-chip-md-font-size,\n        line-height: $kendo-chip-md-line-height\n    ),\n    lg: (\n        padding-x: $kendo-chip-lg-padding-x,\n        padding-y: $kendo-chip-lg-padding-y,\n        font-size: $kendo-chip-lg-font-size,\n        line-height: $kendo-chip-lg-line-height\n    )\n)",
            "scope": "default",
            "line": {
                "start": 38,
                "end": 57
            }
        },
        "group": [
            "chip"
        ],
        "access": "public",
        "file": {
            "path": "components/chip/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes of the Chip list.\n",
        "commentRange": {
            "start": 64,
            "end": 65
        },
        "context": {
            "type": "variable",
            "name": "kendo-chip-list-sizes",
            "value": "(\n    sm: $kendo-chip-list-size-sm,\n    md: $kendo-chip-list-size-md,\n    lg: $kendo-chip-list-size-lg\n)",
            "scope": "default",
            "line": {
                "start": 66,
                "end": 70
            }
        },
        "group": [
            "chip"
        ],
        "access": "public",
        "file": {
            "path": "components/chip/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The theme colors map of the Chip.\n",
        "commentRange": {
            "start": 75,
            "end": 76
        },
        "context": {
            "type": "variable",
            "name": "kendo-chip-theme-colors",
            "value": "(\"base\", \"error\", \"info\", \"warning\", \"success\")",
            "scope": "default",
            "line": {
                "start": 77,
                "end": 77
            }
        },
        "group": [
            "chip"
        ],
        "access": "public",
        "file": {
            "path": "components/chip/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The size map of the ColorEditor.\n",
        "commentRange": {
            "start": 58,
            "end": 59
        },
        "context": {
            "type": "variable",
            "name": "kendo-color-editor-sizes",
            "value": "(\n    sm: (\n        min-width: $kendo-color-editor-sm-min-width,\n        header-padding-x: $kendo-color-editor-sm-header-padding-x,\n        header-padding-y: $kendo-color-editor-sm-header-padding-y,\n        views-padding-x: $kendo-color-editor-sm-views-padding-x,\n        views-padding-y: $kendo-color-editor-sm-views-padding-y,\n        preview-gap: $kendo-color-editor-sm-preview-gap,\n        preview-width: $kendo-color-editor-sm-color-preview-width,\n        preview-height: $kendo-color-editor-sm-color-preview-height,\n\n    ),\n    md: (\n        min-width: $kendo-color-editor-md-min-width,\n        header-padding-x: $kendo-color-editor-md-header-padding-x,\n        header-padding-y: $kendo-color-editor-md-header-padding-y,\n        views-padding-x: $kendo-color-editor-md-views-padding-x,\n        views-padding-y: $kendo-color-editor-md-views-padding-y,\n        preview-gap: $kendo-color-editor-md-preview-gap,\n        preview-width: $kendo-color-editor-md-color-preview-width,\n        preview-height: $kendo-color-editor-md-color-preview-height,\n    ),\n    lg: (\n        min-width: $kendo-color-editor-lg-min-width,\n        header-padding-x: $kendo-color-editor-lg-header-padding-x,\n        header-padding-y: $kendo-color-editor-lg-header-padding-y,\n        views-padding-x: $kendo-color-editor-lg-views-padding-x,\n        views-padding-y: $kendo-color-editor-lg-views-padding-y,\n        preview-gap: $kendo-color-editor-lg-preview-gap,\n        preview-width: $kendo-color-editor-lg-color-preview-width,\n        preview-height: $kendo-color-editor-lg-color-preview-height,\n    )\n)",
            "scope": "default",
            "line": {
                "start": 60,
                "end": 92
            }
        },
        "group": [
            "color-editor"
        ],
        "access": "public",
        "file": {
            "path": "components/coloreditor/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The size map of the ColorGradient.\n",
        "commentRange": {
            "start": 87,
            "end": 88
        },
        "context": {
            "type": "variable",
            "name": "kendo-color-gradient-sizes",
            "value": "(\n    sm: (\n        width: $kendo-color-gradient-sm-width,\n        vertical-slider-height: $kendo-color-gradient-sm-slider-vertical-size,\n        rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height,\n        input-width: $kendo-color-gradient-sm-input-width,\n        gap: $kendo-color-gradient-sm-gap,\n        canvas-gap: $kendo-color-gradient-sm-canvas-gap,\n        padding-x: $kendo-color-gradient-sm-padding-x,\n        padding-y: $kendo-color-gradient-sm-padding-y\n    ),\n    md: (\n        width: $kendo-color-gradient-md-width,\n        vertical-slider-height: $kendo-color-gradient-md-slider-vertical-size,\n        rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height,\n        input-width: $kendo-color-gradient-md-input-width,\n        gap: $kendo-color-gradient-md-gap,\n        canvas-gap: $kendo-color-gradient-md-canvas-gap,\n        padding-x: $kendo-color-gradient-md-padding-x,\n        padding-y: $kendo-color-gradient-md-padding-y\n    ),\n    lg: (\n        width: $kendo-color-gradient-lg-width,\n        vertical-slider-height: $kendo-color-gradient-lg-slider-vertical-size,\n        rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height,\n        input-width: $kendo-color-gradient-lg-input-width,\n        gap: $kendo-color-gradient-lg-gap,\n        canvas-gap: $kendo-color-gradient-lg-canvas-gap,\n        padding-x: $kendo-color-gradient-lg-padding-x,\n        padding-y: $kendo-color-gradient-lg-padding-y\n    )\n)",
            "scope": "default",
            "line": {
                "start": 89,
                "end": 120
            }
        },
        "group": [
            "color-gradient"
        ],
        "access": "public",
        "file": {
            "path": "components/colorgradient/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The size map of the ColorPalette.\n",
        "commentRange": {
            "start": 22,
            "end": 23
        },
        "context": {
            "type": "variable",
            "name": "kendo-color-palette-sizes",
            "value": "(\n    sm: (\n        width: $kendo-color-palette-sm-tile-width,\n        height: $kendo-color-palette-sm-tile-height\n    ),\n    md: (\n        width: $kendo-color-palette-md-tile-width,\n        height: $kendo-color-palette-md-tile-height\n    ),\n    lg: (\n        width: $kendo-color-palette-lg-tile-width,\n        height: $kendo-color-palette-lg-tile-height\n    )\n)",
            "scope": "default",
            "line": {
                "start": 24,
                "end": 37
            }
        },
        "group": [
            "color-palette"
        ],
        "access": "public",
        "file": {
            "path": "components/colorpalette/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The color white.\nNote: you cannot change this value.\n",
        "commentRange": {
            "start": 3,
            "end": 6
        },
        "context": {
            "type": "variable",
            "name": "kendo-color-white",
            "value": "#ffffff",
            "scope": "private",
            "line": {
                "start": 7,
                "end": 7
            }
        },
        "type": "Color",
        "group": [
            "color-system"
        ],
        "access": "public",
        "file": {
            "path": "color-system/_constants.scss",
            "name": "_constants.scss"
        }
    },
    {
        "description": "The color black.\nNote: you cannot change this value.\n",
        "commentRange": {
            "start": 9,
            "end": 12
        },
        "context": {
            "type": "variable",
            "name": "kendo-color-black",
            "value": "#000000",
            "scope": "private",
            "line": {
                "start": 13,
                "end": 13
            }
        },
        "type": "Color",
        "group": [
            "color-system"
        ],
        "access": "public",
        "file": {
            "path": "color-system/_constants.scss",
            "name": "_constants.scss"
        }
    },
    {
        "description": "The color transparent.\nNote: you cannot change this value.\n",
        "commentRange": {
            "start": 15,
            "end": 18
        },
        "context": {
            "type": "variable",
            "name": "kendo-color-rgba-transparent",
            "value": "rgba(0, 0, 0, 0)",
            "scope": "private",
            "line": {
                "start": 19,
                "end": 19
            }
        },
        "type": "Color",
        "group": [
            "color-system"
        ],
        "access": "public",
        "file": {
            "path": "color-system/_constants.scss",
            "name": "_constants.scss"
        }
    },
    {
        "description": "A gradient that goes from transparent to black.\nNote: you cannot change this value.\n",
        "commentRange": {
            "start": 21,
            "end": 24
        },
        "context": {
            "type": "variable",
            "name": "kendo-gradient-transparent-to-black",
            "value": "rgba(black, 0), black",
            "scope": "private",
            "line": {
                "start": 25,
                "end": 25
            }
        },
        "type": "Gradient",
        "group": [
            "color-system"
        ],
        "access": "public",
        "file": {
            "path": "color-system/_constants.scss",
            "name": "_constants.scss"
        }
    },
    {
        "description": "A gradient that goes from transparent to white.\nNote: you cannot change this value.\n",
        "commentRange": {
            "start": 27,
            "end": 30
        },
        "context": {
            "type": "variable",
            "name": "kendo-gradient-transparent-to-white",
            "value": "rgba(white, 0), white",
            "scope": "private",
            "line": {
                "start": 31,
                "end": 31
            }
        },
        "type": "Gradient",
        "group": [
            "color-system"
        ],
        "access": "public",
        "file": {
            "path": "color-system/_constants.scss",
            "name": "_constants.scss"
        }
    },
    {
        "description": "A gradient that goes from black to transparent.\nNote: you cannot change this value.\n",
        "commentRange": {
            "start": 33,
            "end": 36
        },
        "context": {
            "type": "variable",
            "name": "kendo-gradient-black-to-transparent",
            "value": "black, rgba(black, 0)",
            "scope": "private",
            "line": {
                "start": 37,
                "end": 37
            }
        },
        "type": "Gradient",
        "group": [
            "color-system"
        ],
        "access": "public",
        "file": {
            "path": "color-system/_constants.scss",
            "name": "_constants.scss"
        }
    },
    {
        "description": "A gradient that goes from white to transparent.\nNote: you cannot change this value.\n",
        "commentRange": {
            "start": 39,
            "end": 42
        },
        "context": {
            "type": "variable",
            "name": "kendo-gradient-white-to-transparent",
            "value": "white, rgba(white, 0)",
            "scope": "private",
            "line": {
                "start": 43,
                "end": 43
            }
        },
        "type": "Gradient",
        "group": [
            "color-system"
        ],
        "access": "public",
        "file": {
            "path": "color-system/_constants.scss",
            "name": "_constants.scss"
        }
    },
    {
        "description": "A gradient that cycles through the colors of the rainbow.\nNote: you cannot change this value.\n",
        "commentRange": {
            "start": 45,
            "end": 48
        },
        "context": {
            "type": "variable",
            "name": "kendo-gradient-rainbow",
            "value": "#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000",
            "scope": "private",
            "line": {
                "start": 49,
                "end": 49
            }
        },
        "type": "Gradient",
        "group": [
            "color-system"
        ],
        "access": "public",
        "file": {
            "path": "color-system/_constants.scss",
            "name": "_constants.scss"
        }
    },
    {
        "description": "Generates all color variations of a given main color\n",
        "commentRange": {
            "start": 87,
            "end": 93
        },
        "context": {
            "type": "function",
            "name": "k-generate-color-variations",
            "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
            "line": {
                "start": 94,
                "end": 208
            }
        },
        "parameter": [
            {
                "type": "String",
                "name": "name",
                "description": "The name of the main color"
            },
            {
                "type": "Color",
                "name": "color",
                "description": "The color value to be assigned to the main color"
            },
            {
                "type": "String",
                "name": "theme",
                "description": "The theme the colors will be generated for"
            }
        ],
        "return": {
            "type": "Map",
            "description": "A map with the generated keys and values\n"
        },
        "group": [
            "color-system"
        ],
        "access": "public",
        "require": [
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-color-darken"
            },
            {
                "type": "function",
                "name": "k-color-darken"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-contrast-color"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-tint"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            },
            {
                "type": "function",
                "name": "k-try-shade"
            }
        ],
        "file": {
            "path": "color-system/_functions.scss",
            "name": "_functions.scss"
        }
    },
    {
        "description": "Takes a color name from the $kendo-colors map as a parameter\nand returns a CSS variable with the actual color as a fallback\n",
        "commentRange": {
            "start": 210,
            "end": 215
        },
        "context": {
            "type": "function",
            "name": "k-color",
            "code": "\n    @return var(--kendo-color-#{$key});\n",
            "line": {
                "start": 216,
                "end": 218
            }
        },
        "parameter": [
            {
                "type": "String",
                "name": "key",
                "description": "The name of a color/key in the $kendo-colors map"
            }
        ],
        "return": {
            "type": "String",
            "description": "CSS variable with the actual color as a fallback\n"
        },
        "group": [
            "color-system"
        ],
        "access": "public",
        "require": [],
        "file": {
            "path": "color-system/_functions.scss",
            "name": "_functions.scss"
        }
    },
    {
        "description": "The global default Colors map.\n",
        "commentRange": {
            "start": 169,
            "end": 391
        },
        "context": {
            "type": "variable",
            "name": "kendo-colors",
            "value": "$default-colors",
            "scope": "default",
            "line": {
                "start": 392,
                "end": 392
            }
        },
        "group": [
            "color-system"
        ],
        "subGroup": [
            {
                "name": "misc",
                "value": [
                    "app-surface",
                    "on-app-surface",
                    "subtle",
                    "surface",
                    "surface-alt",
                    "border",
                    "border-alt"
                ],
                "description": "The Misc variable group."
            },
            {
                "name": "base",
                "value": [
                    "base-subtle",
                    "base-subtle-hover",
                    "base-subtle-active",
                    "base",
                    "base-hover",
                    "base-active",
                    "base-emphasis",
                    "base-on-subtle",
                    "on-base",
                    "base-on-surface"
                ],
                "description": "The Base variable group."
            },
            {
                "name": "primary",
                "value": [
                    "primary-subtle",
                    "primary-subtle-hover",
                    "primary-subtle-active",
                    "primary",
                    "primary-hover",
                    "primary-active",
                    "primary-emphasis",
                    "primary-on-subtle",
                    "on-primary",
                    "primary-on-surface"
                ],
                "description": "The Primary variable group."
            },
            {
                "name": "secondary",
                "value": [
                    "secondary-subtle",
                    "secondary-subtle-hover",
                    "secondary-subtle-active",
                    "secondary",
                    "secondary-hover",
                    "secondary-active",
                    "secondary-emphasis",
                    "secondary-on-subtle",
                    "on-secondary",
                    "secondary-on-surface"
                ],
                "description": "The Secondary variable group."
            },
            {
                "name": "tertiary",
                "value": [
                    "tertiary-subtle",
                    "tertiary-subtle-hover",
                    "tertiary-subtle-active",
                    "tertiary",
                    "tertiary-hover",
                    "tertiary-active",
                    "tertiary-emphasis",
                    "tertiary-on-subtle",
                    "on-tertiary",
                    "tertiary-on-surface"
                ],
                "description": "The Tertiary variable group."
            },
            {
                "name": "info",
                "value": [
                    "info-subtle",
                    "info-subtle-hover",
                    "info-subtle-active",
                    "info",
                    "info-hover",
                    "info-active",
                    "info-emphasis",
                    "info-on-subtle",
                    "on-info",
                    "info-on-surface"
                ],
                "description": "The Info variable group."
            },
            {
                "name": "success",
                "value": [
                    "success-subtle",
                    "success-subtle-hover",
                    "success-subtle-active",
                    "success",
                    "success-hover",
                    "success-active",
                    "success-emphasis",
                    "success-on-subtle",
                    "on-success",
                    "success-on-surface"
                ],
                "description": "The Success variable group."
            },
            {
                "name": "warning",
                "value": [
                    "warning-subtle",
                    "warning-subtle-hover",
                    "warning-subtle-active",
                    "warning",
                    "warning-hover",
                    "warning-active",
                    "warning-emphasis",
                    "warning-on-subtle",
                    "on-warning",
                    "warning-on-surface"
                ],
                "description": "The Warning variable group."
            },
            {
                "name": "error",
                "value": [
                    "error-subtle",
                    "error-subtle-hover",
                    "error-subtle-active",
                    "error",
                    "error-hover",
                    "error-active",
                    "error-emphasis",
                    "error-on-subtle",
                    "on-error",
                    "error-on-surface"
                ],
                "description": "The Error variable group."
            },
            {
                "name": "inverse",
                "value": [
                    "inverse-subtle",
                    "inverse-subtle-hover",
                    "inverse-subtle-active",
                    "inverse",
                    "inverse-hover",
                    "inverse-active",
                    "inverse-emphasis",
                    "inverse-on-subtle",
                    "on-inverse",
                    "inverse-on-surface"
                ],
                "description": "The Inverse variable group."
            },
            {
                "name": "series",
                "value": [
                    "series"
                ],
                "description": "The Series base variable group."
            },
            {
                "name": "series-a",
                "value": [
                    "series-a",
                    "series-a-bold",
                    "series-a-bolder",
                    "series-a-subtle",
                    "series-a-subtler"
                ],
                "description": "The Series A variable group."
            },
            {
                "name": "series-b",
                "value": [
                    "series-b",
                    "series-b-bold",
                    "series-b-bolder",
                    "series-b-subtle",
                    "series-b-subtler"
                ],
                "description": "The Series B variable group."
            },
            {
                "name": "series-c",
                "value": [
                    "series-c",
                    "series-c-bold",
                    "series-c-bolder",
                    "series-c-subtle",
                    "series-c-subtler"
                ],
                "description": "The Series C variable group."
            },
            {
                "name": "series-d",
                "value": [
                    "series-d",
                    "series-d-bold",
                    "series-d-bolder",
                    "series-d-subtle",
                    "series-d-subtler"
                ],
                "description": "The Series D variable group."
            },
            {
                "name": "series-e",
                "value": [
                    "series-e",
                    "series-e-bold",
                    "series-e-bolder",
                    "series-e-subtle",
                    "series-e-subtler"
                ],
                "description": "The Series E variable group."
            },
            {
                "name": "series-f",
                "value": [
                    "series-f",
                    "series-f-bold",
                    "series-f-bolder",
                    "series-f-subtle",
                    "series-f-subtler"
                ],
                "description": "The Series F variable group."
            }
        ],
        "property": [
            {
                "type": "Color",
                "name": "app-surface",
                "description": "The background color of the application."
            },
            {
                "type": "Color",
                "name": "on-app-surface",
                "description": "The text color of the application."
            },
            {
                "type": "Color",
                "name": "subtle",
                "description": "The subtle text color."
            },
            {
                "type": "Color",
                "name": "surface",
                "description": "The background color of the components' chrome area."
            },
            {
                "type": "Color",
                "name": "surface-alt",
                "description": "The alternative background color of the components' chrome area."
            },
            {
                "type": "Color",
                "name": "border",
                "description": "The border color of the application."
            },
            {
                "type": "Color",
                "name": "border-alt",
                "description": "The alternative border color of the application."
            },
            {
                "type": "Color",
                "name": "base-subtle",
                "description": "The base subtle background color variable."
            },
            {
                "type": "Color",
                "name": "base-subtle-hover",
                "description": "The base subtle background color variable for the hover state."
            },
            {
                "type": "Color",
                "name": "base-subtle-active",
                "description": "The base subtle background color variable for the active state."
            },
            {
                "type": "Color",
                "name": "base",
                "description": "The base background color variable."
            },
            {
                "type": "Color",
                "name": "base-hover",
                "description": "The base background color variable for the hover state."
            },
            {
                "type": "Color",
                "name": "base-active",
                "description": "The base background color variable for the active state."
            },
            {
                "type": "Color",
                "name": "base-emphasis",
                "description": "The emphasized base color variable."
            },
            {
                "type": "Color",
                "name": "base-on-subtle",
                "description": "The text color variable for content on base subtle."
            },
            {
                "type": "Color",
                "name": "on-base",
                "description": "The text color variable for content on base."
            },
            {
                "type": "Color",
                "name": "base-on-surface",
                "description": "The text color variable for content on surface."
            },
            {
                "type": "Color",
                "name": "primary-subtle",
                "description": "The primary subtle background color variable."
            },
            {
                "type": "Color",
                "name": "primary-subtle-hover",
                "description": "The primary subtle background color variable for the hover state."
            },
            {
                "type": "Color",
                "name": "primary-subtle-active",
                "description": "The primary subtle background color variable for the active state."
            },
            {
                "type": "Color",
                "name": "primary",
                "description": "The primary background color variable."
            },
            {
                "type": "Color",
                "name": "primary-hover",
                "description": "The primary background color variable for the hover state."
            },
            {
                "type": "Color",
                "name": "primary-active",
                "description": "The primary background color variable for the active state."
            },
            {
                "type": "Color",
                "name": "primary-emphasis",
                "description": "The emphasized primary color variable."
            },
            {
                "type": "Color",
                "name": "primary-on-subtle",
                "description": "The text color variable for content on primary subtle."
            },
            {
                "type": "Color",
                "name": "on-primary",
                "description": "The text color variable for content on primary."
            },
            {
                "type": "Color",
                "name": "primary-on-surface",
                "description": "The text color variable for content on surface."
            },
            {
                "type": "Color",
                "name": "secondary-subtle",
                "description": "The secondary subtle background color variable."
            },
            {
                "type": "Color",
                "name": "secondary-subtle-hover",
                "description": "The secondary subtle background color variable for the hover state."
            },
            {
                "type": "Color",
                "name": "secondary-subtle-active",
                "description": "The secondary subtle background color variable for the active state."
            },
            {
                "type": "Color",
                "name": "secondary",
                "description": "The secondary background color variable."
            },
            {
                "type": "Color",
                "name": "secondary-hover",
                "description": "The secondary background color variable for the hover state."
            },
            {
                "type": "Color",
                "name": "secondary-active",
                "description": "The secondary background color variable for the active state."
            },
            {
                "type": "Color",
                "name": "secondary-emphasis",
                "description": "The emphasized secondary color variable."
            },
            {
                "type": "Color",
                "name": "secondary-on-subtle",
                "description": "The text color variable for content on secondary subtle."
            },
            {
                "type": "Color",
                "name": "on-secondary",
                "description": "The text color variable for content on secondary."
            },
            {
                "type": "Color",
                "name": "secondary-on-surface",
                "description": "The text color variable for content on surface."
            },
            {
                "type": "Color",
                "name": "tertiary-subtle",
                "description": "The tertiary subtle background color variable."
            },
            {
                "type": "Color",
                "name": "tertiary-subtle-hover",
                "description": "The tertiary subtle background color variable for the hover state."
            },
            {
                "type": "Color",
                "name": "tertiary-subtle-active",
                "description": "The tertiary subtle background color variable for the active state."
            },
            {
                "type": "Color",
                "name": "tertiary",
                "description": "The tertiary background color variable."
            },
            {
                "type": "Color",
                "name": "tertiary-hover",
                "description": "The tertiary background color variable for the hover state."
            },
            {
                "type": "Color",
                "name": "tertiary-active",
                "description": "The tertiary background color variable for the active state."
            },
            {
                "type": "Color",
                "name": "tertiary-emphasis",
                "description": "The emphasized tertiary color variable."
            },
            {
                "type": "Color",
                "name": "tertiary-on-subtle",
                "description": "The text color variable for content on tertiary subtle."
            },
            {
                "type": "Color",
                "name": "on-tertiary",
                "description": "The text color variable for content on tertiary."
            },
            {
                "type": "Color",
                "name": "tertiary-on-surface",
                "description": "The text color variable for content on surface."
            },
            {
                "type": "Color",
                "name": "info-subtle",
                "description": "The info subtle background color variable."
            },
            {
                "type": "Color",
                "name": "info-subtle-hover",
                "description": "The info subtle background color variable for the hover state."
            },
            {
                "type": "Color",
                "name": "info-subtle-active",
                "description": "The info subtle background color variable for the active state."
            },
            {
                "type": "Color",
                "name": "info",
                "description": "The info background color variable."
            },
            {
                "type": "Color",
                "name": "info-hover",
                "description": "The info background color variable for the hover state."
            },
            {
                "type": "Color",
                "name": "info-active",
                "description": "The info background color variable for the active state."
            },
            {
                "type": "Color",
                "name": "info-emphasis",
                "description": "The emphasized info color variable."
            },
            {
                "type": "Color",
                "name": "info-on-subtle",
                "description": "The text color variable for content on info subtle."
            },
            {
                "type": "Color",
                "name": "on-info",
                "description": "The text color variable for content on info."
            },
            {
                "type": "Color",
                "name": "info-on-surface",
                "description": "The text color variable for content on surface."
            },
            {
                "type": "Color",
                "name": "success-subtle",
                "description": "The success subtle background color variable."
            },
            {
                "type": "Color",
                "name": "success-subtle-hover",
                "description": "The success subtle background color variable for the hover state."
            },
            {
                "type": "Color",
                "name": "success-subtle-active",
                "description": "The success subtle background color variable for the active state."
            },
            {
                "type": "Color",
                "name": "success",
                "description": "The success background color variable."
            },
            {
                "type": "Color",
                "name": "success-hover",
                "description": "The success background color variable for the hover state."
            },
            {
                "type": "Color",
                "name": "success-active",
                "description": "The success background color variable for the active state."
            },
            {
                "type": "Color",
                "name": "success-emphasis",
                "description": "The emphasized success color variable."
            },
            {
                "type": "Color",
                "name": "success-on-subtle",
                "description": "The text color variable for content on success subtle."
            },
            {
                "type": "Color",
                "name": "on-success",
                "description": "The text color variable for content on success."
            },
            {
                "type": "Color",
                "name": "success-on-surface",
                "description": "The text color variable for content on surface."
            },
            {
                "type": "Color",
                "name": "warning-subtle",
                "description": "The warning subtle background color variable."
            },
            {
                "type": "Color",
                "name": "warning-subtle-hover",
                "description": "The warning subtle background color variable for the hover state."
            },
            {
                "type": "Color",
                "name": "warning-subtle-active",
                "description": "The warning subtle background color variable for the active state."
            },
            {
                "type": "Color",
                "name": "warning",
                "description": "The warning background color variable."
            },
            {
                "type": "Color",
                "name": "warning-hover",
                "description": "The warning background color variable for the hover state."
            },
            {
                "type": "Color",
                "name": "warning-active",
                "description": "The warning background color variable for the active state."
            },
            {
                "type": "Color",
                "name": "warning-emphasis",
                "description": "The emphasized warning color variable."
            },
            {
                "type": "Color",
                "name": "warning-on-subtle",
                "description": "The text color variable for content on warning subtle."
            },
            {
                "type": "Color",
                "name": "on-warning",
                "description": "The text color variable for content on warning."
            },
            {
                "type": "Color",
                "name": "warning-on-surface",
                "description": "The text color variable for content on surface."
            },
            {
                "type": "Color",
                "name": "error-subtle",
                "description": "The error subtle background color variable."
            },
            {
                "type": "Color",
                "name": "error-subtle-hover",
                "description": "The error subtle background color variable for the hover state."
            },
            {
                "type": "Color",
                "name": "error-subtle-active",
                "description": "The error subtle background color variable for the active state."
            },
            {
                "type": "Color",
                "name": "error",
                "description": "The error background color variable."
            },
            {
                "type": "Color",
                "name": "error-hover",
                "description": "The error background color variable for the hover state."
            },
            {
                "type": "Color",
                "name": "error-active",
                "description": "The error background color variable for the active state."
            },
            {
                "type": "Color",
                "name": "error-emphasis",
                "description": "The emphasized error color variable."
            },
            {
                "type": "Color",
                "name": "error-on-subtle",
                "description": "The text color variable for content on error subtle."
            },
            {
                "type": "Color",
                "name": "on-error",
                "description": "The text color variable for content on error."
            },
            {
                "type": "Color",
                "name": "error-on-surface",
                "description": "The text color variable for content on surface."
            },
            {
                "type": "Color",
                "name": "inverse-subtle",
                "description": "The inverse subtle background color variable."
            },
            {
                "type": "Color",
                "name": "inverse-subtle-hover",
                "description": "The inverse subtle background color variable for the hover state."
            },
            {
                "type": "Color",
                "name": "inverse-subtle-active",
                "description": "The inverse subtle background color variable for the active state."
            },
            {
                "type": "Color",
                "name": "inverse",
                "description": "The inverse background color variable."
            },
            {
                "type": "Color",
                "name": "inverse-hover",
                "description": "The inverse background color variable for the hover state."
            },
            {
                "type": "Color",
                "name": "inverse-active",
                "description": "The inverse background color variable for the active state."
            },
            {
                "type": "Color",
                "name": "inverse-emphasis",
                "description": "The emphasized inverse color variable."
            },
            {
                "type": "Color",
                "name": "inverse-on-subtle",
                "description": "The text color variable for content on inverse subtle."
            },
            {
                "type": "Color",
                "name": "on-inverse",
                "description": "The text color variable for content on inverse."
            },
            {
                "type": "Color",
                "name": "inverse-on-surface",
                "description": "The text color variable for content on surface."
            },
            {
                "type": "Color",
                "name": "series",
                "description": "The base series color variable."
            },
            {
                "type": "Color",
                "name": "series-a",
                "description": "The series A color variable."
            },
            {
                "type": "Color",
                "name": "series-a-bold",
                "description": "The bold series A color variable."
            },
            {
                "type": "Color",
                "name": "series-a-bolder",
                "description": "The bolder series A color variable."
            },
            {
                "type": "Color",
                "name": "series-a-subtle",
                "description": "The subtle series A color variable."
            },
            {
                "type": "Color",
                "name": "series-a-subtler",
                "description": "The subtler series A color variable."
            },
            {
                "type": "Color",
                "name": "series-b",
                "description": "The series B color variable."
            },
            {
                "type": "Color",
                "name": "series-b-bold",
                "description": "The bold series B color variable."
            },
            {
                "type": "Color",
                "name": "series-b-bolder",
                "description": "The bolder series B color variable."
            },
            {
                "type": "Color",
                "name": "series-b-subtle",
                "description": "The subtle series B color variable."
            },
            {
                "type": "Color",
                "name": "series-b-subtler",
                "description": "The subtler series B color variable."
            },
            {
                "type": "Color",
                "name": "series-c",
                "description": "The series C color variable."
            },
            {
                "type": "Color",
                "name": "series-c-bold",
                "description": "The bold series C color variable."
            },
            {
                "type": "Color",
                "name": "series-c-bolder",
                "description": "The bolder series C color variable."
            },
            {
                "type": "Color",
                "name": "series-c-subtle",
                "description": "The subtle series C color variable."
            },
            {
                "type": "Color",
                "name": "series-c-subtler",
                "description": "The subtler series C color variable."
            },
            {
                "type": "Color",
                "name": "series-d",
                "description": "The series D color variable."
            },
            {
                "type": "Color",
                "name": "series-d-bold",
                "description": "The bold series D color variable."
            },
            {
                "type": "Color",
                "name": "series-d-bolder",
                "description": "The bolder series D color variable."
            },
            {
                "type": "Color",
                "name": "series-d-subtle",
                "description": "The subtle series D color variable."
            },
            {
                "type": "Color",
                "name": "series-d-subtler",
                "description": "The subtler series D color variable."
            },
            {
                "type": "Color",
                "name": "series-e",
                "description": "The series E color variable."
            },
            {
                "type": "Color",
                "name": "series-e-bold",
                "description": "The bold series E color variable."
            },
            {
                "type": "Color",
                "name": "series-e-bolder",
                "description": "The bolder series E color variable."
            },
            {
                "type": "Color",
                "name": "series-e-subtle",
                "description": "The subtle series E color variable."
            },
            {
                "type": "Color",
                "name": "series-e-subtler",
                "description": "The subtler series E color variable."
            },
            {
                "type": "Color",
                "name": "series-f",
                "description": "The series F color variable."
            },
            {
                "type": "Color",
                "name": "series-f-bold",
                "description": "The bold series F color variable."
            },
            {
                "type": "Color",
                "name": "series-f-bolder",
                "description": "The bolder series F color variable."
            },
            {
                "type": "Color",
                "name": "series-f-subtle",
                "description": "The subtle series F color variable."
            },
            {
                "type": "Color",
                "name": "series-f-subtler",
                "description": "The subtler series F color variable."
            }
        ],
        "access": "public",
        "file": {
            "path": "color-system/_swatch.scss",
            "name": "_swatch.scss"
        }
    },
    {
        "description": "Makes a color lighter by mixing it with white\n",
        "commentRange": {
            "start": 174,
            "end": 182
        },
        "context": {
            "type": "function",
            "name": "k-color-tint",
            "code": "\n    @return k-color-level( $color, -$level );\n",
            "line": {
                "start": 183,
                "end": 185
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color",
                "description": "The color to lighten"
            },
            {
                "type": "Number",
                "name": "level",
                "description": "The amount to lighten the color"
            }
        ],
        "return": {
            "type": "Color",
            "description": "The lightened color\n"
        },
        "group": [
            "color-system"
        ],
        "example": [
            {
                "type": "scss",
                "code": "@debug k-color-tint( #f00, 1 ); // => #ff1a1a",
                "description": "Usage"
            }
        ],
        "access": "public",
        "require": [],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        },
        "usedBy": [
            {
                "description": "Shades the color in light themes and tints it in dark themes\n",
                "context": {
                    "type": "function",
                    "name": "k-try-shade",
                    "code": "\n    $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n    @if $_dark-theme {\n        @return k-color-tint( $color, $level );\n    }\n\n    @return k-color-shade( $color, $level );\n",
                    "line": {
                        "start": 206,
                        "end": 214
                    }
                }
            },
            {
                "description": "Tints the color in light themes and shades it in dark themes\n",
                "context": {
                    "type": "function",
                    "name": "k-try-tint",
                    "code": "\n    $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n    @if $_dark-theme {\n        @return k-color-shade( $color, $level );\n    }\n\n    @return k-color-tint( $color, $level );\n",
                    "line": {
                        "start": 222,
                        "end": 230
                    }
                }
            }
        ]
    },
    {
        "description": "Makes a color darker by mixing it with black\n",
        "commentRange": {
            "start": 187,
            "end": 195
        },
        "context": {
            "type": "function",
            "name": "k-color-shade",
            "code": "\n    @return k-color-level( $color, $level );\n",
            "line": {
                "start": 196,
                "end": 198
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color",
                "description": "The color to darken"
            },
            {
                "type": "Number",
                "name": "level",
                "description": "The amount to darken the color"
            }
        ],
        "return": {
            "type": "Color",
            "description": "The darkened color\n"
        },
        "group": [
            "color-system"
        ],
        "example": [
            {
                "type": "scss",
                "code": "@debug k-color-shade( #f00, 1 ); // => #e60000",
                "description": "Usage"
            }
        ],
        "access": "public",
        "require": [],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        },
        "usedBy": [
            {
                "description": "Shades the color in light themes and tints it in dark themes\n",
                "context": {
                    "type": "function",
                    "name": "k-try-shade",
                    "code": "\n    $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n    @if $_dark-theme {\n        @return k-color-tint( $color, $level );\n    }\n\n    @return k-color-shade( $color, $level );\n",
                    "line": {
                        "start": 206,
                        "end": 214
                    }
                }
            },
            {
                "description": "Tints the color in light themes and shades it in dark themes\n",
                "context": {
                    "type": "function",
                    "name": "k-try-tint",
                    "code": "\n    $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n    @if $_dark-theme {\n        @return k-color-shade( $color, $level );\n    }\n\n    @return k-color-tint( $color, $level );\n",
                    "line": {
                        "start": 222,
                        "end": 230
                    }
                }
            }
        ]
    },
    {
        "description": "Shades the color in light themes and tints it in dark themes\n",
        "commentRange": {
            "start": 200,
            "end": 205
        },
        "context": {
            "type": "function",
            "name": "k-try-shade",
            "code": "\n    $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n    @if $_dark-theme {\n        @return k-color-tint( $color, $level );\n    }\n\n    @return k-color-shade( $color, $level );\n",
            "line": {
                "start": 206,
                "end": 214
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color",
                "description": "The color to shade or tint"
            },
            {
                "type": "Number",
                "name": "level",
                "description": "The amount to shade or tint the color"
            }
        ],
        "return": {
            "type": "Color",
            "description": "The shaded or tinted color\n"
        },
        "group": [
            "color-system"
        ],
        "access": "public",
        "require": [
            {
                "type": "function",
                "name": "k-color-tint"
            },
            {
                "type": "function",
                "name": "k-color-shade"
            }
        ],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        },
        "usedBy": [
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            }
        ]
    },
    {
        "description": "Tints the color in light themes and shades it in dark themes\n",
        "commentRange": {
            "start": 216,
            "end": 221
        },
        "context": {
            "type": "function",
            "name": "k-try-tint",
            "code": "\n    $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n    @if $_dark-theme {\n        @return k-color-shade( $color, $level );\n    }\n\n    @return k-color-tint( $color, $level );\n",
            "line": {
                "start": 222,
                "end": 230
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color",
                "description": "The color to tint or shade"
            },
            {
                "type": "Number",
                "name": "level",
                "description": "The amount to tint or shade the color"
            }
        ],
        "return": {
            "type": "Color",
            "description": "The tinted or shaded color\n"
        },
        "group": [
            "color-system"
        ],
        "access": "public",
        "require": [
            {
                "type": "function",
                "name": "k-color-shade"
            },
            {
                "type": "function",
                "name": "k-color-tint"
            }
        ],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        },
        "usedBy": [
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            }
        ]
    },
    {
        "description": "Darkens the color in light themes and lightens it in dark themes\n",
        "commentRange": {
            "start": 232,
            "end": 237
        },
        "context": {
            "type": "function",
            "name": "k-try-darken",
            "code": "\n    $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n    @if $_dark-theme {\n        @return k-color-lighten( $color, $amount );\n    }\n    @return k-color-darken( $color, $amount );\n",
            "line": {
                "start": 238,
                "end": 245
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color",
                "description": "The color to darken or lighten"
            },
            {
                "type": "Number",
                "name": "level",
                "description": "The amount to darken or lighten the color"
            }
        ],
        "return": {
            "type": "Color",
            "description": "The darkened or lightened color\n"
        },
        "group": [
            "color-system"
        ],
        "access": "public",
        "require": [
            {
                "type": "function",
                "name": "k-color-lighten"
            },
            {
                "type": "function",
                "name": "k-color-darken"
            }
        ],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        }
    },
    {
        "description": "Lightens the color in light themes and darkens it in dark themes\n",
        "commentRange": {
            "start": 247,
            "end": 252
        },
        "context": {
            "type": "function",
            "name": "k-try-lighten",
            "code": "\n    $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n    @if $_dark-theme {\n        @return k-color-darken( $color, $amount );\n    }\n    @return k-color-lighten( $color, $amount );\n",
            "line": {
                "start": 253,
                "end": 260
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color",
                "description": "The color to lighten or darken"
            },
            {
                "type": "Number",
                "name": "level",
                "description": "The amount to lighten or darken the color"
            }
        ],
        "return": {
            "type": "Color",
            "description": "The lightened or darkened color\n"
        },
        "group": [
            "color-system"
        ],
        "access": "public",
        "require": [
            {
                "type": "function",
                "name": "k-color-darken"
            },
            {
                "type": "function",
                "name": "k-color-lighten"
            }
        ],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        }
    },
    {
        "description": "Converts a color with alpha to solid color mixed with a background color\n",
        "commentRange": {
            "start": 262,
            "end": 270
        },
        "context": {
            "type": "function",
            "name": "k-rgba-to-mix",
            "code": "\n    $percent: color.alpha( $color ) * 100%;\n\n    @return k-color-mix( rgba( $color, 1 ), $bg, $percent );\n",
            "line": {
                "start": 271,
                "end": 275
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color",
                "description": "The color to convert"
            },
            {
                "type": "Color",
                "name": "bg",
                "description": "The background color"
            }
        ],
        "return": {
            "type": "Color",
            "description": "The converted color\n"
        },
        "group": [
            "color-system"
        ],
        "example": [
            {
                "type": "scss",
                "code": "@debug k-rgba-to-mix( rgba( #f00, 0.5 ), #fff ); // => #ff8080",
                "description": "Usage"
            }
        ],
        "access": "public",
        "require": [
            {
                "type": "function",
                "name": "k-color-mix"
            }
        ],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        }
    },
    {
        "description": "The sizes map for the ColumnMenu.\n",
        "commentRange": {
            "start": 28,
            "end": 29
        },
        "context": {
            "type": "variable",
            "name": "kendo-column-menu-sizes",
            "value": "(\n    sm: (\n        padding-x: $kendo-column-menu-item-sm-padding-x,\n        padding-y: $kendo-column-menu-item-sm-padding-y,\n        font-size: $kendo-column-menu-sm-font-size,\n        line-height: $kendo-column-menu-sm-line-height\n    ),\n    md: (\n        padding-x: $kendo-column-menu-item-md-padding-x,\n        padding-y: $kendo-column-menu-item-md-padding-y,\n        font-size: $kendo-column-menu-md-font-size,\n        line-height: $kendo-column-menu-md-line-height\n    ),\n    lg: (\n        padding-x: $kendo-column-menu-item-lg-padding-x,\n        padding-y: $kendo-column-menu-item-lg-padding-y,\n        font-size: $kendo-column-menu-lg-font-size,\n        line-height: $kendo-column-menu-lg-line-height\n    )\n)",
            "scope": "default",
            "line": {
                "start": 30,
                "end": 49
            }
        },
        "group": [
            "column-menu"
        ],
        "access": "public",
        "file": {
            "path": "components/column-menu/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map of the DateTimePicker.\n",
        "commentRange": {
            "start": 9,
            "end": 10
        },
        "context": {
            "type": "variable",
            "name": "kendo-datetime-sizes",
            "value": "(\n    sm: (\n        width: $kendo-datetime-sm-width\n    ),\n    md: (\n        width: $kendo-datetime-md-width\n    ),\n    lg: (\n        width: $kendo-datetime-lg-width\n    )\n)",
            "scope": "default",
            "line": {
                "start": 11,
                "end": 21
            }
        },
        "group": [
            "date-time-picker"
        ],
        "access": "public",
        "file": {
            "path": "components/datetimepicker/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The global default Elevation map.\n",
        "commentRange": {
            "start": 25,
            "end": 26
        },
        "context": {
            "type": "variable",
            "name": "kendo-elevation",
            "value": "$default-elevation",
            "scope": "default",
            "line": {
                "start": 27,
                "end": 27
            }
        },
        "group": [
            "elevation"
        ],
        "access": "public",
        "file": {
            "path": "elevation/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The theme colors map of the FloatingActionButton.\n",
        "commentRange": {
            "start": 66,
            "end": 67
        },
        "context": {
            "type": "variable",
            "name": "kendo-fab-theme-colors",
            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\")",
            "scope": "default",
            "line": {
                "start": 68,
                "end": 68
            }
        },
        "group": [
            "floating-action-button"
        ],
        "access": "public",
        "file": {
            "path": "components/fab/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map of the FloatingActionButton.\n",
        "commentRange": {
            "start": 70,
            "end": 71
        },
        "context": {
            "type": "variable",
            "name": "kendo-fab-sizes",
            "value": "(\n    sm: (\n        padding-x: $kendo-fab-sm-padding-x,\n        padding-y: $kendo-fab-sm-padding-y\n    ),\n    md: (\n        padding-x: $kendo-fab-md-padding-x,\n        padding-y: $kendo-fab-md-padding-y\n    ),\n    lg: (\n        padding-x: $kendo-fab-lg-padding-x,\n        padding-y: $kendo-fab-lg-padding-y\n    )\n)",
            "scope": "default",
            "line": {
                "start": 72,
                "end": 85
            }
        },
        "group": [
            "floating-action-button"
        ],
        "access": "public",
        "file": {
            "path": "components/fab/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map of the Form.\n",
        "commentRange": {
            "start": 70,
            "end": 71
        },
        "context": {
            "type": "variable",
            "name": "kendo-form-sizes",
            "value": "(\n    sm: (\n        form-rows-spacing: $kendo-form-sm-rows-spacing\n    ),\n    md: (\n        form-rows-spacing: $kendo-form-md-rows-spacing\n    ),\n    lg: (\n        form-rows-spacing: $kendo-form-lg-rows-spacing\n    )\n)",
            "scope": "default",
            "line": {
                "start": 72,
                "end": 82
            }
        },
        "group": [
            "form"
        ],
        "access": "public",
        "file": {
            "path": "components/forms/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map of the Grid.\n",
        "commentRange": {
            "start": 71,
            "end": 72
        },
        "context": {
            "type": "variable",
            "name": "kendo-grid-sizes",
            "value": "(\n    sm: (\n        header-padding-x: $kendo-grid-sm-header-padding-x,\n        header-padding-y: $kendo-grid-sm-header-padding-y,\n        grouping-header-padding-x: $kendo-grid-sm-grouping-header-padding-x,\n        grouping-header-padding-y: $kendo-grid-sm-grouping-header-padding-y,\n        cell-padding-x: $kendo-grid-sm-cell-padding-x,\n        cell-padding-y: $kendo-grid-sm-cell-padding-y,\n        filter-cell-padding-x: $kendo-grid-sm-filter-cell-padding-x,\n        filter-cell-padding-y: $kendo-grid-sm-filter-cell-padding-y,\n        edit-cell-padding-x: $kendo-grid-sm-edit-cell-padding-x,\n        edit-cell-padding-y: $kendo-grid-sm-edit-cell-padding-y,\n        button-padding-y: $kendo-button-sm-padding-y,\n        button-calc-size: $kendo-button-sm-calc-size,\n        group-dropclue-height: $kendo-grid-sm-group-dropclue-height,\n        selection-aggregates-padding-x: $kendo-grid-sm-selection-aggregates-padding-x,\n        selection-aggregates-padding-y: $kendo-grid-sm-selection-aggregates-padding-y\n    ),\n    md: (\n        header-padding-x: $kendo-grid-md-header-padding-x,\n        header-padding-y: $kendo-grid-md-header-padding-y,\n        grouping-header-padding-x: $kendo-grid-md-grouping-header-padding-x,\n        grouping-header-padding-y: $kendo-grid-md-grouping-header-padding-y,\n        cell-padding-x: $kendo-grid-md-cell-padding-x,\n        cell-padding-y: $kendo-grid-md-cell-padding-y,\n        filter-cell-padding-x: $kendo-grid-md-filter-cell-padding-x,\n        filter-cell-padding-y: $kendo-grid-md-filter-cell-padding-y,\n        edit-cell-padding-x: $kendo-grid-md-edit-cell-padding-x,\n        edit-cell-padding-y: $kendo-grid-md-edit-cell-padding-y,\n        button-padding-y: $kendo-button-md-padding-y,\n        button-calc-size: $kendo-button-md-calc-size,\n        group-dropclue-height: $kendo-grid-md-group-dropclue-height,\n        selection-aggregates-padding-x: $kendo-grid-md-selection-aggregates-padding-x,\n        selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-y\n    ),\n)",
            "scope": "default",
            "line": {
                "start": 73,
                "end": 108
            }
        },
        "group": [
            "grid"
        ],
        "access": "public",
        "file": {
            "path": "components/grid/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map of the Input.\n",
        "commentRange": {
            "start": 38,
            "end": 39
        },
        "context": {
            "type": "variable",
            "name": "kendo-input-sizes",
            "value": "(\n    sm: (\n        padding-x: $kendo-input-sm-padding-x,\n        padding-y: $kendo-input-sm-padding-y,\n        font-size: $kendo-input-sm-font-size,\n        line-height: $kendo-input-sm-line-height,\n        button-padding-x: $kendo-input-sm-padding-y,\n        button-padding-y: $kendo-input-sm-padding-y,\n    ),\n    md: (\n        padding-x: $kendo-input-md-padding-x,\n        padding-y: $kendo-input-md-padding-y,\n        font-size: $kendo-input-md-font-size,\n        line-height: $kendo-input-md-line-height,\n        button-padding-x: $kendo-input-md-padding-y,\n        button-padding-y: $kendo-input-md-padding-y,\n    ),\n    lg: (\n        padding-x: $kendo-input-lg-padding-x,\n        padding-y: $kendo-input-lg-padding-y,\n        font-size: $kendo-input-lg-font-size,\n        line-height: $kendo-input-lg-line-height,\n        button-padding-x: $kendo-input-lg-padding-y,\n        button-padding-y: $kendo-input-lg-padding-y\n    )\n)",
            "scope": "default",
            "line": {
                "start": 40,
                "end": 65
            }
        },
        "group": [
            "input"
        ],
        "access": "public",
        "file": {
            "path": "components/input/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map of the List.\n",
        "commentRange": {
            "start": 108,
            "end": 109
        },
        "context": {
            "type": "variable",
            "name": "kendo-list-sizes",
            "value": "(\n    sm: (\n        font-size: $kendo-list-sm-font-size,\n        line-height: $kendo-list-sm-line-height,\n        header-padding-x: $kendo-list-sm-header-padding-x,\n        header-padding-y: $kendo-list-sm-header-padding-y,\n        header-font-size: $kendo-list-sm-header-font-size,\n        header-line-height: $kendo-list-sm-header-line-height,\n        item-padding-x: $kendo-list-sm-item-padding-x,\n        item-padding-y: $kendo-list-sm-item-padding-y,\n        item-font-size: $kendo-list-sm-item-font-size,\n        item-line-height: $kendo-list-sm-item-line-height,\n        group-item-padding-x: $kendo-list-sm-group-item-padding-x,\n        group-item-padding-y: $kendo-list-sm-group-item-padding-y,\n        group-item-font-size: $kendo-list-sm-group-item-font-size,\n        group-item-line-height: $kendo-list-sm-group-item-line-height,\n        item-group-label-padding-x: $kendo-list-item-group-label-sm-padding-x,\n        item-group-label-padding-y: $kendo-list-item-group-label-sm-padding-y,\n        item-group-label-font-size: $kendo-list-item-group-label-sm-font-size,\n        item-group-label-line-height: $kendo-list-item-group-label-sm-line-height,\n        filter-padding-x: $kendo-list-sm-filter-padding-x,\n        filter-padding-y: $kendo-list-sm-filter-padding-y\n    ),\n    md: (\n        font-size: $kendo-list-md-font-size,\n        line-height: $kendo-list-md-line-height,\n        header-padding-x: $kendo-list-md-header-padding-x,\n        header-padding-y: $kendo-list-md-header-padding-y,\n        header-font-size: $kendo-list-md-header-font-size,\n        header-line-height: $kendo-list-md-header-line-height,\n        item-padding-x: $kendo-list-md-item-padding-x,\n        item-padding-y: $kendo-list-md-item-padding-y,\n        item-font-size: $kendo-list-md-item-font-size,\n        item-line-height: $kendo-list-md-item-line-height,\n        group-item-padding-x: $kendo-list-md-group-item-padding-x,\n        group-item-padding-y: $kendo-list-md-group-item-padding-y,\n        group-item-font-size: $kendo-list-md-group-item-font-size,\n        group-item-line-height: $kendo-list-md-group-item-line-height,\n        item-group-label-padding-x: $kendo-list-item-group-label-md-padding-x,\n        item-group-label-padding-y: $kendo-list-item-group-label-md-padding-y,\n        item-group-label-font-size: $kendo-list-item-group-label-md-font-size,\n        item-group-label-line-height: $kendo-list-item-group-label-md-line-height,\n        filter-padding-x: $kendo-list-md-filter-padding-x,\n        filter-padding-y: $kendo-list-md-filter-padding-y\n    ),\n    lg: (\n        font-size: $kendo-list-lg-font-size,\n        line-height: $kendo-list-lg-line-height,\n        header-padding-x: $kendo-list-lg-header-padding-x,\n        header-padding-y: $kendo-list-lg-header-padding-y,\n        header-font-size: $kendo-list-lg-header-font-size,\n        header-line-height: $kendo-list-lg-header-line-height,\n        item-padding-x: $kendo-list-lg-item-padding-x,\n        item-padding-y: $kendo-list-lg-item-padding-y,\n        item-font-size: $kendo-list-lg-item-font-size,\n        item-line-height: $kendo-list-lg-item-line-height,\n        group-item-padding-x: $kendo-list-lg-group-item-padding-x,\n        group-item-padding-y: $kendo-list-lg-group-item-padding-y,\n        group-item-font-size: $kendo-list-lg-group-item-font-size,\n        group-item-line-height: $kendo-list-lg-group-item-line-height,\n        item-group-label-padding-x: $kendo-list-item-group-label-lg-padding-x,\n        item-group-label-padding-y: $kendo-list-item-group-label-lg-padding-y,\n        item-group-label-font-size: $kendo-list-item-group-label-lg-font-size,\n        item-group-label-line-height: $kendo-list-item-group-label-lg-line-height,\n        filter-padding-x: $kendo-list-lg-filter-padding-x,\n        filter-padding-y: $kendo-list-lg-filter-padding-y\n    )\n)",
            "scope": "default",
            "line": {
                "start": 110,
                "end": 177
            }
        },
        "group": [
            "list"
        ],
        "access": "public",
        "file": {
            "path": "components/list/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The theme colors map of the Loader.\n",
        "commentRange": {
            "start": 57,
            "end": 58
        },
        "context": {
            "type": "variable",
            "name": "kendo-loader-theme-colors",
            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\")",
            "scope": "default",
            "line": {
                "start": 59,
                "end": 59
            }
        },
        "group": [
            "loader"
        ],
        "access": "public",
        "file": {
            "path": "components/loader/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map of the Menu group.\n",
        "commentRange": {
            "start": 113,
            "end": 114
        },
        "context": {
            "type": "variable",
            "name": "kendo-menu-group-sizes",
            "value": "(\n    sm: (\n        font-size: $kendo-menu-popup-sm-font-size,\n        line-height: $kendo-menu-popup-sm-line-height,\n        item-padding-y: $kendo-menu-popup-sm-item-padding-y,\n        item-padding-x: $kendo-menu-popup-sm-item-padding-x,\n        item-padding-end: $kendo-menu-popup-sm-item-padding-end,\n        item-icon-margin-start: $kendo-menu-popup-sm-item-icon-margin-start,\n        item-icon-margin-end: $kendo-menu-popup-sm-item-icon-margin-end\n    ),\n    md: (\n        font-size: $kendo-menu-popup-md-font-size,\n        line-height: $kendo-menu-popup-md-line-height,\n        item-padding-y: $kendo-menu-popup-md-item-padding-y,\n        item-padding-x: $kendo-menu-popup-md-item-padding-x,\n        item-padding-end: $kendo-menu-popup-md-item-padding-end,\n        item-icon-margin-start: $kendo-menu-popup-md-item-icon-margin-start,\n        item-icon-margin-end: $kendo-menu-popup-md-item-icon-margin-end\n    ),\n    lg: (\n        font-size: $kendo-menu-popup-lg-font-size,\n        line-height: $kendo-menu-popup-lg-line-height,\n        item-padding-y: $kendo-menu-popup-lg-item-padding-y,\n        item-padding-x: $kendo-menu-popup-lg-item-padding-x,\n        item-padding-end: $kendo-menu-popup-lg-item-padding-end,\n        item-icon-margin-start: $kendo-menu-popup-lg-item-icon-margin-start,\n        item-icon-margin-end: $kendo-menu-popup-lg-item-icon-margin-end\n    )\n)",
            "scope": "default",
            "line": {
                "start": 115,
                "end": 143
            }
        },
        "group": [
            "menu"
        ],
        "access": "public",
        "file": {
            "path": "components/menu/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The theme colors map of the MessageBox.\n",
        "commentRange": {
            "start": 21,
            "end": 22
        },
        "context": {
            "type": "variable",
            "name": "kendo-message-box-theme-colors",
            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"inverse\")",
            "scope": "default",
            "line": {
                "start": 23,
                "end": 23
            }
        },
        "group": [
            "message-box"
        ],
        "access": "public",
        "file": {
            "path": "components/messagebox/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The global map of motion easing tokens.\n",
        "commentRange": {
            "start": 142,
            "end": 143
        },
        "context": {
            "type": "variable",
            "name": "kendo-easings",
            "value": "$default-easings",
            "scope": "default",
            "line": {
                "start": 144,
                "end": 144
            }
        },
        "group": [
            "motion"
        ],
        "access": "public",
        "file": {
            "path": "motion/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The global map of motion duration tokens.\n",
        "commentRange": {
            "start": 147,
            "end": 148
        },
        "context": {
            "type": "variable",
            "name": "kendo-durations",
            "value": "$default-durations",
            "scope": "default",
            "line": {
                "start": 149,
                "end": 149
            }
        },
        "group": [
            "motion"
        ],
        "access": "public",
        "file": {
            "path": "motion/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The global map of motion transition tokens.\n",
        "commentRange": {
            "start": 152,
            "end": 173
        },
        "context": {
            "type": "variable",
            "name": "kendo-transitions",
            "value": "$default-transitions",
            "scope": "default",
            "line": {
                "start": 174,
                "end": 174
            }
        },
        "group": [
            "motion"
        ],
        "subGroup": [
            {
                "name": "fast",
                "value": [
                    "instant",
                    "rapid",
                    "snappy",
                    "energetic"
                ],
                "description": "Speed and Responsiveness"
            },
            {
                "name": "expressive",
                "value": [
                    "emphasis",
                    "bouncy",
                    "pulse",
                    "flip"
                ],
                "description": "Personality and Playfulness"
            },
            {
                "name": "calm",
                "value": [
                    "subtle",
                    "gentle",
                    "settle",
                    "smooth",
                    "fluid",
                    "deliberate"
                ],
                "description": "Subtle & Natural"
            },
            {
                "name": "visibility",
                "value": [
                    "slide-in",
                    "slide-out",
                    "fade-in",
                    "fade-out",
                    "enter",
                    "exit"
                ],
                "description": "Visibility & Movement Change"
            },
            {
                "name": "size",
                "value": [
                    "scale-in",
                    "scale-out",
                    "grow",
                    "shrink",
                    "expand",
                    "collapse"
                ],
                "description": "Size & Scale Adjustments"
            }
        ],
        "access": "public",
        "file": {
            "path": "motion/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The sizes map of the OTPInput.\n",
        "commentRange": {
            "start": 15,
            "end": 16
        },
        "context": {
            "type": "variable",
            "name": "kendo-otp-sizes",
            "value": "(\n    sm: (\n        gap: $kendo-otp-sm-gap,\n        separator-padding-x: $kendo-otp-sm-separator-padding-x,\n        input-width: $kendo-otp-sm-input-width\n    ),\n    md: (\n        gap: $kendo-otp-md-gap,\n        separator-padding-x: $kendo-otp-md-separator-padding-x,\n        input-width: $kendo-otp-md-input-width\n    ),\n    lg: (\n        gap: $kendo-otp-lg-gap,\n        separator-padding-x: $kendo-otp-lg-separator-padding-x,\n        input-width: $kendo-otp-lg-input-width\n    )\n)",
            "scope": "default",
            "line": {
                "start": 17,
                "end": 33
            }
        },
        "group": [
            "otp"
        ],
        "access": "public",
        "file": {
            "path": "components/otp/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map of the Pager.\n",
        "commentRange": {
            "start": 38,
            "end": 39
        },
        "context": {
            "type": "variable",
            "name": "kendo-pager-sizes",
            "value": "(\n    sm: (\n        padding-x: $kendo-pager-sm-padding-x,\n        padding-y: $kendo-pager-sm-padding-y,\n        item-group-spacing: $kendo-pager-sm-item-group-spacing,\n        item-min-width: $kendo-pager-sm-item-min-width\n    ),\n    md: (\n        padding-x: $kendo-pager-md-padding-x,\n        padding-y: $kendo-pager-md-padding-y,\n        item-group-spacing: $kendo-pager-md-item-group-spacing,\n        item-min-width: $kendo-pager-md-item-min-width\n    ),\n    lg: (\n        padding-x: $kendo-pager-lg-padding-x,\n        padding-y: $kendo-pager-lg-padding-y,\n        item-group-spacing: $kendo-pager-lg-item-group-spacing,\n        item-min-width: $kendo-pager-lg-item-min-width\n    )\n)",
            "scope": "default",
            "line": {
                "start": 40,
                "end": 59
            }
        },
        "group": [
            "pager"
        ],
        "access": "public",
        "file": {
            "path": "components/pager/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The base border radius used across the Components.\n",
        "commentRange": {
            "start": 3,
            "end": 4
        },
        "context": {
            "type": "variable",
            "name": "kendo-border-radius-base",
            "value": ".25rem",
            "scope": "default",
            "line": {
                "start": 5,
                "end": 5
            }
        },
        "group": [
            "radii"
        ],
        "access": "public",
        "file": {
            "path": "border-radii/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The none border radius used across the Components.\n",
        "commentRange": {
            "start": 7,
            "end": 8
        },
        "context": {
            "type": "variable",
            "name": "kendo-border-radius-none",
            "value": "0px",
            "scope": "default",
            "line": {
                "start": 9,
                "end": 9
            }
        },
        "group": [
            "radii"
        ],
        "access": "public",
        "file": {
            "path": "border-radii/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The extra small border radius used across the Components.\n",
        "commentRange": {
            "start": 10,
            "end": 11
        },
        "context": {
            "type": "variable",
            "name": "kendo-border-radius-xs",
            "value": "calc(var(--kendo-border-radius-base) * .25)",
            "scope": "default",
            "line": {
                "start": 12,
                "end": 12
            }
        },
        "group": [
            "radii"
        ],
        "access": "public",
        "file": {
            "path": "border-radii/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The small border radius used across the Components.\n",
        "commentRange": {
            "start": 13,
            "end": 14
        },
        "context": {
            "type": "variable",
            "name": "kendo-border-radius-sm",
            "value": "calc(var(--kendo-border-radius-base) * .5)",
            "scope": "default",
            "line": {
                "start": 15,
                "end": 15
            }
        },
        "group": [
            "radii"
        ],
        "access": "public",
        "file": {
            "path": "border-radii/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The medium border radius used across the Components.\n",
        "commentRange": {
            "start": 16,
            "end": 17
        },
        "context": {
            "type": "variable",
            "name": "kendo-border-radius-md",
            "value": "var(--kendo-border-radius-base)",
            "scope": "default",
            "line": {
                "start": 18,
                "end": 18
            }
        },
        "group": [
            "radii"
        ],
        "access": "public",
        "file": {
            "path": "border-radii/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The large border radius used across the Components.\n",
        "commentRange": {
            "start": 19,
            "end": 20
        },
        "context": {
            "type": "variable",
            "name": "kendo-border-radius-lg",
            "value": "calc(var(--kendo-border-radius-base) * 1.5)",
            "scope": "default",
            "line": {
                "start": 21,
                "end": 21
            }
        },
        "group": [
            "radii"
        ],
        "access": "public",
        "file": {
            "path": "border-radii/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The extra large border radius used across the Components.\n",
        "commentRange": {
            "start": 22,
            "end": 23
        },
        "context": {
            "type": "variable",
            "name": "kendo-border-radius-xl",
            "value": "calc(var(--kendo-border-radius-base) * 2)",
            "scope": "default",
            "line": {
                "start": 24,
                "end": 24
            }
        },
        "group": [
            "radii"
        ],
        "access": "public",
        "file": {
            "path": "border-radii/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The third largest border radius used across the Components.\n",
        "commentRange": {
            "start": 25,
            "end": 26
        },
        "context": {
            "type": "variable",
            "name": "kendo-border-radius-xxl",
            "value": "calc(var(--kendo-border-radius-base) * 3)",
            "scope": "default",
            "line": {
                "start": 27,
                "end": 27
            }
        },
        "group": [
            "radii"
        ],
        "access": "public",
        "file": {
            "path": "border-radii/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The second largest border radius used across the Components.\n",
        "commentRange": {
            "start": 28,
            "end": 29
        },
        "context": {
            "type": "variable",
            "name": "kendo-border-radius-xxxl",
            "value": "calc(var(--kendo-border-radius-base) * 4)",
            "scope": "default",
            "line": {
                "start": 30,
                "end": 30
            }
        },
        "group": [
            "radii"
        ],
        "access": "public",
        "file": {
            "path": "border-radii/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The largest border radius used across the Components.\n",
        "commentRange": {
            "start": 31,
            "end": 32
        },
        "context": {
            "type": "variable",
            "name": "kendo-border-radius-full",
            "value": "calc(var(--kendo-border-radius-base) * 9999)",
            "scope": "default",
            "line": {
                "start": 33,
                "end": 33
            }
        },
        "group": [
            "radii"
        ],
        "access": "public",
        "file": {
            "path": "border-radii/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The global radii Map.\n",
        "commentRange": {
            "start": 49,
            "end": 50
        },
        "context": {
            "type": "variable",
            "name": "kendo-border-radii",
            "value": "$default-border-radii",
            "scope": "default",
            "line": {
                "start": 51,
                "end": 51
            }
        },
        "group": [
            "radii"
        ],
        "access": "public",
        "file": {
            "path": "border-radii/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The sizes map of the RadioButton.\n",
        "commentRange": {
            "start": 18,
            "end": 19
        },
        "context": {
            "type": "variable",
            "name": "kendo-radio-sizes",
            "value": "(\n    sm: (\n        size: $kendo-radio-sm-size,\n        glyph-size: $kendo-radio-sm-glyph-size,\n        ripple-size: $kendo-radio-sm-ripple-size\n    ),\n    md: (\n        size: $kendo-radio-md-size,\n        glyph-size: $kendo-radio-md-glyph-size,\n        ripple-size: $kendo-radio-md-ripple-size\n    ),\n    lg: (\n        size: $kendo-radio-lg-size,\n        glyph-size: $kendo-radio-lg-glyph-size,\n        ripple-size: $kendo-radio-lg-ripple-size\n    )\n)",
            "scope": "default",
            "line": {
                "start": 20,
                "end": 36
            }
        },
        "group": [
            "radio"
        ],
        "access": "public",
        "file": {
            "path": "components/radio/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The map with the sizes of the Segmented Control.\n",
        "commentRange": {
            "start": 45,
            "end": 46
        },
        "context": {
            "type": "variable",
            "name": "kendo-segmented-control-sizes",
            "value": "(\n    sm: (\n        font-size: $kendo-segmented-control-sm-font-size,\n        line-height: $kendo-segmented-control-sm-line-height,\n        button-padding-x: $kendo-segmented-control-sm-button-padding-x,\n        button-padding-y: $kendo-segmented-control-sm-button-padding-y,\n        button-gap: $kendo-segmented-control-sm-button-gap\n    ),\n    md: (\n        font-size: $kendo-segmented-control-md-font-size,\n        line-height: $kendo-segmented-control-md-line-height,\n        button-padding-x: $kendo-segmented-control-md-button-padding-x,\n        button-padding-y: $kendo-segmented-control-md-button-padding-y,\n        button-gap: $kendo-segmented-control-md-button-gap\n    ),\n    lg: (\n        font-size: $kendo-segmented-control-lg-font-size,\n        line-height: $kendo-segmented-control-lg-line-height,\n        button-padding-x: $kendo-segmented-control-lg-button-padding-x,\n        button-padding-y: $kendo-segmented-control-lg-button-padding-y,\n        button-gap: $kendo-segmented-control-lg-button-gap\n    )\n)",
            "scope": "default",
            "line": {
                "start": 47,
                "end": 69
            }
        },
        "group": [
            "segmented-control"
        ],
        "access": "public",
        "file": {
            "path": "components/segmented-control/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map of the Signature.\n",
        "commentRange": {
            "start": 27,
            "end": 28
        },
        "context": {
            "type": "variable",
            "name": "kendo-signature-sizes",
            "value": "(\n    sm: (\n        padding-x: $kendo-signature-sm-padding-x,\n        padding-y: $kendo-signature-sm-padding-y,\n        line-size: $kendo-signature-sm-line-size\n    ),\n    md: (\n        padding-x: $kendo-signature-md-padding-x,\n        padding-y: $kendo-signature-md-padding-y,\n        line-size: $kendo-signature-md-line-size\n    ),\n    lg: (\n        padding-x: $kendo-signature-lg-padding-x,\n        padding-y: $kendo-signature-lg-padding-y,\n        line-size: $kendo-signature-lg-line-size\n    )\n)",
            "scope": "default",
            "line": {
                "start": 29,
                "end": 45
            }
        },
        "group": [
            "signature"
        ],
        "access": "public",
        "file": {
            "path": "components/signature/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map for the Smart box components.\n",
        "commentRange": {
            "start": 24,
            "end": 25
        },
        "context": {
            "type": "variable",
            "name": "kendo-smart-box-sizes",
            "value": "(\n    sm: (\n        padding-x: $kendo-smart-box-sm-padding-x,\n        prefix-margin-x: $kendo-smart-box-sm-prefix-margin-x,\n    ),\n    md: (\n        padding-x: $kendo-smart-box-md-padding-x,\n        prefix-margin-x: $kendo-smart-box-md-prefix-margin-x,\n    ),\n    lg: (\n        padding-x: $kendo-smart-box-lg-padding-x,\n        prefix-margin-x: $kendo-smart-box-lg-prefix-margin-x,\n\n    )\n)",
            "scope": "default",
            "line": {
                "start": 26,
                "end": 40
            }
        },
        "group": [
            "smart-box"
        ],
        "access": "public",
        "file": {
            "path": "components/smart-box/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The base spacing step used to generate the Spacing map.\n",
        "commentRange": {
            "start": 4,
            "end": 5
        },
        "context": {
            "type": "variable",
            "name": "kendo-spacing-base",
            "value": "0.25rem",
            "scope": "default",
            "line": {
                "start": 6,
                "end": 6
            }
        },
        "group": [
            "spacing"
        ],
        "access": "public",
        "file": {
            "path": "spacing/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The global default Spacing map.\n",
        "commentRange": {
            "start": 45,
            "end": 46
        },
        "context": {
            "type": "variable",
            "name": "kendo-spacing",
            "value": "$default-spacing",
            "scope": "default",
            "line": {
                "start": 47,
                "end": 47
            }
        },
        "group": [
            "spacing"
        ],
        "access": "public",
        "file": {
            "path": "spacing/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The theme colors map of the Suggestion.\n",
        "commentRange": {
            "start": 17,
            "end": 18
        },
        "context": {
            "type": "variable",
            "name": "kendo-suggestion-theme-colors",
            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\")",
            "scope": "default",
            "line": {
                "start": 19,
                "end": 19
            }
        },
        "group": [
            "suggestion"
        ],
        "access": "public",
        "file": {
            "path": "components/suggestion/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The map with the different Switch sizes.\n",
        "commentRange": {
            "start": 117,
            "end": 118
        },
        "context": {
            "type": "variable",
            "name": "kendo-switch-sizes",
            "value": "(\n    sm: ( font-size: $kendo-switch-sm-font-size, track-width: $kendo-switch-sm-track-width, track-height: $kendo-switch-sm-track-height, thumb-width: $kendo-switch-sm-thumb-width, thumb-height: $kendo-switch-sm-thumb-height, thumb-offset: $kendo-switch-sm-thumb-offset, label-offset: $kendo-switch-sm-label-offset ),\n    md: ( font-size: $kendo-switch-md-font-size, track-width: $kendo-switch-md-track-width, track-height: $kendo-switch-md-track-height, thumb-width: $kendo-switch-md-thumb-width, thumb-height: $kendo-switch-md-thumb-height, thumb-offset: $kendo-switch-md-thumb-offset, label-offset: $kendo-switch-md-label-offset ),\n    lg: ( font-size: $kendo-switch-lg-font-size, track-width: $kendo-switch-lg-track-width, track-height: $kendo-switch-lg-track-height, thumb-width: $kendo-switch-lg-thumb-width, thumb-height: $kendo-switch-lg-thumb-height, thumb-offset: $kendo-switch-lg-thumb-offset, label-offset: $kendo-switch-lg-label-offset )\n)",
            "scope": "default",
            "line": {
                "start": 119,
                "end": 123
            }
        },
        "group": [
            "switch"
        ],
        "access": "public",
        "file": {
            "path": "components/switch/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map of the Table.\n",
        "commentRange": {
            "start": 31,
            "end": 32
        },
        "context": {
            "type": "variable",
            "name": "kendo-table-sizes",
            "value": "(\n    sm: (\n        font-size: $kendo-table-sm-font-size,\n        line-height: $kendo-table-sm-line-height,\n        cell-padding-x: $kendo-table-sm-cell-padding-x,\n        cell-padding-y: $kendo-table-sm-cell-padding-y\n    ),\n    md: (\n        font-size: $kendo-table-md-font-size,\n        line-height: $kendo-table-md-line-height,\n        cell-padding-x: $kendo-table-md-cell-padding-x,\n        cell-padding-y: $kendo-table-md-cell-padding-y\n    ),\n    lg: (\n        font-size: $kendo-table-lg-font-size,\n        line-height: $kendo-table-lg-line-height,\n        cell-padding-x: $kendo-table-lg-cell-padding-x,\n        cell-padding-y: $kendo-table-lg-cell-padding-y\n    )\n)",
            "scope": "default",
            "line": {
                "start": 33,
                "end": 52
            }
        },
        "group": [
            "table"
        ],
        "access": "public",
        "file": {
            "path": "components/table/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The spacing around the TabStrip scroll buttons (prev/next).\n",
        "commentRange": {
            "start": 81,
            "end": 82
        },
        "context": {
            "type": "variable",
            "name": "kendo-tabstrip-scroll-button-spacing",
            "value": "null",
            "scope": "default",
            "line": {
                "start": 83,
                "end": 83
            }
        },
        "group": [
            "tabstrip"
        ],
        "access": "public",
        "file": {
            "path": "components/tabstrip/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map of the TabStrip.\n",
        "commentRange": {
            "start": 85,
            "end": 86
        },
        "context": {
            "type": "variable",
            "name": "kendo-tabstrip-sizes",
            "value": "(\n    sm: (\n        font-size: $kendo-tabstrip-sm-font-size,\n        line-height: $kendo-tabstrip-sm-line-height,\n        item-padding-x: $kendo-tabstrip-sm-item-padding-x,\n        item-padding-y: $kendo-tabstrip-sm-item-padding-y\n    ),\n    md: (\n        font-size: $kendo-tabstrip-md-font-size,\n        line-height: $kendo-tabstrip-md-line-height,\n        item-padding-x: $kendo-tabstrip-md-item-padding-x,\n        item-padding-y: $kendo-tabstrip-md-item-padding-y\n    ),\n    lg: (\n        font-size: $kendo-tabstrip-lg-font-size,\n        line-height: $kendo-tabstrip-lg-line-height,\n        item-padding-x: $kendo-tabstrip-lg-item-padding-x,\n        item-padding-y: $kendo-tabstrip-lg-item-padding-y\n    )\n)",
            "scope": "default",
            "line": {
                "start": 87,
                "end": 106
            }
        },
        "group": [
            "tabstrip"
        ],
        "access": "public",
        "file": {
            "path": "components/tabstrip/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map of the TimeSelector.\n",
        "commentRange": {
            "start": 59,
            "end": 60
        },
        "context": {
            "type": "variable",
            "name": "kendo-time-selector-sizes",
            "value": "(\n    sm: (\n        font-size: $kendo-time-selector-sm-font-size,\n        line-height: $kendo-time-selector-sm-line-height,\n        list-item-padding-x: $kendo-time-selector-sm-list-item-padding-x,\n        list-item-padding-y: $kendo-time-selector-sm-list-item-padding-y\n    ),\n    md: (\n        font-size: $kendo-time-selector-md-font-size,\n        line-height: $kendo-time-selector-md-line-height,\n        list-item-padding-x: $kendo-time-selector-md-list-item-padding-x,\n        list-item-padding-y: $kendo-time-selector-md-list-item-padding-y\n    ),\n    lg: (\n        font-size: $kendo-time-selector-lg-font-size,\n        line-height: $kendo-time-selector-lg-line-height,\n        list-item-padding-x: $kendo-time-selector-lg-list-item-padding-x,\n        list-item-padding-y: $kendo-time-selector-lg-list-item-padding-y\n    )\n)",
            "scope": "default",
            "line": {
                "start": 61,
                "end": 80
            }
        },
        "group": [
            "time-selector"
        ],
        "access": "public",
        "file": {
            "path": "components/timeselector/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map of the ToolBar.\n",
        "commentRange": {
            "start": 60,
            "end": 61
        },
        "context": {
            "type": "variable",
            "name": "kendo-toolbar-sizes",
            "value": "(\n    sm: (\n        padding-x: $kendo-toolbar-sm-padding-x,\n        padding-y: $kendo-toolbar-sm-padding-y,\n        spacing: $kendo-toolbar-sm-spacing,\n        separator-height: $kendo-toolbar-sm-separator-height\n    ),\n    md: (\n        padding-x: $kendo-toolbar-md-padding-x,\n        padding-y: $kendo-toolbar-md-padding-y,\n        spacing: $kendo-toolbar-md-spacing,\n        separator-height: $kendo-toolbar-md-separator-height\n    ),\n    lg: (\n        padding-x: $kendo-toolbar-lg-padding-x,\n        padding-y: $kendo-toolbar-lg-padding-y,\n        spacing: $kendo-toolbar-lg-spacing,\n        separator-height: $kendo-toolbar-lg-separator-height\n    )\n)",
            "scope": "default",
            "line": {
                "start": 62,
                "end": 81
            }
        },
        "group": [
            "toolbar"
        ],
        "access": "public",
        "file": {
            "path": "components/toolbar/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The sizes map of the TreeView.\n",
        "commentRange": {
            "start": 35,
            "end": 36
        },
        "context": {
            "type": "variable",
            "name": "kendo-treeview-sizes",
            "value": "(\n    sm: (\n        font-size: $kendo-treeview-sm-font-size,\n        line-height: $kendo-treeview-sm-line-height,\n        item-padding-x: $kendo-treeview-sm-item-padding-x,\n        item-padding-y: $kendo-treeview-sm-item-padding-y,\n        checkbox-padding-x: $kendo-treeview-sm-checkbox-padding-x,\n        checkbox-padding-y: $kendo-treeview-sm-checkbox-padding-y\n    ),\n    md: (\n        font-size: $kendo-treeview-md-font-size,\n        line-height: $kendo-treeview-md-line-height,\n        item-padding-x: $kendo-treeview-md-item-padding-x,\n        item-padding-y: $kendo-treeview-md-item-padding-y,\n        checkbox-padding-x: $kendo-treeview-md-checkbox-padding-x,\n        checkbox-padding-y: $kendo-treeview-md-checkbox-padding-y\n    ),\n    lg: (\n        font-size: $kendo-treeview-lg-font-size,\n        line-height: $kendo-treeview-lg-line-height,\n        item-padding-x: $kendo-treeview-lg-item-padding-x,\n        item-padding-y: $kendo-treeview-lg-item-padding-y,\n        checkbox-padding-x: $kendo-treeview-lg-checkbox-padding-x,\n        checkbox-padding-y: $kendo-treeview-lg-checkbox-padding-y\n    )\n)",
            "scope": "default",
            "line": {
                "start": 37,
                "end": 62
            }
        },
        "group": [
            "treeview"
        ],
        "access": "public",
        "file": {
            "path": "components/treeview/_variables.scss",
            "name": "_variables.scss"
        }
    },
    {
        "description": "The base font size across all components.\n",
        "commentRange": {
            "start": 6,
            "end": 7
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-size",
            "value": "0.875rem",
            "scope": "default",
            "line": {
                "start": 8,
                "end": 8
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The extra extra small font size across all components.\n",
        "commentRange": {
            "start": 9,
            "end": 10
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-size-xxs",
            "value": "0.5rem",
            "scope": "default",
            "line": {
                "start": 11,
                "end": 11
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The extra small font size across all components.\n",
        "commentRange": {
            "start": 12,
            "end": 13
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-size-xs",
            "value": "0.625rem",
            "scope": "default",
            "line": {
                "start": 14,
                "end": 14
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The small font size across all components.\n",
        "commentRange": {
            "start": 15,
            "end": 16
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-size-sm",
            "value": "0.75rem",
            "scope": "default",
            "line": {
                "start": 17,
                "end": 17
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The medium font size across all components.\n",
        "commentRange": {
            "start": 18,
            "end": 19
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-size-md",
            "value": "$kendo-font-size",
            "scope": "default",
            "line": {
                "start": 20,
                "end": 20
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The large font size across all components.\n",
        "commentRange": {
            "start": 21,
            "end": 22
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-size-lg",
            "value": "1rem",
            "scope": "default",
            "line": {
                "start": 23,
                "end": 23
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The extra large font size across all components.\n",
        "commentRange": {
            "start": 24,
            "end": 25
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-size-xl",
            "value": "1.25rem",
            "scope": "default",
            "line": {
                "start": 26,
                "end": 26
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The base line height across all components.\n",
        "commentRange": {
            "start": 28,
            "end": 29
        },
        "context": {
            "type": "variable",
            "name": "kendo-line-height",
            "value": "math.div( 20, 14 )",
            "scope": "default",
            "line": {
                "start": 30,
                "end": 30
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The extra small line height across all components.\n",
        "commentRange": {
            "start": 31,
            "end": 32
        },
        "context": {
            "type": "variable",
            "name": "kendo-line-height-xs",
            "value": "1",
            "scope": "default",
            "line": {
                "start": 33,
                "end": 33
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The small line height across all components.\n",
        "commentRange": {
            "start": 34,
            "end": 35
        },
        "context": {
            "type": "variable",
            "name": "kendo-line-height-sm",
            "value": "1.25",
            "scope": "default",
            "line": {
                "start": 36,
                "end": 36
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The medium line height across all components.\n",
        "commentRange": {
            "start": 37,
            "end": 38
        },
        "context": {
            "type": "variable",
            "name": "kendo-line-height-md",
            "value": "$kendo-line-height",
            "scope": "default",
            "line": {
                "start": 39,
                "end": 39
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The large line height across all components.\n",
        "commentRange": {
            "start": 40,
            "end": 41
        },
        "context": {
            "type": "variable",
            "name": "kendo-line-height-lg",
            "value": "1.5",
            "scope": "default",
            "line": {
                "start": 42,
                "end": 42
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The base line height in ems across all components.\n",
        "commentRange": {
            "start": 43,
            "end": 44
        },
        "context": {
            "type": "variable",
            "name": "kendo-line-height-em",
            "value": "calc( #{$kendo-line-height-md} * 1em )",
            "scope": "default",
            "line": {
                "start": 45,
                "end": 45
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The base font weight across all components.\n",
        "commentRange": {
            "start": 47,
            "end": 48
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-weight",
            "value": "400",
            "scope": "default",
            "line": {
                "start": 49,
                "end": 49
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The thin font weight across all components.\n",
        "commentRange": {
            "start": 50,
            "end": 51
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-weight-thin",
            "value": "100",
            "scope": "default",
            "line": {
                "start": 52,
                "end": 52
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The extra light font weight across all components.\n",
        "commentRange": {
            "start": 53,
            "end": 54
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-weight-extra-light",
            "value": "200",
            "scope": "default",
            "line": {
                "start": 55,
                "end": 55
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The light font weight across all components.\n",
        "commentRange": {
            "start": 56,
            "end": 57
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-weight-light",
            "value": "300",
            "scope": "default",
            "line": {
                "start": 58,
                "end": 58
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The normal font weight across all components.\n",
        "commentRange": {
            "start": 59,
            "end": 60
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-weight-normal",
            "value": "$kendo-font-weight",
            "scope": "default",
            "line": {
                "start": 61,
                "end": 61
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The medium font weight across all components.\n",
        "commentRange": {
            "start": 62,
            "end": 63
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-weight-medium",
            "value": "500",
            "scope": "default",
            "line": {
                "start": 64,
                "end": 64
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The semibold font weight across all components.\n",
        "commentRange": {
            "start": 65,
            "end": 66
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-weight-semibold",
            "value": "600",
            "scope": "default",
            "line": {
                "start": 67,
                "end": 67
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The bold font weight across all components.\n",
        "commentRange": {
            "start": 68,
            "end": 69
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-weight-bold",
            "value": "700",
            "scope": "default",
            "line": {
                "start": 70,
                "end": 70
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The extra bold font weight across all components.\n",
        "commentRange": {
            "start": 71,
            "end": 72
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-weight-extra-bold",
            "value": "800",
            "scope": "default",
            "line": {
                "start": 73,
                "end": 73
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The most pronounced font weight across all components.\n",
        "commentRange": {
            "start": 74,
            "end": 75
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-weight-black",
            "value": "900",
            "scope": "default",
            "line": {
                "start": 76,
                "end": 76
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The base letter spacing across all components.\n",
        "commentRange": {
            "start": 78,
            "end": 79
        },
        "context": {
            "type": "variable",
            "name": "kendo-letter-spacing",
            "value": "null",
            "scope": "default",
            "line": {
                "start": 80,
                "end": 80
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The tightest letter spacing across all components.\n",
        "commentRange": {
            "start": 81,
            "end": 82
        },
        "context": {
            "type": "variable",
            "name": "kendo-letter-spacing-tightest",
            "value": "-.15px",
            "scope": "default",
            "line": {
                "start": 83,
                "end": 83
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "Slightly looser than the tighter letter spacing across all components.\n",
        "commentRange": {
            "start": 84,
            "end": 85
        },
        "context": {
            "type": "variable",
            "name": "kendo-letter-spacing-tighter",
            "value": "-.10px",
            "scope": "default",
            "line": {
                "start": 86,
                "end": 86
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "Moderately tight letter spacing across all components.\n",
        "commentRange": {
            "start": 87,
            "end": 88
        },
        "context": {
            "type": "variable",
            "name": "kendo-letter-spacing-tight",
            "value": "-.5px",
            "scope": "default",
            "line": {
                "start": 89,
                "end": 89
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The normal letter spacing across all components.\n",
        "commentRange": {
            "start": 90,
            "end": 91
        },
        "context": {
            "type": "variable",
            "name": "kendo-letter-spacing-normal",
            "value": "0px",
            "scope": "default",
            "line": {
                "start": 92,
                "end": 92
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "Wide letter spacing across all components.\n",
        "commentRange": {
            "start": 93,
            "end": 94
        },
        "context": {
            "type": "variable",
            "name": "kendo-letter-spacing-wide",
            "value": ".5px",
            "scope": "default",
            "line": {
                "start": 95,
                "end": 95
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "Slightly wider than the wide letter spacing across all components.\n",
        "commentRange": {
            "start": 96,
            "end": 97
        },
        "context": {
            "type": "variable",
            "name": "kendo-letter-spacing-wider",
            "value": ".10px",
            "scope": "default",
            "line": {
                "start": 98,
                "end": 98
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The widest letter spacing across all components.\n",
        "commentRange": {
            "start": 99,
            "end": 100
        },
        "context": {
            "type": "variable",
            "name": "kendo-letter-spacing-widest",
            "value": ".15px",
            "scope": "default",
            "line": {
                "start": 101,
                "end": 101
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The sans font family across all components.\n",
        "commentRange": {
            "start": 103,
            "end": 104
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-family-sans",
            "value": "Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans",
            "scope": "default",
            "line": {
                "start": 105,
                "end": 105
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The serif font family across all components.\n",
        "commentRange": {
            "start": 106,
            "end": 107
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-family-serif",
            "value": "\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville",
            "scope": "default",
            "line": {
                "start": 108,
                "end": 108
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The sans-serif font family across all components.\n",
        "commentRange": {
            "start": 109,
            "end": 110
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-family-sans-serif",
            "value": "system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
            "scope": "default",
            "line": {
                "start": 111,
                "end": 111
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The monospace font family across all components.\n",
        "commentRange": {
            "start": 112,
            "end": 113
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-family-monospace",
            "value": "SFMono-Regular, Menlo, Monaco, Consolas, \"Roboto Mono\", \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace",
            "scope": "default",
            "line": {
                "start": 114,
                "end": 114
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The base font family across all components.\n",
        "commentRange": {
            "start": 116,
            "end": 117
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-family",
            "value": "inherit",
            "scope": "default",
            "line": {
                "start": 118,
                "end": 118
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The font sizes map\n",
        "commentRange": {
            "start": 165,
            "end": 166
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-sizes",
            "value": "$default-font-sizes",
            "scope": "default",
            "line": {
                "start": 167,
                "end": 167
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The line heights map\n",
        "commentRange": {
            "start": 170,
            "end": 171
        },
        "context": {
            "type": "variable",
            "name": "kendo-line-heights",
            "value": "$default-line-heights",
            "scope": "default",
            "line": {
                "start": 172,
                "end": 172
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The font weights map\n",
        "commentRange": {
            "start": 175,
            "end": 176
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-weights",
            "value": "$default-font-weights",
            "scope": "default",
            "line": {
                "start": 177,
                "end": 177
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The letter spacings map\n",
        "commentRange": {
            "start": 180,
            "end": 181
        },
        "context": {
            "type": "variable",
            "name": "kendo-letter-spacings",
            "value": "$default-letter-spacings",
            "scope": "default",
            "line": {
                "start": 182,
                "end": 182
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The font families map\n",
        "commentRange": {
            "start": 185,
            "end": 186
        },
        "context": {
            "type": "variable",
            "name": "kendo-font-families",
            "value": "$default-font-families",
            "scope": "default",
            "line": {
                "start": 187,
                "end": 187
            }
        },
        "group": [
            "typography"
        ],
        "access": "public",
        "file": {
            "path": "typography/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "Returns the red channel of a color.\n",
        "commentRange": {
            "start": 10,
            "end": 15
        },
        "context": {
            "type": "function",
            "name": "k-color-red",
            "code": "\n    @if meta.function-exists(\"channel\", \"color\") {\n        @return math.round(color.channel( $color, \"red\" ));\n    }\n    @return red( $color );\n",
            "line": {
                "start": 16,
                "end": 21
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color",
                "description": "The color to get the red channel for."
            }
        ],
        "return": {
            "type": "Number",
            "description": "The red channel of the color.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-color-red( #ff0000 ); // => 255",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        },
        "usedBy": [
            {
                "description": "Calculate the relative luminance for a color.\n",
                "context": {
                    "type": "function",
                    "name": "k-color-luminance",
                    "code": "\n    $red: list.nth( $_linear-channel-values, k-color-red( $color ) + 1 );\n    $green: list.nth( $_linear-channel-values, k-color-green( $color ) + 1 );\n    $blue: list.nth( $_linear-channel-values, k-color-blue( $color ) + 1 );\n\n    @return .2126 * $red + .7152 * $green + .0722 * $blue;\n",
                    "line": {
                        "start": 574,
                        "end": 580
                    }
                }
            }
        ]
    },
    {
        "description": "Returns the green channel of a color.\n",
        "commentRange": {
            "start": 23,
            "end": 28
        },
        "context": {
            "type": "function",
            "name": "k-color-green",
            "code": "\n    @if meta.function-exists(\"channel\", \"color\") {\n        @return math.round(color.channel( $color, \"green\" ));\n    }\n    @return green( $color );\n",
            "line": {
                "start": 29,
                "end": 34
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color",
                "description": "The color to get the green channel for."
            }
        ],
        "return": {
            "type": "Number",
            "description": "The green channel of the color.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-color-green( #00ff00 ); // => 255",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        },
        "usedBy": [
            {
                "description": "Calculate the relative luminance for a color.\n",
                "context": {
                    "type": "function",
                    "name": "k-color-luminance",
                    "code": "\n    $red: list.nth( $_linear-channel-values, k-color-red( $color ) + 1 );\n    $green: list.nth( $_linear-channel-values, k-color-green( $color ) + 1 );\n    $blue: list.nth( $_linear-channel-values, k-color-blue( $color ) + 1 );\n\n    @return .2126 * $red + .7152 * $green + .0722 * $blue;\n",
                    "line": {
                        "start": 574,
                        "end": 580
                    }
                }
            }
        ]
    },
    {
        "description": "Returns the blue channel of a color.\n",
        "commentRange": {
            "start": 36,
            "end": 41
        },
        "context": {
            "type": "function",
            "name": "k-color-blue",
            "code": "\n    @if meta.function-exists(\"channel\", \"color\") {\n        @return math.round(color.channel( $color, \"blue\" ));\n    }\n    @return blue( $color );\n",
            "line": {
                "start": 42,
                "end": 47
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color",
                "description": "The color to get the blue channel for."
            }
        ],
        "return": {
            "type": "Number",
            "description": "The blue channel of the color.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-color-blue( #0000ff ); // => 255",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        },
        "usedBy": [
            {
                "description": "Calculate the relative luminance for a color.\n",
                "context": {
                    "type": "function",
                    "name": "k-color-luminance",
                    "code": "\n    $red: list.nth( $_linear-channel-values, k-color-red( $color ) + 1 );\n    $green: list.nth( $_linear-channel-values, k-color-green( $color ) + 1 );\n    $blue: list.nth( $_linear-channel-values, k-color-blue( $color ) + 1 );\n\n    @return .2126 * $red + .7152 * $green + .0722 * $blue;\n",
                    "line": {
                        "start": 574,
                        "end": 580
                    }
                }
            }
        ]
    },
    {
        "description": "Returns the hue of a color.\n",
        "commentRange": {
            "start": 49,
            "end": 54
        },
        "context": {
            "type": "function",
            "name": "k-color-hue",
            "code": "\n    @if meta.function-exists(\"channel\", \"color\") {\n        @return color.channel( $color, \"hue\" );\n    }\n    @return  hue( $color );\n",
            "line": {
                "start": 55,
                "end": 60
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color",
                "description": "The color to get the hue for."
            }
        ],
        "return": {
            "type": "Number",
            "description": "The hue of the color.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-color-hue( #e1d7d2 ); // => 20deg",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        }
    },
    {
        "description": "Returns the saturation of a color.\n",
        "commentRange": {
            "start": 62,
            "end": 67
        },
        "context": {
            "type": "function",
            "name": "k-color-saturation",
            "code": "\n    @if meta.function-exists(\"channel\", \"color\") {\n        @return color.channel( $color, \"saturation\" );\n    }\n    @return saturation( $color );\n",
            "line": {
                "start": 68,
                "end": 73
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color",
                "description": "The color to get the saturation for."
            }
        ],
        "return": {
            "type": "Number",
            "description": "The saturation of the color.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-color-saturation( #e1d7d2 ); // => 20%",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        }
    },
    {
        "description": "Returns the lightness of a color.\n",
        "commentRange": {
            "start": 75,
            "end": 80
        },
        "context": {
            "type": "function",
            "name": "k-color-lightness",
            "code": "\n    @if meta.function-exists(\"channel\", \"color\") {\n        @return color.channel( $color, \"lightness\" );\n    }\n    @return lightness( $color );\n",
            "line": {
                "start": 81,
                "end": 86
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color",
                "description": "The color to get the lightness for."
            }
        ],
        "return": {
            "type": "Number",
            "description": "The lightness of the color.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-color-lightness( #e1d7d2 ); // => 80%",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        }
    },
    {
        "description": "Returns a color that is a mix of two colors.\n",
        "commentRange": {
            "start": 88,
            "end": 95
        },
        "context": {
            "type": "function",
            "name": "k-color-mix",
            "code": "\n    @return color.mix( $color1, $color2, $weight );\n",
            "line": {
                "start": 96,
                "end": 98
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color1",
                "description": "The first color."
            },
            {
                "type": "Color",
                "name": "color2",
                "description": "The second color."
            },
            {
                "type": "Number",
                "name": "weight",
                "description": "The weight of the first color in the mix."
            }
        ],
        "return": {
            "type": "Color",
            "description": "The mixed color.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-color-mix( #f00, #00f ); // => #800080",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        },
        "usedBy": [
            {
                "description": "Converts a color with alpha to solid color mixed with a background color\n",
                "context": {
                    "type": "function",
                    "name": "k-rgba-to-mix",
                    "code": "\n    $percent: color.alpha( $color ) * 100%;\n\n    @return k-color-mix( rgba( $color, 1 ), $bg, $percent );\n",
                    "line": {
                        "start": 271,
                        "end": 275
                    }
                }
            }
        ]
    },
    {
        "description": "Makes a color darker by decreasing its lightness.\n",
        "commentRange": {
            "start": 100,
            "end": 106
        },
        "context": {
            "type": "function",
            "name": "k-color-darken",
            "code": "\n    @return color.adjust( $color, $lightness: - $amount );\n",
            "line": {
                "start": 107,
                "end": 109
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color",
                "description": "The color to darken."
            },
            {
                "type": "Number",
                "name": "amount",
                "description": "The amount to darken the color."
            }
        ],
        "return": {
            "type": "Color",
            "description": "The darkened color.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-color-darken( #f00, 10% ); // => #e60000",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        },
        "usedBy": [
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Generates all color variations of a given main color\n",
                "context": {
                    "type": "function",
                    "name": "k-generate-color-variations",
                    "code": "\n    $result: ();\n\n    // DataViz\n    @if (\n            $name == 'series-a' or\n            $name == 'series-b' or\n            $name == 'series-c' or\n            $name == 'series-d' or\n            $name == 'series-e' or\n            $name == 'series-f'\n        ) {\n        $_variations: (\n            #{$name}: $color,\n            #{$name}-bold: color.mix(black, $color, 25%),\n            #{$name}-bolder: color.mix(black, $color, 50%),\n            #{$name}-subtle: color.mix(white, $color, 25%),\n            #{$name}-subtler: color.mix(white, $color, 50%),\n        );\n\n        $result: map.merge($result, $_variations);\n    } @else {\n        // Default\n        @if ( $theme == 'default' or $theme == null ) { // stylelint-disable-line\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 4% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 13% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 75% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 75% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Bootstrap\n        @if ( $theme == 'bootstrap' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 30% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', $color, k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-color-darken( $color, 7.5% ),\n                #{$name}-active: k-color-darken( $color, 10% ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Material\n        @if ( $theme == 'material' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 16% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 24% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 32% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 87% ), k-contrast-color( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 87% ), k-try-shade( $color, 50% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Fluent\n        @if ( $theme == 'fluent' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-shade( $color, 2% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-shade( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 12% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 0.5 ),\n                #{$name}-active: k-try-shade( $color, 1.5 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 18% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 74% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 86% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 86% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n\n        // Classic\n        @if ( $theme == 'classic' ) {\n            $_variations: (\n                #{$name}-subtle: if( $name == 'base', k-try-tint( $color, 20% ), k-try-tint( $color, 80% )),\n                #{$name}-subtle-hover: if( $name == 'base', k-try-tint( $color, 8% ), k-try-tint($color, 65% )),\n                #{$name}-subtle-active: if( $name == 'base', k-try-shade( $color, 6% ), k-try-tint( $color, 50% )),\n                #{$name}: $color,\n                #{$name}-hover: k-try-shade( $color, 1 ),\n                #{$name}-active: k-try-shade( $color, 2 ),\n                #{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 14% ), k-try-tint( $color, 25% )),\n                #{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),\n                on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),\n                #{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),\n            );\n\n            $result: map.merge($result, $_variations);\n        }\n    }\n\n    @return $result;\n",
                    "line": {
                        "start": 94,
                        "end": 208
                    }
                }
            },
            {
                "description": "Darkens the color in light themes and lightens it in dark themes\n",
                "context": {
                    "type": "function",
                    "name": "k-try-darken",
                    "code": "\n    $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n    @if $_dark-theme {\n        @return k-color-lighten( $color, $amount );\n    }\n    @return k-color-darken( $color, $amount );\n",
                    "line": {
                        "start": 238,
                        "end": 245
                    }
                }
            },
            {
                "description": "Lightens the color in light themes and darkens it in dark themes\n",
                "context": {
                    "type": "function",
                    "name": "k-try-lighten",
                    "code": "\n    $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n    @if $_dark-theme {\n        @return k-color-darken( $color, $amount );\n    }\n    @return k-color-lighten( $color, $amount );\n",
                    "line": {
                        "start": 253,
                        "end": 260
                    }
                }
            }
        ]
    },
    {
        "description": "Makes a color lighter by increasing its lightness.\n",
        "commentRange": {
            "start": 111,
            "end": 117
        },
        "context": {
            "type": "function",
            "name": "k-color-lighten",
            "code": "\n    @return color.adjust( $color, $lightness: $amount );\n",
            "line": {
                "start": 118,
                "end": 120
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color",
                "description": "The color to lighten."
            },
            {
                "type": "Number",
                "name": "amount",
                "description": "The amount to lighten the color."
            }
        ],
        "return": {
            "type": "Color",
            "description": "The lightened color.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-color-lighten( #f00, 10% ); // => #ff1a1a",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        },
        "usedBy": [
            {
                "description": "Darkens the color in light themes and lightens it in dark themes\n",
                "context": {
                    "type": "function",
                    "name": "k-try-darken",
                    "code": "\n    $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n    @if $_dark-theme {\n        @return k-color-lighten( $color, $amount );\n    }\n    @return k-color-darken( $color, $amount );\n",
                    "line": {
                        "start": 238,
                        "end": 245
                    }
                }
            },
            {
                "description": "Lightens the color in light themes and darkens it in dark themes\n",
                "context": {
                    "type": "function",
                    "name": "k-try-lighten",
                    "code": "\n    $_dark-theme: if( meta.variable-exists( kendo-is-dark-theme ), $_is-dark-theme, false );\n\n    @if $_dark-theme {\n        @return k-color-darken( $color, $amount );\n    }\n    @return k-color-lighten( $color, $amount );\n",
                    "line": {
                        "start": 253,
                        "end": 260
                    }
                }
            }
        ]
    },
    {
        "description": "Increases or decreases the hue of a color.\n",
        "commentRange": {
            "start": 122,
            "end": 128
        },
        "context": {
            "type": "function",
            "name": "k-color-adjust-hue",
            "code": "\n    @return color.adjust( $color, $hue: $degrees );\n",
            "line": {
                "start": 129,
                "end": 131
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color",
                "description": "The color to adjust the hue for."
            },
            {
                "type": "Number",
                "name": "degrees",
                "description": "The amount to adjust the hue."
            }
        ],
        "return": {
            "type": "Color",
            "description": "The adjusted color.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-color-adjust-hue( #f00, 10deg ); // => #ff1a00",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        }
    },
    {
        "description": "Increases the saturation of a color.\n",
        "commentRange": {
            "start": 133,
            "end": 139
        },
        "context": {
            "type": "function",
            "name": "k-color-saturate",
            "code": "\n    @return color.adjust( $color, $saturation: $amount );\n",
            "line": {
                "start": 140,
                "end": 142
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color",
                "description": "The color to saturate."
            },
            {
                "type": "Number",
                "name": "amount",
                "description": "The amount to saturate the color."
            }
        ],
        "return": {
            "type": "Color",
            "description": "The saturated color.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-color-saturate( #f00, 10% ); // => #ff3333",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        }
    },
    {
        "description": "Decreases the saturation of a color.\n",
        "commentRange": {
            "start": 144,
            "end": 150
        },
        "context": {
            "type": "function",
            "name": "k-color-desaturate",
            "code": "\n    @return color.adjust( $color, $saturation: - $amount );\n",
            "line": {
                "start": 151,
                "end": 153
            }
        },
        "parameter": [
            {
                "type": "Color",
                "name": "color",
                "description": "The color to desaturate."
            },
            {
                "type": "Number",
                "name": "amount",
                "description": "The amount to desaturate the color."
            }
        ],
        "return": {
            "type": "Color",
            "description": "The desaturated color.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-color-desaturate( #f00, 10% ); // => #e60000",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_color.scss",
            "name": "_color.scss"
        }
    },
    {
        "description": "Returns a SCSS selector self-reference (\"&\") when the current value matches the default value,\notherwise returns null. This is useful for conditionally applying styles only when a component\noption is set to its default value, allowing default styles to be grouped together.\n",
        "commentRange": {
            "start": 4,
            "end": 9
        },
        "context": {
            "type": "function",
            "name": "k-when-default",
            "code": "\n  @if meta.type-of($current) == \"list\" {\n    @return if(list.index($current, $default) != null, \"&,\", null);\n  }\n  @return if($default == $current, \"&,\", null);\n",
            "line": {
                "start": 11,
                "end": 16
            }
        },
        "parameter": [
            {
                "type": "String",
                "name": "default",
                "description": "The default value to compare against."
            },
            {
                "type": "String | List",
                "name": "current",
                "description": "The current value to check. Can be a single value or a list of values."
            }
        ],
        "return": {
            "type": "String | Null",
            "description": "Returns \"&,\" when values match, null otherwise."
        },
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_default.scss",
            "name": "_default.scss"
        }
    },
    {
        "description": "Returns the value of a variable if it is not null,\notherwise returns the fallback value.\n",
        "commentRange": {
            "start": 1,
            "end": 11
        },
        "context": {
            "type": "function",
            "name": "k-if-var",
            "code": "\n    @return if( $var != null, $var, $fallback );\n",
            "line": {
                "start": 12,
                "end": 14
            }
        },
        "parameter": [
            {
                "type": "Any",
                "name": "var",
                "description": "The variable to check."
            },
            {
                "type": "Any",
                "name": "fallback",
                "description": "The fallback value."
            }
        ],
        "return": {
            "type": "Any",
            "description": "The value of the variable or the fallback value.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "$foo: null;\n@debug k-if-var( $foo, \"bar\" ); // => \"bar\"\n$foo: \"baz\";\n@debug k-if-var( $foo, \"bar\" ); // => \"baz\"",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_lang.scss",
            "name": "_lang.scss"
        }
    },
    {
        "description": "Checks whether `$list` contains `$value`.\n",
        "commentRange": {
            "start": 3,
            "end": 10
        },
        "context": {
            "type": "function",
            "name": "k-list-includes",
            "code": "\n    @return list.index($list, $value) != null;\n",
            "line": {
                "start": 11,
                "end": 13
            }
        },
        "parameter": [
            {
                "type": "List",
                "name": "list",
                "description": "The list to check."
            },
            {
                "type": "Any",
                "name": "value",
                "description": "The value to check for."
            }
        ],
        "return": {
            "type": "Boolean",
            "description": "Whether `$list` contains `$value`.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-list-includes( ( \"foo\", \"bar\" ), \"foo\" ); // => true\n@debug k-list-includes( ( \"foo\", \"bar\" ), \"baz\" ); // => false",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_list.scss",
            "name": "_list.scss"
        }
    },
    {
        "description": "Reverse the order of items in `$list`.\n",
        "commentRange": {
            "start": 15,
            "end": 20
        },
        "context": {
            "type": "function",
            "name": "k-list-reverse",
            "code": "\n    $result: ();\n\n    @if ($list) {\n        $len: list.length($list);\n\n        @for $i from $len through 1 {\n            $result: list.append($result, list.nth($list, $i));\n        }\n\n        @return $result;\n    }\n\n    @warn \"No list passed.\";\n    @return $result;\n",
            "line": {
                "start": 21,
                "end": 36
            }
        },
        "parameter": [
            {
                "type": "List",
                "name": "list",
                "description": "The list to reverse."
            }
        ],
        "return": {
            "type": "List",
            "description": "The reversed list.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-list-reverse( ( \"foo\", \"bar\" ) ); // => \"bar, foo\"",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_list.scss",
            "name": "_list.scss"
        }
    },
    {
        "description": "Returns the value at `$key` in `$map`.\n",
        "commentRange": {
            "start": 4,
            "end": 9
        },
        "context": {
            "type": "function",
            "name": "k-map-get",
            "code": "\n    @each $key in $keys {\n        $map: map.get($map, $key); // stylelint-disable-line\n    }\n    @return $map;\n",
            "line": {
                "start": 10,
                "end": 15
            }
        },
        "parameter": [
            {
                "type": "Map",
                "name": "map",
                "description": "The map to get the value from."
            },
            {
                "type": "Any",
                "name": "key",
                "description": "The key to get the value for.\n"
            }
        ],
        "example": [
            {
                "type": "scss",
                "code": "@debug k-map-get( ( \"foo\": \"bar\" ), \"foo\" ); // => \"bar\"",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_map.scss",
            "name": "_map.scss"
        },
        "usedBy": [
            {
                "description": "Returns a deep-map with the keys and values from `$map` and `$args`.\n",
                "context": {
                    "type": "function",
                    "name": "k-map-deep-merge",
                    "code": "\n    $merged: ();\n\n    @each $map in $maps {\n        @each $key, $val in $map {\n            @if (meta.type-of($val) == \"map\") {\n                $current: k-map-get($merged, $key);\n                @if (meta.type-of($current) == \"map\") {\n                    $val: k-map-deep-merge($current, $val);\n                    $map: k-map-merge(\n                        $map,\n                        (\n                            $key: $val,\n                        )\n                    );\n                }\n            }\n        }\n        $merged: k-map-merge($merged, $map);\n    }\n\n    @return $merged;\n",
                    "line": {
                        "start": 37,
                        "end": 59
                    }
                }
            }
        ]
    },
    {
        "description": "Returns a map with the keys and values from `$map` and `$args`.\n",
        "commentRange": {
            "start": 17,
            "end": 23
        },
        "context": {
            "type": "function",
            "name": "k-map-merge",
            "code": "\n    @each $arg in $args {\n        $map: map.merge($map, $arg); // stylelint-disable-line\n    }\n    @return $map;\n",
            "line": {
                "start": 24,
                "end": 29
            }
        },
        "parameter": [
            {
                "type": "Map",
                "name": "map",
                "description": "The map to merge."
            },
            {
                "type": "Map",
                "name": "args",
                "description": "The map to merge into `$map`."
            }
        ],
        "return": {
            "type": "Map",
            "description": "A map with the keys and values from `$map` and `$args`.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-map-merge( ( \"foo\": \"bar\" ), ( \"baz\": \"qux\" ) ); // => ( \"foo\": \"bar\", \"baz\": \"qux\" )",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_map.scss",
            "name": "_map.scss"
        },
        "usedBy": [
            {
                "description": "Returns a deep-map with the keys and values from `$map` and `$args`.\n",
                "context": {
                    "type": "function",
                    "name": "k-map-deep-merge",
                    "code": "\n    $merged: ();\n\n    @each $map in $maps {\n        @each $key, $val in $map {\n            @if (meta.type-of($val) == \"map\") {\n                $current: k-map-get($merged, $key);\n                @if (meta.type-of($current) == \"map\") {\n                    $val: k-map-deep-merge($current, $val);\n                    $map: k-map-merge(\n                        $map,\n                        (\n                            $key: $val,\n                        )\n                    );\n                }\n            }\n        }\n        $merged: k-map-merge($merged, $map);\n    }\n\n    @return $merged;\n",
                    "line": {
                        "start": 37,
                        "end": 59
                    }
                }
            },
            {
                "description": "Returns a deep-map with the keys and values from `$map` and `$args`.\n",
                "context": {
                    "type": "function",
                    "name": "k-map-deep-merge",
                    "code": "\n    $merged: ();\n\n    @each $map in $maps {\n        @each $key, $val in $map {\n            @if (meta.type-of($val) == \"map\") {\n                $current: k-map-get($merged, $key);\n                @if (meta.type-of($current) == \"map\") {\n                    $val: k-map-deep-merge($current, $val);\n                    $map: k-map-merge(\n                        $map,\n                        (\n                            $key: $val,\n                        )\n                    );\n                }\n            }\n        }\n        $merged: k-map-merge($merged, $map);\n    }\n\n    @return $merged;\n",
                    "line": {
                        "start": 37,
                        "end": 59
                    }
                }
            },
            {
                "description": "Sets a single key and value in `$map`.\n",
                "context": {
                    "type": "function",
                    "name": "k-map-set",
                    "code": "\n    @return k-map-merge(\n        $map,\n        (\n            $key: $value,\n        )\n    );\n",
                    "line": {
                        "start": 69,
                        "end": 76
                    }
                }
            }
        ]
    },
    {
        "description": "Returns a deep-map with the keys and values from `$map` and `$args`.\n",
        "commentRange": {
            "start": 31,
            "end": 36
        },
        "context": {
            "type": "function",
            "name": "k-map-deep-merge",
            "code": "\n    $merged: ();\n\n    @each $map in $maps {\n        @each $key, $val in $map {\n            @if (meta.type-of($val) == \"map\") {\n                $current: k-map-get($merged, $key);\n                @if (meta.type-of($current) == \"map\") {\n                    $val: k-map-deep-merge($current, $val);\n                    $map: k-map-merge(\n                        $map,\n                        (\n                            $key: $val,\n                        )\n                    );\n                }\n            }\n        }\n        $merged: k-map-merge($merged, $map);\n    }\n\n    @return $merged;\n",
            "line": {
                "start": 37,
                "end": 59
            }
        },
        "parameter": [
            {
                "type": "Map",
                "name": "maps",
                "description": "The maps to deep-merge."
            }
        ],
        "return": {
            "type": "Map",
            "description": "A map with the keys and values from `$map` and `$args`.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-map-deep-merge( ( \"foo\": (\"bar\": \"baz\", \"baz\": \"qux\" ) ), ( \"foo\": (\"bar\": \"foo\") ) ); // => ( \"foo\": (\"bar\": \"foo\", \"baz\": \"qux\" ))",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [
            {
                "type": "function",
                "name": "k-map-get"
            },
            {
                "type": "function",
                "name": "k-map-merge"
            },
            {
                "type": "function",
                "name": "k-map-merge"
            }
        ],
        "file": {
            "path": "functions/_map.scss",
            "name": "_map.scss"
        }
    },
    {
        "description": "Sets a single key and value in `$map`.\n",
        "commentRange": {
            "start": 61,
            "end": 68
        },
        "context": {
            "type": "function",
            "name": "k-map-set",
            "code": "\n    @return k-map-merge(\n        $map,\n        (\n            $key: $value,\n        )\n    );\n",
            "line": {
                "start": 69,
                "end": 76
            }
        },
        "parameter": [
            {
                "type": "Map",
                "name": "map",
                "description": "The map to set the value in."
            },
            {
                "type": "Any",
                "name": "key",
                "description": "The key to set the value for."
            },
            {
                "type": "Any",
                "name": "value",
                "description": "The value to set."
            }
        ],
        "return": {
            "type": "Map",
            "description": "A map with the key and value set.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-map-set( ( \"foo\": \"bar\" ), \"baz\", \"qux\" ); // => ( \"foo\": \"bar\", \"baz\": \"qux\" )",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [
            {
                "type": "function",
                "name": "k-map-merge"
            }
        ],
        "file": {
            "path": "functions/_map.scss",
            "name": "_map.scss"
        },
        "usedBy": [
            {
                "description": "Returns negative values of a number or numbers in a list.\n",
                "context": {
                    "type": "function",
                    "name": "k-map-negate",
                    "code": "\n    $_map-neg: ();\n\n    @if (meta.type-of($map) != map) {\n        @error \"expected type of #{$map} is map, was #{meta.type-of($map)}\";\n    }\n    @each $key, $value in $map {\n        $_key-neg: \"-\" + $key;\n\n        @if (meta.type-of($value) == number and $value != 0 and $_key-neg != \"-0\") {\n            $_map-neg: k-map-set($_map-neg, $_key-neg, -1 * $value);\n        }\n    }\n\n    @return $_map-neg;\n",
                    "line": {
                        "start": 84,
                        "end": 99
                    }
                }
            }
        ]
    },
    {
        "description": "Returns negative values of a number or numbers in a list.\n",
        "commentRange": {
            "start": 78,
            "end": 83
        },
        "context": {
            "type": "function",
            "name": "k-map-negate",
            "code": "\n    $_map-neg: ();\n\n    @if (meta.type-of($map) != map) {\n        @error \"expected type of #{$map} is map, was #{meta.type-of($map)}\";\n    }\n    @each $key, $value in $map {\n        $_key-neg: \"-\" + $key;\n\n        @if (meta.type-of($value) == number and $value != 0 and $_key-neg != \"-0\") {\n            $_map-neg: k-map-set($_map-neg, $_key-neg, -1 * $value);\n        }\n    }\n\n    @return $_map-neg;\n",
            "line": {
                "start": 84,
                "end": 99
            }
        },
        "parameter": [
            {
                "type": "Map",
                "name": "map",
                "description": "The map to get the values from."
            }
        ],
        "return": {
            "type": "Map",
            "description": "A comma separated list of the values in `$map`.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-map-negate( ( 0: 0, 1: 1px, 2: 2px ) ); // => (\"-1\": -1px, \"-2\": -2px)",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [
            {
                "type": "function",
                "name": "k-map-set"
            }
        ],
        "throw": [
            "expected type of #{$map} is map, was #{meta.type-of($map)}"
        ],
        "file": {
            "path": "functions/_map.scss",
            "name": "_map.scss"
        }
    },
    {
        "description": "Restricts `$number` to the range between `$min` and `$max`. If `$number` is\nless than `$min`, `$min` is returned. If `$number` is greater than `$max`,\n`$max` is returned. Otherwise, `$number` is returned.\n",
        "commentRange": {
            "start": 4,
            "end": 13
        },
        "context": {
            "type": "function",
            "name": "k-math-clamp",
            "code": "\n    @return math.max($min, math.min($max, $number));\n",
            "line": {
                "start": 14,
                "end": 16
            }
        },
        "parameter": [
            {
                "type": "Number",
                "name": "number",
                "description": "The number to clamp."
            },
            {
                "type": "Number",
                "name": "min",
                "description": "The minimum value."
            },
            {
                "type": "Number",
                "name": "max",
                "description": "The maximum value."
            }
        ],
        "return": {
            "type": "Number",
            "description": "The clamped number.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-math-clamp( 10, 0, 5 ); // => 5",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_math.scss",
            "name": "_math.scss"
        }
    },
    {
        "description": "Returns the result of raising `$x` to the power of `$n`.\n",
        "commentRange": {
            "start": 18,
            "end": 24
        },
        "context": {
            "type": "function",
            "name": "k-math-pow",
            "code": "\n    $ret: 1;\n\n    @if ($n == 0) {\n        @return $ret;\n    }\n\n    @if ($n > 0) {\n        @for $i from 1 through $n {\n            $ret: $ret * $x;\n        }\n        @return $ret;\n    }\n\n    @for $i from $n to 0 {\n        $ret: math.div($ret, $x);\n    }\n    @return $ret;\n",
            "line": {
                "start": 25,
                "end": 43
            }
        },
        "parameter": [
            {
                "type": "Number",
                "name": "x",
                "description": "The base."
            },
            {
                "type": "Number",
                "name": "n",
                "description": "The exponent."
            }
        ],
        "return": {
            "type": "Number",
            "description": "The result of raising `$x` to the power of `$n`.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-math-pow( 2, 3 ); // => 8",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_math.scss",
            "name": "_math.scss"
        },
        "usedBy": [
            {
                "description": "Returns the result of rounding `$number` to the nearest integer\nusing the specified `$precision`.\n",
                "context": {
                    "type": "function",
                    "name": "k-math-round",
                    "code": "\n    @if ($precision == 0) {\n        @return math.round($number);\n    }\n\n    $pow: k-math-pow(10, $precision);\n\n    @return math.div(round($number * $pow), $pow);\n",
                    "line": {
                        "start": 53,
                        "end": 61
                    }
                }
            }
        ]
    },
    {
        "description": "Returns the result of rounding `$number` to the nearest integer\nusing the specified `$precision`.\n",
        "commentRange": {
            "start": 45,
            "end": 52
        },
        "context": {
            "type": "function",
            "name": "k-math-round",
            "code": "\n    @if ($precision == 0) {\n        @return math.round($number);\n    }\n\n    $pow: k-math-pow(10, $precision);\n\n    @return math.div(round($number * $pow), $pow);\n",
            "line": {
                "start": 53,
                "end": 61
            }
        },
        "parameter": [
            {
                "type": "Number",
                "name": "number",
                "description": "The number to round."
            },
            {
                "type": "Number",
                "name": "precision",
                "description": "The number of decimal places to round to."
            }
        ],
        "return": {
            "type": "Number",
            "description": "The rounded number.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-math-round( 10.123456789, 3 ); // => 10.123",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [
            {
                "type": "function",
                "name": "k-math-pow"
            }
        ],
        "file": {
            "path": "functions/_math.scss",
            "name": "_math.scss"
        },
        "usedBy": [
            {
                "description": "Checks whether `$value` is a <integer> CSS data type.\n",
                "context": {
                    "type": "function",
                    "name": "k-meta-is-integer",
                    "code": "\n    @return k-meta-is-number($value) and k-math-round($value) == $value;\n",
                    "line": {
                        "start": 29,
                        "end": 31
                    }
                }
            }
        ]
    },
    {
        "description": "Remove the unit from a number.\n",
        "commentRange": {
            "start": 63,
            "end": 68
        },
        "context": {
            "type": "function",
            "name": "k-math-strip-unit",
            "code": "\n    @if (meta.type-of($number) == \"number\") and not math.unitless($number) {\n        @return math.div($number, 1 * math.unit($number));\n    }\n\n    @return $number;\n",
            "line": {
                "start": 69,
                "end": 75
            }
        },
        "parameter": [
            {
                "type": "Number",
                "name": "number",
                "description": "The number to remove the unit from."
            }
        ],
        "return": {
            "type": "Number",
            "description": "The unitless number.\n"
        },
        "example": [
            {
                "type": "scss",
                "code": "@debug k-math-strip-unit( 10px ); // => 10",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_math.scss",
            "name": "_math.scss"
        }
    },
    {
        "description": "Checks whether `$value` is a <number> CSS data type.\n",
        "commentRange": {
            "start": 7,
            "end": 15
        },
        "context": {
            "type": "function",
            "name": "k-meta-is-number",
            "code": "\n    @return meta.type-of($value) == \"number\";\n",
            "line": {
                "start": 16,
                "end": 18
            }
        },
        "parameter": [
            {
                "type": "Any",
                "name": "value",
                "description": "The value to check."
            }
        ],
        "return": {
            "type": "Boolean",
            "description": "Whether `$value` is a number.\n"
        },
        "link": [
            {
                "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/number",
                "caption": ""
            }
        ],
        "example": [
            {
                "type": "scss",
                "code": "@debug k-meta-is-number( 1 ); // => true\n@debug k-meta-is-number( \"foo\" ); // => false",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_meta.scss",
            "name": "_meta.scss"
        },
        "usedBy": [
            {
                "description": "Checks whether `$value` is a <integer> CSS data type.\n",
                "context": {
                    "type": "function",
                    "name": "k-meta-is-integer",
                    "code": "\n    @return k-meta-is-number($value) and k-math-round($value) == $value;\n",
                    "line": {
                        "start": 29,
                        "end": 31
                    }
                }
            },
            {
                "description": "Checks whether `$value` is a <time> CSS data type.\n",
                "context": {
                    "type": "function",
                    "name": "k-meta-is-time",
                    "code": "\n    @return k-meta-is-number($value) and string.index(\"ms\" \"s\", math.unit($value)) != null;\n",
                    "line": {
                        "start": 42,
                        "end": 44
                    }
                }
            },
            {
                "description": "Checks whether `$value` is a <angle> CSS data type.\n",
                "context": {
                    "type": "function",
                    "name": "k-meta-is-angle",
                    "code": "\n    @return k-meta-is-number($value) and string.index(\"deg\" \"rad\" \"grad\" \"turn\", math.unit($value)) != null;\n",
                    "line": {
                        "start": 68,
                        "end": 70
                    }
                }
            },
            {
                "description": "Checks whether `$value` is a <frequency> CSS data type.\n",
                "context": {
                    "type": "function",
                    "name": "k-meta-is-frequency",
                    "code": "\n    @return k-meta-is-number($value) and string.index(\"Hz\" \"kHz\", math.unit($value)) != null;\n",
                    "line": {
                        "start": 81,
                        "end": 83
                    }
                }
            },
            {
                "description": "Checks whether `$value` is a relative <length> CSS data type.\n",
                "context": {
                    "type": "function",
                    "name": "k-meta-is-relative-length",
                    "code": "\n    @return k-meta-is-number($value) and string.index(\"em\" \"ex\" \"ch\" \"rem\" \"vw\" \"vh\" \"vmin\" \"vmax\", math.unit($value)) != null;\n",
                    "line": {
                        "start": 96,
                        "end": 98
                    }
                }
            },
            {
                "description": "Checks whether `$value` is an absolute <length> CSS data type.\n",
                "context": {
                    "type": "function",
                    "name": "k-meta-is-absolute-length",
                    "code": "\n    @return k-meta-is-number($value) and string.index(\"cm\" \"mm\" \"in\" \"px\" \"pt\" \"pc\", math.unit($value)) != null;\n",
                    "line": {
                        "start": 109,
                        "end": 111
                    }
                }
            },
            {
                "description": "Checks whether `$value` is a <percentage> CSS data type.\n",
                "context": {
                    "type": "function",
                    "name": "k-meta-is-percentage",
                    "code": "\n    @return k-meta-is-number($value) and math.unit($value) == \"%\";\n",
                    "line": {
                        "start": 122,
                        "end": 124
                    }
                }
            },
            {
                "description": "Checks whether `$value` is a <resolution> CSS data type.\n",
                "context": {
                    "type": "function",
                    "name": "k-meta-is-resolution",
                    "code": "\n    @return k-meta-is-number($value) and string.index(\"dpi\" \"dpcm\" \"dppx\", math.unit($value)) != null;\n",
                    "line": {
                        "start": 149,
                        "end": 151
                    }
                }
            }
        ]
    },
    {
        "description": "Checks whether `$value` is a <integer> CSS data type.\n",
        "commentRange": {
            "start": 20,
            "end": 28
        },
        "context": {
            "type": "function",
            "name": "k-meta-is-integer",
            "code": "\n    @return k-meta-is-number($value) and k-math-round($value) == $value;\n",
            "line": {
                "start": 29,
                "end": 31
            }
        },
        "parameter": [
            {
                "type": "Any",
                "name": "value",
                "description": "The value to check."
            }
        ],
        "return": {
            "type": "Boolean",
            "description": "Whether `$value` is a integer.\n"
        },
        "link": [
            {
                "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/integer",
                "caption": ""
            }
        ],
        "example": [
            {
                "type": "scss",
                "code": "@debug k-meta-is-integer( 1 ); // => true\n@debug k-meta-is-integer( 1.5 ); // => false",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [
            {
                "type": "function",
                "name": "k-meta-is-number"
            },
            {
                "type": "function",
                "name": "k-math-round"
            }
        ],
        "file": {
            "path": "functions/_meta.scss",
            "name": "_meta.scss"
        }
    },
    {
        "description": "Checks whether `$value` is a <time> CSS data type.\n",
        "commentRange": {
            "start": 33,
            "end": 41
        },
        "context": {
            "type": "function",
            "name": "k-meta-is-time",
            "code": "\n    @return k-meta-is-number($value) and string.index(\"ms\" \"s\", math.unit($value)) != null;\n",
            "line": {
                "start": 42,
                "end": 44
            }
        },
        "parameter": [
            {
                "type": "Any",
                "name": "value",
                "description": "The value to check."
            }
        ],
        "return": {
            "type": "Boolean",
            "description": "Whether `$value` is a time.\n"
        },
        "link": [
            {
                "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/time",
                "caption": ""
            }
        ],
        "example": [
            {
                "type": "scss",
                "code": "@debug k-meta-is-time( 1s ); // => true\n@debug k-meta-is-time( 1 ); // => false",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [
            {
                "type": "function",
                "name": "k-meta-is-number"
            }
        ],
        "file": {
            "path": "functions/_meta.scss",
            "name": "_meta.scss"
        },
        "usedBy": [
            {
                "description": "Checks whether `$value` is a valid duration period.\n",
                "context": {
                    "type": "function",
                    "name": "k-meta-is-duration",
                    "code": "\n    @return k-meta-is-time($value);\n",
                    "line": {
                        "start": 55,
                        "end": 57
                    }
                }
            }
        ]
    },
    {
        "description": "Checks whether `$value` is a valid duration period.\n",
        "commentRange": {
            "start": 46,
            "end": 54
        },
        "context": {
            "type": "function",
            "name": "k-meta-is-duration",
            "code": "\n    @return k-meta-is-time($value);\n",
            "line": {
                "start": 55,
                "end": 57
            }
        },
        "parameter": [
            {
                "type": "Any",
                "name": "value",
                "description": "The value to check."
            }
        ],
        "return": {
            "type": "Boolean",
            "description": "Whether `$value` is a duration.\n"
        },
        "link": [
            {
                "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/time",
                "caption": ""
            }
        ],
        "example": [
            {
                "type": "scss",
                "code": "@debug k-meta-is-duration( 1s ); // => true\n@debug k-meta-is-duration( 1 ); // => false",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [
            {
                "type": "function",
                "name": "k-meta-is-time"
            }
        ],
        "file": {
            "path": "functions/_meta.scss",
            "name": "_meta.scss"
        }
    },
    {
        "description": "Checks whether `$value` is a <angle> CSS data type.\n",
        "commentRange": {
            "start": 59,
            "end": 67
        },
        "context": {
            "type": "function",
            "name": "k-meta-is-angle",
            "code": "\n    @return k-meta-is-number($value) and string.index(\"deg\" \"rad\" \"grad\" \"turn\", math.unit($value)) != null;\n",
            "line": {
                "start": 68,
                "end": 70
            }
        },
        "parameter": [
            {
                "type": "Any",
                "name": "value",
                "description": "The value to check."
            }
        ],
        "return": {
            "type": "Boolean",
            "description": "Whether `$value` is a angle.\n"
        },
        "link": [
            {
                "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/angle",
                "caption": ""
            }
        ],
        "example": [
            {
                "type": "scss",
                "code": "@debug k-meta-is-angle( 1deg ); // => true\n@debug k-meta-is-angle( 1 ); // => false",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [
            {
                "type": "function",
                "name": "k-meta-is-number"
            }
        ],
        "file": {
            "path": "functions/_meta.scss",
            "name": "_meta.scss"
        }
    },
    {
        "description": "Checks whether `$value` is a <frequency> CSS data type.\n",
        "commentRange": {
            "start": 72,
            "end": 80
        },
        "context": {
            "type": "function",
            "name": "k-meta-is-frequency",
            "code": "\n    @return k-meta-is-number($value) and string.index(\"Hz\" \"kHz\", math.unit($value)) != null;\n",
            "line": {
                "start": 81,
                "end": 83
            }
        },
        "parameter": [
            {
                "type": "Any",
                "name": "value",
                "description": "The value to check."
            }
        ],
        "return": {
            "type": "Boolean",
            "description": "Whether `$value` is a frequency.\n"
        },
        "link": [
            {
                "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/frequency",
                "caption": ""
            }
        ],
        "example": [
            {
                "type": "scss",
                "code": "@debug k-meta-is-frequency( 1Hz ); // => true\n@debug k-meta-is-frequency( 1 ); // => false",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [
            {
                "type": "function",
                "name": "k-meta-is-number"
            }
        ],
        "file": {
            "path": "functions/_meta.scss",
            "name": "_meta.scss"
        }
    },
    {
        "description": "Checks whether `$value` is a relative <length> CSS data type.\n",
        "commentRange": {
            "start": 85,
            "end": 95
        },
        "context": {
            "type": "function",
            "name": "k-meta-is-relative-length",
            "code": "\n    @return k-meta-is-number($value) and string.index(\"em\" \"ex\" \"ch\" \"rem\" \"vw\" \"vh\" \"vmin\" \"vmax\", math.unit($value)) != null;\n",
            "line": {
                "start": 96,
                "end": 98
            }
        },
        "parameter": [
            {
                "type": "Any",
                "name": "value",
                "description": "The value to check."
            }
        ],
        "return": {
            "type": "Boolean",
            "description": "Whether `$value` is a relative length.\n"
        },
        "link": [
            {
                "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/length#relative_length_units_based_on_font",
                "caption": ""
            },
            {
                "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/length#relative_length_units_based_on_viewport",
                "caption": ""
            }
        ],
        "example": [
            {
                "type": "scss",
                "code": "@debug k-meta-is-relative-length( 1em ); // => true\n@debug k-meta-is-relative-length( 1ch ); // => true\n@debug k-meta-is-relative-length( 1 ); // => false",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [
            {
                "type": "function",
                "name": "k-meta-is-number"
            }
        ],
        "file": {
            "path": "functions/_meta.scss",
            "name": "_meta.scss"
        },
        "usedBy": [
            {
                "description": "Checks whether `$value` is a <length> CSS data type.\n",
                "context": {
                    "type": "function",
                    "name": "k-meta-is-length",
                    "code": "\n    @return k-meta-is-relative-length($value) or k-meta-is-absolute-length($value);\n",
                    "line": {
                        "start": 136,
                        "end": 138
                    }
                }
            }
        ]
    },
    {
        "description": "Checks whether `$value` is an absolute <length> CSS data type.\n",
        "commentRange": {
            "start": 100,
            "end": 108
        },
        "context": {
            "type": "function",
            "name": "k-meta-is-absolute-length",
            "code": "\n    @return k-meta-is-number($value) and string.index(\"cm\" \"mm\" \"in\" \"px\" \"pt\" \"pc\", math.unit($value)) != null;\n",
            "line": {
                "start": 109,
                "end": 111
            }
        },
        "parameter": [
            {
                "type": "Any",
                "name": "value",
                "description": "The value to check."
            }
        ],
        "return": {
            "type": "Boolean",
            "description": "Whether `$value` is an absolute length.\n"
        },
        "link": [
            {
                "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/length#absolute_length_units",
                "caption": ""
            }
        ],
        "example": [
            {
                "type": "scss",
                "code": "@debug k-meta-is-absolute-length( 1cm ); // => true\n@debug k-meta-is-absolute-length( 1 ); // => false",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [
            {
                "type": "function",
                "name": "k-meta-is-number"
            }
        ],
        "file": {
            "path": "functions/_meta.scss",
            "name": "_meta.scss"
        },
        "usedBy": [
            {
                "description": "Checks whether `$value` is a <length> CSS data type.\n",
                "context": {
                    "type": "function",
                    "name": "k-meta-is-length",
                    "code": "\n    @return k-meta-is-relative-length($value) or k-meta-is-absolute-length($value);\n",
                    "line": {
                        "start": 136,
                        "end": 138
                    }
                }
            }
        ]
    },
    {
        "description": "Checks whether `$value` is a <percentage> CSS data type.\n",
        "commentRange": {
            "start": 113,
            "end": 121
        },
        "context": {
            "type": "function",
            "name": "k-meta-is-percentage",
            "code": "\n    @return k-meta-is-number($value) and math.unit($value) == \"%\";\n",
            "line": {
                "start": 122,
                "end": 124
            }
        },
        "parameter": [
            {
                "type": "Any",
                "name": "value",
                "description": "The value to check."
            }
        ],
        "return": {
            "type": "Boolean",
            "description": "Whether `$value` is a percentage.\n"
        },
        "link": [
            {
                "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/percentage",
                "caption": ""
            }
        ],
        "example": [
            {
                "type": "scss",
                "code": "@debug k-meta-is-percentage( 1% ); // => true\n@debug k-meta-is-percentage( 1 ); // => false",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [
            {
                "type": "function",
                "name": "k-meta-is-number"
            }
        ],
        "file": {
            "path": "functions/_meta.scss",
            "name": "_meta.scss"
        },
        "usedBy": [
            {
                "description": "Checks whether `$value` is a <position> CSS data type.\n",
                "context": {
                    "type": "function",
                    "name": "k-meta-is-position",
                    "code": "\n    @return k-meta-is-length($value) or k-meta-is-percentage($value) or string.index(\"top\" \"right\" \"bottom\" \"left\" \"center\", $value) != null;\n",
                    "line": {
                        "start": 161,
                        "end": 163
                    }
                }
            }
        ]
    },
    {
        "description": "Checks whether `$value` is a <length> CSS data type.\n",
        "commentRange": {
            "start": 126,
            "end": 135
        },
        "context": {
            "type": "function",
            "name": "k-meta-is-length",
            "code": "\n    @return k-meta-is-relative-length($value) or k-meta-is-absolute-length($value);\n",
            "line": {
                "start": 136,
                "end": 138
            }
        },
        "parameter": [
            {
                "type": "Any",
                "name": "value",
                "description": "The value to check."
            }
        ],
        "return": {
            "type": "Boolean",
            "description": "Whether `$value` is a length.\n"
        },
        "link": [
            {
                "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/length",
                "caption": ""
            }
        ],
        "example": [
            {
                "type": "scss",
                "code": "@debug k-meta-is-length( 1em ); // => true\n@debug k-meta-is-length( 1cm ); // => true\n@debug k-meta-is-length( 1 ); // => false",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [
            {
                "type": "function",
                "name": "k-meta-is-relative-length"
            },
            {
                "type": "function",
                "name": "k-meta-is-absolute-length"
            }
        ],
        "file": {
            "path": "functions/_meta.scss",
            "name": "_meta.scss"
        },
        "usedBy": [
            {
                "description": "Checks whether `$value` is a <position> CSS data type.\n",
                "context": {
                    "type": "function",
                    "name": "k-meta-is-position",
                    "code": "\n    @return k-meta-is-length($value) or k-meta-is-percentage($value) or string.index(\"top\" \"right\" \"bottom\" \"left\" \"center\", $value) != null;\n",
                    "line": {
                        "start": 161,
                        "end": 163
                    }
                }
            }
        ]
    },
    {
        "description": "Checks whether `$value` is a <resolution> CSS data type.\n",
        "commentRange": {
            "start": 140,
            "end": 148
        },
        "context": {
            "type": "function",
            "name": "k-meta-is-resolution",
            "code": "\n    @return k-meta-is-number($value) and string.index(\"dpi\" \"dpcm\" \"dppx\", math.unit($value)) != null;\n",
            "line": {
                "start": 149,
                "end": 151
            }
        },
        "parameter": [
            {
                "type": "Any",
                "name": "value",
                "description": "The value to check."
            }
        ],
        "return": {
            "type": "Boolean",
            "description": "Whether `$value` is a resolution.\n"
        },
        "link": [
            {
                "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/resolution",
                "caption": ""
            }
        ],
        "example": [
            {
                "type": "scss",
                "code": "@debug k-meta-is-resolution( 1dpi ); // => true\n@debug k-meta-is-resolution( 1 ); // => false",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [
            {
                "type": "function",
                "name": "k-meta-is-number"
            }
        ],
        "file": {
            "path": "functions/_meta.scss",
            "name": "_meta.scss"
        }
    },
    {
        "description": "Checks whether `$value` is a <position> CSS data type.\n",
        "commentRange": {
            "start": 153,
            "end": 160
        },
        "context": {
            "type": "function",
            "name": "k-meta-is-position",
            "code": "\n    @return k-meta-is-length($value) or k-meta-is-percentage($value) or string.index(\"top\" \"right\" \"bottom\" \"left\" \"center\", $value) != null;\n",
            "line": {
                "start": 161,
                "end": 163
            }
        },
        "parameter": [
            {
                "type": "Any",
                "name": "value",
                "description": "The value to check."
            }
        ],
        "return": {
            "type": "Boolean",
            "description": "Whether `$value` is a position.\n"
        },
        "link": [
            {
                "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/position",
                "caption": ""
            }
        ],
        "example": [
            {
                "type": "scss",
                "code": "@debug k-meta-is-position( center ); // => true",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [
            {
                "type": "function",
                "name": "k-meta-is-length"
            },
            {
                "type": "function",
                "name": "k-meta-is-percentage"
            }
        ],
        "file": {
            "path": "functions/_meta.scss",
            "name": "_meta.scss"
        }
    },
    {
        "description": "Returns a copy of `$string` with all occurrences of `$search`\nreplaced by `$replace`.\n",
        "commentRange": {
            "start": 19,
            "end": 29
        },
        "context": {
            "type": "function",
            "name": "k-string-replace",
            "code": "\n    @if meta.type-of( $string ) == number {\n        $string: $string + \"\";\n    }\n\n    $index: string.index( $string, $search );\n\n    @if $index {\n        @return string.slice( $string, 1, $index - 1 ) + $replace + k-string-replace( string.slice( $string, $index + string.length( $search ) ), $search, $replace );\n    }\n\n    @return $string;\n",
            "line": {
                "start": 30,
                "end": 42
            }
        },
        "parameter": [
            {
                "type": "String",
                "name": "string",
                "description": "The string to process."
            },
            {
                "type": "String",
                "name": "search",
                "description": "The substring to look for."
            },
            {
                "type": "String",
                "name": "replace",
                "description": "The replacement string."
            }
        ],
        "return": {
            "type": "String",
            "description": "The resulting string.\n"
        },
        "link": [
            {
                "url": "https://www.sassmeister.com/gist/1b4f2da5527830088e4d",
                "caption": ""
            }
        ],
        "example": [
            {
                "type": "scss",
                "code": "@debug k-string-replace( \"foo bar\", \"bar\", \"baz\" ); // => \"foo baz\"",
                "description": "Usage"
            }
        ],
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "file": {
            "path": "functions/_string.scss",
            "name": "_string.scss"
        },
        "usedBy": [
            {
                "description": "Escapes special characters in a class name\n",
                "context": {
                    "type": "function",
                    "name": "k-escape-class-name",
                    "code": "\n    $_text: $text;\n\n    @each $char, $rep in $_kendo-escape-class-name {\n        $_text: k-string-replace( $_text, string.unquote( $char ), string.unquote( $rep ) );\n    }\n\n    @return $_text;\n",
                    "line": {
                        "start": 74,
                        "end": 82
                    }
                }
            }
        ]
    },
    {
        "description": "Escapes special characters in a class name\n",
        "commentRange": {
            "start": 71,
            "end": 73
        },
        "context": {
            "type": "function",
            "name": "k-escape-class-name",
            "code": "\n    $_text: $text;\n\n    @each $char, $rep in $_kendo-escape-class-name {\n        $_text: k-string-replace( $_text, string.unquote( $char ), string.unquote( $rep ) );\n    }\n\n    @return $_text;\n",
            "line": {
                "start": 74,
                "end": 82
            }
        },
        "parameter": [
            {
                "type": "String",
                "name": "text",
                "description": "The string to escape"
            }
        ],
        "return": {
            "type": "String",
            "description": "The escaped string"
        },
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [
            {
                "type": "function",
                "name": "k-string-replace"
            }
        ],
        "file": {
            "path": "functions/_string.scss",
            "name": "_string.scss"
        }
    },
    {
        "description": "A list of exported modules.\n",
        "commentRange": {
            "start": 3,
            "end": 4
        },
        "context": {
            "type": "variable",
            "name": "_kendo-imported-modules",
            "value": "()",
            "scope": "default",
            "line": {
                "start": 5,
                "end": 5
            }
        },
        "access": "private",
        "group": [
            "undefined"
        ],
        "file": {
            "path": "mixins/_import-once.scss",
            "name": "_import-once.scss"
        },
        "usedBy": [
            {
                "description": "Outputs a module once, no matter how many times it is included.\n",
                "context": {
                    "type": "mixin",
                    "name": "import-once",
                    "code": "\n    @if (list.index( $_kendo-imported-modules, $name ) == null) { // stylelint-disable-line\n        $_kendo-imported-modules: list.append( $_kendo-imported-modules, $name ) !global;\n        @content;\n    }\n",
                    "line": {
                        "start": 11,
                        "end": 16
                    }
                }
            }
        ]
    },
    {
        "description": "Outputs a module once, no matter how many times it is included.\n",
        "commentRange": {
            "start": 7,
            "end": 10
        },
        "context": {
            "type": "mixin",
            "name": "import-once",
            "code": "\n    @if (list.index( $_kendo-imported-modules, $name ) == null) { // stylelint-disable-line\n        $_kendo-imported-modules: list.append( $_kendo-imported-modules, $name ) !global;\n        @content;\n    }\n",
            "line": {
                "start": 11,
                "end": 16
            }
        },
        "access": "public",
        "parameter": [
            {
                "type": "String",
                "name": "name",
                "description": "The name of the exported module."
            }
        ],
        "require": [
            {
                "type": "variable",
                "name": "_kendo-imported-modules",
                "external": false
            }
        ],
        "content": "",
        "group": [
            "undefined"
        ],
        "file": {
            "path": "mixins/_import-once.scss",
            "name": "_import-once.scss"
        }
    },
    {
        "description": "This class could be assigned to elements which should be visually hidden, but remain accessible for screen readers.\n    @name .k-sr-only\n    @group accessibility\n",
        "commentRange": {
            "start": 3,
            "end": 5
        },
        "context": {
            "type": "css",
            "name": ".k-sr-only",
            "value": "position: absolute;\n        inset-inline-start: -1px;\n        width: 1px;\n        height: 1px;\n        overflow: hidden;",
            "line": {
                "start": 6,
                "end": 15
            }
        },
        "access": "public",
        "group": [
            "undefined"
        ],
        "file": {
            "path": "styles/_accessibility.scss",
            "name": "_accessibility.scss"
        }
    },
    {
        "description": "Return a z-index value based on layer and number of steps.\n",
        "commentRange": {
            "start": 23,
            "end": 27
        },
        "context": {
            "type": "function",
            "name": "k-z-index",
            "code": "\n    $layer-value: map.get($kendo-z-layers, $layer);\n\n    @if not $layer-value {\n        @error \"Layer '#{$layer}' not found in $kendo-z-layers map.\";\n    }\n\n    @return $layer-value + ($n * $kendo-z-step) + $delta;\n",
            "line": {
                "start": 28,
                "end": 36
            }
        },
        "parameter": [
            {
                "type": "String",
                "name": "layer",
                "description": "The layer key from the $kendo-z-layers map."
            },
            {
                "type": "Number} $n [0] - {Optional",
                "name": "Number",
                "description": "of steps above the base layer."
            },
            {
                "type": "Number} $delta [0] - {Deprecated, Optional",
                "name": "Balancing",
                "description": "value."
            }
        ],
        "return": {
            "type": "Number",
            "description": "Calculated z-index value."
        },
        "access": "public",
        "group": [
            "undefined"
        ],
        "require": [],
        "throw": [
            "Layer "
        ],
        "file": {
            "path": "z-index/index.scss",
            "name": "index.scss"
        }
    },
    {
        "description": "The sizes map of the Window.\n",
        "commentRange": {
            "start": 41,
            "end": 42
        },
        "context": {
            "type": "variable",
            "name": "kendo-window-sizes",
            "value": "(\n    auto: null,\n    sm: 300px,\n    md: 800px,\n    lg: 1200px\n)",
            "scope": "default",
            "line": {
                "start": 43,
                "end": 48
            }
        },
        "group": [
            "window"
        ],
        "access": "public",
        "file": {
            "path": "components/window/_variables.scss",
            "name": "_variables.scss"
        }
    }
]