@cloudflare/component-button 9.5.2 → 9.5.3

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