docs(solid): update types

chakra-ui · Apr 25, 2023 · 2d6b96e · 2d6b96e
1 parent ecccae4
commit 2d6b96e
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 3 deletions.
diff --git a/packages/solid/src/color-picker/docs/color-picker.mdx b/packages/solid/src/color-picker/docs/color-picker.mdx
@@ -19,7 +19,7 @@ import {
   ColorPickerSliderTrack,
   ColorPickerSwatch,
   ColorPickerSwatchGroup,
-} from '@ark-ui/react'
+} from '@ark-ui/solid'
 ```
 
 ## Usage

diff --git a/packages/solid/src/color-picker/docs/color-picker.stories.json b/packages/solid/src/color-picker/docs/color-picker.stories.json
@@ -1,3 +1,3 @@
 {
-  "Basic": "const Basic = () => (\n  <ColorPicker value=\"hsl(10, 81%, 59%)\">\n    {(api) => {\n      const [hue, saturation, lightness] = api.channels\n      return (\n        <ColorPickerContent>\n          <output>\n            <div>Color: {api.value}</div>\n          </output>\n          <ColorPickerArea xChannel={saturation} yChannel={lightness}>\n            <ColorPickerAreaGradient />\n            <ColorPickerAreaThumb />\n          </ColorPickerArea>\n\n          <ColorPickerSwatch value={api.value} readOnly />\n\n          <ColorPickerSliderTrack channel={hue}>\n            <ColorPickerSliderThumb />\n          </ColorPickerSliderTrack>\n\n          <ColorPickerSliderTrack channel=\"alpha\">\n            <ColorPickerSliderThumb />\n          </ColorPickerSliderTrack>\n\n          <ColorPickerChannelInput channel={hue} />\n          <ColorPickerChannelInput channel={saturation} />\n          <ColorPickerChannelInput channel={lightness} />\n\n          <ColorPickerChannelInput channel=\"alpha\" />\n          <ColorPickerChannelInput channel=\"hex\" />\n\n          <ColorPickerSwatchGroup>\n            <ColorPickerSwatch value=\"#123123\" />\n            <ColorPickerSwatch value=\"#ff1321\" />\n          </ColorPickerSwatchGroup>\n\n          <ColorPickerEyeDropperTrigger>\n            <button>Pick color</button>\n          </ColorPickerEyeDropperTrigger>\n        </ColorPickerContent>\n      )\n    }}\n  </ColorPicker>\n)"
+  "Basic": "const Basic = () => (\n  <ColorPicker value=\"hsla(10, 81%, 59%, 1)\">\n    {(api) => {\n      const [hue, saturation, lightness] = api.channels\n      return (\n        <ColorPickerContent>\n          <output>\n            <ColorPickerSwatch value={api.value} readOnly />\n            <span>{api.value}</span>\n          </output>\n\n          <ColorPickerArea xChannel={saturation} yChannel={lightness}>\n            <ColorPickerAreaGradient />\n            <ColorPickerAreaThumb />\n          </ColorPickerArea>\n\n          <ColorPickerSliderTrack channel={hue}>\n            <ColorPickerSliderThumb />\n          </ColorPickerSliderTrack>\n          <ColorPickerSliderTrack channel=\"alpha\">\n            <ColorPickerSliderThumb />\n          </ColorPickerSliderTrack>\n\n          <ColorPickerChannelInput channel={hue} />\n          <ColorPickerChannelInput channel={saturation} />\n          <ColorPickerChannelInput channel={lightness} />\n          <ColorPickerChannelInput channel=\"alpha\" />\n          <ColorPickerChannelInput channel=\"hex\" />\n\n          <ColorPickerSwatchGroup>\n            <ColorPickerSwatch value=\"hsla(153, 46%, 13%, 1)\" />\n            <ColorPickerSwatch value=\"hsla(356, 100%, 54%, 1)\" />\n          </ColorPickerSwatchGroup>\n          <ColorPickerEyeDropperTrigger>\n            <button>Pick color</button>\n          </ColorPickerEyeDropperTrigger>\n        </ColorPickerContent>\n      )\n    }}\n  </ColorPicker>\n)"
 }
diff --git a/packages/solid/src/color-picker/docs/color-picker.types.json b/packages/solid/src/color-picker/docs/color-picker.types.json
@@ -41,5 +41,8 @@
     "xChannel": { "type": "ColorChannel", "isRequired": true },
     "yChannel": { "type": "ColorChannel", "isRequired": true }
   },
-  "ColorPickerSwatchProps": { "readOnly": { "type": "boolean", "isRequired": false } }
+  "ColorPickerSwatchProps": {
+    "value": { "type": "string | Color", "isRequired": true },
+    "readOnly": { "type": "boolean", "isRequired": false }
+  }
 }
diff --git a/packages/solid/src/combobox/docs/combobox.mdx b/packages/solid/src/combobox/docs/combobox.mdx
@@ -0,0 +1,27 @@
+---
+id: combobox
+name: Combobox
+description: TODO
+---
+
+## Import
+
+```ts
+import {
+  Combobox,
+  ComboboxContent,
+  ComboboxControl,
+  ComboboxInput,
+  ComboboxLabel,
+  ComboboxOption,
+  ComboboxOptionProps,
+  ComboboxPositioner,
+  ComboboxProps,
+  ComboboxTrigger,
+  Portal,
+} from '@ark-ui/solid'
+```
+
+## Usage
+
+TBD