@cloudflare/component-button 9.5.0 → 9.5.2

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 (10) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/es/Button.js +8 -3
  3. package/es/Button.stories.js +188 -80
  4. package/es/ButtonGroup.js +2 -1
  5. package/es/IconTextButton.js +9 -4
  6. package/lib/Button.js +8 -3
  7. package/lib/Button.stories.js +188 -80
  8. package/lib/ButtonGroup.js +2 -1
  9. package/lib/IconTextButton.js +9 -4
  10. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # Change Log
2
2
 
3
+ ## 9.5.2
4
+
5
+ ### Patch Changes
6
+
7
+ - 1bc29ca267: Fix: Use IS_RELEASE_CANDIDATE to enable a11y source file attributes in preview builds
8
+
9
+ ## 9.5.1
10
+
11
+ ### Patch Changes
12
+
13
+ - 625b95cb19: Add data-source-file attributes to JSX elements for a11y debugging (non-production only)
14
+
3
15
  ## 9.5.0
4
16
 
5
17
  ### Minor Changes
package/es/Button.js CHANGED
@@ -273,16 +273,21 @@ var Button = /*#__PURE__*/React.forwardRef((props, ref) => {
273
273
  form: form,
274
274
  tabIndex: tabIndex,
275
275
  ref: ref,
276
- "aria-label": ariaLabel
276
+ "aria-label": ariaLabel,
277
+ "data-source-file": "@cloudflare/component-button:src/Button.tsx:364"
277
278
  }), iconType && iconPosition === 'left' && /*#__PURE__*/React.createElement(Icon, _extends({
278
279
  size: iconSize,
279
280
  type: iconType,
280
281
  ariaLabel: iconLabel
281
- }, iconProps)), children, iconType && iconPosition === 'right' && /*#__PURE__*/React.createElement(Icon, _extends({
282
+ }, iconProps, {
283
+ "data-source-file": "@cloudflare/component-button:src/Button.tsx:379"
284
+ })), children, iconType && iconPosition === 'right' && /*#__PURE__*/React.createElement(Icon, _extends({
282
285
  size: iconSize,
283
286
  type: iconType,
284
287
  ariaLabel: iconLabel
285
- }, iconProps)));
288
+ }, iconProps, {
289
+ "data-source-file": "@cloudflare/component-button:src/Button.tsx:388"
290
+ })));
286
291
  });
