@atlaskit/code 17.2.5 → 17.2.7

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 (19) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/bidi-warning/ui/styled.js +1 -1
  3. package/dist/cjs/code-block.compiled.css +94 -39
  4. package/dist/cjs/code-block.js +1 -1
  5. package/dist/cjs/code.js +1 -1
  6. package/dist/cjs/constants.js +4 -0
  7. package/dist/es2019/bidi-warning/ui/styled.js +1 -1
  8. package/dist/es2019/code-block.compiled.css +94 -39
  9. package/dist/es2019/code-block.js +1 -1
  10. package/dist/es2019/code.js +1 -1
  11. package/dist/es2019/constants.js +4 -0
  12. package/dist/esm/bidi-warning/ui/styled.js +1 -1
  13. package/dist/esm/code-block.compiled.css +94 -39
  14. package/dist/esm/code-block.js +1 -1
  15. package/dist/esm/code.js +1 -1
  16. package/dist/esm/constants.js +4 -0
  17. package/dist/types/constants.d.ts +4 -0
  18. package/dist/types-ts4.5/constants.d.ts +7 -0
  19. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/code
2
2
 
3
+ ## 17.2.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [`ea4cb74c395ce`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ea4cb74c395ce) -
8
+ [ux] Adds markdown language support to code blocks
9
+
10
+ ## 17.2.6
11
+
12
+ ### Patch Changes
13
+
14
+ - [`39e543109ec09`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/39e543109ec09) -
15
+ add type info to forwardRef components
16
+ - Updated dependencies
17
+
3
18
  ## 17.2.5
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/bidi-warning/ui/styled.js CHANGED
@@ -1,4 +1,4 @@
1
- /* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
package/dist/cjs/code-block.compiled.css CHANGED
@@ -1,105 +1,160 @@
1
1
 
2
- ._1ozdn7od code, ._7xinn7od code[class*=language-], ._t7aun7od pre[class*=language-]{all:unset}
2
+ ._1ozdn7od code{all:unset}
3
+ ._7xinn7od code[class*=language-]{all:unset}
3
4
  ._i7ngn7od .token:not([class=token],[data-ds--code--row--highlight],[data-ds--code--row]){all:unset}
5
+ ._t7aun7od pre[class*=language-]{all:unset}
4
6
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
5
7
  ._1dqoglyw{border-style:none}
6
8
  ._196q1xv3 [data-ds--code--row--highlight]:last-child{border-block-end:var(--ds-border-width,1px) dashed transparent}
7
9
  ._1srn17d7 [data-ds--code--row--highlight] .linenumber:before{border-block-start:var(--ds-border-width,1px) solid var(--ds-border-focused,#388bff)}
8
- ._1vbw1xv3 [data-ds--code--row--highlight]+[data-ds--code--row]:not([data-ds--code--row--highlight]), ._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}
10
+ ._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}
11
+ ._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}
9
12
  ._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)}
10
- ._12l6ysn8 [data-ds--code--row--highlight]:after, ._uga3ysn8 [data-ds--code--row--highlight]:before{clip-path:inset(100%)}
13
+ ._11wmidpf code[class*=language-]{padding-inline-start:0}
14
+ ._11wmu2gc code[class*=language-]{padding-inline-start:var(--ds-space-100,8px)}
15
+ ._12l6ysn8 [data-ds--code--row--highlight]:after{clip-path:inset(100%)}
11
16
  ._12nh9lu1 .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.deleted{color:var(--ds-text-accent-red,#ae2e24)}
12
- ._131n1giz .linenumber, ._gy101giz .ds-sh-line-number{font-style:normal!important}
17
+ ._12ok1rh5 .ds-sh-line-number:after{content:attr(data-ds--line-number)}
18
+ ._131n1giz .linenumber{font-style:normal!important}
13
19
  ._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)}
14
20
  ._13cdh2mm [data-ds--code--row--highlight] .linenumber{position:relative}
15
21
  ._13dgkb7n code:last-of-type{flex-shrink:1}
16
22
  ._13zt131l .token.token.token.token.token.token.token.substr{color:var(--ds-text-subtlest,#626f86)}
17
- ._16noidpf code, ._h4fuidpf code[class*=language-], ._pp6yidpf pre[class*=language-]{padding-inline-end:0}
18
- ._16nou2gc code, ._h4fuu2gc code[class*=language-], ._pp6yu2gc pre[class*=language-]{padding-inline-end:var(--ds-space-100,8px)}
23
+ ._151dstnw [data-ds--code--row--highlight]:before{position:absolute}
24
+ ._16kzwrk5 .ds-sh-line-number{min-width:var(--ads-code-line-number-width)!important}
25
+ ._16noidpf code{padding-inline-end:0}
26
+ ._16nou2gc code{padding-inline-end:var(--ds-space-100,8px)}
19
27
  ._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)}
20
28
  ._18r6myb0 [data-ds--code--row--highlight] .linenumber:before{inset-inline-start:-4px}
21
29
  ._19o610m5 .token.token.token.token.token.token.token.token.token.token.url{color:var(--ds-text-accent-purple,#5e4db2)}
22
- ._1ascu2gc .linenumber, ._1yuau2gc .ds-sh-line-number{padding-inline-start:var(--ds-space-100,8px)}
23
- ._1b9tpnps .token.token.token.token.token.token.token.token.builtin, ._1tq6pnps .token.token.token.token.token.token.token.token.bullet, ._1rd2pnps .token.token.token.token.token.token.token.token.code, ._1pbkpnps .token.token.token.token.token.token.token.token.entity, ._k3lipnps .token.token.token.token.token.token.token.token.namespace{color:var(--ds-text-accent-blue,#05c)}
30
+ ._1amdidpf .ds-sh-line-number{flex-shrink:0}
31
+ ._1ascu2gc .linenumber{padding-inline-start:var(--ds-space-100,8px)}
32
+ ._1b9tpnps .token.token.token.token.token.token.token.token.builtin{color:var(--ds-text-accent-blue,#05c)}
33
+ ._1bemt94y [data-ds--code--row--highlight]:before{height:1px}
34
+ ._1bx8idpf pre[class*=language-]{padding-inline-start:0}
35
+ ._1bx8u2gc pre[class*=language-]{padding-inline-start:var(--ds-space-100,8px)}
24
36
  ._1d4j1y44 [data-ds--code--row--highlight] .linenumber:before{width:4px}
37
+ ._1d7e17qg .token.token.token.token.token.token.token.token.token.token.token.tag{color:var(--ds-text-accent-teal,#206a83)}
25
38
  ._1e0c1txw{display:flex}
26
39
  ._1eimjvyg{direction:ltr}
27
- ._1exb1q9c [data-ds--code--row--highlight]:after, ._1hgu1q9c [data-ds--code--row--highlight]:before{white-space:nowrap}
40
+ ._1exb1q9c [data-ds--code--row--highlight]:after{white-space:nowrap}
28
41
  ._1f0gpnps .token.token.token.selector{color:var(--ds-text-accent-blue,#05c)}
29
42
  ._1f8gstnw [data-ds--code--row--highlight] .linenumber:before{position:absolute}
30
43
  ._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)}
31
- ._1g4tidpf code, ._11wmidpf code[class*=language-], ._1bx8idpf pre[class*=language-]{padding-inline-start:0}
32
- ._1g4tu2gc code, ._11wmu2gc code[class*=language-], ._1bx8u2gc pre[class*=language-]{padding-inline-start:var(--ds-space-100,8px)}
44
+ ._1g4tidpf code{padding-inline-start:0}
45
+ ._1g4tu2gc code{padding-inline-start:var(--ds-space-100,8px)}
33
46
  ._1gx21e5h .linenumber{float:left}
34
- ._1hmyegat code, ._vblregat code[class*=language-], ._vbulegat pre[class*=language-]{tab-size:4}
47
+ ._1hgu1q9c [data-ds--code--row--highlight]:before{white-space:nowrap}
48
+ ._1hmyegat code{tab-size:4}
35
49
  ._1i3h1txw [data-ds--code--row]{display:flex}
36
50
  ._1i3h1ule [data-ds--code--row]{display:block}
51
+ ._1io6glyw .ds-sh-line-number{-webkit-user-select:none;-ms-user-select:none;user-select:none}
37
52
  ._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)}
38
53
  ._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)}
39
- ._1ls01ule .linenumber, ._rude1ule .ds-sh-line-number{display:block}
54
+ ._1kr87mnp [data-ds--code--row--highlight]:before{clip:rect(1px,1px,1px,1px)}
55
+ ._1ls01ule .linenumber{display:block}
40
56
  ._1ls0df4r .linenumber{display:inline-block!important}
41
- ._1m3815vq [data-ds--code--row--highlight]:after, ._qk1e15vq [data-ds--code--row--highlight]:before{overflow-y:hidden}
42
- ._1mgnt94y [data-ds--code--row--highlight]:after, ._nhket94y [data-ds--code--row--highlight]:before{width:1px}
57
+ ._1m3815vq [data-ds--code--row--highlight]:after{overflow-y:hidden}
58
+ ._1mfn17qg .token.token.token.token.token.token.token.token.token.token.token.selector-pseudo{color:var(--ds-text-accent-teal,#206a83)}
59
+ ._1mgnt94y [data-ds--code--row--highlight]:after{width:1px}
43
60
  ._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)}
44
61
  ._1na21hna code:last-of-type{word-break:break-word}
62
+ ._1np517qg .token.token.token.token.token.token.token.token.token.symbol{color:var(--ds-text-accent-teal,#206a83)}
63
+ ._1ohiu2gc pre[class*=language-]{padding-block-start:var(--ds-space-100,8px)}
64
+ ._1pbkpnps .token.token.token.token.token.token.token.token.entity{color:var(--ds-text-accent-blue,#05c)}
45
65
  ._1pp0126e [data-ds--code--row--highlight] .linenumber{padding-inline-start:var(--ds-space-050,4px)!important}
46
66
  ._1pzyb3bt [data-ds--code--row--highlight] .linenumber:before{content:""}
47
- ._1q16glyw .linenumber, ._1io6glyw .ds-sh-line-number{-webkit-user-select:none;-ms-user-select:none;user-select:none}
67
+ ._1q16glyw .linenumber{-webkit-user-select:none;-ms-user-select:none;user-select:none}
68
+ ._1rd2pnps .token.token.token.token.token.token.token.token.code{color:var(--ds-text-accent-blue,#05c)}
48
69
  ._1reo1wug{overflow-x:auto}
70
+ ._1rju10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.title{color:var(--ds-text-accent-purple,#5e4db2)}
49
71
  ._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)}
72
+ ._1tq6pnps .token.token.token.token.token.token.token.token.bullet{color:var(--ds-text-accent-blue,#05c)}
50
73
  ._1v0lh55r .token.token.token.token.token.token.token.token.token.token.token.token.string{color:var(--ds-text-accent-green,#216e4e)}
74
+ ._1vww10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.section{color:var(--ds-text-accent-purple,#5e4db2)}
75
+ ._1w2xu2gc pre[class*=language-]{padding-block-end:var(--ds-space-100,8px)}
51
76
  ._1weckb7n code:last-of-type{flex-grow:1}
52
- ._1wfuwrk5 .linenumber, ._16kzwrk5 .ds-sh-line-number{min-width:var(--ads-code-line-number-width)!important}
77
+ ._1wfuwrk5 .linenumber{min-width:var(--ads-code-line-number-width)!important}
53
78
  ._1wyb1crf{font-size:9pt}
54
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)}
55
- ._1yvq10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.class-name, ._1vww10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.section, ._1rju10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.title{color:var(--ds-text-accent-purple,#5e4db2)}
80
+ ._1yuau2gc .ds-sh-line-number{padding-inline-start:var(--ds-space-100,8px)}
81
+ ._1yvq10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.class-name{color:var(--ds-text-accent-purple,#5e4db2)}
56
82
  ._2g12fb2s .token.token.token.token.token.token.doctype{color:var(--ds-text-accent-yellow,#7f5f01)}
57
83
  ._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)}
84
+ ._3hsg1w1g .token.keyword:not(.important,.bold){font-weight:bolder}
58
85
  ._40uk1l04 [data-ds--code--row]{margin-inline-end:-var(--ds-space-100,8px)}
86
+ ._4io21a66 .ds-sh-line-number{padding-inline-end:var(--ds-space-100,8px)!important}
87
+ ._72uvpnps .token.keyword{color:var(--ds-text-accent-blue,#05c)}
88
+ ._748n17qg .token.token.token.token.token.token.token.token.token.token.token.selector-attr{color:var(--ds-text-accent-teal,#206a83)}
59
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)}
60
90
  ._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)}
61
91
  ._9d3e17qg .token.token.attr-name{color:var(--ds-text-accent-teal,#206a83)}
62
92
  ._9k2r1m30 .token.italic{font-style:italic}
63
93
  ._9kk3moej .token.important{font-weight:var(--ds-font-weight-bold,700)}
64
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)}
65
- ._b5iy131l .token.token.token.token.block-comment, ._gti3131l .token.token.token.token.comment{color:var(--ds-text-subtlest,#626f86)}
95
+ ._b5iy131l .token.token.token.token.block-comment{color:var(--ds-text-subtlest,#626f86)}
66
96
  ._bfhktkvp{background-color:var(--ds--code--bg-color,var(--ds-background-neutral,#091e420f))}
97
+ ._bu7zpf9b .ds-sh-line-number{color:var(--ds-text-subtlest,#626f86)!important}
98
+ ._cahfusvi .ds-sh-line-number{box-sizing:border-box}
99
+ ._ccm6u2gc .ds-sh-line-number{margin-inline-end:var(--ds-space-100,8px)}
67
100
  ._cjus1w1g .token.bold:not(.important){font-weight:bolder}
68
101
  ._ect41odn{font-family:var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
69
- ._eiht5x2v .token.block-comment:not(.italic), ._t9zb5x2v .token.comment:not(.italic){font-family:SFMono-MediumItalic,var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
70
- ._euyxusvi .linenumber, ._cahfusvi .ds-sh-line-number{box-sizing:border-box}
102
+ ._eiht5x2v .token.block-comment:not(.italic){font-family:SFMono-MediumItalic,var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
103
+ ._euyxusvi .linenumber{box-sizing:border-box}
71
104
  ._g0lx1fxt .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.function{color:var(--ds-text,#172b4d)}
105
+ ._gti3131l .token.token.token.token.comment{color:var(--ds-text-subtlest,#626f86)}
106
+ ._gy101giz .ds-sh-line-number{font-style:normal!important}
107
+ ._h4fuidpf code[class*=language-]{padding-inline-end:0}
108
+ ._h4fuu2gc code[class*=language-]{padding-inline-end:var(--ds-space-100,8px)}
72
109
  ._h909m7j4 [data-ds--code--row--highlight]{background-color:var(--ds-background-neutral,#091e420f)}
73
110
  ._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)}
111
+ ._i6ntu2gc code[class*=language-]{padding-block-end:var(--ds-space-100,8px)}
74
112
  ._i81p1a66 [data-ds--code--row]{padding-inline-end:var(--ds-space-100,8px)!important}
75
113
  ._ipl81e17 [data-ds--code--row--highlight]:before{content:" [var(--ads-highlighted-start-text)] "}
76
114
  ._j0l11wug code:last-of-type{flex-basis:auto}
77
- ._juomusic .linenumber, ._lcwuusic .ds-sh-line-number{text-align:right}
115
+ ._juomusic .linenumber{text-align:right}
116
+ ._k3lipnps .token.token.token.token.token.token.token.token.namespace{color:var(--ds-text-accent-blue,#05c)}
78
117
  ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
79
118
  ._k86b10m5 .token.token.token.token.token.function-name{color:var(--ds-text-accent-purple,#5e4db2)}
80
- ._kxov17qg .token.token.token.token.token.token.token.token.token.regex, ._1np517qg .token.token.token.token.token.token.token.token.token.symbol, ._m2f517qg .token.token.token.token.token.token.token.token.token.variable{color:var(--ds-text-accent-teal,#206a83)}
81
- ._m802u2gc code, ._i6ntu2gc code[class*=language-], ._1w2xu2gc pre[class*=language-]{padding-block-end:var(--ds-space-100,8px)}
82
- ._mbgcpf9b .linenumber, ._bu7zpf9b .ds-sh-line-number{color:var(--ds-text-subtlest,#626f86)!important}
83
- ._mqok1w1g .token.key:not(.important,.bold), ._3hsg1w1g .token.keyword:not(.important,.bold){font-weight:bolder}
84
- ._mx8b7mnp [data-ds--code--row--highlight]:after, ._1kr87mnp [data-ds--code--row--highlight]:before{clip:rect(1px,1px,1px,1px)}
85
- ._nalpstnw [data-ds--code--row--highlight]:after, ._151dstnw [data-ds--code--row--highlight]:before{position:absolute}
86
- ._nhmw1m30 .token.block-comment:not(.italic), ._yl021m30 .token.comment:not(.italic){font-style:italic}
119
+ ._kxov17qg .token.token.token.token.token.token.token.token.token.regex{color:var(--ds-text-accent-teal,#206a83)}
120
+ ._lcwuusic .ds-sh-line-number{text-align:right}
121
+ ._lh0y15vq [data-ds--code--row--highlight]:before{overflow-x:hidden}
122
+ ._m2f517qg .token.token.token.token.token.token.token.token.token.variable{color:var(--ds-text-accent-teal,#206a83)}
123
+ ._m802u2gc code{padding-block-end:var(--ds-space-100,8px)}
124
+ ._mbgcpf9b .linenumber{color:var(--ds-text-subtlest,#626f86)!important}
125
+ ._mqok1w1g .token.key:not(.important,.bold){font-weight:bolder}
126
+ ._mx8b7mnp [data-ds--code--row--highlight]:after{clip:rect(1px,1px,1px,1px)}
127
+ ._nalpstnw [data-ds--code--row--highlight]:after{position:absolute}
128
+ ._nhket94y [data-ds--code--row--highlight]:before{width:1px}
129
+ ._nhmw1m30 .token.block-comment:not(.italic){font-style:italic}
87
130
  ._o572qvpr{white-space:pre}
88
- ._pyovu2gc .linenumber, ._ccm6u2gc .ds-sh-line-number{margin-inline-end:var(--ds-space-100,8px)}
89
- ._qdiapnps .token.key, ._72uvpnps .token.keyword{color:var(--ds-text-accent-blue,#05c)}
131
+ ._p2vr17qg .token.token.token.token.token.token.token.token.token.token.token.type{color:var(--ds-text-accent-teal,#206a83)}
132
+ ._pp6yidpf pre[class*=language-]{padding-inline-end:0}
133
+ ._pp6yu2gc pre[class*=language-]{padding-inline-end:var(--ds-space-100,8px)}
134
+ ._pyovu2gc .linenumber{margin-inline-end:var(--ds-space-100,8px)}
135
+ ._qcxof705 code>span:only-child>span:only-child:empty:before{content:" "}
136
+ ._qdiapnps .token.key{color:var(--ds-text-accent-blue,#05c)}
137
+ ._qk1e15vq [data-ds--code--row--highlight]:before{overflow-y:hidden}
90
138
  ._qzn01a66 code:last-of-type{padding-inline-end:var(--ds-space-100,8px)!important}
91
- ._r28du2gc code, ._tajqu2gc code[class*=language-], ._1ohiu2gc pre[class*=language-]{padding-block-start:var(--ds-space-100,8px)}
139
+ ._r28du2gc code{padding-block-start:var(--ds-space-100,8px)}
140
+ ._rude1ule .ds-sh-line-number{display:block}
92
141
  ._scgayz1z [data-ds--code--row--highlight]:after{content:" [var(--ads-highlighted-end-text)] "}
93
142
  ._syaz1fxt{color:var(--ds-text,#172b4d)}
143
+ ._t9zb5x2v .token.comment:not(.italic){font-family:SFMono-MediumItalic,var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
144
+ ._tajqu2gc code[class*=language-]{padding-block-start:var(--ds-space-100,8px)}
94
145
  ._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)}
95
- ._vm2c1rh5 .linenumber:after, ._12ok1rh5 .ds-sh-line-number:after{content:attr(data-ds--line-number)}
146
+ ._uga3ysn8 [data-ds--code--row--highlight]:before{clip-path:inset(100%)}
147
+ ._vblregat code[class*=language-]{tab-size:4}
148
+ ._vbulegat pre[class*=language-]{tab-size:4}
149
+ ._vm2c1rh5 .linenumber:after{content:attr(data-ds--line-number)}
96
150
  ._vsnzgrf3 code:first-of-type{padding-inline-end:0!important}
97
151
  ._vwz4gktf{line-height:20px}
98
152
  ._vyvc1n1a [data-ds--code--row--highlight] .linenumber:before{inset-block-start:-1px}
99
- ._wmyy17qg .token.token.token.token.token.token.token.token.token.token.token.quote, ._748n17qg .token.token.token.token.token.token.token.token.token.token.token.selector-attr, ._1mfn17qg .token.token.token.token.token.token.token.token.token.token.token.selector-pseudo, ._1d7e17qg .token.token.token.token.token.token.token.token.token.token.token.tag, ._p2vr17qg .token.token.token.token.token.token.token.token.token.token.token.type{color:var(--ds-text-accent-teal,#206a83)}
100
- ._x7c815vq [data-ds--code--row--highlight]:after, ._lh0y15vq [data-ds--code--row--highlight]:before{overflow-x:hidden}
101
- ._xo19t94y [data-ds--code--row--highlight]:after, ._1bemt94y [data-ds--code--row--highlight]:before{height:1px}
102
- ._xr0w1a66 .linenumber, ._4io21a66 .ds-sh-line-number{padding-inline-end:var(--ds-space-100,8px)!important}
153
+ ._wmyy17qg .token.token.token.token.token.token.token.token.token.token.token.quote{color:var(--ds-text-accent-teal,#206a83)}
154
+ ._x7c815vq [data-ds--code--row--highlight]:after{overflow-x:hidden}
155
+ ._xo19t94y [data-ds--code--row--highlight]:after{height:1px}
156
+ ._xr0w1a66 .linenumber{padding-inline-end:var(--ds-space-100,8px)!important}
157
+ ._yl021m30 .token.comment:not(.italic){font-style:italic}
103
158
  ._ys4e131l .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.meta{color:var(--ds-text-subtlest,#626f86)}
104
- ._zhnuidpf .linenumber, ._1amdidpf .ds-sh-line-number{flex-shrink:0}
105
- ._zvy9f705 code>span:only-child:empty:before, ._qcxof705 code>span:only-child>span:only-child:empty:before{content:" "}
159
+ ._zhnuidpf .linenumber{flex-shrink:0}
160
+ ._zvy9f705 code>span:only-child:empty:before{content:" "}
package/dist/cjs/code-block.js CHANGED
@@ -1,4 +1,4 @@
1
- /* code-block.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* code-block.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
package/dist/cjs/code.js CHANGED
@@ -1,4 +1,4 @@
1
- /* code.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* code.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
package/dist/cjs/constants.js CHANGED
@@ -350,4 +350,8 @@ var SUPPORTED_LANGUAGES = exports.SUPPORTED_LANGUAGES = [{
350
350
  name: 'ABAP',
351
351
  alias: ['abap'],
352
352
  value: 'abap'
353
+ }, {
354
+ name: 'Markdown',
355
+ alias: ['markdown'],
356
+ value: 'markdown'
353
357
  }];
package/dist/es2019/bidi-warning/ui/styled.js CHANGED
@@ -1,4 +1,4 @@
1
- /* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./styled.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
package/dist/es2019/code-block.compiled.css CHANGED
@@ -1,105 +1,160 @@
1
1
 
2
- ._1ozdn7od code, ._7xinn7od code[class*=language-], ._t7aun7od pre[class*=language-]{all:unset}
2
+ ._1ozdn7od code{all:unset}
3
+ ._7xinn7od code[class*=language-]{all:unset}
3
4
  ._i7ngn7od .token:not([class=token],[data-ds--code--row--highlight],[data-ds--code--row]){all:unset}
5
+ ._t7aun7od pre[class*=language-]{all:unset}
4
6
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
5
7
  ._1dqoglyw{border-style:none}
6
8
  ._196q1xv3 [data-ds--code--row--highlight]:last-child{border-block-end:var(--ds-border-width,1px) dashed transparent}
7
9
  ._1srn17d7 [data-ds--code--row--highlight] .linenumber:before{border-block-start:var(--ds-border-width,1px) solid var(--ds-border-focused,#388bff)}
8
- ._1vbw1xv3 [data-ds--code--row--highlight]+[data-ds--code--row]:not([data-ds--code--row--highlight]), ._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}
10
+ ._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}
11
+ ._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}
9
12
  ._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)}
10
- ._12l6ysn8 [data-ds--code--row--highlight]:after, ._uga3ysn8 [data-ds--code--row--highlight]:before{clip-path:inset(100%)}
13
+ ._11wmidpf code[class*=language-]{padding-inline-start:0}
14
+ ._11wmu2gc code[class*=language-]{padding-inline-start:var(--ds-space-100,8px)}
15
+ ._12l6ysn8 [data-ds--code--row--highlight]:after{clip-path:inset(100%)}
11
16
  ._12nh9lu1 .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.deleted{color:var(--ds-text-accent-red,#ae2e24)}
12
- ._131n1giz .linenumber, ._gy101giz .ds-sh-line-number{font-style:normal!important}
17
+ ._12ok1rh5 .ds-sh-line-number:after{content:attr(data-ds--line-number)}
18
+ ._131n1giz .linenumber{font-style:normal!important}
13
19
  ._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)}
14
20
  ._13cdh2mm [data-ds--code--row--highlight] .linenumber{position:relative}
15
21
  ._13dgkb7n code:last-of-type{flex-shrink:1}
16
22
  ._13zt131l .token.token.token.token.token.token.token.substr{color:var(--ds-text-subtlest,#626f86)}
17
- ._16noidpf code, ._h4fuidpf code[class*=language-], ._pp6yidpf pre[class*=language-]{padding-inline-end:0}
18
- ._16nou2gc code, ._h4fuu2gc code[class*=language-], ._pp6yu2gc pre[class*=language-]{padding-inline-end:var(--ds-space-100,8px)}
23
+ ._151dstnw [data-ds--code--row--highlight]:before{position:absolute}
24
+ ._16kzwrk5 .ds-sh-line-number{min-width:var(--ads-code-line-number-width)!important}
25
+ ._16noidpf code{padding-inline-end:0}
26
+ ._16nou2gc code{padding-inline-end:var(--ds-space-100,8px)}
19
27
  ._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)}
20
28
  ._18r6myb0 [data-ds--code--row--highlight] .linenumber:before{inset-inline-start:-4px}
21
29
  ._19o610m5 .token.token.token.token.token.token.token.token.token.token.url{color:var(--ds-text-accent-purple,#5e4db2)}
22
- ._1ascu2gc .linenumber, ._1yuau2gc .ds-sh-line-number{padding-inline-start:var(--ds-space-100,8px)}
23
- ._1b9tpnps .token.token.token.token.token.token.token.token.builtin, ._1tq6pnps .token.token.token.token.token.token.token.token.bullet, ._1rd2pnps .token.token.token.token.token.token.token.token.code, ._1pbkpnps .token.token.token.token.token.token.token.token.entity, ._k3lipnps .token.token.token.token.token.token.token.token.namespace{color:var(--ds-text-accent-blue,#05c)}
30
+ ._1amdidpf .ds-sh-line-number{flex-shrink:0}
31
+ ._1ascu2gc .linenumber{padding-inline-start:var(--ds-space-100,8px)}
32
+ ._1b9tpnps .token.token.token.token.token.token.token.token.builtin{color:var(--ds-text-accent-blue,#05c)}
33
+ ._1bemt94y [data-ds--code--row--highlight]:before{height:1px}
34
+ ._1bx8idpf pre[class*=language-]{padding-inline-start:0}
35
+ ._1bx8u2gc pre[class*=language-]{padding-inline-start:var(--ds-space-100,8px)}
24
36
  ._1d4j1y44 [data-ds--code--row--highlight] .linenumber:before{width:4px}
37
+ ._1d7e17qg .token.token.token.token.token.token.token.token.token.token.token.tag{color:var(--ds-text-accent-teal,#206a83)}
25
38
  ._1e0c1txw{display:flex}
26
39
  ._1eimjvyg{direction:ltr}
27
- ._1exb1q9c [data-ds--code--row--highlight]:after, ._1hgu1q9c [data-ds--code--row--highlight]:before{white-space:nowrap}
40
+ ._1exb1q9c [data-ds--code--row--highlight]:after{white-space:nowrap}
28
41
  ._1f0gpnps .token.token.token.selector{color:var(--ds-text-accent-blue,#05c)}
29
42
  ._1f8gstnw [data-ds--code--row--highlight] .linenumber:before{position:absolute}
30
43
  ._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)}
31
- ._1g4tidpf code, ._11wmidpf code[class*=language-], ._1bx8idpf pre[class*=language-]{padding-inline-start:0}
32
- ._1g4tu2gc code, ._11wmu2gc code[class*=language-], ._1bx8u2gc pre[class*=language-]{padding-inline-start:var(--ds-space-100,8px)}
44
+ ._1g4tidpf code{padding-inline-start:0}
45
+ ._1g4tu2gc code{padding-inline-start:var(--ds-space-100,8px)}
33
46
  ._1gx21e5h .linenumber{float:left}
34
- ._1hmyegat code, ._vblregat code[class*=language-], ._vbulegat pre[class*=language-]{tab-size:4}
47
+ ._1hgu1q9c [data-ds--code--row--highlight]:before{white-space:nowrap}
48
+ ._1hmyegat code{tab-size:4}
35
49
  ._1i3h1txw [data-ds--code--row]{display:flex}
36
50
  ._1i3h1ule [data-ds--code--row]{display:block}
51
+ ._1io6glyw .ds-sh-line-number{-webkit-user-select:none;-ms-user-select:none;user-select:none}
37
52
  ._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)}
38
53
  ._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)}
39
- ._1ls01ule .linenumber, ._rude1ule .ds-sh-line-number{display:block}
54
+ ._1kr87mnp [data-ds--code--row--highlight]:before{clip:rect(1px,1px,1px,1px)}
55
+ ._1ls01ule .linenumber{display:block}
40
56
  ._1ls0df4r .linenumber{display:inline-block!important}
41
- ._1m3815vq [data-ds--code--row--highlight]:after, ._qk1e15vq [data-ds--code--row--highlight]:before{overflow-y:hidden}
42
- ._1mgnt94y [data-ds--code--row--highlight]:after, ._nhket94y [data-ds--code--row--highlight]:before{width:1px}
57
+ ._1m3815vq [data-ds--code--row--highlight]:after{overflow-y:hidden}
58
+ ._1mfn17qg .token.token.token.token.token.token.token.token.token.token.token.selector-pseudo{color:var(--ds-text-accent-teal,#206a83)}
59
+ ._1mgnt94y [data-ds--code--row--highlight]:after{width:1px}
43
60
  ._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)}
44
61
  ._1na21hna code:last-of-type{word-break:break-word}
62
+ ._1np517qg .token.token.token.token.token.token.token.token.token.symbol{color:var(--ds-text-accent-teal,#206a83)}
63
+ ._1ohiu2gc pre[class*=language-]{padding-block-start:var(--ds-space-100,8px)}
64
+ ._1pbkpnps .token.token.token.token.token.token.token.token.entity{color:var(--ds-text-accent-blue,#05c)}
45
65
  ._1pp0126e [data-ds--code--row--highlight] .linenumber{padding-inline-start:var(--ds-space-050,4px)!important}
46
66
  ._1pzyb3bt [data-ds--code--row--highlight] .linenumber:before{content:""}
47
- ._1q16glyw .linenumber, ._1io6glyw .ds-sh-line-number{-webkit-user-select:none;-ms-user-select:none;user-select:none}
67
+ ._1q16glyw .linenumber{-webkit-user-select:none;-ms-user-select:none;user-select:none}
68
+ ._1rd2pnps .token.token.token.token.token.token.token.token.code{color:var(--ds-text-accent-blue,#05c)}
48
69
  ._1reo1wug{overflow-x:auto}
70
+ ._1rju10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.title{color:var(--ds-text-accent-purple,#5e4db2)}
49
71
  ._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)}
72
+ ._1tq6pnps .token.token.token.token.token.token.token.token.bullet{color:var(--ds-text-accent-blue,#05c)}
50
73
  ._1v0lh55r .token.token.token.token.token.token.token.token.token.token.token.token.string{color:var(--ds-text-accent-green,#216e4e)}
74
+ ._1vww10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.section{color:var(--ds-text-accent-purple,#5e4db2)}
75
+ ._1w2xu2gc pre[class*=language-]{padding-block-end:var(--ds-space-100,8px)}
51
76
  ._1weckb7n code:last-of-type{flex-grow:1}
52
- ._1wfuwrk5 .linenumber, ._16kzwrk5 .ds-sh-line-number{min-width:var(--ads-code-line-number-width)!important}
77
+ ._1wfuwrk5 .linenumber{min-width:var(--ads-code-line-number-width)!important}
53
78
  ._1wyb1crf{font-size:9pt}
54
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)}
55
- ._1yvq10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.class-name, ._1vww10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.section, ._1rju10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.title{color:var(--ds-text-accent-purple,#5e4db2)}
80
+ ._1yuau2gc .ds-sh-line-number{padding-inline-start:var(--ds-space-100,8px)}
81
+ ._1yvq10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.class-name{color:var(--ds-text-accent-purple,#5e4db2)}
56
82
  ._2g12fb2s .token.token.token.token.token.token.doctype{color:var(--ds-text-accent-yellow,#7f5f01)}
57
83
  ._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)}
84
+ ._3hsg1w1g .token.keyword:not(.important,.bold){font-weight:bolder}
58
85
  ._40uk1l04 [data-ds--code--row]{margin-inline-end:-var(--ds-space-100,8px)}
86
+ ._4io21a66 .ds-sh-line-number{padding-inline-end:var(--ds-space-100,8px)!important}
87
+ ._72uvpnps .token.keyword{color:var(--ds-text-accent-blue,#05c)}
88
+ ._748n17qg .token.token.token.token.token.token.token.token.token.token.token.selector-attr{color:var(--ds-text-accent-teal,#206a83)}
59
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)}
60
90
  ._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)}
61
91
  ._9d3e17qg .token.token.attr-name{color:var(--ds-text-accent-teal,#206a83)}
62
92
  ._9k2r1m30 .token.italic{font-style:italic}
63
93
  ._9kk3moej .token.important{font-weight:var(--ds-font-weight-bold,700)}
64
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)}
65
- ._b5iy131l .token.token.token.token.block-comment, ._gti3131l .token.token.token.token.comment{color:var(--ds-text-subtlest,#626f86)}
95
+ ._b5iy131l .token.token.token.token.block-comment{color:var(--ds-text-subtlest,#626f86)}
66
96
  ._bfhktkvp{background-color:var(--ds--code--bg-color,var(--ds-background-neutral,#091e420f))}
97
+ ._bu7zpf9b .ds-sh-line-number{color:var(--ds-text-subtlest,#626f86)!important}
98
+ ._cahfusvi .ds-sh-line-number{box-sizing:border-box}
99
+ ._ccm6u2gc .ds-sh-line-number{margin-inline-end:var(--ds-space-100,8px)}
67
100
  ._cjus1w1g .token.bold:not(.important){font-weight:bolder}
68
101
  ._ect41odn{font-family:var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
69
- ._eiht5x2v .token.block-comment:not(.italic), ._t9zb5x2v .token.comment:not(.italic){font-family:SFMono-MediumItalic,var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
70
- ._euyxusvi .linenumber, ._cahfusvi .ds-sh-line-number{box-sizing:border-box}
102
+ ._eiht5x2v .token.block-comment:not(.italic){font-family:SFMono-MediumItalic,var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
103
+ ._euyxusvi .linenumber{box-sizing:border-box}
71
104
  ._g0lx1fxt .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.function{color:var(--ds-text,#172b4d)}
105
+ ._gti3131l .token.token.token.token.comment{color:var(--ds-text-subtlest,#626f86)}
106
+ ._gy101giz .ds-sh-line-number{font-style:normal!important}
107
+ ._h4fuidpf code[class*=language-]{padding-inline-end:0}
108
+ ._h4fuu2gc code[class*=language-]{padding-inline-end:var(--ds-space-100,8px)}
72
109
  ._h909m7j4 [data-ds--code--row--highlight]{background-color:var(--ds-background-neutral,#091e420f)}
73
110
  ._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)}
111
+ ._i6ntu2gc code[class*=language-]{padding-block-end:var(--ds-space-100,8px)}
74
112
  ._i81p1a66 [data-ds--code--row]{padding-inline-end:var(--ds-space-100,8px)!important}
75
113
  ._ipl81e17 [data-ds--code--row--highlight]:before{content:" [var(--ads-highlighted-start-text)] "}
76
114
  ._j0l11wug code:last-of-type{flex-basis:auto}
77
- ._juomusic .linenumber, ._lcwuusic .ds-sh-line-number{text-align:right}
115
+ ._juomusic .linenumber{text-align:right}
116
+ ._k3lipnps .token.token.token.token.token.token.token.token.namespace{color:var(--ds-text-accent-blue,#05c)}
78
117
  ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
79
118
  ._k86b10m5 .token.token.token.token.token.function-name{color:var(--ds-text-accent-purple,#5e4db2)}
80
- ._kxov17qg .token.token.token.token.token.token.token.token.token.regex, ._1np517qg .token.token.token.token.token.token.token.token.token.symbol, ._m2f517qg .token.token.token.token.token.token.token.token.token.variable{color:var(--ds-text-accent-teal,#206a83)}
81
- ._m802u2gc code, ._i6ntu2gc code[class*=language-], ._1w2xu2gc pre[class*=language-]{padding-block-end:var(--ds-space-100,8px)}
82
- ._mbgcpf9b .linenumber, ._bu7zpf9b .ds-sh-line-number{color:var(--ds-text-subtlest,#626f86)!important}
83
- ._mqok1w1g .token.key:not(.important,.bold), ._3hsg1w1g .token.keyword:not(.important,.bold){font-weight:bolder}
84
- ._mx8b7mnp [data-ds--code--row--highlight]:after, ._1kr87mnp [data-ds--code--row--highlight]:before{clip:rect(1px,1px,1px,1px)}
85
- ._nalpstnw [data-ds--code--row--highlight]:after, ._151dstnw [data-ds--code--row--highlight]:before{position:absolute}
86
- ._nhmw1m30 .token.block-comment:not(.italic), ._yl021m30 .token.comment:not(.italic){font-style:italic}
119
+ ._kxov17qg .token.token.token.token.token.token.token.token.token.regex{color:var(--ds-text-accent-teal,#206a83)}
120
+ ._lcwuusic .ds-sh-line-number{text-align:right}
121
+ ._lh0y15vq [data-ds--code--row--highlight]:before{overflow-x:hidden}
122
+ ._m2f517qg .token.token.token.token.token.token.token.token.token.variable{color:var(--ds-text-accent-teal,#206a83)}
123
+ ._m802u2gc code{padding-block-end:var(--ds-space-100,8px)}
124
+ ._mbgcpf9b .linenumber{color:var(--ds-text-subtlest,#626f86)!important}
125
+ ._mqok1w1g .token.key:not(.important,.bold){font-weight:bolder}
126
+ ._mx8b7mnp [data-ds--code--row--highlight]:after{clip:rect(1px,1px,1px,1px)}
127
+ ._nalpstnw [data-ds--code--row--highlight]:after{position:absolute}
128
+ ._nhket94y [data-ds--code--row--highlight]:before{width:1px}
129
+ ._nhmw1m30 .token.block-comment:not(.italic){font-style:italic}
87
130
  ._o572qvpr{white-space:pre}
88
- ._pyovu2gc .linenumber, ._ccm6u2gc .ds-sh-line-number{margin-inline-end:var(--ds-space-100,8px)}
89
- ._qdiapnps .token.key, ._72uvpnps .token.keyword{color:var(--ds-text-accent-blue,#05c)}
131
+ ._p2vr17qg .token.token.token.token.token.token.token.token.token.token.token.type{color:var(--ds-text-accent-teal,#206a83)}
132
+ ._pp6yidpf pre[class*=language-]{padding-inline-end:0}
133
+ ._pp6yu2gc pre[class*=language-]{padding-inline-end:var(--ds-space-100,8px)}
134
+ ._pyovu2gc .linenumber{margin-inline-end:var(--ds-space-100,8px)}
135
+ ._qcxof705 code>span:only-child>span:only-child:empty:before{content:" "}
136
+ ._qdiapnps .token.key{color:var(--ds-text-accent-blue,#05c)}
137
+ ._qk1e15vq [data-ds--code--row--highlight]:before{overflow-y:hidden}
90
138
  ._qzn01a66 code:last-of-type{padding-inline-end:var(--ds-space-100,8px)!important}
91
- ._r28du2gc code, ._tajqu2gc code[class*=language-], ._1ohiu2gc pre[class*=language-]{padding-block-start:var(--ds-space-100,8px)}
139
+ ._r28du2gc code{padding-block-start:var(--ds-space-100,8px)}
140
+ ._rude1ule .ds-sh-line-number{display:block}
92
141
  ._scgayz1z [data-ds--code--row--highlight]:after{content:" [var(--ads-highlighted-end-text)] "}
93
142
  ._syaz1fxt{color:var(--ds-text,#172b4d)}
143
+ ._t9zb5x2v .token.comment:not(.italic){font-family:SFMono-MediumItalic,var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
144
+ ._tajqu2gc code[class*=language-]{padding-block-start:var(--ds-space-100,8px)}
94
145
  ._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)}
95
- ._vm2c1rh5 .linenumber:after, ._12ok1rh5 .ds-sh-line-number:after{content:attr(data-ds--line-number)}
146
+ ._uga3ysn8 [data-ds--code--row--highlight]:before{clip-path:inset(100%)}
147
+ ._vblregat code[class*=language-]{tab-size:4}
148
+ ._vbulegat pre[class*=language-]{tab-size:4}
149
+ ._vm2c1rh5 .linenumber:after{content:attr(data-ds--line-number)}
96
150
  ._vsnzgrf3 code:first-of-type{padding-inline-end:0!important}
97
151
  ._vwz4gktf{line-height:20px}
98
152
  ._vyvc1n1a [data-ds--code--row--highlight] .linenumber:before{inset-block-start:-1px}
99
- ._wmyy17qg .token.token.token.token.token.token.token.token.token.token.token.quote, ._748n17qg .token.token.token.token.token.token.token.token.token.token.token.selector-attr, ._1mfn17qg .token.token.token.token.token.token.token.token.token.token.token.selector-pseudo, ._1d7e17qg .token.token.token.token.token.token.token.token.token.token.token.tag, ._p2vr17qg .token.token.token.token.token.token.token.token.token.token.token.type{color:var(--ds-text-accent-teal,#206a83)}
100
- ._x7c815vq [data-ds--code--row--highlight]:after, ._lh0y15vq [data-ds--code--row--highlight]:before{overflow-x:hidden}
101
- ._xo19t94y [data-ds--code--row--highlight]:after, ._1bemt94y [data-ds--code--row--highlight]:before{height:1px}
102
- ._xr0w1a66 .linenumber, ._4io21a66 .ds-sh-line-number{padding-inline-end:var(--ds-space-100,8px)!important}
153
+ ._wmyy17qg .token.token.token.token.token.token.token.token.token.token.token.quote{color:var(--ds-text-accent-teal,#206a83)}
154
+ ._x7c815vq [data-ds--code--row--highlight]:after{overflow-x:hidden}
155
+ ._xo19t94y [data-ds--code--row--highlight]:after{height:1px}
156
+ ._xr0w1a66 .linenumber{padding-inline-end:var(--ds-space-100,8px)!important}
157
+ ._yl021m30 .token.comment:not(.italic){font-style:italic}
103
158
  ._ys4e131l .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.meta{color:var(--ds-text-subtlest,#626f86)}
104
- ._zhnuidpf .linenumber, ._1amdidpf .ds-sh-line-number{flex-shrink:0}
105
- ._zvy9f705 code>span:only-child:empty:before, ._qcxof705 code>span:only-child>span:only-child:empty:before{content:" "}
159
+ ._zhnuidpf .linenumber{flex-shrink:0}
160
+ ._zvy9f705 code>span:only-child:empty:before{content:" "}
package/dist/es2019/code-block.js CHANGED
@@ -1,4 +1,4 @@
1
- /* code-block.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* code-block.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-selectors */
3
3
  /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
