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.
833 lines • 57 kB
TypeScript
declare const _default: {
themeName: string;
iconSet: string;
isLight: boolean;
cssVariables: {
"--sjs2-base-unit-size": string;
"--sjs2-base-unit-spacing": string;
"--sjs2-base-unit-radius": string;
"--sjs2-base-unit-border-width": string;
"--sjs2-base-unit-font-size": string;
"--sjs2-base-unit-line-height": string;
"--sjs2-base-unit-opacity": string;
"--sjs2-base-unit-scale": string;
"--sjs2-scale-x000": string;
"--sjs2-scale-x025": string;
"--sjs2-scale-x050": string;
"--sjs2-scale-x075": string;
"--sjs2-scale-x095": string;
"--sjs2-scale-x100": string;
"--sjs2-scale-x200": string;
"--sjs2-size-x000": string;
"--sjs2-size-x025": string;
"--sjs2-size-x050": string;
"--sjs2-size-x075": string;
"--sjs2-size-x100": string;
"--sjs2-size-x150": string;
"--sjs2-size-x200": string;
"--sjs2-size-x250": string;
"--sjs2-size-x300": string;
"--sjs2-size-x350": string;
"--sjs2-size-x400": string;
"--sjs2-size-x500": string;
"--sjs2-size-x600": string;
"--sjs2-size-x700": string;
"--sjs2-size-x800": string;
"--sjs2-size-x900": string;
"--sjs2-size-x1000": string;
"--sjs2-size-x1100": string;
"--sjs2-size-x1200": string;
"--sjs2-size-x1300": string;
"--sjs2-size-x1400": string;
"--sjs2-size-x1500": string;
"--sjs2-radius-x000": string;
"--sjs2-radius-x025": string;
"--sjs2-radius-x050": string;
"--sjs2-radius-x075": string;
"--sjs2-radius-x100": string;
"--sjs2-radius-x150": string;
"--sjs2-radius-x200": string;
"--sjs2-radius-x250": string;
"--sjs2-radius-x300": string;
"--sjs2-radius-x400": string;
"--sjs2-radius-x500": string;
"--sjs2-radius-x600": string;
"--sjs2-radius-x700": string;
"--sjs2-radius-x800": string;
"--sjs2-radius-round": string;
"--sjs2-spacing-x000": string;
"--sjs2-spacing-x025": string;
"--sjs2-spacing-x050": string;
"--sjs2-spacing-x075": string;
"--sjs2-spacing-x100": string;
"--sjs2-spacing-x150": string;
"--sjs2-spacing-x200": string;
"--sjs2-spacing-x250": string;
"--sjs2-spacing-x300": string;
"--sjs2-spacing-x400": string;
"--sjs2-spacing-x500": string;
"--sjs2-spacing-x550": string;
"--sjs2-spacing-x600": string;
"--sjs2-spacing-x700": string;
"--sjs2-spacing-x800": string;
"--sjs2-spacing-negative-x025": string;
"--sjs2-spacing-negative-x050": string;
"--sjs2-spacing-negative-x075": string;
"--sjs2-spacing-negative-x100": string;
"--sjs2-spacing-negative-x150": string;
"--sjs2-spacing-negative-x200": string;
"--sjs2-spacing-negative-x250": string;
"--sjs2-spacing-negative-x300": string;
"--sjs2-spacing-negative-x400": string;
"--sjs2-spacing-negative-x500": string;
"--sjs2-spacing-negative-x600": string;
"--sjs2-spacing-negative-x700": string;
"--sjs2-spacing-negative-x800": string;
"--sjs2-opacity-x000": string;
"--sjs2-opacity-x005": string;
"--sjs2-opacity-x010": string;
"--sjs2-opacity-x015": string;
"--sjs2-opacity-x020": string;
"--sjs2-opacity-x025": string;
"--sjs2-opacity-x030": string;
"--sjs2-opacity-x035": string;
"--sjs2-opacity-x040": string;
"--sjs2-opacity-x045": string;
"--sjs2-opacity-x050": string;
"--sjs2-opacity-x055": string;
"--sjs2-opacity-x060": string;
"--sjs2-opacity-x065": string;
"--sjs2-opacity-x070": string;
"--sjs2-opacity-x075": string;
"--sjs2-opacity-x080": string;
"--sjs2-opacity-x085": string;
"--sjs2-opacity-x090": string;
"--sjs2-opacity-x095": string;
"--sjs2-opacity-x100": string;
"--sjs2-border-width-x000": string;
"--sjs2-border-width-x100": string;
"--sjs2-border-width-x200": string;
"--sjs2-border-width-x400": string;
"--sjs2-font-weight-regular": string;
"--sjs2-font-weight-medium": string;
"--sjs2-font-weight-semibold": string;
"--sjs2-font-weight-bold": string;
"--sjs2-font-size-x000": string;
"--sjs2-font-size-x100": string;
"--sjs2-font-size-x150": string;
"--sjs2-font-size-x200": string;
"--sjs2-font-size-x250": string;
"--sjs2-font-size-x300": string;
"--sjs2-font-size-x350": string;
"--sjs2-font-size-x400": string;
"--sjs2-font-size-x500": string;
"--sjs2-font-size-x600": string;
"--sjs2-line-height-x000": string;
"--sjs2-line-height-x100": string;
"--sjs2-line-height-x200": string;
"--sjs2-line-height-x300": string;
"--sjs2-line-height-x400": string;
"--sjs2-line-height-x500": string;
"--sjs2-line-height-x600": string;
"--sjs2-text-case-default": string;
"--sjs2-text-case-uppercase": string;
"--sjs2-palette-gray-100": string;
"--sjs2-palette-gray-150": string;
"--sjs2-palette-gray-200": string;
"--sjs2-palette-gray-250": string;
"--sjs2-palette-gray-300": string;
"--sjs2-palette-gray-400": string;
"--sjs2-palette-gray-500": string;
"--sjs2-palette-gray-600": string;
"--sjs2-palette-gray-700": string;
"--sjs2-palette-gray-750": string;
"--sjs2-palette-gray-800": string;
"--sjs2-palette-gray-900": string;
"--sjs2-palette-gray-950": string;
"--sjs2-palette-gray-999": string;
"--sjs2-palette-gray-000": string;
"--sjs2-palette-red-400": string;
"--sjs2-palette-red-600": string;
"--sjs2-palette-red-700": string;
"--sjs2-palette-green-400": string;
"--sjs2-palette-green-600": string;
"--sjs2-palette-green-700": string;
"--sjs2-palette-blue-400": string;
"--sjs2-palette-blue-600": string;
"--sjs2-palette-blue-700": string;
"--sjs2-palette-yellow-400": string;
"--sjs2-palette-yellow-600": string;
"--sjs2-palette-yellow-700": string;
"--sjs2-palette-violet-400": string;
"--sjs2-palette-violet-600": string;
"--sjs2-palette-violet-700": string;
"--sjs2-palette-olive-400": string;
"--sjs2-palette-olive-600": string;
"--sjs2-palette-olive-700": string;
"--sjs2-palette-purple-400": string;
"--sjs2-palette-purple-600": string;
"--sjs2-palette-purple-700": string;
"--sjs2-palette-indianred-400": string;
"--sjs2-palette-indianred-600": string;
"--sjs2-palette-indianred-700": string;
"--sjs2-layout-control-formbox-small-horizontal": string;
"--sjs2-layout-control-formbox-small-vertical": string;
"--sjs2-layout-control-formbox-small-gap": string;
"--sjs2-layout-control-formbox-medium-horizontal": string;
"--sjs2-layout-control-formbox-medium-vertical": string;
"--sjs2-layout-control-formbox-medium-gap": string;
"--sjs2-layout-control-message-small-spacer": string;
"--sjs2-layout-control-message-small-horizontal": string;
"--sjs2-layout-control-message-small-vertical": string;
"--sjs2-layout-control-message-small-gap": string;
"--sjs2-layout-control-message-medium-spacer": string;
"--sjs2-layout-control-message-medium-horizontal": string;
"--sjs2-layout-control-message-medium-vertical": string;
"--sjs2-layout-control-message-medium-gap": string;
"--sjs2-layout-control-input-small-content-vertical": string;
"--sjs2-layout-control-input-small-content-horizontal": string;
"--sjs2-layout-control-input-small-swatch-vertical": string;
"--sjs2-layout-control-input-small-swatch-left": string;
"--sjs2-layout-control-input-small-swatch-right": string;
"--sjs2-layout-control-input-small-icon-vertical": string;
"--sjs2-layout-control-input-small-icon-left": string;
"--sjs2-layout-control-input-small-icon-right": string;
"--sjs2-layout-control-input-small-label-vertical": string;
"--sjs2-layout-control-input-small-label-horizontal": string;
"--sjs2-layout-control-input-small-group-gap": string;
"--sjs2-layout-control-input-small-limit-vertical": string;
"--sjs2-layout-control-input-small-limit-left": string;
"--sjs2-layout-control-input-small-limit-right": string;
"--sjs2-layout-control-input-medium-content-vertical": string;
"--sjs2-layout-control-input-medium-content-horizontal": string;
"--sjs2-layout-control-input-medium-swatch-vertical": string;
"--sjs2-layout-control-input-medium-swatch-left": string;
"--sjs2-layout-control-input-medium-swatch-right": string;
"--sjs2-layout-control-input-medium-icon-vertical": string;
"--sjs2-layout-control-input-medium-icon-left": string;
"--sjs2-layout-control-input-medium-icon-right": string;
"--sjs2-layout-control-input-medium-label-vertical": string;
"--sjs2-layout-control-input-medium-label-horizontal": string;
"--sjs2-layout-control-input-medium-group-gap": string;
"--sjs2-layout-control-input-medium-limit-vertical": string;
"--sjs2-layout-control-input-medium-limit-left": string;
"--sjs2-layout-control-input-medium-limit-right": string;
"--sjs2-layout-control-action-xx-small-label-vertical": string;
"--sjs2-layout-control-action-xx-small-label-horizontal": string;
"--sjs2-layout-control-action-xx-small-icon-vertical": string;
"--sjs2-layout-control-action-xx-small-icon-horizontal": string;
"--sjs2-layout-control-action-xx-small-box-vertical": string;
"--sjs2-layout-control-action-xx-small-box-horizontal": string;
"--sjs2-layout-control-action-xx-small-box-gap": string;
"--sjs2-layout-control-action-xx-small-addon-vertical": string;
"--sjs2-layout-control-action-xx-small-addon-horizontal": string;
"--sjs2-layout-control-action-x-small-label-horizontal": string;
"--sjs2-layout-control-action-x-small-label-vertical": string;
"--sjs2-layout-control-action-x-small-icon-vertical": string;
"--sjs2-layout-control-action-x-small-icon-horizontal": string;
"--sjs2-layout-control-action-x-small-box-vertical": string;
"--sjs2-layout-control-action-x-small-box-horizontal": string;
"--sjs2-layout-control-action-x-small-box-gap": string;
"--sjs2-layout-control-action-x-small-addon-vertical": string;
"--sjs2-layout-control-action-x-small-addon-horizontal": string;
"--sjs2-layout-control-action-small-label-horizontal": string;
"--sjs2-layout-control-action-small-label-vertical": string;
"--sjs2-layout-control-action-small-icon-vertical": string;
"--sjs2-layout-control-action-small-icon-horizontal": string;
"--sjs2-layout-control-action-small-box-vertical": string;
"--sjs2-layout-control-action-small-box-horizontal": string;
"--sjs2-layout-control-action-small-box-gap": string;
"--sjs2-layout-control-action-small-addon-vertical": string;
"--sjs2-layout-control-action-small-addon-horizontal": string;
"--sjs2-layout-control-action-medium-label-horizontal": string;
"--sjs2-layout-control-action-medium-label-vertical": string;
"--sjs2-layout-control-action-medium-icon-vertical": string;
"--sjs2-layout-control-action-medium-icon-horizontal": string;
"--sjs2-layout-control-action-medium-box-vertical": string;
"--sjs2-layout-control-action-medium-box-horizontal": string;
"--sjs2-layout-control-action-medium-box-gap": string;
"--sjs2-layout-control-action-medium-addon-vertical": string;
"--sjs2-layout-control-action-medium-addon-horizontal": string;
"--sjs2-layout-control-action-large-label-horizontal": string;
"--sjs2-layout-control-action-large-label-vertical": string;
"--sjs2-layout-control-action-large-icon-vertical": string;
"--sjs2-layout-control-action-large-icon-horizontal": string;
"--sjs2-layout-control-action-large-box-vertical": string;
"--sjs2-layout-control-action-large-box-horizontal": string;
"--sjs2-layout-control-action-large-box-gap": string;
"--sjs2-layout-control-action-large-addon-vertical": string;
"--sjs2-layout-control-action-large-addon-horizontal": string;
"--sjs2-layout-control-caption-small-box-left": string;
"--sjs2-layout-control-caption-small-box-right": string;
"--sjs2-layout-control-caption-small-box-vertical": string;
"--sjs2-layout-control-caption-small-box-gap": string;
"--sjs2-layout-control-caption-small-group-gap": string;
"--sjs2-layout-control-caption-small-description-horizontal": string;
"--sjs2-layout-control-caption-small-description-top": string;
"--sjs2-layout-control-caption-small-description-bottom": string;
"--sjs2-layout-control-caption-small-caption-horizontal": string;
"--sjs2-layout-control-caption-small-caption-vertical": string;
"--sjs2-layout-control-caption-medium-box-left": string;
"--sjs2-layout-control-caption-medium-box-right": string;
"--sjs2-layout-control-caption-medium-box-vertical": string;
"--sjs2-layout-control-caption-medium-box-gap": string;
"--sjs2-layout-control-caption-medium-group-gap": string;
"--sjs2-layout-control-caption-medium-description-horizontal": string;
"--sjs2-layout-control-caption-medium-description-top": string;
"--sjs2-layout-control-caption-medium-description-bottom": string;
"--sjs2-layout-control-caption-medium-caption-horizontal": string;
"--sjs2-layout-control-caption-medium-caption-vertical": string;
"--sjs2-layout-container-drop-horizontal": string;
"--sjs2-layout-container-drop-vertical": string;
"--sjs2-size-semantic-xx-small": string;
"--sjs2-size-semantic-x-small": string;
"--sjs2-size-semantic-small": string;
"--sjs2-size-semantic-medium": string;
"--sjs2-size-semantic-large": string;
"--sjs2-size-icon-small": string;
"--sjs2-size-icon-medium": string;
"--sjs2-size-icon-large": string;
"--sjs2-is-panelless": string;
"--sjs2-radius-semantic-form": string;
"--sjs2-radius-semantic-form-item": string;
"--sjs2-radius-control-action": string;
"--sjs2-radius-control-action-icon": string;
"--sjs2-radius-control-button": string;
"--sjs2-radius-control-menu-item": string;
"--sjs2-radius-control-drop-item": string;
"--sjs2-radius-control-checkbox": string;
"--sjs2-radius-control-rating": string;
"--sjs2-radius-control-ranking": string;
"--sjs2-radius-control-boolean": string;
"--sjs2-radius-control-boolean-item": string;
"--sjs2-radius-control-toggle": string;
"--sjs2-radius-control-toggle-thumb": string;
"--sjs2-radius-control-track": string;
"--sjs2-radius-control-track-item": string;
"--sjs2-radius-control-track-thumb": string;
"--sjs2-radius-container-panel": string;
"--sjs2-radius-container-panel-nested": string;
"--sjs2-radius-container-drop": string;
"--sjs2-radius-container-modal": string;
"--sjs2-radius-container-notifier": string;
"--sjs2-radius-container-tooltip": string;
"--sjs2-radius-container-drag": string;
"--sjs2-typography-font-family-text": string;
"--sjs2-typography-font-family-code": string;
"--sjs2-typography-font-size-small": string;
"--sjs2-typography-font-size-default": string;
"--sjs2-typography-font-size-medium": string;
"--sjs2-typography-font-size-large": string;
"--sjs2-typography-line-height-small": string;
"--sjs2-typography-line-height-default": string;
"--sjs2-typography-line-height-medium": string;
"--sjs2-typography-line-height-large": string;
"--sjs2-typography-font-weight-basic": string;
"--sjs2-typography-font-weight-strong": string;
"--sjs2-color-project-brand-400": string;
"--sjs2-color-project-brand-600": string;
"--sjs2-color-project-brand-700": string;
"--sjs2-color-project-accent-400": string;
"--sjs2-color-project-accent-600": string;
"--sjs2-color-project-accent-700": string;
"--sjs2-color-utility-body": string;
"--sjs2-color-utility-sheet": string;
"--sjs2-color-utility-a11y": string;
"--sjs2-color-utility-scrollbar": string;
"--sjs2-color-utility-overlay": string;
"--sjs2-color-utility-shadow-surface-default": string;
"--sjs2-color-utility-shadow-surface-hovered": string;
"--sjs2-color-utility-shadow-surface-pressed": string;
"--sjs2-color-utility-shadow-surface-focused": string;
"--sjs2-color-utility-shadow-surface-disabled": string;
"--sjs2-color-utility-shadow-surface-dragging": string;
"--sjs2-color-utility-shadow-elevated-default": string;
"--sjs2-color-utility-shadow-floating-default": string;
"--sjs2-color-utility-chrome-toolbox": string;
"--sjs2-color-utility-chrome-property-grid": string;
"--sjs2-color-utility-chrome-tabs": string;
"--sjs2-color-utility-surface-survey": string;
"--sjs2-color-utility-surface-designer": string;
"--sjs2-color-utility-surface-presets-manager": string;
"--sjs2-color-utility-surface-dashboard": string;
"--sjs2-color-utility-surface-preview": string;
"--sjs2-color-utility-surface-themes": string;
"--sjs2-color-utility-surface-logic": string;
"--sjs2-color-utility-surface-json-editor": string;
"--sjs2-color-utility-surface-translations": string;
"--sjs2-color-utility-surface-embed-survey": string;
"--sjs2-color-utility-surface-embed-creator": string;
"--sjs2-color-border-basic-primary": string;
"--sjs2-color-border-basic-secondary": string;
"--sjs2-color-border-basic-secondary-overlay": string;
"--sjs2-color-border-brand-primary": string;
"--sjs2-color-border-brand-on-primary": string;
"--sjs2-color-border-accent-primary": string;
"--sjs2-color-border-accent-on-primary": string;
"--sjs2-color-border-note-primary": string;
"--sjs2-color-border-note-on-primary": string;
"--sjs2-color-border-positive-primary": string;
"--sjs2-color-border-positive-on-primary": string;
"--sjs2-color-border-warning-primary": string;
"--sjs2-color-border-warning-on-primary": string;
"--sjs2-color-border-alert-primary": string;
"--sjs2-color-border-alert-on-primary": string;
"--sjs2-color-border-neutral-primary": string;
"--sjs2-color-border-neutral-on-primary": string;
"--sjs2-color-border-static-1-primary": string;
"--sjs2-color-border-static-2-primary": string;
"--sjs2-color-bg-basic-primary": string;
"--sjs2-color-bg-basic-secondary": string;
"--sjs2-color-bg-basic-tertiary": string;
"--sjs2-color-bg-basic-primary-dim": string;
"--sjs2-color-bg-basic-secondary-dim": string;
"--sjs2-color-bg-basic-tertiary-dim": string;
"--sjs2-color-bg-basic-primary-disabled": string;
"--sjs2-color-bg-brand-primary": string;
"--sjs2-color-bg-brand-secondary": string;
"--sjs2-color-bg-brand-tertiary": string;
"--sjs2-color-bg-brand-primary-dim": string;
"--sjs2-color-bg-brand-secondary-dim": string;
"--sjs2-color-bg-brand-tertiary-dim": string;
"--sjs2-color-bg-brand-primary-disabled": string;
"--sjs2-color-bg-accent-primary": string;
"--sjs2-color-bg-accent-secondary": string;
"--sjs2-color-bg-accent-tertiary": string;
"--sjs2-color-bg-accent-primary-dim": string;
"--sjs2-color-bg-accent-secondary-dim": string;
"--sjs2-color-bg-accent-tertiary-dim": string;
"--sjs2-color-bg-accent-primary-disabled": string;
"--sjs2-color-bg-note-primary": string;
"--sjs2-color-bg-note-secondary": string;
"--sjs2-color-bg-note-tertiary": string;
"--sjs2-color-bg-note-primary-dim": string;
"--sjs2-color-bg-note-secondary-dim": string;
"--sjs2-color-bg-note-tertiary-dim": string;
"--sjs2-color-bg-note-primary-disabled": string;
"--sjs2-color-bg-neutral-primary": string;
"--sjs2-color-bg-neutral-secondary": string;
"--sjs2-color-bg-neutral-tertiary": string;
"--sjs2-color-bg-neutral-primary-dim": string;
"--sjs2-color-bg-neutral-secondary-dim": string;
"--sjs2-color-bg-neutral-tertiary-dim": string;
"--sjs2-color-bg-neutral-primary-disabled": string;
"--sjs2-color-bg-positive-primary": string;
"--sjs2-color-bg-positive-secondary": string;
"--sjs2-color-bg-positive-tertiary": string;
"--sjs2-color-bg-positive-primary-dim": string;
"--sjs2-color-bg-positive-secondary-dim": string;
"--sjs2-color-bg-positive-tertiary-dim": string;
"--sjs2-color-bg-positive-primary-disabled": string;
"--sjs2-color-bg-warning-primary": string;
"--sjs2-color-bg-warning-secondary": string;
"--sjs2-color-bg-warning-tertiary": string;
"--sjs2-color-bg-warning-primary-dim": string;
"--sjs2-color-bg-warning-secondary-dim": string;
"--sjs2-color-bg-warning-tertiary-dim": string;
"--sjs2-color-bg-warning-primary-disabled": string;
"--sjs2-color-bg-alert-primary": string;
"--sjs2-color-bg-alert-secondary": string;
"--sjs2-color-bg-alert-tertiary": string;
"--sjs2-color-bg-alert-primary-dim": string;
"--sjs2-color-bg-alert-secondary-dim": string;
"--sjs2-color-bg-alert-tertiary-dim": string;
"--sjs2-color-bg-alert-primary-disabled": string;
"--sjs2-color-bg-static-1-primary": string;
"--sjs2-color-bg-static-1-secondary": string;
"--sjs2-color-bg-static-1-primary-dim": string;
"--sjs2-color-bg-static-1-secondary-dim": string;
"--sjs2-color-bg-static-2-primary": string;
"--sjs2-color-bg-static-2-secondary": string;
"--sjs2-color-bg-static-2-primary-dim": string;
"--sjs2-color-bg-static-2-secondary-dim": string;
"--sjs2-color-fg-basic-primary": string;
"--sjs2-color-fg-basic-primary-muted": string;
"--sjs2-color-fg-basic-secondary": string;
"--sjs2-color-fg-basic-tertiary": string;
"--sjs2-color-fg-basic-primary-disabled": string;
"--sjs2-color-fg-neutral-primary": string;
"--sjs2-color-fg-neutral-on-primary": string;
"--sjs2-color-fg-neutral-primary-disabled": string;
"--sjs2-color-fg-neutral-primary-muted": string;
"--sjs2-color-fg-brand-primary": string;
"--sjs2-color-fg-brand-on-primary": string;
"--sjs2-color-fg-brand-primary-disabled": string;
"--sjs2-color-fg-accent-primary": string;
"--sjs2-color-fg-accent-on-primary": string;
"--sjs2-color-fg-accent-primary-disabled": string;
"--sjs2-color-fg-note-primary": string;
"--sjs2-color-fg-note-on-primary": string;
"--sjs2-color-fg-note-primary-disabled": string;
"--sjs2-color-fg-positive-primary": string;
"--sjs2-color-fg-positive-on-primary": string;
"--sjs2-color-fg-positive-primary-disabled": string;
"--sjs2-color-fg-warning-primary": string;
"--sjs2-color-fg-warning-on-primary": string;
"--sjs2-color-fg-warning-primary-disabled": string;
"--sjs2-color-fg-alert-primary": string;
"--sjs2-color-fg-alert-on-primary": string;
"--sjs2-color-fg-alert-primary-disabled": string;
"--sjs2-color-fg-static-1-primary": string;
"--sjs2-color-fg-static-2-primary": string;
"--sjs2-color-control-formbox-default-bg": string;
"--sjs2-color-control-formbox-default-border": string;
"--sjs2-color-control-formbox-disabled-bg": string;
"--sjs2-color-control-formbox-disabled-border": string;
"--sjs2-color-control-formbox-readonly-bg": string;
"--sjs2-color-control-formbox-readonly-border": string;
"--sjs2-color-control-formbox-focused-bg": string;
"--sjs2-color-control-formbox-focused-border": string;
"--sjs2-color-control-formbox-invalid-bg": string;
"--sjs2-color-control-formbox-invalid-border": string;
"--sjs2-color-control-formbox-highlighted-bg": string;
"--sjs2-color-control-formbox-highlighted-border": string;
"--sjs2-color-control-formbox-design-bg": string;
"--sjs2-color-control-formbox-design-border": string;
"--sjs2-color-control-formbox-hovered-bg": string;
"--sjs2-color-control-formbox-hovered-border": string;
"--sjs2-color-control-input-default-line": string;
"--sjs2-color-control-input-default-value": string;
"--sjs2-color-control-input-default-placeholder": string;
"--sjs2-color-control-input-default-label": string;
"--sjs2-color-control-input-default-limit": string;
"--sjs2-color-control-input-default-icon": string;
"--sjs2-color-control-input-default-description": string;
"--sjs2-color-control-input-disabled-line": string;
"--sjs2-color-control-input-disabled-value": string;
"--sjs2-color-control-input-disabled-placeholder": string;
"--sjs2-color-control-input-disabled-label": string;
"--sjs2-color-control-input-disabled-limit": string;
"--sjs2-color-control-input-disabled-icon": string;
"--sjs2-color-control-input-disabled-description": string;
"--sjs2-color-control-input-readonly-line": string;
"--sjs2-color-control-input-readonly-value": string;
"--sjs2-color-control-input-readonly-placeholder": string;
"--sjs2-color-control-input-readonly-label": string;
"--sjs2-color-control-input-readonly-limit": string;
"--sjs2-color-control-input-readonly-icon": string;
"--sjs2-color-control-input-readonly-description": string;
"--sjs2-color-control-check-false-default-bg": string;
"--sjs2-color-control-check-false-default-border": string;
"--sjs2-color-control-check-false-disabled-bg": string;
"--sjs2-color-control-check-false-disabled-border": string;
"--sjs2-color-control-check-false-readonly-bg": string;
"--sjs2-color-control-check-false-readonly-border": string;
"--sjs2-color-control-check-false-focused-bg": string;
"--sjs2-color-control-check-false-focused-border": string;
"--sjs2-color-control-check-false-hovered-bg": string;
"--sjs2-color-control-check-false-hovered-border": string;
"--sjs2-color-control-check-false-design-bg": string;
"--sjs2-color-control-check-false-design-border": string;
"--sjs2-color-control-check-true-default-bg": string;
"--sjs2-color-control-check-true-default-border": string;
"--sjs2-color-control-check-true-default-icon": string;
"--sjs2-color-control-check-true-disabled-bg": string;
"--sjs2-color-control-check-true-disabled-border": string;
"--sjs2-color-control-check-true-disabled-icon": string;
"--sjs2-color-control-check-true-readonly-bg": string;
"--sjs2-color-control-check-true-readonly-border": string;
"--sjs2-color-control-check-true-readonly-icon": string;
"--sjs2-color-control-check-true-focused-bg": string;
"--sjs2-color-control-check-true-focused-border": string;
"--sjs2-color-control-check-true-focused-icon": string;
"--sjs2-color-control-check-true-hovered-bg": string;
"--sjs2-color-control-check-true-hovered-border": string;
"--sjs2-color-control-check-true-hovered-icon": string;
"--sjs2-color-control-segmented-false-default-bg": string;
"--sjs2-color-control-segmented-false-default-border": string;
"--sjs2-color-control-segmented-false-default-value": string;
"--sjs2-color-control-segmented-false-disabled-bg": string;
"--sjs2-color-control-segmented-false-disabled-border": string;
"--sjs2-color-control-segmented-false-disabled-value": string;
"--sjs2-color-control-segmented-false-readonly-bg": string;
"--sjs2-color-control-segmented-false-readonly-border": string;
"--sjs2-color-control-segmented-false-readonly-value": string;
"--sjs2-color-control-segmented-false-focused-bg": string;
"--sjs2-color-control-segmented-false-focused-border": string;
"--sjs2-color-control-segmented-false-focused-value": string;
"--sjs2-color-control-segmented-false-hovered-bg": string;
"--sjs2-color-control-segmented-false-hovered-border": string;
"--sjs2-color-control-segmented-false-hovered-value": string;
"--sjs2-color-control-segmented-true-default-bg": string;
"--sjs2-color-control-segmented-true-default-border": string;
"--sjs2-color-control-segmented-true-default-value": string;
"--sjs2-color-control-segmented-true-disabled-bg": string;
"--sjs2-color-control-segmented-true-disabled-border": string;
"--sjs2-color-control-segmented-true-disabled-value": string;
"--sjs2-color-control-segmented-true-readonly-bg": string;
"--sjs2-color-control-segmented-true-readonly-border": string;
"--sjs2-color-control-segmented-true-readonly-value": string;
"--sjs2-color-control-segmented-true-focused-bg": string;
"--sjs2-color-control-segmented-true-focused-border": string;
"--sjs2-color-control-segmented-true-focused-value": string;
"--sjs2-color-control-toggle-false-default-bg": string;
"--sjs2-color-control-toggle-false-default-border": string;
"--sjs2-color-control-toggle-false-default-thumb": string;
"--sjs2-color-control-toggle-false-disabled-bg": string;
"--sjs2-color-control-toggle-false-disabled-border": string;
"--sjs2-color-control-toggle-false-disabled-thumb": string;
"--sjs2-color-control-toggle-false-readonly-bg": string;
"--sjs2-color-control-toggle-false-readonly-border": string;
"--sjs2-color-control-toggle-false-readonly-thumb": string;
"--sjs2-color-control-toggle-false-focused-bg": string;
"--sjs2-color-control-toggle-false-focused-border": string;
"--sjs2-color-control-toggle-false-focused-thumb": string;
"--sjs2-color-control-toggle-false-hovered-bg": string;
"--sjs2-color-control-toggle-false-hovered-border": string;
"--sjs2-color-control-toggle-false-hovered-thumb": string;
"--sjs2-color-control-toggle-true-default-bg": string;
"--sjs2-color-control-toggle-true-default-border": string;
"--sjs2-color-control-toggle-true-default-thumb": string;
"--sjs2-color-control-toggle-true-disabled-bg": string;
"--sjs2-color-control-toggle-true-disabled-border": string;
"--sjs2-color-control-toggle-true-disabled-thumb": string;
"--sjs2-color-control-toggle-true-readonly-bg": string;
"--sjs2-color-control-toggle-true-readonly-border": string;
"--sjs2-color-control-toggle-true-readonly-thumb": string;
"--sjs2-color-control-toggle-true-focused-bg": string;
"--sjs2-color-control-toggle-true-focused-border": string;
"--sjs2-color-control-toggle-true-focused-thumb": string;
"--sjs2-color-control-toggle-true-hovered-bg": string;
"--sjs2-color-control-toggle-true-hovered-border": string;
"--sjs2-color-control-toggle-true-hovered-thumb": string;
"--sjs2-color-control-message-error-bg": string;
"--sjs2-color-control-message-error-icon": string;
"--sjs2-color-control-message-error-text": string;
"--sjs2-color-control-message-info-bg": string;
"--sjs2-color-control-message-info-icon": string;
"--sjs2-color-control-message-info-text": string;
"--sjs2-color-control-track-default-bg": string;
"--sjs2-color-control-track-default-fg": string;
"--sjs2-color-control-track-default-thumb": string;
"--sjs2-color-control-track-default-dot": string;
"--sjs2-color-control-track-default-thumb-border": string;
"--sjs2-color-control-track-disabled-bg": string;
"--sjs2-color-control-track-disabled-fg": string;
"--sjs2-color-control-track-disabled-thumb": string;
"--sjs2-color-control-track-disabled-dot": string;
"--sjs2-color-control-track-disabled-thumb-border": string;
"--sjs2-color-control-track-readonly-bg": string;
"--sjs2-color-control-track-readonly-fg": string;
"--sjs2-color-control-track-readonly-thumb": string;
"--sjs2-color-control-track-readonly-dot": string;
"--sjs2-color-control-track-readonly-thumb-border": string;
"--sjs2-color-control-track-focused-bg": string;
"--sjs2-color-control-track-focused-fg": string;
"--sjs2-color-control-track-focused-thumb": string;
"--sjs2-color-control-track-focused-dot": string;
"--sjs2-color-control-track-focused-thumb-border": string;
"--sjs2-color-control-track-invalid-bg": string;
"--sjs2-color-control-track-invalid-fg": string;
"--sjs2-color-control-track-invalid-thumb": string;
"--sjs2-color-control-track-invalid-dot": string;
"--sjs2-color-control-track-invalid-thumb-border": string;
"--sjs2-color-control-track-design-bg": string;
"--sjs2-color-control-track-design-fg": string;
"--sjs2-color-control-track-design-thumb": string;
"--sjs2-color-control-track-design-dot": string;
"--sjs2-color-control-track-design-thumb-border": string;
"--sjs2-color-control-action-alert-primary-default-bg": string;
"--sjs2-color-control-action-alert-primary-default-border": string;
"--sjs2-color-control-action-alert-primary-default-icon": string;
"--sjs2-color-control-action-alert-primary-default-label": string;
"--sjs2-color-control-action-alert-primary-hovered-bg": string;
"--sjs2-color-control-action-alert-primary-hovered-border": string;
"--sjs2-color-control-action-alert-primary-hovered-icon": string;
"--sjs2-color-control-action-alert-primary-hovered-label": string;
"--sjs2-color-control-action-alert-primary-pressed-bg": string;
"--sjs2-color-control-action-alert-primary-pressed-border": string;
"--sjs2-color-control-action-alert-primary-pressed-icon": string;
"--sjs2-color-control-action-alert-primary-pressed-label": string;
"--sjs2-color-control-action-alert-primary-disabled-bg": string;
"--sjs2-color-control-action-alert-primary-disabled-border": string;
"--sjs2-color-control-action-alert-primary-disabled-icon": string;
"--sjs2-color-control-action-alert-primary-disabled-label": string;
"--sjs2-color-control-action-alert-secondary-default-bg": string;
"--sjs2-color-control-action-alert-secondary-default-border": string;
"--sjs2-color-control-action-alert-secondary-default-icon": string;
"--sjs2-color-control-action-alert-secondary-default-label": string;
"--sjs2-color-control-action-alert-secondary-hovered-bg": string;
"--sjs2-color-control-action-alert-secondary-hovered-border": string;
"--sjs2-color-control-action-alert-secondary-hovered-icon": string;
"--sjs2-color-control-action-alert-secondary-hovered-label": string;
"--sjs2-color-control-action-alert-secondary-pressed-bg": string;
"--sjs2-color-control-action-alert-secondary-pressed-border": string;
"--sjs2-color-control-action-alert-secondary-pressed-icon": string;
"--sjs2-color-control-action-alert-secondary-pressed-label": string;
"--sjs2-color-control-action-alert-secondary-disabled-bg": string;
"--sjs2-color-control-action-alert-secondary-disabled-border": string;
"--sjs2-color-control-action-alert-secondary-disabled-icon": string;
"--sjs2-color-control-action-alert-secondary-disabled-label": string;
"--sjs2-color-control-action-alert-tertiary-default-bg": string;
"--sjs2-color-control-action-alert-tertiary-default-border": string;
"--sjs2-color-control-action-alert-tertiary-default-icon": string;
"--sjs2-color-control-action-alert-tertiary-default-label": string;
"--sjs2-color-control-action-alert-tertiary-hovered-bg": string;
"--sjs2-color-control-action-alert-tertiary-hovered-border": string;
"--sjs2-color-control-action-alert-tertiary-hovered-icon": string;
"--sjs2-color-control-action-alert-tertiary-hovered-label": string;
"--sjs2-color-control-action-alert-tertiary-pressed-bg": string;
"--sjs2-color-control-action-alert-tertiary-pressed-border": string;
"--sjs2-color-control-action-alert-tertiary-pressed-icon": string;
"--sjs2-color-control-action-alert-tertiary-pressed-label": string;
"--sjs2-color-control-action-alert-tertiary-disabled-bg": string;
"--sjs2-color-control-action-alert-tertiary-disabled-border": string;
"--sjs2-color-control-action-alert-tertiary-disabled-icon": string;
"--sjs2-color-control-action-alert-tertiary-disabled-label": string;
"--sjs2-color-control-action-brand-primary-default-bg": string;
"--sjs2-color-control-action-brand-primary-default-border": string;
"--sjs2-color-control-action-brand-primary-default-icon": string;
"--sjs2-color-control-action-brand-primary-default-label": string;
"--sjs2-color-control-action-brand-primary-hovered-bg": string;
"--sjs2-color-control-action-brand-primary-hovered-border": string;
"--sjs2-color-control-action-brand-primary-hovered-icon": string;
"--sjs2-color-control-action-brand-primary-hovered-label": string;
"--sjs2-color-control-action-brand-primary-pressed-bg": string;
"--sjs2-color-control-action-brand-primary-pressed-border": string;
"--sjs2-color-control-action-brand-primary-pressed-icon": string;
"--sjs2-color-control-action-brand-primary-pressed-label": string;
"--sjs2-color-control-action-brand-primary-disabled-bg": string;
"--sjs2-color-control-action-brand-primary-disabled-border": string;
"--sjs2-color-control-action-brand-primary-disabled-icon": string;
"--sjs2-color-control-action-brand-primary-disabled-label": string;
"--sjs2-color-control-action-brand-secondary-default-bg": string;
"--sjs2-color-control-action-brand-secondary-default-border": string;
"--sjs2-color-control-action-brand-secondary-default-icon": string;
"--sjs2-color-control-action-brand-secondary-default-label": string;
"--sjs2-color-control-action-brand-secondary-hovered-bg": string;
"--sjs2-color-control-action-brand-secondary-hovered-border": string;
"--sjs2-color-control-action-brand-secondary-hovered-icon": string;
"--sjs2-color-control-action-brand-secondary-hovered-label": string;
"--sjs2-color-control-action-brand-secondary-pressed-bg": string;
"--sjs2-color-control-action-brand-secondary-pressed-border": string;
"--sjs2-color-control-action-brand-secondary-pressed-icon": string;
"--sjs2-color-control-action-brand-secondary-pressed-label": string;
"--sjs2-color-control-action-brand-secondary-disabled-bg": string;
"--sjs2-color-control-action-brand-secondary-disabled-border": string;
"--sjs2-color-control-action-brand-secondary-disabled-icon": string;
"--sjs2-color-control-action-brand-secondary-disabled-label": string;
"--sjs2-color-control-action-brand-tertiary-default-bg": string;
"--sjs2-color-control-action-brand-tertiary-default-border": string;
"--sjs2-color-control-action-brand-tertiary-default-icon": string;
"--sjs2-color-control-action-brand-tertiary-default-label": string;
"--sjs2-color-control-action-brand-tertiary-hovered-bg": string;
"--sjs2-color-control-action-brand-tertiary-hovered-border": string;
"--sjs2-color-control-action-brand-tertiary-hovered-icon": string;
"--sjs2-color-control-action-brand-tertiary-hovered-label": string;
"--sjs2-color-control-action-brand-tertiary-pressed-bg": string;
"--sjs2-color-control-action-brand-tertiary-pressed-border": string;
"--sjs2-color-control-action-brand-tertiary-pressed-icon": string;
"--sjs2-color-control-action-brand-tertiary-pressed-label": string;
"--sjs2-color-control-action-brand-tertiary-disabled-bg": string;
"--sjs2-color-control-action-brand-tertiary-disabled-border": string;
"--sjs2-color-control-action-brand-tertiary-disabled-icon": string;
"--sjs2-color-control-action-brand-tertiary-disabled-label": string;
"--sjs2-color-control-action-accent-primary-default-bg": string;
"--sjs2-color-control-action-accent-primary-default-border": string;
"--sjs2-color-control-action-accent-primary-default-icon": string;
"--sjs2-color-control-action-accent-primary-default-label": string;
"--sjs2-color-control-action-accent-primary-hovered-bg": string;
"--sjs2-color-control-action-accent-primary-hovered-border": string;
"--sjs2-color-control-action-accent-primary-hovered-icon": string;
"--sjs2-color-control-action-accent-primary-hovered-label": string;
"--sjs2-color-control-action-accent-primary-pressed-bg": string;
"--sjs2-color-control-action-accent-primary-pressed-border": string;
"--sjs2-color-control-action-accent-primary-pressed-icon": string;
"--sjs2-color-control-action-accent-primary-pressed-label": string;
"--sjs2-color-control-action-accent-primary-disabled-bg": string;
"--sjs2-color-control-action-accent-primary-disabled-border": string;
"--sjs2-color-control-action-accent-primary-disabled-icon": string;
"--sjs2-color-control-action-accent-primary-disabled-label": string;
"--sjs2-color-control-action-accent-secondary-default-bg": string;
"--sjs2-color-control-action-accent-secondary-default-border": string;
"--sjs2-color-control-action-accent-secondary-default-icon": string;
"--sjs2-color-control-action-accent-secondary-default-label": string;
"--sjs2-color-control-action-accent-secondary-hovered-bg": string;
"--sjs2-color-control-action-accent-secondary-hovered-border": string;
"--sjs2-color-control-action-accent-secondary-hovered-icon": string;
"--sjs2-color-control-action-accent-secondary-hovered-label": string;
"--sjs2-color-control-action-accent-secondary-pressed-bg": string;
"--sjs2-color-control-action-accent-secondary-pressed-border": string;
"--sjs2-color-control-action-accent-secondary-pressed-icon": string;
"--sjs2-color-control-action-accent-secondary-pressed-label": string;
"--sjs2-color-control-action-accent-secondary-disabled-bg": string;
"--sjs2-color-control-action-accent-secondary-disabled-border": string;
"--sjs2-color-control-action-accent-secondary-disabled-icon": string;
"--sjs2-color-control-action-accent-secondary-disabled-label": string;
"--sjs2-color-control-action-accent-tertiary-default-bg": string;
"--sjs2-color-control-action-accent-tertiary-default-border": string;
"--sjs2-color-control-action-accent-tertiary-default-icon": string;
"--sjs2-color-control-action-accent-tertiary-default-label": string;
"--sjs2-color-control-action-accent-tertiary-hovered-bg": string;
"--sjs2-color-control-action-accent-tertiary-hovered-border": string;
"--sjs2-color-control-action-accent-tertiary-hovered-icon": string;
"--sjs2-color-control-action-accent-tertiary-hovered-label": string;
"--sjs2-color-control-action-accent-tertiary-pressed-bg": string;
"--sjs2-color-control-action-accent-tertiary-pressed-border": string;
"--sjs2-color-control-action-accent-tertiary-pressed-icon": string;
"--sjs2-color-control-action-accent-tertiary-pressed-label": string;
"--sjs2-color-control-action-accent-tertiary-disabled-bg": string;
"--sjs2-color-control-action-accent-tertiary-disabled-border": string;
"--sjs2-color-control-action-accent-tertiary-disabled-icon": string;
"--sjs2-color-control-action-accent-tertiary-disabled-label": string;
"--sjs2-color-control-action-neutral-primary-default-bg": string;
"--sjs2-color-control-action-neutral-primary-default-border": string;
"--sjs2-color-control-action-neutral-primary-default-icon": string;
"--sjs2-color-control-action-neutral-primary-default-label": string;
"--sjs2-color-control-action-neutral-primary-hovered-bg": string;
"--sjs2-color-control-action-neutral-primary-hovered-border": string;
"--sjs2-color-control-action-neutral-primary-hovered-icon": string;
"--sjs2-color-control-action-neutral-primary-hovered-label": string;
"--sjs2-color-control-action-neutral-primary-pressed-bg": string;
"--sjs2-color-control-action-neutral-primary-pressed-border": string;
"--sjs2-color-control-action-neutral-primary-pressed-icon": string;
"--sjs2-color-control-action-neutral-primary-pressed-label": string;
"--sjs2-color-control-action-neutral-primary-disabled-bg": string;
"--sjs2-color-control-action-neutral-primary-disabled-border": string;
"--sjs2-color-control-action-neutral-primary-disabled-icon": string;
"--sjs2-color-control-action-neutral-primary-disabled-label": string;
"--sjs2-color-control-action-neutral-secondary-default-bg": string;
"--sjs2-color-control-action-neutral-secondary-default-border": string;
"--sjs2-color-control-action-neutral-secondary-default-icon": string;
"--sjs2-color-control-action-neutral-secondary-default-label": string;
"--sjs2-color-control-action-neutral-secondary-hovered-bg": string;
"--sjs2-color-control-action-neutral-secondary-hovered-border": string;
"--sjs2-color-control-action-neutral-secondary-hovered-icon": string;
"--sjs2-color-control-action-neutral-secondary-hovered-label": string;
"--sjs2-color-control-action-neutral-secondary-pressed-bg": string;
"--sjs2-color-control-action-neutral-secondary-pressed-border": string;
"--sjs2-color-control-action-neutral-secondary-pressed-icon": string;
"--sjs2-color-control-action-neutral-secondary-pressed-label": string;
"--sjs2-color-control-action-neutral-secondary-disabled-bg": string;
"--sjs2-color-control-action-neutral-secondary-disabled-border": string;
"--sjs2-color-control-action-neutral-secondary-disabled-icon": string;
"--sjs2-color-control-action-neutral-secondary-disabled-label": string;
"--sjs2-color-control-action-neutral-tertiary-default-bg": string;
"--sjs2-color-control-action-neutral-tertiary-default-border": string;
"--sjs2-color-control-action-neutral-tertiary-default-icon": string;
"--sjs2-color-control-action-neutral-tertiary-default-label": string;
"--sjs2-color-control-action-neutral-tertiary-hovered-bg": string;
"--sjs2-color-control-action-neutral-tertiary-hovered-border": string;
"--sjs2-color-control-action-neutral-tertiary-hovered-icon": string;
"--sjs2-color-control-action-neutral-tertiary-hovered-label": string;
"--sjs2-color-control-action-neutral-tertiary-pressed-bg": string;
"--sjs2-color-control-action-neutral-tertiary-pressed-border": string;
"--sjs2-color-control-action-neutral-tertiary-pressed-icon": string;
"--sjs2-color-control-action-neutral-tertiary-pressed-label": string;
"--sjs2-color-control-action-neutral-tertiary-disabled-bg": string;
"--sjs2-color-control-action-neutral-tertiary-disabled-border": string;
"--sjs2-color-control-action-neutral-tertiary-disabled-icon": string;
"--sjs2-color-control-action-neutral-tertiary-disabled-label": string;
"--sjs2-color-data-chart-bg-color-1": string;
"--sjs2-color-data-chart-bg-color-2": string;
"--sjs2-color-data-chart-bg-color-3": string;
"--sjs2-color-data-chart-bg-color-4": string;
"--sjs2-color-data-chart-bg-color-5": string;
"--sjs2-color-data-chart-bg-color-6": string;
"--sjs2-color-data-chart-bg-color-7": string;
"--sjs2-color-data-chart-bg-color-8": string;
"--sjs2-color-data-chart-bg-color-9": string;
"--sjs2-color-data-chart-bg-color-10": string;
"--sjs2-color-data-chart-bg-color-1-tinted": string;
"--sjs2-color-data-chart-bg-color-2-tinted": string;
"--sjs2-color-data-chart-bg-color-3-tinted":