287
292
  Button.propTypes = {
288
293
  id: PropTypes.string,
package/es/Button.stories.js CHANGED
@@ -12,205 +12,313 @@ export var ButtonTypes = () => {
12
12
  gridTemplateColumns: 'auto 1fr 1fr 1fr 1fr',
13
13
  gap: '1rem',
14
14
  alignItems: 'center'
15
- }
16
- }, /*#__PURE__*/React.createElement("div", null), " ", /*#__PURE__*/React.createElement("div", null, "resting"), /*#__PURE__*/React.createElement("div", null, "disabled"), /*#__PURE__*/React.createElement("div", null, "hover"), /*#__PURE__*/React.createElement("div", null, "active"), /*#__PURE__*/React.createElement("div", null, "Default"), /*#__PURE__*/React.createElement(Button, null, "Default Button"), /*#__PURE__*/React.createElement(Button, {
17
- disabled: true
15
+ },
16
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:13"
17
+ }, /*#__PURE__*/React.createElement("div", {
18
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:22"
19
+ }), " ", /*#__PURE__*/React.createElement("div", {
20
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:23"
21
+ }, "resting"), /*#__PURE__*/React.createElement("div", {
22
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:24"
23
+ }, "disabled"), /*#__PURE__*/React.createElement("div", {
24
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:25"
25
+ }, "hover"), /*#__PURE__*/React.createElement("div", {
26
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:26"
27
+ }, "active"), /*#__PURE__*/React.createElement("div", {
28
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:28"
29
+ }, "Default"), /*#__PURE__*/React.createElement(Button, {
30
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:29"
18
31
  }, "Default Button"), /*#__PURE__*/React.createElement(Button, {
19
- buttonState: "hover"
32
+ disabled: true,
33
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:30"
20
34
  }, "Default Button"), /*#__PURE__*/React.createElement(Button, {
21
- buttonState: "active"
22
- }, "Default Button"), /*#__PURE__*/React.createElement("div", null, "Default Inverted"), /*#__PURE__*/React.createElement(Button, {
23
- inverted: true
35
+ buttonState: "hover",
36
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:31"
37
+ }, "Default Button"), /*#__PURE__*/React.createElement(Button, {
38
+ buttonState: "active",
39
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:32"
40
+ }, "Default Button"), /*#__PURE__*/React.createElement("div", {
41
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:34"
42
+ }, "Default Inverted"), /*#__PURE__*/React.createElement(Button, {
43
+ inverted: true,
44
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:35"
24
45
  }, "Default Inverted"), /*#__PURE__*/React.createElement(Button, {
25
46
  inverted: true,
26
- disabled: true
47
+ disabled: true,
48
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:36"
27
49
  }, "Default Inverted"), /*#__PURE__*/React.createElement(Button, {
28
50
  inverted: true,
29
- buttonState: "hover"
51
+ buttonState: "hover",
52
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:39"
30
53
  }, "Default Inverted"), /*#__PURE__*/React.createElement(Button, {
31
54
  inverted: true,
32
- buttonState: "active"
33
- }, "Default Inverted"), /*#__PURE__*/React.createElement("div", null, "Primary"), /*#__PURE__*/React.createElement(Button, {
34
- type: "primary"
55
+ buttonState: "active",
56
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:42"
57
+ }, "Default Inverted"), /*#__PURE__*/React.createElement("div", {
58
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:46"
59
+ }, "Primary"), /*#__PURE__*/React.createElement(Button, {
60
+ type: "primary",
61
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:47"
35
62
  }, "Primary Button"), /*#__PURE__*/React.createElement(Button, {
36
63
  type: "primary",
37
- disabled: true
64
+ disabled: true,
65
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:48"
38
66
  }, "Primary Button"), /*#__PURE__*/React.createElement(Button, {
39
67
  type: "primary",
40
- buttonState: "hover"
68
+ buttonState: "hover",
69
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:51"
41
70
  }, "Primary Button"), /*#__PURE__*/React.createElement(Button, {
42
71
  type: "primary",
43
- buttonState: "active"
44
- }, "Primary Button"), /*#__PURE__*/React.createElement("div", null, "Primary Inverted"), /*#__PURE__*/React.createElement(Button, {
72
+ buttonState: "active",
73
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:54"
74
+ }, "Primary Button"), /*#__PURE__*/React.createElement("div", {
75
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:58"
76
+ }, "Primary Inverted"), /*#__PURE__*/React.createElement(Button, {
45
77
  type: "primary",
46
- inverted: true
78
+ inverted: true,
79
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:59"
47
80
  }, "Primary Inverted"), /*#__PURE__*/React.createElement(Button, {
48
81
  type: "primary",
49
82
  inverted: true,
50
- disabled: true
83
+ disabled: true,
84
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:62"
51
85
  }, "Primary Inverted"), /*#__PURE__*/React.createElement(Button, {
52
86
  type: "primary",
53
87
  inverted: true,
54
- buttonState: "hover"
88
+ buttonState: "hover",
89
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:65"
55
90
  }, "Primary Inverted"), /*#__PURE__*/React.createElement(Button, {
56
91
  type: "primary",
57
92
  inverted: true,
58
- buttonState: "active"
59
- }, "Primary Inverted"), /*#__PURE__*/React.createElement("div", null, "Success"), /*#__PURE__*/React.createElement(Button, {
60
- type: "success"
93
+ buttonState: "active",
94
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:68"
95
+ }, "Primary Inverted"), /*#__PURE__*/React.createElement("div", {
96
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:72"
97
+ }, "Success"), /*#__PURE__*/React.createElement(Button, {
98
+ type: "success",
99
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:73"
61
100
  }, "Success Button"), /*#__PURE__*/React.createElement(Button, {
62
101
  type: "success",
63
- disabled: true
102
+ disabled: true,
103
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:74"
64
104
  }, "Success Button"), /*#__PURE__*/React.createElement(Button, {
65
105
  type: "success",
66
- buttonState: "hover"
106
+ buttonState: "hover",
107
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:77"
67
108
  }, "Success Button"), /*#__PURE__*/React.createElement(Button, {
68
109
  type: "success",
69
- buttonState: "active"
70
- }, "Success Button"), /*#__PURE__*/React.createElement("div", null, "Success Inverted"), /*#__PURE__*/React.createElement(Button, {
110
+ buttonState: "active",
111
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:80"
112
+ }, "Success Button"), /*#__PURE__*/React.createElement("div", {
113
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:84"
114
+ }, "Success Inverted"), /*#__PURE__*/React.createElement(Button, {
71
115
  type: "success",
72
- inverted: true
116
+ inverted: true,
117
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:85"
73
118
  }, "Success Inverted"), /*#__PURE__*/React.createElement(Button, {
74
119
  type: "success",
75
120
  inverted: true,
76
- disabled: true
121
+ disabled: true,
122
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:88"
77
123
  }, "Success Inverted"), /*#__PURE__*/React.createElement(Button, {
78
124
  type: "success",
79
125
  inverted: true,
80
- buttonState: "hover"
126
+ buttonState: "hover",
127
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:91"
81
128
  }, "Success Inverted"), /*#__PURE__*/React.createElement(Button, {
82
129
  type: "success",
83
130
  inverted: true,
84
- buttonState: "active"
85
- }, "Success Inverted"), /*#__PURE__*/React.createElement("div", null, "Warning"), /*#__PURE__*/React.createElement(Button, {
86
- type: "warning"
131
+ buttonState: "active",
132
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:94"
133
+ }, "Success Inverted"), /*#__PURE__*/React.createElement("div", {
134
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:98"
135
+ }, "Warning"), /*#__PURE__*/React.createElement(Button, {
136
+ type: "warning",
137
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:99"
87
138
  }, "Warning Button"), /*#__PURE__*/React.createElement(Button, {
88
139
  type: "warning",
89
- disabled: true
140
+ disabled: true,
141
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:100"
90
142
  }, "Warning Button"), /*#__PURE__*/React.createElement(Button, {
91
143
  type: "warning",
92
- buttonState: "hover"
144
+ buttonState: "hover",
145
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:103"
93
146
  }, "Warning Button"), /*#__PURE__*/React.createElement(Button, {
94
147
  type: "warning",
95
- buttonState: "active"
96
- }, "Warning Button"), /*#__PURE__*/React.createElement("div", null, "Warning Inverted"), /*#__PURE__*/React.createElement(Button, {
148
+ buttonState: "active",
149
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:106"
150
+ }, "Warning Button"), /*#__PURE__*/React.createElement("div", {
151
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:110"
152
+ }, "Warning Inverted"), /*#__PURE__*/React.createElement(Button, {
97
153
  type: "warning",
98
- inverted: true
154
+ inverted: true,
155
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:111"
99
156
  }, "Warning Inverted"), /*#__PURE__*/React.createElement(Button, {
100
157
  type: "warning",
101
158
  inverted: true,
102
- disabled: true
159
+ disabled: true,
160
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:114"
103
161
  }, "Warning Inverted"), /*#__PURE__*/React.createElement(Button, {
104
162
  type: "warning",
105
163
  inverted: true,
106
- buttonState: "hover"
164
+ buttonState: "hover",
165
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:117"
107
166
  }, "Warning Inverted"), /*#__PURE__*/React.createElement(Button, {
108
167
  type: "warning",
109
168
  inverted: true,
110
- buttonState: "active"
111
- }, "Warning Inverted"), /*#__PURE__*/React.createElement("div", null, "Danger"), /*#__PURE__*/React.createElement(Button, {
112
- type: "danger"
169
+ buttonState: "active",
170
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:120"
171
+ }, "Warning Inverted"), /*#__PURE__*/React.createElement("div", {
172
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:124"
173
+ }, "Danger"), /*#__PURE__*/React.createElement(Button, {
174
+ type: "danger",
175
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:125"
113
176
  }, "Danger Button"), /*#__PURE__*/React.createElement(Button, {
114
177
  type: "danger",
115
- disabled: true
178
+ disabled: true,
179
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:126"
116
180
  }, "Danger Button"), /*#__PURE__*/React.createElement(Button, {
117
181
  type: "danger",
118
- buttonState: "hover"
182
+ buttonState: "hover",
183
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:129"
119
184
  }, "Danger Button"), /*#__PURE__*/React.createElement(Button, {
120
185
  type: "danger",
121
- buttonState: "active"
122
- }, "Danger Button"), /*#__PURE__*/React.createElement("div", null, "Danger Inverted"), /*#__PURE__*/React.createElement(Button, {
186
+ buttonState: "active",
187
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:132"
188
+ }, "Danger Button"), /*#__PURE__*/React.createElement("div", {
189
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:136"
190
+ }, "Danger Inverted"), /*#__PURE__*/React.createElement(Button, {
123
191
  type: "danger",
124
- inverted: true
192
+ inverted: true,
193
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:137"
125
194
  }, "Danger Inverted"), /*#__PURE__*/React.createElement(Button, {
126
195
  type: "danger",
127
196
  inverted: true,
128
- disabled: true
197
+ disabled: true,
198
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:140"
129
199
  }, "Danger Inverted"), /*#__PURE__*/React.createElement(Button, {
130
200
  type: "danger",
131
201
  inverted: true,
132
- buttonState: "hover"
202
+ buttonState: "hover",
203
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:143"
133
204
  }, "Danger Inverted"), /*#__PURE__*/React.createElement(Button, {
134
205
  type: "danger",
135
206
  inverted: true,
136
- buttonState: "active"
137
- }, "Danger Inverted"), /*#__PURE__*/React.createElement("div", null, "Plain"), /*#__PURE__*/React.createElement(Button, {
138
- type: "plain"
207
+ buttonState: "active",
208
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:146"
209
+ }, "Danger Inverted"), /*#__PURE__*/React.createElement("div", {
210
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:150"
211
+ }, "Plain"), /*#__PURE__*/React.createElement(Button, {
212
+ type: "plain",
213
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:151"
139
214
  }, "Plain Button"), /*#__PURE__*/React.createElement(Button, {
140
215
  type: "plain",
141
- disabled: true
216
+ disabled: true,
217
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:152"
142
218
  }, "Plain Button"), /*#__PURE__*/React.createElement(Button, {
143
219
  type: "plain",
144
- buttonState: "hover"
220
+ buttonState: "hover",
221
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:155"
145
222
  }, "Plain Button"), /*#__PURE__*/React.createElement(Button, {
146
223
  type: "plain",
147
- buttonState: "active"
148
- }, "Plain Button"), /*#__PURE__*/React.createElement("div", null, "Plain Inverted"), /*#__PURE__*/React.createElement(Button, {
224
+ buttonState: "active",
225
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:158"
226
+ }, "Plain Button"), /*#__PURE__*/React.createElement("div", {
227
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:162"
228
+ }, "Plain Inverted"), /*#__PURE__*/React.createElement(Button, {
149
229
  type: "plain",
150
- inverted: true
230
+ inverted: true,
231
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:163"
151
232
  }, "Plain Inverted"), /*#__PURE__*/React.createElement(Button, {
152
233
  type: "plain",
153
234
  inverted: true,
154
- disabled: true
235
+ disabled: true,
236
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:166"
155
237
  }, "Plain Inverted"), /*#__PURE__*/React.createElement(Button, {
156
238
  type: "plain",
157
239
  inverted: true,
158
- buttonState: "hover"
240
+ buttonState: "hover",
241
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:169"
159
242
  }, "Plain Inverted"), /*#__PURE__*/React.createElement(Button, {
160
243
  type: "plain",
161
244
  inverted: true,
162
- buttonState: "active"
163
- }, "Plain Inverted"), /*#__PURE__*/React.createElement("div", null, "Plain Mono"), /*#__PURE__*/React.createElement(Button, {
164
- type: "plainMono"
245
+ buttonState: "active",
246
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:172"
247
+ }, "Plain Inverted"), /*#__PURE__*/React.createElement("div", {
248
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:176"
249
+ }, "Plain Mono"), /*#__PURE__*/React.createElement(Button, {
250
+ type: "plainMono",
251
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:177"
165
252
  }, "Plain Mono Button"), /*#__PURE__*/React.createElement(Button, {
166
253
  type: "plainMono",
167
- disabled: true
254
+ disabled: true,
255
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:178"
168
256
  }, "Plain Mono Button"), /*#__PURE__*/React.createElement(Button, {
169
257
  type: "plainMono",
170
- buttonState: "hover"
258
+ buttonState: "hover",
259
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:181"
171
260
  }, "Plain Mono Button"), /*#__PURE__*/React.createElement(Button, {
172
261
  type: "plainMono",
173
- buttonState: "active"
174
- }, "Plain Mono Button"), /*#__PURE__*/React.createElement("div", null, "Plain Mono Inverted"), /*#__PURE__*/React.createElement(Button, {
262
+ buttonState: "active",
263
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:184"
264
+ }, "Plain Mono Button"), /*#__PURE__*/React.createElement("div", {
265
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:188"
266
+ }, "Plain Mono Inverted"), /*#__PURE__*/React.createElement(Button, {
175
267
  type: "plainMono",
176
- inverted: true
268
+ inverted: true,
269
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:189"
177
270
  }, "Plain Mono Inverted"), /*#__PURE__*/React.createElement(Button, {
178
271
  type: "plainMono",
179
272
  inverted: true,
180
- disabled: true
273
+ disabled: true,
274
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:192"
181
275
  }, "Plain Mono Inverted"), /*#__PURE__*/React.createElement(Button, {
182
276
  type: "plainMono",
183
277
  inverted: true,
184
- buttonState: "hover"
278
+ buttonState: "hover",
279
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:195"
185
280
  }, "Plain Mono Inverted"), /*#__PURE__*/React.createElement(Button, {
186
281
  type: "plainMono",
187
282
  inverted: true,
188
- buttonState: "active"
189
- }, "Plain Mono Inverted"), /*#__PURE__*/React.createElement("div", null, "Plain Destructive"), /*#__PURE__*/React.createElement(Button, {
190
- type: "plainDestructive"
283
+ buttonState: "active",
284
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:198"
285
+ }, "Plain Mono Inverted"), /*#__PURE__*/React.createElement("div", {
286
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:202"
287
+ }, "Plain Destructive"), /*#__PURE__*/React.createElement(Button, {
288
+ type: "plainDestructive",
289
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:203"
191
290
  }, "Plain Destructive Button"), /*#__PURE__*/React.createElement(Button, {
192
291
  type: "plainDestructive",
193
- disabled: true
292
+ disabled: true,
293
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:204"
194
294
  }, "Plain Destructive Button"), /*#__PURE__*/React.createElement(Button, {
195
295
  type: "plainDestructive",
196
- buttonState: "hover"
296
+ buttonState: "hover",
297
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:207"
197
298
  }, "Plain Destructive Button"), /*#__PURE__*/React.createElement(Button, {
198
299
  type: "plainDestructive",
199
- buttonState: "active"
200
- }, "Plain Destructive Button"), /*#__PURE__*/React.createElement("div", null, "Plain Destructive Inverted"), /*#__PURE__*/React.createElement(Button, {
300
+ buttonState: "active",
301
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:210"
302
+ }, "Plain Destructive Button"), /*#__PURE__*/React.createElement("div", {
303
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:214"
304
+ }, "Plain Destructive Inverted"), /*#__PURE__*/React.createElement(Button, {
201
305
  type: "plainDestructive",
202
- inverted: true
306
+ inverted: true,
307
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:215"
203
308
  }, "Plain Destructive Inverted"), /*#__PURE__*/React.createElement(Button, {
204
309
  type: "plainDestructive",
205
310
  inverted: true,
206
- disabled: true
311
+ disabled: true,
312
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:218"
207
313
  }, "Plain Destructive Inverted"), /*#__PURE__*/React.createElement(Button, {
208
314
  type: "plainDestructive",
209
315
  inverted: true,
210
- buttonState: "hover"
316
+ buttonState: "hover",
317
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:221"
211
318
  }, "Plain Destructive Inverted"), /*#__PURE__*/React.createElement(Button, {
212
319
  type: "plainDestructive",
213
320
  inverted: true,
214
- buttonState: "active"
321
+ buttonState: "active",
322
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:224"
215
323
  }, "Plain Destructive Inverted"));
