fix: builtin controls component types

histoire-dev · Dec 19, 2022 · 98d0713 · 98d0713
1 parent 041922c
commit 98d0713
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 20 deletions.
diff --git a/packages/histoire-controls/src/index.ts b/packages/histoire-controls/src/index.ts
@@ -40,12 +40,12 @@ export const components = {
   HstSlider,
   HstTextarea,
   HstSelect,
+  HstRadio,
+  HstJson,
   HstColorShades,
   HstTokenList,
   HstTokenGrid,
   HstCopyIcon,
-  HstRadio,
-  HstJson,
 }
 
 export * from './types'
diff --git a/packages/histoire-plugin-svelte/src/index.ts b/packages/histoire-plugin-svelte/src/index.ts
@@ -60,7 +60,7 @@ export interface Hst {
   Button: typeof SvelteComponentTyped
   ButtonGroup: typeof SvelteComponentTyped<{
     value: string
-    options: HstControlOption[]
+    options: (string | HstControlOption)[]
     title?: string
   }>
   Checkbox: typeof SvelteComponentTyped<{
@@ -69,7 +69,7 @@ export interface Hst {
   }>
   CheckboxList: typeof SvelteComponentTyped<{
     value: string[]
-    options: HstControlOption[]
+    options: (string | HstControlOption)[]
     title?: string
   }>
   Text: typeof SvelteComponentTyped<{

diff --git a/packages/histoire-plugin-vue/components.d.ts b/packages/histoire-plugin-vue/components.d.ts
@@ -6,19 +6,21 @@ import type {
   Variant,
 } from '@histoire/shared'
 import type {
+  HstButton,
+  HstButtonGroup,
   HstCheckbox,
+  HstCheckboxList,
   HstText,
-  HstTextarea,
   HstNumber,
-  HstTokenGrid,
-  HstTokenList,
-  HstColorShades,
+  HstSlider,
+  HstTextarea,
   HstSelect,
-  HstButton,
-  HstButtonGroup,
-  HstCheckboxList,
+  HstRadio,
   HstJson,
-  HstSlider,
+  HstColorShades,
+  HstTokenList,
+  HstTokenGrid,
+  HstCopyIcon,
 } from '@histoire/controls'
 
 // Utils
@@ -138,18 +140,20 @@ declare module '@vue/runtime-core' {
     Story: typeof VueStoryComponent
     Variant: typeof VueVariantComponent
     // Controls
+    HstButton: typeof HstButton
+    HstButtonGroup: typeof HstButtonGroup
     HstCheckbox: typeof HstCheckbox
+    HstCheckboxList: typeof HstCheckboxList
     HstText: typeof HstText
-    HstTextarea: typeof HstTextarea
     HstNumber: typeof HstNumber
-    HstTokenGrid: typeof HstTokenGrid
-    HstTokenList: typeof HstTokenList
-    HstColorShades: typeof HstColorShades
+    HstSlider: typeof HstSlider
+    HstTextarea: typeof HstTextarea
     HstSelect: typeof HstSelect
-    HstButton: typeof HstButton
-    HstButtonGroup: typeof HstButtonGroup
-    HstCheckboxList: typeof HstCheckboxList
+    HstRadio: typeof HstRadio
     HstJson: typeof HstJson
-    HstSlider: typeof HstSlider
+    HstColorShades: typeof HstColorShades
+    HstTokenList: typeof HstTokenList
+    HstTokenGrid: typeof HstTokenGrid
+    HstCopyIcon: typeof HstCopyIcon
   }
 }