@arbor-education/design-system.components 0.13.0 → 0.13.1

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 (142) hide show
  1. package/.agent-memory/blanche-designspert/MEMORY.md +189 -0
  2. package/.agent-memory/dorothy-fact-checker/MEMORY.md +228 -0
  3. package/.agent-memory/dorothy-fact-checker/numberinput_component.md +53 -0
  4. package/.agent-memory/dorothy-fact-checker/progress_component.md +36 -0
  5. package/.agent-memory/rose-storybookspert/MEMORY.md +105 -0
  6. package/.agent-memory/sophia-componentspert/MEMORY.md +34 -0
  7. package/{.claude/agent-memory → .agent-memory}/sophia-componentspert/components.md +170 -17
  8. package/{.claude → .gather}/agents/blanche-designspert.md +7 -2
  9. package/{.claude → .gather}/agents/dorothy-fact-checker.md +7 -2
  10. package/{.claude → .gather}/agents/rose-storybookspert.md +80 -11
  11. package/{.claude → .gather}/agents/sophia-componentspert.md +9 -4
  12. package/.gather/gather.yaml +9 -0
  13. package/{CLAUDE.md → .gather/instructions/project-overview.md} +42 -9
  14. package/{.claude → .gather}/skills/analyze-design/README.md +5 -0
  15. package/{.claude → .gather}/skills/analyze-design/SKILL.md +1 -1
  16. package/.gather/skills/analyze-design/meta.md +4 -0
  17. package/{.claude → .gather}/skills/create-page/README.md +5 -0
  18. package/{.claude → .gather}/skills/create-page/design-analysis-template.md +5 -0
  19. package/.gather/skills/create-page/meta.md +4 -0
  20. package/{.claude → .gather}/skills/create-page/page-template.scss +5 -0
  21. package/{.claude → .gather}/skills/create-page/page-template.tsx +5 -0
  22. package/{.claude → .gather}/skills/map-legacy/README.md +5 -0
  23. package/.gather/skills/map-legacy/meta.md +4 -0
  24. package/{.claude → .gather}/skills/migrate-page/README.md +5 -0
  25. package/.gather/skills/migrate-page/meta.md +4 -0
  26. package/.gather/skills/write-stories/README.md +157 -0
  27. package/.gather/skills/write-stories/SKILL.md +841 -0
  28. package/.gather/skills/write-stories/meta.md +4 -0
  29. package/.ralph/storybook-upgrade/knowledge.md +308 -0
  30. package/.ralph/storybook-upgrade/prd.json +777 -0
  31. package/.ralph/storybook-upgrade/progress.md +342 -0
  32. package/.storybook/DocsTemplate.tsx +122 -0
  33. package/.storybook/preview.ts +40 -0
  34. package/.stylelintignore +2 -0
  35. package/CHANGELOG.md +6 -0
  36. package/{.claude/component-library.md → component-library.md} +27 -10
  37. package/dist/components/badge/Badge.stories.d.ts +85 -6
  38. package/dist/components/badge/Badge.stories.d.ts.map +1 -1
  39. package/dist/components/badge/Badge.stories.js +626 -27
  40. package/dist/components/badge/Badge.stories.js.map +1 -1
  41. package/dist/components/banner/Banner.stories.d.ts +129 -63
  42. package/dist/components/banner/Banner.stories.d.ts.map +1 -1
  43. package/dist/components/banner/Banner.stories.js +855 -39
  44. package/dist/components/banner/Banner.stories.js.map +1 -1
  45. package/dist/components/button/Button.stories.d.ts +148 -8
  46. package/dist/components/button/Button.stories.d.ts.map +1 -1
  47. package/dist/components/button/Button.stories.js +1089 -80
  48. package/dist/components/button/Button.stories.js.map +1 -1
  49. package/dist/components/dot/Dot.stories.d.ts +46 -11
  50. package/dist/components/dot/Dot.stories.d.ts.map +1 -1
  51. package/dist/components/dot/Dot.stories.js +504 -15
  52. package/dist/components/dot/Dot.stories.js.map +1 -1
  53. package/dist/components/dropdown/Dropdown.stories.d.ts +89 -14
  54. package/dist/components/dropdown/Dropdown.stories.d.ts.map +1 -1
  55. package/dist/components/dropdown/Dropdown.stories.js +769 -17
  56. package/dist/components/dropdown/Dropdown.stories.js.map +1 -1
  57. package/dist/components/formField/FormField.stories.d.ts +95 -35
  58. package/dist/components/formField/FormField.stories.d.ts.map +1 -1
  59. package/dist/components/formField/FormField.stories.js +1174 -69
  60. package/dist/components/formField/FormField.stories.js.map +1 -1
  61. package/dist/components/formField/inputs/checkbox/CheckboxInput.stories.d.ts +96 -9
  62. package/dist/components/formField/inputs/checkbox/CheckboxInput.stories.d.ts.map +1 -1
  63. package/dist/components/formField/inputs/checkbox/CheckboxInput.stories.js +717 -10
  64. package/dist/components/formField/inputs/checkbox/CheckboxInput.stories.js.map +1 -1
  65. package/dist/components/formField/inputs/number/NumberInput.stories.d.ts +149 -11
  66. package/dist/components/formField/inputs/number/NumberInput.stories.d.ts.map +1 -1
  67. package/dist/components/formField/inputs/number/NumberInput.stories.js +624 -10
  68. package/dist/components/formField/inputs/number/NumberInput.stories.js.map +1 -1
  69. package/dist/components/formField/inputs/radio/RadioButtonInput.stories.d.ts +74 -1
  70. package/dist/components/formField/inputs/radio/RadioButtonInput.stories.d.ts.map +1 -1
  71. package/dist/components/formField/inputs/radio/RadioButtonInput.stories.js +673 -44
  72. package/dist/components/formField/inputs/radio/RadioButtonInput.stories.js.map +1 -1
  73. package/dist/components/formField/inputs/text/TextInput.stories.d.ts +119 -1
  74. package/dist/components/formField/inputs/text/TextInput.stories.d.ts.map +1 -1
  75. package/dist/components/formField/inputs/text/TextInput.stories.js +549 -10
  76. package/dist/components/formField/inputs/text/TextInput.stories.js.map +1 -1
  77. package/dist/components/formField/inputs/textArea/TextArea.stories.d.ts +129 -4
  78. package/dist/components/formField/inputs/textArea/TextArea.stories.d.ts.map +1 -1
  79. package/dist/components/formField/inputs/textArea/TextArea.stories.js +577 -3
  80. package/dist/components/formField/inputs/textArea/TextArea.stories.js.map +1 -1
  81. package/dist/components/heading/Heading.stories.d.ts +449 -50
  82. package/dist/components/heading/Heading.stories.d.ts.map +1 -1
  83. package/dist/components/heading/Heading.stories.js +536 -60
  84. package/dist/components/heading/Heading.stories.js.map +1 -1
  85. package/dist/components/icon/Icon.stories.d.ts +81 -10
  86. package/dist/components/icon/Icon.stories.d.ts.map +1 -1
  87. package/dist/components/icon/Icon.stories.js +979 -8
  88. package/dist/components/icon/Icon.stories.js.map +1 -1
  89. package/dist/components/pill/Pill.stories.d.ts +71 -19
  90. package/dist/components/pill/Pill.stories.d.ts.map +1 -1
  91. package/dist/components/pill/Pill.stories.js +573 -14
  92. package/dist/components/pill/Pill.stories.js.map +1 -1
  93. package/dist/components/progress/Progress.stories.d.ts +75 -298
  94. package/dist/components/progress/Progress.stories.d.ts.map +1 -1
  95. package/dist/components/progress/Progress.stories.js +449 -52
  96. package/dist/components/progress/Progress.stories.js.map +1 -1
  97. package/dist/components/separator/Separator.stories.d.ts +58 -5
  98. package/dist/components/separator/Separator.stories.d.ts.map +1 -1
  99. package/dist/components/separator/Separator.stories.js +443 -4
  100. package/dist/components/separator/Separator.stories.js.map +1 -1
  101. package/dist/components/tag/Tag.stories.d.ts +116 -5
  102. package/dist/components/tag/Tag.stories.d.ts.map +1 -1
  103. package/dist/components/tag/Tag.stories.js +581 -28
  104. package/dist/components/tag/Tag.stories.js.map +1 -1
  105. package/dist/index.css +8 -1
  106. package/dist/index.css.map +1 -1
  107. package/eslint.config.mts +5 -1
  108. package/package.json +3 -3
  109. package/src/components/badge/Badge.stories.tsx +869 -42
  110. package/src/components/banner/Banner.stories.tsx +1081 -63
  111. package/src/components/button/Button.stories.tsx +1394 -99
  112. package/src/components/dot/Dot.stories.tsx +723 -32
  113. package/src/components/dropdown/Dropdown.stories.tsx +1174 -35
  114. package/src/components/formField/FormField.stories.tsx +1522 -105
  115. package/src/components/formField/inputs/checkbox/CheckboxInput.stories.tsx +1020 -15
  116. package/src/components/formField/inputs/number/NumberInput.stories.tsx +908 -15
  117. package/src/components/formField/inputs/radio/RadioButtonInput.stories.tsx +932 -51
  118. package/src/components/formField/inputs/text/TextInput.stories.tsx +773 -13
  119. package/src/components/formField/inputs/textArea/TextArea.stories.tsx +756 -8
  120. package/src/components/heading/Heading.stories.tsx +752 -120
  121. package/src/components/icon/Icon.stories.tsx +1446 -12
  122. package/src/components/pill/Pill.stories.tsx +867 -21
  123. package/src/components/progress/Progress.stories.tsx +625 -58
  124. package/src/components/separator/Separator.stories.tsx +730 -8
  125. package/src/components/separator/separator.scss +12 -3
  126. package/src/components/tag/Tag.stories.tsx +755 -53
  127. package/.claude/agent-memory/blanche-designspert/MEMORY.md +0 -64
  128. package/.claude/agent-memory/dorothy-fact-checker/MEMORY.md +0 -129
  129. package/.claude/agent-memory/rose-storybookspert/MEMORY.md +0 -29
  130. package/.claude/agent-memory/sophia-componentspert/MEMORY.md +0 -14
  131. package/.claude/design-assessment-daily-attendance-2026-04-10.md +0 -566
  132. package/.claude/figma-assessment-7154-58899.md +0 -404
  133. package/.claude/figma-assessment-UKQfcxnT4rlHHNuiumt4o1-11086-97537.md +0 -392
  134. package/.claude/figma-assessment-UKQfcxnT4rlHHNuiumt4o1-551-41974.md +0 -474
  135. package/.claude/figma-assessment-UKQfcxnT4rlHHNuiumt4o1-551-43094.md +0 -462
  136. package/.claude/figma-assessment-fcFK4CGzkz2fVyY3koX8ZE-7154-59061.md +0 -440
  137. package/.claude/migration-report-custom-report-writer-2026-02-19.md +0 -591
  138. /package/{.claude/agent-memory → .agent-memory}/blanche-designspert/token-review-patterns.md +0 -0
  139. /package/{.claude/agent-memory → .agent-memory}/rose-storybookspert/patterns.md +0 -0
  140. /package/{.claude → .gather}/skills/create-page/SKILL.md +0 -0
  141. /package/{.claude → .gather}/skills/map-legacy/SKILL.md +0 -0
  142. /package/{.claude → .gather}/skills/migrate-page/SKILL.md +0 -0
