@salesforcedevs/dx-components 1.3.33 → 1.3.36

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.33",
+    "version": "1.3.36",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -38,5 +38,5 @@
         "eventsourcemock": "^2.0.0",
         "luxon": "^3.1.0"
     },
-    "gitHead": "bc1e71ba19a01c9479ba93b8f827cc152c359c33"
+    "gitHead": "83327a09abf6351d1cac3a905c5feb729356507a"
 }

package/src/modules/dx/codeBlock/codeBlock.ts

@@ -48,8 +48,13 @@ export default class CodeBlock extends LightningElement {
         { label: "Kotlin", id: "kotlin" },
         { label: "Python", id: "python" },
         { label: "Bash", id: "bash" },
+        { label: "Shell", id: "shell" },
+        { label: "Shell", id: "sh" },
         { label: "SQL", id: "sql" },
-        { label: "YAML", id: "yaml" }
+        { label: "YAML", id: "yaml" },
+        { label: "Markdown", id: "markdown" },
+        { label: "Markdown", id: "md" },
+        { label: "JSX", id: "jsx" }
     ];
 
     connectedCallback() {

package/src/modules/dx/codeBlock/darkTheme.css

@@ -54,6 +54,14 @@
     color: var(--dx-g-purple-vibrant-70);
 }
 
+.dx-theme-dark .token.atrule {
+    color: var(--dx-g-purple-vibrant-70);
+}
+
+.dx-theme-dark .token.builtin {
+    color: var(--dx-g-purple-vibrant-70);
+}
+
 .dx-theme-dark .token.entity {
     color: #fff;
     background: var(--dx-g-blue-vibrant-10);
@@ -68,7 +76,6 @@
 .dx-theme-dark .token.deleted,
 .dx-theme-dark .token.constant,
 .dx-theme-dark .token.number,
-.dx-theme-dark .token.builtin,
 .dx-theme-dark .token.important .dx-theme-dark .token.boolean,
 .dx-theme-dark .token.symbol,
 .dx-theme-dark .token.inserted,

package/src/modules/dx/codeBlock/lightTheme.css

@@ -30,6 +30,14 @@
     color: var(--dx-g-teal-vibrant-40);
 }
 
+.dx-theme-light .token.atrule {
+    color: var(--dx-g-pink-vibrant-40);
+}
+
+.dx-theme-light .token.builtin {
+    color: var(--dx-g-pink-vibrant-40);
+}
+
 .dx-theme-light .token.tag {
     color: rgb(75, 36, 219);
 }
@@ -55,9 +63,7 @@
 .dx-theme-light .token.deleted,
 .dx-theme-light .token.string,
 .dx-theme-light .token.char,
-.dx-theme-light .token.builtin,
 .dx-theme-light .token.inserted,
-.dx-theme-light .token.atrule,
 .dx-theme-light .token.regex,
 .dx-theme-light .token.important {
     color: var(--dx-g-gray-10);

package/src/modules/dxHelpers/card/card.css

@@ -12,6 +12,10 @@
     --dx-c-body-max-lines: 6;
 }
 
+span {
+    word-break: break-word;
+}
+
 .dx-card-base {
     height: 100%;
 }

package/src/modules/dxUtils/prismjs/prismjs.ts

@@ -1,4 +1,5 @@
 /* eslint-disable */
+/* prettier-ignore */
 var commonjsGlobal =
     typeof globalThis !== "undefined"
         ? globalThis
@@ -32,11 +33,10 @@ function commonjsRequire() {
         "Dynamic requires are not currently supported by @rollup/plugin-commonjs"
     );
 }