216
324
  };
package/es/ButtonGroup.js CHANGED
@@ -38,7 +38,8 @@ var ButtonGroup = _ref => {
38
38
  stretch
39
39
  } = _ref;
40
40
  return /*#__PURE__*/React.createElement("div", {
41
- className: className
41
+ className: className,
42
+ "data-source-file": "@cloudflare/component-button:src/ButtonGroup.tsx:53"
42
43
  }, addGroupProps(children, spaced, space, direction, stretch));
43
44
  };
44
45
 
package/es/IconTextButton.js CHANGED
@@ -16,15 +16,20 @@ var IconTextButton = _ref => {
16
16
  } = _ref;
17
17
  return /*#__PURE__*/React.createElement(TextButton, {
18
18
  type: "button",
19
- onClick: onClick
20
- }, /*#__PURE__*/React.createElement(IconTextWrapper, null, iconPosition === 'left' && /*#__PURE__*/React.createElement(Icon, {
19
+ onClick: onClick,
20
+ "data-source-file": "@cloudflare/component-button:src/IconTextButton.tsx:28"
21
+ }, /*#__PURE__*/React.createElement(IconTextWrapper, {
22
+ "data-source-file": "@cloudflare/component-button:src/IconTextButton.tsx:29"
23
+ }, iconPosition === 'left' && /*#__PURE__*/React.createElement(Icon, {
21
24
  type: iconType,
22
25
  mr: 1,
23
- ariaLabel: iconType
26
+ ariaLabel: iconType,
27
+ "data-source-file": "@cloudflare/component-button:src/IconTextButton.tsx:31"
24
28
  }), children, iconPosition === 'right' && /*#__PURE__*/React.createElement(Icon, {
25
29
  type: iconType,
26
30
  ml: 1,
27
- ariaLabel: iconType
31
+ ariaLabel: iconType,
32
+ "data-source-file": "@cloudflare/component-button:src/IconTextButton.tsx:35"
28
33
  })));
29
34
  };
30
35
 
package/lib/Button.js CHANGED
@@ -292,16 +292,21 @@ var Button = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
292
292
  form: form,
293
293
  tabIndex: tabIndex,
294
294
  ref: ref,
295
- "aria-label": ariaLabel
295
+ "aria-label": ariaLabel,
296
+ "data-source-file": "@cloudflare/component-button:src/Button.tsx:364"
296
297
  }), iconType && iconPosition === 'left' && /*#__PURE__*/_react.default.createElement(_componentIcon.Icon, _extends({
297
298
  size: iconSize,
298
299
  type: iconType,
299
300
  ariaLabel: iconLabel
300
- }, iconProps)), children, iconType && iconPosition === 'right' && /*#__PURE__*/_react.default.createElement(_componentIcon.Icon, _extends({
301
+ }, iconProps, {
302
+ "data-source-file": "@cloudflare/component-button:src/Button.tsx:379"
303
+ })), children, iconType && iconPosition === 'right' && /*#__PURE__*/_react.default.createElement(_componentIcon.Icon, _extends({
301
304
  size: iconSize,
302
305
  type: iconType,
303
306
  ariaLabel: iconLabel
304
- }, iconProps)));
307
+ }, iconProps, {
308
+ "data-source-file": "@cloudflare/component-button:src/Button.tsx:388"
309
+ })));
305
310
  });
306
311
 
307
312
  Button.propTypes = {
package/lib/Button.stories.js CHANGED
@@ -25,206 +25,314 @@ var ButtonTypes = function ButtonTypes() {
25
25
  gridTemplateColumns: 'auto 1fr 1fr 1fr 1fr',
26
26
  gap: '1rem',
27
27
  alignItems: 'center'
28
- }
29
- }, /*#__PURE__*/_react.default.createElement("div", null), " ", /*#__PURE__*/_react.default.createElement("div", null, "resting"), /*#__PURE__*/_react.default.createElement("div", null, "disabled"), /*#__PURE__*/_react.default.createElement("div", null, "hover"), /*#__PURE__*/_react.default.createElement("div", null, "active"), /*#__PURE__*/_react.default.createElement("div", null, "Default"), /*#__PURE__*/_react.default.createElement(_Button.default, null, "Default Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
30
- disabled: true
28
+ },
29
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:13"
30
+ }, /*#__PURE__*/_react.default.createElement("div", {
31
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:22"
32
+ }), " ", /*#__PURE__*/_react.default.createElement("div", {
33
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:23"
34
+ }, "resting"), /*#__PURE__*/_react.default.createElement("div", {
35
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:24"
36
+ }, "disabled"), /*#__PURE__*/_react.default.createElement("div", {
37
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:25"
38
+ }, "hover"), /*#__PURE__*/_react.default.createElement("div", {
39
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:26"
40
+ }, "active"), /*#__PURE__*/_react.default.createElement("div", {
41
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:28"
42
+ }, "Default"), /*#__PURE__*/_react.default.createElement(_Button.default, {
43
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:29"
31
44
  }, "Default Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
32
- buttonState: "hover"
45
+ disabled: true,
46
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:30"
33
47
  }, "Default Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
