@tiddh/brave-vue 1.93.242 → 1.93.243

package/dist/src/components/Buttons/ButtonWithIcon.stories.js

@@ -1,133 +1,133 @@
-import { action } from "@storybook/addon-actions";
-import { linkTo } from "@storybook/addon-links";
-import { withKnobs, text, boolean, select } from "@storybook/addon-knobs";
-
-import Button from "./Button";
-import Icon from "../Icons/Icon";
-
-export default {
-	title: "Buttons/ButtonWithIcon",
-	decorators: [withKnobs],
-	component: [Button, Icon],
-};
-
-const sizeList = {
-	XLarge: "xl",
-	Large: "lg",
-	Medium: "md",
-	Small: "sm",
-};
-
-export const ButtonWithIcon = () => ({
-	components: { Button, Icon },
-	props: {
-		sizes: {
-			default: select("Size", sizeList, "md"),
-		},
-		disabled: {
-			default: boolean("Disabled", false),
-		},
-		inverted: {
-			default: boolean("Inverted", false),
-		},
-		icon: {
-			default: text("Icon", "left"),
-		},
-	},
-	template: `<div :style="inverted ? 'background: #E5F1FB' : null">
-    <div class="storybook-6"> 
-      <Button kind="ghost" :size="sizes" :icon="icon" width="fluid" :disabled="disabled" :inverted="inverted"@click="action"> 
-        <Icon name="check"  stroke="transparent" size="md" /> 
-        <span>Fluid - Cols 6 </span>
-      </Button> 
-    </div> 
-    <br> 
-    <div class="storybook-12"> 
-      <Button kind="ghost" :size="sizes" :icon="icon" width="fluid" :disabled="disabled" :inverted="inverted"@click="action"> 
-      <Icon name="collapse"  size="md" stroke="transparent" size="md" /> 
-      <span>Fluid - Cols 12 </span>
-      </Button> 
-    </div> 
-    <br> 
-    <div class="storybook-25"> 
-      <Button kind="ghost" :size="sizes" :icon="icon" width="fluid" :disabled="disabled" :inverted="inverted"@click="action"> 
-        <Icon name="collapse"  size="md" stroke="transparent" size="md" /> 
-        <span>Fluid - Cols 25 </span>
-      </Button> 
-    </div> 
-    <br> 
-
-    <div class="storybook-6"> 
-      <Button kind="ghost" :size="sizes" icon="right" width="fluid" :disabled="disabled" :inverted="inverted"@click="action"> 
-        <span>Fluid - Cols 6 </span>
-        <Icon name="collapse"  size="md" stroke="transparent" size="md" /> 
-      </Button> 
-    </div> 
-    <br> 
-    <div class="storybook-12"> 
-      <Button kind="ghost" :size="sizes" icon="right" width="fluid" :disabled="disabled" :inverted="inverted"@click="action"> 
-      <span>Fluid - Cols 12 </span>
-      <Icon name="collapse"  size="md" stroke="transparent" size="md" /> 
-      </Button> 
-    </div> 
-    <br> 
-    <div class="storybook-25"> 
-      <Button kind="ghost" :size="sizes" icon="right" width="fluid" :disabled="disabled" :inverted="inverted"@click="action"> 
-        <span>Fluid - Cols 25 </span>
-        <Icon name="collapse"  stroke="transparent" size="md" /> 
-      </Button> 
-    </div> 
-    <br> 
-
-
-    <div> 
-      <Button kind="ghost" :size="sizes" :icon="icon" width="liquid"  :disabled="disabled" :inverted="inverted" @click="action"> 
-        <Icon name="collapse"  stroke="transparent" size="md" /> 
-        <span>Liquid - CANCELAR</span>
-      </Button> 
-    </div> 
-    <br> 
-    <div> 
-      <Button kind="ghost" :size="sizes" :icon="icon" width="liquid"  :disabled="disabled" :inverted="inverted" @click="action"> 
-        <Icon name="collapse"  stroke="transparent" size="md" /> 
-        <span>Liquid - ESCOLHA O GENERO</span>
-      </Button> 
-    </div> 
-    <br> 
-    <div> 
-      <Button kind="ghost" :size="sizes" :icon="icon" width="liquid"  :disabled="disabled" :inverted="inverted" @click="action"> 
-        <Icon name="collapse"  stroke="transparent" size="md" /> 
-        <span>Liquid - ESCREVA O SEU DA SUA CRIANÇA</span>
-      </Button> 
-    </div> 
-    <br> 
-
-
-    <div> 
-      <Button kind="ghost" :size="sizes" icon="right" width="liquid"  :disabled="disabled" :inverted="inverted" @click="action"> 
-        <span>Liquid - CANCELAR</span>
-        <Icon name="collapse"  stroke="transparent" size="md" /> 
-      </Button> 
-    </div> 
-    <br> 
-    <div> 
-      <Button kind="ghost" :size="sizes" icon="right" width="liquid"  :disabled="disabled" :inverted="inverted" @click="action"> 
-        <span>Liquid - ESCOLHA O GENERO</span>
-        <Icon name="collapse"  stroke="transparent" size="md" /> 
-      </Button> 
-    </div> 
-    <br> 
-    <div> 
-      <Button kind="ghost" :size="sizes" icon="left" width="fluid"  :disabled="disabled" :inverted="inverted" @click="action"> 
-        <span>Fluid - ESCREVA O SEU DA SUA</span>
-        <Icon name="collapse"  stroke="transparent" size="md" /> 
-      </Button> 
-    </div> 
-    <br> 
-
-
-
-    </div> 
-  </div>`,
-	methods: { action: action("clicked") },
-});
+import { action } from "@storybook/addon-actions";
+import { linkTo } from "@storybook/addon-links";
+import { withKnobs, text, boolean, select } from "@storybook/addon-knobs";
+
+import Button from "./Button";
+import Icon from "../Icons/Icon";
+
+export default {
+	title: "Buttons/ButtonWithIcon",
+	decorators: [withKnobs],
+	component: [Button, Icon],
+};
+
+const sizeList = {
+	XLarge: "xl",
+	Large: "lg",
+	Medium: "md",
+	Small: "sm",
+};
+
+export const ButtonWithIcon = () => ({
+	components: { Button, Icon },
+	props: {
+		sizes: {
+			default: select("Size", sizeList, "md"),
+		},
+		disabled: {
+			default: boolean("Disabled", false),
+		},
+		inverted: {
+			default: boolean("Inverted", false),
+		},
+		icon: {
+			default: text("Icon", "left"),
+		},
+	},
+	template: `<div :style="inverted ? 'background: #E5F1FB' : null">
+    <div class="storybook-6"> 
+      <Button kind="ghost" :size="sizes" :icon="icon" width="fluid" :disabled="disabled" :inverted="inverted"@click="action"> 
+        <Icon name="check"  stroke="transparent" size="md" /> 
+        <span>Fluid - Cols 6 </span>
+      </Button> 
+    </div> 
+    <br> 
+    <div class="storybook-12"> 
+      <Button kind="ghost" :size="sizes" :icon="icon" width="fluid" :disabled="disabled" :inverted="inverted"@click="action"> 
+      <Icon name="collapse"  size="md" stroke="transparent" size="md" /> 
+      <span>Fluid - Cols 12 </span>
+      </Button> 
+    </div> 
+    <br> 
+    <div class="storybook-25"> 
+      <Button kind="ghost" :size="sizes" :icon="icon" width="fluid" :disabled="disabled" :inverted="inverted"@click="action"> 
+        <Icon name="collapse"  size="md" stroke="transparent" size="md" /> 
+        <span>Fluid - Cols 25 </span>
+      </Button> 
+    </div> 
+    <br> 
+
+    <div class="storybook-6"> 
+      <Button kind="ghost" :size="sizes" icon="right" width="fluid" :disabled="disabled" :inverted="inverted"@click="action"> 
+        <span>Fluid - Cols 6 </span>
+        <Icon name="collapse"  size="md" stroke="transparent" size="md" /> 
+      </Button> 
+    </div> 
+    <br> 
+    <div class="storybook-12"> 
+      <Button kind="ghost" :size="sizes" icon="right" width="fluid" :disabled="disabled" :inverted="inverted"@click="action"> 
+      <span>Fluid - Cols 12 </span>
+      <Icon name="collapse"  size="md" stroke="transparent" size="md" /> 
+      </Button> 
+    </div> 
+    <br> 
+    <div class="storybook-25"> 
+      <Button kind="ghost" :size="sizes" icon="right" width="fluid" :disabled="disabled" :inverted="inverted"@click="action"> 
+        <span>Fluid - Cols 25 </span>
+        <Icon name="collapse"  stroke="transparent" size="md" /> 
+      </Button> 
+    </div> 
+    <br> 
+
+
+    <div> 
+      <Button kind="ghost" :size="sizes" :icon="icon" width="liquid"  :disabled="disabled" :inverted="inverted" @click="action"> 
+        <Icon name="collapse"  stroke="transparent" size="md" /> 
+        <span>Liquid - CANCELAR</span>
+      </Button> 
+    </div> 
+    <br> 
+    <div> 
+      <Button kind="ghost" :size="sizes" :icon="icon" width="liquid"  :disabled="disabled" :inverted="inverted" @click="action"> 
+        <Icon name="collapse"  stroke="transparent" size="md" /> 
+        <span>Liquid - ESCOLHA O GENERO</span>
+      </Button> 
+    </div> 
+    <br> 
+    <div> 
+      <Button kind="ghost" :size="sizes" :icon="icon" width="liquid"  :disabled="disabled" :inverted="inverted" @click="action"> 
+        <Icon name="collapse"  stroke="transparent" size="md" /> 
+        <span>Liquid - ESCREVA O SEU DA SUA CRIANÇA</span>
+      </Button> 
+    </div> 
+    <br> 
+
+
+    <div> 
+      <Button kind="ghost" :size="sizes" icon="right" width="liquid"  :disabled="disabled" :inverted="inverted" @click="action"> 
+        <span>Liquid - CANCELAR</span>
+        <Icon name="collapse"  stroke="transparent" size="md" /> 
+      </Button> 
+    </div> 
+    <br> 
+    <div> 
+      <Button kind="ghost" :size="sizes" icon="right" width="liquid"  :disabled="disabled" :inverted="inverted" @click="action"> 
+        <span>Liquid - ESCOLHA O GENERO</span>
+        <Icon name="collapse"  stroke="transparent" size="md" /> 
+      </Button> 
+    </div> 
+    <br> 
+    <div> 
+      <Button kind="ghost" :size="sizes" icon="left" width="fluid"  :disabled="disabled" :inverted="inverted" @click="action"> 
+        <span>Fluid - ESCREVA O SEU DA SUA</span>
+        <Icon name="collapse"  stroke="transparent" size="md" /> 
+      </Button> 
+    </div> 
+    <br> 
+
+
+
+    </div> 
+  </div>`,
+	methods: { action: action("clicked") },
+});

