@atlaskit/code 17.3.1 → 17.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/bidi-warning/ui/styled.compiled.css +4 -4
  3. package/dist/cjs/bidi-warning/ui/styled.js +1 -1
  4. package/dist/cjs/code-block.compiled.css +33 -36
  5. package/dist/cjs/code-block.js +3 -9
  6. package/dist/cjs/code.compiled.css +2 -2
  7. package/dist/cjs/code.js +1 -1
  8. package/dist/cjs/syntax-highlighter/lib/process/get-code-tree.js +1 -1
  9. package/dist/es2019/bidi-warning/ui/styled.compiled.css +4 -4
  10. package/dist/es2019/bidi-warning/ui/styled.js +1 -1
  11. package/dist/es2019/code-block.compiled.css +33 -36
  12. package/dist/es2019/code-block.js +3 -9
  13. package/dist/es2019/code.compiled.css +2 -2
  14. package/dist/es2019/code.js +1 -1
  15. package/dist/es2019/syntax-highlighter/lib/process/get-code-tree.js +1 -1
  16. package/dist/esm/bidi-warning/ui/styled.compiled.css +4 -4
  17. package/dist/esm/bidi-warning/ui/styled.js +1 -1
  18. package/dist/esm/code-block.compiled.css +33 -36
  19. package/dist/esm/code-block.js +3 -9
  20. package/dist/esm/code.compiled.css +2 -2
  21. package/dist/esm/code.js +1 -1
  22. package/dist/esm/syntax-highlighter/lib/process/get-code-tree.js +1 -1
  23. package/package.json +7 -13
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/code
2
2
 