34
- buttonState: "active"
35
- }, "Default Button"), /*#__PURE__*/_react.default.createElement("div", null, "Default Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
36
- inverted: true
48
+ buttonState: "hover",
49
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:31"
50
+ }, "Default Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
51
+ buttonState: "active",
52
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:32"
53
+ }, "Default Button"), /*#__PURE__*/_react.default.createElement("div", {
54
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:34"
55
+ }, "Default Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
56
+ inverted: true,
57
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:35"
37
58
  }, "Default Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
38
59
  inverted: true,
39
- disabled: true
60
+ disabled: true,
61
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:36"
40
62
  }, "Default Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
41
63
  inverted: true,
42
- buttonState: "hover"
64
+ buttonState: "hover",
65
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:39"
43
66
  }, "Default Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
44
67
  inverted: true,
45
- buttonState: "active"
46
- }, "Default Inverted"), /*#__PURE__*/_react.default.createElement("div", null, "Primary"), /*#__PURE__*/_react.default.createElement(_Button.default, {
47
- type: "primary"
68
+ buttonState: "active",
69
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:42"
70
+ }, "Default Inverted"), /*#__PURE__*/_react.default.createElement("div", {
71
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:46"
72
+ }, "Primary"), /*#__PURE__*/_react.default.createElement(_Button.default, {
73
+ type: "primary",
74
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:47"
48
75
  }, "Primary Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
49
76
  type: "primary",
50
- disabled: true
77
+ disabled: true,
78
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:48"
51
79
  }, "Primary Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
