@arbor-education/design-system.components 3.4.4 → 4.0.0-react19-alpha.0

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 (88) hide show
  1. package/.changeset/empty-clocks-jog.md +5 -0
  2. package/.github/workflows/pr-review-approve.yaml +1 -1
  3. package/CHANGELOG.md +8 -0
  4. package/dist/components/button/Button.stories.d.ts.map +1 -1
  5. package/dist/components/button/Button.stories.js +29 -20
  6. package/dist/components/button/Button.stories.js.map +1 -1
  7. package/dist/components/combobox/ComboboxButtonTrigger.d.ts +1 -1
  8. package/dist/components/combobox/ComboboxButtonTrigger.d.ts.map +1 -1
  9. package/dist/components/combobox/ComboboxListbox.d.ts +2 -2
  10. package/dist/components/combobox/ComboboxListbox.d.ts.map +1 -1
  11. package/dist/components/combobox/ComboboxTrigger.d.ts +2 -2
  12. package/dist/components/combobox/ComboboxTrigger.d.ts.map +1 -1
  13. package/dist/components/combobox/useComboboxListboxDom.d.ts +1 -1
  14. package/dist/components/combobox/useComboboxListboxDom.d.ts.map +1 -1
  15. package/dist/components/combobox/useElementWidth.d.ts +2 -0
  16. package/dist/components/combobox/useElementWidth.d.ts.map +1 -0
  17. package/dist/components/combobox/useElementWidth.js +31 -0
  18. package/dist/components/combobox/useElementWidth.js.map +1 -0
  19. package/dist/components/combobox/useVisibleChips.d.ts +21 -0
  20. package/dist/components/combobox/useVisibleChips.d.ts.map +1 -0
  21. package/dist/components/combobox/useVisibleChips.js +59 -0
  22. package/dist/components/combobox/useVisibleChips.js.map +1 -0
  23. package/dist/components/combobox/useVisibleChips.test.d.ts +2 -0
  24. package/dist/components/combobox/useVisibleChips.test.d.ts.map +1 -0
  25. package/dist/components/combobox/useVisibleChips.test.js +81 -0
  26. package/dist/components/combobox/useVisibleChips.test.js.map +1 -0
  27. package/dist/components/heading/Heading.d.ts +28 -14
  28. package/dist/components/heading/Heading.d.ts.map +1 -1
  29. package/dist/components/heading/Heading.stories.d.ts +28 -14
  30. package/dist/components/heading/Heading.stories.d.ts.map +1 -1
  31. package/dist/components/icoText/IcoText.d.ts +37 -0
  32. package/dist/components/icoText/IcoText.d.ts.map +1 -0
  33. package/dist/components/icoText/IcoText.js +29 -0
  34. package/dist/components/icoText/IcoText.js.map +1 -0
  35. package/dist/components/icoText/IcoText.stories.d.ts +60 -0
  36. package/dist/components/icoText/IcoText.stories.d.ts.map +1 -0
  37. package/dist/components/icoText/IcoText.stories.js +319 -0
  38. package/dist/components/icoText/IcoText.stories.js.map +1 -0
  39. package/dist/components/icoText/IcoText.test.d.ts +2 -0
  40. package/dist/components/icoText/IcoText.test.d.ts.map +1 -0
  41. package/dist/components/icoText/IcoText.test.js +27 -0
  42. package/dist/components/icoText/IcoText.test.js.map +1 -0
  43. package/dist/components/table/Table.test.js +18 -14
  44. package/dist/components/table/Table.test.js.map +1 -1
  45. package/dist/components/tabs/TabsItem.stories.d.ts +50 -22
  46. package/dist/components/tabs/TabsItem.stories.d.ts.map +1 -1
  47. package/dist/components/tagList/useTagListCollapsedLayout.d.ts +3 -3
  48. package/dist/components/tagList/useTagListCollapsedLayout.d.ts.map +1 -1
  49. package/dist/components/tree-row/TreeRow.d.ts +32 -0
  50. package/dist/components/tree-row/TreeRow.d.ts.map +1 -0
  51. package/dist/components/tree-row/TreeRow.js +19 -0
  52. package/dist/components/tree-row/TreeRow.js.map +1 -0
  53. package/dist/components/tree-row/TreeRow.stories.d.ts +13 -0
  54. package/dist/components/tree-row/TreeRow.stories.d.ts.map +1 -0
  55. package/dist/components/tree-row/TreeRow.stories.js +774 -0
  56. package/dist/components/tree-row/TreeRow.stories.js.map +1 -0
  57. package/dist/components/tree-row/TreeRow.test.d.ts +2 -0
  58. package/dist/components/tree-row/TreeRow.test.d.ts.map +1 -0
  59. package/dist/components/tree-row/TreeRow.test.js +262 -0
  60. package/dist/components/tree-row/TreeRow.test.js.map +1 -0
  61. package/dist/components/tree-row/TreeRowSection.d.ts +12 -0
  62. package/dist/components/tree-row/TreeRowSection.d.ts.map +1 -0
  63. package/dist/components/tree-row/TreeRowSection.js +20 -0
  64. package/dist/components/tree-row/TreeRowSection.js.map +1 -0
  65. package/dist/utils/PopupParentContext.d.ts +3 -0
  66. package/dist/utils/PopupParentContext.d.ts.map +1 -0
  67. package/dist/utils/PopupParentContext.js +6 -0
  68. package/dist/utils/PopupParentContext.js.map +1 -0
  69. package/dist/utils/PopupParentContext.stories.d.ts +17 -0
  70. package/dist/utils/PopupParentContext.stories.d.ts.map +1 -0
  71. package/dist/utils/PopupParentContext.stories.js +266 -0
  72. package/dist/utils/PopupParentContext.stories.js.map +1 -0
  73. package/dist/utils/getDefaultPopupParent.d.ts +2 -0
  74. package/dist/utils/getDefaultPopupParent.d.ts.map +1 -0
  75. package/dist/utils/getDefaultPopupParent.js +19 -0
  76. package/dist/utils/getDefaultPopupParent.js.map +1 -0
  77. package/dist/utils/hooks/useIsMounted.d.ts +1 -1
  78. package/dist/utils/hooks/useIsMounted.d.ts.map +1 -1
  79. package/package.json +20 -6
  80. package/src/components/arborLogo/__snapshots__/ArborLogo.test.tsx.snap +18 -18
  81. package/src/components/button/Button.stories.tsx +12 -5
  82. package/src/components/combobox/ComboboxButtonTrigger.tsx +1 -1
  83. package/src/components/combobox/ComboboxListbox.tsx +2 -2
  84. package/src/components/combobox/ComboboxTrigger.tsx +2 -2
  85. package/src/components/combobox/useComboboxListboxDom.ts +1 -1
  86. package/src/components/table/Table.test.tsx +18 -14
  87. package/src/components/tagList/useTagListCollapsedLayout.ts +3 -3
  88. package/src/docs/UsingComponents.mdx +6 -0
@@ -10,7 +10,7 @@ export declare const Heading: {
10
10
  level?: HeadingLevel;
11
11
  accept?: string | undefined;
12
12
  acceptCharset?: string | undefined;
13
- action?: string | undefined | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
13
+ action?: string | undefined | ((formData: FormData) => void | Promise<void>) | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
14
14
  allowFullScreen?: boolean | undefined;
15
15
  allowTransparency?: boolean | undefined;
16
16
  alt?: string | undefined;
@@ -39,7 +39,7 @@ export declare const Heading: {
39
39
  download?: any;
40
40
  encType?: string | undefined;
41
41
  form?: string | undefined;
42
- formAction?: string | undefined | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
42
+ formAction?: string | undefined | ((formData: FormData) => void | Promise<void>) | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
43
43
  formEncType?: string | undefined;
44
44
  formMethod?: string | undefined;
45
45
  formNoValidate?: boolean | undefined;
@@ -156,6 +156,10 @@ export declare const Heading: {
156
156
  results?: number | undefined;
157
157
  security?: string | undefined;
158
158
  unselectable?: "on" | "off" | undefined;
159
+ popover?: "" | "auto" | "manual" | "hint" | undefined;
160
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
161
+ popoverTarget?: string | undefined;
162
+ inert?: boolean | undefined;
159
163
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
160
164
  is?: string | undefined;
161
165
  exportparts?: string | undefined;
@@ -233,18 +237,18 @@ export declare const Heading: {
233
237
  onFocusCapture?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
234
238
  onBlur?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
235
239
  onBlurCapture?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
236
- onChange?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
237
- onChangeCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
240
+ onChange?: import("react").ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
241
+ onChangeCapture?: import("react").ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
238
242
  onBeforeInput?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
239
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
240
- onInput?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
241
- onInputCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
242
- onReset?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
243
- onResetCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
244
- onSubmit?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
245
- onSubmitCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
246
- onInvalid?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
247
- onInvalidCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
243
+ onBeforeInputCapture?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
244
+ onInput?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
245
+ onInputCapture?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
246
+ onReset?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
247
+ onResetCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
248
+ onSubmit?: import("react").SubmitEventHandler<HTMLHeadingElement> | undefined;
249
+ onSubmitCapture?: import("react").SubmitEventHandler<HTMLHeadingElement> | undefined;
250
+ onInvalid?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
251
+ onInvalidCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
248
252
  onLoad?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
249
253
  onLoadCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
250
254
  onError?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
@@ -365,6 +369,8 @@ export declare const Heading: {
365
369
  onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
366
370
  onScroll?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
367
371
  onScrollCapture?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
372
+ onScrollEnd?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
373
+ onScrollEndCapture?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
368
374
  onWheel?: import("react").WheelEventHandler<HTMLHeadingElement> | undefined;
369
375
  onWheelCapture?: import("react").WheelEventHandler<HTMLHeadingElement> | undefined;
370
376
  onAnimationStart?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
@@ -373,9 +379,17 @@ export declare const Heading: {
373
379
  onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
374
380
  onAnimationIteration?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
375
381
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
382
+ onToggle?: import("react").ToggleEventHandler<HTMLHeadingElement> | undefined;
383
+ onBeforeToggle?: import("react").ToggleEventHandler<HTMLHeadingElement> | undefined;
384
+ onTransitionCancel?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
385
+ onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
376
386
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
377
387
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
378
- ref?: import("react").LegacyRef<HTMLHeadingElement> | undefined;
388
+ onTransitionRun?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
389
+ onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
390
+ onTransitionStart?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
391
+ onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
392
+ ref?: import("react").Ref<HTMLHeadingElement> | undefined;
379
393
  key?: import("react").Key | null | undefined;
380
394
  }, HTMLHeadingElement>;
381
395
  InnerContainer: (props: HeadingSubContainerProps) => import("react").JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3E,KAAK,wBAAwB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAgBhE,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEzC,KAAK,YAAY,GAAG;IAClB,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,GAAG,SAAS,CAAC,kBAAkB,CAAC,CAAC;AAElC,eAAO,MAAM,OAAO;YAAW,YAAY;;gBAHjC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAjBgB,wBAAwB;CA8B7D,CAAC;AAIF,yBAAiB,OAAO,CAAC;IACvB,KAAY,KAAK,GAAG,YAAY,CAAC;IACjC,KAAY,KAAK,GAAG,YAAY,CAAC;IACjC,KAAY,mBAAmB,GAAG,wBAAwB,CAAC;CAC5D"}
1
+ {"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3E,KAAK,wBAAwB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAgBhE,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEzC,KAAK,YAAY,GAAG;IAClB,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,GAAG,SAAS,CAAC,kBAAkB,CAAC,CAAC;AAElC,eAAO,MAAM,OAAO;YAAW,YAAY;;gBAHjC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAjBgB,wBAAwB;CA8B7D,CAAC;AAIF,yBAAiB,OAAO,CAAC;IACvB,KAAY,KAAK,GAAG,YAAY,CAAC;IACjC,KAAY,KAAK,GAAG,YAAY,CAAC;IACjC,KAAY,mBAAmB,GAAG,wBAAwB,CAAC;CAC5D"}
@@ -11,7 +11,7 @@ declare const meta: {
11
11
  level?: import("./Heading.js").HeadingLevel;
12
12
  accept?: string | undefined;
13
13
  acceptCharset?: string | undefined;
14
- action?: string | undefined | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
14
+ action?: string | undefined | ((formData: FormData) => void | Promise<void>) | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
15
15
  allowFullScreen?: boolean | undefined;
16
16
  allowTransparency?: boolean | undefined;
17
17
  alt?: string | undefined;
@@ -40,7 +40,7 @@ declare const meta: {
40
40
  download?: any;
41
41
  encType?: string | undefined;
42
42
  form?: string | undefined;
43
- formAction?: string | undefined | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
43
+ formAction?: string | undefined | ((formData: FormData) => void | Promise<void>) | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
44
44
  formEncType?: string | undefined;
45
45
  formMethod?: string | undefined;
46
46
  formNoValidate?: boolean | undefined;
@@ -157,6 +157,10 @@ declare const meta: {
157
157
  results?: number | undefined;
158
158
  security?: string | undefined;
159
159
  unselectable?: "on" | "off" | undefined;
160
+ popover?: "" | "auto" | "manual" | "hint" | undefined;
161
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
162
+ popoverTarget?: string | undefined;
163
+ inert?: boolean | undefined;
160
164
  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
161
165
  is?: string | undefined;
162
166
  exportparts?: string | undefined;
@@ -234,18 +238,18 @@ declare const meta: {
234
238
  onFocusCapture?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
235
239
  onBlur?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
236
240
  onBlurCapture?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
237
- onChange?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
238
- onChangeCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
241
+ onChange?: import("react").ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
242
+ onChangeCapture?: import("react").ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
239
243
  onBeforeInput?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
240
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
241
- onInput?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
242
- onInputCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
243
- onReset?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
244
- onResetCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
245
- onSubmit?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
246
- onSubmitCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
247
- onInvalid?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
248
- onInvalidCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
244
+ onBeforeInputCapture?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
245
+ onInput?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
246
+ onInputCapture?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
247
+ onReset?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
248
+ onResetCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
249
+ onSubmit?: import("react").SubmitEventHandler<HTMLHeadingElement> | undefined;
250
+ onSubmitCapture?: import("react").SubmitEventHandler<HTMLHeadingElement> | undefined;
251
+ onInvalid?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
252
+ onInvalidCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
249
253
  onLoad?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
250
254
  onLoadCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
251
255
  onError?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
@@ -366,6 +370,8 @@ declare const meta: {
366
370
  onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
367
371
  onScroll?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
368
372
  onScrollCapture?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
373
+ onScrollEnd?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
374
+ onScrollEndCapture?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
369
375
  onWheel?: import("react").WheelEventHandler<HTMLHeadingElement> | undefined;
370
376
  onWheelCapture?: import("react").WheelEventHandler<HTMLHeadingElement> | undefined;
371
377
  onAnimationStart?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
@@ -374,9 +380,17 @@ declare const meta: {
374
380
  onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
375
381
  onAnimationIteration?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
376
382
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
383
+ onToggle?: import("react").ToggleEventHandler<HTMLHeadingElement> | undefined;
384
+ onBeforeToggle?: import("react").ToggleEventHandler<HTMLHeadingElement> | undefined;
385
+ onTransitionCancel?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
386
+ onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
377
387
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
378
388
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
379
- ref?: import("react").LegacyRef<HTMLHeadingElement> | undefined;
389
+ onTransitionRun?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
390
+ onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
391
+ onTransitionStart?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
392
+ onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
393
+ ref?: import("react").Ref<HTMLHeadingElement> | undefined;
380
394
  key?: import("react").Key | null | undefined;
381
395
  }, HTMLHeadingElement>;
382
396
  InnerContainer: (props: import("react").HTMLAttributes<HTMLSpanElement>) => import("react").JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../src/components/heading/Heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAoKvC,iBAAS,eAAe,gCAmBvB;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAgLtC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAkCvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA8B3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAwB9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA+BjC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAsChC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAwCnC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAqB/B,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KA0BxC,CAAC;AAEF,eAAO,MAAM,mCAAmC,EAAE,KAsCjD,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAwC1C,CAAC"}
1
+ {"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../src/components/heading/Heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAoKvC,iBAAS,eAAe,gCAmBvB;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAgLtC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAkCvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA8B3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAwB9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA+BjC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAsChC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAwCnC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAqB/B,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KA0BxC,CAAC;AAEF,eAAO,MAAM,mCAAmC,EAAE,KAsCjD,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAwC1C,CAAC"}
@@ -0,0 +1,37 @@
1
+ import type { IconName } from '../icon/allowedIcons.js';
2
+ import { Icon } from '../icon/Icon.js';
3
+ export type IcoTextProps = {
4
+ children?: React.ReactNode;
5
+ className?: string;
6
+ };
7
+ export type IcoTextHeadingProps = React.HTMLAttributes<HTMLHeadingElement> & {
8
+ children: React.ReactNode;
9
+ };
10
+ export type IcoTextParagraphProps = React.HTMLAttributes<HTMLParagraphElement> & {
11
+ children: React.ReactNode;
12
+ };
13
+ export type IcoTextIconProps = {
14
+ className?: string;
15
+ color?: Icon.Props['color'];
16
+ name: IconName;
17
+ screenReaderText?: string;
18
+ size?: 12 | 16 | 24;
19
+ };
20
+ export declare const IcoText: {
21
+ ({ children, className }: IcoTextProps): React.JSX.Element;
22
+ displayName: string;
23
+ } & {
24
+ Heading: {
25
+ ({ children, className, ...rest }: IcoTextHeadingProps): React.JSX.Element;
26
+ displayName: string;
27
+ };
28
+ Paragraph: {
29
+ ({ children, className, ...rest }: IcoTextParagraphProps): React.JSX.Element;
30
+ displayName: string;
31
+ };
32
+ Icon: {
33
+ ({ className, color, name, screenReaderText, size, }: IcoTextIconProps): React.JSX.Element;
34
+ displayName: string;
35
+ };
36
+ };
37
+ //# sourceMappingURL=IcoText.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IcoText.d.ts","sourceRoot":"","sources":["../../../src/components/icoText/IcoText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG5C,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,GAAG;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,GAAG;IAC/E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5B,IAAI,EAAE,QAAQ,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;CACrB,CAAC;AAgEF,eAAO,MAAM,OAAO;8BA1B0B,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;2CAhC3E,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;2CAUvC,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;;8DAYzC,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;;CAwCrC,CAAC"}
@@ -0,0 +1,29 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import classNames from 'classnames';
3
+ import { Icon } from '../icon/Icon.js';
4
+ import { Children, isValidElement } from 'react';
5
+ const IcoTextHeading = ({ children, className, ...rest }) => (_jsx("h4", { className: classNames('ds-ico-text__heading', className), ...rest, children: children }));
6
+ const IcoTextParagraph = ({ children, className, ...rest }) => (_jsx("p", { className: classNames('ds-ico-text__paragraph', className), ...rest, children: children }));
7
+ const IcoTextIcon = ({ className, color, name, screenReaderText, size = 24, }) => (_jsx(Icon, { name: name, className: classNames('ds-ico-text__icon', className), color: color, screenReaderText: screenReaderText, size: size }));
8
+ const IcoTextRoot = ({ children, className }) => {
9
+ const iconChildren = [];
10
+ const contentChildren = [];
11
+ Children.forEach(children, (child) => {
12
+ if (isValidElement(child) && child.type === IcoTextIcon) {
13
+ iconChildren.push(child);
14
+ return;
15
+ }
16
+ contentChildren.push(child);
17
+ });
18
+ return (_jsxs("div", { className: classNames('ds-ico-text', className), children: [iconChildren, _jsx("div", { className: "ds-ico-text__content", children: contentChildren })] }));
19
+ };
20
+ IcoTextHeading.displayName = 'IcoText.Heading';
21
+ IcoTextParagraph.displayName = 'IcoText.Paragraph';
22
+ IcoTextIcon.displayName = 'IcoText.Icon';
23
+ IcoTextRoot.displayName = 'IcoText';
24
+ export const IcoText = Object.assign(IcoTextRoot, {
25
+ Heading: IcoTextHeading,
26
+ Paragraph: IcoTextParagraph,
27
+ Icon: IcoTextIcon,
28
+ });
29
+ //# sourceMappingURL=IcoText.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IcoText.js","sourceRoot":"","sources":["../../../src/components/icoText/IcoText.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAuBjD,MAAM,cAAc,GAAG,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACa,EAAqB,EAAE,CAAC,CAC5C,aAAI,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,KAAM,IAAI,YACnE,QAAQ,GACN,CACN,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACe,EAAqB,EAAE,CAAC,CAC9C,YAAG,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAAM,IAAI,YACpE,QAAQ,GACP,CACL,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EACnB,SAAS,EACT,KAAK,EACL,IAAI,EACJ,gBAAgB,EAChB,IAAI,GAAG,EAAE,GACQ,EAAqB,EAAE,CAAC,CACzC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,SAAS,CAAC,EACrD,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,IAAI,GACV,CACH,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAgB,EAAqB,EAAE;IAC/E,MAAM,YAAY,GAAsB,EAAE,CAAC;IAC3C,MAAM,eAAe,GAAsB,EAAE,CAAC;IAE9C,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACnC,IAAI,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;YACxD,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACzB,OAAO;QACT,CAAC;QAED,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,aACjD,YAAY,EACb,cAAK,SAAS,EAAC,sBAAsB,YAAE,eAAe,GAAO,IACzD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAC/C,gBAAgB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AACnD,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;AACzC,WAAW,CAAC,WAAW,GAAG,SAAS,CAAC;AAEpC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;IAChD,OAAO,EAAE,cAAc;IACvB,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,WAAW;CAClB,CAAC,CAAC"}
@@ -0,0 +1,60 @@
1
+ import type { StoryObj } from '@storybook/react-vite';
2
+ import { IcoText } from './IcoText.js';
3
+ declare function IcoTextDocsPage(): import("react/jsx-runtime").JSX.Element;
4
+ declare const meta: {
5
+ title: string;
6
+ component: {
7
+ ({ children, className }: import("./IcoText.js").IcoTextProps): React.JSX.Element;
8
+ displayName: string;
9
+ } & {
10
+ Heading: {
11
+ ({ children, className, ...rest }: import("./IcoText.js").IcoTextHeadingProps): React.JSX.Element;
12
+ displayName: string;
13
+ };
14
+ Paragraph: {
15
+ ({ children, className, ...rest }: import("./IcoText.js").IcoTextParagraphProps): React.JSX.Element;
16
+ displayName: string;
17
+ };
18
+ Icon: {
19
+ ({ className, color, name, screenReaderText, size, }: import("./IcoText.js").IcoTextIconProps): React.JSX.Element;
20
+ displayName: string;
21
+ };
22
+ };
23
+ tags: string[];
24
+ parameters: {
25
+ layout: string;
26
+ docs: {
27
+ page: typeof IcoTextDocsPage;
28
+ };
29
+ };
30
+ argTypes: {
31
+ className: {
32
+ control: false;
33
+ description: string;
34
+ table: {
35
+ type: {
36
+ summary: string;
37
+ };
38
+ };
39
+ };
40
+ children: {
41
+ control: false;
42
+ description: string;
43
+ table: {
44
+ type: {
45
+ summary: string;
46
+ };
47
+ };
48
+ };
49
+ };
50
+ };
51
+ export default meta;
52
+ type Story = StoryObj<typeof IcoText>;
53
+ export declare const Default: Story;
54
+ export declare const HeadingOnly: Story;
55
+ export declare const WithoutIcon: Story;
56
+ export declare const IconWithScreenReaderText: Story;
57
+ export declare const IconSizes: Story;
58
+ export declare const IconColors: Story;
59
+ export declare const MultipleParagraphs: Story;
60
+ //# sourceMappingURL=IcoText.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IcoText.stories.d.ts","sourceRoot":"","sources":["../../../src/components/icoText/IcoText.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AA2GpC,iBAAS,eAAe,4CAyBvB;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAsEtC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA+BzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA+BzB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAqCtC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAuCvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA2BxB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA4BhC,CAAC"}