package/dist/src/components/Buttons/Ghost.stories.js

@@ -1,78 +1,78 @@
-import { action } from "@storybook/addon-actions";
-import { linkTo } from "@storybook/addon-links";
-import { withKnobs, text, boolean, select } from "@storybook/addon-knobs";
-
-import Button from "./Button";
-import Icon from "../Icons/Icon";
-
-export default {
-	title: "Buttons/Ghost",
-	decorators: [withKnobs],
-	component: Button,
-};
-
-const sizeList = {
-	XLarge: "xl",
-	Large: "lg",
-	Medium: "md",
-	Small: "sm",
-};
-
-export const Ghost = () => ({
-	components: { Button, Icon },
-	props: {
-		sizes: {
-			default: select("Size", sizeList, "md"),
-		},
-		disabled: {
-			default: boolean("Disabled", false),
-		},
-		inverted: {
-			default: boolean("Inverted", false),
-		},
-	},
-	template: `<div style="background: #E5F1FB">
-    <div class="storybook-6"> 
-      <Button kind="ghost" :size="sizes" width="fluid" :disabled="disabled" :inverted="inverted" @click="action"> 
-        Fluid - Cols 6 
-      </Button> 
-    </div> 
-    <br> 
-    <div class="storybook-12"> 
-      <Button kind="ghost" :size="sizes" width="fluid" :disabled="disabled" :inverted="inverted" @click="action"> 
-        Fluid - Cols 12 
-      </Button> 
-    </div> 
-    <br> 
-    <div class="storybook-25"> 
-      <Button kind="ghost" :size="sizes" width="fluid" :disabled="disabled" :inverted="inverted" @click="action"> 
-        Fluid - Cols 25 
-      </Button> 
-    </div> 
-    <br> 
-    <div> 
-      <Button kind="ghost" :size="sizes" width="liquid"  :disabled="disabled" :inverted="inverted"  @click="action"> 
-        Liquid - CANCELAR 
-      </Button> 
-    </div> 
-    <br> 
-    <div> 
-      <Button kind="ghost" :size="sizes" width="liquid"  :disabled="disabled" :inverted="inverted"  @click="action"> 
-        Liquid - ESCOLHA O GENERO 
-      </Button> 
-    </div> 
-    <br> 
-    <div> 
-      <Button kind="ghost" :size="sizes" width="liquid"  :disabled="disabled" :inverted="inverted"  @click="action"> 
-        Liquid - ESCREVA O SEU DA SUA CRIANÇA 
-      </Button> 
-    </div> 
-    <br> 
-    <div> 
-      <Button kind="ghost" :size="sizes" width="circle"  :disabled="disabled" :inverted="inverted"  @click="action"> 
-        <Icon name="chevron-right" fill="#000" stroke="transparent" size="md" />       
-      </Button> 
-    </div> 
-  </div>`,
-	methods: { action: action("clicked") },
-});
+import { action } from "@storybook/addon-actions";
+import { linkTo } from "@storybook/addon-links";
+import { withKnobs, text, boolean, select } from "@storybook/addon-knobs";
+
+import Button from "./Button";
+import Icon from "../Icons/Icon";
+
+export default {
+	title: "Buttons/Ghost",
+	decorators: [withKnobs],
+	component: Button,
+};
+
+const sizeList = {
+	XLarge: "xl",
+	Large: "lg",
+	Medium: "md",
+	Small: "sm",
+};
+
+export const Ghost = () => ({
+	components: { Button, Icon },
+	props: {
+		sizes: {
+			default: select("Size", sizeList, "md"),
+		},
+		disabled: {
+			default: boolean("Disabled", false),
+		},
+		inverted: {
+			default: boolean("Inverted", false),
+		},
+	},
+	template: `<div style="background: #E5F1FB">
+    <div class="storybook-6"> 
+      <Button kind="ghost" :size="sizes" width="fluid" :disabled="disabled" :inverted="inverted" @click="action"> 
+        Fluid - Cols 6 
+      </Button> 
+    </div> 
+    <br> 
+    <div class="storybook-12"> 
+      <Button kind="ghost" :size="sizes" width="fluid" :disabled="disabled" :inverted="inverted" @click="action"> 
+        Fluid - Cols 12 
+      </Button> 
+    </div> 
+    <br> 
+    <div class="storybook-25"> 
+      <Button kind="ghost" :size="sizes" width="fluid" :disabled="disabled" :inverted="inverted" @click="action"> 
+        Fluid - Cols 25 
+      </Button> 
+    </div> 
+    <br> 
+    <div> 
+      <Button kind="ghost" :size="sizes" width="liquid"  :disabled="disabled" :inverted="inverted"  @click="action"> 
+        Liquid - CANCELAR 
+      </Button> 
+    </div> 
+    <br> 
+    <div> 
+      <Button kind="ghost" :size="sizes" width="liquid"  :disabled="disabled" :inverted="inverted"  @click="action"> 
+        Liquid - ESCOLHA O GENERO 
+      </Button> 
+    </div> 
+    <br> 
+    <div> 
+      <Button kind="ghost" :size="sizes" width="liquid"  :disabled="disabled" :inverted="inverted"  @click="action"> 
+        Liquid - ESCREVA O SEU DA SUA CRIANÇA 
+      </Button> 
+    </div> 
+    <br> 
+    <div> 
+      <Button kind="ghost" :size="sizes" width="circle"  :disabled="disabled" :inverted="inverted"  @click="action"> 
+        <Icon name="chevron-right" fill="#000" stroke="transparent" size="md" />       
+      </Button> 
+    </div> 
+  </div>`,
+	methods: { action: action("clicked") },
+});