52
80
  type: "primary",
53
- buttonState: "hover"
81
+ buttonState: "hover",
82
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:51"
54
83
  }, "Primary Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
55
84
  type: "primary",
56
- buttonState: "active"
57
- }, "Primary Button"), /*#__PURE__*/_react.default.createElement("div", null, "Primary Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
85
+ buttonState: "active",
86
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:54"
87
+ }, "Primary Button"), /*#__PURE__*/_react.default.createElement("div", {
88
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:58"
89
+ }, "Primary Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
58
90
  type: "primary",
59
- inverted: true
91
+ inverted: true,
92
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:59"
60
93
  }, "Primary Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
61
94
  type: "primary",
62
95
  inverted: true,
63
- disabled: true
96
+ disabled: true,
97
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:62"
64
98
  }, "Primary Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
65
99
  type: "primary",
66
100
  inverted: true,
67
- buttonState: "hover"
101
+ buttonState: "hover",
102
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:65"
68
103
  }, "Primary Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
69
104
  type: "primary",
70
105
  inverted: true,
71
- buttonState: "active"
72
- }, "Primary Inverted"), /*#__PURE__*/_react.default.createElement("div", null, "Success"), /*#__PURE__*/_react.default.createElement(_Button.default, {
73
- type: "success"
106
+ buttonState: "active",
107
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:68"
108
+ }, "Primary Inverted"), /*#__PURE__*/_react.default.createElement("div", {
109
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:72"
110
+ }, "Success"), /*#__PURE__*/_react.default.createElement(_Button.default, {
111
+ type: "success",
112
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:73"
74
113
  }, "Success Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
75
114
  type: "success",
76
- disabled: true
115
+ disabled: true,
116
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:74"
77
117
  }, "Success Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
78
118
  type: "success",
79
- buttonState: "hover"
119
+ buttonState: "hover",
120
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:77"
80
121
  }, "Success Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
81
122
  type: "success",
82
- buttonState: "active"
83
- }, "Success Button"), /*#__PURE__*/_react.default.createElement("div", null, "Success Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
123
+ buttonState: "active",
124
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:80"
125
+ }, "Success Button"), /*#__PURE__*/_react.default.createElement("div", {
126
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:84"
127
+ }, "Success Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
84
128
  type: "success",
85
- inverted: true
129
+ inverted: true,
130
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:85"
86
131
  }, "Success Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
87
132
  type: "success",
88
133
  inverted: true,
89
- disabled: true
134
+ disabled: true,
135
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:88"
90
136
  }, "Success Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
91
137
  type: "success",
92
138
  inverted: true,
93
- buttonState: "hover"
139
+ buttonState: "hover",
140
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:91"
94
141
  }, "Success Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
95
142
  type: "success",
96
143
  inverted: true,
97
- buttonState: "active"
98
- }, "Success Inverted"), /*#__PURE__*/_react.default.createElement("div", null, "Warning"), /*#__PURE__*/_react.default.createElement(_Button.default, {
99
- type: "warning"
144
+ buttonState: "active",
145
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:94"
146
+ }, "Success Inverted"), /*#__PURE__*/_react.default.createElement("div", {
147
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:98"
148
+ }, "Warning"), /*#__PURE__*/_react.default.createElement(_Button.default, {
149
+ type: "warning",
150
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:99"
100
151
  }, "Warning Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
101
152
  type: "warning",
102
- disabled: true
153
+ disabled: true,
154
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:100"
103
155
  }, "Warning Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
104
156
  type: "warning",
105
- buttonState: "hover"
157
+ buttonState: "hover",
158
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:103"
106
159
  }, "Warning Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
107
160
  type: "warning",
108
- buttonState: "active"
109
- }, "Warning Button"), /*#__PURE__*/_react.default.createElement("div", null, "Warning Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
161
+ buttonState: "active",
162
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:106"
163
+ }, "Warning Button"), /*#__PURE__*/_react.default.createElement("div", {
164
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:110"
165
+ }, "Warning Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
110
166
  type: "warning",
111
- inverted: true
167
+ inverted: true,
168
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:111"
112
169
  }, "Warning Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
