@atlaskit/button 16.2.0 → 16.2.1
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 +7 -0
- package/dist/cjs/shared/button-base.js +1 -1
- package/dist/cjs/shared/colors.js +56 -56
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/shared/button-base.js +1 -1
- package/dist/es2019/shared/colors.js +56 -56
- package/dist/es2019/version.json +1 -1
- package/dist/esm/shared/button-base.js +1 -1
- package/dist/esm/shared/colors.js +56 -56
- package/dist/esm/version.json +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# @atlaskit/button
|
|
2
2
|
|
|
3
|
+
## 16.2.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes.
|
|
8
|
+
- Updated dependencies
|
|
9
|
+
|
|
3
10
|
## 16.2.0
|
|
4
11
|
|
|
5
12
|
### Minor Changes
|
|
@@ -101,7 +101,7 @@ var _default = /*#__PURE__*/_react.default.forwardRef(function ButtonBase(props,
|
|
|
101
101
|
action: 'clicked',
|
|
102
102
|
componentName: 'button',
|
|
103
103
|
packageName: "@atlaskit/button",
|
|
104
|
-
packageVersion: "16.2.
|
|
104
|
+
packageVersion: "16.2.1",
|
|
105
105
|
analyticsData: analyticsContext
|
|
106
106
|
}); // Button currently calls preventDefault, which is not standard button behaviour
|
|
107
107
|
|
|
@@ -37,12 +37,12 @@ var values = {
|
|
|
37
37
|
dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
|
|
38
38
|
},
|
|
39
39
|
selected: {
|
|
40
|
-
light: "var(--ds-background-
|
|
41
|
-
dark: "var(--ds-background-
|
|
40
|
+
light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
|
|
41
|
+
dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
|
|
42
42
|
},
|
|
43
43
|
focusSelected: {
|
|
44
|
-
light: "var(--ds-background-
|
|
45
|
-
dark: "var(--ds-background-
|
|
44
|
+
light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
|
|
45
|
+
dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
|
|
46
46
|
}
|
|
47
47
|
},
|
|
48
48
|
primary: {
|
|
@@ -63,12 +63,12 @@ var values = {
|
|
|
63
63
|
dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
|
|
64
64
|
},
|
|
65
65
|
selected: {
|
|
66
|
-
light: "var(--ds-background-
|
|
67
|
-
dark: "var(--ds-background-
|
|
66
|
+
light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
|
|
67
|
+
dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
|
|
68
68
|
},
|
|
69
69
|
focusSelected: {
|
|
70
|
-
light: "var(--ds-background-
|
|
71
|
-
dark: "var(--ds-background-
|
|
70
|
+
light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
|
|
71
|
+
dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
|
|
72
72
|
}
|
|
73
73
|
},
|
|
74
74
|
warning: {
|
|
@@ -89,12 +89,12 @@ var values = {
|
|
|
89
89
|
dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
|
|
90
90
|
},
|
|
91
91
|
selected: {
|
|
92
|
-
light: "var(--ds-background-
|
|
93
|
-
dark: "var(--ds-background-
|
|
92
|
+
light: "var(--ds-background-selected, ".concat(colors.Y400, ")"),
|
|
93
|
+
dark: "var(--ds-background-selected, ".concat(colors.Y400, ")")
|
|
94
94
|
},
|
|
95
95
|
focusSelected: {
|
|
96
|
-
light: "var(--ds-background-
|
|
97
|
-
dark: "var(--ds-background-
|
|
96
|
+
light: "var(--ds-background-selected, ".concat(colors.Y400, ")"),
|
|
97
|
+
dark: "var(--ds-background-selected, ".concat(colors.Y400, ")")
|
|
98
98
|
}
|
|
99
99
|
},
|
|
100
100
|
danger: {
|
|
@@ -115,12 +115,12 @@ var values = {
|
|
|
115
115
|
dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
|
|
116
116
|
},
|
|
117
117
|
selected: {
|
|
118
|
-
light: "var(--ds-background-
|
|
119
|
-
dark: "var(--ds-background-
|
|
118
|
+
light: "var(--ds-background-selected, ".concat(colors.R500, ")"),
|
|
119
|
+
dark: "var(--ds-background-selected, ".concat(colors.R500, ")")
|
|
120
120
|
},
|
|
121
121
|
focusSelected: {
|
|
122
|
-
light: "var(--ds-background-
|
|
123
|
-
dark: "var(--ds-background-
|
|
122
|
+
light: "var(--ds-background-selected, ".concat(colors.R500, ")"),
|
|
123
|
+
dark: "var(--ds-background-selected, ".concat(colors.R500, ")")
|
|
124
124
|
}
|
|
125
125
|
},
|
|
126
126
|
link: {
|
|
@@ -129,12 +129,12 @@ var values = {
|
|
|
129
129
|
dark: 'none'
|
|
130
130
|
},
|
|
131
131
|
selected: {
|
|
132
|
-
light: "var(--ds-background-
|
|
133
|
-
dark: "var(--ds-background-
|
|
132
|
+
light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
|
|
133
|
+
dark: "var(--ds-background-selected, ".concat(colors.N20, ")")
|
|
134
134
|
},
|
|
135
135
|
focusSelected: {
|
|
136
|
-
light: "var(--ds-background-
|
|
137
|
-
dark: "var(--ds-background-
|
|
136
|
+
light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
|
|
137
|
+
dark: "var(--ds-background-selected, ".concat(colors.N20, ")")
|
|
138
138
|
}
|
|
139
139
|
},
|
|
140
140
|
subtle: {
|
|
@@ -155,12 +155,12 @@ var values = {
|
|
|
155
155
|
dark: 'none'
|
|
156
156
|
},
|
|
157
157
|
selected: {
|
|
158
|
-
light: "var(--ds-background-
|
|
159
|
-
dark: "var(--ds-background-
|
|
158
|
+
light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
|
|
159
|
+
dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
|
|
160
160
|
},
|
|
161
161
|
focusSelected: {
|
|
162
|
-
light: "var(--ds-background-
|
|
163
|
-
dark: "var(--ds-background-
|
|
162
|
+
light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
|
|
163
|
+
dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
|
|
164
164
|
}
|
|
165
165
|
},
|
|
166
166
|
'subtle-link': {
|
|
@@ -169,12 +169,12 @@ var values = {
|
|
|
169
169
|
dark: 'none'
|
|
170
170
|
},
|
|
171
171
|
selected: {
|
|
172
|
-
light: "var(--ds-background-
|
|
173
|
-
dark: "var(--ds-background-
|
|
172
|
+
light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
|
|
173
|
+
dark: "var(--ds-background-selected, ".concat(colors.N20, ")")
|
|
174
174
|
},
|
|
175
175
|
focusSelected: {
|
|
176
|
-
light: "var(--ds-background-
|
|
177
|
-
dark: "var(--ds-background-
|
|
176
|
+
light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
|
|
177
|
+
dark: "var(--ds-background-selected, ".concat(colors.N20, ")")
|
|
178
178
|
}
|
|
179
179
|
}
|
|
180
180
|
},
|
|
@@ -265,12 +265,12 @@ var values = {
|
|
|
265
265
|
dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
|
|
266
266
|
},
|
|
267
267
|
selected: {
|
|
268
|
-
light: "var(--ds-text-
|
|
269
|
-
dark: "var(--ds-text-
|
|
268
|
+
light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
|
|
269
|
+
dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
|
|
270
270
|
},
|
|
271
271
|
focusSelected: {
|
|
272
|
-
light: "var(--ds-text-
|
|
273
|
-
dark: "var(--ds-text-
|
|
272
|
+
light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
|
|
273
|
+
dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
|
|
274
274
|
}
|
|
275
275
|
},
|
|
276
276
|
primary: {
|
|
@@ -283,12 +283,12 @@ var values = {
|
|
|
283
283
|
dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
|
|
284
284
|
},
|
|
285
285
|
selected: {
|
|
286
|
-
light: "var(--ds-text-
|
|
287
|
-
dark: "var(--ds-text-
|
|
286
|
+
light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
|
|
287
|
+
dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
|
|
288
288
|
},
|
|
289
289
|
focusSelected: {
|
|
290
|
-
light: "var(--ds-text-
|
|
291
|
-
dark: "var(--ds-text-
|
|
290
|
+
light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
|
|
291
|
+
dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
|
|
292
292
|
}
|
|
293
293
|
},
|
|
294
294
|
warning: {
|
|
@@ -301,12 +301,12 @@ var values = {
|
|
|
301
301
|
dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
|
|
302
302
|
},
|
|
303
303
|
selected: {
|
|
304
|
-
light: "var(--ds-text-
|
|
305
|
-
dark: "var(--ds-text-
|
|
304
|
+
light: "var(--ds-text-selected, ".concat(colors.N800, ")"),
|
|
305
|
+
dark: "var(--ds-text-selected, ".concat(colors.N800, ")")
|
|
306
306
|
},
|
|
307
307
|
focusSelected: {
|
|
308
|
-
light: "var(--ds-text-
|
|
309
|
-
dark: "var(--ds-text-
|
|
308
|
+
light: "var(--ds-text-selected, ".concat(colors.N800, ")"),
|
|
309
|
+
dark: "var(--ds-text-selected, ".concat(colors.N800, ")")
|
|
310
310
|
}
|
|
311
311
|
},
|
|
312
312
|
danger: {
|
|
@@ -319,12 +319,12 @@ var values = {
|
|
|
319
319
|
dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
|
|
320
320
|
},
|
|
321
321
|
selected: {
|
|
322
|
-
light: "var(--ds-text-
|
|
323
|
-
dark: "var(--ds-text-
|
|
322
|
+
light: "var(--ds-text-selected, ".concat(colors.N0, ")"),
|
|
323
|
+
dark: "var(--ds-text-selected, ".concat(colors.N0, ")")
|
|
324
324
|
},
|
|
325
325
|
focusSelected: {
|
|
326
|
-
light: "var(--ds-text-
|
|
327
|
-
dark: "var(--ds-text-
|
|
326
|
+
light: "var(--ds-text-selected, ".concat(colors.N0, ")"),
|
|
327
|
+
dark: "var(--ds-text-selected, ".concat(colors.N0, ")")
|
|
328
328
|
}
|
|
329
329
|
},
|
|
330
330
|
link: {
|
|
@@ -345,12 +345,12 @@ var values = {
|
|
|
345
345
|
dark: "var(--ds-text-disabled, ".concat(colors.DN100, ")")
|
|
346
346
|
},
|
|
347
347
|
selected: {
|
|
348
|
-
light: "var(--ds-text-
|
|
349
|
-
dark: "var(--ds-text-
|
|
348
|
+
light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
|
|
349
|
+
dark: "var(--ds-text-selected, ".concat(colors.N700, ")")
|
|
350
350
|
},
|
|
351
351
|
focusSelected: {
|
|
352
|
-
light: "var(--ds-text-
|
|
353
|
-
dark: "var(--ds-text-
|
|
352
|
+
light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
|
|
353
|
+
dark: "var(--ds-text-selected, ".concat(colors.N700, ")")
|
|
354
354
|
}
|
|
355
355
|
},
|
|
356
356
|
subtle: {
|
|
@@ -367,12 +367,12 @@ var values = {
|
|
|
367
367
|
dark: "var(--ds-text-disabled, ".concat(colors.DN100, ")")
|
|
368
368
|
},
|
|
369
369
|
selected: {
|
|
370
|
-
light: "var(--ds-text-
|
|
371
|
-
dark: "var(--ds-text-
|
|
370
|
+
light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
|
|
371
|
+
dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
|
|
372
372
|
},
|
|
373
373
|
focusSelected: {
|
|
374
|
-
light: "var(--ds-text-
|
|
375
|
-
dark: "var(--ds-text-
|
|
374
|
+
light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
|
|
375
|
+
dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
|
|
376
376
|
}
|
|
377
377
|
},
|
|
378
378
|
'subtle-link': {
|
|
@@ -393,12 +393,12 @@ var values = {
|
|
|
393
393
|
dark: "var(--ds-text-disabled, ".concat(colors.DN100, ")")
|
|
394
394
|
},
|
|
395
395
|
selected: {
|
|
396
|
-
light: "var(--ds-text-
|
|
397
|
-
dark: "var(--ds-text-
|
|
396
|
+
light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
|
|
397
|
+
dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
|
|
398
398
|
},
|
|
399
399
|
focusSelected: {
|
|
400
|
-
light: "var(--ds-text-
|
|
401
|
-
dark: "var(--ds-text-
|
|
400
|
+
light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
|
|
401
|
+
dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
|
|
402
402
|
}
|
|
403
403
|
}
|
|
404
404
|
}
|
package/dist/cjs/version.json
CHANGED
|
@@ -70,7 +70,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
|
|
|
70
70
|
action: 'clicked',
|
|
71
71
|
componentName: 'button',
|
|
72
72
|
packageName: "@atlaskit/button",
|
|
73
|
-
packageVersion: "16.2.
|
|
73
|
+
packageVersion: "16.2.1",
|
|
74
74
|
analyticsData: analyticsContext
|
|
75
75
|
}); // Button currently calls preventDefault, which is not standard button behaviour
|
|
76
76
|
|
|
@@ -23,12 +23,12 @@ const values = {
|
|
|
23
23
|
dark: `var(--ds-background-disabled, ${colors.DN70})`
|
|
24
24
|
},
|
|
25
25
|
selected: {
|
|
26
|
-
light: `var(--ds-background-
|
|
27
|
-
dark: `var(--ds-background-
|
|
26
|
+
light: `var(--ds-background-selected, ${colors.N700})`,
|
|
27
|
+
dark: `var(--ds-background-selected, ${colors.DN0})`
|
|
28
28
|
},
|
|
29
29
|
focusSelected: {
|
|
30
|
-
light: `var(--ds-background-
|
|
31
|
-
dark: `var(--ds-background-
|
|
30
|
+
light: `var(--ds-background-selected, ${colors.N700})`,
|
|
31
|
+
dark: `var(--ds-background-selected, ${colors.DN0})`
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
primary: {
|
|
@@ -49,12 +49,12 @@ const values = {
|
|
|
49
49
|
dark: `var(--ds-background-disabled, ${colors.DN70})`
|
|
50
50
|
},
|
|
51
51
|
selected: {
|
|
52
|
-
light: `var(--ds-background-
|
|
53
|
-
dark: `var(--ds-background-
|
|
52
|
+
light: `var(--ds-background-selected, ${colors.N700})`,
|
|
53
|
+
dark: `var(--ds-background-selected, ${colors.DN0})`
|
|
54
54
|
},
|
|
55
55
|
focusSelected: {
|
|
56
|
-
light: `var(--ds-background-
|
|
57
|
-
dark: `var(--ds-background-
|
|
56
|
+
light: `var(--ds-background-selected, ${colors.N700})`,
|
|
57
|
+
dark: `var(--ds-background-selected, ${colors.DN0})`
|
|
58
58
|
}
|
|
59
59
|
},
|
|
60
60
|
warning: {
|
|
@@ -75,12 +75,12 @@ const values = {
|
|
|
75
75
|
dark: `var(--ds-background-disabled, ${colors.DN70})`
|
|
76
76
|
},
|
|
77
77
|
selected: {
|
|
78
|
-
light: `var(--ds-background-
|
|
79
|
-
dark: `var(--ds-background-
|
|
78
|
+
light: `var(--ds-background-selected, ${colors.Y400})`,
|
|
79
|
+
dark: `var(--ds-background-selected, ${colors.Y400})`
|
|
80
80
|
},
|
|
81
81
|
focusSelected: {
|
|
82
|
-
light: `var(--ds-background-
|
|
83
|
-
dark: `var(--ds-background-
|
|
82
|
+
light: `var(--ds-background-selected, ${colors.Y400})`,
|
|
83
|
+
dark: `var(--ds-background-selected, ${colors.Y400})`
|
|
84
84
|
}
|
|
85
85
|
},
|
|
86
86
|
danger: {
|
|
@@ -101,12 +101,12 @@ const values = {
|
|
|
101
101
|
dark: `var(--ds-background-disabled, ${colors.DN70})`
|
|
102
102
|
},
|
|
103
103
|
selected: {
|
|
104
|
-
light: `var(--ds-background-
|
|
105
|
-
dark: `var(--ds-background-
|
|
104
|
+
light: `var(--ds-background-selected, ${colors.R500})`,
|
|
105
|
+
dark: `var(--ds-background-selected, ${colors.R500})`
|
|
106
106
|
},
|
|
107
107
|
focusSelected: {
|
|
108
|
-
light: `var(--ds-background-
|
|
109
|
-
dark: `var(--ds-background-
|
|
108
|
+
light: `var(--ds-background-selected, ${colors.R500})`,
|
|
109
|
+
dark: `var(--ds-background-selected, ${colors.R500})`
|
|
110
110
|
}
|
|
111
111
|
},
|
|
112
112
|
link: {
|
|
@@ -115,12 +115,12 @@ const values = {
|
|
|
115
115
|
dark: 'none'
|
|
116
116
|
},
|
|
117
117
|
selected: {
|
|
118
|
-
light: `var(--ds-background-
|
|
119
|
-
dark: `var(--ds-background-
|
|
118
|
+
light: `var(--ds-background-selected, ${colors.N700})`,
|
|
119
|
+
dark: `var(--ds-background-selected, ${colors.N20})`
|
|
120
120
|
},
|
|
121
121
|
focusSelected: {
|
|
122
|
-
light: `var(--ds-background-
|
|
123
|
-
dark: `var(--ds-background-
|
|
122
|
+
light: `var(--ds-background-selected, ${colors.N700})`,
|
|
123
|
+
dark: `var(--ds-background-selected, ${colors.N20})`
|
|
124
124
|
}
|
|
125
125
|
},
|
|
126
126
|
subtle: {
|
|
@@ -141,12 +141,12 @@ const values = {
|
|
|
141
141
|
dark: 'none'
|
|
142
142
|
},
|
|
143
143
|
selected: {
|
|
144
|
-
light: `var(--ds-background-
|
|
145
|
-
dark: `var(--ds-background-
|
|
144
|
+
light: `var(--ds-background-selected, ${colors.N700})`,
|
|
145
|
+
dark: `var(--ds-background-selected, ${colors.DN0})`
|
|
146
146
|
},
|
|
147
147
|
focusSelected: {
|
|
148
|
-
light: `var(--ds-background-
|
|
149
|
-
dark: `var(--ds-background-
|
|
148
|
+
light: `var(--ds-background-selected, ${colors.N700})`,
|
|
149
|
+
dark: `var(--ds-background-selected, ${colors.DN0})`
|
|
150
150
|
}
|
|
151
151
|
},
|
|
152
152
|
'subtle-link': {
|
|
@@ -155,12 +155,12 @@ const values = {
|
|
|
155
155
|
dark: 'none'
|
|
156
156
|
},
|
|
157
157
|
selected: {
|
|
158
|
-
light: `var(--ds-background-
|
|
159
|
-
dark: `var(--ds-background-
|
|
158
|
+
light: `var(--ds-background-selected, ${colors.N700})`,
|
|
159
|
+
dark: `var(--ds-background-selected, ${colors.N20})`
|
|
160
160
|
},
|
|
161
161
|
focusSelected: {
|
|
162
|
-
light: `var(--ds-background-
|
|
163
|
-
dark: `var(--ds-background-
|
|
162
|
+
light: `var(--ds-background-selected, ${colors.N700})`,
|
|
163
|
+
dark: `var(--ds-background-selected, ${colors.N20})`
|
|
164
164
|
}
|
|
165
165
|
}
|
|
166
166
|
},
|
|
@@ -251,12 +251,12 @@ const values = {
|
|
|
251
251
|
dark: `var(--ds-text-disabled, ${colors.DN30})`
|
|
252
252
|
},
|
|
253
253
|
selected: {
|
|
254
|
-
light: `var(--ds-text-
|
|
255
|
-
dark: `var(--ds-text-
|
|
254
|
+
light: `var(--ds-text-selected, ${colors.N20})`,
|
|
255
|
+
dark: `var(--ds-text-selected, ${colors.DN400})`
|
|
256
256
|
},
|
|
257
257
|
focusSelected: {
|
|
258
|
-
light: `var(--ds-text-
|
|
259
|
-
dark: `var(--ds-text-
|
|
258
|
+
light: `var(--ds-text-selected, ${colors.N20})`,
|
|
259
|
+
dark: `var(--ds-text-selected, ${colors.DN400})`
|
|
260
260
|
}
|
|
261
261
|
},
|
|
262
262
|
primary: {
|
|
@@ -269,12 +269,12 @@ const values = {
|
|
|
269
269
|
dark: `var(--ds-text-disabled, ${colors.DN30})`
|
|
270
270
|
},
|
|
271
271
|
selected: {
|
|
272
|
-
light: `var(--ds-text-
|
|
273
|
-
dark: `var(--ds-text-
|
|
272
|
+
light: `var(--ds-text-selected, ${colors.N20})`,
|
|
273
|
+
dark: `var(--ds-text-selected, ${colors.DN400})`
|
|
274
274
|
},
|
|
275
275
|
focusSelected: {
|
|
276
|
-
light: `var(--ds-text-
|
|
277
|
-
dark: `var(--ds-text-
|
|
276
|
+
light: `var(--ds-text-selected, ${colors.N20})`,
|
|
277
|
+
dark: `var(--ds-text-selected, ${colors.DN400})`
|
|
278
278
|
}
|
|
279
279
|
},
|
|
280
280
|
warning: {
|
|
@@ -287,12 +287,12 @@ const values = {
|
|
|
287
287
|
dark: `var(--ds-text-disabled, ${colors.DN30})`
|
|
288
288
|
},
|
|
289
289
|
selected: {
|
|
290
|
-
light: `var(--ds-text-
|
|
291
|
-
dark: `var(--ds-text-
|
|
290
|
+
light: `var(--ds-text-selected, ${colors.N800})`,
|
|
291
|
+
dark: `var(--ds-text-selected, ${colors.N800})`
|
|
292
292
|
},
|
|
293
293
|
focusSelected: {
|
|
294
|
-
light: `var(--ds-text-
|
|
295
|
-
dark: `var(--ds-text-
|
|
294
|
+
light: `var(--ds-text-selected, ${colors.N800})`,
|
|
295
|
+
dark: `var(--ds-text-selected, ${colors.N800})`
|
|
296
296
|
}
|
|
297
297
|
},
|
|
298
298
|
danger: {
|
|
@@ -305,12 +305,12 @@ const values = {
|
|
|
305
305
|
dark: `var(--ds-text-disabled, ${colors.DN30})`
|
|
306
306
|
},
|
|
307
307
|
selected: {
|
|
308
|
-
light: `var(--ds-text-
|
|
309
|
-
dark: `var(--ds-text-
|
|
308
|
+
light: `var(--ds-text-selected, ${colors.N0})`,
|
|
309
|
+
dark: `var(--ds-text-selected, ${colors.N0})`
|
|
310
310
|
},
|
|
311
311
|
focusSelected: {
|
|
312
|
-
light: `var(--ds-text-
|
|
313
|
-
dark: `var(--ds-text-
|
|
312
|
+
light: `var(--ds-text-selected, ${colors.N0})`,
|
|
313
|
+
dark: `var(--ds-text-selected, ${colors.N0})`
|
|
314
314
|
}
|
|
315
315
|
},
|
|
316
316
|
link: {
|
|
@@ -331,12 +331,12 @@ const values = {
|
|
|
331
331
|
dark: `var(--ds-text-disabled, ${colors.DN100})`
|
|
332
332
|
},
|
|
333
333
|
selected: {
|
|
334
|
-
light: `var(--ds-text-
|
|
335
|
-
dark: `var(--ds-text-
|
|
334
|
+
light: `var(--ds-text-selected, ${colors.N20})`,
|
|
335
|
+
dark: `var(--ds-text-selected, ${colors.N700})`
|
|
336
336
|
},
|
|
337
337
|
focusSelected: {
|
|
338
|
-
light: `var(--ds-text-
|
|
339
|
-
dark: `var(--ds-text-
|
|
338
|
+
light: `var(--ds-text-selected, ${colors.N20})`,
|
|
339
|
+
dark: `var(--ds-text-selected, ${colors.N700})`
|
|
340
340
|
}
|
|
341
341
|
},
|
|
342
342
|
subtle: {
|
|
@@ -353,12 +353,12 @@ const values = {
|
|
|
353
353
|
dark: `var(--ds-text-disabled, ${colors.DN100})`
|
|
354
354
|
},
|
|
355
355
|
selected: {
|
|
356
|
-
light: `var(--ds-text-
|
|
357
|
-
dark: `var(--ds-text-
|
|
356
|
+
light: `var(--ds-text-selected, ${colors.N20})`,
|
|
357
|
+
dark: `var(--ds-text-selected, ${colors.DN400})`
|
|
358
358
|
},
|
|
359
359
|
focusSelected: {
|
|
360
|
-
light: `var(--ds-text-
|
|
361
|
-
dark: `var(--ds-text-
|
|
360
|
+
light: `var(--ds-text-selected, ${colors.N20})`,
|
|
361
|
+
dark: `var(--ds-text-selected, ${colors.DN400})`
|
|
362
362
|
}
|
|
363
363
|
},
|
|
364
364
|
'subtle-link': {
|
|
@@ -379,12 +379,12 @@ const values = {
|
|
|
379
379
|
dark: `var(--ds-text-disabled, ${colors.DN100})`
|
|
380
380
|
},
|
|
381
381
|
selected: {
|
|
382
|
-
light: `var(--ds-text-
|
|
383
|
-
dark: `var(--ds-text-
|
|
382
|
+
light: `var(--ds-text-selected, ${colors.N20})`,
|
|
383
|
+
dark: `var(--ds-text-selected, ${colors.DN400})`
|
|
384
384
|
},
|
|
385
385
|
focusSelected: {
|
|
386
|
-
light: `var(--ds-text-
|
|
387
|
-
dark: `var(--ds-text-
|
|
386
|
+
light: `var(--ds-text-selected, ${colors.N20})`,
|
|
387
|
+
dark: `var(--ds-text-selected, ${colors.DN400})`
|
|
388
388
|
}
|
|
389
389
|
}
|
|
390
390
|
}
|
package/dist/es2019/version.json
CHANGED
|
@@ -79,7 +79,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
|
|
|
79
79
|
action: 'clicked',
|
|
80
80
|
componentName: 'button',
|
|
81
81
|
packageName: "@atlaskit/button",
|
|
82
|
-
packageVersion: "16.2.
|
|
82
|
+
packageVersion: "16.2.1",
|
|
83
83
|
analyticsData: analyticsContext
|
|
84
84
|
}); // Button currently calls preventDefault, which is not standard button behaviour
|
|
85
85
|
|
|
@@ -23,12 +23,12 @@ var values = {
|
|
|
23
23
|
dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
|
|
24
24
|
},
|
|
25
25
|
selected: {
|
|
26
|
-
light: "var(--ds-background-
|
|
27
|
-
dark: "var(--ds-background-
|
|
26
|
+
light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
|
|
27
|
+
dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
|
|
28
28
|
},
|
|
29
29
|
focusSelected: {
|
|
30
|
-
light: "var(--ds-background-
|
|
31
|
-
dark: "var(--ds-background-
|
|
30
|
+
light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
|
|
31
|
+
dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
primary: {
|
|
@@ -49,12 +49,12 @@ var values = {
|
|
|
49
49
|
dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
|
|
50
50
|
},
|
|
51
51
|
selected: {
|
|
52
|
-
light: "var(--ds-background-
|
|
53
|
-
dark: "var(--ds-background-
|
|
52
|
+
light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
|
|
53
|
+
dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
|
|
54
54
|
},
|
|
55
55
|
focusSelected: {
|
|
56
|
-
light: "var(--ds-background-
|
|
57
|
-
dark: "var(--ds-background-
|
|
56
|
+
light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
|
|
57
|
+
dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
|
|
58
58
|
}
|
|
59
59
|
},
|
|
60
60
|
warning: {
|
|
@@ -75,12 +75,12 @@ var values = {
|
|
|
75
75
|
dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
|
|
76
76
|
},
|
|
77
77
|
selected: {
|
|
78
|
-
light: "var(--ds-background-
|
|
79
|
-
dark: "var(--ds-background-
|
|
78
|
+
light: "var(--ds-background-selected, ".concat(colors.Y400, ")"),
|
|
79
|
+
dark: "var(--ds-background-selected, ".concat(colors.Y400, ")")
|
|
80
80
|
},
|
|
81
81
|
focusSelected: {
|
|
82
|
-
light: "var(--ds-background-
|
|
83
|
-
dark: "var(--ds-background-
|
|
82
|
+
light: "var(--ds-background-selected, ".concat(colors.Y400, ")"),
|
|
83
|
+
dark: "var(--ds-background-selected, ".concat(colors.Y400, ")")
|
|
84
84
|
}
|
|
85
85
|
},
|
|
86
86
|
danger: {
|
|
@@ -101,12 +101,12 @@ var values = {
|
|
|
101
101
|
dark: "var(--ds-background-disabled, ".concat(colors.DN70, ")")
|
|
102
102
|
},
|
|
103
103
|
selected: {
|
|
104
|
-
light: "var(--ds-background-
|
|
105
|
-
dark: "var(--ds-background-
|
|
104
|
+
light: "var(--ds-background-selected, ".concat(colors.R500, ")"),
|
|
105
|
+
dark: "var(--ds-background-selected, ".concat(colors.R500, ")")
|
|
106
106
|
},
|
|
107
107
|
focusSelected: {
|
|
108
|
-
light: "var(--ds-background-
|
|
109
|
-
dark: "var(--ds-background-
|
|
108
|
+
light: "var(--ds-background-selected, ".concat(colors.R500, ")"),
|
|
109
|
+
dark: "var(--ds-background-selected, ".concat(colors.R500, ")")
|
|
110
110
|
}
|
|
111
111
|
},
|
|
112
112
|
link: {
|
|
@@ -115,12 +115,12 @@ var values = {
|
|
|
115
115
|
dark: 'none'
|
|
116
116
|
},
|
|
117
117
|
selected: {
|
|
118
|
-
light: "var(--ds-background-
|
|
119
|
-
dark: "var(--ds-background-
|
|
118
|
+
light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
|
|
119
|
+
dark: "var(--ds-background-selected, ".concat(colors.N20, ")")
|
|
120
120
|
},
|
|
121
121
|
focusSelected: {
|
|
122
|
-
light: "var(--ds-background-
|
|
123
|
-
dark: "var(--ds-background-
|
|
122
|
+
light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
|
|
123
|
+
dark: "var(--ds-background-selected, ".concat(colors.N20, ")")
|
|
124
124
|
}
|
|
125
125
|
},
|
|
126
126
|
subtle: {
|
|
@@ -141,12 +141,12 @@ var values = {
|
|
|
141
141
|
dark: 'none'
|
|
142
142
|
},
|
|
143
143
|
selected: {
|
|
144
|
-
light: "var(--ds-background-
|
|
145
|
-
dark: "var(--ds-background-
|
|
144
|
+
light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
|
|
145
|
+
dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
|
|
146
146
|
},
|
|
147
147
|
focusSelected: {
|
|
148
|
-
light: "var(--ds-background-
|
|
149
|
-
dark: "var(--ds-background-
|
|
148
|
+
light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
|
|
149
|
+
dark: "var(--ds-background-selected, ".concat(colors.DN0, ")")
|
|
150
150
|
}
|
|
151
151
|
},
|
|
152
152
|
'subtle-link': {
|
|
@@ -155,12 +155,12 @@ var values = {
|
|
|
155
155
|
dark: 'none'
|
|
156
156
|
},
|
|
157
157
|
selected: {
|
|
158
|
-
light: "var(--ds-background-
|
|
159
|
-
dark: "var(--ds-background-
|
|
158
|
+
light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
|
|
159
|
+
dark: "var(--ds-background-selected, ".concat(colors.N20, ")")
|
|
160
160
|
},
|
|
161
161
|
focusSelected: {
|
|
162
|
-
light: "var(--ds-background-
|
|
163
|
-
dark: "var(--ds-background-
|
|
162
|
+
light: "var(--ds-background-selected, ".concat(colors.N700, ")"),
|
|
163
|
+
dark: "var(--ds-background-selected, ".concat(colors.N20, ")")
|
|
164
164
|
}
|
|
165
165
|
}
|
|
166
166
|
},
|
|
@@ -251,12 +251,12 @@ var values = {
|
|
|
251
251
|
dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
|
|
252
252
|
},
|
|
253
253
|
selected: {
|
|
254
|
-
light: "var(--ds-text-
|
|
255
|
-
dark: "var(--ds-text-
|
|
254
|
+
light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
|
|
255
|
+
dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
|
|
256
256
|
},
|
|
257
257
|
focusSelected: {
|
|
258
|
-
light: "var(--ds-text-
|
|
259
|
-
dark: "var(--ds-text-
|
|
258
|
+
light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
|
|
259
|
+
dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
|
|
260
260
|
}
|
|
261
261
|
},
|
|
262
262
|
primary: {
|
|
@@ -269,12 +269,12 @@ var values = {
|
|
|
269
269
|
dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
|
|
270
270
|
},
|
|
271
271
|
selected: {
|
|
272
|
-
light: "var(--ds-text-
|
|
273
|
-
dark: "var(--ds-text-
|
|
272
|
+
light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
|
|
273
|
+
dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
|
|
274
274
|
},
|
|
275
275
|
focusSelected: {
|
|
276
|
-
light: "var(--ds-text-
|
|
277
|
-
dark: "var(--ds-text-
|
|
276
|
+
light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
|
|
277
|
+
dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
|
|
278
278
|
}
|
|
279
279
|
},
|
|
280
280
|
warning: {
|
|
@@ -287,12 +287,12 @@ var values = {
|
|
|
287
287
|
dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
|
|
288
288
|
},
|
|
289
289
|
selected: {
|
|
290
|
-
light: "var(--ds-text-
|
|
291
|
-
dark: "var(--ds-text-
|
|
290
|
+
light: "var(--ds-text-selected, ".concat(colors.N800, ")"),
|
|
291
|
+
dark: "var(--ds-text-selected, ".concat(colors.N800, ")")
|
|
292
292
|
},
|
|
293
293
|
focusSelected: {
|
|
294
|
-
light: "var(--ds-text-
|
|
295
|
-
dark: "var(--ds-text-
|
|
294
|
+
light: "var(--ds-text-selected, ".concat(colors.N800, ")"),
|
|
295
|
+
dark: "var(--ds-text-selected, ".concat(colors.N800, ")")
|
|
296
296
|
}
|
|
297
297
|
},
|
|
298
298
|
danger: {
|
|
@@ -305,12 +305,12 @@ var values = {
|
|
|
305
305
|
dark: "var(--ds-text-disabled, ".concat(colors.DN30, ")")
|
|
306
306
|
},
|
|
307
307
|
selected: {
|
|
308
|
-
light: "var(--ds-text-
|
|
309
|
-
dark: "var(--ds-text-
|
|
308
|
+
light: "var(--ds-text-selected, ".concat(colors.N0, ")"),
|
|
309
|
+
dark: "var(--ds-text-selected, ".concat(colors.N0, ")")
|
|
310
310
|
},
|
|
311
311
|
focusSelected: {
|
|
312
|
-
light: "var(--ds-text-
|
|
313
|
-
dark: "var(--ds-text-
|
|
312
|
+
light: "var(--ds-text-selected, ".concat(colors.N0, ")"),
|
|
313
|
+
dark: "var(--ds-text-selected, ".concat(colors.N0, ")")
|
|
314
314
|
}
|
|
315
315
|
},
|
|
316
316
|
link: {
|
|
@@ -331,12 +331,12 @@ var values = {
|
|
|
331
331
|
dark: "var(--ds-text-disabled, ".concat(colors.DN100, ")")
|
|
332
332
|
},
|
|
333
333
|
selected: {
|
|
334
|
-
light: "var(--ds-text-
|
|
335
|
-
dark: "var(--ds-text-
|
|
334
|
+
light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
|
|
335
|
+
dark: "var(--ds-text-selected, ".concat(colors.N700, ")")
|
|
336
336
|
},
|
|
337
337
|
focusSelected: {
|
|
338
|
-
light: "var(--ds-text-
|
|
339
|
-
dark: "var(--ds-text-
|
|
338
|
+
light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
|
|
339
|
+
dark: "var(--ds-text-selected, ".concat(colors.N700, ")")
|
|
340
340
|
}
|
|
341
341
|
},
|
|
342
342
|
subtle: {
|
|
@@ -353,12 +353,12 @@ var values = {
|
|
|
353
353
|
dark: "var(--ds-text-disabled, ".concat(colors.DN100, ")")
|
|
354
354
|
},
|
|
355
355
|
selected: {
|
|
356
|
-
light: "var(--ds-text-
|
|
357
|
-
dark: "var(--ds-text-
|
|
356
|
+
light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
|
|
357
|
+
dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
|
|
358
358
|
},
|
|
359
359
|
focusSelected: {
|
|
360
|
-
light: "var(--ds-text-
|
|
361
|
-
dark: "var(--ds-text-
|
|
360
|
+
light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
|
|
361
|
+
dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
|
|
362
362
|
}
|
|
363
363
|
},
|
|
364
364
|
'subtle-link': {
|
|
@@ -379,12 +379,12 @@ var values = {
|
|
|
379
379
|
dark: "var(--ds-text-disabled, ".concat(colors.DN100, ")")
|
|
380
380
|
},
|
|
381
381
|
selected: {
|
|
382
|
-
light: "var(--ds-text-
|
|
383
|
-
dark: "var(--ds-text-
|
|
382
|
+
light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
|
|
383
|
+
dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
|
|
384
384
|
},
|
|
385
385
|
focusSelected: {
|
|
386
|
-
light: "var(--ds-text-
|
|
387
|
-
dark: "var(--ds-text-
|
|
386
|
+
light: "var(--ds-text-selected, ".concat(colors.N20, ")"),
|
|
387
|
+
dark: "var(--ds-text-selected, ".concat(colors.DN400, ")")
|
|
388
388
|
}
|
|
389
389
|
}
|
|
390
390
|
}
|
package/dist/esm/version.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/button",
|
|
3
|
-
"version": "16.2.
|
|
3
|
+
"version": "16.2.1",
|
|
4
4
|
"description": "A button triggers an event or action. They let users know what will happen next.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"@atlaskit/ds-lib": "^1.4.0",
|
|
35
35
|
"@atlaskit/spinner": "^15.1.0",
|
|
36
36
|
"@atlaskit/theme": "^12.1.0",
|
|
37
|
-
"@atlaskit/tokens": "^0.
|
|
37
|
+
"@atlaskit/tokens": "^0.8.0",
|
|
38
38
|
"@babel/runtime": "^7.0.0",
|
|
39
39
|
"@emotion/core": "^10.0.9"
|
|
40
40
|
},
|