quasar-cosmos-design-system 0.0.1

package/README.md

@@ -0,0 +1,56 @@
+# Cosmos UI Lib
+
+A Cosmos UI Lib é uma biblioteca de componentes e design system desenvolvida para o produto Cosmos, uma parceria entre as empresas Farmarcas e Febrafar. 
+
+## Tecnologias
+
+- [Quasar](https://quasar.dev/) - Um framework Vue.js de código aberto que ajuda a criar rapidamente sites e aplicativos responsivos e de alto desempenho.
+- [SASS](https://sass-lang.com/) - Um preprocessador CSS que adiciona recursos como variáveis, mixins e funções para tornar o CSS mais poderoso e fácil de manter.
+- [TypeScript](https://www.typescriptlang.org/) - Um superset do JavaScript que adiciona tipagem estática opcional e outros recursos para tornar o código mais robusto e fácil de manter.
+- [Vite](https://vitejs.dev/) - Um build tool que visa fornecer uma experiência de desenvolvimento rápida e enxuta para projetos web modernos.
+
+## Componentes
+
+A biblioteca inclui componentes prontos para uso, como:
+
+- Botões (CBtn)
+- Breadcrumbs (CBreadcrumbs)
+- ... outros componentes
+
+## Como usar
+
+Para utilizar a Cosmos UI Lib no seu projeto Quasar, siga estas etapas:
+
+1. Instale o pacote:
+```bash
+npm install cosmos-ui-lib
+```
+
+2. Configure o plugin no seu arquivo `quasar.config.js`:
+
+```js
+module.exports = configure(function (ctx) {
+  return {
+    // ...
+    framework: {
+      plugins: ['CosmosUILib']
+    }
+  }
+})
+```
+
+3. Importe o CSS no seu arquivo principal:
+
+```js
+import 'cosmos-ui-lib/dist/index.css'
+```
+
+4. Agora você pode usar os componentes da Cosmos UI Lib no seu aplicativo!
+
+## Contribuindo
+
+Se você deseja contribuir para a Cosmos UI Lib, por favor abra uma issue ou envie um pull request no nosso repositório do GitHub. Ficaremos felizes em analisar suas sugestões e melhorias.
+
+## Licença
+
+A Cosmos UI Lib é licenciada sob a [MIT License](https://opensource.org/licenses/MIT).

package/dist/components/CBreadcrumbs/CBreadcrumbs.vue.d.ts

@@ -0,0 +1,3 @@
+import { CBreadcrumbsProps } from './types';
+declare const _default: import('vue').DefineComponent<CBreadcrumbsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CBreadcrumbsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/CBreadcrumbs/index.d.ts

@@ -0,0 +1,3 @@
+import { default as CBreadcrumbs } from './CBreadcrumbs.vue';
+import { CBreadcrumbsProps, CBreadcrumbsSlots } from './types';
+export { CBreadcrumbs, type CBreadcrumbsProps, type CBreadcrumbsSlots };

package/dist/components/CBreadcrumbs/types.d.ts

@@ -0,0 +1,13 @@
+import { QBreadcrumbsProps, QBreadcrumbsElSlots } from 'quasar';
+import { CBreadcrumbs } from '.';
+export type CBreadcrumbItem = {
+    label: string;
+    icon?: string;
+    to?: string;
+    disable?: boolean;
+};
+export type CBreadcrumbs = InstanceType<typeof CBreadcrumbs>;
+export interface CBreadcrumbsProps extends QBreadcrumbsProps {
+    breadcrumbs: Array<CBreadcrumbItem>;
+}
+export type CBreadcrumbsSlots = QBreadcrumbsElSlots;

package/dist/components/CBtn/CBtn.vue.d.ts

@@ -0,0 +1,19 @@
+import { CBtnProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<import('quasar').QBtnSlots> & import('quasar').QBtnSlots;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CBtnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CBtnProps> & Readonly<{}>, {
+    unelevated: boolean;
+    color: import('quasar').NamedColor;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CBtn/index.d.ts

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

package/dist/components/CBtn/types.d.ts

@@ -0,0 +1,11 @@
+import { QBtnProps, QBtnSlots } from 'quasar';
+import { CBtn } from '.';
+export type CBtn = InstanceType<typeof CBtn>;
+export interface CBtnProps extends Partial<QBtnProps> {
+    onClick?: (evt: Event, go?: (opts?: {
+        to?: any;
+        replace?: boolean;
+        returnRouterError?: boolean;
+    }) => Promise<any>) => void | undefined;
+}
+export type CBtnSlots = QBtnSlots;

package/dist/config/quasar.user-options.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    config: {};
+    plugins: never[];
+};
+export default _default;

package/dist/config/setup.d.ts

@@ -0,0 +1,2 @@
+import { App } from 'vue';
+export declare function setupQuasar(app: App): void;

package/dist/main.d.ts

@@ -0,0 +1,8 @@
+import { App } from 'vue';
+import { default as CBtn } from './components/CBtn/CBtn.vue';
+import { default as CBreadcrumbs } from './components/CBreadcrumbs/CBreadcrumbs.vue';
+export { CBtn, CBreadcrumbs };
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/dist/quasar-cosmos-design-system.css

@@ -0,0 +1 @@
+.bg-primary{background-color:#5b1979!important}.bg-primary-medium{background-color:#7543a7!important}.bg-primary-light{background-color:#f7f6ff!important}.bg-neutral-high{background-color:#fafbfc!important}.bg-neutral-high-medium{background-color:#f0f2f8!important}.bg-neutral-high-dark{background-color:#c9cbd6!important}.bg-neutral-low,.bg-neutral-low-medium{background-color:#333a44!important}.bg-neutral-low-light{background-color:#bbb!important}.bg-success{background-color:#14a696!important}.bg-success-medium{background-color:#b5f2ea!important}.bg-success-light{background-color:#e0fffb!important}.bg-warning{background-color:#bd820f!important}.bg-warning-medium{background-color:#ffdfb8!important}.bg-warning-light{background-color:#ffeece!important}.bg-error{background-color:#983043!important}.bg-error-medium{background-color:#ffd0d8!important}.bg-error-light{background-color:#fff2f5!important}.hover-bg-primary:hover{background-color:#5b1979!important}.hover-bg-primary-medium:hover{background-color:#7543a7!important}.hover-bg-primary-light:hover{background-color:#f7f6ff!important}.hover-bg-neutral-high:hover{background-color:#fafbfc!important}.hover-bg-neutral-high-medium:hover{background-color:#f0f2f8!important}.hover-bg-neutral-high-dark:hover{background-color:#c9cbd6!important}.hover-bg-neutral-low:hover,.hover-bg-neutral-low-medium:hover{background-color:#333a44!important}.hover-bg-neutral-low-light:hover{background-color:#bbb!important}.hover-bg-success:hover{background-color:#14a696!important}.hover-bg-success-medium:hover{background-color:#b5f2ea!important}.hover-bg-success-light:hover{background-color:#e0fffb!important}.hover-bg-warning:hover{background-color:#bd820f!important}.hover-bg-warning-medium:hover{background-color:#ffdfb8!important}.hover-bg-warning-light:hover{background-color:#ffeece!important}.hover-bg-error:hover{background-color:#983043!important}.hover-bg-error-medium:hover{background-color:#ffd0d8!important}.hover-bg-error-light:hover{background-color:#fff2f5!important}.bg-primary{border-color:#5b1979!important}.bg-primary-medium{border-color:#7543a7!important}.bg-primary-light{border-color:#f7f6ff!important}.bg-neutral-high{border-color:#fafbfc!important}.bg-neutral-high-medium{border-color:#f0f2f8!important}.bg-neutral-high-dark{border-color:#c9cbd6!important}.bg-neutral-low,.bg-neutral-low-medium{border-color:#333a44!important}.bg-neutral-low-light{border-color:#bbb!important}.bg-success{border-color:#14a696!important}.bg-success-medium{border-color:#b5f2ea!important}.bg-success-light{border-color:#e0fffb!important}.bg-warning{border-color:#bd820f!important}.bg-warning-medium{border-color:#ffdfb8!important}.bg-warning-light{border-color:#ffeece!important}.bg-error{border-color:#983043!important}.bg-error-medium{border-color:#ffd0d8!important}.bg-error-light{border-color:#fff2f5!important}.hover-bg-primary:hover{border-color:#5b1979!important}.hover-bg-primary-medium:hover{border-color:#7543a7!important}.hover-bg-primary-light:hover{border-color:#f7f6ff!important}.hover-bg-neutral-high:hover{border-color:#fafbfc!important}.hover-bg-neutral-high-medium:hover{border-color:#f0f2f8!important}.hover-bg-neutral-high-dark:hover{border-color:#c9cbd6!important}.hover-bg-neutral-low:hover,.hover-bg-neutral-low-medium:hover{border-color:#333a44!important}.hover-bg-neutral-low-light:hover{border-color:#bbb!important}.hover-bg-success:hover{border-color:#14a696!important}.hover-bg-success-medium:hover{border-color:#b5f2ea!important}.hover-bg-success-light:hover{border-color:#e0fffb!important}.hover-bg-warning:hover{border-color:#bd820f!important}.hover-bg-warning-medium:hover{border-color:#ffdfb8!important}.hover-bg-warning-light:hover{border-color:#ffeece!important}.hover-bg-error:hover{border-color:#983043!important}.hover-bg-error-medium:hover{border-color:#ffd0d8!important}.hover-bg-error-light:hover{border-color:#fff2f5!important}i.material-symbols-rounded,i.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24!important}.bg-primary{color:#5b1979!important}.bg-primary-medium{color:#7543a7!important}.bg-primary-light{color:#f7f6ff!important}.bg-neutral-high{color:#fafbfc!important}.bg-neutral-high-medium{color:#f0f2f8!important}.bg-neutral-high-dark{color:#c9cbd6!important}.bg-neutral-low,.bg-neutral-low-medium{color:#333a44!important}.bg-neutral-low-light{color:#bbb!important}.bg-success{color:#14a696!important}.bg-success-medium{color:#b5f2ea!important}.bg-success-light{color:#e0fffb!important}.bg-warning{color:#bd820f!important}.bg-warning-medium{color:#ffdfb8!important}.bg-warning-light{color:#ffeece!important}.bg-error{color:#983043!important}.bg-error-medium{color:#ffd0d8!important}.bg-error-light{color:#fff2f5!important}.hover-bg-primary:hover{color:#5b1979!important}.hover-bg-primary-medium:hover{color:#7543a7!important}.hover-bg-primary-light:hover{color:#f7f6ff!important}.hover-bg-neutral-high:hover{color:#fafbfc!important}.hover-bg-neutral-high-medium:hover{color:#f0f2f8!important}.hover-bg-neutral-high-dark:hover{color:#c9cbd6!important}.hover-bg-neutral-low:hover,.hover-bg-neutral-low-medium:hover{color:#333a44!important}.hover-bg-neutral-low-light:hover{color:#bbb!important}.hover-bg-success:hover{color:#14a696!important}.hover-bg-success-medium:hover{color:#b5f2ea!important}.hover-bg-success-light:hover{color:#e0fffb!important}.hover-bg-warning:hover{color:#bd820f!important}.hover-bg-warning-medium:hover{color:#ffdfb8!important}.hover-bg-warning-light:hover{color:#ffeece!important}.hover-bg-error:hover{color:#983043!important}.hover-bg-error-medium:hover{color:#ffd0d8!important}.hover-bg-error-light:hover{color:#fff2f5!important}h1,.text-h1{font-size:6rem;font-weight:300;letter-spacing:-.09375rem}h2,.text-h2{font-size:3.75rem;font-weight:300;letter-spacing:-.03125rem}h3,.text-h3{font-size:3rem;font-weight:400;letter-spacing:0}h4,.text-h4{font-size:2.125rem;font-weight:400;letter-spacing:.015625rem}h5,.text-h5{font-size:1.5rem;font-weight:400;letter-spacing:0}h6,.text-h6{font-size:1.25rem;font-weight:500;letter-spacing:.009375rem}.text-subtitle-1{font-size:1rem;font-weight:400;letter-spacing:.009375rem}.text-subtitle-2{font-size:.875rem;font-weight:500;letter-spacing:.00625rem}.text-body-1{font-size:1rem;font-weight:400;letter-spacing:.03125rem}.text-body-2{font-size:.875rem;font-weight:400;letter-spacing:.015625rem}.text-button{font-size:.875rem;font-weight:500;letter-spacing:.078125rem;text-transform:uppercase}.text-caption{font-size:.75rem;font-weight:400;letter-spacing:.025rem}.text-overline{font-size:.625rem;font-weight:400;letter-spacing:.09375rem;text-transform:uppercase}.c-btn{text-transform:none!important;font-size:1rem!important;border-radius:.25rem!important}.c-btn--dense{padding:.25rem .5rem!important;font-size:.75rem!important}.c-btn.bg-primary{color:#fff!important}.c-btn.q-btn--flat{background-color:transparent!important;color:#5b1979!important}.c-btn.bg-secondary{color:#5b1979!important;background-color:#f7f6ff!important}.c-btn.bg-tertiary{border:.0625rem solid!important;background-color:#fff!important}.c-btn.bg-tertiary.text-white{color:#5b1979!important}.c-breadcrumbs{text-transform:none}.c-breadcrumbs .q-breadcrumbs--last{color:#5b1979!important}.c-breadcrumbs .q-breadcrumbs__separator,.c-breadcrumbs a.q-breadcrumbs__el{color:#bbb}.c-breadcrumbs a.q-breadcrumbs__el:hover{color:#7543a7}.c-breadcrumbs a.q-breadcrumbs__el .q-breadcrumbs__el-label{text-decoration:underline}.c-breadcrumbs a.q-breadcrumbs__el .q-breadcrumbs__el-icon{padding-right:.5rem}.c-breadcrumbs a.q-breadcrumbs__el.q-breadcrumbs__el-label--disabled,.c-breadcrumbs .q-breadcrumbs__el.q-breadcrumbs__el-label--disabled{pointer-events:none;cursor:not-allowed;color:#c9cbd6}