@fiscozen/dropdown 0.1.0

package/.eslintrc.cjs

@@ -0,0 +1,18 @@
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution')
+
+module.exports = {
+  root: true,
+  'extends': ['@fiscozen/eslint-config', 'plugin:storybook/recommended'],
+  overrides: [
+    {
+      files: [
+        'cypress/e2e/**/*.{cy,spec}.{js,ts,jsx,tsx}',
+        'cypress/support/**/*.{js,ts,jsx,tsx}'
+      ],
+      'extends': [
+        'plugin:cypress/recommended'
+      ]
+    }
+  ]
+}

package/.prettierrc.js

@@ -0,0 +1,5 @@
+import fiscozenPrettierConfig from '@fiscozen/prettier-config';
+
+export default {
+    ...fiscozenPrettierConfig
+};

package/README.md

@@ -0,0 +1,3 @@
+# @fiscozen/dropdown
+
+The dropdow component provides a compact interface for presenting multiple related actions or options within a single button.

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './src/index'

package/dist/src/FzTopbar.vue.d.ts

@@ -0,0 +1,92 @@
+import { RouteLocationRaw } from 'vue-router';
+
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Type of the topbar which dictates the appearance
+     */
+    type?: "danger" | "default" | undefined;
+    /**
+     * Style which dictates the action rendered
+     */
+    style?: "button" | "link" | "none" | "icon-button" | "hybrid" | undefined;
+    /**
+     * Action label
+     */
+    actionLabel?: string | undefined;
+    /**
+     * Action tooltip
+     */
+    actionTooltip?: string | undefined;
+    /**
+     * Action link
+     */
+    actionLink?: RouteLocationRaw | undefined;
+    /**
+     * Action link
+     */
+    actionIcon?: string | undefined;
+}>, {
+    type: string;
+    style: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    actionClick: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Type of the topbar which dictates the appearance
+     */
+    type?: "danger" | "default" | undefined;
+    /**
+     * Style which dictates the action rendered
+     */
+    style?: "button" | "link" | "none" | "icon-button" | "hybrid" | undefined;
+    /**
+     * Action label
+     */
+    actionLabel?: string | undefined;
+    /**
+     * Action tooltip
+     */
+    actionTooltip?: string | undefined;
+    /**
+     * Action link
+     */
+    actionLink?: RouteLocationRaw | undefined;
+    /**
+     * Action link
+     */
+    actionIcon?: string | undefined;
+}>, {
+    type: string;
+    style: string;
+}>>> & {
+    onActionClick?: ((...args: any[]) => any) | undefined;
+}, {
+    type: "danger" | "default";
+    style: "button" | "link" | "none" | "icon-button" | "hybrid";
+}, {}>, {
+    default?(_: {}): any;
+    action?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/index.d.ts

@@ -0,0 +1 @@
+export { default as FzTopbar } from './FzTopbar.vue';

package/dist/style.css

@@ -0,0 +1 @@
+.temporary-bg-red:hover{background-color:#aa2f2f}.temporary-bg-red:disabled{background-color:#f8baba}.temporary-border-red:focus{border-color:#aa2f2f}.temporary-bg-green:hover{background-color:#0b7763}.temporary-bg-green:disabled{background-color:#b5d8ce}.temporary-border-green:focus{border-color:#0b7763}.bg-white-smoke[data-v-ea8a7c6d]{background-color:#f7f6f3}.bg-danger[data-v-ea8a7c6d]{background-color:#fef3f3}