@thoughtspot/visual-embed-sdk 1.32.0 → 1.32.2

package/lib/src/visual-embed-sdk.d.ts

@@ -72,7 +72,11 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
             /**
                 * SpotIQ listing page
                 */
-            SpotIQ = "insights"
+            SpotIQ = "insights",
+            /**
+                *  Monitor Alerts Page
+                */
+            Monitor = "monitor"
     }
     /**
         * Define the initial state os column custom group accordions
@@ -92,6 +96,11 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
                 */
             EXPAND_FIRST = "EXPAND_FIRST"
     }
+    export enum HomePageSearchBarMode {
+            OBJECT_SEARCH = "objectSearch",
+            AI_ANSWER = "aiAnswer",
+            NONE = "none"
+    }
     /**
         * The view configuration for full app embedding.
         * @group Embed components
@@ -278,19 +287,6 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
                 * ```
                 */
             fullHeight?: boolean;
-            /**
-                * Flag to control Data panel experience
-                * @default false
-                * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
-                * @example
-                * ```js
-                * const embed = new AppEmbed('#tsEmbed', {
-                *    ... // other options
-                *    dataPanelV2: true,
-                * })
-                * ```
-                */
-            dataPanelV2?: boolean;
             /**
                 * Show or hide Liveboard header
                 * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
@@ -365,6 +361,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
                 * To set the initial state of the search bar in case of saved-answers.
                 * @version SDK: 1.32.0 | Thoughtspot: 10.0.0.cl
                 * @default false
+                * @deprecated Use {@link collapseSearchBar} instead
                 */
             collapseSearchBarInitially?: boolean;
             /**
@@ -418,6 +415,11 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
                 * @version SDK : 1.29.0 | Thoughtspot : 10.1.0.cl
                 */
             isOnBeforeGetVizDataInterceptEnabled?: boolean;
+            /**
+                * Flag to use home page search bar mode
+                * @version SDK : 1.33.0 | Thoughtspot : 10.2.0.cl
+                */
+            homePageSearchBarMode?: HomePageSearchBarMode;
     }
     /**
         * Embeds full ThoughtSpot experience in a host application.
@@ -977,6 +979,19 @@ declare module '@thoughtspot/visual-embed-sdk/embed/search' {
                 * ```
                 */
             collapseDataSources?: boolean;
+            /**
+                * If set to true, the data panel is collapsed on load,
+                * but can be expanded manually.
+                * @version: SDK: 1.34.0 | ThoughtSpot: 10.3.0.cl
+                * @example
+                * ```js
+                * const embed = new SearchEmbed('#tsEmbed', {
+                *    ... // other options
+                *    collapseDataPanel:true,
+                * })
+                * ```
+                */
+            collapseDataPanel?: boolean;
             /**
                 * Show or hide the data sources panel.
                 * @version: SDK: 1.2.0 | ThoughtSpot: 9.1.0.sw
@@ -1103,19 +1118,6 @@ declare module '@thoughtspot/visual-embed-sdk/embed/search' {
                 * ```
                 */
             hideSearchBar?: boolean;
-            /**
-                * Flag to control Data panel experience
-                * @default false
-                * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
-                * @example
-                * ```js
-                * const embed = new SearchEmbed('#tsEmbed', {
-                *    ... // other options
-                *    dataPanelV2:false,
-                * })
-                * ```
-                */
-            dataPanelV2?: boolean;
             /**
                 * Flag to set if last selected dataSource should be used
                 * @version: SDK: 1.24.0
@@ -1125,6 +1127,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/search' {
                 * To set the initial state of the search bar in case of saved-answers.
                 * @default false
                 * @version SDK: 1.32.0 | Thoughtspot: 10.0.0.cl
+                * @deprecated Use {@link collapseSearchBar} instead
                 */
             collapseSearchBarInitially?: boolean;
             /**
@@ -1735,7 +1738,11 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * @version SDK: 1.28.0| ThoughtSpot: 9.12.5.cl
                 */