@@ -1,61 +1,460 @@
1
- import type { Meta } from '@storybook/react-vite';
1
+ import type { StoryObj } from '@storybook/react-vite';
2
2
  import { Heading } from './Heading';
3
- declare const meta: Meta<typeof Heading>;
4
- export declare const Default: {
5
- args: {
6
- children: string[];
7
- level: number;
3
+ declare function HeadingDocsPage(): import("react/jsx-runtime").JSX.Element;
4
+ declare const meta: {
5
+ title: string;
6
+ component: {
7
+ (props: {
8
+ level?: import("./Heading").HeadingLevel;
9
+ } & import("react").HTMLProps<HTMLHeadingElement>): import("react").DOMElement<{
10
+ className: string;
11
+ level?: import("./Heading").HeadingLevel;
12
+ accept?: string | undefined;
13
+ acceptCharset?: string | undefined;
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
+ allowFullScreen?: boolean | undefined;
16
+ allowTransparency?: boolean | undefined;
17
+ alt?: string | undefined;
18
+ as?: string | undefined;
19
+ async?: boolean | undefined;
20
+ autoComplete?: string | undefined;
21
+ autoPlay?: boolean | undefined;
22
+ capture?: boolean | "user" | "environment" | undefined;
23
+ cellPadding?: number | string | undefined;
24
+ cellSpacing?: number | string | undefined;
25
+ charSet?: string | undefined;
26
+ challenge?: string | undefined;
27
+ checked?: boolean | undefined;
28
+ cite?: string | undefined;
29
+ classID?: string | undefined;
30
+ cols?: number | undefined;
31
+ colSpan?: number | undefined;
32
+ controls?: boolean | undefined;
33
+ coords?: string | undefined;
34
+ crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
35
+ data?: string | undefined;
36
+ dateTime?: string | undefined;
37
+ default?: boolean | undefined;
38
+ defer?: boolean | undefined;
39
+ disabled?: boolean | undefined;
40
+ download?: any;
41
+ encType?: string | undefined;
42
+ form?: string | undefined;
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
+ formEncType?: string | undefined;
45
+ formMethod?: string | undefined;
46
+ formNoValidate?: boolean | undefined;
47
+ formTarget?: string | undefined;
48
+ frameBorder?: number | string | undefined;
49
+ headers?: string | undefined;
50
+ height?: number | string | undefined;
51
+ high?: number | undefined;
52
+ href?: string | undefined;
53
+ hrefLang?: string | undefined;
54
+ htmlFor?: string | undefined;
55
+ httpEquiv?: string | undefined;
56
+ integrity?: string | undefined;
57
+ keyParams?: string | undefined;
58
+ keyType?: string | undefined;
59
+ kind?: string | undefined;
60
+ label?: string | undefined;
61
+ list?: string | undefined;
62
+ loop?: boolean | undefined;
63
+ low?: number | undefined;
64
+ manifest?: string | undefined;
65
+ marginHeight?: number | undefined;
66
+ marginWidth?: number | undefined;
67
+ max?: number | string | undefined;
68
+ maxLength?: number | undefined;
69
+ media?: string | undefined;
70
+ mediaGroup?: string | undefined;
71
+ method?: string | undefined;
72
+ min?: number | string | undefined;
73
+ minLength?: number | undefined;
74
+ multiple?: boolean | undefined;
75
+ muted?: boolean | undefined;
76
+ name?: string | undefined;
77
+ noValidate?: boolean | undefined;
78
+ open?: boolean | undefined;
79
+ optimum?: number | undefined;
80
+ pattern?: string | undefined;
81
+ placeholder?: string | undefined;
82
+ playsInline?: boolean | undefined;
83
+ poster?: string | undefined;
84
+ preload?: string | undefined;
85
+ readOnly?: boolean | undefined;
86
+ required?: boolean | undefined;
87
+ reversed?: boolean | undefined;
88
+ rows?: number | undefined;
89
+ rowSpan?: number | undefined;
90
+ sandbox?: string | undefined;
91
+ scope?: string | undefined;
92
+ scoped?: boolean | undefined;
93
+ scrolling?: string | undefined;
94
+ seamless?: boolean | undefined;
95
+ selected?: boolean | undefined;
96
+ shape?: string | undefined;
97
+ size?: number | undefined;
98
+ sizes?: string | undefined;
99
+ span?: number | undefined;
100
+ src?: string | undefined;
101
+ srcDoc?: string | undefined;
102
+ srcLang?: string | undefined;
103
+ srcSet?: string | undefined;
104
+ start?: number | undefined;
105
+ step?: number | string | undefined;
106
+ summary?: string | undefined;
107
+ target?: string | undefined;
108
+ type?: string | undefined;
109
+ useMap?: string | undefined;
110
+ value?: string | readonly string[] | number | undefined;
111
+ width?: number | string | undefined;
112
+ wmode?: string | undefined;
113
+ wrap?: string | undefined;
114
+ defaultChecked?: boolean | undefined;
115
+ defaultValue?: string | number | readonly string[] | undefined;
116
+ suppressContentEditableWarning?: boolean | undefined;
117
+ suppressHydrationWarning?: boolean | undefined;
118
+ accessKey?: string | undefined;
119
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
120
+ autoFocus?: boolean | undefined;
121
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
122
+ contextMenu?: string | undefined;
123
+ dir?: string | undefined;
124
+ draggable?: (boolean | "true" | "false") | undefined;
125
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
126
+ hidden?: boolean | undefined;
127
+ id?: string | undefined;
128
+ lang?: string | undefined;
129
+ nonce?: string | undefined;
130
+ slot?: string | undefined;
131
+ spellCheck?: (boolean | "true" | "false") | undefined;
132
+ style?: import("react").CSSProperties | undefined;
133
+ tabIndex?: number | undefined;
134
+ title?: string | undefined;
135
+ translate?: "yes" | "no" | undefined;
136
+ radioGroup?: string | undefined;
137
+ role?: import("react").AriaRole | undefined;
138
+ about?: string | undefined;
139
+ content?: string | undefined;
140
+ datatype?: string | undefined;
141
+ inlist?: any;
142
+ prefix?: string | undefined;
143
+ property?: string | undefined;
144
+ rel?: string | undefined;
145
+ resource?: string | undefined;
146
+ rev?: string | undefined;
147
+ typeof?: string | undefined;
148
+ vocab?: string | undefined;
149
+ autoCorrect?: string | undefined;
150
+ autoSave?: string | undefined;
151
+ color?: string | undefined;
152
+ itemProp?: string | undefined;
153
+ itemScope?: boolean | undefined;
154
+ itemType?: string | undefined;
155
+ itemID?: string | undefined;
156
+ itemRef?: string | undefined;
157
+ results?: number | undefined;
158
+ security?: string | undefined;
159
+ unselectable?: "on" | "off" | undefined;
160
+ popover?: "" | "auto" | "manual" | undefined;
161
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
162
+ popoverTarget?: string | undefined;
163
+ inert?: boolean | undefined;
164
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
165
+ is?: string | undefined;
166
+ exportparts?: string | undefined;
167
+ part?: string | undefined;
168
+ "aria-activedescendant"?: string | undefined;
169
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
170
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
171
+ "aria-braillelabel"?: string | undefined;
172
+ "aria-brailleroledescription"?: string | undefined;
173
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
174
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
175
+ "aria-colcount"?: number | undefined;
176
+ "aria-colindex"?: number | undefined;
177
+ "aria-colindextext"?: string | undefined;
178
+ "aria-colspan"?: number | undefined;
179
+ "aria-controls"?: string | undefined;
180
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
181
+ "aria-describedby"?: string | undefined;
182
+ "aria-description"?: string | undefined;
183
+ "aria-details"?: string | undefined;
184
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
185
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
186
+ "aria-errormessage"?: string | undefined;
187
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
188
+ "aria-flowto"?: string | undefined;
189
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
190
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
191
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
192
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
193
+ "aria-keyshortcuts"?: string | undefined;
194
+ "aria-label"?: string | undefined;
195
+ "aria-labelledby"?: string | undefined;
196
+ "aria-level"?: number | undefined;
197
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
198
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
199
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
200
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
201
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
202
+ "aria-owns"?: string | undefined;
203
+ "aria-placeholder"?: string | undefined;
204
+ "aria-posinset"?: number | undefined;
205
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
206
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
207
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
208
+ "aria-required"?: (boolean | "true" | "false") | undefined;
209
+ "aria-roledescription"?: string | undefined;
210
+ "aria-rowcount"?: number | undefined;
211
+ "aria-rowindex"?: number | undefined;
212
+ "aria-rowindextext"?: string | undefined;
213
+ "aria-rowspan"?: number | undefined;
214
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
215
+ "aria-setsize"?: number | undefined;
216
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
217
+ "aria-valuemax"?: number | undefined;
218
+ "aria-valuemin"?: number | undefined;
219
+ "aria-valuenow"?: number | undefined;
220
+ "aria-valuetext"?: string | undefined;
221
+ children?: import("react").ReactNode | undefined;
222
+ dangerouslySetInnerHTML?: {
223
+ __html: string | TrustedHTML;
224
+ } | undefined;
225
+ onCopy?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
226
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
227
+ onCut?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
228
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
229
+ onPaste?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
230
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
231
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
232
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
233
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
234
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
235
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
236
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
237
+ onFocus?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
238
+ onFocusCapture?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
239
+ onBlur?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
240
+ onBlurCapture?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
241
+ onChange?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
242
+ onChangeCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
243
+ onBeforeInput?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
244
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
245
+ onInput?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
246
+ onInputCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
247
+ onReset?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
248
+ onResetCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
249
+ onSubmit?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
250
+ onSubmitCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
251
+ onInvalid?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
252
+ onInvalidCapture?: import("react").FormEventHandler<HTMLHeadingElement> | undefined;
253
+ onLoad?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
254
+ onLoadCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
255
+ onError?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
256
+ onErrorCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
257
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
258
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
259
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
260
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
261
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
262
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
263
+ onAbort?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
264
+ onAbortCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
265
+ onCanPlay?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
266
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
267
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
268
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
269
+ onDurationChange?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
270
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
271
+ onEmptied?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
272
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
273
+ onEncrypted?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
274
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
275
+ onEnded?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
276
+ onEndedCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
277
+ onLoadedData?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
278
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
279
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
280
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
281
+ onLoadStart?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
282
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
283
+ onPause?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
284
+ onPauseCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
285
+ onPlay?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
286
+ onPlayCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
287
+ onPlaying?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
288
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
289
+ onProgress?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
290
+ onProgressCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
291
+ onRateChange?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
292
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
293
+ onSeeked?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
294
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
295
+ onSeeking?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
296
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
297
+ onStalled?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
298
+ onStalledCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
299
+ onSuspend?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
300
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
301
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
302
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
303
+ onVolumeChange?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
304
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
305
+ onWaiting?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
306
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
307
+ onAuxClick?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
308
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
309
+ onClick?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
310
+ onClickCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
311
+ onContextMenu?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
312
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
313
+ onDoubleClick?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
314
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
315
+ onDrag?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
316
+ onDragCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
317
+ onDragEnd?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
318
+ onDragEndCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
319
+ onDragEnter?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
320
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
321
+ onDragExit?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
322
+ onDragExitCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
323
+ onDragLeave?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
324
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
325
+ onDragOver?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
326
+ onDragOverCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
327
+ onDragStart?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
328
+ onDragStartCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
329
+ onDrop?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
330
+ onDropCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
331
+ onMouseDown?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
332
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
333
+ onMouseEnter?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
334
+ onMouseLeave?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
335
+ onMouseMove?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
336
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
337
+ onMouseOut?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
338
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
339
+ onMouseOver?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
340
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
341
+ onMouseUp?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
342
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
343
+ onSelect?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
344
+ onSelectCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
345
+ onTouchCancel?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
346
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
347
+ onTouchEnd?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
348
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
349
+ onTouchMove?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
350
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
351
+ onTouchStart?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
352
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
353
+ onPointerDown?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
354
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
355
+ onPointerMove?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
356
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
357
+ onPointerUp?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
358
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
359
+ onPointerCancel?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
360
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
361
+ onPointerEnter?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
362
+ onPointerLeave?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
363
+ onPointerOver?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
364
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
365
+ onPointerOut?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
366
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
367
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
368
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
369
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
370
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
371
+ onScroll?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
372
+ onScrollCapture?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
373
+ onScrollEnd?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
374
+ onScrollEndCapture?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
375
+ onWheel?: import("react").WheelEventHandler<HTMLHeadingElement> | undefined;
376
+ onWheelCapture?: import("react").WheelEventHandler<HTMLHeadingElement> | undefined;
377
+ onAnimationStart?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
378
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
379
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
380
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
381
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
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;
387
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
388
+ onTransitionEndCapture?: import("react").TransitionEventHandler<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;
394
+ key?: import("react").Key | null | undefined;
395
+ }, HTMLHeadingElement>;
396
+ InnerContainer: (props: import("react").HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
397
+ };
398
+ tags: string[];
399
+ parameters: {
400
+ docs: {
401
+ page: typeof HeadingDocsPage;
402
+ };
8
403
  };
9
404
  argTypes: {
10
405
  level: {
11
- control: string;
406
+ control: "select";
12
407
  options: number[];
13
408
  description: string;
409
+ table: {
410
+ type: {
411
+ summary: string;
412
+ };
413
+ defaultValue: {
414
+ summary: string;
415
+ };
416
+ };
417
+ };
418
+ children: {
419
+ control: false;
420
+ description: string;
421
+ table: {
422
+ type: {
423
+ summary: string;
424
+ };
425
+ };
426
+ };
427
+ className: {
428
+ control: "text";
429
+ description: string;
430
+ table: {
431
+ type: {
432
+ summary: string;
433
+ };
434
+ };
435
+ };
436
+ id: {
437
+ control: "text";
438
+ description: string;
439
+ table: {
440
+ type: {
441
+ summary: string;
442
+ };
443
+ };
14
444
  };
15
- };
16
- tags: string[];
17
- };
18
- export declare const FloatingChildren: {
19
- args: {
20
- children: import("react/jsx-runtime").JSX.Element[];
21
- level: number;
22
- };
23
- };
24
- export declare const HeadingWithSingleButton: {
25
- args: {
26
- level: number;
27
- children: import("react/jsx-runtime").JSX.Element[];
28
- };
29
- };
30
- export declare const HeadingWithMultipleButtons: {
31
- args: {
32
- level: number;
33
- children: import("react/jsx-runtime").JSX.Element[];
34
- };
35
- };
36
- export declare const HeadingWithButtonsBothSides: {
37
- args: {
38
- level: number;
39
- children: import("react/jsx-runtime").JSX.Element[];
40
- };
41
- };
42
- export declare const HeadingWithEditableText: {
43
- args: {
44
- level: number;
45
- children: import("react/jsx-runtime").JSX.Element[];
46
- };
47
- };
48
- export declare const HeadingWithEditableTextAndButton: {
49
- args: {
50
- level: number;
51
- children: import("react/jsx-runtime").JSX.Element[];
52
- };
53
- };
54
- export declare const HeadingWithEditableTextAndButtonsBothSides: {
55
- args: {
56
- level: number;
57
- children: import("react/jsx-runtime").JSX.Element[];
58
445
  };
59
446
  };
60
447
  export default meta;
448
+ type Story = StoryObj<typeof Heading>;
449
+ export declare const Default: Story;
450
+ export declare const AllLevels: Story;
451
+ export declare const TwoContainers: Story;
452
+ export declare const WithActionButton: Story;
453
+ export declare const WithMultipleActions: Story;
454
+ export declare const WithIconOnlyAction: Story;
455
+ export declare const WithBackControlLegacy: Story;
456
+ export declare const WithEditableTitle: Story;
457
+ export declare const WithEditableTitleAndAction: Story;
458
+ export declare const WithEditableTitleAndMultipleActions: Story;
459
+ export declare const AccessibilityLabelledSection: Story;
61
460
  //# sourceMappingURL=Heading.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../src/components/heading/Heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAKpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAG9B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAanB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;CAanC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;CAiBtC,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;;;CAuBvC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;CAOnC,CAAC;AAEF,eAAO,MAAM,gCAAgC;;;;;CAa5C,CAAC;AAEF,eAAO,MAAM,0CAA0C;;;;;CAuBtD,CAAC;AAEF,eAAe,IAAI,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,WAAW,CAAC;AAmKpC,iBAAS,eAAe,4CAmBvB;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAoKtC,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,KAqChC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAuCnC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAqB/B,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KA0BxC,CAAC;AAEF,eAAO,MAAM,mCAAmC,EAAE,KAqCjD,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAwC1C,CAAC"}