survey-creator-core
Version:
Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.
726 lines (716 loc) • 123 kB
JavaScript
/*!
* SurveyJS Creator v2.3.1
* (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
* Github: https://github.com/surveyjs/survey-creator
* License: https://surveyjs.io/Licenses#SurveyCreator
*/
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define("index", [], factory);
else if(typeof exports === 'object')
exports["index"] = factory();
else
root["SurveyCreatorTheme"] = factory();
})(this, () => {
return /******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ({
/***/ "./src/themes/default-contrast.ts":
/*!****************************************!*\
!*** ./src/themes/default-contrast.ts ***!
\****************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
"themeName": "default-contrast",
"iconSet": "v2",
"isLight": true,
"cssVariables": {
"--sjs-layer-1-background-500": "#FFFFFF",
"--sjs-layer-1-background-400": "#EBEBEB",
"--sjs-layer-1-foreground-100": "#000000",
"--sjs-layer-1-foreground-50": "#00000099",
"--sjs-layer-3-background-500": "#EBEBEB",
"--sjs-layer-3-foreground-100": "#000000",
"--sjs-layer-3-foreground-50": "#00000099",
"--sjs-layer-2-background-500": "#F0F0F0",
"--sjs-layer-2-background-400": "#DCDCDC",
"--sjs-special-haze": "hsl(from var(--sjs-special-background) calc(h - var(--sjs-special-haze-deltaH)) calc(s - var(--sjs-special-haze-deltaS)) calc(l - var(--sjs-special-haze-deltaL)) / calc(1 - var(--sjs-special-haze-deltaAlpha)))",
"--sjs-border-25": "#C8C8C8",
"--sjs-border-10": "#C8C8C8",
"--sjs-primary-background-500": "#3A179E",
"--sjs-primary-background-10": "hsl(from var(--sjs-primary-background-500) calc(h - var(--sjs-primary-background-10-deltaH)) calc(s - var(--sjs-primary-background-10-deltaS)) calc(l - var(--sjs-primary-background-10-deltaL)) / calc(1 - var(--sjs-primary-background-10-deltaAlpha)))",
"--sjs-primary-background-400": "hsl(from var(--sjs-primary-background-500) calc(h - var(--sjs-primary-background-400-deltaH)) calc(s - var(--sjs-primary-background-400-deltaS)) calc(l - var(--sjs-primary-background-400-deltaL)) / calc(1 - var(--sjs-primary-background-400-deltaAlpha)))",
"--sjs-primary-foreground-100": "#FFFFFF",
"--sjs-primary-foreground-25": "#FFFFFF40",
"--sjs-secondary-background-500": "#3A179E",
"--sjs-secondary-background-25": "hsl(from var(--sjs-secondary-background-500) calc(h - var(--sjs-secondary-background-25-deltaH)) calc(s - var(--sjs-secondary-background-25-deltaS)) calc(l - var(--sjs-secondary-background-25-deltaL)) / calc(1 - var(--sjs-secondary-background-25-deltaAlpha)))",
"--sjs-secondary-background-10": "hsl(from var(--sjs-secondary-background-500) calc(h - var(--sjs-secondary-background-10-deltaH)) calc(s - var(--sjs-secondary-background-10-deltaS)) calc(l - var(--sjs-secondary-background-10-deltaL)) / calc(1 - var(--sjs-secondary-background-10-deltaAlpha)))",
"--sjs-secondary-foreground-100": "#FFFFFF",
"--sjs-secondary-forecolor-25": "#FFFFFF40",
"--sjs-semantic-red-background-500": "#E50A66",
"--sjs-semantic-red-background-10": "#E50A661A",
"--sjs-semantic-red-foreground-100": "#FFFFFF",
"--sjs-semantic-green-background-500": "#19AAB3",
"--sjs-semantic-green-background-10": "#19AAB31A",
"--sjs-semantic-green-foreground-100": "#FFFFFF",
"--sjs-semantic-blue-background-500": "#4F43D9",
"--sjs-semantic-blue-background-10": "#4F43D91A",
"--sjs-semantic-blue-foreground-100": "#FFFFFF",
"--sjs-semantic-yellow-background-500": "#FF710B",
"--sjs-semantic-yellow-background-10": "#FF710B1A",
"--sjs-semantic-yellow-foreground-100": "#FFFFFF",
"--sjs-semantic-white-background-500": "#FFFFFF",
"--sjs-code-gray-700": "#A4A4A4",
"--sjs-code-blue-500": "#1E5AB3",
"--sjs-code-gray-300": "#1C1C1C",
"--sjs-code-green-500": "#127D60",
"--sjs-code-red-500": "#D30739",
"--sjs-code-purple-500": "#AB228D",
"--sjs-code-yellow-500": "#CC6001",
"--sjs-code-gray-500": "#686868",
"--sjs-special-background": "#F4F2FB",
"--sjs-layer-1-foreground-75": "#000000",
"--sjs-layer-3-background-400": "#D7D7D7",
"--sjs-special-glow": "hsl(from var(--sjs-special-background) calc(h - var(--sjs-special-glow-deltaH)) calc(s - var(--sjs-special-glow-deltaS)) calc(l - var(--sjs-special-glow-deltaL)) / calc(1 - var(--sjs-special-glow-deltaAlpha)))",
"--sjs-special-shadow": "#0000004D",
"--sjs-layer-3-foreground-75": "#000000",
"--sjs-layer-2-foreground-100": "#000000",
"--sjs-layer-2-foreground-75": "#000000",
"--sjs-layer-2-foreground-50": "#00000099",
"--sjs-border-25-overlay": "#00000040",
"--sjs-secondary-background-400": "hsl(from var(--sjs-secondary-background-500) calc(h - var(--sjs-secondary-background-400-deltaH)) calc(s - var(--sjs-secondary-background-400-deltaS)) calc(l - var(--sjs-secondary-background-400-deltaL)) / calc(1 - var(--sjs-secondary-background-400-deltaAlpha)))",
"--sjs-primary-background-400-deltaAlpha": 0,
"--sjs-primary-background-400-deltaH": 0.28,
"--sjs-primary-background-400-deltaS": -10.89,
"--sjs-primary-background-400-deltaL": 11.18,
"--sjs-primary-background-10-deltaAlpha": 0.9,
"--sjs-primary-background-10-deltaH": 0,
"--sjs-primary-background-10-deltaS": 0,
"--sjs-primary-background-10-deltaL": 0,
"--sjs-secondary-background-400-deltaAlpha": 0,
"--sjs-secondary-background-400-deltaH": 0.28,
"--sjs-secondary-background-400-deltaS": -10.89,
"--sjs-secondary-background-400-deltaL": 11.18,
"--sjs-secondary-background-25-deltaAlpha": 0.75,
"--sjs-secondary-background-25-deltaH": 0,
"--sjs-secondary-background-25-deltaS": 0,
"--sjs-secondary-background-25-deltaL": 0,
"--sjs-secondary-background-10-deltaAlpha": 0.9,
"--sjs-secondary-background-10-deltaH": 0,
"--sjs-secondary-background-10-deltaS": 0,
"--sjs-secondary-background-10-deltaL": 0,
"--sjs-special-haze-deltaAlpha": 0.65,
"--sjs-special-haze-deltaH": -2.82,
"--sjs-special-haze-deltaS": -33.73,
"--sjs-special-haze-deltaL": 8.43,
"--sjs-special-glow-deltaAlpha": 0.9,
"--sjs-special-glow-deltaH": -2.43,
"--sjs-special-glow-deltaS": -30.25,
"--sjs-special-glow-deltaL": 73.34
}
});
/***/ }),
/***/ "./src/themes/default-dark.ts":
/*!************************************!*\
!*** ./src/themes/default-dark.ts ***!
\************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
"themeName": "default-dark",
"iconSet": "v2",
"isLight": false,
"cssVariables": {
"--sjs-layer-1-background-500": "#181818",
"--sjs-layer-1-background-400": "#282828",
"--sjs-layer-1-foreground-100": "#FFFFFFCC",
"--sjs-layer-1-foreground-50": "#FFFFFF66",
"--sjs-layer-3-background-500": "#202020",
"--sjs-layer-3-foreground-100": "#FFFFFFCC",
"--sjs-layer-3-foreground-50": "#FFFFFF66",
"--sjs-layer-2-background-500": "#101010",
"--sjs-layer-2-background-400": "#202020",
"--sjs-special-haze": "hsl(from var(--sjs-special-background) calc(h - var(--sjs-special-haze-deltaH)) calc(s - var(--sjs-special-haze-deltaS)) calc(l - var(--sjs-special-haze-deltaL)) / calc(1 - var(--sjs-special-haze-deltaAlpha)))",
"--sjs-border-25": "#303030",
"--sjs-border-10": "#303030",
"--sjs-primary-background-500": "#19B394",
"--sjs-primary-background-10": "hsl(from var(--sjs-primary-background-500) calc(h - var(--sjs-primary-background-10-deltaH)) calc(s - var(--sjs-primary-background-10-deltaS)) calc(l - var(--sjs-primary-background-10-deltaL)) / calc(1 - var(--sjs-primary-background-10-deltaAlpha)))",
"--sjs-primary-background-400": "hsl(from var(--sjs-primary-background-500) calc(h - var(--sjs-primary-background-400-deltaH)) calc(s - var(--sjs-primary-background-400-deltaS)) calc(l - var(--sjs-primary-background-400-deltaL)) / calc(1 - var(--sjs-primary-background-400-deltaAlpha)))",
"--sjs-primary-foreground-100": "#0C0C0C",
"--sjs-primary-foreground-25": "#0C0C0C40",
"--sjs-secondary-background-500": "#19B394",
"--sjs-secondary-background-25": "hsl(from var(--sjs-secondary-background-500) calc(h - var(--sjs-secondary-background-25-deltaH)) calc(s - var(--sjs-secondary-background-25-deltaS)) calc(l - var(--sjs-secondary-background-25-deltaL)) / calc(1 - var(--sjs-secondary-background-25-deltaAlpha)))",
"--sjs-secondary-background-10": "hsl(from var(--sjs-secondary-background-500) calc(h - var(--sjs-secondary-background-10-deltaH)) calc(s - var(--sjs-secondary-background-10-deltaS)) calc(l - var(--sjs-secondary-background-10-deltaL)) / calc(1 - var(--sjs-secondary-background-10-deltaAlpha)))",
"--sjs-secondary-foreground-100": "#0C0C0C",
"--sjs-secondary-forecolor-25": "#0C0C0C40",
"--sjs-semantic-red-background-500": "#FF6D9A",
"--sjs-semantic-red-background-10": "#FF6D9A1A",
"--sjs-semantic-red-foreground-100": "#0C0C0C",
"--sjs-semantic-green-background-500": "#15CDAB",
"--sjs-semantic-green-background-10": "#15CDAB1A",
"--sjs-semantic-green-foreground-100": "#0C0C0C",
"--sjs-semantic-blue-background-500": "#66B4FC",
"--sjs-semantic-blue-background-10": "#66B4FC1A",
"--sjs-semantic-blue-foreground-100": "#0C0C0C",
"--sjs-semantic-yellow-background-500": "#EDA925",
"--sjs-semantic-yellow-background-10": "#EDA9251A",
"--sjs-semantic-yellow-foreground-100": "#0C0C0C",
"--sjs-semantic-white-background-500": "#FFFFFF",
"--sjs-code-gray-700": "#5E5E5E",
"--sjs-code-blue-500": "#53B3F0",
"--sjs-code-gray-300": "#D1D1D1",
"--sjs-code-green-500": "#37C7AA",
"--sjs-code-red-500": "#FD6E89",
"--sjs-code-purple-500": "#F888DF",
"--sjs-code-yellow-500": "#FCC669",
"--sjs-code-gray-500": "#909090",
"--sjs-special-background": "#121212",
"--sjs-layer-1-foreground-75": "#FFFFFFB3",
"--sjs-layer-3-background-400": "#303030",
"--sjs-special-glow": "hsl(from var(--sjs-special-background) calc(h - var(--sjs-special-glow-deltaH)) calc(s - var(--sjs-special-glow-deltaS)) calc(l - var(--sjs-special-glow-deltaL)) / calc(1 - var(--sjs-special-glow-deltaAlpha)))",
"--sjs-special-shadow": "#FFFFFF40",
"--sjs-layer-3-foreground-75": "#FFFFFFB3",
"--sjs-layer-2-foreground-100": "#FFFFFFCC",
"--sjs-layer-2-foreground-75": "#FFFFFFB3",
"--sjs-layer-2-foreground-50": "#FFFFFF66",
"--sjs-border-25-overlay": "#FFFFFF26",
"--sjs-secondary-background-400": "hsl(from var(--sjs-secondary-background-500) calc(h - var(--sjs-secondary-background-400-deltaH)) calc(s - var(--sjs-secondary-background-400-deltaS)) calc(l - var(--sjs-secondary-background-400-deltaL)) / calc(1 - var(--sjs-secondary-background-400-deltaAlpha)))",
"--sjs-primary-background-400-deltaAlpha": 0,
"--sjs-primary-background-400-deltaH": -1.66,
"--sjs-primary-background-400-deltaS": -2.77,
"--sjs-primary-background-400-deltaL": 3.92,
"--sjs-primary-background-10-deltaAlpha": 0.9,
"--sjs-primary-background-10-deltaH": 0,
"--sjs-primary-background-10-deltaS": 0,
"--sjs-primary-background-10-deltaL": 0,
"--sjs-secondary-background-400-deltaAlpha": 0,
"--sjs-secondary-background-400-deltaH": -1.66,
"--sjs-secondary-background-400-deltaS": -2.77,
"--sjs-secondary-background-400-deltaL": 3.92,
"--sjs-secondary-background-25-deltaAlpha": 0.75,
"--sjs-secondary-background-25-deltaH": 0,
"--sjs-secondary-background-25-deltaS": 0,
"--sjs-secondary-background-25-deltaL": 0,
"--sjs-secondary-background-10-deltaAlpha": 0.9,
"--sjs-secondary-background-10-deltaH": 0,
"--sjs-secondary-background-10-deltaS": 0,
"--sjs-secondary-background-10-deltaL": 0,
"--sjs-special-haze-deltaAlpha": 0.25,
"--sjs-special-haze-deltaH": 0,
"--sjs-special-haze-deltaS": 0,
"--sjs-special-haze-deltaL": 7.06,
"--sjs-special-glow-deltaAlpha": 0.75,
"--sjs-special-glow-deltaH": 0,
"--sjs-special-glow-deltaS": 0,
"--sjs-special-glow-deltaL": 7.06
}
});
/***/ }),
/***/ "./src/themes/sc2020.ts":
/*!******************************!*\
!*** ./src/themes/sc2020.ts ***!
\******************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
"themeName": "sc2020",
"iconSet": "v1",
"isLight": true,
"cssVariables": {
"--ctr-toolbox-scrollbar-left": "0",
"--ctr-toolbox-scrollbar-right": "initial",
"--ctr-toolbox-scroller-align-items": "flex-end",
"--ctr-toolbox-item-align": "flex-start",
"--ctr-toolbox-margin-left-compact": "12px",
"--ctr-toolbox-item-banner-icon-display": "block",
"--ctr-toolbox-item-banner-beak-display": "none",
"--ctr-toolbox-item-banner-left": 0,
"--ctr-toolbox-submenu-item-min-width": "initial",
"--ctr-toolbox-border-width-right": "0px",
"--ctr-list-item-corner-radius": "0px",
"--ctr-button-group-item-corner-radius": "0px",
"--ctr-button-group-gap": "-1px",
"--ctr-editor-corner-radius": "0px",
"--ctr-editor-button-corner-radius": "0px",
"--ctr-checkbox-corner-radius": "0px",
"--ctr-list-padding-left": "0px",
"--ctr-list-padding-right": "0px",
"--ctr-popup-menu-padding-left": "0px",
"--ctr-popup-menu-padding-right": "0px",
"--ctr-popup-menu-padding-top": "0px",
"--ctr-popup-menu-padding-bottom": "0px",
"--ctr-popup-menu-footer-padding-left": "0px",
"--ctr-button-group-corner-radius": "0px",
"--ctr-button-group-padding": "0px",
"--ctr-button-group-border-width": "0px",
"--ctr-shadow-medium-blur": "6px",
"--ctr-shadow-medium-offset-y": "2px",
"--ctr-shadow-large-blur": "16px",
"--ctr-shadow-large-offset-y": "8px",
"--ctr-shadow-large-offset-x": "0px",
"--ctr-shadow-large-spread": "0px",
"--ctr-shadow-medium-offset-x": "0px",
"--ctr-shadow-medium-spread": "0px",
"--ctr-list-search-icon-opacity": 1,
"--ctr-shadow-small-offset-x": "0px",
"--ctr-shadow-small-offset-y": "1px",
"--ctr-shadow-small-blur": "2px",
"--ctr-shadow-small-spread": "0px",
"--ctr-shadow-x-large-offset-x": "0px",
"--ctr-shadow-x-large-offset-y": "0px",
"--ctr-shadow-x-large-blur": "0px",
"--ctr-shadow-x-large-spread": "0px",
"--ctr-property-grid-placeholder-text-max-width": "320px",
"--ctr-property-grid-placeholder-padding-bottom": "0px",
"--ctr-popup-menu-footer-padding-right": "0px",
"--ctr-editor-content-text-opacity-disabled": 0.25,
"--ctr-editor-label-opacity-disabled": 0.25,
"--ctr-editor-button-icon-opacity-disabled": 0.25,
"--ctr-editor-button-icon-opacity-pressed": 0.5,
"--ctr-actionbar-button-opacity-pressed": 0.5,
"--ctr-actionbar-button-opacity-disabled": 0.25,
"--ctr-actionbar-button-opacity-muted": 0.5,
"--ctr-list-item-opacity-disabled": 0.25,
"--ctr-menu-item-opacity-disabled": 0.25,
"--ctr-menu-toolbar-button-opacity-disabled": 0.25,
"--ctr-menu-toolbar-button-opacity-pressed": 0.5,
"--ctr-toolbox-item-text-opacity-pressed": 0.5,
"--ctr-toolbox-item-icon-opacity-pressed": 0.35,
"--ctr-toolbox-item-opacity-submenu": 0.85,
"--ctr-toolbox-item-text-opacity-disabled": 0.25,
"--ctr-page-navigator-button-opacity-pressed": 0.5,
"--ctr-button-text-opacity-disabled": 0.25,
"--ctr-property-grid-switcher-toggle-button-border-width-checked": "0px",
"--ctr-notification-opacity": 0.75,
"--ctr-notification-opacity-error": 1,
"--ctr-toolbox-group-header-border-width-top": "0px",
"--ctr-toolbox-group-header-border-width-left": "0px",
"--ctr-toolbox-group-header-border-width-right": "0px",
"--ctr-data-table-cell-drop-down-arrow-opacity": 0.5,
"--ctr-data-table-row-padding-left": "0px",
"--ctr-data-table-row-border-width-last-row": "0px",
"--ctr-survey-question-panel-toolbar-item-opacity-pressed": 0.5,
"--ctr-survey-question-panel-toolbar-item-opacity-disabled": 0.25,
"--ctr-survey-question-panel-toolbar-item-opacity-muted": 0.5,
"--ctr-survey-question-panel-drag-area-drag-indicator-opacity": 0.5,
"--ctr-preview-pager-padding-right": "0px",
"--ctr-preview-pager-padding-left": "0px",
"--ctr-code-viewer-code-error-row-fix-button-padding-top": "0px",
"--ctr-code-viewer-code-error-row-fix-button-padding-bottom": "0px",
"--ctr-label-padding-left": "0px",
"--ctr-label-padding-right": "0px",
"--ctr-survey-action-button-opacity-disabled": 0.25,
"--ctr-data-table-row-corner-radius-floating": "0px",
"--ctr-survey-item-actionbar-drag-indicator-opacity": 0.5,
"--ctr-toolbox-search-corner-radius": "0px",
"--ctr-toolbox-group-header-margin-top": "0px",
"--ctr-toolbox-group-header-margin-bottom": "0px",
"--lbr-shadow-x-large-offset-x": "0px",
"--lbr-shadow-x-large-offset-y": "0px",
"--lbr-shadow-x-large-blur": "0px",
"--lbr-shadow-x-large-spread": "0px",
"--lbr-shadow-large-offset-x": "0px",
"--lbr-shadow-large-offset-y": "8px",
"--lbr-shadow-large-blur": "16px",
"--lbr-shadow-large-spread": "0px",
"--lbr-shadow-medium-offset-x": "0px",
"--lbr-shadow-medium-offset-y": "2px",
"--lbr-shadow-medium-blur": "6px",
"--lbr-shadow-medium-spread": "0px",
"--lbr-shadow-small-offset-x": "0px",
"--lbr-shadow-small-offset-y": "1px",
"--lbr-shadow-small-blur": "2px",
"--lbr-shadow-small-spread": "0px",
"--ctr-survey-question-panel-opacity-hidden": 0.25,
"--ctr-editor-color-swatch-icon-color-stroke": "#00000040",
"--ctr-button-group-item-text-opacity-disabled": 0.25,
"--ctr-survey-header-logo-placeholder-icon-opacity": 0.5,
"--ctr-toolbox-submenu-group-margin-left": "0px",
"--lbr-shadow-inner-offset-x": "0px",
"--lbr-shadow-inner-offset-y": "1px",
"--lbr-shadow-inner-blur": "2px",
"--lbr-shadow-inner-spread": "0px",
"--ctr-toolbox-item-icon-opacity-disabled": 0.15,
"--ctr-list-item-icon-opacity-label": 0.5,
"--ctr-toolbox-item-margin-horizontal-no-text": "0px",
"--ctr-toolbox-submenu-group-margin-right": "0px",
"--ctr-toolbox-submenu-group-margin-top": "0px",
"--ctr-toolbox-submenu-group-margin-bottom-last": "0px",
"--ctr-toolbox-submenu-group-border-width-bottom": "0px",
"--ctr-toolbox-submenu-background-color": "#00000000",
"--ctr-toolbox-submenu-corner-radius": "0px",
"--ctr-toolbox-submenu-shadow-1-color": "#00000000",
"--ctr-toolbox-submenu-shadow-2-color": "#00000000",
"--ctr-toolbox-submenu-margin-top": "0px",
"--ctr-data-table-corner-radius": "0px",
"--ctr-data-table-placeholder-corner-radius": "0px",
"--ctr-survey-page-drag-indicator-opacity": 0.5,
"--ctr-toggle-button-thumb-border-width": "0px",
"--ctr-line-height-unit": "8px",
"--ctr-font-unit": "8px",
"--ctr-spacing-unit": "8px",
"--ctr-corner-radius-unit": "8px",
"--ctr-stroke-unit": "1px",
"--ctr-size-unit": "8px",
"--ctr-checkbox-description-text-margin-top": "0px",
"--lbr-stroke-unit": "1px",
"--lbr-spacing-unit": "8px",
"--lbr-font-unit": "8px",
"--lbr-corner-radius-unit": "8px",
"--lbr-size-unit": "8px",
"--lbr-line-height-unit": "8px",
"--ctr-preview-pager-item-icon-padding-left": "0px",
"--ctr-preview-pager-item-icon-padding-right": "0px",
"--ctr-preview-pager-item-icon-padding-top": "0px",
"--ctr-preview-pager-item-icon-padding-bottom": "0px",
"--ctr-page-navigator-button-icon-opacity-disabled": 0.25,
"--ctr-list-corner-radius": "0px",
"--ctr-toolbox-group-header-corner-radius": "0px",
"--ctr-toolbox-item-icon-color": "var(--sjs-layer-1-foreground-50)",
"--ctr-toolbox-item-text-color": "var(--sjs-layer-1-foreground-50)",
"--ctr-toolbox-item-icon-color-pressed": "var(--sjs-layer-1-foreground-100)",
"--ctr-toolbox-item-text-color-pressed": "var(--sjs-layer-1-foreground-100)",
"--ctr-toolbox-background-color": "var(--sjs-layer-3-background-500)",
"--ctr-toolbox-border-color": "var(--sjs-border-25)",
"--ctr-toolbox-group-header-padding-left": "var(--sjs-spacing-x1)",
"--ctr-toolbox-group-header-padding-right": "var(--sjs-spacing-x1)",
"--ctr-toolbox-group-header-margin-left": "var(--sjs-spacing-x2)",
"--ctr-menu-toolbar-button-corner-radius": "var(--sjs-corner-radius-x05)",
"--ctr-menu-toolbar-button-background-color-selected": "var(--sjs-layer-1-background-500)",
"--ctr-menu-toolbar-button-icon-color": "var(--sjs-layer-1-foreground-50)",
"--ctr-menu-toolbar-button-icon-color-selected": "var(--sjs-primary-background-500)",
"--ctr-toolbox-item-icon-color-hovered": "var(--sjs-primary-background-500)",
"--ctr-toolbox-item-text-color-hovered": "var(--sjs-layer-1-foreground-100)",
"--ctr-property-grid-form-background-color": "var(--sjs-layer-3-background-500)",
"--ctr-button-group-item-border-color": "var(--sjs-border-25)",
"--ctr-button-group-item-border-width": "var(--sjs-stroke-x1)",
"--ctr-button-group-item-background-color": "var(--sjs-layer-1-background-500)",
"--ctr-button-group-item-text-color": "var(--sjs-layer-1-foreground-100)",
"--ctr-menu-item-icon-color": "var(--sjs-layer-1-foreground-50)",
"--ctr-button-group-item-icon-color": "var(--sjs-layer-1-foreground-50)",
"--ctr-button-group-item-background-color-hovered": "var(--sjs-layer-3-background-500)",
"--ctr-button-group-item-text-color-selected": "var(--sjs-primary-background-500)",
"--ctr-button-group-item-icon-color-selected": "var(--sjs-primary-background-500)",
"--ctr-editor-background-color": "var(--sjs-layer-1-background-500)",
"--ctr-editor-border-color": "var(--sjs-border-25)",
"--ctr-editor-background-color-disabled": "var(--sjs-layer-3-background-500)",
"--ctr-editor-button-icon-color": "var(--sjs-layer-1-foreground-50)",
"--ctr-button-group-item-background-color-selected": "var(--sjs-layer-1-background-500)",
"--ctr-radio-button-background-color": "var(--sjs-layer-1-background-500)",
"--ctr-radio-button-border-color": "var(--sjs-border-25)",
"--ctr-checkbox-background-color": "var(--sjs-layer-1-background-500)",
"--ctr-checkbox-border-color": "var(--sjs-border-25)",
"--ctr-checkbox-border-width": "var(--sjs-stroke-x1)",
"--ctr-checkbox-button-check-mark-color": "var(--sjs-primary-background-500)",
"--ctr-radio-button-background-color-hovered": "var(--sjs-layer-3-background-500)",
"--ctr-radio-button-background-color-disabled": "var(--sjs-layer-3-background-500)",
"--ctr-checkbox-border-color-focused": "var(--sjs-primary-background-500)",
"--ctr-checkbox-button-check-mark-color-disabled": "var(--sjs-border-25)",
"--ctr-checkbox-background-color-hovered": "var(--sjs-layer-3-background-500)",
"--ctr-checkbox-background-color-disabled": "var(--sjs-layer-3-background-500)",
"--ctr-list-padding-bottom": "var(--sjs-spacing-x1)",
"--ctr-list-padding-top": "var(--sjs-spacing-x1)",
"--ctr-actionbar-button-corner-radius": "var(--sjs-corner-radius-round)",
"--ctr-popup-menu-corner-radius": "var(--sjs-corner-radius-x05)",
"--ctr-button-contextual-button-icon-color": "var(--sjs-layer-1-foreground-50)",
"--ctr-button-group-item-background-color-disabled": "var(--sjs-layer-3-background-500)",
"--ctr-radio-button-background-color-selected-hovered": "var(--sjs-layer-3-background-500)",
"--ctr-checkbox-background-color-selected": "var(--sjs-layer-1-background-500)",
"--ctr-checkbox-background-color-selected-hovered": "var(--sjs-layer-3-background-500)",
"--ctr-radio-button-border-color-disabled": "var(--sjs-border-25)",
"--ctr-checkbox-border-color-disabled": "var(--sjs-border-25)",
"--ctr-button-group-background-color": "var(--sjs-layer-1-background-500)",
"--ctr-button-group-border-color": "var(--sjs-border-25)",
"--ctr-button-group-item-border-width-selected": "var(--sjs-stroke-x1)",
"--ctr-button-group-item-padding-horizontal": "var(--sjs-spacing-x2)",
"--ctr-button-group-item-padding-vertical": "var(--sjs-spacing-x150)",
"--ctr-button-group-background-color-disabled": "var(--sjs-layer-1-background-500)",
"--ctr-button-group-border-color-focused": "var(--sjs-primary-background-500)",
"--ctr-button-group-border-width-focused": "var(--sjs-stroke-x2)",
"--ctr-button-group-item-text-color-disabled": "var(--sjs-layer-1-foreground-100)",
"--ctr-survey-page-background-color-selected": "var(--sjs-secondary-background-10)",
"--ctr-surface-background-color": "var(--sjs-layer-3-background-500)",
"--ctr-survey-question-panel-toolbar-item-corner-radius": "var(--lbr-corner-radius-x05)",
"--ctr-popup-background-color": "var(--sjs-layer-2-background-500)",
"--ctr-popup-corner-radius": "var(--sjs-corner-radius-x05)",
"--ctr-shadow-large-color": "var(--sjs-special-glow)",
"--ctr-shadow-medium-color": "var(--sjs-special-glow)",
"--ctr-button-padding-horizontal": "var(--sjs-spacing-x6)",
"--ctr-button-padding-vertical": "var(--sjs-spacing-x2)",
"--ctr-button-contextual-button-margin-horizontal": "var(--sjs-spacing-x1)",
"--ctr-button-contextual-button-margin-vertical": "var(--sjs-spacing-x1)",
"--ctr-button-padding-horizontal-small": "var(--sjs-spacing-x4)",
"--ctr-button-padding-vertical-small": "var(--sjs-spacing-x150)",
"--ctr-button-corner-radius": "var(--sjs-corner-radius-x05)",
"--ctr-button-corner-radius-small": "var(--sjs-corner-radius-x05)",
"--ctr-list-item-icon-color": "var(--sjs-layer-1-foreground-50)",
"--ctr-list-item-icon-color-selected": "var(--sjs-primary-foreground-100)",
"--ctr-list-item-icon-color-disabled": "var(--sjs-layer-1-foreground-50)",
"--ctr-editor-button-background-color-hovered": "var(--sjs-layer-1-background-400)",
"--ctr-survey-page-toolbar-item-background-color-hovered": "var(--sjs-layer-3-background-400)",
"--ctr-survey-page-toolbar-item-corner-radius": "var(--lbr-corner-radius-x05)",
"--ctr-list-search-icon-color": "var(--sjs-layer-1-foreground-50)",
"--ctr-caption-with-actions-text-color": "var(--sjs-layer-3-foreground-50)",
"--ctr-label-text-color": "var(--sjs-layer-3-foreground-50)",
"--ctr-label-text-color-disabled": "var(--sjs-layer-3-foreground-100)",
"--ctr-caption-with-actions-text-color-disabled": "var(--sjs-layer-3-foreground-100)",
"--ctr-radio-button-text-color-disabled": "var(--sjs-layer-3-foreground-100)",
"--ctr-checkbox-text-color-disabled": "var(--sjs-layer-3-foreground-100)",
"--ctr-button-group-item-background-color-selected-disabled": "var(--sjs-layer-3-background-500)",
"--ctr-button-group-item-border-width-selected-disabled": "var(--sjs-stroke-x1)",
"--ctr-popup-haze-background-color": "var(--sjs-special-haze)",
"--ctr-shadow-small-color": "var(--sjs-special-shadow)",
"--ctr-shadow-x-large-color": "var(--sjs-special-glow)",
"--ctr-actionbar-button-icon-color": "var(--sjs-layer-3-foreground-50)",
"--ctr-actionbar-button-icon-color-hovered": "var(--sjs-primary-background-500)",
"--ctr-actionbar-button-icon-color-with-text-disabled": "var(--sjs-layer-3-foreground-50)",
"--ctr-list-item-submenu-arrow-color": "var(--sjs-layer-1-foreground-50)",
"--ctr-page-navigator-button-icon-color": "var(--sjs-layer-3-foreground-50)",
"--ctr-page-navigator-button-icon-color-hovered": "var(--sjs-primary-background-500)",
"--ctr-property-grid-tabs-padding-left": "var(--sjs-spacing-x150)",
"--ctr-property-grid-tabs-padding-bottom": "var(--sjs-spacing-x150)",
"--ctr-property-grid-tabs-background-color": "var(--sjs-layer-1-background-500)",
"--ctr-property-grid-tabs-border-width": "var(--sjs-stroke-x1)",
"--ctr-property-grid-tabs-border-color": "var(--sjs-border-25)",
"--ctr-property-grid-tabs-separator-margin": "var(--sjs-spacing-x150)",
"--ctr-property-grid-tabs-gap": "var(--sjs-spacing-x150)",
"--ctr-property-grid-border-color": "var(--sjs-border-25)",
"--ctr-property-grid-border-width-left": "var(--sjs-stroke-x1)",
"--ctr-property-grid-placeholder-padding-left": "var(--sjs-spacing-x6)",
"--ctr-property-grid-placeholder-padding-top": "var(--sjs-spacing-x12)",
"--ctr-property-grid-placeholder-image-margin-top": "var(--sjs-spacing-x3)",
"--ctr-property-grid-placeholder-text-gap": "var(--sjs-spacing-x1)",
"--ctr-property-grid-placeholder-text-title-color": "var(--sjs-layer-3-foreground-100)",
"--ctr-property-grid-placeholder-text-description-color": "var(--sjs-layer-3-foreground-50)",
"--ctr-surface-placeholder-padding-left": "var(--sjs-spacing-x6)",
"--ctr-surface-placeholder-padding-bottom": "var(--sjs-spacing-x16)",
"--ctr-surface-placeholder-text-margin-top": "var(--sjs-spacing-x4)",
"--ctr-surface-placeholder-text-margin-bottom": "var(--sjs-spacing-x6)",
"--ctr-surface-placeholder-text-gap": "var(--sjs-spacing-x1)",
"--ctr-surface-placeholder-max-width": "var(--sjs-size-x90)",
"--ctr-surface-placeholder-padding-top": "var(--sjs-spacing-x4)",
"--ctr-surface-placeholder-padding-right": "var(--sjs-spacing-x6)",
"--ctr-toolbox-group-header-margin-right": "var(--sjs-spacing-x2)",
"--ctr-property-grid-tabs-padding-right": "var(--sjs-spacing-x150)",
"--ctr-property-grid-tabs-padding-top": "var(--sjs-spacing-x150)",
"--ctr-property-grid-placeholder-padding-right": "var(--sjs-spacing-x6)",
"--ctr-editor-content-text-color": "var(--sjs-layer-1-foreground-100)",
"--ctr-editor-label-color": "var(--sjs-layer-1-foreground-50)",
"--ctr-editor-content-icon-color": "var(--sjs-layer-1-foreground-50)",
"--ctr-editor-content-text-color-placeholder": "var(--sjs-layer-1-foreground-50)",
"--ctr-editor-button-text-color": "var(--sjs-layer-1-foreground-100)",
"--ctr-editor-label-color-disabled": "var(--sjs-layer-1-foreground-100)",
"--ctr-editor-content-text-color-disabled": "var(--sjs-layer-1-foreground-100)",
"--ctr-editor-button-icon-color-disabled": "var(--sjs-layer-1-foreground-50)",
"--ctr-radio-button-text-color": "var(--sjs-layer-3-foreground-100)",
"--ctr-checkbox-text-color": "var(--sjs-layer-3-foreground-100)",
"--ctr-checkbox-description-text-color": "var(--sjs-layer-1-foreground-50)",
"--ctr-actionbar-button-gap": "var(--sjs-spacing-x1)",
"--ctr-actionbar-button-padding-left-large-icon": "var(--sjs-spacing-x1)",
"--ctr-actionbar-button-padding-right-large-icon": "var(--sjs-spacing-x1)",
"--ctr-actionbar-button-padding-top-large-icon": "var(--sjs-spacing-x1)",
"--ctr-actionbar-button-padding-bottom-large-icon": "var(--sjs-spacing-x1)",
"--ctr-actionbar-button-text-color": "var(--sjs-primary-background-500)",
"--ctr-actionbar-button-background-color-hovered": "var(--sjs-primary-background-10)",
"--ctr-actionbar-button-padding-left-small-icon": "var(--sjs-spacing-x05)",
"--ctr-actionbar-button-padding-right-small-icon": "var(--sjs-spacing-x05)",
"--ctr-actionbar-button-padding-top-small-icon": "var(--sjs-spacing-x05)",
"--ctr-actionbar-button-padding-bottom-small-icon": "var(--sjs-spacing-x05)",
"--ctr-actionbar-button-padding-left-medium-text": "var(--sjs-spacing-x2)",
"--ctr-actionbar-button-padding-right-medium-text": "var(--sjs-spacing-x2)",
"--ctr-actionbar-button-padding-top-medium-text": "var(--sjs-spacing-x05)",
"--ctr-actionbar-button-padding-bottom-medium-text": "var(--sjs-spacing-x05)",
"--ctr-actionbar-button-text-color-disabled": "var(--sjs-layer-3-foreground-100)",
"--ctr-actionbar-button-border-color-selected": "var(--sjs-primary-background-500)",
"--ctr-actionbar-button-border-width-selected": "var(--sjs-stroke-x2)",
"--ctr-list-item-gap": "var(--sjs-spacing-x2)",
"--ctr-actionbar-button-padding-left-large-icon-text": "var(--sjs-spacing-x150)",
"--ctr-actionbar-button-padding-right-large-icon-text": "var(--sjs-spacing-x2)",
"--ctr-list-item-padding-left": "var(--sjs-spacing-x2)",
"--ctr-list-item-padding-right": "var(--sjs-spacing-x8)",
"--ctr-list-item-padding-top": "var(--sjs-spacing-x1)",
"--ctr-list-item-padding-bottom": "var(--sjs-spacing-x1)",
"--ctr-list-item-padding-right-submenu": "var(--sjs-spacing-x1)",
"--ctr-list-item-padding-bottom-with-icon": "var(--sjs-spacing-x150)",
"--ctr-list-item-padding-top-with-icon": "var(--sjs-spacing-x150)",
"--ctr-list-item-background-color-hovered": "var(--sjs-layer-3-background-500)",
"--ctr-list-item-background-color-selected": "var(--sjs-primary-background-500)",
"--ctr-list-item-text-color-selected": "var(--sjs-primary-foreground-100)",
"--ctr-list-item-text-color": "var(--sjs-layer-1-foreground-100)",
"--ctr-list-item-text-color-hovered": "var(--sjs-layer-3-foreground-100)",
"--ctr-list-item-submenu-arrow-color-hovered-item": "var(--sjs-layer-3-foreground-50)",
"--ctr-list-item-icon-color-hovered": "var(--sjs-layer-3-foreground-50)",
"--ctr-list-item-contextual-buttons-color": "var(--sjs-layer-3-foreground-50)",
"--ctr-list-item-submenu-arrow-padding": "var(--sjs-spacing-x05)",
"--ctr-list-item-color-swatch-corner-radius": "var(--sjs-corner-radius-x0375)",
"--ctr-list-item-color-swatch-width": "var(--sjs-font-size-x4)",
"--ctr-list-item-color-swatch-height": "var(--sjs-font-size-x3)",
"--ctr-list-item-color-swatch-border-color": "var(--sjs-border-25-overlay)",
"--ctr-editor-color-swatch-corner-radius": "var(--sjs-corner-radius-x0375)",
"--ctr-editor-button-padding-top": "var(--sjs-spacing-x1)",
"--ctr-editor-button-padding-bottom": "var(--sjs-spacing-x1)",
"--ctr-editor-button-padding-left": "var(--sjs-spacing-x1)",
"--ctr-editor-button-padding-right": "var(--sjs-spacing-x1)",
"--ctr-actionbar-button-icon-width-small": "var(--sjs-font-size-x2)",
"--ctr-actionbar-button-icon-height-small": "var(--sjs-font-size-x2)",
"--ctr-actionbar-button-icon-width": "var(--sjs-font-size-x3)",
"--ctr-actionbar-button-icon-height": "var(--sjs-font-size-x3)",
"--ctr-actionbar-button-drop-down-arrow-width": "var(--sjs-font-size-x2)",
"--ctr-actionbar-button-drop-down-arrow-height": "var(--sjs-font-size-x2)",
"--ctr-list-item-icon-width": "var(--sjs-font-size-x3)",
"--ctr-list-item-icon-height": "var(--sjs-font-size-x3)",
"--ctr-list-item-submenu-arrow-width": "var(--sjs-font-size-x2)",
"--ctr-list-item-submenu-arrow-height": "var(--sjs-font-size-x2)",
"--ctr-editor-color-swatch-icon-width": "var(--sjs-font-size-x2)",
"--ctr-editor-color-swatch-icon-height": "var(--sjs-font-size-x2)",
"--ctr-editor-button-icon-width": "var(--sjs-font-size-x3)",
"--ctr-editor-button-icon-height": "var(--sjs-font-size-x3)",
"--ctr-checkbox-button-width": "var(--sjs-font-size-x3)",
"--ctr-checkbox-button-height": "var(--sjs-font-size-x3)",
"--ctr-menu-item-icon-width": "var(--sjs-font-size-x3)",
"--ctr-menu-item-icon-height": "var(--sjs-font-size-x3)",
"--ctr-menu-item-text-color": "var(--sjs-layer-1-foreground-100)",
"--ctr-menu-item-padding-left": "var(--sjs-spacing-x3)",
"--ctr-menu-item-background-color": "var(--sjs-layer-1-background-500)",
"--ctr-menu-item-border-color-selected": "var(--sjs-primary-background-500)",
"--ctr-menu-item-background-color-hovered": "var(--sjs-layer-3-background-500)",
"--ctr-menu-background-color": "var(--sjs-layer-1-background-500)",
"--ctr-menu-toolbar-button-text-color": "var(--sjs-layer-1-foreground-100)",
"--ctr-menu-toolbar-button-icon-width": "var(--sjs-font-size-x3)",
"--ctr-menu-toolbar-button-icon-height": "var(--sjs-font-size-x3)",
"--ctr-menu-toolbar-button-padding-left": "var(--sjs-spacing-x1)",
"--ctr-menu-toolbar-button-gap": "var(--sjs-spacing-x1)",
"--ctr-menu-toolbar-button-padding-top": "var(--sjs-spacing-x1)",
"--ctr-menu-toolbar-button-text-color-secondary": "var(--sjs-layer-1-foreground-50)",
"--ctr-menu-toolbar-button-background-color-hovered": "var(--sjs-layer-3-background-500)",
"--ctr-menu-toolbar-button-background-color-pressed": "var(--sjs-layer-3-background-500)",
"--ctr-toolbox-item-icon-width": "var(--sjs-font-size-x3)",
"--ctr-toolbox-item-icon-height": "var(--sjs-font-size-x3)",
"--ctr-toolbox-item-background-color-hovered": "var(--sjs-layer-1-background-500)",
"--ctr-toolbox-item-padding-left": "var(--sjs-spacing-x150)",
"--ctr-toolbox-item-padding-right": "var(--sjs-spacing-x2)",
"--ctr-toolbox-item-padding-top": "var(--sjs-spacing-x1)",
"--ctr-toolbox-item-padding-bottom": "var(--sjs-spacing-x1)",
"--ctr-toolbox-item-gap": "var(--sjs-spacing-x1)",
"--ctr-toolbox-item-corner-radius": "var(--sjs-corner-radius-round)",
"--ctr-toolbox-item-padding-right-no-text": "var(--sjs-spacing-x150)",
"--ctr-toolbox-item-border-color-floating": "var(--sjs-secondary-background-500)",
"--ctr-toolbox-button-background-color-hovered": "var(--sjs-primary-background-10)",
"--ctr-page-navigator-item-dot-radius-small": "var(--sjs-font-size-x075)",
"--ctr-page-navigator-item-dot-radius-large": "var(--sjs-font-size-x1)",
"--ctr-page-navigator-item-dot-border-color-selected": "var(--sjs-primary-background-500)",
"--ctr-page-navigator-item-dot-color-hovered": "var(--sjs-primary-background-500)",
"--ctr-page-navigator-item-dot-color-default": "var(--sjs-border-25)",
"--ctr-page-navigator-item-dot-color-selected": "var(--sjs-primary-foreground-100)",
"--ctr-page-navigator-item-dot-container-width": "var(--sjs-font-size-x250)",
"--ctr-page-navigator-item-dot-container-height": "var(--sjs-font-size-x250)",
"--ctr-page-navigator-item-background-color-hovered": "var(--sjs-layer-1-background-500)",
"--ctr-page-navigator-item-text-color-hovered": "var(--sjs-layer-1-foreground-100)",
"--ctr-page-navigator-item-padding-left-hovered": "var(--sjs-spacing-x2)",
"--ctr-page-navigator-item-padding-right": "var(--sjs-spacing-x150)",
"--ctr-page-navigator-item-padding-top": "var(--sjs-spacing-x1)",
"--ctr-page-navigator-item-padding-bottom": "var(--sjs-spacing-x1)",
"--ctr-page-navigator-item-gap": "var(--sjs-spacing-x1)",
"--ctr-page-navigator-item-corner-radius": "var(--sjs-corner-radius-round)",
"--ctr-page-navigator-item-padding-left": "var(--sjs-spacing-x150)",
"--ctr-page-navigator-button-padding": "var(--sjs-spacing-x125)",
"--ctr-page-navigator-button-icon-width": "var(--sjs-font-size-x3)",
"--ctr-page-navigator-button-icon-height": "var(--sjs-font-size-x3)",
"--ctr-page-navigator-button-corner-radius": "var(--sjs-corner-radius-round)",
"--ctr-page-navigator-button-background-color-hovered": "var(--sjs-primary-background-10)",
"--ctr-page-navigator-button-background-color-pressed": "var(--sjs-primary-background-10)",
"--ctr-page-navigator-button-icon-color-pressed": "var(--sjs-primary-background-500)",
"--ctr-popup-menu-background-color": "var(--sjs-layer-1-background-500)",
"--ctr-popup-menu-pointer-color": "var(--sjs-layer-1-background-500)",
"--ctr-button-background-color": "var(--sjs-layer-1-background-500)",
"--ctr-button-text-color": "var(--sjs-primary-background-500)",
"--ctr-button-gap": "var(--sjs-spacing-x4)",
"--ctr-button-background-color-hovered": "var(--sjs-layer-1-background-400)",
"--ctr-button-text-color-disabled": "var(--sjs-layer-1-foreground-100)",
"--ctr-button-background-color-danger": "var(--sjs-semantic-red-background-500)",
"--ctr-button-background-color-danger-hovered": "var(--sjs-semantic-red-background-500)",
"--ctr-button-border-color-focused": "var(--sjs-primary-background-500)",
"--ctr-button-border-width-focused": "var(--sjs-stroke-x2)",
"--ctr-button-background-color-cta": "var(--sjs-primary-background-500)",
"--ctr-button-background-color-cta-hovered": "var(--sjs-primary-background-400)",
"--ctr-button-text-color-danger": "var(--sjs-semantic-red-foreground-100)",
"--ctr-button-text-color-cta": "var(--sjs-primary-foreground-100)",
"--ctr-collapse-button-icon-width": "var(--sjs-font-size-x3)",
"--ctr-collapse-button-icon-height": "var(--sjs-font-size-x3)",
"--ctr-collapse-button-padding": "var(--sjs-spacing-x150)",
"--ctr-collapse-button-corner-radius": "var(--sjs-corner-radius-round)",
"--ctr-collapse-button-icon-color": "var(--sjs-layer-3-foreground-50)",
"--ctr-collapse-button-icon-color-hovered": "var(--sjs-primary-background-500)",
"--ctr-collapse-button-background-color-hovered": "var(--sjs-primary-background-10)",
"--ctr-property-grid-switcher-text-color": "var(--sjs-layer-1-foreground-50)",
"--ctr-property-grid-switcher-gap": "var(--sjs-spacing-x1)",
"--ctr-property-grid-switcher-toggle-button-background-color": "var(--sjs-layer-3-background-500)",
"--ctr-property-grid-switcher-toggle-button-border-color": "var(--sjs-border-25)",
"--ctr-property-grid-switcher-toggle-button-border-width": "var(--sjs-stroke-x1)",
"--ctr-property-grid-switcher-toggle-button-padding-left": "var(--sjs-spacing-x05)",
"--ctr-property-grid-switcher-toggle-button-padding-right": "var(--sjs-spacing-x2)",
"--ctr-property-grid-switcher-toggle-button-padding-top": "var(--sjs-spacing-x05)",
"--ctr-property-grid-switcher-toggle-button-padding-bottom": "var(--sjs-spacing-x05)",
"--ctr-property-grid-switcher-toggle-button-thumb-color": "var(--sjs-layer-3-foreground-50)",
"--ctr-property-grid-switcher-toggle-button-thumb-width": "var(--sjs-size-x1)",
"--ctr-property-grid-switcher-toggle-button-thumb-height": "var(--sjs-size-x1)",
"--ctr-property-grid-switcher-toggle-button-thumb-corner-radius": "var(--sjs-corner-radius-round)",
"--ctr-property-grid-switcher-toggle-button-corner-radius": "var(--sjs-corner-radius-round)",
"--ctr-property-grid-switcher-toggle-button-background-color-hovered": "var(--sjs-layer-1-background-500)",
"--ctr-property-grid-switcher-toggle-button-background-color-checked": "var(--sjs-primary-background-500)",
"--ctr-property-grid-switcher-toggle-button-background-color-checked-focused": "var(--sjs-primary-foreground-100)",
"--ctr-property-grid-switcher-toggle-button-border-color-focused": "var(--sjs-primary-background-500)",
"--ctr-property-grid-switcher-toggle-button-border-width-focused": "var(--sjs-stroke-x2)",
"--ctr-property-grid-switcher-toggle-button-thumb-color-checked": "var(--sjs-primary-foreground-100)",
"--ctr-property-grid-switcher-toggle-button-padding-left-checked": "var(--sjs-spacing-x2)",
"--ctr-property-grid-switcher-toggle-button-padding-right-checked": "var(--sjs-spacing-x05)",
"--ctr-property-grid-switcher-toggle-button-thumb-color-focused": "var(--sjs-primary-background-500)",
"--ctr-property-grid-chapter-caption-background-color": "var(--sjs-layer-1-background-500)",
"--ctr-property-grid-chapter-caption-border-color": "var(--sjs-border-25)",
"--ctr-property-grid-chapter-caption-text-color": "var(--sjs-layer-1-foreground-50)",
"--ctr-property-grid-chapter-caption-text-color-selected": "var(--sjs-layer-1-foreground-100)",
"--ctr-property-grid-chapter-caption-background-color-hovered": "var(--sjs-layer-3-background-500)",
"--ctr-property-grid-chapter-caption-background-color-focused": "var(--sjs-layer-3-background-500)",
"--ctr-property-grid-chapter-caption-text-color-disabled": "var(--sjs-layer-1-foreground-100)",
"--ctr-expression-item-padding-left": "var(--sjs-spacing-x2)",
"--ctr-expression-item-background-color-parameter": "var(--sjs-semantic-blue-background-10)",
"--ctr-expression-item-padding-right": "var(--sjs-spacing-x2)",
"--ctr-expression-item-padding-top": "var(--sjs-spacing-x1)",
"--ctr-expression-item-padding-bottom": "var(--sjs-spacing-x1)",
"--ctr-expression-item-corner-radius": "var(--sjs-corner-radius-round)",
"--ctr-expression-item-text-color-parameter": "var(--sjs-layer-3-foreground-100)",
"--ctr-expression-item-background-color-parameter-hovered": "var(--sjs-semantic-blue-background-500)",
"--ctr-expression-item-background-color-parameter-error": "var(--sjs-layer-1-background-500)",
"--ctr-expression-item-border-color-error": "var(--sjs-semantic-red-background-500)",
"--ctr-expression-item-text-color-parameter-hovered": "var(--sjs-semantic-blue-foreground-100)",
"--ctr-expression-item-text-color-parameter-empty": "var(--sjs-layer-3-foreground-50)",
"--ctr-expression-item-text-color-parameter-error": "var(--sjs-semantic-red-background-500)",
"--ctr-expression-item-text-color-operator": "var(--sjs-layer-3-foreground-100)",
"--ctr-expression-item-text-color-operator-hovered": "var(--sjs-semantic-yellow-foreground-100)",
"--ctr-expression-item-text-color-operator-empty": "var(--sjs-layer-3-foreground-50)",
"--ctr-expression-item-text-color-conjunction": "var(--sjs-layer-3-foreground-100)",
"--ctr-expression-item-text-color-conjunction-hovered": "var(--sjs-semantic-yellow-foreground-100)",
"--ctr-expression-item-text-color-conjunction-empty": "var(--sjs-layer-3-foreground-50)",
"--ctr-expression-item-text-color-action": "var(--sjs-layer-3-foreground-100)",
"--ctr-expression-item-text-color-action-hovered": "var(--sjs-semantic-red-foreground-100)",
"--ctr-expression-item-text-color-action-empty": "var(--sjs-layer-3-foreground-50)",
"--ctr-expression-item-text-color-button": "var(--sjs-primary-background-500)",
"--ctr-expression-item-text-color-button-hovered": "var(--sjs-primary-foreground-100)",
"--ctr-expression-item-background-color-operator": "var(--sjs-semantic-yellow-background-10)",
"--ctr-expression-item-background-color-operator-hovered": "var(--sjs-semantic-yellow-background-500)",
"--ctr-expression-item-background-color-conjunction": "var(--sjs-semantic-yellow-background-10)",
"--ctr-expression-item-background-color-conjunction-hovered": "var(--sjs-semantic-yellow-background-500)",
"--ctr-expression-item-background-color-action": "var(--sjs-semantic-red-background-10)",
"--ctr-expression-item-background-color-action-hovered": "var(--sjs-semantic-red-backgrou