-            SpotIQAnalysis = "spotiq-analysis"
+            SpotIQAnalysis = "spotiq-analysis",
+            /**
+                * @version SDK: 1.34.0| ThoughtSpot: 10.3.0.cl
+                */
+            LiveboardSchedules = "liveboard-schedules"
     }
     export type DOMSelector = string | HTMLElement;
     /**
@@ -2520,6 +2527,43 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * @version SDK: 1.31.2 | ThoughtSpot: 10.0.0.cl
                 */
             enableV2Shell_experimental?: boolean;
+            /**
+                * To set the initial state of the search bar in case of saved-answers.
+                * @default true
+                * @version SDK: 1.34.0 | Thoughtspot: 10.3.0.cl
+                * @example
+                * ```js
+                * const embed = new LiveboardEmbed('#embed', {
+                *   liveboardId: '123',
+                *   collapseSearchBar: true
+                * });
+                */
+            collapseSearchBar?: boolean;
+            /**
+                * This flag can be used to disable links inside the embedded app,
+                * and disables redirection of links in a new tab.
+                * @example
+                * ```js
+                * const embed = new LiveboardEmbed('#embed', {
+                *   disableRedirectionLinksInNewTab: true
+                * });
+                * ```
+                * @version SDK: 1.32.1 | ThoughtSpot: 10.3.0.cl
+                */
+            disableRedirectionLinksInNewTab?: boolean;
+            /**
+                * Flag to control Data panel experience
+                * @default true
+                * @version SDK: 1.34.0 | Thoughtspot: 10.3.0.cl
+                * @example
+                * ```js
+                * const embed = new AppEmbed('#tsEmbed', {
+                *    ... // other options
+                *    dataPanelV2: true,
+                * })
+                * ```
+                */
+            dataPanelV2?: boolean;
     }
     /**
         * MessagePayload: Embed event payload: message type, data and status (start/end)
@@ -3982,13 +4026,15 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *
                 * @example
                 * ```js
-                * appEmbed.trigger(HostEvent.CreateMonitor)
+                * searchEmbed.trigger(HostEvent.CreateMonitor)
                 * ```
                 * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1.sw
                 */
             CreateMonitor = "createMonitor",
             /**
-                * Trigger the **Manage alerts** action on a visualization
+                * Trigger the **Manage alerts** action on a KPI chart
+                * in a visualization or saved Answer.
+                *
                 * @param - an object with `vizId` as a key
                 * @example
                 * ```js
@@ -3996,6 +4042,16 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *  vizId: '730496d6-6903-4601-937e-2c691821af3c'
                 * })
                 * ```
+                *
+                * @example
+                * ```js
+                * searchEmbed.trigger(HostEvent.ManageMonitor)
+                * ```
+                *
+                * @example
+                * ```js
+                * vizEmbed.trigger(HostEvent.ManageMonitor)
+                * ```
                 * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1.sw
                 */
             ManageMonitor = "manageMonitor",
@@ -4567,7 +4623,9 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             Enable2ColumnLayout = "enable2ColumnLayout",
             IsFullAppEmbed = "isFullAppEmbed",
             IsOnBeforeGetVizDataInterceptEnabled = "isOnBeforeGetVizDataInterceptEnabled",
-            FocusSearchBarOnRender = "focusSearchBarOnRender"
+            FocusSearchBarOnRender = "focusSearchBarOnRender",
+            DisableRedirectionLinksInNewTab = "disableRedirectionLinksInNewTab",
+            HomePageSearchBarMode = "homePageSearchBarMode"
     }
     /**
         * ThoughtSpot application pages include actions and menu commands
@@ -4716,6 +4774,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 */
             ConfigureFilter = "configureFilter",
             CollapseDataSources = "collapseDataSources",