113
170
  type: "warning",
114
171
  inverted: true,
115
- disabled: true
172
+ disabled: true,
173
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:114"
116
174
  }, "Warning Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
117
175
  type: "warning",
118
176
  inverted: true,
119
- buttonState: "hover"
177
+ buttonState: "hover",
178
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:117"
120
179
  }, "Warning Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
121
180
  type: "warning",
122
181
  inverted: true,
123
- buttonState: "active"
124
- }, "Warning Inverted"), /*#__PURE__*/_react.default.createElement("div", null, "Danger"), /*#__PURE__*/_react.default.createElement(_Button.default, {
125
- type: "danger"
182
+ buttonState: "active",
183
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:120"
184
+ }, "Warning Inverted"), /*#__PURE__*/_react.default.createElement("div", {
185
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:124"
186
+ }, "Danger"), /*#__PURE__*/_react.default.createElement(_Button.default, {
187
+ type: "danger",
188
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:125"
126
189
  }, "Danger Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
127
190
  type: "danger",
128
- disabled: true
191
+ disabled: true,
192
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:126"
129
193
  }, "Danger Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
130
194
  type: "danger",
131
- buttonState: "hover"
195
+ buttonState: "hover",
196
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:129"
132
197
  }, "Danger Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
133
198
  type: "danger",
134
- buttonState: "active"
135
- }, "Danger Button"), /*#__PURE__*/_react.default.createElement("div", null, "Danger Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
199
+ buttonState: "active",
200
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:132"
201
+ }, "Danger Button"), /*#__PURE__*/_react.default.createElement("div", {
202
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:136"
203
+ }, "Danger Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
136
204
  type: "danger",
137
- inverted: true
205
+ inverted: true,
206
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:137"
138
207
  }, "Danger Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
139
208
  type: "danger",
140
209
  inverted: true,
141
- disabled: true
210
+ disabled: true,
211
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:140"
142
212
  }, "Danger Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
143
213
  type: "danger",
144
214
  inverted: true,
145
- buttonState: "hover"
215
+ buttonState: "hover",
216
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:143"
146
217
  }, "Danger Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
147
218
  type: "danger",
148
219
  inverted: true,
149
- buttonState: "active"
150
- }, "Danger Inverted"), /*#__PURE__*/_react.default.createElement("div", null, "Plain"), /*#__PURE__*/_react.default.createElement(_Button.default, {
151
- type: "plain"
220
+ buttonState: "active",
221
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:146"
222
+ }, "Danger Inverted"), /*#__PURE__*/_react.default.createElement("div", {
223
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:150"
224
+ }, "Plain"), /*#__PURE__*/_react.default.createElement(_Button.default, {
225
+ type: "plain",
226
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:151"
152
227
  }, "Plain Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
153
228
  type: "plain",
154
- disabled: true
229
+ disabled: true,
230
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:152"
155
231
  }, "Plain Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
156
232
  type: "plain",
157
- buttonState: "hover"
233
+ buttonState: "hover",
234
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:155"
158
235
  }, "Plain Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
159
236
  type: "plain",
160
- buttonState: "active"
161
- }, "Plain Button"), /*#__PURE__*/_react.default.createElement("div", null, "Plain Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
237
+ buttonState: "active",
238
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:158"
239
+ }, "Plain Button"), /*#__PURE__*/_react.default.createElement("div", {
240
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:162"
241
+ }, "Plain Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
162
242
  type: "plain",
163
- inverted: true
243
+ inverted: true,
244
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:163"
164
245
  }, "Plain Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
165
246
  type: "plain",
166
247
  inverted: true,
167
- disabled: true
248
+ disabled: true,
249
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:166"
168
250
  }, "Plain Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
169
251
  type: "plain",
170
252
  inverted: true,
171
- buttonState: "hover"
253
+ buttonState: "hover",
254
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:169"
172
255
  }, "Plain Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
173
256
  type: "plain",
174
257
  inverted: true,
175
- buttonState: "active"
176
- }, "Plain Inverted"), /*#__PURE__*/_react.default.createElement("div", null, "Plain Mono"), /*#__PURE__*/_react.default.createElement(_Button.default, {
177
- type: "plainMono"
258
+ buttonState: "active",
259
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:172"
260
+ }, "Plain Inverted"), /*#__PURE__*/_react.default.createElement("div", {
261
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:176"
262
+ }, "Plain Mono"), /*#__PURE__*/_react.default.createElement(_Button.default, {
263
+ type: "plainMono",
264
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:177"
178
265
  }, "Plain Mono Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
179
266
  type: "plainMono",
180
- disabled: true
267
+ disabled: true,
268
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:178"
181
269
  }, "Plain Mono Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
182
270
  type: "plainMono",
183
- buttonState: "hover"
271
+ buttonState: "hover",
272
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:181"
184
273
  }, "Plain Mono Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
185
274
  type: "plainMono",
186
- buttonState: "active"
187
- }, "Plain Mono Button"), /*#__PURE__*/_react.default.createElement("div", null, "Plain Mono Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
275
+ buttonState: "active",
276
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:184"
277
+ }, "Plain Mono Button"), /*#__PURE__*/_react.default.createElement("div", {
278
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:188"
279
+ }, "Plain Mono Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
188
280
  type: "plainMono",
189
- inverted: true
281
+ inverted: true,
282
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:189"
190
283
  }, "Plain Mono Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