package/dist/src/components/Buttons/Link.stories.js

@@ -1,77 +1,77 @@
-import { action } from "@storybook/addon-actions";
-import { linkTo } from "@storybook/addon-links";
-import { withKnobs, text, boolean, select } from "@storybook/addon-knobs";
-
-import Button from "./Button";
-
-export default {
-	title: "Buttons/Link",
-	decorators: [withKnobs],
-	component: Button,
-};
-
-const sizeList = {
-	XLarge: "xl",
-	Large: "lg",
-	Medium: "md",
-	Small: "sm",
-};
-
-export const Link = () => ({
-	components: { Button },
-	props: {
-		sizes: {
-			default: select("Size", sizeList, "md"),
-		},
-		disabled: {
-			default: boolean("Disabled", false),
-		},
-		inverted: {
-			default: boolean("Inverted", false),
-		},
-	},
-	template: `<div style="background: #E5F1FB">
-    <div class="storybook-6"> 
-      <Button kind="link" :size="sizes" width="fluid" :disabled="disabled" :inverted="inverted" @click="action"> 
-        Fluid - Cols 6 
-      </Button> 
-    </div> 
-    <br> 
-    <div class="storybook-12"> 
-      <Button kind="link" :size="sizes" width="fluid" :disabled="disabled" :inverted="inverted" @click="action"> 
-        Fluid - Cols 12 
-      </Button> 
-    </div> 
-    <br> 
-    <div class="storybook-25"> 
-      <Button kind="link" :size="sizes" width="fluid" :disabled="disabled" :inverted="inverted" @click="action"> 
-        Fluid - Cols 25 
-      </Button> 
-    </div> 
-    <br> 
-    <div> 
-      <Button kind="link" :size="sizes" width="liquid"  :disabled="disabled" :inverted="inverted"  @click="action"> 
-        Liquid - CANCELAR 
-      </Button> 
-    </div> 
-    <br> 
-    <div> 
-      <Button kind="link" :size="sizes" width="liquid"  :disabled="disabled" :inverted="inverted"  @click="action"> 
-        Liquid - ESCOLHA O GENERO 
-      </Button> 
-    </div> 
-    <br> 
-    <div> 
-      <Button kind="link" :size="sizes" width="liquid"  :disabled="disabled" :inverted="inverted"  @click="action"> 
-        Liquid - ESCREVA O SEU DA SUA CRIANÇA 
-      </Button> 
-    </div> 
-    <br> 
-    <div> 
-      <Button kind="link" size="md" width="circle"  :disabled="disabled" :inverted="inverted"  @click="action"> 
-        <Icon name="chevron-right" fill="#000" stroke="transparent" />       
-      </Button> 
-    </div> 
-  </div>`,
-	methods: { action: action("clicked") },
-});
+import { action } from "@storybook/addon-actions";
+import { linkTo } from "@storybook/addon-links";
+import { withKnobs, text, boolean, select } from "@storybook/addon-knobs";
+
+import Button from "./Button";
+
+export default {
+	title: "Buttons/Link",
+	decorators: [withKnobs],
+	component: Button,
+};
+
+const sizeList = {
+	XLarge: "xl",
+	Large: "lg",
+	Medium: "md",
+	Small: "sm",
+};
+
+export const Link = () => ({
+	components: { Button },
+	props: {
+		sizes: {
+			default: select("Size", sizeList, "md"),
+		},
+		disabled: {
+			default: boolean("Disabled", false),
+		},
+		inverted: {
+			default: boolean("Inverted", false),
+		},
+	},
+	template: `<div style="background: #E5F1FB">
+    <div class="storybook-6"> 
+      <Button kind="link" :size="sizes" width="fluid" :disabled="disabled" :inverted="inverted" @click="action"> 
+        Fluid - Cols 6 
+      </Button> 
+    </div> 
+    <br> 
+    <div class="storybook-12"> 
+      <Button kind="link" :size="sizes" width="fluid" :disabled="disabled" :inverted="inverted" @click="action"> 
+        Fluid - Cols 12 
+      </Button> 
+    </div> 
+    <br> 
+    <div class="storybook-25"> 
+      <Button kind="link" :size="sizes" width="fluid" :disabled="disabled" :inverted="inverted" @click="action"> 
+        Fluid - Cols 25 
+      </Button> 
+    </div> 
+    <br> 
+    <div> 
+      <Button kind="link" :size="sizes" width="liquid"  :disabled="disabled" :inverted="inverted"  @click="action"> 
+        Liquid - CANCELAR 
+      </Button> 
+    </div> 
+    <br> 
+    <div> 
+      <Button kind="link" :size="sizes" width="liquid"  :disabled="disabled" :inverted="inverted"  @click="action"> 
+        Liquid - ESCOLHA O GENERO 
+      </Button> 
+    </div> 
+    <br> 
+    <div> 
+      <Button kind="link" :size="sizes" width="liquid"  :disabled="disabled" :inverted="inverted"  @click="action"> 
+        Liquid - ESCREVA O SEU DA SUA CRIANÇA 
+      </Button> 
+    </div> 
+    <br> 
+    <div> 
+      <Button kind="link" size="md" width="circle"  :disabled="disabled" :inverted="inverted"  @click="action"> 
+        <Icon name="chevron-right" fill="#000" stroke="transparent" />       
+      </Button> 
+    </div> 
+  </div>`,
+	methods: { action: action("clicked") },
+});