+            CollapseDataPanel = "collapseDataPanel",
             /**
                 * The **Choose sources** button on Search page.
                 * Allows selecting data sources for search queries.
@@ -5111,12 +5170,15 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * The Create alert action on KPI charts.
                 * @example
                 * ```js
-                * disabledActions: [Action.CreateMonitor ]
+                * disabledActions: [Action.CreateMonitor]
                 * ```
                 * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1.sw
                 */
             CreateMonitor = "createMonitor",
             /**
+                * @deprecated
+                * Reports errors
+                *
                 * @example
                 * ```js
                 * disabledActions: [Action.ReportError]
@@ -5341,35 +5403,84 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 */
             RenameModalTitleDescription = "renameModalTitleDescription",
             /**
+                *
+                * @example
+                * ```js
+                * disabledActions: [Action.RequestVerification]
+                * ```
                 *
                 * @version SDK: 1.25.0 | Thoughtspot: 9.6.0.cl
                 */
             RequestVerification = "requestVerification",
             /**
+                *
+                * Allows users to mark a Liveboard as verified.
+                *
+                * @example
+                * ```js
+                * disabledActions: [Action.MarkAsVerified]
+                * ```
                 * @version SDK: 1.25.0 | Thoughtspot: 9.6.0.cl
                 */
             MarkAsVerified = "markAsVerified",
             /**
+                * The **Add Tab** action on a Liveboard.
+                * Allows adding a new tab to a Liveboard view.
+                *
+                * @example
+                * ```js
+                * disabledActions: [Action.AddTab]
+                * ```
                 * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
                 */
             AddTab = "addTab",
             /**
+                *
+                * Initiates contextual change analysis on KPI charts.
+                *
+                * @example
+                * ```js
+                * disabledActions: [Action.EnableContextualChangeAnalysis]
+                * ```
                 * @version SDK: 1.25.0 | Thoughtspot: 9.6.0.cl
                 */
             EnableContextualChangeAnalysis = "enableContextualChangeAnalysis",
             /**
+                *
+                * @example
+                * ```js
+                * disabledActions: [Action.ShowSageQuery]
+                * ```
+                *
                 * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
                 */
             ShowSageQuery = "showSageQuery",
             /**
+                *
+                * @example
+                * ```js
+                * disabledActions: [Action.EditSageAnswer]
+                * ```
                 * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
                 */
             EditSageAnswer = "editSageAnswer",
             /**
+                *
+                * This action allows users to send feedback on AI-generated Answers.
+                *
+                * @example
+                * ```js
+                * disabledActions: [Action.SageAnswerFeedback]
+                * ```
                 * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
                 */
             SageAnswerFeedback = "sageAnswerFeedback",
             /**
+                *
+                * @example
+                * ```js
+                * disabledActions: [Action.ModifySageAnswer]
+                * ```
                 * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
                 */
             ModifySageAnswer = "modifySageAnswer",
