@progress/kendo-theme-core
Version:
A collection of functions and mixins used for building themes for Kendo UI
1,207 lines • 1.09 MB
JSON
{
"variables": [
{
"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": "core/scss/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": "core/scss/functions/_color.scss",
"name": "_color.scss"
}
},
{
"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": "core/scss/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": "core/scss/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": "core/scss/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": "core/scss/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": "core/scss/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": "core/scss/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": "core/scss/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": "core/scss/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": "core/scss/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": "core/scss/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": "core/scss/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": "core/scss/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": "core/scss/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": "core/scss/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": "core/scss/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": "core/scss/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": "core/scss/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": "core/scss/color-system/_constants.scss",
"name": "_constants.scss"
},
"resolvedValue": "#ffffff",
"resolvedType": "Color"
},
{
"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": "core/scss/color-system/_constants.scss",
"name": "_constants.scss"
},
"resolvedValue": "#000000",
"resolvedType": "Color"
},
{
"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": "core/scss/color-system/_constants.scss",
"name": "_constants.scss"
},
"resolvedValue": "rgba(0, 0, 0, 0)",
"resolvedType": "Color"
},
{
"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": "core/scss/color-system/_constants.scss",
"name": "_constants.scss"
},
"resolvedValue": "(rgba(0, 0, 0, 0), black)",
"resolvedType": "Gradient"
},
{
"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": "core/scss/color-system/_constants.scss",
"name": "_constants.scss"
},
"resolvedValue": "(rgba(255, 255, 255, 0), white)",
"resolvedType": "Gradient"
},
{
"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": "core/scss/color-system/_constants.scss",
"name": "_constants.scss"
},
"resolvedValue": "(black, rgba(0, 0, 0, 0))",
"resolvedType": "Gradient"
},
{
"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": "core/scss/color-system/_constants.scss",
"name": "_constants.scss"
},
"resolvedValue": "(white, rgba(255, 255, 255, 0))",
"resolvedType": "Gradient"
},
{
"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": "core/scss/color-system/_constants.scss",
"name": "_constants.scss"
},
"resolvedValue": "(#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)",
"resolvedType": "Gradient"
},
{
"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."
},
{
"typ