@dynatrace/strato-components 3.5.0 → 3.6.0

package/esm/content/code-snippet/prism-dql-language.js

@@ -1,31 +1,33 @@
 import {
   booleanLiteralPattern,
   dqlUnitSuffixPattern,
+  nullLiteralPattern,
   parameterNamePattern,
   sortedDqlCommands
 } from "../../core/dql/dql-common.js";
+const singleLineCommentPattern = /\/\/[^\n\r\v\f]*/;
+const multiLineCommentPattern = /\/\*[\s\S]*?\*\//m;
 const comments = {
   comment: {
-    // All characters except for newline, carriage return, form feed, vertical tab characters
-    pattern: /\/\/[^\n\r\v\f]*/,
+    pattern: singleLineCommentPattern,
     greedy: true
   },
   commentMultiline: {
-    pattern: /\/\*[\s\S]*?\*\//m,
+    pattern: multiLineCommentPattern,
     alias: "comment",
     greedy: true
   }
 };
 const stringPattern = /"(?:[^"\\]|\\.)*"/m;
 const backtickStringPattern = /`(?:[^`\\]|\\.)*`/m;
-const tripleQuoteStringPattern = /"""[\s\S]*"""/m;
+const tripleQuoteStringPattern = /""""?"?(?:[^"]"?"?)*"""/m;
 const dqlCommandNamePattern = new RegExp(
   `\\b(?:${sortedDqlCommands.join("|")})\\b`,
   "i"
 );
 const commandNamePattern = /[A-Za-z]+/;
 const commandParametersPattern = new RegExp(
-  `(${commandNamePattern.source})(?:${stringPattern.source}|[^|])*`
+  `(${commandNamePattern.source})(?:${tripleQuoteStringPattern.source}|${backtickStringPattern.source}|${stringPattern.source}|${singleLineCommentPattern.source}|${multiLineCommentPattern.source}|[^|])*`
 );
 const commandPattern = new RegExp(
   `${commandNamePattern.source}${commandParametersPattern.source}\\|?`,
@@ -72,6 +74,8 @@ const prismDqlLanguage = {
           // Match numbers with optional unit suffix
           boolean: booleanLiteralPattern,
           // Match boolean literals (true/false)
+          null: { pattern: nullLiteralPattern, alias: "boolean" },
+          // null literal, styled as boolean
           parameterName: { pattern: parameterNamePattern, alias: "variable" },
           ...comments,
           commandName: {

package/esm/content/code-snippet/prism-dql-language.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/code-snippet/prism-dql-language.ts"],
-  "sourcesContent": ["import {\n  booleanLiteralPattern,\n  dqlUnitSuffixPattern,\n  parameterNamePattern,\n  sortedDqlCommands,\n} from '../../core/dql/dql-common.js';\n\nconst comments = {\n  comment: {\n    // All characters except for newline, carriage return, form feed, vertical tab characters\n    pattern: /\\/\\/[^\\n\\r\\v\\f]*/,\n    greedy: true,\n  },\n  commentMultiline: {\n    pattern: /\\/\\*[\\s\\S]*?\\*\\//m,\n    alias: 'comment',\n    greedy: true,\n  },\n};\n\n/**\n * Matches double-quoted strings allowing escaped quotes.\n *\n * This regular expression matches strings enclosed in double quotes,\n * where the quotes can be escaped using a backslash.\n * Note that if a backslash is itself escaped (`\\\\`), it *doesn't* escape the quote that follows.\n *\n * @example\n * // \u2714 Matches:\n * // \"string\"\n * // \"string\\\"with\\\"quotes\"\n * // \"string\\\\\"\n * // \"string\\\\\\\"with\\\\\\\"quotes\"\n * // \"string\\\\\\\\\"\n *\n * // \u2718 Does not match:\n * // \"string (missing closing quote)\n * // \"string\"with\"quotes\" (only matches \"string\")\n * // \"string\\\" (missing closing quote)\n * // \"string\\\\\"with\\\\\"quotes\" (only matches \"string\\\\\")\n * // \"string\\\\\\\" (missing closing quote)\n * // etc.\n *\n * Please be careful when modifying this RegEx. Minor changes may cause exponential runtime complexity:\n * const badPattern = /\"(?:[^\"\\\\]+|\\\\.)*\"/m\n *\n * @see Friedl, J. E. (2006). Mastering regular expressions. O'Reilly Media, Inc., pages 196-198, 223-228\n */\nconst stringPattern = /\"(?:[^\"\\\\]|\\\\.)*\"/m;\n\n/**\n * @see stringPattern\n */\nconst backtickStringPattern = /`(?:[^`\\\\]|\\\\.)*`/m;\n\n/**\n * Matches everything surrounded by triple quotes.\n */\nconst tripleQuoteStringPattern = /\"\"\"[\\s\\S]*\"\"\"/m;\n\n/**\n * Matches only known DQL command names, used for keyword highlighting\n */\nconst dqlCommandNamePattern = new RegExp(\n  `\\\\b(?:${sortedDqlCommands.join('|')})\\\\b`,\n  'i',\n);\n\n/**\n * Matches any alphabetic sequence. Used for structural regex composition in\n * commandParametersPattern and commandPattern, where backtracking splits the\n * command name from the parameters. Not used for keyword highlighting.\n */\nconst commandNamePattern = /[A-Za-z]+/;\n\n/**\n * Matches any string as long as it doesn't contain the character | (this is a command separator in dql)\n * or containing a string surrounded by double quotes that might contain the character | .\n *\n * Given a hypothetical dql:\n * FETCH metric = \"string\" | AGGREGATE X\n * This regex would match:\n * metric = \"string\"\n * X\n * As well as other possibilities:\n * metric = \"string containing |\"\n * metric = \"string containing multiple |||\" and secondMetric = Y\n * metric = parameter\n */\nconst commandParametersPattern = new RegExp(\n  `(${commandNamePattern.source})(?:${stringPattern.source}|[^|])*`,\n);\n\n/**\n * A command (FILTER parameter = \"string\" |) is made up of three parts:\n * command name made up of one word (FETCH)\n * command parameters (parameter = \"string\")\n * an optional command separator (|)\n */\nconst commandPattern = new RegExp(\n  `${commandNamePattern.source}${commandParametersPattern.source}\\\\|?`,\n  'm',\n);\n\nconst commandName = {\n  commandName: {\n    pattern: dqlCommandNamePattern,\n    alias: 'keyword',\n  },\n};\n\n/**\n * @public\n */\nexport const prismDqlLanguage = {\n  ...comments,\n  /**\n   * DQL language is defined as commands separated by the optional character (|).\n   * Prism first matches an entire command, then matches the command parameters and command name\n   * 'inside' the command.\n   * Within the command parameters, Prism matches strings, variables, and numbers.\n   *\n   * Take great care of adding or modifying the regex patterns as this\n   * may introduce recursion issues, due to the existence of three levels of regex matching.\n   */\n  command: {\n    pattern: commandPattern,\n    greedy: true,\n    inside: {\n      commandParameters: {\n        pattern: commandParametersPattern,\n        lookbehind: true,\n        inside: {\n          tripleQuoteString: {\n            pattern: tripleQuoteStringPattern,\n            alias: 'string',\n          },\n          string: {\n            pattern: stringPattern, // Support strings surrounded by double quotes and include possible escaped quotes within\n          },\n          backtickstring: {\n            pattern: backtickStringPattern,\n            alias: 'string',\n          },\n          number: new RegExp(`\\\\b\\\\d+(?:\\\\.\\\\d+)?${dqlUnitSuffixPattern}?\\\\b`), // Match numbers with optional unit suffix\n          boolean: booleanLiteralPattern, // Match boolean literals (true/false)\n          parameterName: { pattern: parameterNamePattern, alias: 'variable' },\n          ...comments,\n          commandName: {\n            pattern: new RegExp(\n              `(\\\\[\\\\s*)${dqlCommandNamePattern.source}`,\n              'i',\n            ),\n            lookbehind: true,\n            alias: 'keyword',\n          },\n        },\n        ...commandName,\n      },\n      ...commandName,\n    },\n  },\n};\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,WAAW;AAAA,EACf,SAAS;AAAA;AAAA,IAEP,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,kBAAkB;AAAA,IAChB,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF;AA8BA,MAAM,gBAAgB;AAKtB,MAAM,wBAAwB;AAK9B,MAAM,2BAA2B;AAKjC,MAAM,wBAAwB,IAAI;AAAA,EAChC,SAAS,kBAAkB,KAAK,GAAG,CAAC;AAAA,EACpC;AACF;AAOA,MAAM,qBAAqB;AAgB3B,MAAM,2BAA2B,IAAI;AAAA,EACnC,IAAI,mBAAmB,MAAM,OAAO,cAAc,MAAM;AAC1D;AAQA,MAAM,iBAAiB,IAAI;AAAA,EACzB,GAAG,mBAAmB,MAAM,GAAG,yBAAyB,MAAM;AAAA,EAC9D;AACF;AAEA,MAAM,cAAc;AAAA,EAClB,aAAa;AAAA,IACX,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AACF;AAKO,MAAM,mBAAmB;AAAA,EAC9B,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUH,SAAS;AAAA,IACP,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,MACN,mBAAmB;AAAA,QACjB,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,QAAQ;AAAA,UACN,mBAAmB;AAAA,YACjB,SAAS;AAAA,YACT,OAAO;AAAA,UACT;AAAA,UACA,QAAQ;AAAA,YACN,SAAS;AAAA;AAAA,UACX;AAAA,UACA,gBAAgB;AAAA,YACd,SAAS;AAAA,YACT,OAAO;AAAA,UACT;AAAA,UACA,QAAQ,IAAI,OAAO,sBAAsB,oBAAoB,MAAM;AAAA;AAAA,UACnE,SAAS;AAAA;AAAA,UACT,eAAe,EAAE,SAAS,sBAAsB,OAAO,WAAW;AAAA,UAClE,GAAG;AAAA,UACH,aAAa;AAAA,YACX,SAAS,IAAI;AAAA,cACX,YAAY,sBAAsB,MAAM;AAAA,cACxC;AAAA,YACF;AAAA,YACA,YAAY;AAAA,YACZ,OAAO;AAAA,UACT;AAAA,QACF;AAAA,QACA,GAAG;AAAA,MACL;AAAA,MACA,GAAG;AAAA,IACL;AAAA,EACF;AACF;",
+  "sourcesContent": ["import {\n  booleanLiteralPattern,\n  dqlUnitSuffixPattern,\n  nullLiteralPattern,\n  parameterNamePattern,\n  sortedDqlCommands,\n} from '../../core/dql/dql-common.js';\n\n// All characters except for newline, carriage return, form feed, vertical tab characters\nconst singleLineCommentPattern = /\\/\\/[^\\n\\r\\v\\f]*/;\n// Matches `/*` followed by any characters until the next `*/`.\nconst multiLineCommentPattern = /\\/\\*[\\s\\S]*?\\*\\//m;\n\nconst comments = {\n  comment: {\n    pattern: singleLineCommentPattern,\n    greedy: true,\n  },\n  commentMultiline: {\n    pattern: multiLineCommentPattern,\n    alias: 'comment',\n    greedy: true,\n  },\n};\n\n/**\n * Matches double-quoted strings allowing escaped quotes.\n *\n * This regular expression matches strings enclosed in double quotes,\n * where the quotes can be escaped using a backslash.\n * Note that if a backslash is itself escaped (`\\\\`), it *doesn't* escape the quote that follows.\n *\n * @example\n * // \u2714 Matches:\n * // \"string\"\n * // \"string\\\"with\\\"quotes\"\n * // \"string\\\\\"\n * // \"string\\\\\\\"with\\\\\\\"quotes\"\n * // \"string\\\\\\\\\"\n *\n * // \u2718 Does not match:\n * // \"string (missing closing quote)\n * // \"string\"with\"quotes\" (only matches \"string\")\n * // \"string\\\" (missing closing quote)\n * // \"string\\\\\"with\\\\\"quotes\" (only matches \"string\\\\\")\n * // \"string\\\\\\\" (missing closing quote)\n * // etc.\n *\n * Please be careful when modifying this RegEx. Minor changes may cause exponential runtime complexity:\n * const badPattern = /\"(?:[^\"\\\\]+|\\\\.)*\"/m\n *\n * @see Friedl, J. E. (2006). Mastering regular expressions. O'Reilly Media, Inc., pages 196-198, 223-228\n */\nconst stringPattern = /\"(?:[^\"\\\\]|\\\\.)*\"/m;\n\n/**\n * @see stringPattern\n */\nconst backtickStringPattern = /`(?:[^`\\\\]|\\\\.)*`/m;\n\n/**\n * Matches a triple-quoted string by enforcing that the content cannot contain\n * 3+ consecutive quotes. The structure is:\n *   - Opening \"\"\" (3 quotes)\n *   - Up to 2 additional leading quotes (part of content)\n *   - Any number of (non-quote char + up to 2 quotes) groups\n *   - Closing \"\"\" (3 quotes)\n *\n * This handles tricky cases on a single line:\n *   - Multiple adjacent triple-quoted strings: \"\"\"netcoreclient\"\"\" AND \"\"\"sdv1\"\"\"\n *     Each string is matched independently, the tokens between them are not swallowed.\n *   - Content that starts or ends with extra quotes: \"\"\"\"prefix\"\"\" or \"\"\"suffix\"\"\"\"\n *     The bounded \"?\"? quantifiers ensure the closing \"\"\" is found correctly.\n */\nconst tripleQuoteStringPattern = /\"\"\"\"?\"?(?:[^\"]\"?\"?)*\"\"\"/m;\n\n/**\n * Matches only known DQL command names, used for keyword highlighting\n */\nconst dqlCommandNamePattern = new RegExp(\n  `\\\\b(?:${sortedDqlCommands.join('|')})\\\\b`,\n  'i',\n);\n\n/**\n * Matches any alphabetic sequence. Used for structural regex composition in\n * commandParametersPattern and commandPattern, where backtracking splits the\n * command name from the parameters. Not used for keyword highlighting.\n */\nconst commandNamePattern = /[A-Za-z]+/;\n\n/**\n * Matches any string as long as it doesn't contain the character | (this is a command separator in dql),\n * unless that | is contained inside a double-quoted, triple-quoted, or backtick string.\n * Triple-quoted strings are matched first so that their content (which may include lone \" characters)\n * is consumed atomically and doesn't leave unmatched quotes that would cause the double-quote\n * pattern to run away across | boundaries and break subsequent command highlighting.\n *\n * Given a hypothetical dql:\n * FETCH metric = \"string\" | AGGREGATE X\n * This regex would match:\n * metric = \"string\"\n * X\n * As well as other possibilities:\n * metric = \"string containing |\"\n * metric = \"string containing multiple |||\" and secondMetric = Y\n * metric = \"\"\"triple-quoted string containing |\"\"\"\n * metric = `backtick string containing |`\n * metric = parameter\n * metric = \"value\" // comment containing | pipe\n */\nconst commandParametersPattern = new RegExp(\n  `(${commandNamePattern.source})(?:${tripleQuoteStringPattern.source}|${backtickStringPattern.source}|${stringPattern.source}|${singleLineCommentPattern.source}|${multiLineCommentPattern.source}|[^|])*`,\n);\n\n/**\n * A command (FILTER parameter = \"string\" |) is made up of three parts:\n * command name made up of one word (FETCH)\n * command parameters (parameter = \"string\")\n * an optional command separator (|)\n */\nconst commandPattern = new RegExp(\n  `${commandNamePattern.source}${commandParametersPattern.source}\\\\|?`,\n  'm',\n);\n\nconst commandName = {\n  commandName: {\n    pattern: dqlCommandNamePattern,\n    alias: 'keyword',\n  },\n};\n\n/**\n * @public\n */\nexport const prismDqlLanguage = {\n  ...comments,\n  /**\n   * DQL language is defined as commands separated by the optional character (|).\n   * Prism first matches an entire command, then matches the command parameters and command name\n   * 'inside' the command.\n   * Within the command parameters, Prism matches strings, variables, and numbers.\n   *\n   * Take great care of adding or modifying the regex patterns as this\n   * may introduce recursion issues, due to the existence of three levels of regex matching.\n   */\n  command: {\n    pattern: commandPattern,\n    greedy: true,\n    inside: {\n      commandParameters: {\n        pattern: commandParametersPattern,\n        lookbehind: true,\n        inside: {\n          tripleQuoteString: {\n            pattern: tripleQuoteStringPattern,\n            alias: 'string',\n          },\n          string: {\n            pattern: stringPattern, // Support strings surrounded by double quotes and include possible escaped quotes within\n          },\n          backtickstring: {\n            pattern: backtickStringPattern,\n            alias: 'string',\n          },\n          number: new RegExp(`\\\\b\\\\d+(?:\\\\.\\\\d+)?${dqlUnitSuffixPattern}?\\\\b`), // Match numbers with optional unit suffix\n          boolean: booleanLiteralPattern, // Match boolean literals (true/false)\n          null: { pattern: nullLiteralPattern, alias: 'boolean' }, // null literal, styled as boolean\n          parameterName: { pattern: parameterNamePattern, alias: 'variable' },\n          ...comments,\n          commandName: {\n            pattern: new RegExp(\n              `(\\\\[\\\\s*)${dqlCommandNamePattern.source}`,\n              'i',\n            ),\n            lookbehind: true,\n            alias: 'keyword',\n          },\n        },\n        ...commandName,\n      },\n      ...commandName,\n    },\n  },\n};\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,MAAM,2BAA2B;AAEjC,MAAM,0BAA0B;AAEhC,MAAM,WAAW;AAAA,EACf,SAAS;AAAA,IACP,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,kBAAkB;AAAA,IAChB,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF;AA8BA,MAAM,gBAAgB;AAKtB,MAAM,wBAAwB;AAgB9B,MAAM,2BAA2B;AAKjC,MAAM,wBAAwB,IAAI;AAAA,EAChC,SAAS,kBAAkB,KAAK,GAAG,CAAC;AAAA,EACpC;AACF;AAOA,MAAM,qBAAqB;AAsB3B,MAAM,2BAA2B,IAAI;AAAA,EACnC,IAAI,mBAAmB,MAAM,OAAO,yBAAyB,MAAM,IAAI,sBAAsB,MAAM,IAAI,cAAc,MAAM,IAAI,yBAAyB,MAAM,IAAI,wBAAwB,MAAM;AAClM;AAQA,MAAM,iBAAiB,IAAI;AAAA,EACzB,GAAG,mBAAmB,MAAM,GAAG,yBAAyB,MAAM;AAAA,EAC9D;AACF;AAEA,MAAM,cAAc;AAAA,EAClB,aAAa;AAAA,IACX,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AACF;AAKO,MAAM,mBAAmB;AAAA,EAC9B,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUH,SAAS;AAAA,IACP,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,MACN,mBAAmB;AAAA,QACjB,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,QAAQ;AAAA,UACN,mBAAmB;AAAA,YACjB,SAAS;AAAA,YACT,OAAO;AAAA,UACT;AAAA,UACA,QAAQ;AAAA,YACN,SAAS;AAAA;AAAA,UACX;AAAA,UACA,gBAAgB;AAAA,YACd,SAAS;AAAA,YACT,OAAO;AAAA,UACT;AAAA,UACA,QAAQ,IAAI,OAAO,sBAAsB,oBAAoB,MAAM;AAAA;AAAA,UACnE,SAAS;AAAA;AAAA,UACT,MAAM,EAAE,SAAS,oBAAoB,OAAO,UAAU;AAAA;AAAA,UACtD,eAAe,EAAE,SAAS,sBAAsB,OAAO,WAAW;AAAA,UAClE,GAAG;AAAA,UACH,aAAa;AAAA,YACX,SAAS,IAAI;AAAA,cACX,YAAY,sBAAsB,MAAM;AAAA,cACxC;AAAA,YACF;AAAA,YACA,YAAY;AAAA,YACZ,OAAO;AAAA,UACT;AAAA,QACF;AAAA,QACA,GAAG;AAAA,MACL;AAAA,MACA,GAAG;AAAA,IACL;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/content/empty-state/EmptyState.css

@@ -1,104 +1,104 @@
-._1os652u1-3-5-0 {
+._1os652u1-3-6-0 {
   justify-content: center;
   align-items: center;
   flex-direction: column;
   gap: var(--dt-spacings-size-0, 0);
 }
-._1os652u2-3-5-0 {
+._1os652u2-3-6-0 {
   justify-content: center;
   align-items: center;
   flex-direction: column;
   gap: var(--dt-spacings-size-0, 0);
 }
-._1os652u3-3-5-0 {
+._1os652u3-3-6-0 {
   justify-content: center;
   align-items: center;
   flex-direction: row-reverse;
   gap: var(--dt-spacings-size-64, 64px);
 }
-._1os652u4-3-5-0 {
+._1os652u4-3-6-0 {
   justify-content: center;
   align-items: center;
   flex-direction: column;
   gap: var(--dt-spacings-size-0, 0);
 }
-._1os652u1-3-5-0 ._1os652u5-3-5-0 {
+._1os652u1-3-6-0 ._1os652u5-3-6-0 {
   margin-bottom: var(--dt-spacings-size-8, 8px);
   height: 128px;
   width: 128px;
 }
-._1os652u2-3-5-0 ._1os652u5-3-5-0 {
+._1os652u2-3-6-0 ._1os652u5-3-6-0 {
   margin-bottom: var(--dt-spacings-size-16, 16px);
   height: 192px;
   width: 192px;
 }
-._1os652u3-3-5-0 ._1os652u5-3-5-0 {
+._1os652u3-3-6-0 ._1os652u5-3-6-0 {
   margin-bottom: var(--dt-spacings-size-0, 0);
   height: 320px;
   width: 320px;
 }
-._1os652u4-3-5-0 ._1os652u5-3-5-0 {
+._1os652u4-3-6-0 ._1os652u5-3-6-0 {
   margin-bottom: var(--dt-spacings-size-32, 32px);
   height: 320px;
   width: 320px;
 }
-._1os652u1-3-5-0 ._1os652u6-3-5-0 {
+._1os652u1-3-6-0 ._1os652u6-3-6-0 {
   align-items: center;
 }
-._1os652u2-3-5-0 ._1os652u6-3-5-0 {
+._1os652u2-3-6-0 ._1os652u6-3-6-0 {
   align-items: center;
 }
-._1os652u3-3-5-0 ._1os652u6-3-5-0 {
+._1os652u3-3-6-0 ._1os652u6-3-6-0 {
   align-items: flex-start;
 }
-._1os652u4-3-5-0 ._1os652u6-3-5-0 {
+._1os652u4-3-6-0 ._1os652u6-3-6-0 {
   align-items: center;
 }
-._1os652u1-3-5-0 ._1os652u7-3-5-0 {
+._1os652u1-3-6-0 ._1os652u7-3-6-0 {
   margin-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1os652u2-3-5-0 ._1os652u7-3-5-0 {
+._1os652u2-3-6-0 ._1os652u7-3-6-0 {
   margin-bottom: var(--dt-spacings-size-6, 6px);
 }
-._1os652u3-3-5-0 ._1os652u7-3-5-0 {
+._1os652u3-3-6-0 ._1os652u7-3-6-0 {
   margin-bottom: var(--dt-spacings-size-16, 16px);
 }
-._1os652u4-3-5-0 ._1os652u7-3-5-0 {
+._1os652u4-3-6-0 ._1os652u7-3-6-0 {
   margin-bottom: var(--dt-spacings-size-16, 16px);
 }
-._1os652u1-3-5-0 ._1os652u8-3-5-0 {
+._1os652u1-3-6-0 ._1os652u8-3-6-0 {
   margin-bottom: var(--dt-spacings-size-16, 16px);
 }
-._1os652u2-3-5-0 ._1os652u8-3-5-0 {
+._1os652u2-3-6-0 ._1os652u8-3-6-0 {
   margin-bottom: var(--dt-spacings-size-32, 32px);
 }
-._1os652u3-3-5-0 ._1os652u8-3-5-0 {
+._1os652u3-3-6-0 ._1os652u8-3-6-0 {
   margin-bottom: var(--dt-spacings-size-32, 32px);
 }
-._1os652u4-3-5-0 ._1os652u8-3-5-0 {
+._1os652u4-3-6-0 ._1os652u8-3-6-0 {
   margin-bottom: var(--dt-spacings-size-32, 32px);
 }
-._1os652u1-3-5-0 ._1os652u9-3-5-0 {
+._1os652u1-3-6-0 ._1os652u9-3-6-0 {
   margin-bottom: var(--dt-spacings-size-16, 16px);
 }
-._1os652u2-3-5-0 ._1os652u9-3-5-0 {
+._1os652u2-3-6-0 ._1os652u9-3-6-0 {
   margin-bottom: var(--dt-spacings-size-16, 16px);
 }
-._1os652u3-3-5-0 ._1os652u9-3-5-0 {
+._1os652u3-3-6-0 ._1os652u9-3-6-0 {
   margin-bottom: var(--dt-spacings-size-32, 32px);
 }
-._1os652u4-3-5-0 ._1os652u9-3-5-0 {
+._1os652u4-3-6-0 ._1os652u9-3-6-0 {
   margin-bottom: var(--dt-spacings-size-32, 32px);
 }
-._1os652u1-3-5-0 ._1os652ua-3-5-0 {
+._1os652u1-3-6-0 ._1os652ua-3-6-0 {
   margin-top: var(--dt-spacings-size-16, 16px);
 }
-._1os652u2-3-5-0 ._1os652ua-3-5-0 {
+._1os652u2-3-6-0 ._1os652ua-3-6-0 {
   margin-top: var(--dt-spacings-size-16, 16px);
 }
-._1os652u3-3-5-0 ._1os652ua-3-5-0 {
+._1os652u3-3-6-0 ._1os652ua-3-6-0 {
   margin-top: var(--dt-spacings-size-32, 32px);
 }
-._1os652u4-3-5-0 ._1os652ua-3-5-0 {
+._1os652u4-3-6-0 ._1os652ua-3-6-0 {
   margin-top: var(--dt-spacings-size-32, 32px);
 }

package/esm/content/empty-state/EmptyState.sty.js

@@ -1,12 +1,12 @@
 import "./EmptyState.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var actionsSlotCss = "_1os652u9-3-5-0";
-var contentContainerCss = "_1os652u6-3-5-0";
-var detailsSlotCss = "_1os652u8-3-5-0";
-var emptyStateContainerCss = _7a468({ defaultClassName: "_1os652u0-3-5-0", variantClassNames: { size: { small: "_1os652u1-3-5-0", "default": "_1os652u2-3-5-0", large: "_1os652u3-3-5-0", largeResponsive: "_1os652u4-3-5-0" } }, defaultVariants: {}, compoundVariants: [] });
-var footerSlotCss = "_1os652ua-3-5-0";
-var titleSlotCss = "_1os652u7-3-5-0";
-var visualSlotCss = "_1os652u5-3-5-0";
+var actionsSlotCss = "_1os652u9-3-6-0";
+var contentContainerCss = "_1os652u6-3-6-0";
+var detailsSlotCss = "_1os652u8-3-6-0";
+var emptyStateContainerCss = _7a468({ defaultClassName: "_1os652u0-3-6-0", variantClassNames: { size: { small: "_1os652u1-3-6-0", "default": "_1os652u2-3-6-0", large: "_1os652u3-3-6-0", largeResponsive: "_1os652u4-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
+var footerSlotCss = "_1os652ua-3-6-0";
+var titleSlotCss = "_1os652u7-3-6-0";
+var visualSlotCss = "_1os652u5-3-6-0";
 export {
   actionsSlotCss,
   contentContainerCss,

package/esm/content/empty-state/EmptyState.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/empty-state/EmptyState.css.ts"],
-  "sourcesContent": ["import './EmptyState.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var actionsSlotCss = '_1os652u9-3-5-0';\nexport var contentContainerCss = '_1os652u6-3-5-0';\nexport var detailsSlotCss = '_1os652u8-3-5-0';\nexport var emptyStateContainerCss = _7a468({defaultClassName:'_1os652u0-3-5-0',variantClassNames:{size:{small:'_1os652u1-3-5-0','default':'_1os652u2-3-5-0',large:'_1os652u3-3-5-0',largeResponsive:'_1os652u4-3-5-0'}},defaultVariants:{},compoundVariants:[]});\nexport var footerSlotCss = '_1os652ua-3-5-0';\nexport var titleSlotCss = '_1os652u7-3-5-0';\nexport var visualSlotCss = '_1os652u5-3-5-0';"],
+  "sourcesContent": ["import './EmptyState.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var actionsSlotCss = '_1os652u9-3-6-0';\nexport var contentContainerCss = '_1os652u6-3-6-0';\nexport var detailsSlotCss = '_1os652u8-3-6-0';\nexport var emptyStateContainerCss = _7a468({defaultClassName:'_1os652u0-3-6-0',variantClassNames:{size:{small:'_1os652u1-3-6-0','default':'_1os652u2-3-6-0',large:'_1os652u3-3-6-0',largeResponsive:'_1os652u4-3-6-0'}},defaultVariants:{},compoundVariants:[]});\nexport var footerSlotCss = '_1os652ua-3-6-0';\nexport var titleSlotCss = '_1os652u7-3-6-0';\nexport var visualSlotCss = '_1os652u5-3-6-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB;AACrB,IAAI,sBAAsB;AAC1B,IAAI,iBAAiB;AACrB,IAAI,yBAAyB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,OAAM,mBAAkB,WAAU,mBAAkB,OAAM,mBAAkB,iBAAgB,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACxP,IAAI,gBAAgB;AACpB,IAAI,eAAe;AACnB,IAAI,gBAAgB;",
   "names": []
 }

package/esm/content/empty-state/assets/VisualPresetVariants.js

@@ -214,7 +214,7 @@ const VISUAL_REFRESH_EMPTY_STATE_ASSET_MAP = {
     },
     "something-missing": {
       dark: "https://dt-cdn.net/images/document-something-missing-dark-c87a4a01ba.svg",
-      light: "https://dt-cdn.net/images/document-something-missing-light-b73c92d0d8."
+      light: "https://dt-cdn.net/images/document-something-missing-light-b73c92d0d8.svg"
     },
     "something-wrong": {
       dark: "https://dt-cdn.net/images/document-something-wrong-dark-796e70b2c6.svg",

package/esm/content/empty-state/assets/VisualPresetVariants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/content/empty-state/assets/VisualPresetVariants.ts"],
-  "sourcesContent": ["import type { _AssetMap } from '../types/empty-state-types.js';\n\nexport const EMTPY_STATE_ASSET_MAP: _AssetMap = {\n  chart: {\n    'create-new': {\n      dark: 'https://dt-cdn.net/images/chart-create-new-dark-052d72ca30.svg',\n      light: 'https://dt-cdn.net/images/chart-create-new-light-c385b5fdff.svg',\n    },\n    'no-permission': {\n      dark: 'https://dt-cdn.net/images/chart-no-permission-dark-6ffe51ec61.svg',\n      light:\n        'https://dt-cdn.net/images/chart-no-permission-light-7272fa74c3.svg',\n    },\n    'no-result': {\n      dark: 'https://dt-cdn.net/images/chart-no-result-dark-78abbbd85b.svg',\n      light: 'https://dt-cdn.net/images/chart-no-result-light-7f9c5ef30b.svg',\n    },\n    'something-missing': {\n      dark: 'https://dt-cdn.net/images/chart-something-missing-dark-3853b17f8f.svg',\n      light:\n        'https://dt-cdn.net/images/chart-something-missing-light-6dc0e87402.svg',\n    },\n    'something-wrong': {\n      dark: 'https://dt-cdn.net/images/chart-something-wrong-dark-956491d9cd.svg',\n      light:\n        'https://dt-cdn.net/images/chart-something-wrong-light-b624204eb3.svg',\n    },\n  },\n  table: {\n    'create-new': {\n      dark: 'https://dt-cdn.net/images/table-create-new-dark-ba0624b149.svg',\n      light: 'https://dt-cdn.net/images/table-create-new-light-db7f37f641.svg',\n    },\n    'no-permission': {\n      dark: 'https://dt-cdn.net/images/table-no-permission-dark-e5383630bd.svg',\n      light:\n        'https://dt-cdn.net/images/table-no-permission-light-49a61e414f.svg',\n    },\n    'no-result': {\n      dark: 'https://dt-cdn.net/images/table-no-result-dark-68a45d7852.svg',\n      light: 'https://dt-cdn.net/images/table-no-result-light-0aea1a1233.svg',\n    },\n    'something-missing': {\n      dark: 'https://dt-cdn.net/images/table-something-missing-dark-2b7a944985.svg',\n      light:\n        'https://dt-cdn.net/images/table-something-missing-light-640af56f7d.svg',\n    },\n    'something-wrong': {\n      dark: 'https://dt-cdn.net/images/table-something-wrong-dark-e789ecd0e0.svg',\n      light:\n        'https://dt-cdn.net/images/table-something-wrong-light-5d933b4dac.svg',\n    },\n  },\n  query: {\n    'create-new': {\n      dark: 'https://dt-cdn.net/images/query-create-new-dark-82ba18a9bf.svg',\n      light: 'https://dt-cdn.net/images/query-create-new-light-e795090014.svg',\n    },\n    'no-permission': {\n      dark: 'https://dt-cdn.net/images/query-no-permission-dark-4598cbacd3.svg',\n      light:\n        'https://dt-cdn.net/images/query-no-permission-light-5996cb4f2b.svg',\n    },\n    'no-result': {\n      dark: 'https://dt-cdn.net/images/query-no-result-dark-40a6b9b832.svg',\n      light: 'https://dt-cdn.net/images/query-no-result-light-472b0a5ccb.svg',\n    },\n    'something-missing': {\n      dark: 'https://dt-cdn.net/images/query-something-missing-dark-76b18c3e92.svg',\n      light:\n        'https://dt-cdn.net/images/query-something-missing-light-9ddea8be81.svg',\n    },\n    'something-wrong': {\n      dark: 'https://dt-cdn.net/images/query-something-wrong-dark-e930a45cdf.svg',\n      light:\n        'https://dt-cdn.net/images/query-something-wrong-light-3b51b5fc41.svg',\n    },\n  },\n  generic: {\n    'create-new': {\n      dark: 'https://dt-cdn.net/images/generic-create-new-dark-ee2258fd2f.svg',\n      light:\n        'https://dt-cdn.net/images/generic-create-new-light-885921ab40.svg',\n    },\n    'no-permission': {\n      dark: 'https://dt-cdn.net/images/generic-no-permission-dark-817a91781b.svg',\n      light:\n        'https://dt-cdn.net/images/generic-no-permission-light-bdf50c89b0.svg',\n    },\n    'no-result': {\n      dark: 'https://dt-cdn.net/images/generic-no-result-dark-aa0f7a1435.svg',\n      light: 'https://dt-cdn.net/images/generic-no-result-light-dc891bc14d.svg',\n    },\n    'something-missing': {\n      dark: 'https://dt-cdn.net/images/generic-something-missing-dark-1d769c3754.svg',\n      light:\n        'https://dt-cdn.net/images/generic-something-missing-light-d74815c548.svg',\n    },\n    'something-wrong': {\n      dark: 'https://dt-cdn.net/images/generic-something-wrong-dark-cd26ed6f77.svg',\n      light:\n        'https://dt-cdn.net/images/generic-something-wrong-light-1c3eb8823e.svg',\n    },\n  },\n  document: {\n    'create-new': {\n      dark: 'https://dt-cdn.net/images/document-create-new-dark-3ed278ab63.svg',\n      light:\n        'https://dt-cdn.net/images/document-create-new-light-5d0ca29520.svg',\n    },\n    'no-permission': {\n      dark: 'https://dt-cdn.net/images/document-no-permission-dark-a5132e3ad2.svg',\n      light:\n        'https://dt-cdn.net/images/document-no-permission-light-7dfb08b045.svg',\n    },\n    'no-result': {\n      dark: 'https://dt-cdn.net/images/document-no-result-dark-0e253a7131.svg',\n      light:\n        'https://dt-cdn.net/images/document-no-result-light-f846cec211.svg',\n    },\n    'something-missing': {\n      dark: 'https://dt-cdn.net/images/document-something-missing-dark-4da05df220.svg',\n      light:\n        'https://dt-cdn.net/images/document-something-missing-light-759cc146d7.svg',\n    },\n    'something-wrong': {\n      dark: 'https://dt-cdn.net/images/document-something-wrong-dark-9af73b5988.svg',\n      light:\n        'https://dt-cdn.net/images/document-something-wrong-light-d11398e80a.svg',\n    },\n  },\n};\n\nexport const VISUAL_REFRESH_EMPTY_STATE_ASSET_MAP: _AssetMap = {\n  chart: {\n    'create-new': {\n      dark: 'https://dt-cdn.net/images/chart-create-new-dark-0745a5c38c.svg',\n      light: 'https://dt-cdn.net/images/chart-create-new-light-bfebf1d919.svg',\n    },\n    'no-permission': {\n      dark: 'https://dt-cdn.net/images/chart-no-permission-dark-b73ce620a2.svg',\n      light:\n        'https://dt-cdn.net/images/chart-no-permission-light-dd352b4154.svg',\n    },\n    'no-result': {\n      dark: 'https://dt-cdn.net/images/chart-no-result-dark-fe4ad056c5.svg',\n      light: 'https://dt-cdn.net/images/chart-no-result-light-b6e2507938.svg',\n    },\n    'something-missing': {\n      dark: 'https://dt-cdn.net/images/chart-something-missing-dark-56cfd890db.svg',\n      light:\n        'https://dt-cdn.net/images/chart-something-missing-light-d588de54ab.svg',\n    },\n    'something-wrong': {\n      dark: 'https://dt-cdn.net/images/chart-something-wrong-dark-bfa1a4b1aa.svg',\n      light:\n        'https://dt-cdn.net/images/chart-something-wrong-light-747b7784c9.svg',\n    },\n  },\n  table: {\n    'create-new': {\n      dark: 'https://dt-cdn.net/images/table-create-new-dark-d9dde2733f.svg',\n      light: 'https://dt-cdn.net/images/table-create-new-light-87fed7ec41.svg',\n    },\n    'no-permission': {\n      dark: 'https://dt-cdn.net/images/table-no-permission-dark-f961ff6a96.svg',\n      light:\n        'https://dt-cdn.net/images/table-no-permission-light-1614fdb4e8.svg',\n    },\n    'no-result': {\n      dark: 'https://dt-cdn.net/images/table-no-result-dark-f3ff98c8d9.svg',\n      light: 'https://dt-cdn.net/images/table-no-result-light-a2f9fa16c9.svg',\n    },\n    'something-missing': {\n      dark: 'https://dt-cdn.net/images/table-something-missing-dark-010a8d7e97.svg',\n      light:\n        'https://dt-cdn.net/images/table-something-missing-light-b0d4a2e942.svg',\n    },\n    'something-wrong': {\n      dark: 'https://dt-cdn.net/images/table-something-wrong-dark-267bfa0285.svg',\n      light:\n        'https://dt-cdn.net/images/table-something-wrong-light-9d153b8e61.svg',\n    },\n  },\n  query: {\n    'create-new': {\n      dark: 'https://dt-cdn.net/images/query-create-new-dark-4444bb2528.svg',\n      light: 'https://dt-cdn.net/images/query-create-new-light-3915008c93.svg',\n    },\n    'no-permission': {\n      dark: 'https://dt-cdn.net/images/query-no-permission-dark-640141bbd0.svg',\n      light:\n        'https://dt-cdn.net/images/query-no-permission-light-0ea32b03e2.svg',\n    },\n    'no-result': {\n      dark: 'https://dt-cdn.net/images/query-no-result-dark-35f5345e69.svg',\n      light: 'https://dt-cdn.net/images/query-no-result-light-1c2a38e0df.svg',\n    },\n    'something-missing': {\n      dark: 'https://dt-cdn.net/images/query-something-missing-dark-a597326eca.svg',\n      light:\n        'https://dt-cdn.net/images/query-something-missing-light-1b21f004c7.svg',\n    },\n    'something-wrong': {\n      dark: 'https://dt-cdn.net/images/query-something-wrong-dark-9bcd9551de.svg',\n      light:\n        'https://dt-cdn.net/images/query-something-wrong-light-b9f597dfc7.svg',\n    },\n  },\n  generic: {\n    'create-new': {\n      dark: 'https://dt-cdn.net/images/generic-create-new-dark-879b550b68.svg',\n      light:\n        'https://dt-cdn.net/images/generic-create-new-light-e32186065d.svg',\n    },\n    'no-permission': {\n      dark: 'https://dt-cdn.net/images/generic-no-permission-dark-a337852730.svg',\n      light:\n        'https://dt-cdn.net/images/generic-no-permission-light-9d1cb7cae2.svg',\n    },\n    'no-result': {\n      dark: 'https://dt-cdn.net/images/generic-no-result-dark-d539077d97.svg',\n      light: 'https://dt-cdn.net/images/generic-no-result-light-b0f72d8592.svg',\n    },\n    'something-missing': {\n      dark: 'https://dt-cdn.net/images/generic-something-missing-dark-81e97a029e.svg',\n      light:\n        'https://dt-cdn.net/images/generic-something-missing-light-48bd739880.svg',\n    },\n    'something-wrong': {\n      dark: 'https://dt-cdn.net/images/generic-something-wrong-dark-26e73c8e81.svg',\n      light:\n        'https://dt-cdn.net/images/generic-something-wrong-light-bde42196f6.svg',\n    },\n  },\n  document: {\n    'create-new': {\n      dark: 'https://dt-cdn.net/images/document-create-new-dark-94daf02a49.svg',\n      light:\n        'https://dt-cdn.net/images/document-create-new-light-144a3a8eda.svg',\n    },\n    'no-permission': {\n      dark: 'https://dt-cdn.net/images/document-no-permission-dark-5afe41d93a.svg',\n      light:\n        'https://dt-cdn.net/images/document-no-permission-light-6006132e25.svg',\n    },\n    'no-result': {\n      dark: 'https://dt-cdn.net/images/document-no-result-dark-eb16d447ed.svg',\n      light:\n        'https://dt-cdn.net/images/document-no-result-light-743f227740.svg',\n    },\n    'something-missing': {\n      dark: 'https://dt-cdn.net/images/document-something-missing-dark-c87a4a01ba.svg',\n      light:\n        'https://dt-cdn.net/images/document-something-missing-light-b73c92d0d8.',\n    },\n    'something-wrong': {\n      dark: 'https://dt-cdn.net/images/document-something-wrong-dark-796e70b2c6.svg',\n      light:\n        'https://dt-cdn.net/images/document-something-wrong-light-c8c5306fc5.svg',\n    },\n  },\n};\n"],
+  "sourcesContent": ["import type { _AssetMap } from '../types/empty-state-types.js';\n\nexport const EMTPY_STATE_ASSET_MAP: _AssetMap = {\n  chart: {\n    'create-new': {\n      dark: 'https://dt-cdn.net/images/chart-create-new-dark-052d72ca30.svg',\n      light: 'https://dt-cdn.net/images/chart-create-new-light-c385b5fdff.svg',\n    },\n    'no-permission': {\n      dark: 'https://dt-cdn.net/images/chart-no-permission-dark-6ffe51ec61.svg',\n      light:\n        'https://dt-cdn.net/images/chart-no-permission-light-7272fa74c3.svg',\n    },\n    'no-result': {\n      dark: 'https://dt-cdn.net/images/chart-no-result-dark-78abbbd85b.svg',\n      light: 'https://dt-cdn.net/images/chart-no-result-light-7f9c5ef30b.svg',\n    },\n    'something-missing': {\n      dark: 'https://dt-cdn.net/images/chart-something-missing-dark-3853b17f8f.svg',\n      light:\n        'https://dt-cdn.net/images/chart-something-missing-light-6dc0e87402.svg',\n    },\n    'something-wrong': {\n      dark: 'https://dt-cdn.net/images/chart-something-wrong-dark-956491d9cd.svg',\n      light:\n        'https://dt-cdn.net/images/chart-something-wrong-light-b624204eb3.svg',\n    },\n  },\n  table: {\n    'create-new': {\n      dark: 'https://dt-cdn.net/images/table-create-new-dark-ba0624b149.svg',\n      light: 'https://dt-cdn.net/images/table-create-new-light-db7f37f641.svg',\n    },\n    'no-permission': {\n      dark: 'https://dt-cdn.net/images/table-no-permission-dark-e5383630bd.svg',\n      light:\n        'https://dt-cdn.net/images/table-no-permission-light-49a61e414f.svg',\n    },\n    'no-result': {\n      dark: 'https://dt-cdn.net/images/table-no-result-dark-68a45d7852.svg',\n      light: 'https://dt-cdn.net/images/table-no-result-light-0aea1a1233.svg',\n    },\n    'something-missing': {\n      dark: 'https://dt-cdn.net/images/table-something-missing-dark-2b7a944985.svg',\n      light:\n        'https://dt-cdn.net/images/table-something-missing-light-640af56f7d.svg',\n    },\n    'something-wrong': {\n      dark: 'https://dt-cdn.net/images/table-something-wrong-dark-e789ecd0e0.svg',\n      light:\n        'https://dt-cdn.net/images/table-something-wrong-light-5d933b4dac.svg',\n    },\n  },\n  query: {\n    'create-new': {\n      dark: 'https://dt-cdn.net/images/query-create-new-dark-82ba18a9bf.svg',\n      light: 'https://dt-cdn.net/images/query-create-new-light-e795090014.svg',\n    },\n    'no-permission': {\n      dark: 'https://dt-cdn.net/images/query-no-permission-dark-4598cbacd3.svg',\n      light:\n        'https://dt-cdn.net/images/query-no-permission-light-5996cb4f2b.svg',\n    },\n    'no-result': {\n      dark: 'https://dt-cdn.net/images/query-no-result-dark-40a6b9b832.svg',\n      light: 'https://dt-cdn.net/images/query-no-result-light-472b0a5ccb.svg',\n    },\n    'something-missing': {\n      dark: 'https://dt-cdn.net/images/query-something-missing-dark-76b18c3e92.svg',\n      light:\n        'https://dt-cdn.net/images/query-something-missing-light-9ddea8be81.svg',\n    },\n    'something-wrong': {\n      dark: 'https://dt-cdn.net/images/query-something-wrong-dark-e930a45cdf.svg',\n      light:\n        'https://dt-cdn.net/images/query-something-wrong-light-3b51b5fc41.svg',\n    },\n  },\n  generic: {\n    'create-new': {\n      dark: 'https://dt-cdn.net/images/generic-create-new-dark-ee2258fd2f.svg',\n      light:\n        'https://dt-cdn.net/images/generic-create-new-light-885921ab40.svg',\n    },\n    'no-permission': {\n      dark: 'https://dt-cdn.net/images/generic-no-permission-dark-817a91781b.svg',\n      light:\n        'https://dt-cdn.net/images/generic-no-permission-light-bdf50c89b0.svg',\n    },\n    'no-result': {\n      dark: 'https://dt-cdn.net/images/generic-no-result-dark-aa0f7a1435.svg',\n      light: 'https://dt-cdn.net/images/generic-no-result-light-dc891bc14d.svg',\n    },\n    'something-missing': {\n      dark: 'https://dt-cdn.net/images/generic-something-missing-dark-1d769c3754.svg',\n      light:\n        'https://dt-cdn.net/images/generic-something-missing-light-d74815c548.svg',\n    },\n    'something-wrong': {\n      dark: 'https://dt-cdn.net/images/generic-something-wrong-dark-cd26ed6f77.svg',\n      light:\n        'https://dt-cdn.net/images/generic-something-wrong-light-1c3eb8823e.svg',\n    },\n  },\n  document: {\n    'create-new': {\n      dark: 'https://dt-cdn.net/images/document-create-new-dark-3ed278ab63.svg',\n      light:\n        'https://dt-cdn.net/images/document-create-new-light-5d0ca29520.svg',\n    },\n    'no-permission': {\n      dark: 'https://dt-cdn.net/images/document-no-permission-dark-a5132e3ad2.svg',\n      light:\n        'https://dt-cdn.net/images/document-no-permission-light-7dfb08b045.svg',\n    },\n    'no-result': {\n      dark: 'https://dt-cdn.net/images/document-no-result-dark-0e253a7131.svg',\n      light:\n        'https://dt-cdn.net/images/document-no-result-light-f846cec211.svg',\n    },\n    'something-missing': {\n      dark: 'https://dt-cdn.net/images/document-something-missing-dark-4da05df220.svg',\n      light:\n        'https://dt-cdn.net/images/document-something-missing-light-759cc146d7.svg',\n    },\n    'something-wrong': {\n      dark: 'https://dt-cdn.net/images/document-something-wrong-dark-9af73b5988.svg',\n      light:\n        'https://dt-cdn.net/images/document-something-wrong-light-d11398e80a.svg',\n    },\n  },\n};\n\nexport const VISUAL_REFRESH_EMPTY_STATE_ASSET_MAP: _AssetMap = {\n  chart: {\n    'create-new': {\n      dark: 'https://dt-cdn.net/images/chart-create-new-dark-0745a5c38c.svg',\n      light: 'https://dt-cdn.net/images/chart-create-new-light-bfebf1d919.svg',\n    },\n    'no-permission': {\n      dark: 'https://dt-cdn.net/images/chart-no-permission-dark-b73ce620a2.svg',\n      light:\n        'https://dt-cdn.net/images/chart-no-permission-light-dd352b4154.svg',\n    },\n    'no-result': {\n      dark: 'https://dt-cdn.net/images/chart-no-result-dark-fe4ad056c5.svg',\n      light: 'https://dt-cdn.net/images/chart-no-result-light-b6e2507938.svg',\n    },\n    'something-missing': {\n      dark: 'https://dt-cdn.net/images/chart-something-missing-dark-56cfd890db.svg',\n      light:\n        'https://dt-cdn.net/images/chart-something-missing-light-d588de54ab.svg',\n    },\n    'something-wrong': {\n      dark: 'https://dt-cdn.net/images/chart-something-wrong-dark-bfa1a4b1aa.svg',\n      light:\n        'https://dt-cdn.net/images/chart-something-wrong-light-747b7784c9.svg',\n    },\n  },\n  table: {\n    'create-new': {\n      dark: 'https://dt-cdn.net/images/table-create-new-dark-d9dde2733f.svg',\n      light: 'https://dt-cdn.net/images/table-create-new-light-87fed7ec41.svg',\n    },\n    'no-permission': {\n      dark: 'https://dt-cdn.net/images/table-no-permission-dark-f961ff6a96.svg',\n      light:\n        'https://dt-cdn.net/images/table-no-permission-light-1614fdb4e8.svg',\n    },\n    'no-result': {\n      dark: 'https://dt-cdn.net/images/table-no-result-dark-f3ff98c8d9.svg',\n      light: 'https://dt-cdn.net/images/table-no-result-light-a2f9fa16c9.svg',\n    },\n    'something-missing': {\n      dark: 'https://dt-cdn.net/images/table-something-missing-dark-010a8d7e97.svg',\n      light:\n        'https://dt-cdn.net/images/table-something-missing-light-b0d4a2e942.svg',\n    },\n    'something-wrong': {\n      dark: 'https://dt-cdn.net/images/table-something-wrong-dark-267bfa0285.svg',\n      light:\n        'https://dt-cdn.net/images/table-something-wrong-light-9d153b8e61.svg',\n    },\n  },\n  query: {\n    'create-new': {\n      dark: 'https://dt-cdn.net/images/query-create-new-dark-4444bb2528.svg',\n      light: 'https://dt-cdn.net/images/query-create-new-light-3915008c93.svg',\n    },\n    'no-permission': {\n      dark: 'https://dt-cdn.net/images/query-no-permission-dark-640141bbd0.svg',\n      light:\n        'https://dt-cdn.net/images/query-no-permission-light-0ea32b03e2.svg',\n    },\n    'no-result': {\n      dark: 'https://dt-cdn.net/images/query-no-result-dark-35f5345e69.svg',\n      light: 'https://dt-cdn.net/images/query-no-result-light-1c2a38e0df.svg',\n    },\n    'something-missing': {\n      dark: 'https://dt-cdn.net/images/query-something-missing-dark-a597326eca.svg',\n      light:\n        'https://dt-cdn.net/images/query-something-missing-light-1b21f004c7.svg',\n    },\n    'something-wrong': {\n      dark: 'https://dt-cdn.net/images/query-something-wrong-dark-9bcd9551de.svg',\n      light:\n        'https://dt-cdn.net/images/query-something-wrong-light-b9f597dfc7.svg',\n    },\n  },\n  generic: {\n    'create-new': {\n      dark: 'https://dt-cdn.net/images/generic-create-new-dark-879b550b68.svg',\n      light:\n        'https://dt-cdn.net/images/generic-create-new-light-e32186065d.svg',\n    },\n    'no-permission': {\n      dark: 'https://dt-cdn.net/images/generic-no-permission-dark-a337852730.svg',\n      light:\n        'https://dt-cdn.net/images/generic-no-permission-light-9d1cb7cae2.svg',\n    },\n    'no-result': {\n      dark: 'https://dt-cdn.net/images/generic-no-result-dark-d539077d97.svg',\n      light: 'https://dt-cdn.net/images/generic-no-result-light-b0f72d8592.svg',\n    },\n    'something-missing': {\n      dark: 'https://dt-cdn.net/images/generic-something-missing-dark-81e97a029e.svg',\n      light:\n        'https://dt-cdn.net/images/generic-something-missing-light-48bd739880.svg',\n    },\n    'something-wrong': {\n      dark: 'https://dt-cdn.net/images/generic-something-wrong-dark-26e73c8e81.svg',\n      light:\n        'https://dt-cdn.net/images/generic-something-wrong-light-bde42196f6.svg',\n    },\n  },\n  document: {\n    'create-new': {\n      dark: 'https://dt-cdn.net/images/document-create-new-dark-94daf02a49.svg',\n      light:\n        'https://dt-cdn.net/images/document-create-new-light-144a3a8eda.svg',\n    },\n    'no-permission': {\n      dark: 'https://dt-cdn.net/images/document-no-permission-dark-5afe41d93a.svg',\n      light:\n        'https://dt-cdn.net/images/document-no-permission-light-6006132e25.svg',\n    },\n    'no-result': {\n      dark: 'https://dt-cdn.net/images/document-no-result-dark-eb16d447ed.svg',\n      light:\n        'https://dt-cdn.net/images/document-no-result-light-743f227740.svg',\n    },\n    'something-missing': {\n      dark: 'https://dt-cdn.net/images/document-something-missing-dark-c87a4a01ba.svg',\n      light:\n        'https://dt-cdn.net/images/document-something-missing-light-b73c92d0d8.svg',\n    },\n    'something-wrong': {\n      dark: 'https://dt-cdn.net/images/document-something-wrong-dark-796e70b2c6.svg',\n      light:\n        'https://dt-cdn.net/images/document-something-wrong-light-c8c5306fc5.svg',\n    },\n  },\n};\n"],
   "mappings": "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",
   "names": []
 }

package/esm/content/empty-state/empty-state-utils.js

@@ -1,3 +1,4 @@
+import { useSyncExternalStore } from "react";
 import {
   EMTPY_STATE_ASSET_MAP,
   VISUAL_REFRESH_EMPTY_STATE_ASSET_MAP
@@ -13,15 +14,21 @@ function getHeadingVariant(size, as) {
   }
   return { level: 3, as: as ?? "h3" };
 }
-function generateVisualPresetCdnUrl(context, type, theme) {
-  if (isVisualRefreshEnabled()) {
+function useVisualPresetCdnUrl(context, type, theme) {
+  const visualRefreshEnabled = useSyncExternalStore(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    () => () => globalThis.dtVisualRefreshEnabled,
+    () => isVisualRefreshEnabled(),
+    () => false
+  );
+  if (visualRefreshEnabled) {
     return VISUAL_REFRESH_EMPTY_STATE_ASSET_MAP[context][type][theme];
   }
   return EMTPY_STATE_ASSET_MAP[context][type][theme];
 }
 export {
   _MIN_CONTAINER_WIDTH,
-  generateVisualPresetCdnUrl,
-  getHeadingVariant
+  getHeadingVariant,
+  useVisualPresetCdnUrl
 };
 //# sourceMappingURL=empty-state-utils.js.map

package/esm/content/empty-state/empty-state-utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/empty-state/empty-state-utils.ts"],
-  "sourcesContent": ["import {\n  EMTPY_STATE_ASSET_MAP,\n  VISUAL_REFRESH_EMPTY_STATE_ASSET_MAP,\n} from './assets/VisualPresetVariants.js';\nimport type { EmptyStateVisualPresetProps } from './types/empty-state-types.js';\nimport { isVisualRefreshEnabled } from '../../core/utils/is-visual-refresh-enabled.js';\n\n/**  Based on the content subcontainer's min-width, spacing,\n * and visual container dimensions (320px + 64px + 320px)\n * @internal\n */\nexport const _MIN_CONTAINER_WIDTH = 704;\n\n/**\n * @internal\n */\nexport function getHeadingVariant(\n  size: 'small' | 'default' | 'large',\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6',\n): {\n  level: 1 | 2 | 3 | 4 | 5 | 6;\n  as: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n} {\n  if (size === 'small') {\n    return { level: 6, as: as ?? 'h6' };\n  }\n\n  if (size === 'large') {\n    return { level: 1, as: as ?? 'h1' };\n  }\n\n  return { level: 3, as: as ?? 'h3' };\n}\n\n/**\n * @internal\n */\nexport function generateVisualPresetCdnUrl(\n  context: EmptyStateVisualPresetProps['context'],\n  type: EmptyStateVisualPresetProps['type'],\n  theme: 'light' | 'dark',\n): string {\n  if (isVisualRefreshEnabled()) {\n    return VISUAL_REFRESH_EMPTY_STATE_ASSET_MAP[context][type][theme];\n  }\n  return EMTPY_STATE_ASSET_MAP[context][type][theme];\n}\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,8BAA8B;AAMhC,MAAM,uBAAuB;AAK7B,SAAS,kBACd,MACA,IAIA;AACA,MAAI,SAAS,SAAS;AACpB,WAAO,EAAE,OAAO,GAAG,IAAI,MAAM,KAAK;AAAA,EACpC;AAEA,MAAI,SAAS,SAAS;AACpB,WAAO,EAAE,OAAO,GAAG,IAAI,MAAM,KAAK;AAAA,EACpC;AAEA,SAAO,EAAE,OAAO,GAAG,IAAI,MAAM,KAAK;AACpC;AAKO,SAAS,2BACd,SACA,MACA,OACQ;AACR,MAAI,uBAAuB,GAAG;AAC5B,WAAO,qCAAqC,OAAO,EAAE,IAAI,EAAE,KAAK;AAAA,EAClE;AACA,SAAO,sBAAsB,OAAO,EAAE,IAAI,EAAE,KAAK;AACnD;",
+  "sourcesContent": ["import { useSyncExternalStore } from 'react';\n\nimport {\n  EMTPY_STATE_ASSET_MAP,\n  VISUAL_REFRESH_EMPTY_STATE_ASSET_MAP,\n} from './assets/VisualPresetVariants.js';\nimport type { EmptyStateVisualPresetProps } from './types/empty-state-types.js';\nimport { isVisualRefreshEnabled } from '../../core/utils/is-visual-refresh-enabled.js';\n\n/**  Based on the content subcontainer's min-width, spacing,\n * and visual container dimensions (320px + 64px + 320px)\n * @internal\n */\nexport const _MIN_CONTAINER_WIDTH = 704;\n\n/**\n * @internal\n */\nexport function getHeadingVariant(\n  size: 'small' | 'default' | 'large',\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6',\n): {\n  level: 1 | 2 | 3 | 4 | 5 | 6;\n  as: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n} {\n  if (size === 'small') {\n    return { level: 6, as: as ?? 'h6' };\n  }\n\n  if (size === 'large') {\n    return { level: 1, as: as ?? 'h1' };\n  }\n\n  return { level: 3, as: as ?? 'h3' };\n}\n\n/**\n * @internal\n */\nexport function useVisualPresetCdnUrl(\n  context: EmptyStateVisualPresetProps['context'],\n  type: EmptyStateVisualPresetProps['type'],\n  theme: 'light' | 'dark',\n): string {\n  const visualRefreshEnabled = useSyncExternalStore(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    () => () => (globalThis as any).dtVisualRefreshEnabled,\n    () => isVisualRefreshEnabled(),\n    () => false,\n  );\n\n  if (visualRefreshEnabled) {\n    return VISUAL_REFRESH_EMPTY_STATE_ASSET_MAP[context][type][theme];\n  }\n  return EMTPY_STATE_ASSET_MAP[context][type][theme];\n}\n"],
+  "mappings": "AAAA,SAAS,4BAA4B;AAErC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,8BAA8B;AAMhC,MAAM,uBAAuB;AAK7B,SAAS,kBACd,MACA,IAIA;AACA,MAAI,SAAS,SAAS;AACpB,WAAO,EAAE,OAAO,GAAG,IAAI,MAAM,KAAK;AAAA,EACpC;AAEA,MAAI,SAAS,SAAS;AACpB,WAAO,EAAE,OAAO,GAAG,IAAI,MAAM,KAAK;AAAA,EACpC;AAEA,SAAO,EAAE,OAAO,GAAG,IAAI,MAAM,KAAK;AACpC;AAKO,SAAS,sBACd,SACA,MACA,OACQ;AACR,QAAM,uBAAuB;AAAA;AAAA,IAE3B,MAAM,MAAO,WAAmB;AAAA,IAChC,MAAM,uBAAuB;AAAA,IAC7B,MAAM;AAAA,EACR;AAEA,MAAI,sBAAsB;AACxB,WAAO,qCAAqC,OAAO,EAAE,IAAI,EAAE,KAAK;AAAA,EAClE;AACA,SAAO,sBAAsB,OAAO,EAAE,IAAI,EAAE,KAAK;AACnD;",
   "names": []
 }

package/esm/content/empty-state/slot-components/Footer.css

@@ -1,4 +1,4 @@
-._ueufet0-3-5-0 {
+._ueufet0-3-6-0 {
   margin: 0;
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }

package/esm/content/empty-state/slot-components/Footer.sty.js

@@ -1,5 +1,5 @@
 import "./Footer.css";
-var footerCSS = "_ueufet0-3-5-0";
+var footerCSS = "_ueufet0-3-6-0";
 export {
   footerCSS
 };

package/esm/content/empty-state/slot-components/Footer.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/content/empty-state/slot-components/Footer.css.ts"],
-  "sourcesContent": ["import './Footer.css';\nexport var footerCSS = '_ueufet0-3-5-0';"],
+  "sourcesContent": ["import './Footer.css';\nexport var footerCSS = '_ueufet0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/content/empty-state/slot-components/Visual.css

@@ -1,4 +1,4 @@
-._nlpkgy0-3-5-0 {
+._nlpkgy0-3-6-0 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -7,13 +7,13 @@
   max-width: 100%;
   aspect-ratio: 8 / 5;
 }
-._nlpkgy0-3-5-0 img, picture {
+._nlpkgy0-3-6-0 img, picture {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain;
   object-position: center;
 }
-._nlpkgy0-3-5-0 & figure {
+._nlpkgy0-3-6-0 & figure {
   margin: 0;
   max-width: 100%;
   max-height: 100%;

package/esm/content/empty-state/slot-components/Visual.sty.js

@@ -1,5 +1,5 @@
 import "./Visual.css";
-var visualContainerCSS = "_nlpkgy0-3-5-0";
+var visualContainerCSS = "_nlpkgy0-3-6-0";
 export {
   visualContainerCSS
 };

package/esm/content/empty-state/slot-components/Visual.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/content/empty-state/slot-components/Visual.css.ts"],
-  "sourcesContent": ["import './Visual.css';\nexport var visualContainerCSS = '_nlpkgy0-3-5-0';"],
+  "sourcesContent": ["import './Visual.css';\nexport var visualContainerCSS = '_nlpkgy0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

package/esm/content/empty-state/slot-components/VisualPreset.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { useCurrentTheme } from "../../../core/hooks/useCurrentTheme.js";
-import { generateVisualPresetCdnUrl } from "../empty-state-utils.js";
+import { useVisualPresetCdnUrl } from "../empty-state-utils.js";
 const VisualPreset = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   const {
     context,
@@ -11,11 +11,7 @@ const VisualPreset = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
     "data-testid": dataTestId
   } = props;
   const currentTheme = useCurrentTheme();
-  const visualPresetUrl = generateVisualPresetCdnUrl(
-    context,
-    type,
-    currentTheme
-  );
+  const visualPresetUrl = useVisualPresetCdnUrl(context, type, currentTheme);
   return /* @__PURE__ */ jsx(
     "img",
     {

package/esm/content/empty-state/slot-components/VisualPreset.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/content/empty-state/slot-components/VisualPreset.tsx"],
-  "sourcesContent": ["import { forwardRef } from 'react';\n\nimport { useCurrentTheme } from '../../../core/hooks/useCurrentTheme.js';\nimport { generateVisualPresetCdnUrl } from '../empty-state-utils.js';\nimport type { EmptyStateVisualPresetProps } from '../types/empty-state-types.js';\n\n/**\n * Container for the Visual slot of the EmptyState component.\n * @public\n */\nexport const VisualPreset = /* @__PURE__ */ forwardRef<\n  HTMLImageElement,\n  EmptyStateVisualPresetProps\n>((props, forwardedRef) => {\n  const {\n    context,\n    type,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n  } = props;\n\n  const currentTheme = useCurrentTheme();\n  const visualPresetUrl = generateVisualPresetCdnUrl(\n    context,\n    type,\n    currentTheme,\n  );\n\n  return (\n    <img\n      // no meaningful alt text for screen readers\n      aria-hidden\n      alt=\"\"\n      ref={forwardedRef}\n      src={visualPresetUrl}\n      className={consumerClassName}\n      style={consumerStyle}\n      data-testid={dataTestId}\n    />\n  );\n});\n\n(VisualPreset as typeof VisualPreset & { displayName: string }).displayName =\n  'EmptyState.VisualPreset';\n"],
-  "mappings": "AA8BI;AA9BJ,SAAS,kBAAkB;AAE3B,SAAS,uBAAuB;AAChC,SAAS,kCAAkC;AAOpC,MAAM,eAA+B,2BAG1C,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,EACjB,IAAI;AAEJ,QAAM,eAAe,gBAAgB;AACrC,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,eAAW;AAAA,MACX,KAAI;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAa;AAAA;AAAA,EACf;AAEJ,CAAC;AAEA,aAA+D,cAC9D;",
+  "sourcesContent": ["import { forwardRef } from 'react';\n\nimport { useCurrentTheme } from '../../../core/hooks/useCurrentTheme.js';\nimport { useVisualPresetCdnUrl } from '../empty-state-utils.js';\nimport type { EmptyStateVisualPresetProps } from '../types/empty-state-types.js';\n\n/**\n * Container for the Visual slot of the EmptyState component.\n * @public\n */\nexport const VisualPreset = /* @__PURE__ */ forwardRef<\n  HTMLImageElement,\n  EmptyStateVisualPresetProps\n>((props, forwardedRef) => {\n  const {\n    context,\n    type,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n  } = props;\n\n  const currentTheme = useCurrentTheme();\n  const visualPresetUrl = useVisualPresetCdnUrl(context, type, currentTheme);\n\n  return (\n    <img\n      // no meaningful alt text for screen readers\n      aria-hidden\n      alt=\"\"\n      ref={forwardedRef}\n      src={visualPresetUrl}\n      className={consumerClassName}\n      style={consumerStyle}\n      data-testid={dataTestId}\n    />\n  );\n});\n\n(VisualPreset as typeof VisualPreset & { displayName: string }).displayName =\n  'EmptyState.VisualPreset';\n"],
+  "mappings": "AA0BI;AA1BJ,SAAS,kBAAkB;AAE3B,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AAO/B,MAAM,eAA+B,2BAG1C,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,EACjB,IAAI;AAEJ,QAAM,eAAe,gBAAgB;AACrC,QAAM,kBAAkB,sBAAsB,SAAS,MAAM,YAAY;AAEzE,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,eAAW;AAAA,MACX,KAAI;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAa;AAAA;AAAA,EACf;AAEJ,CAAC;AAEA,aAA+D,cAC9D;",
   "names": []
 }

package/esm/content/expandable-text/ExpandableText.css

@@ -1,13 +1,13 @@
-._19jh2ut0-3-5-0 {
+._19jh2ut0-3-6-0 {
   transition: opacity var(--dt-animations-expand-collapse-duration-fast, 250ms) var(--dt-animations-expand-collapse-easing, cubic-bezier(0.4, 0, 0.2, 1));
 }
-._19jh2ut1-3-5-0 {
+._19jh2ut1-3-6-0 {
   opacity: 1;
 }
-._19jh2ut2-3-5-0 {
+._19jh2ut2-3-6-0 {
   opacity: 0;
 }
-._19jh2ut3-3-5-0 {
+._19jh2ut3-3-6-0 {
   border: none;
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
   background: transparent;
@@ -27,12 +27,12 @@
   text-decoration-color: var(--dt-colors-border-neutral-accent, #595a7d);
   transition: background-color var(--dt-animations-hover-duration-base, 150ms) var(--dt-animations-hover-easing, cubic-bezier(0, 0, 0.2, 1));
 }
-._19jh2ut3-3-5-0:hover {
+._19jh2ut3-3-6-0:hover {
   background: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._19jh2ut3-3-5-0:active {
+._19jh2ut3-3-6-0:active {
   background: var(--dt-colors-background-field-neutral-default-active, #d0d1dc);
 }
-._19jh2ut3-3-5-0:focus-visible {
+._19jh2ut3-3-6-0:focus-visible {
   text-decoration: none;
 }

package/esm/content/expandable-text/ExpandableText.sty.js

@@ -1,8 +1,8 @@
 import "../../core/styles/focusRingStatic.css";
 import "./ExpandableText.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var expandableTextButtonCSS = "_19jh2ut3-3-5-0 _z0fq9b4-3-5-0 _z0fq9bd-3-5-0 _z0fq9b5-3-5-0 _z0fq9bb-3-5-0";
-var expandableTextCSS = _7a468({ defaultClassName: "_19jh2ut0-3-5-0", variantClassNames: { expanded: { true: "_19jh2ut1-3-5-0", false: "_19jh2ut2-3-5-0" } }, defaultVariants: {}, compoundVariants: [] });
+var expandableTextButtonCSS = "_19jh2ut3-3-6-0 _z0fq9b4-3-6-0 _z0fq9bd-3-6-0 _z0fq9b5-3-6-0 _z0fq9bb-3-6-0";
+var expandableTextCSS = _7a468({ defaultClassName: "_19jh2ut0-3-6-0", variantClassNames: { expanded: { true: "_19jh2ut1-3-6-0", false: "_19jh2ut2-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   expandableTextButtonCSS,
   expandableTextCSS

package/esm/content/expandable-text/ExpandableText.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/expandable-text/ExpandableText.css.ts"],
-  "sourcesContent": ["import '../../core/styles/focusRingStatic.css';\nimport './ExpandableText.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var expandableTextButtonCSS = '_19jh2ut3-3-5-0 _z0fq9b4-3-5-0 _z0fq9bd-3-5-0 _z0fq9b5-3-5-0 _z0fq9bb-3-5-0';\nexport var expandableTextCSS = _7a468({defaultClassName:'_19jh2ut0-3-5-0',variantClassNames:{expanded:{true:'_19jh2ut1-3-5-0',false:'_19jh2ut2-3-5-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import '../../core/styles/focusRingStatic.css';\nimport './ExpandableText.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var expandableTextButtonCSS = '_19jh2ut3-3-6-0 _z0fq9b4-3-6-0 _z0fq9bd-3-6-0 _z0fq9b5-3-6-0 _z0fq9bb-3-6-0';\nexport var expandableTextCSS = _7a468({defaultClassName:'_19jh2ut0-3-6-0',variantClassNames:{expanded:{true:'_19jh2ut1-3-6-0',false:'_19jh2ut2-3-6-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,0BAA0B;AAC9B,IAAI,oBAAoB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }