@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.
- package/.changeset/empty-clocks-jog.md +5 -0
- package/.github/workflows/pr-review-approve.yaml +1 -1
- package/CHANGELOG.md +8 -0
- package/dist/components/button/Button.stories.d.ts.map +1 -1
- package/dist/components/button/Button.stories.js +29 -20
- package/dist/components/button/Button.stories.js.map +1 -1
- package/dist/components/combobox/ComboboxButtonTrigger.d.ts +1 -1
- package/dist/components/combobox/ComboboxButtonTrigger.d.ts.map +1 -1
- package/dist/components/combobox/ComboboxListbox.d.ts +2 -2
- package/dist/components/combobox/ComboboxListbox.d.ts.map +1 -1
- package/dist/components/combobox/ComboboxTrigger.d.ts +2 -2
- package/dist/components/combobox/ComboboxTrigger.d.ts.map +1 -1
- package/dist/components/combobox/useComboboxListboxDom.d.ts +1 -1
- package/dist/components/combobox/useComboboxListboxDom.d.ts.map +1 -1
- package/dist/components/combobox/useElementWidth.d.ts +2 -0
- package/dist/components/combobox/useElementWidth.d.ts.map +1 -0
- package/dist/components/combobox/useElementWidth.js +31 -0
- package/dist/components/combobox/useElementWidth.js.map +1 -0
- package/dist/components/combobox/useVisibleChips.d.ts +21 -0
- package/dist/components/combobox/useVisibleChips.d.ts.map +1 -0
- package/dist/components/combobox/useVisibleChips.js +59 -0
- package/dist/components/combobox/useVisibleChips.js.map +1 -0
- package/dist/components/combobox/useVisibleChips.test.d.ts +2 -0
- package/dist/components/combobox/useVisibleChips.test.d.ts.map +1 -0
- package/dist/components/combobox/useVisibleChips.test.js +81 -0
- package/dist/components/combobox/useVisibleChips.test.js.map +1 -0
- package/dist/components/heading/Heading.d.ts +28 -14
- package/dist/components/heading/Heading.d.ts.map +1 -1
- package/dist/components/heading/Heading.stories.d.ts +28 -14
- package/dist/components/heading/Heading.stories.d.ts.map +1 -1
- package/dist/components/icoText/IcoText.d.ts +37 -0
- package/dist/components/icoText/IcoText.d.ts.map +1 -0
- package/dist/components/icoText/IcoText.js +29 -0
- package/dist/components/icoText/IcoText.js.map +1 -0
- package/dist/components/icoText/IcoText.stories.d.ts +60 -0
- package/dist/components/icoText/IcoText.stories.d.ts.map +1 -0
- package/dist/components/icoText/IcoText.stories.js +319 -0
- package/dist/components/icoText/IcoText.stories.js.map +1 -0
- package/dist/components/icoText/IcoText.test.d.ts +2 -0
- package/dist/components/icoText/IcoText.test.d.ts.map +1 -0
- package/dist/components/icoText/IcoText.test.js +27 -0
- package/dist/components/icoText/IcoText.test.js.map +1 -0
- package/dist/components/table/Table.test.js +18 -14
- package/dist/components/table/Table.test.js.map +1 -1
- package/dist/components/tabs/TabsItem.stories.d.ts +50 -22
- package/dist/components/tabs/TabsItem.stories.d.ts.map +1 -1
- package/dist/components/tagList/useTagListCollapsedLayout.d.ts +3 -3
- package/dist/components/tagList/useTagListCollapsedLayout.d.ts.map +1 -1
- package/dist/components/tree-row/TreeRow.d.ts +32 -0
- package/dist/components/tree-row/TreeRow.d.ts.map +1 -0
- package/dist/components/tree-row/TreeRow.js +19 -0
- package/dist/components/tree-row/TreeRow.js.map +1 -0
- package/dist/components/tree-row/TreeRow.stories.d.ts +13 -0
- package/dist/components/tree-row/TreeRow.stories.d.ts.map +1 -0
- package/dist/components/tree-row/TreeRow.stories.js +774 -0
- package/dist/components/tree-row/TreeRow.stories.js.map +1 -0
- package/dist/components/tree-row/TreeRow.test.d.ts +2 -0
- package/dist/components/tree-row/TreeRow.test.d.ts.map +1 -0
- package/dist/components/tree-row/TreeRow.test.js +262 -0
- package/dist/components/tree-row/TreeRow.test.js.map +1 -0
- package/dist/components/tree-row/TreeRowSection.d.ts +12 -0
- package/dist/components/tree-row/TreeRowSection.d.ts.map +1 -0
- package/dist/components/tree-row/TreeRowSection.js +20 -0
- package/dist/components/tree-row/TreeRowSection.js.map +1 -0
- package/dist/utils/PopupParentContext.d.ts +3 -0
- package/dist/utils/PopupParentContext.d.ts.map +1 -0
- package/dist/utils/PopupParentContext.js +6 -0
- package/dist/utils/PopupParentContext.js.map +1 -0
- package/dist/utils/PopupParentContext.stories.d.ts +17 -0
- package/dist/utils/PopupParentContext.stories.d.ts.map +1 -0
- package/dist/utils/PopupParentContext.stories.js +266 -0
- package/dist/utils/PopupParentContext.stories.js.map +1 -0
- package/dist/utils/getDefaultPopupParent.d.ts +2 -0
- package/dist/utils/getDefaultPopupParent.d.ts.map +1 -0
- package/dist/utils/getDefaultPopupParent.js +19 -0
- package/dist/utils/getDefaultPopupParent.js.map +1 -0
- package/dist/utils/hooks/useIsMounted.d.ts +1 -1
- package/dist/utils/hooks/useIsMounted.d.ts.map +1 -1
- package/package.json +20 -6
- package/src/components/arborLogo/__snapshots__/ArborLogo.test.tsx.snap +18 -18
- package/src/components/button/Button.stories.tsx +12 -5
- package/src/components/combobox/ComboboxButtonTrigger.tsx +1 -1
- package/src/components/combobox/ComboboxListbox.tsx +2 -2
- package/src/components/combobox/ComboboxTrigger.tsx +2 -2
- package/src/components/combobox/useComboboxListboxDom.ts +1 -1
- package/src/components/table/Table.test.tsx +18 -14
- package/src/components/tagList/useTagListCollapsedLayout.ts +3 -3
- 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").
|
|
237
|
-
onChangeCapture?: import("react").
|
|
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").
|
|
240
|
-
onInput?: import("react").
|
|
241
|
-
onInputCapture?: import("react").
|
|
242
|
-
onReset?: import("react").
|
|
243
|
-
onResetCapture?: import("react").
|
|
244
|
-
onSubmit?: import("react").
|
|
245
|
-
onSubmitCapture?: import("react").
|
|
246
|
-
onInvalid?: import("react").
|
|
247
|
-
onInvalidCapture?: import("react").
|
|
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
|
-
|
|
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
|
|
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").
|
|
238
|
-
onChangeCapture?: import("react").
|
|
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").
|
|
241
|
-
onInput?: import("react").
|
|
242
|
-
onInputCapture?: import("react").
|
|
243
|
-
onReset?: import("react").
|
|
244
|
-
onResetCapture?: import("react").
|
|
245
|
-
onSubmit?: import("react").
|
|
246
|
-
onSubmitCapture?: import("react").
|
|
247
|
-
onInvalid?: import("react").
|
|
248
|
-
onInvalidCapture?: import("react").
|
|
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
|
-
|
|
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
|
|
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"}
|