@atlaskit/code 17.2.5 → 17.2.6
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.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/bidi-warning/ui/styled.js +1 -1
- package/dist/cjs/code-block.compiled.css +94 -39
- package/dist/cjs/code-block.js +1 -1
- package/dist/cjs/code.js +1 -1
- package/dist/es2019/bidi-warning/ui/styled.js +1 -1
- package/dist/es2019/code-block.compiled.css +94 -39
- package/dist/es2019/code-block.js +1 -1
- package/dist/es2019/code.js +1 -1
- package/dist/esm/bidi-warning/ui/styled.js +1 -1
- package/dist/esm/code-block.compiled.css +94 -39
- package/dist/esm/code-block.js +1 -1
- package/dist/esm/code.js +1 -1
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/code
|
|
2
2
|
|
|
3
|
+
## 17.2.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`39e543109ec09`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/39e543109ec09) -
|
|
8
|
+
add type info to forwardRef components
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 17.2.5
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -1,105 +1,160 @@
|
|
|
1
1
|
|
|
2
|
-
._1ozdn7od code
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
18
|
-
.
|
|
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
|
-
.
|
|
23
|
-
.
|
|
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
|
|
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
|
|
32
|
-
._1g4tu2gc code
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
|
42
|
-
.
|
|
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
|
|
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
|
|
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
|
-
.
|
|
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
|
|
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)
|
|
70
|
-
._euyxusvi .linenumber
|
|
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
|
|
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
|
|
81
|
-
.
|
|
82
|
-
.
|
|
83
|
-
.
|
|
84
|
-
.
|
|
85
|
-
.
|
|
86
|
-
.
|
|
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
|
-
.
|
|
89
|
-
.
|
|
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
|
|
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
|
-
.
|
|
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
|
|
100
|
-
._x7c815vq [data-ds--code--row--highlight]:after
|
|
101
|
-
._xo19t94y [data-ds--code--row--highlight]:after
|
|
102
|
-
._xr0w1a66 .linenumber
|
|
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
|
|
105
|
-
._zvy9f705 code>span:only-child:empty:before
|
|
159
|
+
._zhnuidpf .linenumber{flex-shrink:0}
|
|
160
|
+
._zvy9f705 code>span:only-child:empty:before{content:" "}
|
package/dist/cjs/code-block.js
CHANGED
package/dist/cjs/code.js
CHANGED
|
@@ -1,105 +1,160 @@
|
|
|
1
1
|
|
|
2
|
-
._1ozdn7od code
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
18
|
-
.
|
|
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
|
-
.
|
|
23
|
-
.
|
|
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
|
|
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
|
|
32
|
-
._1g4tu2gc code
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
|
42
|
-
.
|
|
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
|
|
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
|
|
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
|
-
.
|
|
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
|
|
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)
|
|
70
|
-
._euyxusvi .linenumber
|
|
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
|
|
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
|
|
81
|
-
.
|
|
82
|
-
.
|
|
83
|
-
.
|
|
84
|
-
.
|
|
85
|
-
.
|
|
86
|
-
.
|
|
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
|
-
.
|
|
89
|
-
.
|
|
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
|
|
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
|
-
.
|
|
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
|
|
100
|
-
._x7c815vq [data-ds--code--row--highlight]:after
|
|
101
|
-
._xo19t94y [data-ds--code--row--highlight]:after
|
|
102
|
-
._xr0w1a66 .linenumber
|
|
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
|
|
105
|
-
._zvy9f705 code>span:only-child:empty:before
|
|
159
|
+
._zhnuidpf .linenumber{flex-shrink:0}
|
|
160
|
+
._zvy9f705 code>span:only-child:empty:before{content:" "}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* code-block.tsx generated by @compiled/babel-plugin v0.
|
|
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,105 +1,160 @@
|
|
|
1
1
|
|
|
2
|
-
._1ozdn7od code
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
18
|
-
.
|
|
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
|
-
.
|
|
23
|
-
.
|
|
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
|
|
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
|
|
32
|
-
._1g4tu2gc code
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
|
42
|
-
.
|
|
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
|
|
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
|
|
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
|
-
.
|
|
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
|
|
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)
|
|
70
|
-
._euyxusvi .linenumber
|
|
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
|
|
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
|
|
81
|
-
.
|
|
82
|
-
.
|
|
83
|
-
.
|
|
84
|
-
.
|
|
85
|
-
.
|
|
86
|
-
.
|
|
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
|
-
.
|
|
89
|
-
.
|
|
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
|
|
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
|
-
.
|
|
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
|
|
100
|
-
._x7c815vq [data-ds--code--row--highlight]:after
|
|
101
|
-
._xo19t94y [data-ds--code--row--highlight]:after
|
|
102
|
-
._xr0w1a66 .linenumber
|
|
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
|
|
105
|
-
._zvy9f705 code>span:only-child:empty:before
|
|
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.
|
|
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.
|
|
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/code",
|
|
3
|
-
"version": "17.2.
|
|
3
|
+
"version": "17.2.6",
|
|
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.
|
|
33
|
-
"@atlaskit/tooltip": "^20.
|
|
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",
|
|
@@ -48,10 +48,10 @@
|
|
|
48
48
|
"@af/visual-regression": "workspace:^",
|
|
49
49
|
"@atlaskit/button": "^23.4.0",
|
|
50
50
|
"@atlaskit/docs": "^11.1.0",
|
|
51
|
-
"@atlaskit/ds-lib": "^5.
|
|
52
|
-
"@atlaskit/form": "^
|
|
51
|
+
"@atlaskit/ds-lib": "^5.1.0",
|
|
52
|
+
"@atlaskit/form": "^14.2.0",
|
|
53
53
|
"@atlaskit/link": "^3.2.0",
|
|
54
|
-
"@atlaskit/primitives": "^14.
|
|
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",
|