191
284
  type: "plainMono",
192
285
  inverted: true,
193
- disabled: true
286
+ disabled: true,
287
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:192"
194
288
  }, "Plain Mono Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
195
289
  type: "plainMono",
196
290
  inverted: true,
197
- buttonState: "hover"
291
+ buttonState: "hover",
292
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:195"
198
293
  }, "Plain Mono Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
199
294
  type: "plainMono",
200
295
  inverted: true,
201
- buttonState: "active"
202
- }, "Plain Mono Inverted"), /*#__PURE__*/_react.default.createElement("div", null, "Plain Destructive"), /*#__PURE__*/_react.default.createElement(_Button.default, {
203
- type: "plainDestructive"
296
+ buttonState: "active",
297
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:198"
298
+ }, "Plain Mono Inverted"), /*#__PURE__*/_react.default.createElement("div", {
299
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:202"
300
+ }, "Plain Destructive"), /*#__PURE__*/_react.default.createElement(_Button.default, {
301
+ type: "plainDestructive",
302
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:203"
204
303
  }, "Plain Destructive Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
205
304
  type: "plainDestructive",
206
- disabled: true
305
+ disabled: true,
306
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:204"
207
307
  }, "Plain Destructive Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
208
308
  type: "plainDestructive",
209
- buttonState: "hover"
309
+ buttonState: "hover",
310
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:207"
210
311
  }, "Plain Destructive Button"), /*#__PURE__*/_react.default.createElement(_Button.default, {
211
312
  type: "plainDestructive",
212
- buttonState: "active"
213
- }, "Plain Destructive Button"), /*#__PURE__*/_react.default.createElement("div", null, "Plain Destructive Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
313
+ buttonState: "active",
314
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:210"
315
+ }, "Plain Destructive Button"), /*#__PURE__*/_react.default.createElement("div", {
316
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:214"
317
+ }, "Plain Destructive Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
214
318
  type: "plainDestructive",
215
- inverted: true
319
+ inverted: true,
320
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:215"
216
321
  }, "Plain Destructive Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
217
322
  type: "plainDestructive",
218
323
  inverted: true,
219
- disabled: true
324
+ disabled: true,
325
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:218"
220
326
  }, "Plain Destructive Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
221
327
  type: "plainDestructive",
222
328
  inverted: true,
223
- buttonState: "hover"
329
+ buttonState: "hover",
330
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:221"
224
331
  }, "Plain Destructive Inverted"), /*#__PURE__*/_react.default.createElement(_Button.default, {
225
332
  type: "plainDestructive",
226
333
  inverted: true,
227
- buttonState: "active"
334
+ buttonState: "active",
335
+ "data-source-file": "@cloudflare/component-button:src/Button.stories.tsx:224"
228
336
  }, "Plain Destructive Inverted"));
229
337
  };
230
338
 
package/lib/ButtonGroup.js CHANGED
@@ -50,7 +50,8 @@ var ButtonGroup = function ButtonGroup(_ref) {
50
50
  direction = _ref$direction === void 0 ? 'row' : _ref$direction,
51
51
  stretch = _ref.stretch;
52
52
  return /*#__PURE__*/_react.default.createElement("div", {
53
- className: className
53
+ className: className,
54
+ "data-source-file": "@cloudflare/component-button:src/ButtonGroup.tsx:53"
54
55
  }, addGroupProps(children, spaced, space, direction, stretch));
55
56
  };
56
57
 
package/lib/IconTextButton.js CHANGED
@@ -30,15 +30,20 @@ var IconTextButton = function IconTextButton(_ref) {
30
30
  children = _ref.children;
31
31
  return /*#__PURE__*/_react.default.createElement(_TextButton.default, {
32
32
  type: "button",
33
- onClick: onClick
34
- }, /*#__PURE__*/_react.default.createElement(IconTextWrapper, null, iconPosition === 'left' && /*#__PURE__*/_react.default.createElement(_componentIcon.Icon, {
33
+ onClick: onClick,
34
+ "data-source-file": "@cloudflare/component-button:src/IconTextButton.tsx:28"
35
+ }, /*#__PURE__*/_react.default.createElement(IconTextWrapper, {
36
+ "data-source-file": "@cloudflare/component-button:src/IconTextButton.tsx:29"
37
+ }, iconPosition === 'left' && /*#__PURE__*/_react.default.createElement(_componentIcon.Icon, {
35
38
  type: iconType,
36
39
  mr: 1,
37
- ariaLabel: iconType
40
+ ariaLabel: iconType,
41
+ "data-source-file": "@cloudflare/component-button:src/IconTextButton.tsx:31"
38
42
  }), children, iconPosition === 'right' && /*#__PURE__*/_react.default.createElement(_componentIcon.Icon, {
39
43
  type: iconType,
40
44
  ml: 1,
41
- ariaLabel: iconType
45
+ ariaLabel: iconType,
46
+ "data-source-file": "@cloudflare/component-button:src/IconTextButton.tsx:35"
42
47
  })));
43
48
  };
44
49
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cloudflare/component-button",
3
3
  "description": "Cloudflare Button Component",
4
- "version": "9.5.0",
4
+ "version": "9.5.2",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
7
7
  "author": "James Kyle <jkyle@cloudflare.com>",