@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,14 +1,16 @@
1
1
  import type { StoryObj } from '@storybook/react-vite';
2
+ import { Progress } from './Progress';
3
+ declare function ProgressDocsPage(): import("react/jsx-runtime").JSX.Element;
2
4
  declare const meta: {
3
5
  title: string;
4
6
  component: (props: import("./Progress").ProgressProps) => import("react/jsx-runtime").JSX.Element;
5
7
  parameters: {
6
8
  layout: string;
9
+ docs: {
10
+ page: typeof ProgressDocsPage;
11
+ };
7
12
  };
8
13
  tags: string[];
9
- args: {
10
- 'aria-label': string;
11
- };
12
14
  argTypes: {
13
15
  value: {
14
16
  control: {
@@ -17,308 +19,83 @@ declare const meta: {
17
19
  max: number;
18
20
  };
19
21
  description: string;
22
+ table: {
23
+ type: {
24
+ summary: string;
25
+ };
26
+ defaultValue: {
27
+ summary: string;
28
+ };
29
+ };
20
30
  };
21
31
  max: {
22
- control: "number";
32
+ control: {
33
+ type: "number";
34
+ min: number;
35
+ };
36
+ description: string;
37
+ table: {
38
+ type: {
39
+ summary: string;
40
+ };
41
+ defaultValue: {
42
+ summary: string;
43
+ };
44
+ };
45
+ };
46
+ 'aria-label': {
47
+ control: "text";
23
48
  description: string;
49
+ table: {
50
+ type: {
51
+ summary: string;
52
+ };
53
+ };
54
+ };
55
+ getValueLabel: {
56
+ control: false;
57
+ description: string;
58
+ table: {
59
+ type: {
60
+ summary: string;
61
+ };
62
+ defaultValue: {
63
+ summary: string;
64
+ };
65
+ };
66
+ };
67
+ indicatorClassName: {
68
+ control: "text";
69
+ description: string;
70
+ table: {
71
+ type: {
72
+ summary: string;
73
+ };
74
+ defaultValue: {
75
+ summary: string;
76
+ };
77
+ };
78
+ };
79
+ className: {
80
+ control: false;
81
+ description: string;
82
+ table: {
83
+ type: {
84
+ summary: string;
85
+ };
86
+ defaultValue: {
87
+ summary: string;
88
+ };
89
+ };
24
90
  };
25
91
  };
26
- decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react-vite").ReactRenderer, {
27
- value?: number | null | undefined | undefined;
28
- max?: number | undefined;
29
- getValueLabel?: ((value: number, max: number) => string) | undefined;
30
- className?: string | undefined | undefined;
31
- defaultChecked?: boolean | undefined | undefined;
32
- defaultValue?: string | number | readonly string[] | undefined;
33
- suppressContentEditableWarning?: boolean | undefined | undefined;
34
- suppressHydrationWarning?: boolean | undefined | undefined;
35
- accessKey?: string | undefined | undefined;
36
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
37
- autoFocus?: boolean | undefined | undefined;
38
- contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
39
- contextMenu?: string | undefined | undefined;
40
- dir?: string | undefined | undefined;
41
- draggable?: (boolean | "true" | "false") | undefined;
42
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
43
- hidden?: boolean | undefined | undefined;
44
- id?: string | undefined | undefined;
45
- lang?: string | undefined | undefined;
46
- nonce?: string | undefined | undefined;
47
- slot?: string | undefined | undefined;
48
- spellCheck?: (boolean | "true" | "false") | undefined;
49
- style?: import("react").CSSProperties | undefined;
50
- tabIndex?: number | undefined | undefined;
51
- title?: string | undefined | undefined;
52
- translate?: "yes" | "no" | undefined | undefined;
53
- radioGroup?: string | undefined | undefined;
54
- role?: import("react").AriaRole | undefined;
55
- about?: string | undefined | undefined;
56
- content?: string | undefined | undefined;
57
- datatype?: string | undefined | undefined;
58
- inlist?: any;
59
- prefix?: string | undefined | undefined;
60
- property?: string | undefined | undefined;
61
- rel?: string | undefined | undefined;
62
- resource?: string | undefined | undefined;
63
- rev?: string | undefined | undefined;
64
- typeof?: string | undefined | undefined;
65
- vocab?: string | undefined | undefined;
66
- autoCorrect?: string | undefined | undefined;
67
- autoSave?: string | undefined | undefined;
68
- color?: string | undefined | undefined;
69
- itemProp?: string | undefined | undefined;
70
- itemScope?: boolean | undefined | undefined;
71
- itemType?: string | undefined | undefined;
72
- itemID?: string | undefined | undefined;
73
- itemRef?: string | undefined | undefined;
74
- results?: number | undefined | undefined;
75
- security?: string | undefined | undefined;
76
- unselectable?: "on" | "off" | undefined | undefined;
77
- popover?: "" | "auto" | "manual" | undefined | undefined;
78
- popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
79
- popoverTarget?: string | undefined | undefined;
80
- inert?: boolean | undefined | undefined;
81
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
82
- is?: string | undefined | undefined;
83
- exportparts?: string | undefined | undefined;
84
- part?: string | undefined | undefined;
85
- "aria-activedescendant"?: string | undefined | undefined;
86
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
87
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
88
- "aria-braillelabel"?: string | undefined | undefined;
89
- "aria-brailleroledescription"?: string | undefined | undefined;
90
- "aria-busy"?: (boolean | "true" | "false") | undefined;
91
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
92
- "aria-colcount"?: number | undefined | undefined;
93
- "aria-colindex"?: number | undefined | undefined;
94
- "aria-colindextext"?: string | undefined | undefined;
95
- "aria-colspan"?: number | undefined | undefined;
96
- "aria-controls"?: string | undefined | undefined;
97
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
98
- "aria-describedby"?: string | undefined | undefined;
99
- "aria-description"?: string | undefined | undefined;
100
- "aria-details"?: string | undefined | undefined;
101
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
102
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
103
- "aria-errormessage"?: string | undefined | undefined;
104
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
105
- "aria-flowto"?: string | undefined | undefined;
106
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
107
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
108
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
109
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
110
- "aria-keyshortcuts"?: string | undefined | undefined;
111
- "aria-label"?: string | undefined | undefined;
112
- "aria-labelledby"?: string | undefined | undefined;
113
- "aria-level"?: number | undefined | undefined;
114
- "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
115
- "aria-modal"?: (boolean | "true" | "false") | undefined;
116
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
117
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
118
- "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
119
- "aria-owns"?: string | undefined | undefined;
120
- "aria-placeholder"?: string | undefined | undefined;
121
- "aria-posinset"?: number | undefined | undefined;
122
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
123
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
124
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
125
- "aria-required"?: (boolean | "true" | "false") | undefined;
126
- "aria-roledescription"?: string | undefined | undefined;
127
- "aria-rowcount"?: number | undefined | undefined;
128
- "aria-rowindex"?: number | undefined | undefined;
129
- "aria-rowindextext"?: string | undefined | undefined;
130
- "aria-rowspan"?: number | undefined | undefined;
131
- "aria-selected"?: (boolean | "true" | "false") | undefined;
132
- "aria-setsize"?: number | undefined | undefined;
133
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
134
- "aria-valuemax"?: number | undefined | undefined;
135
- "aria-valuemin"?: number | undefined | undefined;
136
- "aria-valuenow"?: number | undefined | undefined;
137
- "aria-valuetext"?: string | undefined | undefined;
138
- children?: import("react").ReactNode;
139
- dangerouslySetInnerHTML?: {
140
- __html: string | TrustedHTML;
141
- } | undefined | undefined;
142
- onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
143
- onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
144
- onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
145
- onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
146
- onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
147
- onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
148
- onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
149
- onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
150
- onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
151
- onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
152
- onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
153
- onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
154
- onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
155
- onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
156
- onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
157
- onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
158
- onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
159
- onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
160
- onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
161
- onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
162
- onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
163
- onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
164
- onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
165
- onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
166
- onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
167
- onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
168
- onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
169
- onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
170
- onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
171
- onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
172
- onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
173
- onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
174
- onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
175
- onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
176
- onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
177
- onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
178
- onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
179
- onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
180
- onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
181
- onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
182
- onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
183
- onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
184
- onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
185
- onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
186
- onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
187
- onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
188
- onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
189
- onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
190
- onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
191
- onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
192
- onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
193
- onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
194
- onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
195
- onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
196
- onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
197
- onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
198
- onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
199
- onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
200
- onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
201
- onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
202
- onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
203
- onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
204
- onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
205
- onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
206
- onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
207
- onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
208
- onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
209
- onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
210
- onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
211
- onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
212
- onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
213
- onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
214
- onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
215
- onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
216
- onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
217
- onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
218
- onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
219
- onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
220
- onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
221
- onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
222
- onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
223
- onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
224
- onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
225
- onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
226
- onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
227
- onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
228
- onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
229
- onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
230
- onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
231
- onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
232
- onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
233
- onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
234
- onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
235
- onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
236
- onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
237
- onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
238
- onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
239
- onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
240
- onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
241
- onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
242
- onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
243
- onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
244
- onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
245
- onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
246
- onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
247
- onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
248
- onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
249
- onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
250
- onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
251
- onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
252
- onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
253
- onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
254
- onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
255
- onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
256
- onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
257
- onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
258
- onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
259
- onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
260
- onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
261
- onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
262
- onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
263
- onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
264
- onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
265
- onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
266
- onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
267
- onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
268
- onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
269
- onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
270
- onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
271
- onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
272
- onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
273
- onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
274
- onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
275
- onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
276
- onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
277
- onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
278
- onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
279
- onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
280
- onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
281
- onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
282
- onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
283
- onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
284
- onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
285
- onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
286
- onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
287
- onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
288
- onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
289
- onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
290
- onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
291
- onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
292
- onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
293
- onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
294
- onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
295
- onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
296
- onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
297
- onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
298
- onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
299
- onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
300
- onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
301
- onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
302
- onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
303
- onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
304
- onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
305
- onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
306
- onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
307
- onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
308
- onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
309
- onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
310
- key?: import("react").Key | null | undefined;
311
- asChild?: boolean | undefined;
312
- indicatorClassName?: string | undefined;
313
- }>) => import("react/jsx-runtime").JSX.Element)[];
314
92
  };
315
93
  export default meta;
316
- type Story = StoryObj<typeof meta>;
94
+ type Story = StoryObj<typeof Progress>;
317
95
  export declare const Default: Story;
318
- export declare const Empty: Story;
319
- export declare const Quarter: Story;
320
- export declare const Half: Story;
321
- export declare const ThreeQuarters: Story;
322
- export declare const Complete: Story;
96
+ export declare const AllStops: Story;
323
97
  export declare const CustomMax: Story;
98
+ export declare const InteractiveLoading: Story;
99
+ export declare const WithAccessibleLabel: Story;
100
+ export declare const IndeterminateAntiPattern: Story;
324
101
  //# sourceMappingURL=Progress.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Progress.stories.d.ts","sourceRoot":"","sources":["../../../src/components/progress/Progress.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAGF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC"}
1
+ {"version":3,"file":"Progress.stories.d.ts","sourceRoot":"","sources":["../../../src/components/progress/Progress.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAY5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAoFtC,iBAAS,gBAAgB,4CAmBxB;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6EuB,CAAC;AAElC,eAAe,IAAI,CAAC;AAGpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AA+MvC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiCtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KA4CvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA+DhC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAuCjC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KA2CtC,CAAC"}