@flightlesslabs/dodo-ui 0.2.0 → 0.4.0

package/dist/index.d.ts

@@ -1,5 +1,20 @@
 import './styles/global.css';
 export type { ComponentSize, ComponentRoundness, ComponentRoundnessFull } from './types.js';
+/** developer tools: components: UtilityButton */
+export { default as UtilityButton } from './stories/developer tools/components/UtilityButton/UtilityButton.svelte';
 /** Form: Button */
 export { default as Button } from './stories/components/Form/Button/Button.svelte';
 export type { ButtonColor, ButtonRoundness, ButtonLinkTarget, ButtonLinkReferrerpolicy, } from './stories/components/Form/Button/Button.svelte';
+/** Form: TextInput */
+export { default as TextInput } from './stories/components/Form/TextInput/TextInput.svelte';
+export type { TextInputRoundness, TextInputType, TextInputFocusEvent, TextInputClipboardEvent, } from './stories/components/Form/TextInput/TextInput.svelte';
+/** Form: PasswordInput */
+export { default as PasswordInput } from './stories/components/Form/PasswordInput/PasswordInput.svelte';
+export type { PasswordInputToggleEvent } from './stories/components/Form/PasswordInput/PasswordInput.svelte';
+/** Form: Label */
+export { default as Label } from './stories/components/Form/Label/Label.svelte';
+/** Form: FormControl */
+export { default as FormControl } from './stories/components/Form/FormControl/FormControl.svelte';
+/** Form: Message */
+export { default as Message } from './stories/components/Form/Message/Message.svelte';
+export type { MessageColor } from './stories/components/Form/Message/Message.svelte';

package/dist/index.js

@@ -1,3 +1,15 @@
 import './styles/global.css';
+/** developer tools: components: UtilityButton */
+export { default as UtilityButton } from './stories/developer tools/components/UtilityButton/UtilityButton.svelte';
 /** Form: Button */
 export { default as Button } from './stories/components/Form/Button/Button.svelte';
+/** Form: TextInput */
+export { default as TextInput } from './stories/components/Form/TextInput/TextInput.svelte';
+/** Form: PasswordInput */
+export { default as PasswordInput } from './stories/components/Form/PasswordInput/PasswordInput.svelte';
+/** Form: Label */
+export { default as Label } from './stories/components/Form/Label/Label.svelte';
+/** Form: FormControl */
+export { default as FormControl } from './stories/components/Form/FormControl/FormControl.svelte';
+/** Form: Message */
+export { default as Message } from './stories/components/Form/Message/Message.svelte';

package/dist/stories/Home.mdx

@@ -37,7 +37,7 @@ npm i @flightlesslabs/dodo-ui
 `}
 />
 
-## Use one of the components
+## Use it!
 
 Lets import [Button](?path=/docs/components-form-button--docs) component
 

package/dist/stories/components/Form/Button/Button.stories.svelte

@@ -16,7 +16,7 @@ export const storyButtonArgTypes = {
     },
     roundness: {
         control: { type: 'select' },
-        options: [false, 1, 2, 3, 'full'],
+        options: [false, '1x', '2x', '3x', 'full'],
     },
     size: {
         control: { type: 'select' },
@@ -50,20 +50,25 @@ const { Story } = defineMeta({
   <Button>Click me!</Button>
 </Story>
 
-<Story name="Disabled" args={{ disabled: true }}>
-  <Button disabled>Click me!</Button>
-</Story>
-
 <!-- Button with border around it -->
 <Story name="Outline" args={{ outline: true }}>
   <Button outline>Click me!</Button>
 </Story>
 
+<Story name="Disabled" args={{ disabled: true }}>
+  <Button disabled>Click me!</Button>
+</Story>
+
 <!-- Form submit button -->
 <Story name="Sumbit Button" args={{ type: 'submit' }}>
   <Button type="submit">Submit Form</Button>
 </Story>
 
+<!-- Form submit button -->
+<Story name="Full width Button" args={{ fullWidth: true }}>
+  <Button fullWidth>Click me!</Button>
+</Story>
+
 <!-- Anchor Link styled like a Button -->
 <Story
   name="Link Button"