3
+ ## 17.3.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`b783aa9a00348`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b783aa9a00348) -
8
+ Use ADS code token for font styling.
9
+
10
+ ## 17.3.2
11
+
12
+ ### Patch Changes
13
+
14
+ - [`a60a82196851a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a60a82196851a) -
15
+ Internal refactors to remove unused variables. No functional or public changes.
16
+ - Updated dependencies
17
+
3
18
  ## 17.3.1
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/bidi-warning/ui/styled.compiled.css CHANGED
@@ -6,14 +6,14 @@
6
6
  ._1cfcvrvc:before{flex-direction:row}
7
7
  ._1j6r1odn:before{font-family:var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
8
8
  ._1kt9y7el:before{content:"<"attr(data-bidi-character-code)">"}
9
- ._1rbawx40:hover:before{color:var(--ds-text-warning,#a54800)}
10
- ._1rus1tzq:before{background-color:var(--ds-background-warning,#fff7d6)}
9
+ ._1rba1xn9:hover:before{color:var(--ds-text-warning,#9e4c00)}
10
+ ._1rus1917:before{background-color:var(--ds-background-warning,#fff5db)}
11
11
  ._1uakf6fq:before{line-height:18px}
12
- ._1xqc1rd4:hover:before{background-color:var(--ds-background-warning-hovered,#f8e6a0)}
12
+ ._1xqc19zu:hover:before{background-color:var(--ds-background-warning-hovered,#fce4a6)}
13
13
  ._1xyt1b66:before{padding-inline-start:var(--ds-space-050,4px)}
14
14
  ._24gj1h6o:before{justify-content:center}
15
15
  ._cfu1116y:before{display:inline-flex}
16
16
  ._dsq41wug:before{pointer-events:auto}
17
- ._is06wx40:before{color:var(--ds-text-warning,#a54800)}
17
+ ._is061xn9:before{color:var(--ds-text-warning,#9e4c00)}
18
18
  ._kqswh2mm{position:relative}
19
19
  ._rxygze3t:before{padding-block-end:var(--ds-space-0,0)}
package/dist/cjs/bidi-warning/ui/styled.js CHANGED
@@ -14,7 +14,7 @@ var _runtime = require("@compiled/react/runtime");
14
14
  var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
15
15
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
16
16
  var decoration = {
17
- root: "_kqswh2mm _szpl2smr _dsq41wug _1xyt1b66 _123w1b66 _15nnze3t _rxygze3t _1a354jg8 _1j6r1odn _1uakf6fq _1kt9y7el _is06wx40 _1rus1tzq _1cfcvrvc _24gj1h6o _19o61h6o _cfu1116y _1rbawx40 _1xqc1rd4"
17
+ root: "_kqswh2mm _szpl2smr _dsq41wug _1xyt1b66 _123w1b66 _15nnze3t _rxygze3t _1a354jg8 _1j6r1odn _1uakf6fq _1kt9y7el _is061xn9 _1rus1917 _1cfcvrvc _24gj1h6o _19o61h6o _cfu1116y _1rba1xn9 _1xqc19zu"
18
18
  };
19
19
  function Decorator(_ref) {
20
20
  var bidiCharacter = _ref.bidiCharacter,
package/dist/cjs/code-block.compiled.css CHANGED
@@ -7,10 +7,10 @@
7
7
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
8
8
  ._1dqoglyw{border-style:none}
9
9
  ._196q1xv3 [data-ds--code--row--highlight]:last-child{border-block-end:var(--ds-border-width,1px) dashed transparent}
10
- ._1srn17d7 [data-ds--code--row--highlight] .linenumber:before{border-block-start:var(--ds-border-width,1px) solid var(--ds-border-focused,#388bff)}
10
+ ._1srnt0uh [data-ds--code--row--highlight] .linenumber:before{border-block-start:var(--ds-border-width,1px) solid var(--ds-border-focused,#4688ec)}
11
11
  ._1v9c1xv3 [data-ds--code--row]:not([data-ds--code--row--highlight])+[data-ds--code--row--highlight]{border-block-start:var(--ds-border-width,1px) dashed transparent}
12
12
  ._1vbw1xv3 [data-ds--code--row--highlight]+[data-ds--code--row]:not([data-ds--code--row--highlight]){border-block-start:var(--ds-border-width,1px) dashed transparent}
13
- ._ra6gww7y [data-ds--code--row--highlight] .linenumber{border-inline-start:4px solid var(--ds-border-focused,#388bff)}._113p131l .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.cdata{color:var(--ds-text-subtlest,#626f86)}
13
+ ._ra6gsb9t [data-ds--code--row--highlight] .linenumber{border-inline-start:4px solid var(--ds-border-focused,#4688ec)}._113p1rpy .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.cdata{color:var(--ds-text-subtlest,#6b6e76)}
14
14
  ._11wmidpf code[class*=language-]{padding-inline-start:0}
15
15
  ._11wmu2gc code[class*=language-]{padding-inline-start:var(--ds-space-100,8px)}
16
16
  ._12l6ysn8 [data-ds--code--row--highlight]:after{clip-path:inset(100%)}
@@ -20,17 +20,17 @@
20
20
  ._137bh55r .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.inserted{color:var(--ds-text-accent-green,#216e4e)}
21
21
  ._13cdh2mm [data-ds--code--row--highlight] .linenumber{position:relative}
22
22
  ._13dgkb7n code:last-of-type{flex-shrink:1}
23
- ._13zt131l .token.token.token.token.token.token.token.substr{color:var(--ds-text-subtlest,#626f86)}
23
+ ._13zt1rpy .token.token.token.token.token.token.token.substr{color:var(--ds-text-subtlest,#6b6e76)}
24
24
  ._151dstnw [data-ds--code--row--highlight]:before{position:absolute}
25
25
  ._16kzwrk5 .ds-sh-line-number{min-width:var(--ads-code-line-number-width)!important}
26
26
  ._16noidpf code{padding-inline-end:0}
27
27
  ._16nou2gc code{padding-inline-end:var(--ds-space-100,8px)}
28
- ._17071olh code:first-of-type{background-image:linear-gradient(to right,var(--ds--code--line-number-bg-color,var(--ds-background-neutral,#091e420f)),var(--ds--code--line-number-bg-color,var(--ds-background-neutral,#091e420f)) var(--ads-code-line-number-width),transparent var(--ads-code-line-number-width),transparent)}
28
+ ._1707efft code:first-of-type{background-image:linear-gradient(to right,var(--ds--code--line-number-bg-color,var(--ds-background-neutral,#0515240f)),var(--ds--code--line-number-bg-color,var(--ds-background-neutral,#0515240f)) var(--ads-code-line-number-width),transparent var(--ads-code-line-number-width),transparent)}
29
29
  ._18r6myb0 [data-ds--code--row--highlight] .linenumber:before{inset-inline-start:-4px}
30
- ._19o610m5 .token.token.token.token.token.token.token.token.token.token.url{color:var(--ds-text-accent-purple,#5e4db2)}
30
+ ._19o6qmo9 .token.token.token.token.token.token.token.token.token.token.url{color:var(--ds-text-accent-purple,#803fa5)}
31
31
  ._1amdidpf .ds-sh-line-number{flex-shrink:0}
32
32
  ._1ascu2gc .linenumber{padding-inline-start:var(--ds-space-100,8px)}
33
- ._1b9tpnps .token.token.token.token.token.token.token.token.builtin{color:var(--ds-text-accent-blue,#05c)}
33
+ ._1b9t16jw .token.token.token.token.token.token.token.token.builtin{color:var(--ds-text-accent-blue,#1558bc)}
34
34
  ._1bemt94y [data-ds--code--row--highlight]:before{height:1px}
35
35
  ._1bx8idpf pre[class*=language-]{padding-inline-start:0}
36
36
  ._1bx8u2gc pre[class*=language-]{padding-inline-start:var(--ds-space-100,8px)}
@@ -39,7 +39,7 @@
39
39
  ._1e0c1txw{display:flex}
40
40
  ._1eimjvyg{direction:ltr}
41
41
  ._1exb1q9c [data-ds--code--row--highlight]:after{white-space:nowrap}
42
- ._1f0gpnps .token.token.token.selector{color:var(--ds-text-accent-blue,#05c)}
42
+ ._1f0g16jw .token.token.token.selector{color:var(--ds-text-accent-blue,#1558bc)}
43
43
  ._1f8gstnw [data-ds--code--row--highlight] .linenumber:before{position:absolute}
44
44
  ._1g0517qg .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.constant{color:var(--ds-text-accent-teal,#206a83)}
45
45
  ._1g4tidpf code{padding-inline-start:0}
@@ -50,79 +50,76 @@
50
50
  ._1i3h1txw [data-ds--code--row]{display:flex}
51
51
  ._1i3h1ule [data-ds--code--row]{display:block}
52
52
  ._1io6glyw .ds-sh-line-number{-webkit-user-select:none;-ms-user-select:none;user-select:none}
53
- ._1k47pnps .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.number{color:var(--ds-text-accent-blue,#05c)}
54
- ._1k7d1fxt .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.char{color:var(--ds-text,#172b4d)}
53
+ ._1k4716jw .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.number{color:var(--ds-text-accent-blue,#1558bc)}
54
+ ._1k7di7uo .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.char{color:var(--ds-text,#292a2e)}
55
55
  ._1kr87mnp [data-ds--code--row--highlight]:before{clip:rect(1px,1px,1px,1px)}
56
56
  ._1ls01ule .linenumber{display:block}
57
57
  ._1ls0df4r .linenumber{display:inline-block!important}
58
58
  ._1m3815vq [data-ds--code--row--highlight]:after{overflow-y:hidden}
59
59
  ._1mfn17qg .token.token.token.token.token.token.token.token.token.token.token.selector-pseudo{color:var(--ds-text-accent-teal,#206a83)}
60
60
  ._1mgnt94y [data-ds--code--row--highlight]:after{width:1px}
61
- ._1n6tpnps .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.prolog{color:var(--ds-text-accent-blue,#05c)}
61
+ ._1n6t16jw .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.prolog{color:var(--ds-text-accent-blue,#1558bc)}
62
62
  ._1na21hna code:last-of-type{word-break:break-word}
63
63
  ._1np517qg .token.token.token.token.token.token.token.token.token.symbol{color:var(--ds-text-accent-teal,#206a83)}
64
64
  ._1ohiu2gc pre[class*=language-]{padding-block-start:var(--ds-space-100,8px)}
65
- ._1pbkpnps .token.token.token.token.token.token.token.token.entity{color:var(--ds-text-accent-blue,#05c)}
65
+ ._1pbk16jw .token.token.token.token.token.token.token.token.entity{color:var(--ds-text-accent-blue,#1558bc)}
66
66
  ._1pp0126e [data-ds--code--row--highlight] .linenumber{padding-inline-start:var(--ds-space-050,4px)!important}
67
67
  ._1pzyb3bt [data-ds--code--row--highlight] .linenumber:before{content:""}
68
68
  ._1q16glyw .linenumber{-webkit-user-select:none;-ms-user-select:none;user-select:none}
69
- ._1rd2pnps .token.token.token.token.token.token.token.token.code{color:var(--ds-text-accent-blue,#05c)}
69
+ ._1rd216jw .token.token.token.token.token.token.token.token.code{color:var(--ds-text-accent-blue,#1558bc)}
70
70
  ._1reo1wug{overflow-x:auto}
71
- ._1rju10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.title{color:var(--ds-text-accent-purple,#5e4db2)}
72
- ._1t361fxt .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.operator{color:var(--ds-text,#172b4d)}
73
- ._1tq6pnps .token.token.token.token.token.token.token.token.bullet{color:var(--ds-text-accent-blue,#05c)}
71
+ ._1rjuqmo9 .token.token.token.token.token.token.token.token.token.token.token.token.token.title{color:var(--ds-text-accent-purple,#803fa5)}
72
+ ._1t36i7uo .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.operator{color:var(--ds-text,#292a2e)}
73
+ ._1tq616jw .token.token.token.token.token.token.token.token.bullet{color:var(--ds-text-accent-blue,#1558bc)}
74
74
  ._1v0lh55r .token.token.token.token.token.token.token.token.token.token.token.token.string{color:var(--ds-text-accent-green,#216e4e)}
75
- ._1vww10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.section{color:var(--ds-text-accent-purple,#5e4db2)}
75
+ ._1vwwqmo9 .token.token.token.token.token.token.token.token.token.token.token.token.token.section{color:var(--ds-text-accent-purple,#803fa5)}
76
76
  ._1w2xu2gc pre[class*=language-]{padding-block-end:var(--ds-space-100,8px)}
77
77
  ._1weckb7n code:last-of-type{flex-grow:1}
78
78
  ._1wfuwrk5 .linenumber{min-width:var(--ads-code-line-number-width)!important}
79
- ._1wyb1crf{font-size:9pt}
80
79
  ._1xcoh55r .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.atrule{color:var(--ds-text-accent-green,#216e4e)}
81
80
  ._1yuau2gc .ds-sh-line-number{padding-inline-start:var(--ds-space-100,8px)}
82
- ._1yvq10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.class-name{color:var(--ds-text-accent-purple,#5e4db2)}
81
+ ._1yvqqmo9 .token.token.token.token.token.token.token.token.token.token.token.token.token.class-name{color:var(--ds-text-accent-purple,#803fa5)}
83
82
  ._2g12fb2s .token.token.token.token.token.token.doctype{color:var(--ds-text-accent-yellow,#7f5f01)}
84
- ._326z1fxt .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.punctuation{color:var(--ds-text,#172b4d)}
83
+ ._326zi7uo .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.punctuation{color:var(--ds-text,#292a2e)}
85
84
  ._3hsg1w1g .token.keyword:not(.important,.bold){font-weight:bolder}
86
85
  ._40uk1l04 [data-ds--code--row]{margin-inline-end:-var(--ds-space-100,8px)}
87
86
  ._4io21a66 .ds-sh-line-number{padding-inline-end:var(--ds-space-100,8px)!important}
88
- ._72uvpnps .token.keyword{color:var(--ds-text-accent-blue,#05c)}
87
+ ._72uv16jw .token.keyword{color:var(--ds-text-accent-blue,#1558bc)}
89
88
  ._748n17qg .token.token.token.token.token.token.token.token.token.token.token.selector-attr{color:var(--ds-text-accent-teal,#206a83)}
90
89
  ._7gp8h55r .token.token.token.token.token.token.token.token.token.token.token.token.token.token.meta-keyword{color:var(--ds-text-accent-green,#216e4e)}
91
- ._97lipnps .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.boolean{color:var(--ds-text-accent-blue,#05c)}
90
+ ._97li16jw .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.boolean{color:var(--ds-text-accent-blue,#1558bc)}
92
91
  ._9d3e17qg .token.token.attr-name{color:var(--ds-text-accent-teal,#206a83)}
93
92
  ._9k2r1m30 .token.italic{font-style:italic}
94
93
  ._9kk3moej .token.important{font-weight:var(--ds-font-weight-bold,700)}
95
94
  ._9wu1fb2s .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.important{color:var(--ds-text-accent-yellow,#7f5f01)}
96
- ._b5iy131l .token.token.token.token.block-comment{color:var(--ds-text-subtlest,#626f86)}
97
- ._bfhktkvp{background-color:var(--ds--code--bg-color,var(--ds-background-neutral,#091e420f))}
98
- ._bu7zpf9b .ds-sh-line-number{color:var(--ds-text-subtlest,#626f86)!important}
95
+ ._b5iy1rpy .token.token.token.token.block-comment{color:var(--ds-text-subtlest,#6b6e76)}
96
+ ._bfhk187e{background-color:var(--ds--code--bg-color,var(--ds-background-neutral,#0515240f))}
97
+ ._bu7z124n .ds-sh-line-number{color:var(--ds-text-subtlest,#6b6e76)!important}
99
98
  ._cahfusvi .ds-sh-line-number{box-sizing:border-box}
100
99
  ._ccm6u2gc .ds-sh-line-number{margin-inline-end:var(--ds-space-100,8px)}
101
100
  ._cjus1w1g .token.bold:not(.important){font-weight:bolder}
102
- ._ect41odn{font-family:var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
103
101
  ._eiht5x2v .token.block-comment:not(.italic){font-family:SFMono-MediumItalic,var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
104
102
  ._euyxusvi .linenumber{box-sizing:border-box}
105
- ._g0lx1fxt .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.function{color:var(--ds-text,#172b4d)}
106
- ._gti3131l .token.token.token.token.comment{color:var(--ds-text-subtlest,#626f86)}
103
+ ._g0lxi7uo .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.function{color:var(--ds-text,#292a2e)}
104
+ ._gti31rpy .token.token.token.token.comment{color:var(--ds-text-subtlest,#6b6e76)}
107
105
  ._gy101giz .ds-sh-line-number{font-style:normal!important}
108
106
  ._h4fuidpf code[class*=language-]{padding-inline-end:0}
109
107
  ._h4fuu2gc code[class*=language-]{padding-inline-end:var(--ds-space-100,8px)}
110
- ._h909m7j4 [data-ds--code--row--highlight]{background-color:var(--ds-background-neutral,#091e420f)}
111
- ._i2ig10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.property{color:var(--ds-text-accent-purple,#5e4db2)}
108
+ ._h909i8nm [data-ds--code--row--highlight]{background-color:var(--ds-background-neutral,#0515240f)}
109
+ ._i2igqmo9 .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.property{color:var(--ds-text-accent-purple,#803fa5)}
112
110
  ._i6ntu2gc code[class*=language-]{padding-block-end:var(--ds-space-100,8px)}
113
111
  ._i81p1a66 [data-ds--code--row]{padding-inline-end:var(--ds-space-100,8px)!important}
114
112
  ._ipl81e17 [data-ds--code--row--highlight]:before{content:" [var(--ads-highlighted-start-text)] "}
115
113
  ._j0l11wug code:last-of-type{flex-basis:auto}
116
114
  ._juomusic .linenumber{text-align:right}
117
- ._k3lipnps .token.token.token.token.token.token.token.token.namespace{color:var(--ds-text-accent-blue,#05c)}
118
- ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
119
- ._k86b10m5 .token.token.token.token.token.function-name{color:var(--ds-text-accent-purple,#5e4db2)}
115
+ ._k3li16jw .token.token.token.token.token.token.token.token.namespace{color:var(--ds-text-accent-blue,#1558bc)}
116
+ ._k86bqmo9 .token.token.token.token.token.function-name{color:var(--ds-text-accent-purple,#803fa5)}
120
117
  ._kxov17qg .token.token.token.token.token.token.token.token.token.regex{color:var(--ds-text-accent-teal,#206a83)}
121
118
  ._lcwuusic .ds-sh-line-number{text-align:right}
122
119
  ._lh0y15vq [data-ds--code--row--highlight]:before{overflow-x:hidden}
123
120
  ._m2f517qg .token.token.token.token.token.token.token.token.token.variable{color:var(--ds-text-accent-teal,#206a83)}
124
121
  ._m802u2gc code{padding-block-end:var(--ds-space-100,8px)}
125
- ._mbgcpf9b .linenumber{color:var(--ds-text-subtlest,#626f86)!important}
122
+ ._mbgc124n .linenumber{color:var(--ds-text-subtlest,#6b6e76)!important}
126
123
  ._mqok1w1g .token.key:not(.important,.bold){font-weight:bolder}
127
124
  ._mx8b7mnp [data-ds--code--row--highlight]:after{clip:rect(1px,1px,1px,1px)}
128
125
  ._nalpstnw [data-ds--code--row--highlight]:after{position:absolute}
@@ -134,13 +131,13 @@
134
131
  ._pp6yu2gc pre[class*=language-]{padding-inline-end:var(--ds-space-100,8px)}
135
132
  ._pyovu2gc .linenumber{margin-inline-end:var(--ds-space-100,8px)}
136
133
  ._qcxof705 code>span:only-child>span:only-child:empty:before{content:" "}
137
- ._qdiapnps .token.key{color:var(--ds-text-accent-blue,#05c)}
134
+ ._qdia16jw .token.key{color:var(--ds-text-accent-blue,#1558bc)}
138
135
  ._qk1e15vq [data-ds--code--row--highlight]:before{overflow-y:hidden}
139
136
  ._qzn01a66 code:last-of-type{padding-inline-end:var(--ds-space-100,8px)!important}
140
137
  ._r28du2gc code{padding-block-start:var(--ds-space-100,8px)}
141
138
  ._rude1ule .ds-sh-line-number{display:block}
142
139
  ._scgayz1z [data-ds--code--row--highlight]:after{content:" [var(--ads-highlighted-end-text)] "}
143
- ._syaz1fxt{color:var(--ds-text,#172b4d)}
140
+ ._syazi7uo{color:var(--ds-text,#292a2e)}
144
141
  ._t9zb5x2v .token.comment:not(.italic){font-family:SFMono-MediumItalic,var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
145
142
  ._tajqu2gc code[class*=language-]{padding-block-start:var(--ds-space-100,8px)}
146
143
  ._tgu817qg .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.attr-value{color:var(--ds-text-accent-teal,#206a83)}
@@ -156,6 +153,6 @@
156
153
  ._xo19t94y [data-ds--code--row--highlight]:after{height:1px}
157
154
  ._xr0w1a66 .linenumber{padding-inline-end:var(--ds-space-100,8px)!important}
158
155
  ._yl021m30 .token.comment:not(.italic){font-style:italic}
159
- ._ys4e131l .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.meta{color:var(--ds-text-subtlest,#626f86)}
156
+ ._ys4e1rpy .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.meta{color:var(--ds-text-subtlest,#6b6e76)}
160
157
  ._zhnuidpf .linenumber{flex-shrink:0}
161
158
  ._zvy9f705 code>span:only-child:empty:before{content:" "}
package/dist/cjs/code-block.js CHANGED
@@ -14,7 +14,6 @@ var _runtime = require("@compiled/react/runtime");
14
14
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15
15
  var _bindEventListener = require("bind-event-listener");
16
16
  var _rafSchd = _interopRequireDefault(require("raf-schd"));
17
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
18
17
  var _useHighlight = require("./internal/hooks/use-highlight");
19
18
  var _styles = require("./internal/theme/styles");
20
19
  var _getNormalizedLanguage = require("./internal/utils/get-normalized-language");
@@ -23,10 +22,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
23
22
  /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
24
23
  /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
25
24
  var getCodeBlockStyles = {
26
- codeFontFlagOn: "_11c81u0j",
27
- codeFontFlagOff: "_1wyb1crf _k48pi7a9 _ect41odn",
28
- root: "_2rko12b0 _1dqoglyw _1e0c1txw _vwz4gktf _1reo1wug _o572qvpr _1eimjvyg _bfhktkvp _syaz1fxt _1ozdn7od _7xinn7od _t7aun7od _r28du2gc _tajqu2gc _1ohiu2gc _m802u2gc _i6ntu2gc _1w2xu2gc _1hmyegat _vblregat _vbulegat _196q1xv3 _1vbw1xv3 _1v9c1xv3 _1srn17d7 _18r6myb0 _vyvc1n1a _1d4j1y44 _1f8gstnw _1pzyb3bt _ra6gww7y _13cdh2mm _1pp0126e _zvy9f705 _qcxof705 _qzn01a66 _j0l11wug _1weckb7n _1na21hna _vsnzgrf3 _x7c815vq _lh0y15vq _1m3815vq _qk1e15vq _12l6ysn8 _uga3ysn8 _mx8b7mnp _1kr87mnp _xo19t94y _1bemt94y _nalpstnw _151dstnw _1exb1q9c _1hgu1q9c _1mgnt94y _nhket94y _h909m7j4 _scgayz1z _ipl81e17 _40uk1l04 _i81p1a66 _1gx21e5h _1ls0df4r _vm2c1rh5 _12ok1rh5 _1ls01ule _rude1ule _1q16glyw _1io6glyw _juomusic _lcwuusic _pyovu2gc _ccm6u2gc _1ascu2gc _1yuau2gc _xr0w1a66 _4io21a66 _euyxusvi _cahfusvi _zhnuidpf _1amdidpf _mbgcpf9b _bu7zpf9b _131n1giz _gy101giz _1wfuwrk5 _16kzwrk5 _9kk3moej _cjus1w1g _9k2r1m30 _nhmw1m30 _yl021m30 _eiht5x2v _t9zb5x2v _mqok1w1g _3hsg1w1g _i7ngn7od _9wu1fb2s _1xcoh55r _1t361fxt _137bh55r _1k7d1fxt _97lipnps _12nh9lu1 _1g0517qg _i2ig10m5 _326z1fxt _113p131l _1n6tpnps _tgu817qg _1k47pnps _g0lx1fxt _ys4e131l _7gp8h55r _1yvq10m5 _1vww10m5 _1rju10m5 _1v0lh55r _wmyy17qg _748n17qg _1mfn17qg _1d7e17qg _p2vr17qg _19o610m5 _kxov17qg _1np517qg _m2f517qg _1b9tpnps _1tq6pnps _1rd2pnps _1pbkpnps _k3lipnps _13zt131l _2g12fb2s _k86b10m5 _b5iy131l _gti3131l _1f0gpnps _9d3e17qg _qdiapnps _72uvpnps",
29
- showLineNumbers: "_17071olh _1i3h1txw _16noidpf _h4fuidpf _pp6yidpf _1g4tidpf _11wmidpf _1bx8idpf",
25
+ root: "_11c81u0j _2rko12b0 _1dqoglyw _1e0c1txw _vwz4gktf _1reo1wug _o572qvpr _1eimjvyg _bfhk187e _syazi7uo _1ozdn7od _7xinn7od _t7aun7od _r28du2gc _tajqu2gc _1ohiu2gc _m802u2gc _i6ntu2gc _1w2xu2gc _1hmyegat _vblregat _vbulegat _196q1xv3 _1vbw1xv3 _1v9c1xv3 _1srnt0uh _18r6myb0 _vyvc1n1a _1d4j1y44 _1f8gstnw _1pzyb3bt _ra6gsb9t _13cdh2mm _1pp0126e _zvy9f705 _qcxof705 _qzn01a66 _j0l11wug _1weckb7n _1na21hna _vsnzgrf3 _x7c815vq _lh0y15vq _1m3815vq _qk1e15vq _12l6ysn8 _uga3ysn8 _mx8b7mnp _1kr87mnp _xo19t94y _1bemt94y _nalpstnw _151dstnw _1exb1q9c _1hgu1q9c _1mgnt94y _nhket94y _h909i8nm _scgayz1z _ipl81e17 _40uk1l04 _i81p1a66 _1gx21e5h _1ls0df4r _vm2c1rh5 _12ok1rh5 _1ls01ule _rude1ule _1q16glyw _1io6glyw _juomusic _lcwuusic _pyovu2gc _ccm6u2gc _1ascu2gc _1yuau2gc _xr0w1a66 _4io21a66 _euyxusvi _cahfusvi _zhnuidpf _1amdidpf _mbgc124n _bu7z124n _131n1giz _gy101giz _1wfuwrk5 _16kzwrk5 _9kk3moej _cjus1w1g _9k2r1m30 _nhmw1m30 _yl021m30 _eiht5x2v _t9zb5x2v _mqok1w1g _3hsg1w1g _i7ngn7od _9wu1fb2s _1xcoh55r _1t36i7uo _137bh55r _1k7di7uo _97li16jw _12nh9lu1 _1g0517qg _i2igqmo9 _326zi7uo _113p1rpy _1n6t16jw _tgu817qg _1k4716jw _g0lxi7uo _ys4e1rpy _7gp8h55r _1yvqqmo9 _1vwwqmo9 _1rjuqmo9 _1v0lh55r _wmyy17qg _748n17qg _1mfn17qg _1d7e17qg _p2vr17qg _19o6qmo9 _kxov17qg _1np517qg _m2f517qg _1b9t16jw _1tq616jw _1rd216jw _1pbk16jw _k3li16jw _13zt1rpy _2g12fb2s _k86bqmo9 _b5iy1rpy _gti31rpy _1f0g16jw _9d3e17qg _qdia16jw _72uv16jw",
26
+ showLineNumbers: "_1707efft _1i3h1txw _16noidpf _h4fuidpf _pp6yidpf _1g4tidpf _11wmidpf _1bx8idpf",
30
27
  dontShowLineNumbers: "_1i3h1ule _16nou2gc _h4fuu2gc _pp6yu2gc _1g4tu2gc _11wmu2gc _1bx8u2gc",
31
28
  shouldWrapLongLines: "_13dgkb7n",
32
29
  dontWrapLongLines: "_13dgkb7n"
@@ -112,9 +109,6 @@ var CodeBlock = /*#__PURE__*/(0, _react.memo)(function CodeBlock(_ref) {
112
109
 
113
110
  // https://product-fabric.atlassian.net/browse/DST-2472
114
111
  var languageToUse = text ? language : 'text';
115
-
116
- // https://product-fabric.atlassian.net/browse/DSP-22927
117
- var useCodeFont = (0, _platformFeatureFlags.fg)('platform_dst_code-token');
118
112
  return /*#__PURE__*/React.createElement(_syntaxHighlighter.default, {
119
113
  "data-code-lang": language,
120
114
  "data-ds--code--code-block": "",
@@ -142,7 +136,7 @@ var CodeBlock = /*#__PURE__*/(0, _react.memo)(function CodeBlock(_ref) {
142
136
  "aria-label": showContentFocus ? label : undefined,
143
137
  role: showContentFocus ? 'region' : undefined,
144
138
  scrollRef: scrollableRef,
145
- className: (0, _runtime.ax)([useCodeFont ? getCodeBlockStyles.codeFontFlagOn : getCodeBlockStyles.codeFontFlagOff, getCodeBlockStyles.root, shouldWrapLongLines ? getCodeBlockStyles.shouldWrapLongLines : getCodeBlockStyles.dontWrapLongLines, shouldShowLineNumbersValue ? getCodeBlockStyles.showLineNumbers : getCodeBlockStyles.dontShowLineNumbers])
139
+ className: (0, _runtime.ax)([getCodeBlockStyles.root, shouldWrapLongLines ? getCodeBlockStyles.shouldWrapLongLines : getCodeBlockStyles.dontWrapLongLines, shouldShowLineNumbersValue ? getCodeBlockStyles.showLineNumbers : getCodeBlockStyles.dontShowLineNumbers])
146
140
  });
147
141
  });
148
142
  var _default = exports.default = CodeBlock;
package/dist/cjs/code.compiled.css CHANGED
@@ -7,10 +7,10 @@
7
7
  ._1e0c1nu9{display:inline}
8
8
  ._1i4q1hna{overflow-wrap:break-word}
9
9
  ._1reo1wug{overflow-x:auto}
10
- ._bfhktkvp{background-color:var(--ds--code--bg-color,var(--ds-background-neutral,#091e420f))}
10
+ ._bfhk187e{background-color:var(--ds--code--bg-color,var(--ds-background-neutral,#0515240f))}
11
11
  ._ca0qyh40{padding-top:2px}
12
12
  ._n3tdyh40{padding-bottom:2px}
13
13
  ._o5721jtm{white-space:pre-wrap}
14
- ._syaz1fxt{color:var(--ds-text,#172b4d)}
14
+ ._syazi7uo{color:var(--ds-text,#292a2e)}
15
15
  ._u5f3m5ip{padding-right:.5ch}
16
16
  ._vwz41kw7{line-height:inherit}
package/dist/cjs/code.js CHANGED
@@ -18,7 +18,7 @@ var _excluded = ["testId"],
18
18
  _excluded2 = ["children", "codeBidiWarnings", "hasBidiWarnings", "codeBidiWarningLabel", "codeBidiWarningTooltipEnabled", "isBidiWarningTooltipEnabled"];
19
19
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
20
20
  var styles = {
21
- base: "_ca0qyh40 _u5f3m5ip _n3tdyh40 _19bvm5ip _2rkofajl _11c81u0j _1reo1wug _18m91wug _1dqoglyw _1e0c1nu9 _bfhktkvp _16d9qvcn _syaz1fxt _vwz41kw7 _1i4q1hna _o5721jtm"
21
+ base: "_ca0qyh40 _u5f3m5ip _n3tdyh40 _19bvm5ip _2rkofajl _11c81u0j _1reo1wug _18m91wug _1dqoglyw _1e0c1nu9 _bfhk187e _16d9qvcn _syazi7uo _vwz41kw7 _1i4q1hna _o5721jtm"
22
22
  };
23
23
 
24
24
  /**
package/dist/cjs/syntax-highlighter/lib/process/get-code-tree.js CHANGED
@@ -13,7 +13,7 @@ function getCodeTree(language, code, astGenerator) {
13
13
  }
14
14
  try {
15
15
  return astGenerator.highlight(code, language);
16
- } catch (e) {
16
+ } catch (_unused) {
17
17
  return [{
18
18
  type: 'text',
19
19
  value: code
package/dist/es2019/bidi-warning/ui/styled.compiled.css CHANGED
@@ -6,14 +6,14 @@
6
6
  ._1cfcvrvc:before{flex-direction:row}
7
7
  ._1j6r1odn:before{font-family:var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
8
8
  ._1kt9y7el:before{content:"<"attr(data-bidi-character-code)">"}
9
- ._1rbawx40:hover:before{color:var(--ds-text-warning,#a54800)}
10
- ._1rus1tzq:before{background-color:var(--ds-background-warning,#fff7d6)}
9
+ ._1rba1xn9:hover:before{color:var(--ds-text-warning,#9e4c00)}
10
+ ._1rus1917:before{background-color:var(--ds-background-warning,#fff5db)}
11
11
  ._1uakf6fq:before{line-height:18px}
12
- ._1xqc1rd4:hover:before{background-color:var(--ds-background-warning-hovered,#f8e6a0)}
12
+ ._1xqc19zu:hover:before{background-color:var(--ds-background-warning-hovered,#fce4a6)}
13
13
  ._1xyt1b66:before{padding-inline-start:var(--ds-space-050,4px)}
14
14
  ._24gj1h6o:before{justify-content:center}
15
15
  ._cfu1116y:before{display:inline-flex}
16
16
  ._dsq41wug:before{pointer-events:auto}
17
- ._is06wx40:before{color:var(--ds-text-warning,#a54800)}
17
+ ._is061xn9:before{color:var(--ds-text-warning,#9e4c00)}
18
18
  ._kqswh2mm{position:relative}
19
19
  ._rxygze3t:before{padding-block-end:var(--ds-space-0,0)}
package/dist/es2019/bidi-warning/ui/styled.js CHANGED
@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
5
5
  import { Fragment } from 'react';
6
6
  import VisuallyHidden from '@atlaskit/visually-hidden';
7
7
  const decoration = {
8
- root: "_kqswh2mm _szpl2smr _dsq41wug _1xyt1b66 _123w1b66 _15nnze3t _rxygze3t _1a354jg8 _1j6r1odn _1uakf6fq _1kt9y7el _is06wx40 _1rus1tzq _1cfcvrvc _24gj1h6o _19o61h6o _cfu1116y _1rbawx40 _1xqc1rd4"
8
+ root: "_kqswh2mm _szpl2smr _dsq41wug _1xyt1b66 _123w1b66 _15nnze3t _rxygze3t _1a354jg8 _1j6r1odn _1uakf6fq _1kt9y7el _is061xn9 _1rus1917 _1cfcvrvc _24gj1h6o _19o61h6o _cfu1116y _1rba1xn9 _1xqc19zu"
9
9
  };
10
10
  export function Decorator({
11
11
  bidiCharacter,
package/dist/es2019/code-block.compiled.css CHANGED
@@ -7,10 +7,10 @@
7
7
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
8
8
  ._1dqoglyw{border-style:none}
9
9
  ._196q1xv3 [data-ds--code--row--highlight]:last-child{border-block-end:var(--ds-border-width,1px) dashed transparent}
10
- ._1srn17d7 [data-ds--code--row--highlight] .linenumber:before{border-block-start:var(--ds-border-width,1px) solid var(--ds-border-focused,#388bff)}
10
+ ._1srnt0uh [data-ds--code--row--highlight] .linenumber:before{border-block-start:var(--ds-border-width,1px) solid var(--ds-border-focused,#4688ec)}
11
11
  ._1v9c1xv3 [data-ds--code--row]:not([data-ds--code--row--highlight])+[data-ds--code--row--highlight]{border-block-start:var(--ds-border-width,1px) dashed transparent}
12
12
  ._1vbw1xv3 [data-ds--code--row--highlight]+[data-ds--code--row]:not([data-ds--code--row--highlight]){border-block-start:var(--ds-border-width,1px) dashed transparent}
13
- ._ra6gww7y [data-ds--code--row--highlight] .linenumber{border-inline-start:4px solid var(--ds-border-focused,#388bff)}._113p131l .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.cdata{color:var(--ds-text-subtlest,#626f86)}
13
+ ._ra6gsb9t [data-ds--code--row--highlight] .linenumber{border-inline-start:4px solid var(--ds-border-focused,#4688ec)}._113p1rpy .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.cdata{color:var(--ds-text-subtlest,#6b6e76)}
14
14
  ._11wmidpf code[class*=language-]{padding-inline-start:0}
15
15
  ._11wmu2gc code[class*=language-]{padding-inline-start:var(--ds-space-100,8px)}
16
16
  ._12l6ysn8 [data-ds--code--row--highlight]:after{clip-path:inset(100%)}
@@ -20,17 +20,17 @@
20
20
  ._137bh55r .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.inserted{color:var(--ds-text-accent-green,#216e4e)}
21
21
  ._13cdh2mm [data-ds--code--row--highlight] .linenumber{position:relative}
22
22
  ._13dgkb7n code:last-of-type{flex-shrink:1}
23
- ._13zt131l .token.token.token.token.token.token.token.substr{color:var(--ds-text-subtlest,#626f86)}
23
+ ._13zt1rpy .token.token.token.token.token.token.token.substr{color:var(--ds-text-subtlest,#6b6e76)}
24
24
  ._151dstnw [data-ds--code--row--highlight]:before{position:absolute}
25
25
  ._16kzwrk5 .ds-sh-line-number{min-width:var(--ads-code-line-number-width)!important}
26
26
  ._16noidpf code{padding-inline-end:0}
27
27
  ._16nou2gc code{padding-inline-end:var(--ds-space-100,8px)}
28
- ._17071olh code:first-of-type{background-image:linear-gradient(to right,var(--ds--code--line-number-bg-color,var(--ds-background-neutral,#091e420f)),var(--ds--code--line-number-bg-color,var(--ds-background-neutral,#091e420f)) var(--ads-code-line-number-width),transparent var(--ads-code-line-number-width),transparent)}
28
+ ._1707efft code:first-of-type{background-image:linear-gradient(to right,var(--ds--code--line-number-bg-color,var(--ds-background-neutral,#0515240f)),var(--ds--code--line-number-bg-color,var(--ds-background-neutral,#0515240f)) var(--ads-code-line-number-width),transparent var(--ads-code-line-number-width),transparent)}
29
29
  ._18r6myb0 [data-ds--code--row--highlight] .linenumber:before{inset-inline-start:-4px}
30
- ._19o610m5 .token.token.token.token.token.token.token.token.token.token.url{color:var(--ds-text-accent-purple,#5e4db2)}
30
+ ._19o6qmo9 .token.token.token.token.token.token.token.token.token.token.url{color:var(--ds-text-accent-purple,#803fa5)}
31
31
  ._1amdidpf .ds-sh-line-number{flex-shrink:0}
32
32
  ._1ascu2gc .linenumber{padding-inline-start:var(--ds-space-100,8px)}
33
- ._1b9tpnps .token.token.token.token.token.token.token.token.builtin{color:var(--ds-text-accent-blue,#05c)}
33
+ ._1b9t16jw .token.token.token.token.token.token.token.token.builtin{color:var(--ds-text-accent-blue,#1558bc)}
34
34
  ._1bemt94y [data-ds--code--row--highlight]:before{height:1px}
35
35
  ._1bx8idpf pre[class*=language-]{padding-inline-start:0}
36
36
  ._1bx8u2gc pre[class*=language-]{padding-inline-start:var(--ds-space-100,8px)}
@@ -39,7 +39,7 @@
39
39
  ._1e0c1txw{display:flex}
40
40
  ._1eimjvyg{direction:ltr}
41
41
  ._1exb1q9c [data-ds--code--row--highlight]:after{white-space:nowrap}
42
- ._1f0gpnps .token.token.token.selector{color:var(--ds-text-accent-blue,#05c)}
42
+ ._1f0g16jw .token.token.token.selector{color:var(--ds-text-accent-blue,#1558bc)}
43
43
  ._1f8gstnw [data-ds--code--row--highlight] .linenumber:before{position:absolute}
44
44
  ._1g0517qg .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.constant{color:var(--ds-text-accent-teal,#206a83)}
45
45
  ._1g4tidpf code{padding-inline-start:0}
@@ -50,79 +50,76 @@
50
50
  ._1i3h1txw [data-ds--code--row]{display:flex}
51
51
  ._1i3h1ule [data-ds--code--row]{display:block}
52
52
  ._1io6glyw .ds-sh-line-number{-webkit-user-select:none;-ms-user-select:none;user-select:none}
53
- ._1k47pnps .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.number{color:var(--ds-text-accent-blue,#05c)}
54
- ._1k7d1fxt .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.char{color:var(--ds-text,#172b4d)}
53
+ ._1k4716jw .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.number{color:var(--ds-text-accent-blue,#1558bc)}
54
+ ._1k7di7uo .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.char{color:var(--ds-text,#292a2e)}
55
55
  ._1kr87mnp [data-ds--code--row--highlight]:before{clip:rect(1px,1px,1px,1px)}
56
56
  ._1ls01ule .linenumber{display:block}
57
57
  ._1ls0df4r .linenumber{display:inline-block!important}
58
58
  ._1m3815vq [data-ds--code--row--highlight]:after{overflow-y:hidden}
59
59
  ._1mfn17qg .token.token.token.token.token.token.token.token.token.token.token.selector-pseudo{color:var(--ds-text-accent-teal,#206a83)}
60
60
  ._1mgnt94y [data-ds--code--row--highlight]:after{width:1px}
61
- ._1n6tpnps .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.prolog{color:var(--ds-text-accent-blue,#05c)}
61
+ ._1n6t16jw .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.prolog{color:var(--ds-text-accent-blue,#1558bc)}
62
62
  ._1na21hna code:last-of-type{word-break:break-word}
63
63
  ._1np517qg .token.token.token.token.token.token.token.token.token.symbol{color:var(--ds-text-accent-teal,#206a83)}
64
64
  ._1ohiu2gc pre[class*=language-]{padding-block-start:var(--ds-space-100,8px)}
65
- ._1pbkpnps .token.token.token.token.token.token.token.token.entity{color:var(--ds-text-accent-blue,#05c)}
65
+ ._1pbk16jw .token.token.token.token.token.token.token.token.entity{color:var(--ds-text-accent-blue,#1558bc)}
66
66
  ._1pp0126e [data-ds--code--row--highlight] .linenumber{padding-inline-start:var(--ds-space-050,4px)!important}
67
67
  ._1pzyb3bt [data-ds--code--row--highlight] .linenumber:before{content:""}
68
68
  ._1q16glyw .linenumber{-webkit-user-select:none;-ms-user-select:none;user-select:none}
69
- ._1rd2pnps .token.token.token.token.token.token.token.token.code{color:var(--ds-text-accent-blue,#05c)}
69
+ ._1rd216jw .token.token.token.token.token.token.token.token.code{color:var(--ds-text-accent-blue,#1558bc)}
70
70
  ._1reo1wug{overflow-x:auto}
71
- ._1rju10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.title{color:var(--ds-text-accent-purple,#5e4db2)}
72
- ._1t361fxt .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.operator{color:var(--ds-text,#172b4d)}
73
- ._1tq6pnps .token.token.token.token.token.token.token.token.bullet{color:var(--ds-text-accent-blue,#05c)}
71
+ ._1rjuqmo9 .token.token.token.token.token.token.token.token.token.token.token.token.token.title{color:var(--ds-text-accent-purple,#803fa5)}
72
+ ._1t36i7uo .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.operator{color:var(--ds-text,#292a2e)}
73
+ ._1tq616jw .token.token.token.token.token.token.token.token.bullet{color:var(--ds-text-accent-blue,#1558bc)}
74
74
  ._1v0lh55r .token.token.token.token.token.token.token.token.token.token.token.token.string{color:var(--ds-text-accent-green,#216e4e)}
75
- ._1vww10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.section{color:var(--ds-text-accent-purple,#5e4db2)}
75
+ ._1vwwqmo9 .token.token.token.token.token.token.token.token.token.token.token.token.token.section{color:var(--ds-text-accent-purple,#803fa5)}
76
76
  ._1w2xu2gc pre[class*=language-]{padding-block-end:var(--ds-space-100,8px)}
77
77
  ._1weckb7n code:last-of-type{flex-grow:1}
78
78
  ._1wfuwrk5 .linenumber{min-width:var(--ads-code-line-number-width)!important}
79
- ._1wyb1crf{font-size:9pt}
80
79
  ._1xcoh55r .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.atrule{color:var(--ds-text-accent-green,#216e4e)}
81
80
  ._1yuau2gc .ds-sh-line-number{padding-inline-start:var(--ds-space-100,8px)}
82
- ._1yvq10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.class-name{color:var(--ds-text-accent-purple,#5e4db2)}
81
+ ._1yvqqmo9 .token.token.token.token.token.token.token.token.token.token.token.token.token.class-name{color:var(--ds-text-accent-purple,#803fa5)}
83
82
  ._2g12fb2s .token.token.token.token.token.token.doctype{color:var(--ds-text-accent-yellow,#7f5f01)}
84
- ._326z1fxt .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.punctuation{color:var(--ds-text,#172b4d)}
83
+ ._326zi7uo .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.punctuation{color:var(--ds-text,#292a2e)}
85
84
  ._3hsg1w1g .token.keyword:not(.important,.bold){font-weight:bolder}
86
85
  ._40uk1l04 [data-ds--code--row]{margin-inline-end:-var(--ds-space-100,8px)}
87
86
  ._4io21a66 .ds-sh-line-number{padding-inline-end:var(--ds-space-100,8px)!important}
88
- ._72uvpnps .token.keyword{color:var(--ds-text-accent-blue,#05c)}
87
+ ._72uv16jw .token.keyword{color:var(--ds-text-accent-blue,#1558bc)}
89
88
  ._748n17qg .token.token.token.token.token.token.token.token.token.token.token.selector-attr{color:var(--ds-text-accent-teal,#206a83)}
90
89
  ._7gp8h55r .token.token.token.token.token.token.token.token.token.token.token.token.token.token.meta-keyword{color:var(--ds-text-accent-green,#216e4e)}
91
- ._97lipnps .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.boolean{color:var(--ds-text-accent-blue,#05c)}
90
+ ._97li16jw .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.boolean{color:var(--ds-text-accent-blue,#1558bc)}
92
91
  ._9d3e17qg .token.token.attr-name{color:var(--ds-text-accent-teal,#206a83)}
93
92
  ._9k2r1m30 .token.italic{font-style:italic}
94
93
  ._9kk3moej .token.important{font-weight:var(--ds-font-weight-bold,700)}
95
94
  ._9wu1fb2s .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.important{color:var(--ds-text-accent-yellow,#7f5f01)}
96
- ._b5iy131l .token.token.token.token.block-comment{color:var(--ds-text-subtlest,#626f86)}
97
- ._bfhktkvp{background-color:var(--ds--code--bg-color,var(--ds-background-neutral,#091e420f))}
98
- ._bu7zpf9b .ds-sh-line-number{color:var(--ds-text-subtlest,#626f86)!important}
95
+ ._b5iy1rpy .token.token.token.token.block-comment{color:var(--ds-text-subtlest,#6b6e76)}
96
+ ._bfhk187e{background-color:var(--ds--code--bg-color,var(--ds-background-neutral,#0515240f))}
97
+ ._bu7z124n .ds-sh-line-number{color:var(--ds-text-subtlest,#6b6e76)!important}
99
98
  ._cahfusvi .ds-sh-line-number{box-sizing:border-box}
100
99
  ._ccm6u2gc .ds-sh-line-number{margin-inline-end:var(--ds-space-100,8px)}
101
100
  ._cjus1w1g .token.bold:not(.important){font-weight:bolder}
102
- ._ect41odn{font-family:var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
103
101
  ._eiht5x2v .token.block-comment:not(.italic){font-family:SFMono-MediumItalic,var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
104
102
  ._euyxusvi .linenumber{box-sizing:border-box}
105
- ._g0lx1fxt .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.function{color:var(--ds-text,#172b4d)}
106
- ._gti3131l .token.token.token.token.comment{color:var(--ds-text-subtlest,#626f86)}
103
+ ._g0lxi7uo .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.function{color:var(--ds-text,#292a2e)}
104
+ ._gti31rpy .token.token.token.token.comment{color:var(--ds-text-subtlest,#6b6e76)}
107
105
  ._gy101giz .ds-sh-line-number{font-style:normal!important}
108
106
  ._h4fuidpf code[class*=language-]{padding-inline-end:0}
109
107
  ._h4fuu2gc code[class*=language-]{padding-inline-end:var(--ds-space-100,8px)}
110
- ._h909m7j4 [data-ds--code--row--highlight]{background-color:var(--ds-background-neutral,#091e420f)}
111
- ._i2ig10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.property{color:var(--ds-text-accent-purple,#5e4db2)}
108
+ ._h909i8nm [data-ds--code--row--highlight]{background-color:var(--ds-background-neutral,#0515240f)}
109
+ ._i2igqmo9 .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.property{color:var(--ds-text-accent-purple,#803fa5)}
112
110
  ._i6ntu2gc code[class*=language-]{padding-block-end:var(--ds-space-100,8px)}
113
111
  ._i81p1a66 [data-ds--code--row]{padding-inline-end:var(--ds-space-100,8px)!important}
114
112
  ._ipl81e17 [data-ds--code--row--highlight]:before{content:" [var(--ads-highlighted-start-text)] "}
115
113
  ._j0l11wug code:last-of-type{flex-basis:auto}
116
114
  ._juomusic .linenumber{text-align:right}
117
- ._k3lipnps .token.token.token.token.token.token.token.token.namespace{color:var(--ds-text-accent-blue,#05c)}
118
- ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
119
- ._k86b10m5 .token.token.token.token.token.function-name{color:var(--ds-text-accent-purple,#5e4db2)}
115
+ ._k3li16jw .token.token.token.token.token.token.token.token.namespace{color:var(--ds-text-accent-blue,#1558bc)}
116
+ ._k86bqmo9 .token.token.token.token.token.function-name{color:var(--ds-text-accent-purple,#803fa5)}
120
117
  ._kxov17qg .token.token.token.token.token.token.token.token.token.regex{color:var(--ds-text-accent-teal,#206a83)}
121
118
  ._lcwuusic .ds-sh-line-number{text-align:right}
122
119
  ._lh0y15vq [data-ds--code--row--highlight]:before{overflow-x:hidden}
123
120
  ._m2f517qg .token.token.token.token.token.token.token.token.token.variable{color:var(--ds-text-accent-teal,#206a83)}
124
121
  ._m802u2gc code{padding-block-end:var(--ds-space-100,8px)}
125
- ._mbgcpf9b .linenumber{color:var(--ds-text-subtlest,#626f86)!important}
122
+ ._mbgc124n .linenumber{color:var(--ds-text-subtlest,#6b6e76)!important}
126
123
  ._mqok1w1g .token.key:not(.important,.bold){font-weight:bolder}
127
124
  ._mx8b7mnp [data-ds--code--row--highlight]:after{clip:rect(1px,1px,1px,1px)}
128
125
  ._nalpstnw [data-ds--code--row--highlight]:after{position:absolute}
@@ -134,13 +131,13 @@
134
131
  ._pp6yu2gc pre[class*=language-]{padding-inline-end:var(--ds-space-100,8px)}
135
132
  ._pyovu2gc .linenumber{margin-inline-end:var(--ds-space-100,8px)}
136
133
  ._qcxof705 code>span:only-child>span:only-child:empty:before{content:" "}
137
- ._qdiapnps .token.key{color:var(--ds-text-accent-blue,#05c)}
134
+ ._qdia16jw .token.key{color:var(--ds-text-accent-blue,#1558bc)}
138
135
  ._qk1e15vq [data-ds--code--row--highlight]:before{overflow-y:hidden}
139
136
  ._qzn01a66 code:last-of-type{padding-inline-end:var(--ds-space-100,8px)!important}
140
137
  ._r28du2gc code{padding-block-start:var(--ds-space-100,8px)}
141
138
  ._rude1ule .ds-sh-line-number{display:block}
142
139
  ._scgayz1z [data-ds--code--row--highlight]:after{content:" [var(--ads-highlighted-end-text)] "}
143
- ._syaz1fxt{color:var(--ds-text,#172b4d)}
140
+ ._syazi7uo{color:var(--ds-text,#292a2e)}
144
141
  ._t9zb5x2v .token.comment:not(.italic){font-family:SFMono-MediumItalic,var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
145
142
  ._tajqu2gc code[class*=language-]{padding-block-start:var(--ds-space-100,8px)}
146
143
  ._tgu817qg .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.attr-value{color:var(--ds-text-accent-teal,#206a83)}
@@ -156,6 +153,6 @@
156
153
  ._xo19t94y [data-ds--code--row--highlight]:after{height:1px}
157
154
  ._xr0w1a66 .linenumber{padding-inline-end:var(--ds-space-100,8px)!important}
158
155
  ._yl021m30 .token.comment:not(.italic){font-style:italic}
159
- ._ys4e131l .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.meta{color:var(--ds-text-subtlest,#626f86)}
156
+ ._ys4e1rpy .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.meta{color:var(--ds-text-subtlest,#6b6e76)}
160
157
  ._zhnuidpf .linenumber{flex-shrink:0}
161
158
  ._zvy9f705 code>span:only-child:empty:before{content:" "}
package/dist/es2019/code-block.js CHANGED
@@ -7,16 +7,13 @@ import { ax, ix } from "@compiled/react/runtime";
7
7
  import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
8
8
  import { bind } from 'bind-event-listener';
9
9
  import rafSchedule from 'raf-schd';
10
- import { fg } from '@atlaskit/platform-feature-flags';
11
10
  import { useHighlightLines } from './internal/hooks/use-highlight';
12
11
  import { getLineNumWidth } from './internal/theme/styles';
13
12
  import { normalizeLanguage } from './internal/utils/get-normalized-language';
14
13
  import SyntaxHighlighter from './syntax-highlighter';
15
14
  const getCodeBlockStyles = {
16
- codeFontFlagOn: "_11c81u0j",
17
- codeFontFlagOff: "_1wyb1crf _k48pi7a9 _ect41odn",
18
- root: "_2rko12b0 _1dqoglyw _1e0c1txw _vwz4gktf _1reo1wug _o572qvpr _1eimjvyg _bfhktkvp _syaz1fxt _1ozdn7od _7xinn7od _t7aun7od _r28du2gc _tajqu2gc _1ohiu2gc _m802u2gc _i6ntu2gc _1w2xu2gc _1hmyegat _vblregat _vbulegat _196q1xv3 _1vbw1xv3 _1v9c1xv3 _1srn17d7 _18r6myb0 _vyvc1n1a _1d4j1y44 _1f8gstnw _1pzyb3bt _ra6gww7y _13cdh2mm _1pp0126e _zvy9f705 _qcxof705 _qzn01a66 _j0l11wug _1weckb7n _1na21hna _vsnzgrf3 _x7c815vq _lh0y15vq _1m3815vq _qk1e15vq _12l6ysn8 _uga3ysn8 _mx8b7mnp _1kr87mnp _xo19t94y _1bemt94y _nalpstnw _151dstnw _1exb1q9c _1hgu1q9c _1mgnt94y _nhket94y _h909m7j4 _scgayz1z _ipl81e17 _40uk1l04 _i81p1a66 _1gx21e5h _1ls0df4r _vm2c1rh5 _12ok1rh5 _1ls01ule _rude1ule _1q16glyw _1io6glyw _juomusic _lcwuusic _pyovu2gc _ccm6u2gc _1ascu2gc _1yuau2gc _xr0w1a66 _4io21a66 _euyxusvi _cahfusvi _zhnuidpf _1amdidpf _mbgcpf9b _bu7zpf9b _131n1giz _gy101giz _1wfuwrk5 _16kzwrk5 _9kk3moej _cjus1w1g _9k2r1m30 _nhmw1m30 _yl021m30 _eiht5x2v _t9zb5x2v _mqok1w1g _3hsg1w1g _i7ngn7od _9wu1fb2s _1xcoh55r _1t361fxt _137bh55r _1k7d1fxt _97lipnps _12nh9lu1 _1g0517qg _i2ig10m5 _326z1fxt _113p131l _1n6tpnps _tgu817qg _1k47pnps _g0lx1fxt _ys4e131l _7gp8h55r _1yvq10m5 _1vww10m5 _1rju10m5 _1v0lh55r _wmyy17qg _748n17qg _1mfn17qg _1d7e17qg _p2vr17qg _19o610m5 _kxov17qg _1np517qg _m2f517qg _1b9tpnps _1tq6pnps _1rd2pnps _1pbkpnps _k3lipnps _13zt131l _2g12fb2s _k86b10m5 _b5iy131l _gti3131l _1f0gpnps _9d3e17qg _qdiapnps _72uvpnps",
19
- showLineNumbers: "_17071olh _1i3h1txw _16noidpf _h4fuidpf _pp6yidpf _1g4tidpf _11wmidpf _1bx8idpf",
15
+ root: "_11c81u0j _2rko12b0 _1dqoglyw _1e0c1txw _vwz4gktf _1reo1wug _o572qvpr _1eimjvyg _bfhk187e _syazi7uo _1ozdn7od _7xinn7od _t7aun7od _r28du2gc _tajqu2gc _1ohiu2gc _m802u2gc _i6ntu2gc _1w2xu2gc _1hmyegat _vblregat _vbulegat _196q1xv3 _1vbw1xv3 _1v9c1xv3 _1srnt0uh _18r6myb0 _vyvc1n1a _1d4j1y44 _1f8gstnw _1pzyb3bt _ra6gsb9t _13cdh2mm _1pp0126e _zvy9f705 _qcxof705 _qzn01a66 _j0l11wug _1weckb7n _1na21hna _vsnzgrf3 _x7c815vq _lh0y15vq _1m3815vq _qk1e15vq _12l6ysn8 _uga3ysn8 _mx8b7mnp _1kr87mnp _xo19t94y _1bemt94y _nalpstnw _151dstnw _1exb1q9c _1hgu1q9c _1mgnt94y _nhket94y _h909i8nm _scgayz1z _ipl81e17 _40uk1l04 _i81p1a66 _1gx21e5h _1ls0df4r _vm2c1rh5 _12ok1rh5 _1ls01ule _rude1ule _1q16glyw _1io6glyw _juomusic _lcwuusic _pyovu2gc _ccm6u2gc _1ascu2gc _1yuau2gc _xr0w1a66 _4io21a66 _euyxusvi _cahfusvi _zhnuidpf _1amdidpf _mbgc124n _bu7z124n _131n1giz _gy101giz _1wfuwrk5 _16kzwrk5 _9kk3moej _cjus1w1g _9k2r1m30 _nhmw1m30 _yl021m30 _eiht5x2v _t9zb5x2v _mqok1w1g _3hsg1w1g _i7ngn7od _9wu1fb2s _1xcoh55r _1t36i7uo _137bh55r _1k7di7uo _97li16jw _12nh9lu1 _1g0517qg _i2igqmo9 _326zi7uo _113p1rpy _1n6t16jw _tgu817qg _1k4716jw _g0lxi7uo _ys4e1rpy _7gp8h55r _1yvqqmo9 _1vwwqmo9 _1rjuqmo9 _1v0lh55r _wmyy17qg _748n17qg _1mfn17qg _1d7e17qg _p2vr17qg _19o6qmo9 _kxov17qg _1np517qg _m2f517qg _1b9t16jw _1tq616jw _1rd216jw _1pbk16jw _k3li16jw _13zt1rpy _2g12fb2s _k86bqmo9 _b5iy1rpy _gti31rpy _1f0g16jw _9d3e17qg _qdia16jw _72uv16jw",
16
+ showLineNumbers: "_1707efft _1i3h1txw _16noidpf _h4fuidpf _pp6yidpf _1g4tidpf _11wmidpf _1bx8idpf",
20
17
  dontShowLineNumbers: "_1i3h1ule _16nou2gc _h4fuu2gc _pp6yu2gc _1g4tu2gc _11wmu2gc _1bx8u2gc",
21
18
  shouldWrapLongLines: "_13dgkb7n",
22
19
  dontWrapLongLines: "_13dgkb7n"
@@ -87,9 +84,6 @@ const CodeBlock = /*#__PURE__*/memo(function CodeBlock({
87
84
 
88
85
  // https://product-fabric.atlassian.net/browse/DST-2472
89
86
  const languageToUse = text ? language : 'text';
90
-
91
- // https://product-fabric.atlassian.net/browse/DSP-22927
92
- const useCodeFont = fg('platform_dst_code-token');
93
87
  return /*#__PURE__*/React.createElement(SyntaxHighlighter, {
94
88
  "data-code-lang": language,
95
89
  "data-ds--code--code-block": "",
@@ -117,7 +111,7 @@ const CodeBlock = /*#__PURE__*/memo(function CodeBlock({
117
111
  "aria-label": showContentFocus ? label : undefined,
118
112
  role: showContentFocus ? 'region' : undefined,
119
113
  scrollRef: scrollableRef,
120
- className: ax([useCodeFont ? getCodeBlockStyles.codeFontFlagOn : getCodeBlockStyles.codeFontFlagOff, getCodeBlockStyles.root, shouldWrapLongLines ? getCodeBlockStyles.shouldWrapLongLines : getCodeBlockStyles.dontWrapLongLines, shouldShowLineNumbersValue ? getCodeBlockStyles.showLineNumbers : getCodeBlockStyles.dontShowLineNumbers])
114
+ className: ax([getCodeBlockStyles.root, shouldWrapLongLines ? getCodeBlockStyles.shouldWrapLongLines : getCodeBlockStyles.dontWrapLongLines, shouldShowLineNumbersValue ? getCodeBlockStyles.showLineNumbers : getCodeBlockStyles.dontShowLineNumbers])
121
115
  });
122
116
  });
123
117
  export default CodeBlock;
package/dist/es2019/code.compiled.css CHANGED
@@ -7,10 +7,10 @@
7
7
  ._1e0c1nu9{display:inline}
8
8
  ._1i4q1hna{overflow-wrap:break-word}
9
9
  ._1reo1wug{overflow-x:auto}
10
- ._bfhktkvp{background-color:var(--ds--code--bg-color,var(--ds-background-neutral,#091e420f))}
10
+ ._bfhk187e{background-color:var(--ds--code--bg-color,var(--ds-background-neutral,#0515240f))}
11
11
  ._ca0qyh40{padding-top:2px}
12
12
  ._n3tdyh40{padding-bottom:2px}
13
13
  ._o5721jtm{white-space:pre-wrap}
14
- ._syaz1fxt{color:var(--ds-text,#172b4d)}
14
+ ._syazi7uo{color:var(--ds-text,#292a2e)}
15
15
  ._u5f3m5ip{padding-right:.5ch}
16
16
  ._vwz41kw7{line-height:inherit}
package/dist/es2019/code.js CHANGED
@@ -6,7 +6,7 @@ import React, { forwardRef, memo } from 'react';
6
6
  import CodeBidiWarning from './bidi-warning';
7
7
  import codeBidiWarningDecorator from './bidi-warning/bidi-warning-decorator';
8
8
  const styles = {
9
- base: "_ca0qyh40 _u5f3m5ip _n3tdyh40 _19bvm5ip _2rkofajl _11c81u0j _1reo1wug _18m91wug _1dqoglyw _1e0c1nu9 _bfhktkvp _16d9qvcn _syaz1fxt _vwz41kw7 _1i4q1hna _o5721jtm"
9
+ base: "_ca0qyh40 _u5f3m5ip _n3tdyh40 _19bvm5ip _2rkofajl _11c81u0j _1reo1wug _18m91wug _1dqoglyw _1e0c1nu9 _bfhk187e _16d9qvcn _syazi7uo _vwz41kw7 _1i4q1hna _o5721jtm"
10
10
  };
11
11
 
12
12
  /**
package/dist/es2019/syntax-highlighter/lib/process/get-code-tree.js CHANGED
@@ -7,7 +7,7 @@ export default function getCodeTree(language, code, astGenerator) {
7
7
  }
8
8
  try {
9
9
  return astGenerator.highlight(code, language);
10
- } catch (e) {
10
+ } catch {
11
11
  return [{
12
12
  type: 'text',
13
13
  value: code
package/dist/esm/bidi-warning/ui/styled.compiled.css CHANGED
@@ -6,14 +6,14 @@
6
6
  ._1cfcvrvc:before{flex-direction:row}
7
7
  ._1j6r1odn:before{font-family:var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
8
8
  ._1kt9y7el:before{content:"<"attr(data-bidi-character-code)">"}
9
- ._1rbawx40:hover:before{color:var(--ds-text-warning,#a54800)}
10
- ._1rus1tzq:before{background-color:var(--ds-background-warning,#fff7d6)}
9
+ ._1rba1xn9:hover:before{color:var(--ds-text-warning,#9e4c00)}
10
+ ._1rus1917:before{background-color:var(--ds-background-warning,#fff5db)}
11
11
  ._1uakf6fq:before{line-height:18px}
12
- ._1xqc1rd4:hover:before{background-color:var(--ds-background-warning-hovered,#f8e6a0)}
12
+ ._1xqc19zu:hover:before{background-color:var(--ds-background-warning-hovered,#fce4a6)}
13
13
  ._1xyt1b66:before{padding-inline-start:var(--ds-space-050,4px)}
14
14
  ._24gj1h6o:before{justify-content:center}
15
15
  ._cfu1116y:before{display:inline-flex}
16
16
  ._dsq41wug:before{pointer-events:auto}
17
- ._is06wx40:before{color:var(--ds-text-warning,#a54800)}
17
+ ._is061xn9:before{color:var(--ds-text-warning,#9e4c00)}
18
18
  ._kqswh2mm{position:relative}
19
19
  ._rxygze3t:before{padding-block-end:var(--ds-space-0,0)}
package/dist/esm/bidi-warning/ui/styled.js CHANGED
@@ -5,7 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
5
5
  import { Fragment } from 'react';
6
6
  import VisuallyHidden from '@atlaskit/visually-hidden';
7
7
  var decoration = {
8
- root: "_kqswh2mm _szpl2smr _dsq41wug _1xyt1b66 _123w1b66 _15nnze3t _rxygze3t _1a354jg8 _1j6r1odn _1uakf6fq _1kt9y7el _is06wx40 _1rus1tzq _1cfcvrvc _24gj1h6o _19o61h6o _cfu1116y _1rbawx40 _1xqc1rd4"
8
+ root: "_kqswh2mm _szpl2smr _dsq41wug _1xyt1b66 _123w1b66 _15nnze3t _rxygze3t _1a354jg8 _1j6r1odn _1uakf6fq _1kt9y7el _is061xn9 _1rus1917 _1cfcvrvc _24gj1h6o _19o61h6o _cfu1116y _1rba1xn9 _1xqc19zu"
9
9
  };
10
10
  export function Decorator(_ref) {
11
11
  var bidiCharacter = _ref.bidiCharacter,
package/dist/esm/code-block.compiled.css CHANGED
@@ -7,10 +7,10 @@
7
7
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
8
8
  ._1dqoglyw{border-style:none}
9
9
  ._196q1xv3 [data-ds--code--row--highlight]:last-child{border-block-end:var(--ds-border-width,1px) dashed transparent}
10
- ._1srn17d7 [data-ds--code--row--highlight] .linenumber:before{border-block-start:var(--ds-border-width,1px) solid var(--ds-border-focused,#388bff)}
10
+ ._1srnt0uh [data-ds--code--row--highlight] .linenumber:before{border-block-start:var(--ds-border-width,1px) solid var(--ds-border-focused,#4688ec)}
11
11
  ._1v9c1xv3 [data-ds--code--row]:not([data-ds--code--row--highlight])+[data-ds--code--row--highlight]{border-block-start:var(--ds-border-width,1px) dashed transparent}
12
12
  ._1vbw1xv3 [data-ds--code--row--highlight]+[data-ds--code--row]:not([data-ds--code--row--highlight]){border-block-start:var(--ds-border-width,1px) dashed transparent}
13
- ._ra6gww7y [data-ds--code--row--highlight] .linenumber{border-inline-start:4px solid var(--ds-border-focused,#388bff)}._113p131l .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.cdata{color:var(--ds-text-subtlest,#626f86)}
13
+ ._ra6gsb9t [data-ds--code--row--highlight] .linenumber{border-inline-start:4px solid var(--ds-border-focused,#4688ec)}._113p1rpy .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.cdata{color:var(--ds-text-subtlest,#6b6e76)}
14
14
  ._11wmidpf code[class*=language-]{padding-inline-start:0}
15
15
  ._11wmu2gc code[class*=language-]{padding-inline-start:var(--ds-space-100,8px)}
16
16
  ._12l6ysn8 [data-ds--code--row--highlight]:after{clip-path:inset(100%)}
@@ -20,17 +20,17 @@
20
20
  ._137bh55r .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.inserted{color:var(--ds-text-accent-green,#216e4e)}
21
21
  ._13cdh2mm [data-ds--code--row--highlight] .linenumber{position:relative}
22
22
  ._13dgkb7n code:last-of-type{flex-shrink:1}
23
- ._13zt131l .token.token.token.token.token.token.token.substr{color:var(--ds-text-subtlest,#626f86)}
23
+ ._13zt1rpy .token.token.token.token.token.token.token.substr{color:var(--ds-text-subtlest,#6b6e76)}
24
24
  ._151dstnw [data-ds--code--row--highlight]:before{position:absolute}
25
25
  ._16kzwrk5 .ds-sh-line-number{min-width:var(--ads-code-line-number-width)!important}
26
26
  ._16noidpf code{padding-inline-end:0}
27
27
  ._16nou2gc code{padding-inline-end:var(--ds-space-100,8px)}
28
- ._17071olh code:first-of-type{background-image:linear-gradient(to right,var(--ds--code--line-number-bg-color,var(--ds-background-neutral,#091e420f)),var(--ds--code--line-number-bg-color,var(--ds-background-neutral,#091e420f)) var(--ads-code-line-number-width),transparent var(--ads-code-line-number-width),transparent)}
28
+ ._1707efft code:first-of-type{background-image:linear-gradient(to right,var(--ds--code--line-number-bg-color,var(--ds-background-neutral,#0515240f)),var(--ds--code--line-number-bg-color,var(--ds-background-neutral,#0515240f)) var(--ads-code-line-number-width),transparent var(--ads-code-line-number-width),transparent)}
29
29
  ._18r6myb0 [data-ds--code--row--highlight] .linenumber:before{inset-inline-start:-4px}
30
- ._19o610m5 .token.token.token.token.token.token.token.token.token.token.url{color:var(--ds-text-accent-purple,#5e4db2)}
30
+ ._19o6qmo9 .token.token.token.token.token.token.token.token.token.token.url{color:var(--ds-text-accent-purple,#803fa5)}
31
31
  ._1amdidpf .ds-sh-line-number{flex-shrink:0}
32
32
  ._1ascu2gc .linenumber{padding-inline-start:var(--ds-space-100,8px)}
33
- ._1b9tpnps .token.token.token.token.token.token.token.token.builtin{color:var(--ds-text-accent-blue,#05c)}
33
+ ._1b9t16jw .token.token.token.token.token.token.token.token.builtin{color:var(--ds-text-accent-blue,#1558bc)}
34
34
  ._1bemt94y [data-ds--code--row--highlight]:before{height:1px}
35
35
  ._1bx8idpf pre[class*=language-]{padding-inline-start:0}
36
36
  ._1bx8u2gc pre[class*=language-]{padding-inline-start:var(--ds-space-100,8px)}
@@ -39,7 +39,7 @@
39
39
  ._1e0c1txw{display:flex}
40
40
  ._1eimjvyg{direction:ltr}
41
41
  ._1exb1q9c [data-ds--code--row--highlight]:after{white-space:nowrap}
42
- ._1f0gpnps .token.token.token.selector{color:var(--ds-text-accent-blue,#05c)}
42
+ ._1f0g16jw .token.token.token.selector{color:var(--ds-text-accent-blue,#1558bc)}
43
43
  ._1f8gstnw [data-ds--code--row--highlight] .linenumber:before{position:absolute}
44
44
  ._1g0517qg .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.constant{color:var(--ds-text-accent-teal,#206a83)}
45
45
  ._1g4tidpf code{padding-inline-start:0}
@@ -50,79 +50,76 @@
50
50
  ._1i3h1txw [data-ds--code--row]{display:flex}
51
51
  ._1i3h1ule [data-ds--code--row]{display:block}
52
52
  ._1io6glyw .ds-sh-line-number{-webkit-user-select:none;-ms-user-select:none;user-select:none}
53
- ._1k47pnps .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.number{color:var(--ds-text-accent-blue,#05c)}
54
- ._1k7d1fxt .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.char{color:var(--ds-text,#172b4d)}
53
+ ._1k4716jw .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.number{color:var(--ds-text-accent-blue,#1558bc)}
54
+ ._1k7di7uo .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.char{color:var(--ds-text,#292a2e)}
55
55
  ._1kr87mnp [data-ds--code--row--highlight]:before{clip:rect(1px,1px,1px,1px)}
56
56
  ._1ls01ule .linenumber{display:block}
57
57
  ._1ls0df4r .linenumber{display:inline-block!important}
58
58
  ._1m3815vq [data-ds--code--row--highlight]:after{overflow-y:hidden}
59
59
  ._1mfn17qg .token.token.token.token.token.token.token.token.token.token.token.selector-pseudo{color:var(--ds-text-accent-teal,#206a83)}
60
60
  ._1mgnt94y [data-ds--code--row--highlight]:after{width:1px}
61
- ._1n6tpnps .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.prolog{color:var(--ds-text-accent-blue,#05c)}
61
+ ._1n6t16jw .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.prolog{color:var(--ds-text-accent-blue,#1558bc)}
62
62
  ._1na21hna code:last-of-type{word-break:break-word}
63
63
  ._1np517qg .token.token.token.token.token.token.token.token.token.symbol{color:var(--ds-text-accent-teal,#206a83)}
64
64
  ._1ohiu2gc pre[class*=language-]{padding-block-start:var(--ds-space-100,8px)}
65
- ._1pbkpnps .token.token.token.token.token.token.token.token.entity{color:var(--ds-text-accent-blue,#05c)}
65
+ ._1pbk16jw .token.token.token.token.token.token.token.token.entity{color:var(--ds-text-accent-blue,#1558bc)}
66
66
  ._1pp0126e [data-ds--code--row--highlight] .linenumber{padding-inline-start:var(--ds-space-050,4px)!important}
67
67
  ._1pzyb3bt [data-ds--code--row--highlight] .linenumber:before{content:""}
68
68
  ._1q16glyw .linenumber{-webkit-user-select:none;-ms-user-select:none;user-select:none}
69
- ._1rd2pnps .token.token.token.token.token.token.token.token.code{color:var(--ds-text-accent-blue,#05c)}
69
+ ._1rd216jw .token.token.token.token.token.token.token.token.code{color:var(--ds-text-accent-blue,#1558bc)}
70
70
  ._1reo1wug{overflow-x:auto}
71
- ._1rju10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.title{color:var(--ds-text-accent-purple,#5e4db2)}
72
- ._1t361fxt .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.operator{color:var(--ds-text,#172b4d)}
73
- ._1tq6pnps .token.token.token.token.token.token.token.token.bullet{color:var(--ds-text-accent-blue,#05c)}
71
+ ._1rjuqmo9 .token.token.token.token.token.token.token.token.token.token.token.token.token.title{color:var(--ds-text-accent-purple,#803fa5)}
72
+ ._1t36i7uo .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.operator{color:var(--ds-text,#292a2e)}
73
+ ._1tq616jw .token.token.token.token.token.token.token.token.bullet{color:var(--ds-text-accent-blue,#1558bc)}
74
74
  ._1v0lh55r .token.token.token.token.token.token.token.token.token.token.token.token.string{color:var(--ds-text-accent-green,#216e4e)}
75
- ._1vww10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.section{color:var(--ds-text-accent-purple,#5e4db2)}
75
+ ._1vwwqmo9 .token.token.token.token.token.token.token.token.token.token.token.token.token.section{color:var(--ds-text-accent-purple,#803fa5)}
76
76
  ._1w2xu2gc pre[class*=language-]{padding-block-end:var(--ds-space-100,8px)}
77
77
  ._1weckb7n code:last-of-type{flex-grow:1}
78
78
  ._1wfuwrk5 .linenumber{min-width:var(--ads-code-line-number-width)!important}
79
- ._1wyb1crf{font-size:9pt}
80
79
  ._1xcoh55r .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.atrule{color:var(--ds-text-accent-green,#216e4e)}
81
80
  ._1yuau2gc .ds-sh-line-number{padding-inline-start:var(--ds-space-100,8px)}
82
- ._1yvq10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.class-name{color:var(--ds-text-accent-purple,#5e4db2)}
81
+ ._1yvqqmo9 .token.token.token.token.token.token.token.token.token.token.token.token.token.class-name{color:var(--ds-text-accent-purple,#803fa5)}
83
82
  ._2g12fb2s .token.token.token.token.token.token.doctype{color:var(--ds-text-accent-yellow,#7f5f01)}
84
- ._326z1fxt .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.punctuation{color:var(--ds-text,#172b4d)}
83
+ ._326zi7uo .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.punctuation{color:var(--ds-text,#292a2e)}
85
84
  ._3hsg1w1g .token.keyword:not(.important,.bold){font-weight:bolder}
86
85
  ._40uk1l04 [data-ds--code--row]{margin-inline-end:-var(--ds-space-100,8px)}
87
86
  ._4io21a66 .ds-sh-line-number{padding-inline-end:var(--ds-space-100,8px)!important}
88
- ._72uvpnps .token.keyword{color:var(--ds-text-accent-blue,#05c)}
87
+ ._72uv16jw .token.keyword{color:var(--ds-text-accent-blue,#1558bc)}
89
88
  ._748n17qg .token.token.token.token.token.token.token.token.token.token.token.selector-attr{color:var(--ds-text-accent-teal,#206a83)}
90
89
  ._7gp8h55r .token.token.token.token.token.token.token.token.token.token.token.token.token.token.meta-keyword{color:var(--ds-text-accent-green,#216e4e)}
91
- ._97lipnps .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.boolean{color:var(--ds-text-accent-blue,#05c)}
90
+ ._97li16jw .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.boolean{color:var(--ds-text-accent-blue,#1558bc)}
92
91
  ._9d3e17qg .token.token.attr-name{color:var(--ds-text-accent-teal,#206a83)}
93
92
  ._9k2r1m30 .token.italic{font-style:italic}
94
93
  ._9kk3moej .token.important{font-weight:var(--ds-font-weight-bold,700)}
95
94
  ._9wu1fb2s .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.important{color:var(--ds-text-accent-yellow,#7f5f01)}
96
- ._b5iy131l .token.token.token.token.block-comment{color:var(--ds-text-subtlest,#626f86)}
97
- ._bfhktkvp{background-color:var(--ds--code--bg-color,var(--ds-background-neutral,#091e420f))}
98
- ._bu7zpf9b .ds-sh-line-number{color:var(--ds-text-subtlest,#626f86)!important}
95
+ ._b5iy1rpy .token.token.token.token.block-comment{color:var(--ds-text-subtlest,#6b6e76)}
96
+ ._bfhk187e{background-color:var(--ds--code--bg-color,var(--ds-background-neutral,#0515240f))}
97
+ ._bu7z124n .ds-sh-line-number{color:var(--ds-text-subtlest,#6b6e76)!important}
99
98
  ._cahfusvi .ds-sh-line-number{box-sizing:border-box}
100
99
  ._ccm6u2gc .ds-sh-line-number{margin-inline-end:var(--ds-space-100,8px)}
101
100
  ._cjus1w1g .token.bold:not(.important){font-weight:bolder}
102
- ._ect41odn{font-family:var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
103
101
  ._eiht5x2v .token.block-comment:not(.italic){font-family:SFMono-MediumItalic,var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
104
102
  ._euyxusvi .linenumber{box-sizing:border-box}
105
- ._g0lx1fxt .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.function{color:var(--ds-text,#172b4d)}
106
- ._gti3131l .token.token.token.token.comment{color:var(--ds-text-subtlest,#626f86)}
103
+ ._g0lxi7uo .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.function{color:var(--ds-text,#292a2e)}
104
+ ._gti31rpy .token.token.token.token.comment{color:var(--ds-text-subtlest,#6b6e76)}
107
105
  ._gy101giz .ds-sh-line-number{font-style:normal!important}
108
106
  ._h4fuidpf code[class*=language-]{padding-inline-end:0}
109
107
  ._h4fuu2gc code[class*=language-]{padding-inline-end:var(--ds-space-100,8px)}
110
- ._h909m7j4 [data-ds--code--row--highlight]{background-color:var(--ds-background-neutral,#091e420f)}
111
- ._i2ig10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.property{color:var(--ds-text-accent-purple,#5e4db2)}
108
+ ._h909i8nm [data-ds--code--row--highlight]{background-color:var(--ds-background-neutral,#0515240f)}
109
+ ._i2igqmo9 .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.property{color:var(--ds-text-accent-purple,#803fa5)}
112
110
  ._i6ntu2gc code[class*=language-]{padding-block-end:var(--ds-space-100,8px)}
113
111
  ._i81p1a66 [data-ds--code--row]{padding-inline-end:var(--ds-space-100,8px)!important}
114
112
  ._ipl81e17 [data-ds--code--row--highlight]:before{content:" [var(--ads-highlighted-start-text)] "}
115
113
  ._j0l11wug code:last-of-type{flex-basis:auto}
116
114
  ._juomusic .linenumber{text-align:right}
117
- ._k3lipnps .token.token.token.token.token.token.token.token.namespace{color:var(--ds-text-accent-blue,#05c)}
118
- ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
119
- ._k86b10m5 .token.token.token.token.token.function-name{color:var(--ds-text-accent-purple,#5e4db2)}
115
+ ._k3li16jw .token.token.token.token.token.token.token.token.namespace{color:var(--ds-text-accent-blue,#1558bc)}
116
+ ._k86bqmo9 .token.token.token.token.token.function-name{color:var(--ds-text-accent-purple,#803fa5)}
120
117
  ._kxov17qg .token.token.token.token.token.token.token.token.token.regex{color:var(--ds-text-accent-teal,#206a83)}
121
118
  ._lcwuusic .ds-sh-line-number{text-align:right}
122
119
  ._lh0y15vq [data-ds--code--row--highlight]:before{overflow-x:hidden}
123
120
  ._m2f517qg .token.token.token.token.token.token.token.token.token.variable{color:var(--ds-text-accent-teal,#206a83)}
124
121
  ._m802u2gc code{padding-block-end:var(--ds-space-100,8px)}
125
- ._mbgcpf9b .linenumber{color:var(--ds-text-subtlest,#626f86)!important}
122
+ ._mbgc124n .linenumber{color:var(--ds-text-subtlest,#6b6e76)!important}
126
123
  ._mqok1w1g .token.key:not(.important,.bold){font-weight:bolder}
127
124
  ._mx8b7mnp [data-ds--code--row--highlight]:after{clip:rect(1px,1px,1px,1px)}
128
125
  ._nalpstnw [data-ds--code--row--highlight]:after{position:absolute}
@@ -134,13 +131,13 @@
134
131
  ._pp6yu2gc pre[class*=language-]{padding-inline-end:var(--ds-space-100,8px)}
135
132
  ._pyovu2gc .linenumber{margin-inline-end:var(--ds-space-100,8px)}
136
133
  ._qcxof705 code>span:only-child>span:only-child:empty:before{content:" "}
137
- ._qdiapnps .token.key{color:var(--ds-text-accent-blue,#05c)}
134
+ ._qdia16jw .token.key{color:var(--ds-text-accent-blue,#1558bc)}
138
135
  ._qk1e15vq [data-ds--code--row--highlight]:before{overflow-y:hidden}
139
136
  ._qzn01a66 code:last-of-type{padding-inline-end:var(--ds-space-100,8px)!important}
140
137
  ._r28du2gc code{padding-block-start:var(--ds-space-100,8px)}
141
138
  ._rude1ule .ds-sh-line-number{display:block}
142
139
  ._scgayz1z [data-ds--code--row--highlight]:after{content:" [var(--ads-highlighted-end-text)] "}
143
- ._syaz1fxt{color:var(--ds-text,#172b4d)}
140
+ ._syazi7uo{color:var(--ds-text,#292a2e)}
144
141
  ._t9zb5x2v .token.comment:not(.italic){font-family:SFMono-MediumItalic,var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
145
142
  ._tajqu2gc code[class*=language-]{padding-block-start:var(--ds-space-100,8px)}
146
143
  ._tgu817qg .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.attr-value{color:var(--ds-text-accent-teal,#206a83)}
@@ -156,6 +153,6 @@
156
153
  ._xo19t94y [data-ds--code--row--highlight]:after{height:1px}
157
154
  ._xr0w1a66 .linenumber{padding-inline-end:var(--ds-space-100,8px)!important}
158
155
  ._yl021m30 .token.comment:not(.italic){font-style:italic}
159
- ._ys4e131l .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.meta{color:var(--ds-text-subtlest,#626f86)}
156
+ ._ys4e1rpy .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.meta{color:var(--ds-text-subtlest,#6b6e76)}
160
157
  ._zhnuidpf .linenumber{flex-shrink:0}
161
158
  ._zvy9f705 code>span:only-child:empty:before{content:" "}
package/dist/esm/code-block.js CHANGED
@@ -9,16 +9,13 @@ import { ax, ix } from "@compiled/react/runtime";
9
9
  import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
10
10
  import { bind } from 'bind-event-listener';
11
11
  import rafSchedule from 'raf-schd';
12
- import { fg } from '@atlaskit/platform-feature-flags';
13
12
  import { useHighlightLines } from './internal/hooks/use-highlight';
14
13
  import { getLineNumWidth } from './internal/theme/styles';
15
14
  import { normalizeLanguage } from './internal/utils/get-normalized-language';
16
15
  import SyntaxHighlighter from './syntax-highlighter';
17
16
  var getCodeBlockStyles = {
18
- codeFontFlagOn: "_11c81u0j",
19
- codeFontFlagOff: "_1wyb1crf _k48pi7a9 _ect41odn",
20
- root: "_2rko12b0 _1dqoglyw _1e0c1txw _vwz4gktf _1reo1wug _o572qvpr _1eimjvyg _bfhktkvp _syaz1fxt _1ozdn7od _7xinn7od _t7aun7od _r28du2gc _tajqu2gc _1ohiu2gc _m802u2gc _i6ntu2gc _1w2xu2gc _1hmyegat _vblregat _vbulegat _196q1xv3 _1vbw1xv3 _1v9c1xv3 _1srn17d7 _18r6myb0 _vyvc1n1a _1d4j1y44 _1f8gstnw _1pzyb3bt _ra6gww7y _13cdh2mm _1pp0126e _zvy9f705 _qcxof705 _qzn01a66 _j0l11wug _1weckb7n _1na21hna _vsnzgrf3 _x7c815vq _lh0y15vq _1m3815vq _qk1e15vq _12l6ysn8 _uga3ysn8 _mx8b7mnp _1kr87mnp _xo19t94y _1bemt94y _nalpstnw _151dstnw _1exb1q9c _1hgu1q9c _1mgnt94y _nhket94y _h909m7j4 _scgayz1z _ipl81e17 _40uk1l04 _i81p1a66 _1gx21e5h _1ls0df4r _vm2c1rh5 _12ok1rh5 _1ls01ule _rude1ule _1q16glyw _1io6glyw _juomusic _lcwuusic _pyovu2gc _ccm6u2gc _1ascu2gc _1yuau2gc _xr0w1a66 _4io21a66 _euyxusvi _cahfusvi _zhnuidpf _1amdidpf _mbgcpf9b _bu7zpf9b _131n1giz _gy101giz _1wfuwrk5 _16kzwrk5 _9kk3moej _cjus1w1g _9k2r1m30 _nhmw1m30 _yl021m30 _eiht5x2v _t9zb5x2v _mqok1w1g _3hsg1w1g _i7ngn7od _9wu1fb2s _1xcoh55r _1t361fxt _137bh55r _1k7d1fxt _97lipnps _12nh9lu1 _1g0517qg _i2ig10m5 _326z1fxt _113p131l _1n6tpnps _tgu817qg _1k47pnps _g0lx1fxt _ys4e131l _7gp8h55r _1yvq10m5 _1vww10m5 _1rju10m5 _1v0lh55r _wmyy17qg _748n17qg _1mfn17qg _1d7e17qg _p2vr17qg _19o610m5 _kxov17qg _1np517qg _m2f517qg _1b9tpnps _1tq6pnps _1rd2pnps _1pbkpnps _k3lipnps _13zt131l _2g12fb2s _k86b10m5 _b5iy131l _gti3131l _1f0gpnps _9d3e17qg _qdiapnps _72uvpnps",
21
- showLineNumbers: "_17071olh _1i3h1txw _16noidpf _h4fuidpf _pp6yidpf _1g4tidpf _11wmidpf _1bx8idpf",
17
+ root: "_11c81u0j _2rko12b0 _1dqoglyw _1e0c1txw _vwz4gktf _1reo1wug _o572qvpr _1eimjvyg _bfhk187e _syazi7uo _1ozdn7od _7xinn7od _t7aun7od _r28du2gc _tajqu2gc _1ohiu2gc _m802u2gc _i6ntu2gc _1w2xu2gc _1hmyegat _vblregat _vbulegat _196q1xv3 _1vbw1xv3 _1v9c1xv3 _1srnt0uh _18r6myb0 _vyvc1n1a _1d4j1y44 _1f8gstnw _1pzyb3bt _ra6gsb9t _13cdh2mm _1pp0126e _zvy9f705 _qcxof705 _qzn01a66 _j0l11wug _1weckb7n _1na21hna _vsnzgrf3 _x7c815vq _lh0y15vq _1m3815vq _qk1e15vq _12l6ysn8 _uga3ysn8 _mx8b7mnp _1kr87mnp _xo19t94y _1bemt94y _nalpstnw _151dstnw _1exb1q9c _1hgu1q9c _1mgnt94y _nhket94y _h909i8nm _scgayz1z _ipl81e17 _40uk1l04 _i81p1a66 _1gx21e5h _1ls0df4r _vm2c1rh5 _12ok1rh5 _1ls01ule _rude1ule _1q16glyw _1io6glyw _juomusic _lcwuusic _pyovu2gc _ccm6u2gc _1ascu2gc _1yuau2gc _xr0w1a66 _4io21a66 _euyxusvi _cahfusvi _zhnuidpf _1amdidpf _mbgc124n _bu7z124n _131n1giz _gy101giz _1wfuwrk5 _16kzwrk5 _9kk3moej _cjus1w1g _9k2r1m30 _nhmw1m30 _yl021m30 _eiht5x2v _t9zb5x2v _mqok1w1g _3hsg1w1g _i7ngn7od _9wu1fb2s _1xcoh55r _1t36i7uo _137bh55r _1k7di7uo _97li16jw _12nh9lu1 _1g0517qg _i2igqmo9 _326zi7uo _113p1rpy _1n6t16jw _tgu817qg _1k4716jw _g0lxi7uo _ys4e1rpy _7gp8h55r _1yvqqmo9 _1vwwqmo9 _1rjuqmo9 _1v0lh55r _wmyy17qg _748n17qg _1mfn17qg _1d7e17qg _p2vr17qg _19o6qmo9 _kxov17qg _1np517qg _m2f517qg _1b9t16jw _1tq616jw _1rd216jw _1pbk16jw _k3li16jw _13zt1rpy _2g12fb2s _k86bqmo9 _b5iy1rpy _gti31rpy _1f0g16jw _9d3e17qg _qdia16jw _72uv16jw",
18
+ showLineNumbers: "_1707efft _1i3h1txw _16noidpf _h4fuidpf _pp6yidpf _1g4tidpf _11wmidpf _1bx8idpf",
22
19
  dontShowLineNumbers: "_1i3h1ule _16nou2gc _h4fuu2gc _pp6yu2gc _1g4tu2gc _11wmu2gc _1bx8u2gc",
23
20
  shouldWrapLongLines: "_13dgkb7n",
24
21
  dontWrapLongLines: "_13dgkb7n"
@@ -104,9 +101,6 @@ var CodeBlock = /*#__PURE__*/memo(function CodeBlock(_ref) {
104
101
 
105
102
  // https://product-fabric.atlassian.net/browse/DST-2472
106
103
  var languageToUse = text ? language : 'text';
107
-
108
- // https://product-fabric.atlassian.net/browse/DSP-22927
109
- var useCodeFont = fg('platform_dst_code-token');
110
104
  return /*#__PURE__*/React.createElement(SyntaxHighlighter, {
111
105
  "data-code-lang": language,
112
106
  "data-ds--code--code-block": "",
@@ -134,7 +128,7 @@ var CodeBlock = /*#__PURE__*/memo(function CodeBlock(_ref) {
134
128
  "aria-label": showContentFocus ? label : undefined,
135
129
  role: showContentFocus ? 'region' : undefined,
136
130
  scrollRef: scrollableRef,
137
- className: ax([useCodeFont ? getCodeBlockStyles.codeFontFlagOn : getCodeBlockStyles.codeFontFlagOff, getCodeBlockStyles.root, shouldWrapLongLines ? getCodeBlockStyles.shouldWrapLongLines : getCodeBlockStyles.dontWrapLongLines, shouldShowLineNumbersValue ? getCodeBlockStyles.showLineNumbers : getCodeBlockStyles.dontShowLineNumbers])
131
+ className: ax([getCodeBlockStyles.root, shouldWrapLongLines ? getCodeBlockStyles.shouldWrapLongLines : getCodeBlockStyles.dontWrapLongLines, shouldShowLineNumbersValue ? getCodeBlockStyles.showLineNumbers : getCodeBlockStyles.dontShowLineNumbers])
138
132
  });
139
133
  });
140
134
  export default CodeBlock;
package/dist/esm/code.compiled.css CHANGED
@@ -7,10 +7,10 @@
7
7
  ._1e0c1nu9{display:inline}
8
8
  ._1i4q1hna{overflow-wrap:break-word}
9
9
  ._1reo1wug{overflow-x:auto}
10
- ._bfhktkvp{background-color:var(--ds--code--bg-color,var(--ds-background-neutral,#091e420f))}
10
+ ._bfhk187e{background-color:var(--ds--code--bg-color,var(--ds-background-neutral,#0515240f))}
11
11
  ._ca0qyh40{padding-top:2px}
12
12
  ._n3tdyh40{padding-bottom:2px}
13
13
  ._o5721jtm{white-space:pre-wrap}
14
- ._syaz1fxt{color:var(--ds-text,#172b4d)}
14
+ ._syazi7uo{color:var(--ds-text,#292a2e)}
15
15
  ._u5f3m5ip{padding-right:.5ch}
16
16
  ._vwz41kw7{line-height:inherit}
package/dist/esm/code.js CHANGED
@@ -9,7 +9,7 @@ import React, { forwardRef, memo } from 'react';
9
9
  import CodeBidiWarning from './bidi-warning';
10
10
  import codeBidiWarningDecorator from './bidi-warning/bidi-warning-decorator';
11
11
  var styles = {
12
- base: "_ca0qyh40 _u5f3m5ip _n3tdyh40 _19bvm5ip _2rkofajl _11c81u0j _1reo1wug _18m91wug _1dqoglyw _1e0c1nu9 _bfhktkvp _16d9qvcn _syaz1fxt _vwz41kw7 _1i4q1hna _o5721jtm"
12
+ base: "_ca0qyh40 _u5f3m5ip _n3tdyh40 _19bvm5ip _2rkofajl _11c81u0j _1reo1wug _18m91wug _1dqoglyw _1e0c1nu9 _bfhk187e _16d9qvcn _syazi7uo _vwz41kw7 _1i4q1hna _o5721jtm"
13
13
  };
14
14
 
15
15
  /**
package/dist/esm/syntax-highlighter/lib/process/get-code-tree.js CHANGED
@@ -7,7 +7,7 @@ export default function getCodeTree(language, code, astGenerator) {
7
7
  }
8
8
  try {
9
9
  return astGenerator.highlight(code, language);
10
- } catch (e) {
10
+ } catch (_unused) {
11
11
  return [{
12
12
  type: 'text',
13
13
  value: code
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/code",
3
- "version": "17.3.1",
3
+ "version": "17.3.3",
4
4
  "description": "Code highlights short strings of code snippets inline with body text.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -27,10 +27,9 @@
27
27
  "access": "public"
28
28
  },
29
29
  "dependencies": {
30
- "@atlaskit/codemod-utils": "^4.2.0",
31
30
  "@atlaskit/platform-feature-flags": "^1.1.0",
32
- "@atlaskit/tokens": "^8.0.0",
33
- "@atlaskit/tooltip": "^20.8.0",
31
+ "@atlaskit/tokens": "^8.4.0",
32
+ "@atlaskit/tooltip": "^20.11.0",
34
33
  "@atlaskit/visually-hidden": "^3.0.0",
35
34
  "@babel/runtime": "^7.0.0",
36
35
  "@compiled/react": "^0.18.6",
@@ -48,12 +47,11 @@
48
47
  "@af/visual-regression": "workspace:^",
49
48
  "@atlaskit/button": "^23.6.0",
50
49
  "@atlaskit/docs": "^11.2.0",
51
- "@atlaskit/ds-lib": "^5.2.0",
52
- "@atlaskit/form": "^14.2.0",
50
+ "@atlaskit/ds-lib": "^5.3.0",
51
+ "@atlaskit/form": "^14.3.0",
53
52
  "@atlaskit/link": "^3.2.0",
54
- "@atlaskit/primitives": "^16.1.0",
53
+ "@atlaskit/primitives": "^16.4.0",
55
54
  "@atlaskit/section-message": "^8.9.0",
56
- "@atlaskit/ssr": "workspace:^",
57
55
  "@atlaskit/theme": "^21.0.0",
58
56
  "@atlaskit/toggle": "^15.1.0",
59
57
  "@atlassian/ssr-tests": "workspace:^",
@@ -106,9 +104,5 @@
106
104
  }
107
105
  },
108
106
  "homepage": "https://atlassian.design/components/code/",
109
- "platform-feature-flags": {
110
- "platform_dst_code-token": {
111
- "type": "boolean"
112
- }
113
- }
107
+ "platform-feature-flags": {}
114
108
  }