@storybook/components 6.5.0-alpha.44 → 6.5.0-alpha.45

package/dist/modern/{syntaxhighlighter-7918e0a9.js → syntaxhighlighter-a031426a.js}

@@ -1,4 +1,4 @@
-import { _ as _objectWithoutPropertiesLoose, a as _extends, c as commonjsGlobal, m as memoize, d as dedent, b as __awaiter, S as ScrollArea, e as __rest, A as ActionBar, w as window_1 } from './index-1368aba1.js';
+import { _ as _objectWithoutPropertiesLoose, a as _extends, c as commonjsGlobal, m as memoize, d as dedent, b as __awaiter, S as ScrollArea, e as __rest, A as ActionBar, w as window_1 } from './index-8859409f.js';
 import React__default, { useState } from 'react';
 import { logger } from '@storybook/client-logger';
 import { styled } from '@storybook/theming';
@@ -32,8 +32,8 @@ function jsx(Prism) {
     spread = re(spread).source;
     Prism.languages.jsx = Prism.languages.extend('markup', javascript);
     Prism.languages.jsx.tag.pattern = re(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source);
-    Prism.languages.jsx.tag.inside['tag'].pattern = /^<\/?[^\s>\/]*/i;
-    Prism.languages.jsx.tag.inside['attr-value'].pattern = /=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/i;
+    Prism.languages.jsx.tag.inside['tag'].pattern = /^<\/?[^\s>\/]*/;
+    Prism.languages.jsx.tag.inside['attr-value'].pattern = /=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/;
     Prism.languages.jsx.tag.inside['tag'].inside['class-name'] = /^[A-Z]\w*(?:\.[A-Z]\w*)*$/;
     Prism.languages.jsx.tag.inside['comment'] = javascript['comment'];
     Prism.languages.insertBefore('inside', 'attr-name', {
@@ -46,14 +46,14 @@ function jsx(Prism) {
       script: {
         // Allow for two levels of nesting
         pattern: re(/=<BRACES>/.source),
+        alias: 'language-javascript',
         inside: {
           'script-punctuation': {
             pattern: /^=(?=\{)/,
             alias: 'punctuation'
           },
           rest: Prism.languages.jsx
-        },
-        alias: 'language-javascript'
+        }
       }
     }, Prism.languages.jsx.tag); // The following will handle plain text inside tags
 
@@ -210,7 +210,7 @@ function bash(Prism) {
         }
       }, /\$(?:\w+|[#?*!@$])/],
       // Escape sequences from echo and printf's manuals, and escaped quotes.
-      entity: /\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|x[0-9a-fA-F]{1,2}|u[0-9a-fA-F]{4}|U[0-9a-fA-F]{8})/
+      entity: /\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/
     };
     Prism.languages.bash = {
       shebang: {
@@ -296,22 +296,22 @@ function bash(Prism) {
       },
       variable: insideString.variable,
       function: {
-        pattern: /(^|[\s;|&]|[<>]\()(?:add|apropos|apt|aptitude|apt-cache|apt-get|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,
+        pattern: /(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,
         lookbehind: true
       },
       keyword: {
-        pattern: /(^|[\s;|&]|[<>]\()(?:if|then|else|elif|fi|for|while|in|case|esac|function|select|do|done|until)(?=$|[)\s;|&])/,
+        pattern: /(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,
         lookbehind: true
       },
       // https://www.gnu.org/software/bash/manual/html_node/Shell-Builtin-Commands.html
       builtin: {
-        pattern: /(^|[\s;|&]|[<>]\()(?:\.|:|break|cd|continue|eval|exec|exit|export|getopts|hash|pwd|readonly|return|shift|test|times|trap|umask|unset|alias|bind|builtin|caller|command|declare|echo|enable|help|let|local|logout|mapfile|printf|read|readarray|source|type|typeset|ulimit|unalias|set|shopt)(?=$|[)\s;|&])/,
+        pattern: /(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,
         lookbehind: true,
         // Alias added to make those easier to distinguish from strings.
         alias: 'class-name'
       },
       boolean: {
-        pattern: /(^|[\s;|&]|[<>]\()(?:true|false)(?=$|[)\s;|&])/,
+        pattern: /(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,
         lookbehind: true
       },
       'file-descriptor': {
@@ -441,7 +441,7 @@ function jsExtras(Prism) {
       'known-class-name': [{
         // standard built-ins
         // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects
-        pattern: /\b(?:(?:(?:Uint|Int)(?:8|16|32)|Uint8Clamped|Float(?:32|64))?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|(?:Weak)?(?:Set|Map)|WebAssembly)\b/,
+        pattern: /\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,
         alias: 'class-name'
       }, {
         // errors
@@ -481,7 +481,7 @@ function jsExtras(Prism) {
       pattern: /\b(?:as|default|export|from|import)\b/,
       alias: 'module'
     }, {
-      pattern: /\b(?:await|break|catch|continue|do|else|for|finally|if|return|switch|throw|try|while|yield)\b/,
+      pattern: /\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,
       alias: 'control-flow'
     }, {
       pattern: /\bnull\b/,
@@ -511,7 +511,7 @@ function jsExtras(Prism) {
       },
       dom: {
         // this contains only a few commonly used DOM variables
-        pattern: /\b(?:document|location|navigator|performance|(?:local|session)Storage|window)\b/,
+        pattern: /\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,
         alias: 'variable'
       },
       console: {
@@ -565,7 +565,7 @@ function json(Prism) {
     number: /-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,
     punctuation: /[{}[\],]/,
     operator: /:/,
-    boolean: /\b(?:true|false)\b/,
+    boolean: /\b(?:false|true)\b/,
     null: {
       pattern: /\bnull\b/,
       alias: 'keyword'
@@ -599,18 +599,18 @@ function graphql(Prism) {
       greedy: true
     },
     number: /(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,
-    boolean: /\b(?:true|false)\b/,
+    boolean: /\b(?:false|true)\b/,
     variable: /\$[a-z_]\w*/i,
     directive: {
       pattern: /@[a-z_]\w*/i,
       alias: 'function'
     },
     'attr-name': {
-      pattern: /[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,
+      pattern: /\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,
       greedy: true
     },
     'atom-input': {
-      pattern: /[A-Z]\w*Input(?=!?.*$)/m,
+      pattern: /\b[A-Z]\w*Input\b/,
       alias: 'class-name'
     },
     scalar: /\b(?:Boolean|Float|ID|Int|String)\b/,
@@ -1013,7 +1013,7 @@ function markdown(Prism) {
         greedy: true,
         inside: {
           punctuation: /^---|---$/,
-          'font-matter': {
+          'front-matter': {
             pattern: /\S+(?:\s+\S+)*/,
             alias: ['yaml', 'language-yaml'],
             inside: Prism.languages.yaml
@@ -1451,7 +1451,7 @@ function yaml(Prism) {
         alias: 'number'
       },
       boolean: {
-        pattern: createValuePattern(/true|false/.source, 'i'),
+        pattern: createValuePattern(/false|true/.source, 'i'),
         lookbehind: true,
         alias: 'important'
       },
@@ -1492,14 +1492,15 @@ function typescript(Prism) {
         inside: null // see below
 
       },
-      builtin: /\b(?:string|Function|any|number|boolean|Array|symbol|console|Promise|unknown|never)\b/
+      builtin: /\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/
     }); // The keywords TypeScript adds to JavaScript
 
-    Prism.languages.typescript.keyword.push(/\b(?:abstract|as|declare|implements|is|keyof|readonly|require)\b/, // keywords that have to be followed by an identifier
+    Prism.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/, // keywords that have to be followed by an identifier
     /\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/, // This is for `import type *, {}`
     /\btype\b(?=\s*(?:[\{*]|$))/); // doesn't work with TS because TS is too complex
 
-    delete Prism.languages.typescript['parameter']; // a version of typescript specifically for highlighting types
+    delete Prism.languages.typescript['parameter'];
+    delete Prism.languages.typescript['literal-property']; // a version of typescript specifically for highlighting types
 
     var typeInside = Prism.languages.extend('typescript', {});
     delete typeInside['class-name'];
@@ -1547,7 +1548,10 @@ function tsx(Prism) {
 
   (function (Prism) {
     var typescript = Prism.util.clone(Prism.languages.typescript);
-    Prism.languages.tsx = Prism.languages.extend('jsx', typescript); // This will prevent collisions between TSX tags and TS generic types.
+    Prism.languages.tsx = Prism.languages.extend('jsx', typescript); // doesn't work with TS because TS is too complex
+
+    delete Prism.languages.tsx['parameter'];
+    delete Prism.languages.tsx['literal-property']; // This will prevent collisions between TSX tags and TS generic types.
     // Idea by https://github.com/karlhorky
     // Discussion: https://github.com/PrismJS/prism/issues/2594#issuecomment-710666928
 
@@ -3941,7 +3945,7 @@ var prismCore = {
 
   var Prism = function (_self) {
     // Private helper vars
-    var lang = /\blang(?:uage)?-([\w-]+)\b/i;
+    var lang = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i;
     var uniqueId = 0; // The grammar object for plaintext
 
     var plainTextGrammar = {};
@@ -3968,6 +3972,28 @@ var prismCore = {
        * @public
        */
       manual: _self.Prism && _self.Prism.manual,
+
+      /**
+       * By default, if Prism is in a web worker, it assumes that it is in a worker it created itself, so it uses
+       * `addEventListener` to communicate with its parent instance. However, if you're using Prism manually in your
+       * own worker, you don't want it to do this.
+       *
+       * By setting this value to `true`, Prism will not add its own listeners to the worker.
+       *
+       * You obviously have to change this value before Prism executes. To do this, you can add an
+       * empty Prism object into the global scope before loading the Prism script like this:
+       *
+       * ```js
+       * window.Prism = window.Prism || {};
+       * Prism.disableWorkerMessageHandler = true;
+       * // Load Prism's script
+       * ```
+       *
+       * @default false
+       * @type {boolean}
+       * @memberof Prism
+       * @public
+       */
       disableWorkerMessageHandler: _self.Prism && _self.Prism.disableWorkerMessageHandler,
 
       /**
@@ -4100,17 +4126,35 @@ var prismCore = {
          * @returns {string}
          */
         getLanguage: function (element) {
-          while (element && !lang.test(element.className)) {
-            element = element.parentElement;
-          }
+          while (element) {
+            var m = lang.exec(element.className);
+
+            if (m) {
+              return m[1].toLowerCase();
+            }
 
-          if (element) {
-            return (element.className.match(lang) || [, 'none'])[1].toLowerCase();
+            element = element.parentElement;
           }
 
           return 'none';
         },
 
+        /**
+         * Sets the Prism `language-xxxx` class of the given element.
+         *
+         * @param {Element} element
+         * @param {string} language
+         * @returns {void}
+         */
+        setLanguage: function (element, language) {
+          // remove all `language-xxxx` classes
+          // (this might leave behind a leading space)
+          element.className = element.className.replace(RegExp(lang, 'gi'), ''); // add the new `language-xxxx` class
+          // (using `classList` will automatically clean up spaces for us)
+
+          element.classList.add('language-' + language);
+        },
+
         /**
          * Returns the script element that is currently executing.
          *
@@ -4474,12 +4518,13 @@ var prismCore = {
 
         var grammar = _.languages[language]; // Set language on the element, if not present
 
-        element.className = element.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language; // Set language on the parent, for styling
+        _.util.setLanguage(element, language); // Set language on the parent, for styling
+
 
         var parent = element.parentElement;
 
         if (parent && parent.nodeName.toLowerCase() === 'pre') {
-          parent.className = parent.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language;
+          _.util.setLanguage(parent, language);
         }
 
         var code = element.textContent;
@@ -4573,6 +4618,10 @@ var prismCore = {
 
         _.hooks.run('before-tokenize', env);
 
+        if (!env.grammar) {
+          throw new Error('The language "' + env.language + '" has no grammar.');
+        }
+
         env.tokens = _.tokenize(env.code, env.grammar);
 
         _.hooks.run('after-tokenize', env);
@@ -4883,7 +4932,7 @@ var prismCore = {
             if (greedy) {
               match = matchPattern(pattern, pos, text, lookbehind);
 
-              if (!match) {
+              if (!match || match.index >= text.length) {
                 break;
               }
 
@@ -5214,14 +5263,14 @@ function clike$1(Prism) {
       greedy: true
     },
     'class-name': {
-      pattern: /(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,
+      pattern: /(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,
       lookbehind: true,
       inside: {
         punctuation: /[.\\]/
       }
     },
-    keyword: /\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,
-    boolean: /\b(?:true|false)\b/,
+    keyword: /\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,
+    boolean: /\b(?:false|true)\b/,
     function: /\b\w+(?=\()/,
     number: /\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,
     operator: /[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,
@@ -5236,7 +5285,7 @@ javascript.aliases = ['js'];
 function javascript(Prism) {
   Prism.languages.javascript = Prism.languages.extend('clike', {
     'class-name': [Prism.languages.clike['class-name'], {
-      pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:prototype|constructor))/,
+      pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,
       lookbehind: true
     }],
     keyword: [{
@@ -5248,10 +5297,19 @@ function javascript(Prism) {
     }],
     // Allow for all non-ASCII characters (See http://stackoverflow.com/a/2008444)
     function: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,
-    number: /\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,
+    number: {
+      pattern: RegExp(/(^|[^\w$])/.source + '(?:' + ( // constant
+      /NaN|Infinity/.source + '|' + // binary integer
+      /0[bB][01]+(?:_[01]+)*n?/.source + '|' + // octal integer
+      /0[oO][0-7]+(?:_[0-7]+)*n?/.source + '|' + // hexadecimal integer
+      /0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source + '|' + // decimal bigint
+      /\d+(?:_\d+)*n/.source + '|' + // decimal number (integer or float) but no bigint
+      /(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source) + ')' + /(?![\w$])/.source),
+      lookbehind: true
+    },
     operator: /--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/
   });
-  Prism.languages.javascript['class-name'][0].pattern = /(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/;
+  Prism.languages.javascript['class-name'][0].pattern = /(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/;
   Prism.languages.insertBefore('javascript', 'keyword', {
     regex: {
       // eslint-disable-next-line regexp/no-dupe-characters-character-class
@@ -5320,6 +5378,19 @@ function javascript(Prism) {
         },
         string: /[\s\S]+/
       }
+    },
+    'string-property': {
+      pattern: /((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,
+      lookbehind: true,
+      greedy: true,
+      alias: 'property'
+    }
+  });
+  Prism.languages.insertBefore('javascript', 'operator', {
+    'literal-property': {
+      pattern: /((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,
+      lookbehind: true,
+      alias: 'property'
     }
   });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "6.5.0-alpha.44",
+  "version": "6.5.0-alpha.45",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -40,9 +40,9 @@
     "prepare": "ts-node ../../scripts/prebundle.ts"
   },
   "dependencies": {
-    "@storybook/client-logger": "6.5.0-alpha.44",
+    "@storybook/client-logger": "6.5.0-alpha.45",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/theming": "6.5.0-alpha.44",
+    "@storybook/theming": "6.5.0-alpha.45",
     "core-js": "^3.8.2",
     "regenerator-runtime": "^0.13.7"
   },
@@ -79,6 +79,6 @@
     "access": "public"
   },
   "bundlerEntrypoint": "./src/index.ts",
-  "gitHead": "0125cb2b688dc1acca71a7fbf2795466fd55c0e3",
+  "gitHead": "af457c20c773f57bea0504bf525a2f74852fe94a",
   "sbmodern": "dist/modern/index.js"
 }