@@ -5490,7 +5601,71 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * ```
                 *  @version SDK: 1.27.10 | Thoughtspot: 9.12.5.cl
                 */
-            AIHighlights = "AIHighlights"
+            AIHighlights = "AIHighlights",
+            /**
+                * Action ID for edit schedule action on schedule on homepage
+                * @example
+                * ```js
+                * disabledActions: [Action.EditScheduleHomepage]
+                * ```
+                *  @version SDK: 1.34.0 | Thoughtspot: 10.3.0.cl
+                */
+            EditScheduleHomepage = "editScheduleHomepage",
+            /**
+                * Action ID for pause schedule action on schedule on homepage
+                * @example
+                * ```js
+                * disabledActions: [Action.PauseScheduleHomepage]
+                * ```
+                *  @version SDK: 1.34.0 | Thoughtspot: 10.3.0.cl
+                */
+            PauseScheduleHomepage = "pauseScheduleHomepage",
+            /**
+                * Action ID for view schedule run action on schedule on homepage
+                * @example
+                * ```js
+                * disabledActions: [Action.ViewScheduleRunHomepage]
+                * ```
+                *  @version SDK: 1.34.0 | Thoughtspot: 10.3.0.cl
+                */
+            ViewScheduleRunHomepage = "viewScheduleRunHomepage",
+            /**
+                * Action ID for unsubscribe schedule action on schedule on homepage
+                * @example
+                * ```js
+                * disabledActions: [Action.UnsubscribeScheduleHomepage]
+                * ```
+                *  @version SDK: 1.34.0 | Thoughtspot: 10.3.0.cl
+                */
+            UnsubscribeScheduleHomepage = "unsubscribeScheduleHomepage",
+            /**
+                * The **Manage Tags** action on Homepage Favourite Module.
+                *
+                * @example
+                * ```js
+                * disabledActions: [Action.ManageTags]
+                * ```
+                * @version SDK : 1.34.0 | Thoughtspot: 10.3.0.cl
+                */
+            ManageTags = "manageTags",
+            /**
+                * Action ID for delete schedule action on schedule on homepage
+                * @example
+                * ```js
+                * disabledActions: [Action.DeleteScheduleHomepage]
+                * ```
+                *  @version SDK: 1.34.0 | Thoughtspot: 10.3.0.cl
+                */
+            DeleteScheduleHomepage = "deleteScheduleHomepage",
+            /**
+                * The **Analyze CTA** action on KPI chart.
+                * @example
+                * ```js
+                * disabledActions: [Action.KPIAnalysisCTA]
+                * ```
+                *  @version SDK: 1.34.0 | Thoughtspot: 10.3.0.cl
+                */
+            KPIAnalysisCTA = "kpiAnalysisCTA"
     }
     export interface AnswerServiceType {
             getAnswer?: (offset: number, batchSize: number) => any;
@@ -5965,6 +6140,34 @@ declare module '@thoughtspot/visual-embed-sdk/css-variables' {
                 * Background for favorite carousel find your favorites card in modular home.
                 */
             '--ts-var-home-favorite-suggestion-card-background'?: string;
+            /**
+                * Border color of checkbox in error state.
+                */
+            '--ts-var-checkbox-error-border'?: string;
+            /**
+                * Border color of checkbox.
+                */
+            '--ts-var-checkbox-border-color'?: string;
+            /**
+                * Border color of checkbox in hover state.
+                */
+            '--ts-var-checkbox-hover-border'?: string;
+            /**
+                * Border and font color of checkbox in active state.
+                */
+            '--ts-var-checkbox-active-color'?: string;
+            /**
+                * Border color and font color of checkbox in checked state.
+                */
+            '--ts-var-checkbox-checked-color'?: string;
+            /**
+                * Border and font color of checkbox in disabled state.
+                */
+            '--ts-var-checkbox-checked-disabled'?: string;
+            /**
+                * Background color of checkbox.
+                */
+            '--ts-var-checkbox-background-color'?: string;
     }
 }
 
@@ -6297,6 +6500,10 @@ declare module '@thoughtspot/visual-embed-sdk/mixpanel-service' {
     export const EndPoints: {
             CONFIG: string;
     };
+    /**
+        * Enum of mixpanel events
+        * @hidden
+        */
     export const MIXPANEL_EVENT: {
             VISUAL_SDK_RENDER_START: string;
             VISUAL_SDK_CALLED_INIT: string;
@@ -6428,7 +6635,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/ts-embed' {
                 * @param queryParams
                 * @returns queryParams
                 */
-            protected getBaseQueryParams(queryParams?: {}): {};
+            protected getBaseQueryParams(queryParams?: Record<any, any>): Record<any, any>;
             /**
                 * Constructs the base URL string to load v1 of the ThoughtSpot app.
                 * This is used for embedding Liveboards, visualizations, and full application.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thoughtspot/visual-embed-sdk",
-    "version": "1.32.0",
+    "version": "1.32.2",
     "description": "ThoughtSpot Embed SDK",
     "module": "lib/src/index.js",
     "main": "dist/tsembed.js",
@@ -45,11 +45,6 @@
         "lint": "eslint 'src/**'",
         "lint:fix": "eslint 'src/**/*.*' --fix",
         "tsc": "tsc -p . --incremental false; tsc -p . --incremental false --module commonjs --outDir cjs",
-        "start": "gatsby develop",
-        "build:gatsby": "npm run clean:gatsby && gatsby build --prefix-paths",
-        "build:gatsby:noprefix": "npm run clean:gatsby && gatsby build",
-        "serve:gatsby": "gatsby serve",
-        "clean:gatsby": "gatsby clean",
         "build-and-publish": "npm run build:gatsby && npm run publish",
         "bundle-dts-file": "dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts",
         "bundle-dts": "dts-bundle --name ../../dist/visual-embed-sdk --main lib/src/index.d.ts --outputAsModuleFolder=true",
@@ -57,11 +52,9 @@
         "bundle-dts-react-full": "dts-bundle --name ../../../dist/visual-embed-sdk-react-full --main lib/src/react/all-types-export.d.ts --outputAsModuleFolder=true",
         "build": "rollup -c",
         "watch": "rollup -cw",
-        "docs-cmd": "node scripts/gatsby-commands.js",
-        "docgen": "typedoc --tsconfig tsconfig.json --theme typedoc-theme",
+        "docgen": "typedoc --tsconfig tsconfig.json --theme typedoc-theme --json static/typedoc/typedoc.json --disableOutputCheck",
         "test-sdk": "jest -c jest.config.sdk.js --runInBand",
-        "test-docs": "jest -c jest.config.docs.js",
-        "test": "npm run test-sdk && npm run test-docs",
+        "test": "npm run test-sdk",
         "posttest": "cat ./coverage/sdk/lcov.info | coveralls",
         "is-publish-allowed": "node scripts/is-publish-allowed.js",
         "prepublishOnly": "npm run is-publish-allowed && npm run test && npm run tsc && npm run bundle-dts-file && npm run bundle-dts && npm run bundle-dts-react && npm run bundle-dts-react-full && npm run build",
@@ -104,6 +97,7 @@
         "@testing-library/user-event": "^13.1.8",
         "@types/jest": "^22.2.3",
         "@types/mixpanel-browser": "^2.35.6",
+        "@types/lodash": "^4.17.0",
         "@types/react-test-renderer": "^17.0.1",
         "@typescript-eslint/eslint-plugin": "^4.6.0",
         "@typescript-eslint/parser": "^4.6.0",
@@ -122,18 +116,6 @@
         "eslint-plugin-prettier": "^3.1.4",
         "eslint-plugin-react-hooks": "^4.2.0",
         "fs-extra": "^10.0.0",
-        "gatsby": "3.13.1",
-        "gatsby-plugin-algolia": "^0.22.2",
-        "gatsby-plugin-catch-links": "^3.1.0",
-        "gatsby-plugin-env-variables": "^2.1.0",
-        "gatsby-plugin-intl": "^0.3.3",
-        "gatsby-plugin-manifest": "^3.2.0",
-        "gatsby-plugin-output": "^0.1.3",
-        "gatsby-plugin-sass": "6.7.0",
-        "gatsby-plugin-sitemap": "^4.10.0",
-        "gatsby-source-filesystem": "3.1.0",
-        "gatsby-transformer-asciidoc": "2.1.0",
-        "gatsby-transformer-rehype": "2.0.0",
         "gh-pages": "^3.1.0",
         "highlight.js": "^10.6.0",
         "html-to-text": "^8.0.0",

package/src/auth.ts

@@ -16,6 +16,7 @@ import {
 import { isActiveService } from './utils/authService/tokenizedAuthService';
 import { logger } from './utils/logger';
 import { getSessionInfo } from './utils/sessionInfoService';
+import { ERROR_MESSAGE } from './errors';
 
 // eslint-disable-next-line import/no-mutable-exports
 export let loggedInStatus = false;
@@ -151,7 +152,7 @@ export function setAuthEE(eventEmitter: EventEmitter<AuthStatus | AuthEvent>): v
  */
 export function notifyAuthSDKSuccess(): void {
     if (!authEE) {
-        logger.error('SDK not initialized');
+        logger.error(ERROR_MESSAGE.SDK_NOT_INITIALIZED);
         return;
     }
     authEE.emit(AuthStatus.SDK_SUCCESS);
@@ -162,14 +163,14 @@ export function notifyAuthSDKSuccess(): void {
  */
 export async function notifyAuthSuccess(): Promise<void> {
     if (!authEE) {
-        logger.error('SDK not initialized');
+        logger.error(ERROR_MESSAGE.SDK_NOT_INITIALIZED);
         return;
     }
     try {
         const sessionInfo = await getSessionInfo();
         authEE.emit(AuthStatus.SUCCESS, sessionInfo);
     } catch (e) {
-        logger.error('Failed to get session info');
+        logger.error(ERROR_MESSAGE.SESSION_INFO_FAILED);
     }
 }
 
@@ -179,7 +180,7 @@ export async function notifyAuthSuccess(): Promise<void> {
  */
 export function notifyAuthFailure(failureType: AuthFailureType): void {
     if (!authEE) {
-        logger.error('SDK not initialized');
+        logger.error(ERROR_MESSAGE.SDK_NOT_INITIALIZED);
         return;
     }
     authEE.emit(AuthStatus.FAILURE, failureType);
@@ -190,7 +191,7 @@ export function notifyAuthFailure(failureType: AuthFailureType): void {
  */
 export function notifyLogout(): void {
     if (!authEE) {
-        logger.error('SDK not initialized');
+        logger.error(ERROR_MESSAGE.SDK_NOT_INITIALIZED);
         return;
     }
     authEE.emit(AuthStatus.LOGOUT);

package/src/authToken.ts

@@ -1,12 +1,8 @@
+import { ERROR_MESSAGE } from './errors';
 import { EmbedConfig } from './types';
 import { fetchAuthTokenService, verifyTokenService } from './utils/authService/authService';
 import { logger } from './utils/logger';
 
-const DUPLICATE_TOKEN_ERR = 'Duplicate token, please issue a new token every time getAuthToken callback is called.'
-    + 'See https://developers.thoughtspot.com/docs/?pageid=embed-auth#trusted-auth-embed for more details.';
-
-const INVALID_TOKEN_ERR = 'Invalid token received form token callback or authToken endpoint.';
-
 let cachedAuthToken: string | null = null;
 
 // This method can be used to get the authToken using the embedConfig
@@ -38,7 +34,7 @@ export async function getAuthenticationToken(embedConfig: EmbedConfig): Promise<
         // this will throw error if the token is not valid
         await validateAuthToken(embedConfig, authToken);
     } catch (e) {
-        logger.error(`Received invalid token from getAuthToken callback or authToken endpoint. Error : ${e.message}`);
+        logger.error(`${ERROR_MESSAGE.INVALID_TOKEN_ERROR} Error : ${e.message}`);
         throw e;
     }
 
@@ -65,11 +61,11 @@ const validateAuthToken = async (
     if (cachedAuthToken && cachedAuthToken === authToken) {
         if (!embedConfig.suppressErrorAlerts && !suppressAlert) {
             // eslint-disable-next-line no-alert
-            alert(DUPLICATE_TOKEN_ERR);
+            alert(ERROR_MESSAGE.DUPLICATE_TOKEN_ERR);
         }
-        throw new Error(DUPLICATE_TOKEN_ERR);
+        throw new Error(ERROR_MESSAGE.DUPLICATE_TOKEN_ERR);
     } else {
-        throw new Error(INVALID_TOKEN_ERR);
+        throw new Error(ERROR_MESSAGE.INVALID_TOKEN_ERROR);
     }
 };
 

package/src/css-variables.ts

@@ -416,4 +416,32 @@ export interface CustomCssVariables {
      * Background for favorite carousel find your favorites card in modular home.
      */
     '--ts-var-home-favorite-suggestion-card-background'?: string;
+    /**
+     * Border color of checkbox in error state.
+     */
+    '--ts-var-checkbox-error-border'?: string;
+    /**
+     * Border color of checkbox.
+     */
+    '--ts-var-checkbox-border-color'?: string;
+    /**
+     * Border color of checkbox in hover state.
+     */
+    '--ts-var-checkbox-hover-border'?: string;
+    /**
+     * Border and font color of checkbox in active state.
+     */
+    '--ts-var-checkbox-active-color'?: string;
+    /**
+     * Border color and font color of checkbox in checked state.
+     */
+    '--ts-var-checkbox-checked-color'?: string;
+    /**
+     * Border and font color of checkbox in disabled state.
+     */
+    '--ts-var-checkbox-checked-disabled'?: string;
+    /**
+     * Background color of checkbox.
+     */
+    '--ts-var-checkbox-background-color'?: string;
   }