UNPKG

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.

surveyjs/survey-creator

632 lines • 61.2 kB

JavaScript

/*! * SurveyJS Creator v2.5.4 * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/ * Github: https://github.com/surveyjs/survey-creator * License: https://surveyjs.io/licensing */ (function webpackUniversalModuleDefinition(root, factory) { if(typeof exports === 'object' && typeof module === 'object') module.exports = factory(); else if(typeof define === 'function' && define.amd) define("test", [], factory); else if(typeof exports === 'object') exports["test"] = factory(); else root["SurveyCreatorTheme"] = root["SurveyCreatorTheme"] || {}, root["SurveyCreatorTheme"]["Test"] = factory(); })(this, () => { return /******/ (() => { // webpackBootstrap /******/ "use strict"; /******/ // The require scope /******/ var __webpack_require__ = {}; /******/ /************************************************************************/ /******/ /* webpack/runtime/define property getters */ /******/ (() => { /******/ // define getter functions for harmony exports /******/ __webpack_require__.d = (exports, definition) => { /******/ for(var key in definition) { /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); /******/ } /******/ } /******/ }; /******/ })(); /******/ /******/ /* webpack/runtime/hasOwnProperty shorthand */ /******/ (() => { /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) /******/ })(); /******/ /******/ /* webpack/runtime/make namespace object */ /******/ (() => { /******/ // define __esModule on exports /******/ __webpack_require__.r = (exports) => { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; /******/ })(); /******/ /************************************************************************/ var __webpack_exports__ = {}; /*!****************************!*\ !*** ./src/themes/test.ts ***! \****************************/ __webpack_require__.r(__webpack_exports__); /* harmony export */ __webpack_require__.d(__webpack_exports__, { /* harmony export */ Test: () => (/* binding */ Test), /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) /* harmony export */ }); // Auto-generated theme: test var Test = { "themeName": "test", "iconSet": "v2", "isLight": true, "cssVariables": { "--sjs2-base-unit-size": "8px", "--sjs2-base-unit-spacing": "8px", "--sjs2-base-unit-radius": "8px", "--sjs2-base-unit-border-width": "1px", "--sjs2-base-unit-font-size": "8px", "--sjs2-base-unit-line-height": "8px", "--sjs2-base-unit-opacity": "1%", "--sjs2-base-unit-scale": "1%", "--sjs2-scale-x000": "calc(var(--sjs2-base-unit-scale) * 0)", "--sjs2-scale-x025": "calc(var(--sjs2-base-unit-scale) * 25)", "--sjs2-scale-x050": "calc(var(--sjs2-base-unit-scale) * 50)", "--sjs2-scale-x075": "calc(var(--sjs2-base-unit-scale) * 75)", "--sjs2-scale-x095": "calc(var(--sjs2-base-unit-scale) * 95)", "--sjs2-scale-x100": "calc(var(--sjs2-base-unit-scale) * 100)", "--sjs2-scale-x200": "calc(var(--sjs2-base-unit-scale) * 200)", "--sjs2-size-x000": "calc(var(--sjs2-base-unit-size) * 0)", "--sjs2-size-x025": "calc(var(--sjs2-base-unit-size) * 0.25)", "--sjs2-size-x050": "calc(var(--sjs2-base-unit-size) * 0.50)", "--sjs2-size-x075": "calc(var(--sjs2-base-unit-size) * 0.75)", "--sjs2-size-x100": "calc(var(--sjs2-base-unit-size) * 1)", "--sjs2-size-x150": "calc(var(--sjs2-base-unit-size) * 1.50)", "--sjs2-size-x200": "calc(var(--sjs2-base-unit-size) * 2)", "--sjs2-size-x250": "calc(var(--sjs2-base-unit-size) * 2.50)", "--sjs2-size-x300": "calc(var(--sjs2-base-unit-size) * 3)", "--sjs2-size-x350": "calc(var(--sjs2-base-unit-size) * 3.50)", "--sjs2-size-x400": "calc(var(--sjs2-base-unit-size) * 4)", "--sjs2-size-x500": "calc(var(--sjs2-base-unit-size) * 5)", "--sjs2-size-x600": "calc(var(--sjs2-base-unit-size) * 6)", "--sjs2-size-x700": "calc(var(--sjs2-base-unit-size) * 7)", "--sjs2-size-x800": "calc(var(--sjs2-base-unit-size) * 8)", "--sjs2-size-x900": "calc(var(--sjs2-base-unit-size) * 9)", "--sjs2-size-x1000": "calc(var(--sjs2-base-unit-size) * 10)", "--sjs2-size-x1100": "calc(var(--sjs2-base-unit-size) * 11)", "--sjs2-size-x1200": "calc(var(--sjs2-base-unit-size) * 12)", "--sjs2-size-x1300": "calc(var(--sjs2-base-unit-size) * 13)", "--sjs2-size-x1400": "calc(var(--sjs2-base-unit-size) * 14)", "--sjs2-size-x1500": "calc(var(--sjs2-base-unit-size) * 15)", "--sjs2-radius-x000": "calc(var(--sjs2-base-unit-radius) * 0)", "--sjs2-radius-x025": "calc(var(--sjs2-base-unit-radius) * 0.25)", "--sjs2-radius-x050": "calc(var(--sjs2-base-unit-radius) * 0.50)", "--sjs2-radius-x075": "calc(var(--sjs2-base-unit-radius) * 0.75)", "--sjs2-radius-x100": "calc(var(--sjs2-base-unit-radius) * 1)", "--sjs2-radius-x150": "calc(var(--sjs2-base-unit-radius) * 1.50)", "--sjs2-radius-x200": "calc(var(--sjs2-base-unit-radius) * 2)", "--sjs2-radius-x250": "calc(var(--sjs2-base-unit-radius) * 2.50)", "--sjs2-radius-x300": "calc(var(--sjs2-base-unit-radius) * 3)", "--sjs2-radius-x400": "calc(var(--sjs2-base-unit-radius) * 4)", "--sjs2-radius-x500": "calc(var(--sjs2-base-unit-radius) * 5)", "--sjs2-radius-x600": "calc(var(--sjs2-base-unit-radius) * 6)", "--sjs2-radius-x700": "calc(var(--sjs2-base-unit-radius) * 7)", "--sjs2-radius-x800": "calc(var(--sjs2-base-unit-radius) * 8)", "--sjs2-radius-round": "9999px", "--sjs2-spacing-x000": "calc(var(--sjs2-base-unit-spacing) * 0)", "--sjs2-spacing-x025": "calc(var(--sjs2-base-unit-spacing) * 0.25)", "--sjs2-spacing-x050": "calc(var(--sjs2-base-unit-spacing) * 0.50)", "--sjs2-spacing-x075": "calc(var(--sjs2-base-unit-spacing) * 0.75)", "--sjs2-spacing-x100": "calc(var(--sjs2-base-unit-spacing) * 1)", "--sjs2-spacing-x150": "calc(var(--sjs2-base-unit-spacing) * 1.5)", "--sjs2-spacing-x200": "calc(var(--sjs2-base-unit-spacing) * 2)", "--sjs2-spacing-x250": "calc(var(--sjs2-base-unit-spacing) * 2.50)", "--sjs2-spacing-x300": "calc(var(--sjs2-base-unit-spacing) * 3)", "--sjs2-spacing-x400": "calc(var(--sjs2-base-unit-spacing) * 4)", "--sjs2-spacing-x500": "calc(var(--sjs2-base-unit-spacing) * 5)", "--sjs2-spacing-x550": "calc(var(--sjs2-base-unit-spacing) * 5.5)", "--sjs2-spacing-x600": "calc(var(--sjs2-base-unit-spacing) * 6)", "--sjs2-spacing-x700": "calc(var(--sjs2-base-unit-spacing) * 7)", "--sjs2-spacing-x800": "calc(var(--sjs2-base-unit-spacing) * 8)", "--sjs2-spacing-negative-x025": "calc(var(--sjs2-base-unit-spacing) * -0.25)", "--sjs2-spacing-negative-x050": "calc(var(--sjs2-base-unit-spacing) * -0.50)", "--sjs2-spacing-negative-x075": "calc(var(--sjs2-base-unit-spacing) * -0.75)", "--sjs2-spacing-negative-x100": "calc(var(--sjs2-base-unit-spacing) * -1)", "--sjs2-spacing-negative-x150": "calc(var(--sjs2-base-unit-spacing) * -1.5)", "--sjs2-spacing-negative-x200": "calc(var(--sjs2-base-unit-spacing) * -2)", "--sjs2-spacing-negative-x250": "calc(var(--sjs2-base-unit-spacing) * -2.50)", "--sjs2-spacing-negative-x300": "calc(var(--sjs2-base-unit-spacing) * -3)", "--sjs2-spacing-negative-x400": "calc(var(--sjs2-base-unit-spacing) * -4)", "--sjs2-spacing-negative-x500": "calc(var(--sjs2-base-unit-spacing) * -5)", "--sjs2-spacing-negative-x600": "calc(var(--sjs2-base-unit-spacing) * -6)", "--sjs2-spacing-negative-x700": "calc(var(--sjs2-base-unit-spacing) * -7)", "--sjs2-spacing-negative-x800": "calc(var(--sjs2-base-unit-spacing) * -8)", "--sjs2-opacity-x000": "calc(var(--sjs2-base-unit-opacity) * 0)", "--sjs2-opacity-x005": "calc(var(--sjs2-base-unit-opacity) * 5)", "--sjs2-opacity-x010": "calc(var(--sjs2-base-unit-opacity) * 10)", "--sjs2-opacity-x015": "calc(var(--sjs2-base-unit-opacity) * 15)", "--sjs2-opacity-x020": "calc(var(--sjs2-base-unit-opacity) * 20)", "--sjs2-opacity-x025": "calc(var(--sjs2-base-unit-opacity) * 25)", "--sjs2-opacity-x030": "calc(var(--sjs2-base-unit-opacity) * 30)", "--sjs2-opacity-x035": "calc(var(--sjs2-base-unit-opacity) * 35)", "--sjs2-opacity-x040": "calc(var(--sjs2-base-unit-opacity) * 40)", "--sjs2-opacity-x045": "calc(var(--sjs2-base-unit-opacity) * 45)", "--sjs2-opacity-x050": "calc(var(--sjs2-base-unit-opacity) * 50)", "--sjs2-opacity-x055": "calc(var(--sjs2-base-unit-opacity) * 55)", "--sjs2-opacity-x060": "calc(var(--sjs2-base-unit-opacity) * 60)", "--sjs2-opacity-x065": "calc(var(--sjs2-base-unit-opacity) * 65)", "--sjs2-opacity-x070": "calc(var(--sjs2-base-unit-opacity) * 70)", "--sjs2-opacity-x075": "calc(var(--sjs2-base-unit-opacity) * 75)", "--sjs2-opacity-x080": "calc(var(--sjs2-base-unit-opacity) * 80)", "--sjs2-opacity-x085": "calc(var(--sjs2-base-unit-opacity) * 85)", "--sjs2-opacity-x090": "calc(var(--sjs2-base-unit-opacity) * 90)", "--sjs2-opacity-x095": "calc(var(--sjs2-base-unit-opacity) * 95)", "--sjs2-opacity-x100": "calc(var(--sjs2-base-unit-opacity) * 100)", "--sjs2-border-width-x000": "calc(var(--sjs2-base-unit-border-width) * 0)", "--sjs2-border-width-x100": "calc(var(--sjs2-base-unit-border-width) * 1)", "--sjs2-border-width-x200": "calc(var(--sjs2-base-unit-border-width) * 2)", "--sjs2-border-width-x400": "calc(var(--sjs2-base-unit-border-width) * 4)", "--sjs2-font-weight-regular": "Regular", "--sjs2-font-weight-medium": "Medium", "--sjs2-font-weight-semibold": "SemiBold", "--sjs2-font-weight-bold": "Bold", "--sjs2-font-size-x000": "calc(var(--sjs2-base-unit-font-size) * 0)", "--sjs2-font-size-x100": "calc(var(--sjs2-base-unit-font-size) * 1)", "--sjs2-font-size-x150": "calc(var(--sjs2-base-unit-font-size) * 1.5)", "--sjs2-font-size-x200": "calc(var(--sjs2-base-unit-font-size) * 2)", "--sjs2-font-size-x250": "calc(var(--sjs2-base-unit-font-size) * 2.5)", "--sjs2-font-size-x300": "calc(var(--sjs2-base-unit-font-size) * 3)", "--sjs2-font-size-x350": "calc(var(--sjs2-base-unit-font-size) * 3.5)", "--sjs2-font-size-x400": "calc(var(--sjs2-base-unit-font-size) * 4)", "--sjs2-font-size-x500": "calc(var(--sjs2-base-unit-font-size) * 5)", "--sjs2-font-size-x600": "calc(var(--sjs2-base-unit-font-size) * 6)", "--sjs2-line-height-x000": "calc(var(--sjs2-base-unit-line-height) * 0)", "--sjs2-line-height-x100": "calc(var(--sjs2-base-unit-line-height) * 1)", "--sjs2-line-height-x200": "calc(var(--sjs2-base-unit-line-height) * 2)", "--sjs2-line-height-x300": "calc(var(--sjs2-base-unit-line-height) * 3)", "--sjs2-line-height-x400": "calc(var(--sjs2-base-unit-line-height) * 4)", "--sjs2-line-height-x500": "calc(var(--sjs2-base-unit-line-height) * 5)", "--sjs2-line-height-x600": "calc(var(--sjs2-base-unit-line-height) * 6)", "--sjs2-text-case-default": "none", "--sjs2-text-case-uppercase": "uppercase", "--sjs2-palette-gray-100": "#F5F5F5", "--sjs2-palette-gray-150": "#EDEDED", "--sjs2-palette-gray-200": "#E5E5E5", "--sjs2-palette-gray-250": "#D4D4D4", "--sjs2-palette-gray-300": "#CDCDCD", "--sjs2-palette-gray-400": "#B3B2B2", "--sjs2-palette-gray-500": "#8E8E8E", "--sjs2-palette-gray-600": "#5F5E61", "--sjs2-palette-gray-700": "#424146", "--sjs2-palette-gray-750": "#36353C", "--sjs2-palette-gray-800": "#2D2C33", "--sjs2-palette-gray-900": "#1C1B20", "--sjs2-palette-gray-950": "#161519", "--sjs2-palette-gray-999": "#111014", "--sjs2-palette-gray-000": "#fff", "--sjs2-palette-red-400": "#ff6e84", "--sjs2-palette-red-600": "#E50A3E", "--sjs2-palette-red-700": "#C30935", "--sjs2-palette-green-400": "#15CDAB", "--sjs2-palette-green-600": "#19B394", "--sjs2-palette-green-700": "#15947A", "--sjs2-palette-blue-400": "#66B4FC", "--sjs2-palette-blue-600": "#437FD9", "--sjs2-palette-blue-700": "#2A6CD0", "--sjs2-palette-yellow-400": "#FEC64A", "--sjs2-palette-yellow-600": "#FF9814", "--sjs2-palette-yellow-700": "#F08700", "--sjs2-palette-violet-400": "#C36FF4", "--sjs2-palette-violet-600": "#A62CEC", "--sjs2-palette-violet-700": "#9614E1", "--sjs2-palette-olive-400": "#6FC648", "--sjs2-palette-olive-600": "#4FAF24", "--sjs2-palette-olive-700": "#41901E", "--sjs2-palette-purple-400": "#A190FA", "--sjs2-palette-purple-600": "#6E5BD1", "--sjs2-palette-purple-700": "#5640C9", "--sjs2-palette-indianred-400": "#F9786A", "--sjs2-palette-indianred-600": "#AF496B", "--sjs2-palette-indianred-700": "#973F5C", "--sjs2-radius-semantic-form": "var(--sjs2-radius-x100)", "--sjs2-radius-semantic-form-item": "var(--sjs2-radius-x050)", "--sjs2-radius-control-action": "var(--sjs2-radius-semantic-form)", "--sjs2-radius-control-action-icon": "var(--sjs2-radius-semantic-form)", "--sjs2-radius-control-button": "var(--sjs2-radius-semantic-form)", "--sjs2-radius-control-menu-item": "var(--sjs2-radius-semantic-form)", "--sjs2-radius-control-drop-item": "var(--sjs2-radius-x100)", "--sjs2-radius-control-checkbox": "var(--sjs2-radius-semantic-form-item)", "--sjs2-radius-control-rating": "var(--sjs2-radius-round)", "--sjs2-radius-control-ranking": "var(--sjs2-radius-round)", "--sjs2-radius-control-boolean": "var(--sjs2-radius-round)", "--sjs2-radius-control-boolean-item": "var(--sjs2-radius-round)", "--sjs2-radius-control-toggle": "var(--sjs2-radius-round)", "--sjs2-radius-control-toggle-thumb": "var(--sjs2-radius-round)", "--sjs2-radius-control-track": "var(--sjs2-radius-round)", "--sjs2-radius-control-track-item": "var(--sjs2-radius-round)", "--sjs2-radius-control-track-thumb": "var(--sjs2-radius-round)", "--sjs2-radius-container-panel": "var(--sjs2-radius-x150)", "--sjs2-radius-container-panel-nested": "var(--sjs2-radius-x100)", "--sjs2-radius-container-menu": "var(--sjs2-radius-x250)", "--sjs2-radius-container-drop": "var(--sjs2-radius-x200)", "--sjs2-radius-container-modal": "var(--sjs2-radius-x300)", "--sjs2-radius-container-notifier": "var(--sjs2-radius-x200)", "--sjs2-radius-container-tooltip": "var(--sjs2-radius-x050)", "--sjs2-radius-container-drag": "var(--sjs2-radius-semantic-form)", "--sjs2-layout-control-formbox-small-horizontal": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-formbox-small-vertical": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-formbox-small-gap": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-formbox-medium-horizontal": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-formbox-medium-vertical": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-formbox-medium-gap": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-message-small-spacer": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-message-small-horizontal": "var(--sjs2-spacing-x150)", "--sjs2-layout-control-message-small-vertical": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-message-small-gap": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-message-medium-spacer": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-message-medium-horizontal": "var(--sjs2-spacing-x150)", "--sjs2-layout-control-message-medium-vertical": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-message-medium-gap": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-input-small-content-vertical": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-input-small-content-horizontal": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-input-small-swatch-vertical": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-input-small-swatch-left": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-input-small-swatch-right": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-input-small-icon-vertical": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-input-small-icon-left": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-input-small-icon-right": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-input-small-label-vertical": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-input-small-label-horizontal": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-input-small-group-gap": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-input-small-limit-vertical": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-input-small-limit-left": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-input-small-limit-right": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-input-medium-content-vertical": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-input-medium-content-horizontal": "var(--sjs2-spacing-x150)", "--sjs2-layout-control-input-medium-swatch-vertical": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-input-medium-swatch-left": "var(--sjs2-spacing-x150)", "--sjs2-layout-control-input-medium-swatch-right": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-input-medium-icon-vertical": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-input-medium-icon-left": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-input-medium-icon-right": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-input-medium-label-vertical": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-input-medium-label-horizontal": "var(--sjs2-spacing-x150)", "--sjs2-layout-control-input-medium-group-gap": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-input-medium-limit-vertical": "var(--sjs2-spacing-x150)", "--sjs2-layout-control-input-medium-limit-left": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-input-medium-limit-right": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-action-xx-small-label-vertical": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-action-xx-small-label-horizontal": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-action-xx-small-icon-vertical": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-action-xx-small-icon-horizontal": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-action-xx-small-box-vertical": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-action-xx-small-box-horizontal": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-action-xx-small-box-gap": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-action-xx-small-addon-vertical": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-action-xx-small-addon-horizontal": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-action-x-small-label-horizontal": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-action-x-small-label-vertical": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-action-x-small-icon-vertical": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-action-x-small-icon-horizontal": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-action-x-small-box-vertical": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-action-x-small-box-horizontal": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-action-x-small-box-gap": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-action-x-small-addon-vertical": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-action-x-small-addon-horizontal": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-action-small-label-horizontal": "var(--sjs2-spacing-x075)", "--sjs2-layout-control-action-small-label-vertical": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-action-small-icon-vertical": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-action-small-icon-horizontal": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-action-small-box-vertical": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-action-small-box-horizontal": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-action-small-box-gap": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-action-small-addon-vertical": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-action-small-addon-horizontal": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-action-medium-label-horizontal": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-action-medium-label-vertical": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-action-medium-icon-vertical": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-action-medium-icon-horizontal": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-action-medium-box-vertical": "var(--sjs2-spacing-x150)", "--sjs2-layout-control-action-medium-box-horizontal": "var(--sjs2-spacing-x150)", "--sjs2-layout-control-action-medium-box-gap": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-action-medium-addon-vertical": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-action-medium-addon-horizontal": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-action-large-label-horizontal": "var(--sjs2-spacing-x150)", "--sjs2-layout-control-action-large-label-vertical": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-action-large-icon-vertical": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-action-large-icon-horizontal": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-action-large-box-vertical": "var(--sjs2-spacing-x200)", "--sjs2-layout-control-action-large-box-horizontal": "var(--sjs2-spacing-x200)", "--sjs2-layout-control-action-large-box-gap": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-action-large-addon-vertical": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-action-large-addon-horizontal": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-caption-small-box-left": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-caption-small-box-right": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-caption-small-box-vertical": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-caption-small-box-gap": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-caption-small-group-gap": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-caption-small-description-horizontal": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-caption-small-description-top": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-caption-small-description-bottom": "var(--sjs2-spacing-x200)", "--sjs2-layout-control-caption-small-caption-horizontal": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-caption-small-caption-vertical": "var(--sjs2-spacing-x100)", "--sjs2-layout-control-caption-medium-box-left": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-caption-medium-box-right": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-caption-medium-box-vertical": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-caption-medium-box-gap": "var(--sjs2-spacing-x050)", "--sjs2-layout-control-caption-medium-group-gap": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-caption-medium-description-horizontal": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-caption-medium-description-top": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-caption-medium-description-bottom": "var(--sjs2-spacing-x200)", "--sjs2-layout-control-caption-medium-caption-horizontal": "var(--sjs2-spacing-x000)", "--sjs2-layout-control-caption-medium-caption-vertical": "var(--sjs2-spacing-x100)", "--sjs2-layout-container-drop-horizontal": "var(--sjs2-spacing-x100)", "--sjs2-layout-container-drop-vertical": "var(--sjs2-spacing-x100)", "--sjs2-size-semantic-xx-small": "var(--sjs2-size-x300)", "--sjs2-size-semantic-x-small": "var(--sjs2-size-x400)", "--sjs2-size-semantic-small": "var(--sjs2-size-x500)", "--sjs2-size-semantic-medium": "var(--sjs2-size-x600)", "--sjs2-size-semantic-large": "var(--sjs2-size-x700)", "--sjs2-size-icon-small": "var(--sjs2-size-x200)", "--sjs2-size-icon-medium": "var(--sjs2-size-x300)", "--sjs2-size-icon-large": "var(--sjs2-size-x400)", "--sjs2-is-panelless": "false", "--sjs2-typography-font-family-default": "Open Sans", "--sjs2-typography-font-family-code": "DM Mono", "--sjs2-typography-font-size-small": "var(--sjs2-font-size-x150)", "--sjs2-typography-font-size-default": "var(--sjs2-font-size-x200)", "--sjs2-typography-font-size-medium": "var(--sjs2-font-size-x300)", "--sjs2-typography-font-size-large": "var(--sjs2-font-size-x400)", "--sjs2-typography-line-height-small": "var(--sjs2-line-height-x200)", "--sjs2-typography-line-height-default": "var(--sjs2-line-height-x300)", "--sjs2-typography-line-height-medium": "var(--sjs2-line-height-x400)", "--sjs2-typography-line-height-large": "var(--sjs2-line-height-x500)", "--sjs2-typography-font-weight-default": "var(--sjs2-font-weight-regular)", "--sjs2-typography-font-weight-strong": "var(--sjs2-font-weight-semibold)", "--sjs2-color-project-brand-400": "hsl(from var(--sjs2-color-project-brand-600) h s calc(l * 1.1))", "--sjs2-color-project-brand-600": "#19B394", "--sjs2-color-project-brand-700": "hsl(from var(--sjs2-color-project-brand-600) h s calc(l * 0.85))", "--sjs2-color-project-accent-400": "hsl(from var(--sjs2-color-project-accent-600) h s calc(l * 1.1))", "--sjs2-color-project-accent-600": "#19B394", "--sjs2-color-project-accent-700": "hsl(from var(--sjs2-color-project-accent-600) h s calc(l * 0.85))", "--sjs2-color-utility-body": "var(--sjs2-palette-gray-000)", "--sjs2-color-utility-surface": "#EDF9F7", "--sjs2-color-utility-surface-muted": "#1c1b200d", "--sjs2-color-utility-sheet": "var(--sjs2-palette-gray-000)", "--sjs2-color-utility-scrollbar": "#00000026", "--sjs2-color-utility-a11y": "rgba(from var(--sjs2-palette-blue-400) r g b / var(--sjs2-opacity-x060))", "--sjs2-color-utility-overlay-screen": "color(srgb 0.800112 0.933371 0.933371 / 0.35)", "--sjs2-color-utility-overlay-border": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x040))", "--sjs2-color-utility-shadow-surface-default": "#00000040", "--sjs2-color-utility-shadow-surface-hovered": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x040))", "--sjs2-color-utility-shadow-surface-pressed": "var(--sjs2-color-project-brand-600)", "--sjs2-color-utility-shadow-surface-focused": "var(--sjs2-color-project-brand-600)", "--sjs2-color-utility-shadow-surface-disabled": "rgba(from var(--sjs2-palette-gray-999) r g b / var(--sjs2-opacity-x010))", "--sjs2-color-utility-shadow-surface-dragging": "rgba(from #004C44 r g b / var(--sjs2-opacity-x015))", "--sjs2-color-utility-shadow-elevated-default": "rgba(from #004C44 r g b / var(--sjs2-opacity-x015))", "--sjs2-color-utility-shadow-floating-default": "rgba(from #004C44 r g b / var(--sjs2-opacity-x020))", "--sjs2-color-bg-basic-primary": "var(--sjs2-palette-gray-000)", "--sjs2-color-bg-basic-secondary": "#f4f4f4ff", "--sjs2-color-bg-basic-tertiary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x010))", "--sjs2-color-bg-basic-primary-dim": "#f5f5f5", "--sjs2-color-bg-basic-secondary-dim": "#eaeaeaff", "--sjs2-color-bg-basic-tertiary-dim": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x015))", "--sjs2-color-bg-brand-primary": "var(--sjs2-color-project-brand-600)", "--sjs2-color-bg-brand-secondary": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x010))", "--sjs2-color-bg-brand-tertiary": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x000))", "--sjs2-color-bg-brand-primary-dim": "var(--sjs2-color-project-brand-700)", "--sjs2-color-bg-brand-secondary-dim": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x015))", "--sjs2-color-bg-brand-tertiary-dim": "rgba(from var(--sjs2-color-project-brand-600) r g b / var(--sjs2-opacity-x010))", "--sjs2-color-bg-accent-primary": "var(--sjs2-color-project-accent-600)", "--sjs2-color-bg-accent-secondary": "rgba(from var(--sjs2-color-project-accent-600) r g b / var(--sjs2-opacity-x010))", "--sjs2-color-bg-accent-tertiary": "rgba(from var(--sjs2-color-project-accent-600) r g b / var(--sjs2-opacity-x000))", "--sjs2-color-bg-accent-primary-dim": "var(--sjs2-color-project-accent-700)", "--sjs2-color-bg-accent-secondary-dim": "#19b39440", "--sjs2-color-bg-accent-tertiary-dim": "rgba(from var(--sjs2-color-project-accent-600) r g b / var(--sjs2-opacity-x010))", "--sjs2-color-bg-note-primary": "var(--sjs2-palette-blue-600)", "--sjs2-color-bg-note-secondary": "rgba(from var(--sjs2-palette-blue-600) r g b / var(--sjs2-opacity-x010))", "--sjs2-color-bg-note-tertiary": "rgba(from var(--sjs2-palette-blue-600) r g b / var(--sjs2-opacity-x000))", "--sjs2-color-bg-note-primary-dim": "var(--sjs2-palette-blue-700)", "--sjs2-color-bg-note-secondary-dim": "rgba(from var(--sjs2-palette-blue-600) r g b / var(--sjs2-opacity-x015))", "--sjs2-color-bg-note-tertiary-dim": "rgba(from var(--sjs2-palette-blue-600) r g b / var(--sjs2-opacity-x010))", "--sjs2-color-bg-neutral-primary": "var(--sjs2-palette-gray-900)", "--sjs2-color-bg-neutral-secondary": "rgba(from var(--sjs2-palette-gray-600) r g b / var(--sjs2-opacity-x010))", "--sjs2-color-bg-neutral-tertiary": "rgba(from var(--sjs2-palette-gray-600) r g b / var(--sjs2-opacity-x000))", "--sjs2-color-bg-neutral-primary-dim": "var(--sjs2-palette-gray-700)", "--sjs2-color-bg-neutral-secondary-dim": "rgba(from var(--sjs2-palette-gray-600) r g b / var(--sjs2-opacity-x010))", "--sjs2-color-bg-neutral-tertiary-dim": "rgba(from var(--sjs2-palette-gray-600) r g b / var(--sjs2-opacity-x010))", "--sjs2-color-bg-positive-primary": "var(--sjs2-palette-green-600)", "--sjs2-color-bg-positive-secondary": "rgba(from var(--sjs2-palette-green-600) r g b / var(--sjs2-opacity-x010))", "--sjs2-color-bg-positive-tertiary": "rgba(from var(--sjs2-palette-green-600) r g b / var(--sjs2-opacity-x000))", "--sjs2-color-bg-positive-primary-dim": "var(--sjs2-palette-green-700)", "--sjs2-color-bg-positive-secondary-dim": "rgba(from var(--sjs2-palette-green-600) r g b / var(--sjs2-opacity-x015))", "--sjs2-color-bg-positive-tertiary-dim": "rgba(from var(--sjs2-palette-green-600) r g b / var(--sjs2-opacity-x010))", "--sjs2-color-bg-warning-primary": "var(--sjs2-palette-yellow-600)", "--sjs2-color-bg-warning-secondary": "rgba(from var(--sjs2-palette-yellow-600) r g b / var(--sjs2-opacity-x010))", "--sjs2-color-bg-warning-tertiary": "rgba(from var(--sjs2-palette-yellow-600) r g b / var(--sjs2-opacity-x000))", "--sjs2-color-bg-warning-primary-dim": "var(--sjs2-palette-yellow-700)", "--sjs2-color-bg-warning-secondary-dim": "rgba(from var(--sjs2-palette-yellow-600) r g b / var(--sjs2-opacity-x015))", "--sjs2-color-bg-warning-tertiary-dim": "rgba(from var(--sjs2-palette-yellow-600) r g b / var(--sjs2-opacity-x010))", "--sjs2-color-bg-alert-primary": "var(--sjs2-palette-red-600)", "--sjs2-color-bg-alert-secondary": "rgba(from var(--sjs2-palette-red-600) r g b / var(--sjs2-opacity-x010))", "--sjs2-color-bg-alert-tertiary": "rgba(from var(--sjs2-palette-red-600) r g b / var(--sjs2-opacity-x000))", "--sjs2-color-bg-alert-primary-dim": "var(--sjs2-palette-red-700)", "--sjs2-color-bg-alert-secondary-dim": "rgba(from var(--sjs2-palette-red-600) r g b / var(--sjs2-opacity-x015))", "--sjs2-color-bg-alert-tertiary-dim": "rgba(from var(--sjs2-palette-red-600) r g b / var(--sjs2-opacity-x010))", "--sjs2-color-bg-static-main-primary": "var(--sjs2-palette-gray-900)", "--sjs2-color-bg-static-main-secondary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x010))", "--sjs2-color-bg-static-main-primary-dim": "var(--sjs2-palette-gray-700)", "--sjs2-color-bg-static-main-secondary-dim": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x015))", "--sjs2-color-bg-static-sub-primary": "var(--sjs2-palette-gray-000)", "--sjs2-color-bg-static-sub-secondary": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x010))", "--sjs2-color-bg-static-sub-primary-dim": "hsl(from var(--sjs2-palette-gray-100) h s calc(l * 1.1))", "--sjs2-color-bg-static-sub-secondary-dim": "rgba(from var(--sjs2-palette-gray-000) r g b / var(--sjs2-opacity-x015))", "--sjs2-color-bg-state-common-disabled": "var(--sjs2-palette-gray-250)", "--sjs2-color-fg-basic-primary": "#000000e6", "--sjs2-color-fg-basic-primary-muted": "#000000bf", "--sjs2-color-fg-basic-secondary": "#00000080", "--sjs2-color-fg-basic-tertiary": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x040))", "--sjs2-color-fg-neutral-primary": "var(--sjs2-palette-gray-000)", "--sjs2-color-fg-brand-primary": "var(--sjs2-color-project-accent-600)", "--sjs2-color-fg-accent-primary": "var(--sjs2-color-project-accent-600)", "--sjs2-color-fg-note-primary": "var(--sjs2-palette-blue-700)", "--sjs2-color-fg-positive-primary": "var(--sjs2-palette-green-600)", "--sjs2-color-fg-warning-primary": "var(--sjs2-palette-yellow-700)", "--sjs2-color-fg-alert-primary": "var(--sjs2-palette-red-700)", "--sjs2-color-fg-static-main-primary": "var(--sjs2-palette-gray-000)", "--sjs2-color-fg-static-sub-primary": "var(--sjs2-palette-gray-900)", "--sjs2-color-fg-state-common-disabled": "rgba(from var(--sjs2-palette-gray-900) r g b / var(--sjs2-opacity-x040))", "--sjs2-color-border-basic-primary": "var(--sjs2-palette-gray-900)", "--sjs2-color-border-basic-secondary": "#dcdcdcff", "--sjs2-color-border-brand-primary": "var(--sjs2-color-project-brand-600)", "--sjs2-color-border-accent-primary": "var(--sjs2-color-project-accent-600)", "--sjs2-color-border-note-primary": "var(--sjs2-palette-blue-600)", "--sjs2-color-border-positive-primary": "var(--sjs2-palette-green-600)", "--sjs2-color-border-warning-primary": "var(--sjs2-palette-yellow-600)", "--sjs2-color-border-alert-primary": "var(--sjs2-palette-red-600)", "--sjs2-color-border-neutral-primary": "var(--sjs2-palette-gray-000)", "--sjs2-color-border-static-main-primary": "var(--sjs2-palette-gray-000)", "--sjs2-color-border-static-sub-primary": "var(--sjs2-palette-gray-900)", "--sjs2-color-control-formbox-default-bg": "var(--sjs2-palette-gray-100)", "--sjs2-color-control-formbox-default-border": "var(--sjs2-color-border-basic-secondary)", "--sjs2-color-control-formbox-disabled-bg": "var(--sjs2-palette-gray-000)", "--sjs2-color-control-formbox-disabled-border": "var(--sjs2-palette-gray-100)", "--sjs2-color-control-formbox-readonly-bg": "var(--sjs2-color-bg-basic-primary)", "--sjs2-color-control-formbox-readonly-border": "var(--sjs2-palette-gray-250)", "--sjs2-color-control-formbox-focused-bg": "var(--sjs2-palette-gray-100)", "--sjs2-color-control-formbox-focused-border": "var(--sjs2-color-border-brand-primary)", "--sjs2-color-control-formbox-invalid-bg": "var(--sjs2-palette-gray-100)", "--sjs2-color-control-formbox-invalid-border": "var(--sjs2-color-border-alert-primary)", "--sjs2-color-control-formbox-highlighted-bg": "var(--sjs2-palette-gray-100)", "--sjs2-color-control-formbox-highlighted-border": "var(--sjs2-color-border-basic-primary)", "--sjs2-color-control-formbox-design-bg": "#f8f8f8ff", "--sjs2-color-control-formbox-design-border": "var(--sjs2-color-border-basic-secondary)", "--sjs2-color-control-formbox-hovered-bg": "var(--sjs2-palette-gray-100)", "--sjs2-color-control-formbox-hovered-border": "var(--sjs2-color-border-basic-secondary)", "--sjs2-color-control-input-default-line": "var(--sjs2-color-border-basic-secondary)", "--sjs2-color-control-input-default-value": "var(--sjs2-color-fg-basic-primary)", "--sjs2-color-control-input-default-placeholder": "var(--sjs2-color-fg-basic-secondary)", "--sjs2-color-control-input-default-label": "var(--sjs2-color-fg-basic-secondary)", "--sjs2-color-control-input-default-limit": "var(--sjs2-color-fg-basic-secondary)", "--sjs2-color-control-input-default-icon": "var(--sjs2-color-fg-basic-tertiary)", "--sjs2-color-control-input-default-description": "var(--sjs2-color-fg-basic-secondary)", "--sjs2-color-control-input-disabled-line": "var(--sjs2-palette-gray-250)", "--sjs2-color-control-input-disabled-value": "var(--sjs2-palette-gray-250)", "--sjs2-color-control-input-disabled-placeholder": "var(--sjs2-palette-gray-250)", "--sjs2-color-control-input-disabled-label": "var(--sjs2-palette-gray-250)", "--sjs2-color-control-input-disabled-limit": "var(--sjs2-palette-gray-250)", "--sjs2-color-control-input-disabled-icon": "var(--sjs2-palette-gray-250)", "--sjs2-color-control-input-disabled-description": "var(--sjs2-palette-gray-250)", "--sjs2-color-control-input-readonly-line": "var(--sjs2-palette-gray-250)", "--sjs2-color-control-input-readonly-value": "var(--sjs2-color-fg-basic-primary)", "--sjs2-color-control-input-readonly-placeholder": "var(--sjs2-color-fg-basic-secondary)", "--sjs2-color-control-input-readonly-label": "var(--sjs2-color-fg-basic-secondary)", "--sjs2-color-control-input-readonly-limit": "var(--sjs2-color-fg-basic-secondary)", "--sjs2-color-control-input-readonly-icon": "var(--sjs2-color-fg-basic-tertiary)", "--sjs2-color-control-input-readonly-description": "var(--sjs2-color-fg-basic-secondary)", "--sjs2-color-control-check-false-default-bg": "var(--sjs2-palette-gray-100)", "--sjs2-color-control-check-false-default-border": "var(--sjs2-color-border-basic-secondary)", "--sjs2-color-control-check-false-disabled-bg": "var(--sjs2-palette-gray-000)", "--sjs2-color-control-check-false-disabled-border": "var(--sjs2-palette-gray-100)", "--sjs2-color-control-check-false-readonly-bg": "var(--sjs2-color-bg-basic-primary)", "--sjs2-color-control-check-false-readonly-border": "var(--sjs2-color-border-basic-secondary)", "--sjs2-color-control-check-false-focused-bg": "var(--sjs2-palette-gray-100)", "--sjs2-color-control-check-false-focused-border": "var(--sjs2-color-border-brand-primary)", "--sjs2-color-control-check-false-hovered-bg": "var(--sjs2-color-bg-basic-secondary-dim)", "--sjs2-color-control-check-false-hovered-border": "var(--sjs2-color-border-basic-secondary)", "--sjs2-color-control-check-false-design-bg": "var(--sjs2-palette-gray-100)", "--sjs2-color-control-check-false-design-border": "var(--sjs2-color-border-basic-secondary)", "--sjs2-color-control-check-true-default-bg": "var(--sjs2-color-bg-brand-primary)", "--sjs2-color-control-check-true-default-border": "var(--sjs2-color-border-brand-primary)", "--sjs2-color-control-check-true-default-icon": "var(--sjs2-color-fg-static-main-primary)", "--sjs2-color-control-check-true-disabled-bg": "var(--sjs2-color-bg-basic-primary)", "--sjs2-color-control-check-true-disabled-border": "var(--sjs2-color-border-basic-secondary)", "--sjs2-color-control-check-true-disabled-icon": "var(--sjs2-palette-gray-400)", "--sjs2-color-control-check-true-readonly-bg": "var(--sjs2-color-bg-basic-primary)", "--sjs2-color-control-check-true-readonly-border": "var(--sjs2-color-border-basic-secondary)", "--sjs2-color-control-check-true-readonly-icon": "var(--sjs2-palette-gray-400)", "--sjs2-color-control-check-true-focused-bg": "var(--sjs2-color-bg-basic-primary)", "--sjs2-color-control-check-true-focused-border": "var(--sjs2-color-border-brand-primary)", "--sjs2-color-control-check-true-focused-icon": "var(--sjs2-color-fg-brand-primary)", "--sjs2-color-control-check-true-hovered-bg": "var(--sjs2-color-bg-brand-primary-dim)", "--sjs2-color-control-check-true-hovered-border": "var(--sjs2-color-bg-brand-primary-dim)", "--sjs2-color-control-check-true-hovered-icon": "var(--sjs2-color-fg-static-main-primary)", "--sjs2-color-control-segmented-false-default-bg": "rgba(from var(--sjs2-color-bg-basic-secondary) r g b / var(--sjs2-opacity-hidden))", "--sjs2-color-control-segmented-false-default-border": "rgba(from var(--sjs2-color-border-basic-secondary) r g b / var(--sjs2-opacity-hidden))", "--sjs2-color-control-segmented-false-default-value": "var(--sjs2-color-fg-basic-secondary)", "--sjs2-color-control-segmented-false-disabled-bg": "var(--sjs2-color-bg-basic-primary)", "--sjs2-color-control-segmented-false-disabled-border": "rgba(from var(--sjs2-color-border-basic-secondary) r g b / var(--sjs2-opacity-hidden))", "--sjs2-color-control-segmented-false-disabled-value": "var(--sjs2-palette-gray-250)", "--sjs2-color-control-segmented-false-readonly-bg": "var(--sjs2-color-bg-basic-primary)", "--sjs2-color-control-segmented-false-readonly-border": "rgba(from var(--sjs2-color-border-basic-secondary) r g b / var(--sjs2-opacity-hidden))", "--sjs2-color-control-segmented-false-readonly-value": "var(--sjs2-palette-gray-400)", "--sjs2-color-control-segmented-false-focused-bg": "var(--sjs2-color-bg-basic-secondary)", "--sjs2-color-control-segmented-false-focused-border": "var(--sjs2-color-border-brand-primary)", "--sjs2-color-control-segmented-false-focused-value": "var(--sjs2-color-fg-basic-primary)", "--sjs2-color-control-segmented-false-hovered-bg": "var(--sjs2-color-bg-basic-secondary-dim)", "--sjs2-color-control-segmented-false-hovered-border": "var(--sjs2-color-border-basic-secondary)", "--sjs2-color-control-segmented-false-hovered-value": "var(--sjs2-color-fg-basic-primary)", "--sjs2-color-control-segmented-true-default-bg": "var(--sjs2-color-bg-basic-primary)", "--sjs2-color-control-segmented-true-default-border": "var(--sjs2-color-border-basic-secondary)", "--sjs2-color-control-segmented-true-default-value": "var(--sjs2-color-fg-brand-primary)", "--sjs2-color-control-segmented-true-disabled-bg": "var(--sjs2-color-bg-basic-primary-dim)", "--sjs2-color-control-segmented-true-disabled-border": "rgba(from var(--sjs2-color-border-basic-secondary) r g b / var(--sjs2-opacity-hidden))", "--sjs2-color-control-segmented-true-disabled-value": "var(--sjs2-palette-gray-400)", "--sjs2-color-control-segmented-true-readonly-bg": "var(--sjs2-color-bg-basic-primary)", "--sjs2-color-control-segmented-true-readonly-border": "var(--sjs2-color-border-basic-secondary)", "--sjs2-color-control-segmented-true-readonly-value": "var(--sjs2-color-fg-basic-primary)", "--sjs2-color-control-segmented-true-focused-bg": "var(--sjs2-color-bg-basic-primary)", "--sjs2-color-control-segmented-true-focused-border": "var(--sjs2-color-border-brand-primary)", "--sjs2-color-control-segmented-true-focused-value": "var(--sjs2-color-fg-brand-primary)", "--sjs2-color-control-toggle-false-default-bg": "var(--sjs2-palette-gray-100)", "--sjs2-color-control-toggle-false-default-border": "var(--sjs2-color-border-basic-secondary)", "--sjs2-color-control-toggle-false-default-thumb": "var(--sjs2-color-fg-basic-secondary)", "--sjs2-color-control-toggle-false-disabled-bg": "var(--sjs2-palette-gray-100)", "--sjs2-color-control-toggle-false-disabled-border": "var(--sjs2-color-border-basic-secondary)", "--sjs2-color-control-toggle-false-disabled-thumb": "var(--sjs2-color-fg-basic-tertiary)", "--sjs2-color-control-toggle-false-readonly-bg": "var(--sjs2-palette-gray-100)", "--sjs2-color-control-toggle-false-readonly-border": "var(--sjs2-color-border-basic-secondary)", "--sjs2-color-control-toggle-false-readonly-thumb": "var(--sjs2-color-fg-basic-tertiary)", "--sjs2-color-control-toggle-false-focused-bg": "var(--sjs2-palette-gray-100)", "--sjs2-color-control-toggle-false-focused-border": "var(--sjs2-color-border-brand-primary)", "--sjs2-color-control-toggle-false-focused-thumb": "var(--sjs2-color-fg-basic-secondary)", "--sjs2-color-control-toggle-false-hovered-bg": "var(--sjs2-color-bg-basic-secondary-dim)", "--sjs2-color-control-toggle-false-hovered-border": "var(--sjs2-color-border-basic-secondary)", "--sjs2-color-control-toggle-false-hovered-thumb": "var(--sjs2-color-fg-basic-secondary)", "--sjs2-color-control-toggle-true-default-bg": "var(--sjs2-color-bg-brand-primary)", "--sjs2-color-control-toggle-true-default-border": "var(--sjs2-color-border-brand-primary)", "--sjs2-color-control-toggle-true-default-thumb": "var(--sjs2-color-fg-static-main-primary)", "--sjs2-color-control-toggle-true-disabled-bg": "var(--sjs2-color-bg-basic-secondary)", "--sjs2-color-control-toggle-true-disabled-border": "var(--sjs2-color-border-basic-secondary)", "--sjs2-color-control-toggle-true-disabled-thumb": "var(--sjs2-color-fg-static-main-primary)", "--sjs2-color-control-toggle-true-readonly-bg": "var(--sjs2-color-bg-basic-secondary)", "--sjs2-color-control-toggle-true-readonly-border": "var(--sjs2-color-border-basic-secondary)", "--sjs2-color-control-toggle-true-readonly-thumb": "var(--sjs2-color-fg-static-main-primary)", "--sjs2-color-control-toggle-true-focused-bg": "var(--sjs2-color-bg-basic-primary)", "--sjs2-color-control-toggle-true-focused-border": "var(--sjs2-color-border-brand-primary)", "--sjs2-color-control-toggle-true-focused-thumb": "var(--sjs2-color-fg-brand-primary)", "--sjs2-color-control-toggle-true-hovered-bg": "var(--sjs2-color-bg-brand-primary-dim)", "--sjs2-color-control-toggle-true-hovered-border": "var(--sjs2-color-border-brand-primary)", "--sjs2-color-control-toggle-true-hovered-thumb": "var(--sjs2-color-fg-static-main-primary)", "--sjs2-color-control-message-error-bg": "var(--sjs2-color-bg-alert-secondary)", "--sjs2-color-control-message-error-icon": "var(--sjs2-color-fg-alert-primary)", "--sjs2-color-control-message-error-text": "var(--sjs2-color-fg-basic-primary)", "--sjs2-color-control-message-info-bg": "var(--sjs2-color-bg-note-secondary)", "--sjs2-color-control-message-info-icon": "var(--sjs2-color-fg-note-primary)", "--sjs2-color-control-message-info-text": "var(--sjs2-color-fg-basic-primary)", "--sjs2-color-control-track-default-bg": "var(--sjs2-color-bg-basic-secondary)", "--sjs2-color-control-track-default-fg": "var(--sjs2-color-fg-brand-primary)", "--sjs2-color-control-track-default-thumb": "var(--sjs2-color-bg-basic-primary)", "--sjs2-color-control-track-default-dot": "var(--sjs2-color-fg-brand-primary)", "--sjs2-color-control-track-default-thumb-border": "var(--sjs2-color-border-basic-secondary)", "--sjs2-color-control-track-disabled-bg": "var(--sjs2-color-bg-basic-secondary)", "--sjs2-color-control-track-disabled-fg": "var(--sjs2-color-fg-basic-tertiary)", "--sjs2-color-control-track-disabled-thumb": "var(--sjs2-color-bg-basic-primary)", "--sjs2-color-control-track-disabled-dot": "var(--sjs2-color-fg-state-common-disabled)", "--sjs2-color-control-track-disabled-thumb-border": "var(--sjs2-color-border-basic-secondary)", "--sjs2-color-control-track-readonly-bg": "var(--sjs2-color-bg-basic-secondary)", "--sjs2-color-control-track-readonly-fg": "var(--sjs2-color-fg-brand-primary)", "--sjs2-color-control-track-readonly-thumb": "var(--sjs2-color-bg-basic-primar