survey-creator-core
Version:
A framework-independent core package of the SurveyJS Survey Creator component. With Survey Creator, you can visually design complex, interactive JSON forms and surveys in a drag-and-drop interface.
1 lines • 1.64 MB
Source Map (JSON)
{"version":3,"file":"index.mjs","sources":["../../../src/themes/sc2020.ts","../../../src/themes/default-light-export.ts","../../../src/themes/default-dark.ts","../../../src/themes/default-contrast.ts","../../../src/themes/index.ts"],"sourcesContent":["export default {\n \"themeName\": \"sc2020\",\n \"iconSet\": \"v1\",\n \"isLight\": true,\n \"cssVariables\": {\n \"--ctr-toolbox-scrollbar-left\": \"0\",\n \"--ctr-toolbox-scrollbar-right\": \"initial\",\n \"--ctr-toolbox-scroller-align-items\": \"flex-end\",\n \"--ctr-toolbox-item-align\": \"flex-start\",\n \"--ctr-toolbox-margin-left-compact\": \"12px\",\n \"--ctr-toolbox-item-banner-icon-display\": \"block\",\n \"--ctr-toolbox-item-banner-beak-display\": \"none\",\n \"--ctr-toolbox-item-banner-left\": 0,\n \"--ctr-toolbox-submenu-item-min-width\": \"initial\",\n \"--ctr-toolbox-border-width-right\": \"0px\",\n \"--ctr-list-item-corner-radius\": \"0px\",\n \"--ctr-button-group-item-corner-radius\": \"0px\",\n \"--ctr-button-group-gap\": \"-1px\",\n \"--ctr-editor-corner-radius\": \"0px\",\n \"--ctr-editor-button-corner-radius\": \"0px\",\n \"--ctr-checkbox-corner-radius\": \"0px\",\n \"--ctr-list-padding-left\": \"0px\",\n \"--ctr-list-padding-right\": \"0px\",\n \"--ctr-popup-menu-padding-left\": \"0px\",\n \"--ctr-popup-menu-padding-right\": \"0px\",\n \"--ctr-popup-menu-padding-top\": \"0px\",\n \"--ctr-popup-menu-padding-bottom\": \"0px\",\n \"--ctr-popup-menu-footer-padding-left\": \"0px\",\n \"--ctr-button-group-corner-radius\": \"0px\",\n \"--ctr-button-group-padding\": \"0px\",\n \"--ctr-button-group-border-width\": \"0px\",\n \"--ctr-shadow-medium-blur\": \"6px\",\n \"--ctr-shadow-medium-offset-y\": \"2px\",\n \"--ctr-shadow-large-blur\": \"16px\",\n \"--ctr-shadow-large-offset-y\": \"8px\",\n \"--ctr-shadow-large-offset-x\": \"0px\",\n \"--ctr-shadow-large-spread\": \"0px\",\n \"--ctr-shadow-medium-offset-x\": \"0px\",\n \"--ctr-shadow-medium-spread\": \"0px\",\n \"--ctr-list-search-icon-opacity\": 1,\n \"--ctr-shadow-small-offset-x\": \"0px\",\n \"--ctr-shadow-small-offset-y\": \"1px\",\n \"--ctr-shadow-small-blur\": \"2px\",\n \"--ctr-shadow-small-spread\": \"0px\",\n \"--ctr-shadow-x-large-offset-x\": \"0px\",\n \"--ctr-shadow-x-large-offset-y\": \"0px\",\n \"--ctr-shadow-x-large-blur\": \"0px\",\n \"--ctr-shadow-x-large-spread\": \"0px\",\n \"--ctr-property-grid-placeholder-text-max-width\": \"320px\",\n \"--ctr-property-grid-placeholder-padding-bottom\": \"0px\",\n \"--ctr-popup-menu-footer-padding-right\": \"0px\",\n \"--ctr-editor-content-text-opacity-disabled\": 0.25,\n \"--ctr-editor-label-opacity-disabled\": 0.25,\n \"--ctr-editor-button-icon-opacity-disabled\": 0.25,\n \"--ctr-editor-button-icon-opacity-pressed\": 0.5,\n \"--ctr-actionbar-button-opacity-pressed\": 0.5,\n \"--ctr-actionbar-button-opacity-disabled\": 0.25,\n \"--ctr-actionbar-button-opacity-muted\": 0.5,\n \"--ctr-list-item-opacity-disabled\": 0.25,\n \"--ctr-menu-item-opacity-disabled\": 0.25,\n \"--ctr-menu-toolbar-button-opacity-disabled\": 0.25,\n \"--ctr-menu-toolbar-button-opacity-pressed\": 0.5,\n \"--ctr-toolbox-item-text-opacity-pressed\": 0.5,\n \"--ctr-toolbox-item-icon-opacity-pressed\": 0.35,\n \"--ctr-toolbox-item-opacity-submenu\": 0.85,\n \"--ctr-toolbox-item-text-opacity-disabled\": 0.25,\n \"--ctr-page-navigator-button-opacity-pressed\": 0.5,\n \"--ctr-button-text-opacity-disabled\": 0.25,\n \"--ctr-property-grid-switcher-toggle-button-border-width-checked\": \"0px\",\n \"--ctr-notification-opacity\": 0.75,\n \"--ctr-notification-opacity-error\": 1,\n \"--ctr-toolbox-group-header-border-width-top\": \"0px\",\n \"--ctr-toolbox-group-header-border-width-left\": \"0px\",\n \"--ctr-toolbox-group-header-border-width-right\": \"0px\",\n \"--ctr-data-table-cell-drop-down-arrow-opacity\": 0.5,\n \"--ctr-data-table-row-padding-left\": \"0px\",\n \"--ctr-data-table-row-border-width-last-row\": \"0px\",\n \"--ctr-survey-question-panel-toolbar-item-opacity-pressed\": 0.5,\n \"--ctr-survey-question-panel-toolbar-item-opacity-disabled\": 0.25,\n \"--ctr-survey-question-panel-toolbar-item-opacity-muted\": 0.5,\n \"--ctr-survey-question-panel-drag-area-drag-indicator-opacity\": 0.5,\n \"--ctr-preview-pager-padding-right\": \"0px\",\n \"--ctr-preview-pager-padding-left\": \"0px\",\n \"--ctr-code-viewer-code-error-row-fix-button-padding-top\": \"0px\",\n \"--ctr-code-viewer-code-error-row-fix-button-padding-bottom\": \"0px\",\n \"--ctr-label-padding-left\": \"0px\",\n \"--ctr-label-padding-right\": \"0px\",\n \"--ctr-survey-action-button-opacity-disabled\": 0.25,\n \"--ctr-data-table-row-corner-radius-floating\": \"0px\",\n \"--ctr-survey-item-actionbar-drag-indicator-opacity\": 0.5,\n \"--ctr-toolbox-search-corner-radius\": \"0px\",\n \"--ctr-toolbox-group-header-margin-top\": \"0px\",\n \"--ctr-toolbox-group-header-margin-bottom\": \"0px\",\n \"--lbr-shadow-x-large-offset-x\": \"0px\",\n \"--lbr-shadow-x-large-offset-y\": \"0px\",\n \"--lbr-shadow-x-large-blur\": \"0px\",\n \"--lbr-shadow-x-large-spread\": \"0px\",\n \"--lbr-shadow-large-offset-x\": \"0px\",\n \"--lbr-shadow-large-offset-y\": \"8px\",\n \"--lbr-shadow-large-blur\": \"16px\",\n \"--lbr-shadow-large-spread\": \"0px\",\n \"--lbr-shadow-medium-offset-x\": \"0px\",\n \"--lbr-shadow-medium-offset-y\": \"2px\",\n \"--lbr-shadow-medium-blur\": \"6px\",\n \"--lbr-shadow-medium-spread\": \"0px\",\n \"--lbr-shadow-small-offset-x\": \"0px\",\n \"--lbr-shadow-small-offset-y\": \"1px\",\n \"--lbr-shadow-small-blur\": \"2px\",\n \"--lbr-shadow-small-spread\": \"0px\",\n \"--ctr-survey-question-panel-opacity-hidden\": 0.25,\n \"--ctr-editor-color-swatch-icon-color-stroke\": \"#00000040\",\n \"--ctr-button-group-item-text-opacity-disabled\": 0.25,\n \"--ctr-survey-header-logo-placeholder-icon-opacity\": 0.5,\n \"--ctr-toolbox-submenu-group-margin-left\": \"0px\",\n \"--lbr-shadow-inner-offset-x\": \"0px\",\n \"--lbr-shadow-inner-offset-y\": \"1px\",\n \"--lbr-shadow-inner-blur\": \"2px\",\n \"--lbr-shadow-inner-spread\": \"0px\",\n \"--ctr-toolbox-item-icon-opacity-disabled\": 0.15,\n \"--ctr-list-item-icon-opacity-label\": 0.5,\n \"--ctr-toolbox-item-margin-horizontal-no-text\": \"0px\",\n \"--ctr-toolbox-submenu-group-margin-right\": \"0px\",\n \"--ctr-toolbox-submenu-group-margin-top\": \"0px\",\n \"--ctr-toolbox-submenu-group-margin-bottom-last\": \"0px\",\n \"--ctr-toolbox-submenu-group-border-width-bottom\": \"0px\",\n \"--ctr-toolbox-submenu-background-color\": \"#00000000\",\n \"--ctr-toolbox-submenu-corner-radius\": \"0px\",\n \"--ctr-toolbox-submenu-shadow-1-color\": \"#00000000\",\n \"--ctr-toolbox-submenu-shadow-2-color\": \"#00000000\",\n \"--ctr-toolbox-submenu-margin-top\": \"0px\",\n \"--ctr-data-table-corner-radius\": \"0px\",\n \"--ctr-data-table-placeholder-corner-radius\": \"0px\",\n \"--ctr-survey-page-drag-indicator-opacity\": 0.5,\n \"--ctr-toggle-button-thumb-border-width\": \"0px\",\n \"--ctr-line-height-unit\": \"8px\",\n \"--ctr-font-unit\": \"8px\",\n \"--ctr-spacing-unit\": \"8px\",\n \"--ctr-corner-radius-unit\": \"8px\",\n \"--ctr-stroke-unit\": \"1px\",\n \"--ctr-size-unit\": \"8px\",\n \"--ctr-checkbox-description-text-margin-top\": \"0px\",\n \"--lbr-stroke-unit\": \"1px\",\n \"--lbr-spacing-unit\": \"8px\",\n \"--lbr-font-unit\": \"8px\",\n \"--lbr-corner-radius-unit\": \"8px\",\n \"--lbr-size-unit\": \"8px\",\n \"--lbr-line-height-unit\": \"8px\",\n \"--ctr-preview-pager-item-icon-padding-left\": \"0px\",\n \"--ctr-preview-pager-item-icon-padding-right\": \"0px\",\n \"--ctr-preview-pager-item-icon-padding-top\": \"0px\",\n \"--ctr-preview-pager-item-icon-padding-bottom\": \"0px\",\n \"--ctr-page-navigator-button-icon-opacity-disabled\": 0.25,\n \"--ctr-list-corner-radius\": \"0px\",\n \"--ctr-toolbox-group-header-corner-radius\": \"0px\",\n \"--ctr-toolbox-item-icon-color\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-toolbox-item-text-color\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-toolbox-item-icon-color-pressed\": \"var(--sjs-layer-1-foreground-100)\",\n \"--ctr-toolbox-item-text-color-pressed\": \"var(--sjs-layer-1-foreground-100)\",\n \"--ctr-toolbox-background-color\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-toolbox-border-color\": \"var(--sjs-border-25)\",\n \"--ctr-toolbox-group-header-padding-left\": \"var(--sjs-spacing-x1)\",\n \"--ctr-toolbox-group-header-padding-right\": \"var(--sjs-spacing-x1)\",\n \"--ctr-toolbox-group-header-margin-left\": \"var(--sjs-spacing-x2)\",\n \"--ctr-menu-toolbar-button-corner-radius\": \"var(--sjs-corner-radius-x05)\",\n \"--ctr-menu-toolbar-button-background-color-selected\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-menu-toolbar-button-icon-color\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-menu-toolbar-button-icon-color-selected\": \"var(--sjs-primary-background-500)\",\n \"--ctr-toolbox-item-icon-color-hovered\": \"var(--sjs-primary-background-500)\",\n \"--ctr-toolbox-item-text-color-hovered\": \"var(--sjs-layer-1-foreground-100)\",\n \"--ctr-property-grid-form-background-color\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-button-group-item-border-color\": \"var(--sjs-border-25)\",\n \"--ctr-button-group-item-border-width\": \"var(--sjs-stroke-x1)\",\n \"--ctr-button-group-item-background-color\": \"#ffffffff\",\n \"--ctr-button-group-item-text-color\": \"var(--sjs-layer-1-foreground-100)\",\n \"--ctr-menu-item-icon-color\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-button-group-item-icon-color\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-button-group-item-background-color-hovered\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-button-group-item-text-color-selected\": \"var(--sjs-primary-background-500)\",\n \"--ctr-button-group-item-icon-color-selected\": \"var(--sjs-primary-background-500)\",\n \"--ctr-editor-background-color\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-editor-border-color\": \"var(--sjs-border-25)\",\n \"--ctr-editor-background-color-disabled\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-editor-button-icon-color\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-button-group-item-background-color-selected\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-radio-button-background-color\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-radio-button-border-color\": \"var(--sjs-border-25)\",\n \"--ctr-checkbox-background-color\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-checkbox-border-color\": \"var(--sjs-border-25)\",\n \"--ctr-checkbox-border-width\": \"var(--sjs-stroke-x1)\",\n \"--ctr-checkbox-button-check-mark-color\": \"var(--sjs-primary-background-500)\",\n \"--ctr-radio-button-background-color-hovered\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-radio-button-background-color-disabled\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-checkbox-border-color-focused\": \"var(--sjs-primary-background-500)\",\n \"--ctr-checkbox-button-check-mark-color-disabled\": \"var(--sjs-border-25)\",\n \"--ctr-checkbox-background-color-hovered\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-checkbox-background-color-disabled\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-list-padding-bottom\": \"var(--sjs-spacing-x1)\",\n \"--ctr-list-padding-top\": \"var(--sjs-spacing-x1)\",\n \"--ctr-actionbar-button-corner-radius\": \"var(--sjs-corner-radius-round)\",\n \"--ctr-popup-menu-corner-radius\": \"var(--sjs-corner-radius-x05)\",\n \"--ctr-button-contextual-button-icon-color\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-button-group-item-background-color-disabled\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-radio-button-background-color-selected-hovered\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-checkbox-background-color-selected\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-checkbox-background-color-selected-hovered\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-radio-button-border-color-disabled\": \"var(--sjs-border-25)\",\n \"--ctr-checkbox-border-color-disabled\": \"var(--sjs-border-25)\",\n \"--ctr-button-group-background-color\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-button-group-border-color\": \"var(--sjs-border-25)\",\n \"--ctr-button-group-item-border-width-selected\": \"var(--sjs-stroke-x1)\",\n \"--ctr-button-group-item-padding-horizontal\": \"var(--sjs-spacing-x2)\",\n \"--ctr-button-group-item-padding-vertical\": \"var(--sjs-spacing-x150)\",\n \"--ctr-button-group-background-color-disabled\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-button-group-border-color-focused\": \"var(--sjs-primary-background-500)\",\n \"--ctr-button-group-border-width-focused\": \"var(--sjs-stroke-x2)\",\n \"--ctr-button-group-item-text-color-disabled\": \"var(--sjs-layer-1-foreground-100)\",\n \"--ctr-survey-page-background-color-selected\": \"var(--sjs-secondary-background-10)\",\n \"--ctr-surface-background-color\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-survey-question-panel-toolbar-item-corner-radius\": \"var(--lbr-corner-radius-x05)\",\n \"--ctr-popup-background-color\": \"var(--sjs-layer-2-background-500)\",\n \"--ctr-popup-corner-radius\": \"var(--sjs-corner-radius-x05)\",\n \"--ctr-shadow-large-color\": \"var(--sjs-special-glow)\",\n \"--ctr-shadow-medium-color\": \"var(--sjs-special-glow)\",\n \"--ctr-button-padding-horizontal\": \"var(--sjs-spacing-x6)\",\n \"--ctr-button-padding-vertical\": \"var(--sjs-spacing-x2)\",\n \"--ctr-button-contextual-button-margin-horizontal\": \"var(--sjs-spacing-x1)\",\n \"--ctr-button-contextual-button-margin-vertical\": \"var(--sjs-spacing-x1)\",\n \"--ctr-button-padding-horizontal-small\": \"var(--sjs-spacing-x4)\",\n \"--ctr-button-padding-vertical-small\": \"var(--sjs-spacing-x150)\",\n \"--ctr-button-corner-radius\": \"var(--sjs-corner-radius-x05)\",\n \"--ctr-button-corner-radius-small\": \"var(--sjs-corner-radius-x05)\",\n \"--ctr-list-item-icon-color\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-list-item-icon-color-selected\": \"var(--sjs-primary-foreground-100)\",\n \"--ctr-list-item-icon-color-disabled\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-editor-button-background-color-hovered\": \"var(--sjs-layer-1-background-400)\",\n \"--ctr-survey-page-toolbar-item-background-color-hovered\": \"var(--sjs-layer-3-background-400)\",\n \"--ctr-survey-page-toolbar-item-corner-radius\": \"var(--lbr-corner-radius-x05)\",\n \"--ctr-list-search-icon-color\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-caption-with-actions-text-color\": \"var(--sjs-layer-3-foreground-50)\",\n \"--ctr-label-text-color\": \"var(--sjs-layer-3-foreground-50)\",\n \"--ctr-label-text-color-disabled\": \"var(--sjs-layer-3-foreground-100)\",\n \"--ctr-caption-with-actions-text-color-disabled\": \"var(--sjs-layer-3-foreground-100)\",\n \"--ctr-radio-button-text-color-disabled\": \"var(--sjs-layer-3-foreground-100)\",\n \"--ctr-checkbox-text-color-disabled\": \"var(--sjs-layer-3-foreground-100)\",\n \"--ctr-button-group-item-background-color-selected-disabled\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-button-group-item-border-width-selected-disabled\": \"var(--sjs-stroke-x1)\",\n \"--ctr-popup-haze-background-color\": \"var(--sjs-special-haze)\",\n \"--ctr-shadow-small-color\": \"var(--sjs-special-shadow)\",\n \"--ctr-shadow-x-large-color\": \"var(--sjs-special-glow)\",\n \"--ctr-actionbar-button-icon-color\": \"var(--sjs-layer-3-foreground-50)\",\n \"--ctr-actionbar-button-icon-color-hovered\": \"var(--sjs-primary-background-500)\",\n \"--ctr-actionbar-button-icon-color-with-text-disabled\": \"var(--sjs-layer-3-foreground-50)\",\n \"--ctr-list-item-submenu-arrow-color\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-page-navigator-button-icon-color\": \"var(--sjs-layer-3-foreground-50)\",\n \"--ctr-page-navigator-button-icon-color-hovered\": \"var(--sjs-primary-background-500)\",\n \"--ctr-property-grid-tabs-padding-left\": \"var(--sjs-spacing-x150)\",\n \"--ctr-property-grid-tabs-padding-bottom\": \"var(--sjs-spacing-x150)\",\n \"--ctr-property-grid-tabs-background-color\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-property-grid-tabs-border-width\": \"var(--sjs-stroke-x1)\",\n \"--ctr-property-grid-tabs-border-color\": \"var(--sjs-border-25)\",\n \"--ctr-property-grid-tabs-separator-margin\": \"var(--sjs-spacing-x150)\",\n \"--ctr-property-grid-tabs-gap\": \"var(--sjs-spacing-x150)\",\n \"--ctr-property-grid-border-color\": \"var(--sjs-border-25)\",\n \"--ctr-property-grid-border-width-left\": \"var(--sjs-stroke-x1)\",\n \"--ctr-property-grid-placeholder-padding-left\": \"var(--sjs-spacing-x6)\",\n \"--ctr-property-grid-placeholder-padding-top\": \"var(--sjs-spacing-x12)\",\n \"--ctr-property-grid-placeholder-image-margin-top\": \"var(--sjs-spacing-x3)\",\n \"--ctr-property-grid-placeholder-text-gap\": \"var(--sjs-spacing-x1)\",\n \"--ctr-property-grid-placeholder-text-title-color\": \"var(--sjs-layer-3-foreground-100)\",\n \"--ctr-property-grid-placeholder-text-description-color\": \"var(--sjs-layer-3-foreground-50)\",\n \"--ctr-surface-placeholder-padding-left\": \"var(--sjs-spacing-x6)\",\n \"--ctr-surface-placeholder-padding-bottom\": \"var(--sjs-spacing-x16)\",\n \"--ctr-surface-placeholder-text-margin-top\": \"var(--sjs-spacing-x4)\",\n \"--ctr-surface-placeholder-text-margin-bottom\": \"var(--sjs-spacing-x6)\",\n \"--ctr-surface-placeholder-text-gap\": \"var(--sjs-spacing-x1)\",\n \"--ctr-surface-placeholder-max-width\": \"var(--sjs-size-x90)\",\n \"--ctr-surface-placeholder-padding-top\": \"var(--sjs-spacing-x4)\",\n \"--ctr-surface-placeholder-padding-right\": \"var(--sjs-spacing-x6)\",\n \"--ctr-toolbox-group-header-margin-right\": \"var(--sjs-spacing-x2)\",\n \"--ctr-property-grid-tabs-padding-right\": \"var(--sjs-spacing-x150)\",\n \"--ctr-property-grid-tabs-padding-top\": \"var(--sjs-spacing-x150)\",\n \"--ctr-property-grid-placeholder-padding-right\": \"var(--sjs-spacing-x6)\",\n \"--ctr-editor-content-text-color\": \"var(--sjs-layer-1-foreground-100)\",\n \"--ctr-editor-label-color\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-editor-content-icon-color\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-editor-content-text-color-placeholder\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-editor-button-text-color\": \"var(--sjs-layer-1-foreground-100)\",\n \"--ctr-editor-label-color-disabled\": \"var(--sjs-layer-1-foreground-100)\",\n \"--ctr-editor-content-text-color-disabled\": \"var(--sjs-layer-1-foreground-100)\",\n \"--ctr-editor-button-icon-color-disabled\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-radio-button-text-color\": \"var(--sjs-layer-3-foreground-100)\",\n \"--ctr-checkbox-text-color\": \"var(--sjs-layer-3-foreground-100)\",\n \"--ctr-checkbox-description-text-color\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-actionbar-button-gap\": \"var(--sjs-spacing-x1)\",\n \"--ctr-actionbar-button-padding-left-large-icon\": \"var(--sjs-spacing-x1)\",\n \"--ctr-actionbar-button-padding-right-large-icon\": \"var(--sjs-spacing-x1)\",\n \"--ctr-actionbar-button-padding-top-large-icon\": \"var(--sjs-spacing-x1)\",\n \"--ctr-actionbar-button-padding-bottom-large-icon\": \"var(--sjs-spacing-x1)\",\n \"--ctr-actionbar-button-text-color\": \"var(--sjs-primary-background-500)\",\n \"--ctr-actionbar-button-background-color-hovered\": \"var(--sjs-primary-background-10)\",\n \"--ctr-actionbar-button-padding-left-small-icon\": \"var(--sjs-spacing-x05)\",\n \"--ctr-actionbar-button-padding-right-small-icon\": \"var(--sjs-spacing-x05)\",\n \"--ctr-actionbar-button-padding-top-small-icon\": \"var(--sjs-spacing-x05)\",\n \"--ctr-actionbar-button-padding-bottom-small-icon\": \"var(--sjs-spacing-x05)\",\n \"--ctr-actionbar-button-padding-left-medium-text\": \"var(--sjs-spacing-x2)\",\n \"--ctr-actionbar-button-padding-right-medium-text\": \"var(--sjs-spacing-x2)\",\n \"--ctr-actionbar-button-padding-top-medium-text\": \"var(--sjs-spacing-x05)\",\n \"--ctr-actionbar-button-padding-bottom-medium-text\": \"var(--sjs-spacing-x05)\",\n \"--ctr-actionbar-button-text-color-disabled\": \"var(--sjs-layer-3-foreground-100)\",\n \"--ctr-actionbar-button-border-color-selected\": \"var(--sjs-primary-background-500)\",\n \"--ctr-actionbar-button-border-width-selected\": \"var(--sjs-stroke-x2)\",\n \"--ctr-list-item-gap\": \"var(--sjs-spacing-x2)\",\n \"--ctr-actionbar-button-padding-left-large-icon-text\": \"var(--sjs-spacing-x150)\",\n \"--ctr-actionbar-button-padding-right-large-icon-text\": \"var(--sjs-spacing-x2)\",\n \"--ctr-list-item-padding-left\": \"var(--sjs-spacing-x2)\",\n \"--ctr-list-item-padding-right\": \"var(--sjs-spacing-x8)\",\n \"--ctr-list-item-padding-top\": \"var(--sjs-spacing-x1)\",\n \"--ctr-list-item-padding-bottom\": \"var(--sjs-spacing-x1)\",\n \"--ctr-list-item-padding-right-submenu\": \"var(--sjs-spacing-x1)\",\n \"--ctr-list-item-padding-bottom-with-icon\": \"var(--sjs-spacing-x150)\",\n \"--ctr-list-item-padding-top-with-icon\": \"var(--sjs-spacing-x150)\",\n \"--ctr-list-item-background-color-hovered\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-list-item-background-color-selected\": \"var(--sjs-primary-background-500)\",\n \"--ctr-list-item-text-color-selected\": \"var(--sjs-primary-foreground-100)\",\n \"--ctr-list-item-text-color\": \"var(--sjs-layer-1-foreground-100)\",\n \"--ctr-list-item-text-color-hovered\": \"var(--sjs-layer-3-foreground-100)\",\n \"--ctr-list-item-submenu-arrow-color-hovered-item\": \"var(--sjs-layer-3-foreground-50)\",\n \"--ctr-list-item-icon-color-hovered\": \"var(--sjs-layer-3-foreground-50)\",\n \"--ctr-list-item-contextual-buttons-color\": \"var(--sjs-layer-3-foreground-50)\",\n \"--ctr-list-item-submenu-arrow-padding\": \"var(--sjs-spacing-x05)\",\n \"--ctr-list-item-color-swatch-corner-radius\": \"var(--sjs-corner-radius-x0375)\",\n \"--ctr-list-item-color-swatch-width\": \"var(--sjs-font-size-x4)\",\n \"--ctr-list-item-color-swatch-height\": \"var(--sjs-font-size-x3)\",\n \"--ctr-list-item-color-swatch-border-color\": \"var(--sjs-border-25-overlay)\",\n \"--ctr-editor-color-swatch-corner-radius\": \"var(--sjs-corner-radius-x0375)\",\n \"--ctr-editor-button-padding-top\": \"var(--sjs-spacing-x1)\",\n \"--ctr-editor-button-padding-bottom\": \"var(--sjs-spacing-x1)\",\n \"--ctr-editor-button-padding-left\": \"var(--sjs-spacing-x1)\",\n \"--ctr-editor-button-padding-right\": \"var(--sjs-spacing-x1)\",\n \"--ctr-actionbar-button-icon-width-small\": \"var(--sjs-font-size-x2)\",\n \"--ctr-actionbar-button-icon-height-small\": \"var(--sjs-font-size-x2)\",\n \"--ctr-actionbar-button-icon-width\": \"var(--sjs-font-size-x3)\",\n \"--ctr-actionbar-button-icon-height\": \"var(--sjs-font-size-x3)\",\n \"--ctr-actionbar-button-drop-down-arrow-width\": \"var(--sjs-font-size-x2)\",\n \"--ctr-actionbar-button-drop-down-arrow-height\": \"var(--sjs-font-size-x2)\",\n \"--ctr-list-item-icon-width\": \"var(--sjs-font-size-x3)\",\n \"--ctr-list-item-icon-height\": \"var(--sjs-font-size-x3)\",\n \"--ctr-list-item-submenu-arrow-width\": \"var(--sjs-font-size-x2)\",\n \"--ctr-list-item-submenu-arrow-height\": \"var(--sjs-font-size-x2)\",\n \"--ctr-editor-color-swatch-icon-width\": \"var(--sjs-font-size-x2)\",\n \"--ctr-editor-color-swatch-icon-height\": \"var(--sjs-font-size-x2)\",\n \"--ctr-editor-button-icon-width\": \"var(--sjs-font-size-x3)\",\n \"--ctr-editor-button-icon-height\": \"var(--sjs-font-size-x3)\",\n \"--ctr-checkbox-button-width\": \"var(--sjs-font-size-x3)\",\n \"--ctr-checkbox-button-height\": \"var(--sjs-font-size-x3)\",\n \"--ctr-menu-item-icon-width\": \"var(--sjs-font-size-x3)\",\n \"--ctr-menu-item-icon-height\": \"var(--sjs-font-size-x3)\",\n \"--ctr-menu-item-text-color\": \"var(--sjs-layer-1-foreground-100)\",\n \"--ctr-menu-item-padding-left\": \"var(--sjs-spacing-x3)\",\n \"--ctr-menu-item-background-color\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-menu-item-border-color-selected\": \"var(--sjs-primary-background-500)\",\n \"--ctr-menu-item-background-color-hovered\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-menu-background-color\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-menu-toolbar-button-text-color\": \"var(--sjs-layer-1-foreground-100)\",\n \"--ctr-menu-toolbar-button-icon-width\": \"var(--sjs-font-size-x3)\",\n \"--ctr-menu-toolbar-button-icon-height\": \"var(--sjs-font-size-x3)\",\n \"--ctr-menu-toolbar-button-padding-left\": \"var(--sjs-spacing-x1)\",\n \"--ctr-menu-toolbar-button-gap\": \"var(--sjs-spacing-x1)\",\n \"--ctr-menu-toolbar-button-padding-top\": \"var(--sjs-spacing-x1)\",\n \"--ctr-menu-toolbar-button-text-color-secondary\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-menu-toolbar-button-background-color-hovered\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-menu-toolbar-button-background-color-pressed\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-toolbox-item-icon-width\": \"var(--sjs-font-size-x3)\",\n \"--ctr-toolbox-item-icon-height\": \"var(--sjs-font-size-x3)\",\n \"--ctr-toolbox-item-background-color-hovered\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-toolbox-item-padding-left\": \"var(--sjs-spacing-x150)\",\n \"--ctr-toolbox-item-padding-right\": \"var(--sjs-spacing-x2)\",\n \"--ctr-toolbox-item-padding-top\": \"var(--sjs-spacing-x1)\",\n \"--ctr-toolbox-item-padding-bottom\": \"var(--sjs-spacing-x1)\",\n \"--ctr-toolbox-item-gap\": \"var(--sjs-spacing-x1)\",\n \"--ctr-toolbox-item-corner-radius\": \"var(--sjs-corner-radius-round)\",\n \"--ctr-toolbox-item-padding-right-no-text\": \"var(--sjs-spacing-x150)\",\n \"--ctr-toolbox-item-border-color-floating\": \"var(--sjs-secondary-background-500)\",\n \"--ctr-toolbox-button-background-color-hovered\": \"var(--sjs-primary-background-10)\",\n \"--ctr-page-navigator-item-dot-radius-small\": \"var(--sjs-font-size-x075)\",\n \"--ctr-page-navigator-item-dot-radius-large\": \"var(--sjs-font-size-x1)\",\n \"--ctr-page-navigator-item-dot-border-color-selected\": \"var(--sjs-primary-background-500)\",\n \"--ctr-page-navigator-item-dot-color-hovered\": \"var(--sjs-primary-background-500)\",\n \"--ctr-page-navigator-item-dot-color-default\": \"var(--sjs-border-25)\",\n \"--ctr-page-navigator-item-dot-color-selected\": \"var(--sjs-primary-foreground-100)\",\n \"--ctr-page-navigator-item-dot-container-width\": \"var(--sjs-font-size-x250)\",\n \"--ctr-page-navigator-item-dot-container-height\": \"var(--sjs-font-size-x250)\",\n \"--ctr-page-navigator-item-background-color-hovered\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-page-navigator-item-text-color-hovered\": \"var(--sjs-layer-1-foreground-100)\",\n \"--ctr-page-navigator-item-padding-left-hovered\": \"var(--sjs-spacing-x2)\",\n \"--ctr-page-navigator-item-padding-right\": \"var(--sjs-spacing-x150)\",\n \"--ctr-page-navigator-item-padding-top\": \"var(--sjs-spacing-x1)\",\n \"--ctr-page-navigator-item-padding-bottom\": \"var(--sjs-spacing-x1)\",\n \"--ctr-page-navigator-item-gap\": \"var(--sjs-spacing-x1)\",\n \"--ctr-page-navigator-item-corner-radius\": \"var(--sjs-corner-radius-round)\",\n \"--ctr-page-navigator-item-padding-left\": \"var(--sjs-spacing-x150)\",\n \"--ctr-page-navigator-button-padding\": \"var(--sjs-spacing-x125)\",\n \"--ctr-page-navigator-button-icon-width\": \"var(--sjs-font-size-x3)\",\n \"--ctr-page-navigator-button-icon-height\": \"var(--sjs-font-size-x3)\",\n \"--ctr-page-navigator-button-corner-radius\": \"var(--sjs-corner-radius-round)\",\n \"--ctr-page-navigator-button-background-color-hovered\": \"var(--sjs-primary-background-10)\",\n \"--ctr-page-navigator-button-background-color-pressed\": \"var(--sjs-primary-background-10)\",\n \"--ctr-page-navigator-button-icon-color-pressed\": \"var(--sjs-primary-background-500)\",\n \"--ctr-popup-menu-background-color\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-popup-menu-pointer-color\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-button-background-color\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-button-text-color\": \"var(--sjs-primary-background-500)\",\n \"--ctr-button-gap\": \"var(--sjs-spacing-x4)\",\n \"--ctr-button-background-color-hovered\": \"var(--sjs-layer-1-background-400)\",\n \"--ctr-button-text-color-disabled\": \"var(--sjs-layer-1-foreground-100)\",\n \"--ctr-button-background-color-danger\": \"var(--sjs-semantic-red-background-500)\",\n \"--ctr-button-background-color-danger-hovered\": \"var(--sjs-semantic-red-background-500)\",\n \"--ctr-button-border-color-focused\": \"var(--sjs-primary-background-500)\",\n \"--ctr-button-border-width-focused\": \"var(--sjs-stroke-x2)\",\n \"--ctr-button-background-color-cta\": \"var(--sjs-primary-background-500)\",\n \"--ctr-button-background-color-cta-hovered\": \"var(--sjs-primary-background-400)\",\n \"--ctr-button-text-color-danger\": \"var(--sjs-semantic-red-foreground-100)\",\n \"--ctr-button-text-color-cta\": \"var(--sjs-primary-foreground-100)\",\n \"--ctr-collapse-button-icon-width\": \"var(--sjs-font-size-x3)\",\n \"--ctr-collapse-button-icon-height\": \"var(--sjs-font-size-x3)\",\n \"--ctr-collapse-button-padding\": \"var(--sjs-spacing-x150)\",\n \"--ctr-collapse-button-corner-radius\": \"var(--sjs-corner-radius-round)\",\n \"--ctr-collapse-button-icon-color\": \"var(--sjs-layer-3-foreground-50)\",\n \"--ctr-collapse-button-icon-color-hovered\": \"var(--sjs-primary-background-500)\",\n \"--ctr-collapse-button-background-color-hovered\": \"var(--sjs-primary-background-10)\",\n \"--ctr-property-grid-switcher-text-color\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-property-grid-switcher-gap\": \"var(--sjs-spacing-x1)\",\n \"--ctr-property-grid-switcher-toggle-button-background-color\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-property-grid-switcher-toggle-button-border-color\": \"var(--sjs-border-25)\",\n \"--ctr-property-grid-switcher-toggle-button-border-width\": \"var(--sjs-stroke-x1)\",\n \"--ctr-property-grid-switcher-toggle-button-padding-left\": \"var(--sjs-spacing-x05)\",\n \"--ctr-property-grid-switcher-toggle-button-padding-right\": \"var(--sjs-spacing-x2)\",\n \"--ctr-property-grid-switcher-toggle-button-padding-top\": \"var(--sjs-spacing-x05)\",\n \"--ctr-property-grid-switcher-toggle-button-padding-bottom\": \"var(--sjs-spacing-x05)\",\n \"--ctr-property-grid-switcher-toggle-button-thumb-color\": \"var(--sjs-layer-3-foreground-50)\",\n \"--ctr-property-grid-switcher-toggle-button-thumb-width\": \"var(--sjs-size-x1)\",\n \"--ctr-property-grid-switcher-toggle-button-thumb-height\": \"var(--sjs-size-x1)\",\n \"--ctr-property-grid-switcher-toggle-button-thumb-corner-radius\": \"var(--sjs-corner-radius-round)\",\n \"--ctr-property-grid-switcher-toggle-button-corner-radius\": \"var(--sjs-corner-radius-round)\",\n \"--ctr-property-grid-switcher-toggle-button-background-color-hovered\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-property-grid-switcher-toggle-button-background-color-checked\": \"var(--sjs-primary-background-500)\",\n \"--ctr-property-grid-switcher-toggle-button-background-color-checked-focused\": \"var(--sjs-primary-foreground-100)\",\n \"--ctr-property-grid-switcher-toggle-button-border-color-focused\": \"var(--sjs-primary-background-500)\",\n \"--ctr-property-grid-switcher-toggle-button-border-width-focused\": \"var(--sjs-stroke-x2)\",\n \"--ctr-property-grid-switcher-toggle-button-thumb-color-checked\": \"var(--sjs-primary-foreground-100)\",\n \"--ctr-property-grid-switcher-toggle-button-padding-left-checked\": \"var(--sjs-spacing-x2)\",\n \"--ctr-property-grid-switcher-toggle-button-padding-right-checked\": \"var(--sjs-spacing-x05)\",\n \"--ctr-property-grid-switcher-toggle-button-thumb-color-focused\": \"var(--sjs-primary-background-500)\",\n \"--ctr-property-grid-chapter-caption-background-color\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-property-grid-chapter-caption-border-color\": \"var(--sjs-border-25)\",\n \"--ctr-property-grid-chapter-caption-text-color\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-property-grid-chapter-caption-text-color-selected\": \"var(--sjs-layer-1-foreground-100)\",\n \"--ctr-property-grid-chapter-caption-background-color-hovered\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-property-grid-chapter-caption-background-color-focused\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-property-grid-chapter-caption-text-color-disabled\": \"var(--sjs-layer-1-foreground-100)\",\n \"--ctr-expression-item-padding-left\": \"var(--sjs-spacing-x2)\",\n \"--ctr-expression-item-background-color-parameter\": \"var(--sjs-semantic-blue-background-10)\",\n \"--ctr-expression-item-padding-right\": \"var(--sjs-spacing-x2)\",\n \"--ctr-expression-item-padding-top\": \"var(--sjs-spacing-x1)\",\n \"--ctr-expression-item-padding-bottom\": \"var(--sjs-spacing-x1)\",\n \"--ctr-expression-item-corner-radius\": \"var(--sjs-corner-radius-round)\",\n \"--ctr-expression-item-text-color-parameter\": \"var(--sjs-layer-3-foreground-100)\",\n \"--ctr-expression-item-background-color-parameter-hovered\": \"var(--sjs-semantic-blue-background-500)\",\n \"--ctr-expression-item-background-color-parameter-error\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-expression-item-border-color-error\": \"var(--sjs-semantic-red-background-500)\",\n \"--ctr-expression-item-text-color-parameter-hovered\": \"var(--sjs-semantic-blue-foreground-100)\",\n \"--ctr-expression-item-text-color-parameter-empty\": \"var(--sjs-layer-3-foreground-50)\",\n \"--ctr-expression-item-text-color-parameter-error\": \"var(--sjs-semantic-red-background-500)\",\n \"--ctr-expression-item-text-color-operator\": \"var(--sjs-layer-3-foreground-100)\",\n \"--ctr-expression-item-text-color-operator-hovered\": \"var(--sjs-semantic-yellow-foreground-100)\",\n \"--ctr-expression-item-text-color-operator-empty\": \"var(--sjs-layer-3-foreground-50)\",\n \"--ctr-expression-item-text-color-conjunction\": \"var(--sjs-layer-3-foreground-100)\",\n \"--ctr-expression-item-text-color-conjunction-hovered\": \"var(--sjs-semantic-yellow-foreground-100)\",\n \"--ctr-expression-item-text-color-conjunction-empty\": \"var(--sjs-layer-3-foreground-50)\",\n \"--ctr-expression-item-text-color-action\": \"var(--sjs-layer-3-foreground-100)\",\n \"--ctr-expression-item-text-color-action-hovered\": \"var(--sjs-semantic-red-foreground-100)\",\n \"--ctr-expression-item-text-color-action-empty\": \"var(--sjs-layer-3-foreground-50)\",\n \"--ctr-expression-item-text-color-button\": \"var(--sjs-primary-background-500)\",\n \"--ctr-expression-item-text-color-button-hovered\": \"var(--sjs-primary-foreground-100)\",\n \"--ctr-expression-item-background-color-operator\": \"var(--sjs-semantic-yellow-background-10)\",\n \"--ctr-expression-item-background-color-operator-hovered\": \"var(--sjs-semantic-yellow-background-500)\",\n \"--ctr-expression-item-background-color-conjunction\": \"var(--sjs-semantic-yellow-background-10)\",\n \"--ctr-expression-item-background-color-conjunction-hovered\": \"var(--sjs-semantic-yellow-background-500)\",\n \"--ctr-expression-item-background-color-action\": \"var(--sjs-semantic-red-background-10)\",\n \"--ctr-expression-item-background-color-action-hovered\": \"var(--sjs-semantic-red-background-500)\",\n \"--ctr-expression-item-background-color-button\": \"var(--sjs-primary-background-10)\",\n \"--ctr-expression-item-background-color-button-hovered\": \"var(--sjs-primary-background-500)\",\n \"--ctr-expression-item-text-color-function\": \"var(--sjs-layer-3-foreground-100)\",\n \"--ctr-data-table-background-color\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-data-table-border-color\": \"var(--sjs-border-25)\",\n \"--ctr-data-table-border-width\": \"var(--sjs-stroke-x1)\",\n \"--ctr-separator-width\": \"var(--sjs-stroke-x1)\",\n \"--ctr-separator-color\": \"var(--sjs-border-25)\",\n \"--ctr-separator-margin-vertical-small\": \"var(--sjs-spacing-x1)\",\n \"--ctr-popup-padding-left\": \"var(--sjs-spacing-x4)\",\n \"--ctr-popup-padding-right\": \"var(--sjs-spacing-x4)\",\n \"--ctr-popup-padding-top\": \"var(--sjs-spacing-x4)\",\n \"--ctr-popup-padding-bottom\": \"var(--sjs-spacing-x4)\",\n \"--ctr-popup-gap\": \"var(--sjs-spacing-x4)\",\n \"--ctr-popup-title-color\": \"var(--sjs-layer-2-foreground-100)\",\n \"--ctr-popup-message-color\": \"var(--sjs-layer-2-foreground-100)\",\n \"--ctr-popup-buttons-gap\": \"var(--sjs-spacing-x2)\",\n \"--ctr-popup-description-color\": \"var(--sjs-layer-2-foreground-50)\",\n \"--ctr-popup-margin-top-mobile\": \"var(--sjs-spacing-x2)\",\n \"--ctr-popup-padding-left-mobile\": \"var(--sjs-spacing-x3)\",\n \"--ctr-popup-padding-right-mobile\": \"var(--sjs-spacing-x3)\",\n \"--ctr-popup-padding-top-mobile\": \"var(--sjs-spacing-x3)\",\n \"--ctr-popup-padding-bottom-mobile\": \"var(--sjs-spacing-x3)\",\n \"--ctr-popup-corner-radius-mobile\": \"var(--sjs-corner-radius-x2)\",\n \"--ctr-popup-gap-mobile\": \"var(--sjs-spacing-x3)\",\n \"--ctr-toolbox-group-header-padding-top\": \"var(--sjs-spacing-x1)\",\n \"--ctr-toolbox-group-header-padding-bottom\": \"var(--sjs-spacing-x1)\",\n \"--ctr-toolbox-group-header-border-color\": \"var(--sjs-border-25)\",\n \"--ctr-toolbox-group-header-border-width-bottom\": \"var(--sjs-stroke-x1)\",\n \"--ctr-toolbox-group-header-text-color\": \"var(--sjs-layer-3-foreground-100)\",\n \"--ctr-notification-background-color\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-notification-text-color\": \"var(--sjs-layer-1-foreground-100)\",\n \"--ctr-notification-text-color-error\": \"var(--sjs-semantic-red-foreground-100)\",\n \"--ctr-notification-background-color-error\": \"var(--sjs-semantic-red-background-500)\",\n \"--ctr-string-table-row-padding-left\": \"var(--sjs-spacing-x3)\",\n \"--ctr-string-table-row-padding-right\": \"var(--sjs-spacing-x3)\",\n \"--ctr-string-table-row-padding-top\": \"var(--sjs-spacing-x1)\",\n \"--ctr-string-table-row-padding-bottom\": \"var(--sjs-spacing-x1)\",\n \"--ctr-string-table-row-background-color\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-string-table-row-border-color\": \"var(--sjs-border-10)\",\n \"--ctr-string-table-row-border-width-bottom\": \"var(--sjs-stroke-x1)\",\n \"--ctr-string-table-row-text-color-title\": \"var(--sjs-layer-1-foreground-100)\",\n \"--ctr-string-table-row-expand-button-icon-color-default\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-string-table-header-background-color\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-string-table-header-text-color\": \"var(--sjs-layer-3-foreground-50)\",\n \"--ctr-string-table-group-header-background-color\": \"var(--sjs-layer-2-background-500)\",\n \"--ctr-string-table-group-header-text-color\": \"var(--sjs-layer-2-foreground-50)\",\n \"--ctr-text-decor-background-color-editing\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-text-decor-border-color\": \"var(--sjs-border-25)\",\n \"--ctr-text-decor-border-color-editing\": \"var(--sjs-primary-background-500)\",\n \"--ctr-text-decor-text-color-placeholder\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-text-decor-text-color-code\": \"var(--sjs-layer-3-foreground-100)\",\n \"--ctr-text-decor-border-width\": \"var(--lbr-stroke-x2)\",\n \"--ctr-text-decor-corner-radius\": \"var(--lbr-corner-radius-x0375)\",\n \"--ctr-menu-border-color\": \"var(--sjs-border-25)\",\n \"--ctr-menu-border-width\": \"var(--sjs-stroke-x1)\",\n \"--ctr-menu-toolbar-gap\": \"var(--sjs-spacing-x2)\",\n \"--ctr-menu-toolbar-padding-horizontal\": \"var(--sjs-spacing-x2)\",\n \"--ctr-menu-toolbar-padding-vertical\": \"var(--sjs-spacing-x150)\",\n \"--ctr-menu-toolbar-padding-vertical-mobile\": \"var(--sjs-spacing-x05)\",\n \"--ctr-popup-menu-footer-padding-top\": \"var(--sjs-spacing-x05)\",\n \"--ctr-popup-menu-footer-padding-bottom\": \"var(--sjs-spacing-x05)\",\n \"--ctr-popup-menu-footer-background-color\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-popup-menu-footer-border-color\": \"var(--sjs-border-25)\",\n \"--ctr-property-grid-header-background-color\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-property-grid-header-padding-left\": \"var(--sjs-spacing-x2)\",\n \"--ctr-property-grid-header-padding-right\": \"var(--sjs-spacing-x2)\",\n \"--ctr-property-grid-header-padding-top\": \"var(--sjs-spacing-x150)\",\n \"--ctr-property-grid-header-padding-bottom\": \"var(--sjs-spacing-x150)\",\n \"--ctr-property-grid-header-border-color\": \"var(--sjs-primary-background-500)\",\n \"--ctr-property-grid-header-border-width-bottom\": \"var(--sjs-stroke-x2)\",\n \"--ctr-caption-with-actions-description-text-color\": \"var(--sjs-layer-3-foreground-50)\",\n \"--ctr-caption-with-actions-description-text-color-disabled\": \"var(--sjs-layer-3-foreground-100)\",\n \"--ctr-data-table-cell-padding-left\": \"var(--sjs-spacing-x1)\",\n \"--ctr-data-table-cell-padding-right\": \"var(--sjs-spacing-x1)\",\n \"--ctr-data-table-cell-padding-top\": \"var(--sjs-spacing-x1)\",\n \"--ctr-data-table-cell-padding-bottom\": \"var(--sjs-spacing-x1)\",\n \"--ctr-data-table-cell-drop-down-arrow-color\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-data-table-cell-text-color-header\": \"var(--sjs-layer-2-foreground-50)\",\n \"--ctr-data-table-cell-border-color-focused\": \"var(--sjs-primary-background-500)\",\n \"--ctr-data-table-cell-corner-radius-focused\": \"var(--sjs-corner-radius-x05)\",\n \"--ctr-data-table-row-background-color\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-data-table-row-background-color-header\": \"var(--sjs-layer-2-background-500)\",\n \"--ctr-data-table-row-border-color\": \"var(--sjs-border-25)\",\n \"--ctr-data-table-row-border-width\": \"var(--sjs-stroke-x1)\",\n \"--ctr-data-table-row-padding-top\": \"var(--sjs-spacing-x05)\",\n \"--ctr-data-table-row-padding-bottom\": \"var(--sjs-spacing-x05)\",\n \"--ctr-data-table-row-padding-right\": \"var(--sjs-spacing-x05)\",\n \"--ctr-data-table-row-drag-area-icon-color\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-data-table-row-drag-area-icon-width\": \"var(--sjs-font-size-x3)\",\n \"--ctr-data-table-row-drag-area-icon-height\": \"var(--sjs-font-size-x3)\",\n \"--ctr-data-table-row-drag-area-padding-left\": \"var(--sjs-spacing-x1)\",\n \"--ctr-data-table-row-drag-area-padding-right\": \"var(--sjs-spacing-x1)\",\n \"--ctr-data-table-row-drag-area-padding-top\": \"var(--sjs-spacing-x1)\",\n \"--ctr-data-table-row-drag-area-padding-bottom\": \"var(--sjs-spacing-x1)\",\n \"--ctr-data-table-row-padding-top-header\": \"var(--sjs-spacing-x1)\",\n \"--ctr-data-table-row-padding-bottom-header\": \"var(--sjs-spacing-x1)\",\n \"--ctr-data-table-row-background-color-drop-spot\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-string-table-row-text-color\": \"var(--sjs-layer-1-foreground-100)\",\n \"--ctr-string-table-title-background-color\": \"var(--sjs-layer-1-background-500)\",\n \"--ctr-string-table-title-border-color\": \"var(--sjs-border-10)\",\n \"--ctr-string-table-title-border-width-bottom\": \"var(--sjs-stroke-x1)\",\n \"--ctr-string-table-title-padding-left\": \"var(--sjs-spacing-x3)\",\n \"--ctr-string-table-title-padding-right\": \"var(--sjs-spacing-x3)\",\n \"--ctr-string-table-title-padding-top\": \"var(--sjs-spacing-x2)\",\n \"--ctr-string-table-title-padding-bottom\": \"var(--sjs-spacing-x2)\",\n \"--ctr-string-table-corner-radius\": \"var(--sjs-corner-radius-x05)\",\n \"--ctr-string-table-title-actionbar-gap\": \"var(--sjs-spacing-x1)\",\n \"--ctr-string-table-title-caption-color\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-string-table-title-padding-right-actions\": \"var(--sjs-spacing-x2)\",\n \"--ctr-error-message-background-color\": \"var(--sjs-semantic-red-background-10)\",\n \"--ctr-error-message-corner-radius\": \"var(--sjs-corner-radius-x05)\",\n \"--ctr-error-message-gap\": \"var(--sjs-spacing-x1)\",\n \"--ctr-error-message-padding-left\": \"var(--sjs-spacing-x150)\",\n \"--ctr-error-message-padding-right\": \"var(--sjs-spacing-x150)\",\n \"--ctr-error-message-padding-top\": \"var(--sjs-spacing-x1)\",\n \"--ctr-error-message-padding-bottom\": \"var(--sjs-spacing-x1)\",\n \"--ctr-error-message-icon-width\": \"var(--sjs-font-size-x3)\",\n \"--ctr-error-message-icon-height\": \"var(--sjs-font-size-x3)\",\n \"--ctr-error-message-icon-color\": \"var(--sjs-semantic-red-background-500)\",\n \"--ctr-error-message-text-color\": \"var(--sjs-layer-1-foreground-100)\",\n \"--ctr-toolbox-separator-color\": \"var(--sjs-border-25)\",\n \"--ctr-toolbox-separator-padding-top\": \"var(--sjs-spacing-x1)\",\n \"--ctr-toolbox-separator-height\": \"var(--sjs-stroke-x1)\",\n \"--ctr-toolbox-separator-max-width\": \"var(--sjs-size-x9)\",\n \"--ctr-toolbox-separator-padding-left\": \"var(--sjs-spacing-x2)\",\n \"--ctr-toolbox-separator-padding-bottom\": \"var(--sjs-spacing-x1)\",\n \"--ctr-toolbox-separator-padding-right\": \"var(--sjs-spacing-x2)\",\n \"--ctr-toolbox-gap\": \"var(--sjs-spacing-x05)\",\n \"--ctr-toolbox-padding-top\": \"var(--sjs-spacing-x150)\",\n \"--ctr-toolbox-padding-bottom\": \"var(--sjs-spacing-x2)\",\n \"--ctr-toolbox-group-gap\": \"var(--sjs-spacing-x05)\",\n \"--ctr-toolbox-group-padding-left\": \"var(--sjs-spacing-x150)\",\n \"--ctr-toolbox-group-padding-right\": \"var(--sjs-spacing-x150)\",\n \"--ctr-button-contextual-button-corner-radius\": \"var(--sjs-corner-radius-x05)\",\n \"--ctr-button-contextual-button-padding-left\": \"var(--sjs-spacing-x1)\",\n \"--ctr-button-contextual-button-padding-right\": \"var(--sjs-spacing-x1)\",\n \"--ctr-button-contextual-button-padding-top\": \"var(--sjs-spacing-x1)\",\n \"--ctr-button-contextual-button-padding-bottom\": \"var(--sjs-spacing-x1)\",\n \"--ctr-button-contextual-button-background-color-hovered\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-button-contextual-button-icon-width\": \"var(--sjs-font-size-x3)\",\n \"--ctr-button-contextual-button-icon-height\": \"var(--sjs-font-size-x3)\",\n \"--ctr-button-contextual-button-background-color-focused\": \"var(--sjs-primary-background-10)\",\n \"--ctr-survey-question-panel-toolbar-item-gap\": \"var(--lbr-spacing-x05)\",\n \"--ctr-survey-question-panel-toolbar-item-padding-left\": \"var(--lbr-spacing-x05)\",\n \"--ctr-survey-question-panel-toolbar-item-padding-right\": \"var(--lbr-spacing-x05)\",\n \"--ctr-survey-question-panel-toolbar-item-padding-top\": \"var(--lbr-spacing-x05)\",\n \"--ctr-survey-question-panel-toolbar-item-padding-bottom\": \"var(--lbr-spacing-x05)\",\n \"--ctr-survey-question-panel-toolbar-item-background-color-hovered\": \"var(--sjs-layer-3-background-500)\",\n \"--ctr-survey-question-panel-toolbar-item-icon-container-width\": \"var(--lbr-size-x3)\",\n \"--ctr-survey-question-panel-toolbar-item-icon-container-height\": \"var(--lbr-size-x3)\",\n \"--ctr-survey-question-panel-toolbar-item-icon-padding-left\": \"var(--lbr-spacing-x05)\",\n \"--ctr-survey-question-panel-toolbar-item-icon-padding-right\": \"var(--lbr-spacing-x05)\",\n \"--ctr-survey-question-panel-toolbar-item-icon-padding-top\": \"var(--lbr-spacing-x05)\",\n \"--ctr-survey-question-panel-toolbar-item-icon-padding-bottom\": \"var(--lbr-spacing-x05)\",\n \"--ctr-survey-question-panel-toolbar-item-icon-color\": \"var(--sjs-secondary-background-500)\",\n \"--ctr-survey-question-panel-toolbar-item-text-color\": \"var(--sjs-layer-1-foreground-100)\",\n \"--ctr-survey-question-panel-toolbar-item-background-color-selected\": \"var(--sjs-secondary-background-10)\",\n \"--ctr-survey-question-panel-toolbar-item-icon-color-pressed\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-survey-page-toolbar-item-icon-color-pressed\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-survey-page-toolbar-item-text-color\": \"var(--sjs-layer-3-foreground-100)\",\n \"--ctr-survey-question-panel-toolbar-item-padding-left-with-text\": \"var(--lbr-spacing-x1)\",\n \"--ctr-survey-question-panel-toolbar-item-padding-right-with-text\": \"var(--lbr-spacing-x1)\",\n \"--ctr-survey-page-toolbar-item-background-color-selected\": \"var(--sjs-secondary-background-10)\",\n \"--ctr-survey-question-panel-drag-area-drag-indicator-color\": \"var(--sjs-layer-1-foreground-50)\",\n \"--ctr-survey-question-panel-