4
4
  import "./code-block.compiled.css";
package/dist/es2019/code.js CHANGED
@@ -1,4 +1,4 @@
1
- /* code.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* code.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./code.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
package/dist/es2019/constants.js CHANGED
@@ -337,5 +337,9 @@ export const SUPPORTED_LANGUAGES = [{
337
337
  name: 'ABAP',
338
338
  alias: ['abap'],
339
339
  value: 'abap'
340
+ }, {
341
+ name: 'Markdown',
342
+ alias: ['markdown'],
343
+ value: 'markdown'
340
344
  }];
341
345
  export { CODE_BLOCK_SELECTOR } from './internal/theme/constants';
package/dist/esm/bidi-warning/ui/styled.js CHANGED
@@ -1,4 +1,4 @@
1
- /* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./styled.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
package/dist/esm/code-block.compiled.css CHANGED
@@ -1,105 +1,160 @@
1
1
 
2
- ._1ozdn7od code, ._7xinn7od code[class*=language-], ._t7aun7od pre[class*=language-]{all:unset}
2
+ ._1ozdn7od code{all:unset}
3
+ ._7xinn7od code[class*=language-]{all:unset}
3
4
  ._i7ngn7od .token:not([class=token],[data-ds--code--row--highlight],[data-ds--code--row]){all:unset}
5
+ ._t7aun7od pre[class*=language-]{all:unset}
4
6
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
5
7
  ._1dqoglyw{border-style:none}
6
8
  ._196q1xv3 [data-ds--code--row--highlight]:last-child{border-block-end:var(--ds-border-width,1px) dashed transparent}
7
9
  ._1srn17d7 [data-ds--code--row--highlight] .linenumber:before{border-block-start:var(--ds-border-width,1px) solid var(--ds-border-focused,#388bff)}
8
- ._1vbw1xv3 [data-ds--code--row--highlight]+[data-ds--code--row]:not([data-ds--code--row--highlight]), ._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}
10
+ ._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}
11
+ ._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}
9
12
  ._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)}
10
- ._12l6ysn8 [data-ds--code--row--highlight]:after, ._uga3ysn8 [data-ds--code--row--highlight]:before{clip-path:inset(100%)}
13
+ ._11wmidpf code[class*=language-]{padding-inline-start:0}
14
+ ._11wmu2gc code[class*=language-]{padding-inline-start:var(--ds-space-100,8px)}
15
+ ._12l6ysn8 [data-ds--code--row--highlight]:after{clip-path:inset(100%)}
11
16
  ._12nh9lu1 .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.deleted{color:var(--ds-text-accent-red,#ae2e24)}
12
- ._131n1giz .linenumber, ._gy101giz .ds-sh-line-number{font-style:normal!important}
17
+ ._12ok1rh5 .ds-sh-line-number:after{content:attr(data-ds--line-number)}
18
+ ._131n1giz .linenumber{font-style:normal!important}
13
19
  ._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)}
14
20
  ._13cdh2mm [data-ds--code--row--highlight] .linenumber{position:relative}
15
21
  ._13dgkb7n code:last-of-type{flex-shrink:1}
16
22
  ._13zt131l .token.token.token.token.token.token.token.substr{color:var(--ds-text-subtlest,#626f86)}
17
- ._16noidpf code, ._h4fuidpf code[class*=language-], ._pp6yidpf pre[class*=language-]{padding-inline-end:0}
18
- ._16nou2gc code, ._h4fuu2gc code[class*=language-], ._pp6yu2gc pre[class*=language-]{padding-inline-end:var(--ds-space-100,8px)}
23
+ ._151dstnw [data-ds--code--row--highlight]:before{position:absolute}
24
+ ._16kzwrk5 .ds-sh-line-number{min-width:var(--ads-code-line-number-width)!important}
25
+ ._16noidpf code{padding-inline-end:0}
26
+ ._16nou2gc code{padding-inline-end:var(--ds-space-100,8px)}
19
27
  ._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)}
20
28
  ._18r6myb0 [data-ds--code--row--highlight] .linenumber:before{inset-inline-start:-4px}
21
29
  ._19o610m5 .token.token.token.token.token.token.token.token.token.token.url{color:var(--ds-text-accent-purple,#5e4db2)}
22
- ._1ascu2gc .linenumber, ._1yuau2gc .ds-sh-line-number{padding-inline-start:var(--ds-space-100,8px)}
23
- ._1b9tpnps .token.token.token.token.token.token.token.token.builtin, ._1tq6pnps .token.token.token.token.token.token.token.token.bullet, ._1rd2pnps .token.token.token.token.token.token.token.token.code, ._1pbkpnps .token.token.token.token.token.token.token.token.entity, ._k3lipnps .token.token.token.token.token.token.token.token.namespace{color:var(--ds-text-accent-blue,#05c)}
30
+ ._1amdidpf .ds-sh-line-number{flex-shrink:0}
31
+ ._1ascu2gc .linenumber{padding-inline-start:var(--ds-space-100,8px)}
32
+ ._1b9tpnps .token.token.token.token.token.token.token.token.builtin{color:var(--ds-text-accent-blue,#05c)}
33
+ ._1bemt94y [data-ds--code--row--highlight]:before{height:1px}
34
+ ._1bx8idpf pre[class*=language-]{padding-inline-start:0}
35
+ ._1bx8u2gc pre[class*=language-]{padding-inline-start:var(--ds-space-100,8px)}
24
36
  ._1d4j1y44 [data-ds--code--row--highlight] .linenumber:before{width:4px}
37
+ ._1d7e17qg .token.token.token.token.token.token.token.token.token.token.token.tag{color:var(--ds-text-accent-teal,#206a83)}
25
38
  ._1e0c1txw{display:flex}
26
39
  ._1eimjvyg{direction:ltr}
27
- ._1exb1q9c [data-ds--code--row--highlight]:after, ._1hgu1q9c [data-ds--code--row--highlight]:before{white-space:nowrap}
40
+ ._1exb1q9c [data-ds--code--row--highlight]:after{white-space:nowrap}
28
41
  ._1f0gpnps .token.token.token.selector{color:var(--ds-text-accent-blue,#05c)}
29
42
  ._1f8gstnw [data-ds--code--row--highlight] .linenumber:before{position:absolute}
30
43
  ._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)}
31
- ._1g4tidpf code, ._11wmidpf code[class*=language-], ._1bx8idpf pre[class*=language-]{padding-inline-start:0}
32
- ._1g4tu2gc code, ._11wmu2gc code[class*=language-], ._1bx8u2gc pre[class*=language-]{padding-inline-start:var(--ds-space-100,8px)}
44
+ ._1g4tidpf code{padding-inline-start:0}
45
+ ._1g4tu2gc code{padding-inline-start:var(--ds-space-100,8px)}
33
46
  ._1gx21e5h .linenumber{float:left}
34
- ._1hmyegat code, ._vblregat code[class*=language-], ._vbulegat pre[class*=language-]{tab-size:4}
47
+ ._1hgu1q9c [data-ds--code--row--highlight]:before{white-space:nowrap}
48
+ ._1hmyegat code{tab-size:4}
35
49
  ._1i3h1txw [data-ds--code--row]{display:flex}
36
50
  ._1i3h1ule [data-ds--code--row]{display:block}
51
+ ._1io6glyw .ds-sh-line-number{-webkit-user-select:none;-ms-user-select:none;user-select:none}
37
52
  ._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)}
38
53
  ._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)}
39
- ._1ls01ule .linenumber, ._rude1ule .ds-sh-line-number{display:block}
54
+ ._1kr87mnp [data-ds--code--row--highlight]:before{clip:rect(1px,1px,1px,1px)}
55
+ ._1ls01ule .linenumber{display:block}
40
56
  ._1ls0df4r .linenumber{display:inline-block!important}
41
- ._1m3815vq [data-ds--code--row--highlight]:after, ._qk1e15vq [data-ds--code--row--highlight]:before{overflow-y:hidden}
42
- ._1mgnt94y [data-ds--code--row--highlight]:after, ._nhket94y [data-ds--code--row--highlight]:before{width:1px}
57
+ ._1m3815vq [data-ds--code--row--highlight]:after{overflow-y:hidden}
58
+ ._1mfn17qg .token.token.token.token.token.token.token.token.token.token.token.selector-pseudo{color:var(--ds-text-accent-teal,#206a83)}
59
+ ._1mgnt94y [data-ds--code--row--highlight]:after{width:1px}
43
60
  ._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)}
44
61
  ._1na21hna code:last-of-type{word-break:break-word}
62
+ ._1np517qg .token.token.token.token.token.token.token.token.token.symbol{color:var(--ds-text-accent-teal,#206a83)}
63
+ ._1ohiu2gc pre[class*=language-]{padding-block-start:var(--ds-space-100,8px)}
64
+ ._1pbkpnps .token.token.token.token.token.token.token.token.entity{color:var(--ds-text-accent-blue,#05c)}
45
65
  ._1pp0126e [data-ds--code--row--highlight] .linenumber{padding-inline-start:var(--ds-space-050,4px)!important}
46
66
  ._1pzyb3bt [data-ds--code--row--highlight] .linenumber:before{content:""}
47
- ._1q16glyw .linenumber, ._1io6glyw .ds-sh-line-number{-webkit-user-select:none;-ms-user-select:none;user-select:none}
67
+ ._1q16glyw .linenumber{-webkit-user-select:none;-ms-user-select:none;user-select:none}
68
+ ._1rd2pnps .token.token.token.token.token.token.token.token.code{color:var(--ds-text-accent-blue,#05c)}
48
69
  ._1reo1wug{overflow-x:auto}
70
+ ._1rju10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.title{color:var(--ds-text-accent-purple,#5e4db2)}
49
71
  ._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)}
72
+ ._1tq6pnps .token.token.token.token.token.token.token.token.bullet{color:var(--ds-text-accent-blue,#05c)}
50
73
  ._1v0lh55r .token.token.token.token.token.token.token.token.token.token.token.token.string{color:var(--ds-text-accent-green,#216e4e)}
74
+ ._1vww10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.section{color:var(--ds-text-accent-purple,#5e4db2)}
75
+ ._1w2xu2gc pre[class*=language-]{padding-block-end:var(--ds-space-100,8px)}
51
76
  ._1weckb7n code:last-of-type{flex-grow:1}
52
- ._1wfuwrk5 .linenumber, ._16kzwrk5 .ds-sh-line-number{min-width:var(--ads-code-line-number-width)!important}
77
+ ._1wfuwrk5 .linenumber{min-width:var(--ads-code-line-number-width)!important}
53
78
  ._1wyb1crf{font-size:9pt}
54
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)}
55
- ._1yvq10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.class-name, ._1vww10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.section, ._1rju10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.title{color:var(--ds-text-accent-purple,#5e4db2)}
80
+ ._1yuau2gc .ds-sh-line-number{padding-inline-start:var(--ds-space-100,8px)}
81
+ ._1yvq10m5 .token.token.token.token.token.token.token.token.token.token.token.token.token.class-name{color:var(--ds-text-accent-purple,#5e4db2)}
56
82
  ._2g12fb2s .token.token.token.token.token.token.doctype{color:var(--ds-text-accent-yellow,#7f5f01)}
57
83
  ._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)}
84
+ ._3hsg1w1g .token.keyword:not(.important,.bold){font-weight:bolder}
58
85
  ._40uk1l04 [data-ds--code--row]{margin-inline-end:-var(--ds-space-100,8px)}
86
+ ._4io21a66 .ds-sh-line-number{padding-inline-end:var(--ds-space-100,8px)!important}
87
+ ._72uvpnps .token.keyword{color:var(--ds-text-accent-blue,#05c)}
88
+ ._748n17qg .token.token.token.token.token.token.token.token.token.token.token.selector-attr{color:var(--ds-text-accent-teal,#206a83)}
59
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)}
60
90
  ._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)}
61
91
  ._9d3e17qg .token.token.attr-name{color:var(--ds-text-accent-teal,#206a83)}
62
92
  ._9k2r1m30 .token.italic{font-style:italic}
63
93
  ._9kk3moej .token.important{font-weight:var(--ds-font-weight-bold,700)}
64
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)}
65
- ._b5iy131l .token.token.token.token.block-comment, ._gti3131l .token.token.token.token.comment{color:var(--ds-text-subtlest,#626f86)}
95
+ ._b5iy131l .token.token.token.token.block-comment{color:var(--ds-text-subtlest,#626f86)}
66
96
  ._bfhktkvp{background-color:var(--ds--code--bg-color,var(--ds-background-neutral,#091e420f))}
97
+ ._bu7zpf9b .ds-sh-line-number{color:var(--ds-text-subtlest,#626f86)!important}
98
+ ._cahfusvi .ds-sh-line-number{box-sizing:border-box}
99
+ ._ccm6u2gc .ds-sh-line-number{margin-inline-end:var(--ds-space-100,8px)}
67
100
  ._cjus1w1g .token.bold:not(.important){font-weight:bolder}
68
101
  ._ect41odn{font-family:var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
69
- ._eiht5x2v .token.block-comment:not(.italic), ._t9zb5x2v .token.comment:not(.italic){font-family:SFMono-MediumItalic,var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
70
- ._euyxusvi .linenumber, ._cahfusvi .ds-sh-line-number{box-sizing:border-box}
102
+ ._eiht5x2v .token.block-comment:not(.italic){font-family:SFMono-MediumItalic,var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
103
+ ._euyxusvi .linenumber{box-sizing:border-box}
71
104
  ._g0lx1fxt .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.function{color:var(--ds-text,#172b4d)}
105
+ ._gti3131l .token.token.token.token.comment{color:var(--ds-text-subtlest,#626f86)}
106
+ ._gy101giz .ds-sh-line-number{font-style:normal!important}
107
+ ._h4fuidpf code[class*=language-]{padding-inline-end:0}
108
+ ._h4fuu2gc code[class*=language-]{padding-inline-end:var(--ds-space-100,8px)}
72
109
  ._h909m7j4 [data-ds--code--row--highlight]{background-color:var(--ds-background-neutral,#091e420f)}
73
110
  ._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)}
111
+ ._i6ntu2gc code[class*=language-]{padding-block-end:var(--ds-space-100,8px)}
74
112
  ._i81p1a66 [data-ds--code--row]{padding-inline-end:var(--ds-space-100,8px)!important}
75
113
  ._ipl81e17 [data-ds--code--row--highlight]:before{content:" [var(--ads-highlighted-start-text)] "}
76
114
  ._j0l11wug code:last-of-type{flex-basis:auto}
77
- ._juomusic .linenumber, ._lcwuusic .ds-sh-line-number{text-align:right}
115
+ ._juomusic .linenumber{text-align:right}
116
+ ._k3lipnps .token.token.token.token.token.token.token.token.namespace{color:var(--ds-text-accent-blue,#05c)}
78
117
  ._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
79
118
  ._k86b10m5 .token.token.token.token.token.function-name{color:var(--ds-text-accent-purple,#5e4db2)}
80
- ._kxov17qg .token.token.token.token.token.token.token.token.token.regex, ._1np517qg .token.token.token.token.token.token.token.token.token.symbol, ._m2f517qg .token.token.token.token.token.token.token.token.token.variable{color:var(--ds-text-accent-teal,#206a83)}
81
- ._m802u2gc code, ._i6ntu2gc code[class*=language-], ._1w2xu2gc pre[class*=language-]{padding-block-end:var(--ds-space-100,8px)}
82
- ._mbgcpf9b .linenumber, ._bu7zpf9b .ds-sh-line-number{color:var(--ds-text-subtlest,#626f86)!important}
83
- ._mqok1w1g .token.key:not(.important,.bold), ._3hsg1w1g .token.keyword:not(.important,.bold){font-weight:bolder}
84
- ._mx8b7mnp [data-ds--code--row--highlight]:after, ._1kr87mnp [data-ds--code--row--highlight]:before{clip:rect(1px,1px,1px,1px)}
85
- ._nalpstnw [data-ds--code--row--highlight]:after, ._151dstnw [data-ds--code--row--highlight]:before{position:absolute}
86
- ._nhmw1m30 .token.block-comment:not(.italic), ._yl021m30 .token.comment:not(.italic){font-style:italic}
119
+ ._kxov17qg .token.token.token.token.token.token.token.token.token.regex{color:var(--ds-text-accent-teal,#206a83)}
120
+ ._lcwuusic .ds-sh-line-number{text-align:right}
121
+ ._lh0y15vq [data-ds--code--row--highlight]:before{overflow-x:hidden}
122
+ ._m2f517qg .token.token.token.token.token.token.token.token.token.variable{color:var(--ds-text-accent-teal,#206a83)}
123
+ ._m802u2gc code{padding-block-end:var(--ds-space-100,8px)}
124
+ ._mbgcpf9b .linenumber{color:var(--ds-text-subtlest,#626f86)!important}
125
+ ._mqok1w1g .token.key:not(.important,.bold){font-weight:bolder}
126
+ ._mx8b7mnp [data-ds--code--row--highlight]:after{clip:rect(1px,1px,1px,1px)}
127
+ ._nalpstnw [data-ds--code--row--highlight]:after{position:absolute}
128
+ ._nhket94y [data-ds--code--row--highlight]:before{width:1px}
129
+ ._nhmw1m30 .token.block-comment:not(.italic){font-style:italic}
87
130
  ._o572qvpr{white-space:pre}
88
- ._pyovu2gc .linenumber, ._ccm6u2gc .ds-sh-line-number{margin-inline-end:var(--ds-space-100,8px)}
89
- ._qdiapnps .token.key, ._72uvpnps .token.keyword{color:var(--ds-text-accent-blue,#05c)}
131
+ ._p2vr17qg .token.token.token.token.token.token.token.token.token.token.token.type{color:var(--ds-text-accent-teal,#206a83)}
132
+ ._pp6yidpf pre[class*=language-]{padding-inline-end:0}
133
+ ._pp6yu2gc pre[class*=language-]{padding-inline-end:var(--ds-space-100,8px)}
134
+ ._pyovu2gc .linenumber{margin-inline-end:var(--ds-space-100,8px)}
135
+ ._qcxof705 code>span:only-child>span:only-child:empty:before{content:" "}
136
+ ._qdiapnps .token.key{color:var(--ds-text-accent-blue,#05c)}
137
+ ._qk1e15vq [data-ds--code--row--highlight]:before{overflow-y:hidden}
90
138
  ._qzn01a66 code:last-of-type{padding-inline-end:var(--ds-space-100,8px)!important}
91
- ._r28du2gc code, ._tajqu2gc code[class*=language-], ._1ohiu2gc pre[class*=language-]{padding-block-start:var(--ds-space-100,8px)}
139
+ ._r28du2gc code{padding-block-start:var(--ds-space-100,8px)}
140
+ ._rude1ule .ds-sh-line-number{display:block}
92
141
  ._scgayz1z [data-ds--code--row--highlight]:after{content:" [var(--ads-highlighted-end-text)] "}
93
142
  ._syaz1fxt{color:var(--ds-text,#172b4d)}
143
+ ._t9zb5x2v .token.comment:not(.italic){font-family:SFMono-MediumItalic,var(--ds-font-family-code,ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
144
+ ._tajqu2gc code[class*=language-]{padding-block-start:var(--ds-space-100,8px)}
94
145
  ._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)}
95
- ._vm2c1rh5 .linenumber:after, ._12ok1rh5 .ds-sh-line-number:after{content:attr(data-ds--line-number)}
146
+ ._uga3ysn8 [data-ds--code--row--highlight]:before{clip-path:inset(100%)}
147
+ ._vblregat code[class*=language-]{tab-size:4}
148
+ ._vbulegat pre[class*=language-]{tab-size:4}
149
+ ._vm2c1rh5 .linenumber:after{content:attr(data-ds--line-number)}
96
150
  ._vsnzgrf3 code:first-of-type{padding-inline-end:0!important}
97
151
  ._vwz4gktf{line-height:20px}
98
152
  ._vyvc1n1a [data-ds--code--row--highlight] .linenumber:before{inset-block-start:-1px}
99
- ._wmyy17qg .token.token.token.token.token.token.token.token.token.token.token.quote, ._748n17qg .token.token.token.token.token.token.token.token.token.token.token.selector-attr, ._1mfn17qg .token.token.token.token.token.token.token.token.token.token.token.selector-pseudo, ._1d7e17qg .token.token.token.token.token.token.token.token.token.token.token.tag, ._p2vr17qg .token.token.token.token.token.token.token.token.token.token.token.type{color:var(--ds-text-accent-teal,#206a83)}
100
- ._x7c815vq [data-ds--code--row--highlight]:after, ._lh0y15vq [data-ds--code--row--highlight]:before{overflow-x:hidden}
101
- ._xo19t94y [data-ds--code--row--highlight]:after, ._1bemt94y [data-ds--code--row--highlight]:before{height:1px}
102
- ._xr0w1a66 .linenumber, ._4io21a66 .ds-sh-line-number{padding-inline-end:var(--ds-space-100,8px)!important}
153
+ ._wmyy17qg .token.token.token.token.token.token.token.token.token.token.token.quote{color:var(--ds-text-accent-teal,#206a83)}
154
+ ._x7c815vq [data-ds--code--row--highlight]:after{overflow-x:hidden}
155
+ ._xo19t94y [data-ds--code--row--highlight]:after{height:1px}
156
+ ._xr0w1a66 .linenumber{padding-inline-end:var(--ds-space-100,8px)!important}
157
+ ._yl021m30 .token.comment:not(.italic){font-style:italic}
103
158
  ._ys4e131l .token.token.token.token.token.token.token.token.token.token.token.token.token.token.token.meta{color:var(--ds-text-subtlest,#626f86)}
104
- ._zhnuidpf .linenumber, ._1amdidpf .ds-sh-line-number{flex-shrink:0}
105
- ._zvy9f705 code>span:only-child:empty:before, ._qcxof705 code>span:only-child>span:only-child:empty:before{content:" "}
159
+ ._zhnuidpf .linenumber{flex-shrink:0}
160
+ ._zvy9f705 code>span:only-child:empty:before{content:" "}
package/dist/esm/code-block.js CHANGED
@@ -1,4 +1,4 @@
1
- /* code-block.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* code-block.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  import "./code-block.compiled.css";
4
4
  import * as React from 'react';
package/dist/esm/code.js CHANGED
@@ -1,4 +1,4 @@
1
- /* code.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* code.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["testId"],
package/dist/esm/constants.js CHANGED
@@ -337,5 +337,9 @@ export var SUPPORTED_LANGUAGES = [{
337
337
  name: 'ABAP',
338
338
  alias: ['abap'],
339
339
  value: 'abap'
340
+ }, {
341
+ name: 'Markdown',
342
+ alias: ['markdown'],
343
+ value: 'markdown'
340
344
  }];
341
345
  export { CODE_BLOCK_SELECTOR } from './internal/theme/constants';
package/dist/types/constants.d.ts CHANGED
@@ -334,6 +334,10 @@ export declare const SUPPORTED_LANGUAGES: readonly [{
334
334
  readonly name: "ABAP";
335
335
  readonly alias: readonly ["abap"];
336
336
  readonly value: "abap";
337
+ }, {
338
+ readonly name: "Markdown";
339
+ readonly alias: readonly ["markdown"];
340
+ readonly value: "markdown";
337
341
  }];
338
342
  export { CODE_BLOCK_SELECTOR } from './internal/theme/constants';
339
343
  export type Language = (typeof SUPPORTED_LANGUAGES)[number];
package/dist/types-ts4.5/constants.d.ts CHANGED
@@ -670,6 +670,13 @@ export declare const SUPPORTED_LANGUAGES: readonly [
670
670
  "abap"
671
671
  ];
672
672
  readonly value: "abap";
673
+ },
674
+ {
675
+ readonly name: "Markdown";
676
+ readonly alias: readonly [
677
+ "markdown"
678
+ ];
679
+ readonly value: "markdown";
673
680
  }
674
681
  ];
675
682
  export { CODE_BLOCK_SELECTOR } from './internal/theme/constants';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/code",
3
- "version": "17.2.5",
3
+ "version": "17.2.7",
4
4
  "description": "Code highlights short strings of code snippets inline with body text.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -29,8 +29,8 @@
29
29
  "dependencies": {
30
30
  "@atlaskit/codemod-utils": "^4.2.0",
31
31
  "@atlaskit/platform-feature-flags": "^1.1.0",
32
- "@atlaskit/tokens": "^6.3.0",
33
- "@atlaskit/tooltip": "^20.4.0",
32
+ "@atlaskit/tokens": "^6.4.0",
33
+ "@atlaskit/tooltip": "^20.5.0",
34
34
  "@atlaskit/visually-hidden": "^3.0.0",
35
35
  "@babel/runtime": "^7.0.0",
36
36
  "@compiled/react": "^0.18.3",
@@ -46,12 +46,12 @@
46
46
  "@af/accessibility-testing": "workspace:^",
47
47
  "@af/integration-testing": "workspace:^",
48
48
  "@af/visual-regression": "workspace:^",
49
- "@atlaskit/button": "^23.4.0",
49
+ "@atlaskit/button": "^23.5.0",
50
50
  "@atlaskit/docs": "^11.1.0",
51
- "@atlaskit/ds-lib": "^5.0.0",
52
- "@atlaskit/form": "^12.7.0",
51
+ "@atlaskit/ds-lib": "^5.1.0",
52
+ "@atlaskit/form": "^14.2.0",
53
53
  "@atlaskit/link": "^3.2.0",
54
- "@atlaskit/primitives": "^14.14.0",
54
+ "@atlaskit/primitives": "^14.15.0",
55
55
  "@atlaskit/section-message": "^8.7.0",
56
56
  "@atlaskit/ssr": "workspace:^",
57
57
  "@atlaskit/theme": "^21.0.0",