@primer/react 38.24.0-rc.1c9c0ee3a → 38.24.0-rc.76f4c2c0c

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 (60) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/Blankslate/Blankslate.d.ts.map +1 -1
  3. package/dist/Blankslate/Blankslate.js +6 -0
  4. package/dist/BranchName/BranchName.js +1 -0
  5. package/dist/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
  6. package/dist/Breadcrumbs/Breadcrumbs.js +3 -0
  7. package/dist/ButtonGroup/ButtonGroup.d.ts.map +1 -1
  8. package/dist/ButtonGroup/ButtonGroup.js +1 -0
  9. package/dist/Checkbox/Checkbox.d.ts +1 -0
  10. package/dist/Checkbox/Checkbox.d.ts.map +1 -1
  11. package/dist/Checkbox/Checkbox.js +10 -5
  12. package/dist/CheckboxGroup/CheckboxGroup.js +1 -0
  13. package/dist/CircleBadge/CircleBadge.d.ts.map +1 -1
  14. package/dist/CircleBadge/CircleBadge.js +44 -28
  15. package/dist/ConfirmationDialog/ConfirmationDialog.d.ts.map +1 -1
  16. package/dist/ConfirmationDialog/ConfirmationDialog.js +1 -0
  17. package/dist/CounterLabel/CounterLabel.d.ts +2 -0
  18. package/dist/CounterLabel/CounterLabel.d.ts.map +1 -1
  19. package/dist/CounterLabel/CounterLabel.js +25 -90
  20. package/dist/Details/Details.d.ts +6 -2
  21. package/dist/Details/Details.d.ts.map +1 -1
  22. package/dist/Details/Details.js +31 -22
  23. package/dist/Dialog/Dialog.d.ts +1 -0
  24. package/dist/Dialog/Dialog.d.ts.map +1 -1
  25. package/dist/Dialog/Dialog.js +16 -6
  26. package/dist/Flash/Flash.d.ts.map +1 -1
  27. package/dist/Flash/Flash.js +2 -1
  28. package/dist/FormControl/FormControl.d.ts.map +1 -1
  29. package/dist/FormControl/FormControl.js +2 -0
  30. package/dist/FormControl/FormControlCaption.d.ts.map +1 -1
  31. package/dist/FormControl/FormControlCaption.js +1 -0
  32. package/dist/FormControl/FormControlLabel.d.ts.map +1 -1
  33. package/dist/FormControl/FormControlLabel.js +1 -0
  34. package/dist/FormControl/FormControlLeadingVisual.d.ts.map +1 -1
  35. package/dist/FormControl/FormControlLeadingVisual.js +1 -0
  36. package/dist/FormControl/_FormControlValidation.d.ts.map +1 -1
  37. package/dist/FormControl/_FormControlValidation.js +1 -0
  38. package/dist/Header/Header.d.ts.map +1 -1
  39. package/dist/Header/Header.js +3 -0
  40. package/dist/Heading/Heading.d.ts.map +1 -1
  41. package/dist/Heading/Heading.js +1 -0
  42. package/dist/Timeline/{Timeline-ad31a7fb.css → Timeline-05decc91.css} +2 -2
  43. package/dist/Timeline/Timeline-05decc91.css.map +1 -0
  44. package/dist/Timeline/Timeline.module.css.js +1 -1
  45. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.d.ts +1 -0
  46. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.d.ts.map +1 -1
  47. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.js +5 -2
  48. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.d.ts.map +1 -1
  49. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.js +3 -1
  50. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupContext.d.ts +1 -0
  51. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupContext.d.ts.map +1 -1
  52. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.d.ts.map +1 -1
  53. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.js +3 -1
  54. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.d.ts.map +1 -1
  55. package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.js +3 -1
  56. package/dist/internal/components/InputValidation.d.ts +2 -1
  57. package/dist/internal/components/InputValidation.d.ts.map +1 -1
  58. package/dist/internal/components/InputValidation.js +64 -33
  59. package/package.json +1 -1
  60. package/dist/Timeline/Timeline-ad31a7fb.css.map +0 -1
package/CHANGELOG.md CHANGED
@@ -20,6 +20,14 @@
20
20
  </ActionList>