-/* eslint-disable */
 //Start autogenerated code
 var prism = createCommonjsModule(function (module) {
-    /* PrismJS 1.28.0
-https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+apex+aspnet+bash+basic+c+csharp+cpp+css-extras+java+javadoc+javadoclike+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+kotlin+markdown+markup-templating+php+phpdoc+php-extras+plsql+python+regex+sql+swift+typescript+typoscript+uri+vbnet+yaml&plugins=line-numbers+unescaped-markup+match-braces */
+    /* PrismJS 1.29.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+apex+aspnet+bash+basic+c+csharp+cpp+css-extras+java+javadoc+javadoclike+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+kotlin+markdown+markup-templating+php+phpdoc+php-extras+plsql+python+jsx+regex+sql+swift+typescript+typoscript+uri+vbnet+yaml&plugins=line-numbers+unescaped-markup+match-braces */
     var _self =
             "undefined" != typeof window
                 ? window
@@ -1332,14 +1332,14 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
     !(function (e) {
         var t =
                 "\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",
-            n = {
+            a = {
                 pattern: /(^(["']?)\w+\2)[ \t]+\S.*/,
                 lookbehind: !0,
                 alias: "punctuation",
                 inside: null
             },
-            a = {
-                bash: n,
+            n = {
+                bash: a,
                 environment: { pattern: RegExp("\\$" + t), alias: "constant" },
                 variable: [
                     {
@@ -1419,31 +1419,31 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
                     pattern: /((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,
                     lookbehind: !0,
                     greedy: !0,
-                    inside: a
+                    inside: n
                 },
                 {
                     pattern:
                         /((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,
                     lookbehind: !0,
                     greedy: !0,
-                    inside: { bash: n }
+                    inside: { bash: a }
                 },
                 {
                     pattern:
                         /(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,
                     lookbehind: !0,
                     greedy: !0,
-                    inside: a
+                    inside: n
                 },
                 { pattern: /(^|[^$\\])'[^']*'/, lookbehind: !0, greedy: !0 },
                 {
                     pattern: /\$'(?:[^'\\]|\\[\s\S])*'/,
                     greedy: !0,
-                    inside: { entity: a.entity }
+                    inside: { entity: n.entity }
                 }
             ],
             environment: { pattern: RegExp("\\$?" + t), alias: "constant" },
-            variable: a.variable,
+            variable: n.variable,
             function: {
                 pattern:
                     /(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|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|java|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|sysctl|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;|&])/,
@@ -1478,7 +1478,7 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
                 lookbehind: !0
             }
         }),
-            (n.inside = e.languages.bash);
+            (a.inside = e.languages.bash);
         for (
             var s = [
                     "comment",
@@ -1497,13 +1497,14 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
                     "punctuation",
                     "number"
                 ],
-                o = a.variable[1].inside,
+                o = n.variable[1].inside,
                 i = 0;
             i < s.length;
             i++
         )
             o[s[i]] = e.languages.bash[s[i]];
-        e.languages.shell = e.languages.bash;
+        (e.languages.sh = e.languages.bash),
+            (e.languages.shell = e.languages.bash);
     })(Prism);
     Prism.languages.basic = {
         comment: { pattern: /(?:!|REM\b).+/i, inside: { keyword: /^REM/i } },
@@ -3205,6 +3206,123 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
             "string-interpolation"
         ].inside.interpolation.inside.rest = Prism.languages.python),
         (Prism.languages.py = Prism.languages.python);
+    !(function (t) {
+        var n = t.util.clone(t.languages.javascript),
+            e = "(?:\\{<S>*\\.{3}(?:[^{}]|<BRACES>)*\\})";
+        function a(t, n) {
+            return (
+                (t = t
+                    .replace(/<S>/g, function () {
+                        return "(?:\\s|//.*(?!.)|/\\*(?:[^*]|\\*(?!/))\\*/)";
+                    })
+                    .replace(/<BRACES>/g, function () {
+                        return "(?:\\{(?:\\{(?:\\{[^{}]*\\}|[^{}])*\\}|[^{}])*\\})";
+                    })
+                    .replace(/<SPREAD>/g, function () {
+                        return e;
+                    })),
+                RegExp(t, n)
+            );
+        }
+        (e = a(e).source),
+            (t.languages.jsx = t.languages.extend("markup", n)),
+            (t.languages.jsx.tag.pattern = a(
+                "</?(?:[\\w.:-]+(?:<S>+(?:[\\w.:$-]+(?:=(?:\"(?:\\\\[^]|[^\\\\\"])*\"|'(?:\\\\[^]|[^\\\\'])*'|[^\\s{'\"/>=]+|<BRACES>))?|<SPREAD>))*<S>*/?)?>"
+            )),
+            (t.languages.jsx.tag.inside.tag.pattern = /^<\/?[^\s>\/]*/),
+            (t.languages.jsx.tag.inside["attr-value"].pattern =
+                /=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/),
+            (t.languages.jsx.tag.inside.tag.inside["class-name"] =
+                /^[A-Z]\w*(?:\.[A-Z]\w*)*$/),
+            (t.languages.jsx.tag.inside.comment = n.comment),
+            t.languages.insertBefore(
+                "inside",
+                "attr-name",
+                { spread: { pattern: a("<SPREAD>"), inside: t.languages.jsx } },
+                t.languages.jsx.tag
+            ),
+            t.languages.insertBefore(
+                "inside",
+                "special-attr",
+                {
+                    script: {
+                        pattern: a("=<BRACES>"),
+                        alias: "language-javascript",
+                        inside: {
+                            "script-punctuation": {
+                                pattern: /^=(?=\{)/,
+                                alias: "punctuation"
+                            },
+                            rest: t.languages.jsx
+                        }
+                    }
+                },
+                t.languages.jsx.tag
+            );
+        var s = function (t) {
+                return t
+                    ? "string" == typeof t
+                        ? t
+                        : "string" == typeof t.content
+                        ? t.content
+                        : t.content.map(s).join("")
+                    : "";
+            },
+            g = function (n) {
+                for (var e = [], a = 0; a < n.length; a++) {
+                    var o = n[a],
+                        i = !1;
+                    if (
+                        ("string" != typeof o &&
+                            ("tag" === o.type &&
+                            o.content[0] &&
+                            "tag" === o.content[0].type
+                                ? "</" === o.content[0].content[0].content
+                                    ? e.length > 0 &&
+                                      e[e.length - 1].tagName ===
+                                          s(o.content[0].content[1]) &&
+                                      e.pop()
+                                    : "/>" ===
+                                          o.content[o.content.length - 1]
+                                              .content ||
+                                      e.push({
+                                          tagName: s(o.content[0].content[1]),
+                                          openedBraces: 0
+                                      })
+                                : e.length > 0 &&
+                                  "punctuation" === o.type &&
+                                  "{" === o.content
+                                ? e[e.length - 1].openedBraces++
+                                : e.length > 0 &&
+                                  e[e.length - 1].openedBraces > 0 &&
+                                  "punctuation" === o.type &&
+                                  "}" === o.content
+                                ? e[e.length - 1].openedBraces--
+                                : (i = !0)),
+                        (i || "string" == typeof o) &&
+                            e.length > 0 &&
+                            0 === e[e.length - 1].openedBraces)
+                    ) {
+                        var r = s(o);
+                        a < n.length - 1 &&
+                            ("string" == typeof n[a + 1] ||
+                                "plain-text" === n[a + 1].type) &&
+                            ((r += s(n[a + 1])), n.splice(a + 1, 1)),
+                            a > 0 &&
+                                ("string" == typeof n[a - 1] ||
+                                    "plain-text" === n[a - 1].type) &&
+                                ((r = s(n[a - 1]) + r),
+                                n.splice(a - 1, 1),
+                                a--),
+                            (n[a] = new t.Token("plain-text", r, null, r));
+                    }
+                    o.content && "string" != typeof o.content && g(o.content);
+                }
+            };
+        t.hooks.add("after-tokenize", function (t) {
+            ("jsx" !== t.language && "tsx" !== t.language) || g(t.tokens);
+        });
+    })(Prism);
     !(function (a) {
         var e = { pattern: /\\[\\(){}[\]^$+*?|.]/, alias: "escape" },
             n =