21
21
  ```
22
22
 
23
+ - [#7776](https://github.com/primer/react/pull/7776) [`d6f61c1`](https://github.com/primer/react/commit/d6f61c1e197b52eb75cff97299bfac4caedcc1ac) Thanks [@llastflowers](https://github.com/llastflowers)! - Add `data-component` attributes for Blankslate, BranchName, Breadcrumbs, ButtonGroup, Checkbox, CheckboxGroup, CircleBadge, ConfirmationDialog, CounterLabel, and Dialog to provide stable selectors.
24
+
25
+ - [#7819](https://github.com/primer/react/pull/7819) [`8ed6149`](https://github.com/primer/react/commit/8ed6149b45093449c6e12a71a374618fe282d6a1) Thanks [@llastflowers](https://github.com/llastflowers)! - Add `data-component` attributes for Details, Flash, FormControl (+ update InputValidation to forward from FormControl.Validation), Header, and Heading.
26
+
27
+ ### Patch Changes
28
+
29
+ - [#7833](https://github.com/primer/react/pull/7833) [`dfed7ca`](https://github.com/primer/react/commit/dfed7ca73532922ec0526dd85afcf7ae471c566e) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - Timeline: Remove border override from TimelineBadge when variant is set
30
+
23
31
  ## 38.23.0
24
32
 
25
33
  ### Minor Changes
@@ -1 +1 @@
1
- {"version":3,"file":"Blankslate.d.ts","sourceRoot":"","sources":["../../src/Blankslate/Blankslate.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IACzD;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACpC,CAAA;AAED,iBAAS,UAAU,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAe,EAAE,GAAG,IAAI,EAAC,EAAE,eAAe,qBAsB7G;AAED,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAE9D,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAC,EAAE,qBAAqB,qBAMpE;AAED,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IAChE,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC7C,CAAA;AAED,iBAAS,OAAO,CAAC,EAAC,EAAE,EAAE,SAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAC,EAAE,sBAAsB,qBAM5F;AAED,KAAK,0BAA0B,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAEnE,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAC,EAAE,0BAA0B,qBAM9E;AAED,KAAK,4BAA4B,GAC7B,CAAC,KAAK,CAAC,iBAAiB,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAA;CACb,CAAC,GACA,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC,GAC3C,KAAK,CAAC,iBAAiB,CAAC;IACtB,IAAI,EAAE,MAAM,CAAA;CACb,CAAC,CAAA;AAEN,iBAAS,aAAa,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,4BAA4B,qBAe9E;AAED,KAAK,8BAA8B,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC5D,IAAI,EAAE,MAAM,CAAA;CACb,CAAC,CAAA;AAEF,iBAAS,eAAe,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAC,EAAE,8BAA8B,qBAMxE;AAED,OAAO,EAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,eAAe,EAAC,CAAA;AACjF,YAAY,EACV,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,0BAA0B,EAC1B,4BAA4B,EAC5B,8BAA8B,GAC/B,CAAA"}
1
+ {"version":3,"file":"Blankslate.d.ts","sourceRoot":"","sources":["../../src/Blankslate/Blankslate.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IACzD;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACpC,CAAA;AAED,iBAAS,UAAU,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAe,EAAE,GAAG,IAAI,EAAC,EAAE,eAAe,qBAuB7G;AAED,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAE9D,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAC,EAAE,qBAAqB,qBAMpE;AAED,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IAChE,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC7C,CAAA;AAED,iBAAS,OAAO,CAAC,EAAC,EAAE,EAAE,SAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAC,EAAE,sBAAsB,qBAU5F;AAED,KAAK,0BAA0B,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAEnE,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAC,EAAE,0BAA0B,qBAU9E;AAED,KAAK,4BAA4B,GAC7B,CAAC,KAAK,CAAC,iBAAiB,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAA;CACb,CAAC,GACA,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC,GAC3C,KAAK,CAAC,iBAAiB,CAAC;IACtB,IAAI,EAAE,MAAM,CAAA;CACb,CAAC,CAAA;AAEN,iBAAS,aAAa,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,4BAA4B,qBAe9E;AAED,KAAK,8BAA8B,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC5D,IAAI,EAAE,MAAM,CAAA;CACb,CAAC,CAAA;AAEF,iBAAS,eAAe,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAC,EAAE,8BAA8B,qBAMxE;AAED,OAAO,EAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,eAAe,EAAC,CAAA;AACjF,YAAY,EACV,eAAe,EACf,qBAAqB,EACrB,sBAAsB,EACtB,0BAA0B,EAC1B,4BAA4B,EAC5B,8BAA8B,GAC/B,CAAA"}
@@ -70,6 +70,7 @@ function Blankslate(t0) {
70
70
  if ($[12] !== children || $[13] !== size || $[14] !== t3 || $[15] !== t4 || $[16] !== t5 || $[17] !== t6) {
71
71
  t7 = /*#__PURE__*/jsx("div", {
72
72
  className: t3,
73
+ "data-component": "Blankslate",
73
74
  "data-border": t4,
74
75
  "data-narrow": t5,
75
76
  "data-spacious": t6,
@@ -146,6 +147,7 @@ function Visual(t0) {
146
147
  t2 = /*#__PURE__*/jsx("span", {
147
148
  ...rest,
148
149
  className: t1,
150
+ "data-component": "Blankslate.Visual",
149
151
  children: children
150
152
  });
151
153
  $[6] = children;
@@ -195,6 +197,7 @@ function Heading(t0) {
195
197
  t3 = /*#__PURE__*/jsx(Component, {
196
198
  ...rest,
197
199
  className: t2,
200
+ "data-component": "Blankslate.Heading",
198
201
  children: children
199
202
  });
200
203
  $[7] = Component;
@@ -240,6 +243,7 @@ function Description(t0) {
240
243
  t2 = /*#__PURE__*/jsx("p", {
241
244
  ...rest,
242
245
  className: t1,
246
+ "data-component": "Blankslate.Description",
243
247
  children: children
244
248
  });
245
249
  $[6] = children;
@@ -287,6 +291,7 @@ function PrimaryAction(t0) {
287
291
  if ($[5] !== children || $[6] !== href || $[7] !== props || $[8] !== t2 || $[9] !== t3) {
288
292
  t4 = /*#__PURE__*/jsx("div", {
289
293
  className: t1,
294
+ "data-component": "Blankslate.PrimaryAction",
290
295
  children: /*#__PURE__*/jsx(ButtonComponent, {
291
296
  ...props,
292
297
  as: t2,
@@ -324,6 +329,7 @@ function SecondaryAction(t0) {
324
329
  if ($[1] !== children || $[2] !== href) {
325
330
  t2 = /*#__PURE__*/jsx("div", {
326
331
  className: t1,
332
+ "data-component": "Blankslate.SecondaryAction",
327
333
  children: /*#__PURE__*/jsx(Link, {
328
334
  href: href,
329
335
  children: children
@@ -44,6 +44,7 @@ function BranchName(props, ref) {
44
44
  ...rest,
45
45
  ref: ref,
46
46
  className: t1,
47
+ "data-component": "BranchName",
47
48
  children: children
48
49
  });
49
50
  $[7] = Component;
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,SAAS,CAAA;AAC/B,OAAO,KAA6E,MAAM,OAAO,CAAA;AAUjG,OAAO,EAAC,KAAK,gBAAgB,EAAkB,MAAM,6BAA6B,CAAA;AAElF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACrD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,gBAAgB,CAAA;IAC7C;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAC,CAAA;AA8GF,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAiB,EAAE,OAAkB,EAAC,EAAE,gBAAgB,qBAmMzG;kBAnMQ,WAAW;;;AA+MpB,KAAK,0BAA0B,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI,gBAAgB,CACpF,EAAE,EACF,GAAG,EACH;IACE,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CACF,CAAA;AAsBD,MAAM,MAAM,oBAAoB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI,0BAA0B,CAAC,EAAE,CAAC,CAAA;;YAnBlG,EAAE,SAAS,KAAK,CAAC,WAAW;aANtB,EAAE;mBACI,OAAO;;aADb,EAAE;mBACI,OAAO;;;;;;;AA2BtB,wBAAiF;AAEjF;;GAEG;AACH,eAAO,MAAM,UAAU;WA3BpB,EAAE,SAAS,KAAK,CAAC,WAAW;aANtB,EAAE;mBACI,OAAO;;aADb,EAAE;mBACI,OAAO;;;;CAgCuD,CAAA;AAE7E;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,gBAAgB,CAAA;AAE9C;;GAEG;AACH,MAAM,MAAM,mBAAmB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI,oBAAoB,CAAC,EAAE,CAAC,CAAA"}
1
+ {"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,SAAS,CAAA;AAC/B,OAAO,KAA6E,MAAM,OAAO,CAAA;AAUjG,OAAO,EAAC,KAAK,gBAAgB,EAAkB,MAAM,6BAA6B,CAAA;AAElF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACrD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,gBAAgB,CAAA;IAC7C;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAC,CAAA;AA8GF,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAiB,EAAE,OAAkB,EAAC,EAAE,gBAAgB,qBAoMzG;kBApMQ,WAAW;;;AAgNpB,KAAK,0BAA0B,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI,gBAAgB,CACpF,EAAE,EACF,GAAG,EACH;IACE,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CACF,CAAA;AAuBD,MAAM,MAAM,oBAAoB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI,0BAA0B,CAAC,EAAE,CAAC,CAAA;;YApBlG,EAAE,SAAS,KAAK,CAAC,WAAW;aANtB,EAAE;mBACI,OAAO;;aADb,EAAE;mBACI,OAAO;;;;;;;AA4BtB,wBAAiF;AAEjF;;GAEG;AACH,eAAO,MAAM,UAAU;WA5BpB,EAAE,SAAS,KAAK,CAAC,WAAW;aANtB,EAAE;mBACI,OAAO;;aADb,EAAE;mBACI,OAAO;;;;CAiCuD,CAAA;AAE7E;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,gBAAgB,CAAA;AAE9C;;GAEG;AACH,MAAM,MAAM,mBAAmB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI,oBAAoB,CAAC,EAAE,CAAC,CAAA"}
@@ -189,6 +189,7 @@ const BreadcrumbsMenuItem = /*#__PURE__*/React.forwardRef((t0, menuRefCallback)
189
189
  t13 = /*#__PURE__*/jsxs(Details, {
190
190
  ref: detailsRefCallback,
191
191
  className: classes.MenuDetails,
192
+ "data-component": "Breadcrumbs.MenuItem",
192
193
  children: [t10, t12]
193
194
  });
194
195
  $[21] = detailsRefCallback;
@@ -362,6 +363,7 @@ function Breadcrumbs({
362
363
  ref: containerRef,
363
364
  "data-overflow": overflow,
364
365
  "data-variant": variant,
366
+ "data-component": "Breadcrumbs",
365
367
  children: /*#__PURE__*/jsx(BreadcrumbsList, {
366
368
  children: finalChildren
367
369
  })
@@ -403,6 +405,7 @@ const BreadcrumbsItem = fixedForwardRef((props, ref) => {
403
405
  className: clsx(className, classes.Item, selected && 'selected'),
404
406
  "aria-current": selected ? 'page' : undefined,
405
407
  ref: ref,
408
+ "data-component": "Breadcrumbs.Item",
406
409
  ...rest
407
410
  });
408
411
  });
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAKnD,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE/F,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;IAC/C,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,QAAA,MAAM,WAAW,EAoBX,8BAA8B,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAA;AAI7D,eAAe,WAAW,CAAA"}
1
+ {"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAKnD,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE/F,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;IAC/C,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,QAAA,MAAM,WAAW,EA0BX,8BAA8B,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAA;AAI7D,eAAe,WAAW,CAAA"}
@@ -77,6 +77,7 @@ const ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(t0, forwa
77
77
  className: t5,
78
78
  role: role,
79
79
  ...rest,
80
+ "data-component": "ButtonGroup",
80
81
  children: buttons
81
82
  });
82
83
  $[13] = BaseComponent;
@@ -27,6 +27,7 @@ export type CheckboxProps = {
27
27
  * Used during form submission and to identify which checkbox inputs are selected
28
28
  */
29
29
  value?: string;
30
+ 'data-component'?: string;
30
31
  } & Exclude<InputHTMLAttributes<HTMLInputElement>, 'value'>;
31
32
  /**
32
33
  * An accessible, native checkbox component
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAiD,KAAK,mBAAmB,EAAoB,MAAM,OAAO,CAAA;AAExH,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAA;AAI7E,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAElD,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,OAAO,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,CAAA;AAE3D;;GAEG;AACH,QAAA,MAAM,QAAQ,qGAqDb,CAAA;wBAK0B,cAAc,CAAC,OAAO,QAAQ,CAAC;AAA1D,wBAA0D"}
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAiD,KAAK,mBAAmB,EAAoB,MAAM,OAAO,CAAA;AAExH,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAA;AAI7E,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAElD,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,GAAG,OAAO,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,CAAA;AAE3D;;GAEG;AACH,QAAA,MAAM,QAAQ,qGAuEb,CAAA;wBAK0B,cAAc,CAAC,OAAO,QAAQ,CAAC;AAA1D,wBAA0D"}
@@ -20,6 +20,7 @@ const Checkbox = /*#__PURE__*/React.forwardRef(({
20
20
  required,
21
21
  validationStatus,
22
22
  value,
23
+ ['data-component']: dataComponent,
23
24
  ...rest
24
25
  }, ref
25
26
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -66,11 +67,15 @@ const Checkbox = /*#__PURE__*/React.forwardRef(({
66
67
  checkbox.setAttribute('aria-checked', checkbox.checked ? 'true' : 'false');
67
68
  }
68
69
  });
69
- // @ts-expect-error inputProp needs a non nullable ref
70
- return /*#__PURE__*/jsx("input", {
71
- ...inputProps,
72
- className: clsx(className, sharedClasses.Input, classes.Checkbox)
73
- });
70
+ return (
71
+ /*#__PURE__*/
72
+ // @ts-expect-error inputProp needs a non nullable ref
73
+ jsx("input", {
74
+ ...inputProps,
75
+ "data-component": dataComponent !== null && dataComponent !== void 0 ? dataComponent : 'Checkbox',
76
+ className: clsx(className, sharedClasses.Input, classes.Checkbox)
77
+ })
78
+ );
74
79
  });
75
80
  Checkbox.displayName = 'Checkbox';
76
81
  Checkbox.__SLOT__ = Symbol('Checkbox');
@@ -96,6 +96,7 @@ const CheckboxGroup = t0 => {
96
96
  let t5;
97
97
  if ($[17] !== children || $[18] !== disabled || $[19] !== rest) {
98
98
  t5 = /*#__PURE__*/jsx(CheckboxOrRadioGroup, {
99
+ "data-component": "CheckboxGroup",
99
100
  disabled: disabled,
100
101
  ...rest,
101
102
  children: children
@@ -1 +1 @@
1
- {"version":3,"file":"CircleBadge.d.ts","sourceRoot":"","sources":["../../src/CircleBadge/CircleBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAGlD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,YAAY,CAAA;AAG5C,QAAA,MAAM,YAAY;;;;CAIjB,CAAA;AAED,MAAM,MAAM,gBAAgB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,OAAO,YAAY,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,WAAW,SAAS,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC,CAAA;AAmBxE,QAAA,MAAM,eAAe;YAAW,YAAY;;CAA8D,CAAA;AAI1G,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAA;AAEzE;;;GAGG;0BAlBkB,EAAE,SAAS,KAAK,CAAC,WAAW,+BAAqC,gBAAgB,CAAC,EAAE,CAAC;;gBAS1E,YAAY;;;;AAU5C,wBAAkE"}
1
+ {"version":3,"file":"CircleBadge.d.ts","sourceRoot":"","sources":["../../src/CircleBadge/CircleBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAGlD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,YAAY,CAAA;AAG5C,QAAA,MAAM,YAAY;;;;CAIjB,CAAA;AAED,MAAM,MAAM,gBAAgB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,OAAO,YAAY,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,WAAW,SAAS,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC,CAAA;AAoBxE,QAAA,MAAM,eAAe;YAAW,YAAY;;CAE3C,CAAA;AAID,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAA;AAEzE;;;GAGG;0BArBkB,EAAE,SAAS,KAAK,CAAC,WAAW,+BAAqC,gBAAgB,CAAC,EAAE,CAAC;;gBAU1E,YAAY;;;;AAY5C,wBAAkE"}
@@ -21,69 +21,85 @@ const sizeStyles = ({
21
21
  };
22
22
  };
23
23
  const CircleBadge = t0 => {
24
- const $ = c(12);
24
+ const $ = c(14);
25
25
  let T0;
26
26
  let t1;
27
27
  let t2;
28
28
  let t3;
29
29
  let t4;
30
+ let t5;
30
31
  if ($[0] !== t0) {
31
32
  const {
32
- as: t5,
33
+ as: t6,
33
34
  ...props
34
35
  } = t0;
35
- const Component = t5 === undefined ? "div" : t5;
36
+ const Component = t6 === undefined ? "div" : t6;
36
37
  T0 = Component;
37
38
  t1 = props;
38
- t2 = clsx(styles.CircleBadge, props.className);
39
- t3 = props.inline ? "" : undefined;
40
- t4 = sizeStyles(props);
39
+ t2 = "CircleBadge";
40
+ t3 = clsx(styles.CircleBadge, props.className);
41
+ t4 = props.inline ? "" : undefined;
42
+ t5 = sizeStyles(props);
41
43
  $[0] = t0;
42
44
  $[1] = T0;
43
45
  $[2] = t1;
44
46
  $[3] = t2;
45
47
  $[4] = t3;
46
48
  $[5] = t4;
49
+ $[6] = t5;
47
50
  } else {
48
51
  T0 = $[1];
49
52
  t1 = $[2];
50
53
  t2 = $[3];
51
54
  t3 = $[4];
52
55
  t4 = $[5];
56
+ t5 = $[6];
53
57
  }
54
- let t5;
55
- if ($[6] !== T0 || $[7] !== t1 || $[8] !== t2 || $[9] !== t3 || $[10] !== t4) {
56
- t5 = /*#__PURE__*/jsx(T0, {
58
+ let t6;
59
+ if ($[7] !== T0 || $[8] !== t1 || $[9] !== t2 || $[10] !== t3 || $[11] !== t4 || $[12] !== t5) {
60
+ t6 = /*#__PURE__*/jsx(T0, {
57
61
  ...t1,
58
- className: t2,
59
- "data-inline": t3,
60
- style: t4
62
+ "data-component": t2,
63
+ className: t3,
64
+ "data-inline": t4,
65
+ style: t5
61
66
  });
62
- $[6] = T0;
63
- $[7] = t1;
64
- $[8] = t2;
65
- $[9] = t3;
66
- $[10] = t4;
67
- $[11] = t5;
67
+ $[7] = T0;
68
+ $[8] = t1;
69
+ $[9] = t2;
70
+ $[10] = t3;
71
+ $[11] = t4;
72
+ $[12] = t5;
73
+ $[13] = t6;
68
74
  } else {
69
- t5 = $[11];
75
+ t6 = $[13];
70
76
  }
71
- return t5;
77
+ return t6;
72
78
  };
73
79
  const CircleBadgeIcon = props => {
74
- const $ = c(2);
80
+ const $ = c(5);
75
81
  let t0;
76
- if ($[0] !== props) {
77
- t0 = /*#__PURE__*/jsx(Octicon, {
78
- className: styles.CircleBadgeIcon,
79
- ...props
80
- });
81
- $[0] = props;
82
+ if ($[0] !== props.className) {
83
+ t0 = clsx(styles.CircleBadgeIcon, props.className);
84
+ $[0] = props.className;
82
85
  $[1] = t0;
83
86
  } else {
84
87
  t0 = $[1];
85
88
  }
86
- return t0;
89
+ let t1;
90
+ if ($[2] !== props || $[3] !== t0) {
91
+ t1 = /*#__PURE__*/jsx(Octicon, {
92
+ ...props,
93
+ "data-component": "CircleBadge.Icon",
94
+ className: t0
95
+ });
96
+ $[2] = props;
97
+ $[3] = t0;
98
+ $[4] = t1;
99
+ } else {
100
+ t1 = $[4];
101
+ }
102
+ return t1;
87
103
  };
88
104
  CircleBadgeIcon.displayName = 'CircleBadge.Icon';
89
105
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../src/ConfirmationDialog/ConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAoB,WAAW,EAAE,YAAY,EAAC,MAAM,WAAW,CAAA;AAI3E;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,GAAG,cAAc,GAAG,QAAQ,GAAG,QAAQ,KAAK,IAAI,CAAA;IAE5E;;;OAGG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtB;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAErC;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtC;;OAEG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;IAEnD;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAE9B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAE1C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IAEnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAAC,CAoDzF,CAAA;AAGD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,GAAG;IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,CAAA;AAyBlG;;;;GAIG;AACH,wBAAgB,UAAU,cACa,cAAc,sBAIpD"}
1
+ {"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../src/ConfirmationDialog/ConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAoB,WAAW,EAAE,YAAY,EAAC,MAAM,WAAW,CAAA;AAI3E;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,GAAG,cAAc,GAAG,QAAQ,GAAG,QAAQ,KAAK,IAAI,CAAA;IAE5E;;;OAGG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtB;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAErC;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtC;;OAEG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;IAEnD;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAE9B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAE1C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IAEnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAAC,CAqDzF,CAAA;AAGD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,GAAG;IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,CAAA;AAyBlG;;;;GAIG;AACH,wBAAgB,UAAU,cACa,cAAc,sBAIpD"}
@@ -48,6 +48,7 @@ const ConfirmationDialog = props => {
48
48
  };
49
49
  const footerButtons = [cancelButton, confirmButton];
50
50
  return /*#__PURE__*/jsx(Dialog, {
51
+ "data-component": "ConfirmationDialog",
51
52
  onClose: onClose,
52
53
  title: title,
53
54
  footerButtons: footerButtons,
@@ -5,12 +5,14 @@ export type CounterLabelProps = React.PropsWithChildren<HTMLAttributes<HTMLSpanE
5
5
  scheme?: 'primary' | 'secondary';
6
6
  variant?: 'primary' | 'secondary';
7
7
  className?: string;
8
+ 'data-component'?: string;
8
9
  }>;
9
10
  declare const CounterLabel: React.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
10
11
  /** @deprecated use variant instead */
11
12
  scheme?: "primary" | "secondary";
12
13
  variant?: "primary" | "secondary";
13
14
  className?: string;
15
+ 'data-component'?: string;
14
16
  } & {
15
17
  children?: React.ReactNode | undefined;
16
18
  } & React.RefAttributes<HTMLSpanElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"CounterLabel.d.ts","sourceRoot":"","sources":["../../src/CounterLabel/CounterLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CACrD,cAAc,CAAC,eAAe,CAAC,GAAG;IAChC,sCAAsC;IACtC,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAChC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CACF,CAAA;AAED,QAAA,MAAM,YAAY;IAPd,sCAAsC;aAC7B,SAAS,GAAG,WAAW;cACtB,SAAS,GAAG,WAAW;gBACrB,MAAM;;;yCA0BrB,CAAA;AAID,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"CounterLabel.d.ts","sourceRoot":"","sources":["../../src/CounterLabel/CounterLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CACrD,cAAc,CAAC,eAAe,CAAC,GAAG;IAChC,sCAAsC;IACtC,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAChC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CACF,CAAA;AAED,QAAA,MAAM,YAAY;IARd,sCAAsC;aAC7B,SAAS,GAAG,WAAW;cACtB,SAAS,GAAG,WAAW;gBACrB,MAAM;uBACC,MAAM;;;yCA8B5B,CAAA;AAID,eAAe,YAAY,CAAA"}
@@ -1,100 +1,35 @@
1
- import { c } from 'react-compiler-runtime';
2
1
  import { clsx } from 'clsx';
3
2
  import { forwardRef } from 'react';
4
3
  import classes from './CounterLabel.module.css.js';
5
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
4
+ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
6
5
  import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
7
6
 
8
- const CounterLabel = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
9
- const $ = c(21);
10
- let children;
11
- let className;
12
- let rest;
13
- let scheme;
14
- let variant;
15
- if ($[0] !== t0) {
16
- ({
17
- variant,
18
- scheme,
19
- className,
20
- children,
21
- ...rest
22
- } = t0);
23
- $[0] = t0;
24
- $[1] = children;
25
- $[2] = className;
26
- $[3] = rest;
27
- $[4] = scheme;
28
- $[5] = variant;
29
- } else {
30
- children = $[1];
31
- className = $[2];
32
- rest = $[3];
33
- scheme = $[4];
34
- variant = $[5];
35
- }
36
- let t1;
37
- if ($[6] !== children) {
38
- t1 = /*#__PURE__*/jsxs(VisuallyHidden, {
39
- children: ["\xA0(", children, ")"]
40
- });
41
- $[6] = children;
42
- $[7] = t1;
43
- } else {
44
- t1 = $[7];
45
- }
46
- const label = t1;
47
- const inferredVariant = variant || scheme || "secondary";
48
- let t2;
49
- if ($[8] !== forwardedRef || $[9] !== inferredVariant || $[10] !== rest) {
50
- t2 = {
51
- ref: forwardedRef,
52
- "aria-hidden": "true",
53
- "data-variant": inferredVariant,
54
- ...rest
55
- };
56
- $[8] = forwardedRef;
57
- $[9] = inferredVariant;
58
- $[10] = rest;
59
- $[11] = t2;
60
- } else {
61
- t2 = $[11];
62
- }
63
- const counterProps = t2;
64
- let t3;
65
- if ($[12] !== className) {
66
- t3 = clsx(className, classes.CounterLabel);
67
- $[12] = className;
68
- $[13] = t3;
69
- } else {
70
- t3 = $[13];
71
- }
72
- let t4;
73
- if ($[14] !== children || $[15] !== counterProps || $[16] !== t3) {
74
- t4 = /*#__PURE__*/jsx("span", {
7
+ const CounterLabel = /*#__PURE__*/forwardRef(({
8
+ variant,
9
+ scheme,
10
+ className,
11
+ children,
12
+ ['data-component']: dataComponent,
13
+ ...rest
14
+ }, forwardedRef) => {
15
+ const label = /*#__PURE__*/jsxs(VisuallyHidden, {
16
+ children: ["\xA0(", children, ")"]
17
+ });
18
+ const inferredVariant = variant || scheme || 'secondary';
19
+ const counterProps = {
20
+ ref: forwardedRef,
21
+ ['aria-hidden']: 'true',
22
+ ['data-variant']: inferredVariant,
23
+ ...rest
24
+ };
25
+ return /*#__PURE__*/jsxs(Fragment, {
26
+ children: [/*#__PURE__*/jsx("span", {
75
27
  ...counterProps,
76
- className: t3,
28
+ "data-component": dataComponent !== null && dataComponent !== void 0 ? dataComponent : 'CounterLabel',
29
+ className: clsx(className, classes.CounterLabel),
77
30
  children: children
78
- });
79
- $[14] = children;
80
- $[15] = counterProps;
81
- $[16] = t3;
82
- $[17] = t4;
83
- } else {
84
- t4 = $[17];
85
- }
86
- let t5;
87
- if ($[18] !== label || $[19] !== t4) {
88
- t5 = /*#__PURE__*/jsxs(Fragment, {
89
- children: [t4, label]
90
- });
91
- $[18] = label;
92
- $[19] = t4;
93
- $[20] = t5;
94
- } else {
95
- t5 = $[20];
96
- }
97
- return t5;
31
+ }), label]
32
+ });
98
33
  });
99
34
  CounterLabel.displayName = 'CounterLabel';
100
35
 
@@ -11,9 +11,13 @@ declare namespace Summary {
11
11
  var displayName: string;
12
12
  }
13
13
  export { Summary };
14
- declare const Details: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, "ref"> & React.RefAttributes<HTMLDetailsElement>> & {
14
+ declare const Details: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, "ref"> & {
15
+ 'data-component'?: string;
16
+ } & React.RefAttributes<HTMLDetailsElement>> & {
15
17
  Summary: typeof Summary;
16
18
  };
17
- export type DetailsProps = ComponentPropsWithoutRef<'details'>;
19
+ export type DetailsProps = ComponentPropsWithoutRef<'details'> & {
20
+ 'data-component'?: string;
21
+ };
18
22
  export default Details;
19
23
  //# sourceMappingURL=Details.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../src/Details/Details.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,KAAK,wBAAwB,EAAoB,MAAM,OAAO,CAAA;AAsCxF,MAAM,MAAM,YAAY,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI;IACvD;;OAEG;IACH,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,WAAW,SAAS,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC,CAAA;AAEjF,iBAAS,OAAO,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,EAAE,EAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,YAAY,CAAC,EAAE,CAAC,qBAOxF;kBAPQ,OAAO;;;AAUhB,OAAO,EAAC,OAAO,EAAC,CAAA;AAEhB,QAAA,MAAM,OAAO;;CAEX,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,wBAAwB,CAAC,SAAS,CAAC,CAAA;AAC9D,eAAe,OAAO,CAAA"}
1
+ {"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../src/Details/Details.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,KAAK,wBAAwB,EAAoB,MAAM,OAAO,CAAA;AA2CxF,MAAM,MAAM,YAAY,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI;IACvD;;OAEG;IACH,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,WAAW,SAAS,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC,CAAA;AAEjF,iBAAS,OAAO,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,EAAE,EAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,YAAY,CAAC,EAAE,CAAC,qBAOxF;kBAPQ,OAAO;;;AAUhB,OAAO,EAAC,OAAO,EAAC,CAAA;AAEhB,QAAA,MAAM,OAAO;uBAKQ,MAAM;;;CAHzB,CAAA;AAEF,MAAM,MAAM,YAAY,GAAG,wBAAwB,CAAC,SAAS,CAAC,GAAG;IAC/D,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AACD,eAAe,OAAO,CAAA"}
@@ -9,30 +9,35 @@ import { jsx } from 'react/jsx-runtime';
9
9
  const Root = /*#__PURE__*/React.forwardRef(
10
10
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
11
11
  (t0, forwardRef) => {
12
- const $ = c(13);
12
+ var _dataComponent;
13
+ const $ = c(15);
13
14
  let children;
14
15
  let className;
16
+ let dataComponent;
15
17
  let rest;
16
18
  if ($[0] !== t0) {
17
19
  ({
18
20
  className,
19
21
  children,
22
+ "data-component": dataComponent,
20
23
  ...rest
21
24
  } = t0);
22
25
  $[0] = t0;
23
26
  $[1] = children;
24
27
  $[2] = className;
25
- $[3] = rest;
28
+ $[3] = dataComponent;
29
+ $[4] = rest;
26
30
  } else {
27
31
  children = $[1];
28
32
  className = $[2];
29
- rest = $[3];
33
+ dataComponent = $[3];
34
+ rest = $[4];
30
35
  }
31
36
  const detailsRef = React.useRef(null);
32
37
  const ref = useMergedRefs(forwardRef, detailsRef);
33
38
  let t1;
34
39
  let t2;
35
- if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
40
+ if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
36
41
  t1 = () => {
37
42
  if (!(process.env.NODE_ENV !== "production")) {
38
43
  return;
@@ -47,38 +52,41 @@ const Root = /*#__PURE__*/React.forwardRef(
47
52
  process.env.NODE_ENV !== "production" ? warning(summary === null, "The <Details> component must have a <summary> child component. You can either use <Details.Summary> or a native <summary> element.") : void 0;
48
53
  };
49
54
  t2 = [];
50
- $[4] = t1;
51
- $[5] = t2;
55
+ $[5] = t1;
56
+ $[6] = t2;
52
57
  } else {
53
- t1 = $[4];
54
- t2 = $[5];
58
+ t1 = $[5];
59
+ t2 = $[6];
55
60
  }
56
61
  useEffect(t1, t2);
57
62
  let t3;
58
- if ($[6] !== className) {
63
+ if ($[7] !== className) {
59
64
  t3 = clsx(className, classes.Details);
60
- $[6] = className;
61
- $[7] = t3;
65
+ $[7] = className;
66
+ $[8] = t3;
62
67
  } else {
63
- t3 = $[7];
68
+ t3 = $[8];
64
69
  }
65
- let t4;
66
- if ($[8] !== children || $[9] !== ref || $[10] !== rest || $[11] !== t3) {
67
- t4 = /*#__PURE__*/jsx("details", {
70
+ const t4 = (_dataComponent = dataComponent) !== null && _dataComponent !== void 0 ? _dataComponent : "Details";
71
+ let t5;
72
+ if ($[9] !== children || $[10] !== ref || $[11] !== rest || $[12] !== t3 || $[13] !== t4) {
73
+ t5 = /*#__PURE__*/jsx("details", {
68
74
  className: t3,
69
75
  ...rest,
70
76
  ref: ref,
77
+ "data-component": t4,
71
78
  children: children
72
79
  });
73
- $[8] = children;
74
- $[9] = ref;
75
- $[10] = rest;
76
- $[11] = t3;
77
- $[12] = t4;
80
+ $[9] = children;
81
+ $[10] = ref;
82
+ $[11] = rest;
83
+ $[12] = t3;
84
+ $[13] = t4;
85
+ $[14] = t5;
78
86
  } else {
79
- t4 = $[12];
87
+ t5 = $[14];
80
88
  }
81
- return t4;
89
+ return t5;
82
90
  });
83
91
  Root.displayName = 'Details';
84
92
  function Summary(t0) {
@@ -109,6 +117,7 @@ function Summary(t0) {
109
117
  t2 = /*#__PURE__*/jsx(Component, {
110
118
  as: t1,
111
119
  ...props,
120
+ "data-component": "Details.Summary",
112
121
  children: children
113
122
  });
114
123
  $[4] = Component;
@@ -30,6 +30,7 @@ export type DialogButtonProps = Omit<ButtonProps, 'content'> & {
30
30
  * Props to customize the rendering of the Dialog.
31
31
  */
32
32
  export interface DialogProps {
33
+ 'data-component'?: string;
33
34
  /**
34
35
  * Title of the Dialog. Also serves as the aria-label for this Dialog.
35
36
  */
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"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"}