@caipira/tamandua 0.0.2 → 0.0.3

package/index.css

@@ -1,297 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-:root {
-    /*
-        Theme configuration:
-
-        --caipira-primary:    [Accent color]     Background color of content (pages, cards, etc)
-        --caipira-secondary:  [Contrast color]   Hover color
-        --caipira-tertiary:   [Background color] Border color, unfocused text color, app background color
-        --caipira-quaternary: [Unused]
-        --caipira-quinary:    [Unused]
-    */
-
-    /*
-        Light theme
-    */
-    --caipira-light-primary: #fff;
-    --caipira-light-secondary: #f1f3f4;
-    --caipira-light-tertiary: #d3d3d3;
-    --caipira-light-quaternary: #d1d1d1;
-    --caipira-light-quinary: #efefef;
-    --caipira-light-red: #e64553;
-    --caipira-light-green: #16a34ae6;
-    --caipira-light-yellow: #df8e1d;
-    --caipira-light-blue: #1e66f5;
-
-    /*
-        Dark theme
-    */
-    --caipira-dark-primary: #121212;
-    --caipira-dark-secondary: #282828;
-    --caipira-dark-tertiary: #262626;
-    --caipira-dark-quaternary: #525252;
-    --caipira-dark-quinary: #202020;
-    --caipira-dark-red: #f38ba8;
-    --caipira-dark-green: #a6e3a1;
-    --caipira-dark-yellow: #f9e2af;
-    --caipira-dark-blue: #4089ff;
-
-    &:not(.dark) {
-        /* Colors */
-        --caipira-primary: var(--caipira-light-primary);
-        --caipira-primary-inverted: var(--caipira-dark-primary);
-        --caipira-secondary: var(--caipira-light-secondary);
-        --caipira-secondary-inverted: var(--caipira-dark-secondary);
-        --caipira-tertiary: var(--caipira-light-tertiary);
-        --caipira-quaternary: var(--caipira-light-quaternary);
-        --caipira-quinary: var(--caipira-light-quinary);
-        --caipira-red: var(--caipira-light-red);
-        --caipira-green: var(--caipira-light-green);
-        --caipira-yellow: var(--caipira-light-yellow);
-        --caipira-blue: var(--caipira-light-blue);
-
-        /* Functional color pointers */
-        --border-color: var(--caipira-light-tertiary);
-        --unfocused-color: var(--caipira-light-tertiary);
-        --hover-color: var(--caipira-light-secondary);
-    }
-
-    &.dark {
-        /* Colors */
-        --caipira-primary: var(--caipira-dark-primary);
-        --caipira-primary-inverted: var(--caipira-light-primary);
-        --caipira-secondary: var(--caipira-dark-secondary);
-        --caipira-secondary-inverted: var(--caipira-light-secondary);
-        --caipira-tertiary: var(--caipira-dark-tertiary);
-        --caipira-quaternary: var(--caipira-dark-quaternary);
-        --caipira-quinary: var(--caipira-dark-quinary);
-        --caipira-red: var(--caipira-dark-red);
-        --caipira-green: var(--caipira-dark-green);
-        --caipira-yellow: var(--caipira-dark-yellow);
-        --caipira-blue: var(--caipira-dark-blue);
-
-        /* Functional color pointers */
-        --border-color: var(--caipira-dark-tertiary);
-        --unfocused-color: var(--caipira-dark-tertiary);
-        --hover-color: var(--caipira-dark-quinary);
-    }
-}
-
-@layer components {
-    /* Background */
-    .bg-caipira-primary {
-        background-color: var(--caipira-primary);
-    }
-    .bg-caipira-primary-inverted {
-        background-color: var(--caipira-primary-inverted);
-    }
-    .bg-caipira-secondary {
-        background-color: var(--caipira-secondary);
-    }
-    .bg-caipira-tertiary {
-        background-color: var(--caipira-tertiary);
-    }
-    .bg-caipira-blue {
-        background-color: var(--caipira-blue);
-    }
-    .bg-caipira-red {
-        background-color: var(--caipira-red);
-    }
-    .bg-caipira-yellow {
-        background-color: var(--caipira-yellow);
-    }
-    .bg-caipira-green {
-        background-color: var(--caipira-green);
-    }
-    .bg-hover {
-        background-color: var(--hover-color);
-    }
-
-    /* Border */
-    .border-color {
-        border-color: var(--border-color);
-    }
-    .border-caipira-primary-inverted {
-        border-color: var(--caipira-primary-inverted);
-    }
-    .border-caipira-tertiary {
-        border-color: var(--caipira-tertiary);
-    }
-    .border-caipira-blue {
-        border-color: var(--caipira-blue);
-    }
-    .border-caipira-red {
-        border-color: var(--caipira-red);
-    }
-    .border-caipira-yellow {
-        border-color: var(--caipira-yellow);
-    }
-    .border-caipira-green {
-        border-color: var(--caipira-green);
-    }
-
-    /* Text */
-    .color-caipira-primary {
-        color: var(--caipira-primary);
-    }
-    .color-caipira-primary-inverted {
-        color: var(--caipira-primary-inverted);
-    }
-    .color-text {
-        color: var(--caipira-secondary-inverted);
-    }
-    .color-unfocused-text {
-        color: var(--caipira-tertiary);
-    }
-    .color-caipira-blue {
-        color: var(--caipira-blue);
-    }
-    .color-caipira-red {
-        color: var(--caipira-red);
-    }
-    .color-caipira-yellow {
-        color: var(--caipira-yellow);
-    }
-    .color-caipira-green {
-        color: var(--caipira-green);
-    }
-
-    /* Fill */
-    .fill-caipira-primary-inverted {
-        fill: var(--caipira-primary-inverted);
-    }
-    .fill-caipira-blue {
-        fill: var(--caipira-blue);
-    }
-    .fill-caipira-red {
-        fill: var(--caipira-red);
-    }
-    .fill-caipira-yellow {
-        fill: var(--caipira-yellow);
-    }
-    .fill-caipira-green {
-        fill: var(--caipira-green);
-    }
-
-    /* Input */
-    .input-border {
-        border-color: var(--border-color);
-    }
-    .input-roundness {
-        @apply rounded-sm;
-    }
-    .input-outline {
-        @apply focus:outline focus:outline-1 focus:ring-1;
-        outline-color: var(--caipira-blue);
-
-        &:focus {
-            box-shadow: none !important;
-        }
-    }
-    .input-bg-color {
-        @apply bg-caipira-primary;
-    }
-    .input-text-color {
-        @apply color-text;
-    }
-    .input-padding {
-        @apply pl-2 pr-1;
-    }
-    .input-control {
-        @apply flex justify-center items-center w-12 input-bg-color;
-    }
-    .input-label {
-        @apply select-none color-text;
-    }
-
-    /* Card */
-    .card {
-        @apply relative max-w-md w-full rounded border border-color color-text bg-caipira-primary;
-    }
-    .card-grid {
-        @apply flex flex-wrap justify-center md:justify-start items-stretch gap-3;
-    }
-
-    /* Page */
-    .page-margin {
-        @apply p-2 md:p-6 pb-12;
-    }
-
-    /* Floatables (Modal, Popover, etc) */
-    .floatable {
-        @apply shadow border border-color color-text bg-caipira-primary;
-    }
-}
-
-.favicon {
-    width: 1.2rem;
-    margin-right: 0.5rem;
-    display: inline-block;
-}
-
-html,
-body {
-    font-family: "San Francisco", sans-serif; /* font-family: "Inter", sans-serif; */
-    -webkit-font-smoothing: antialiased;
-    font-size: 16px; /* Min font size not to trigger zoom effect on input on safari */
-    position: relative;
-    margin: 0;
-    border: 0;
-    padding: 0;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    overflow: auto;
-}
-
-/* Scrollbar */
-
-.scrollbar {
-    &::-webkit-scrollbar {
-        width: 7px;
-        height: 10px;
-        border-radius: 5px;
-    }
-
-    &::-webkit-scrollbar-track {
-        background: var(--caipira-secondary);
-    }
-
-    &::-webkit-scrollbar-thumb {
-        background-color: var(--caipira-quaternary);
-        border-radius: 5px;
-    }
-}
-
-/* Tailwind form hack to show the data images */
-
-&:not(.dark) {
-    .form-radio:checked {
-        background-image: url("/assets/icons/radio-dark.svg");
-    }
-
-    .form-checkbox:checked {
-        background-image: url("/assets/icons/checkbox.svg");
-    }
-
-    .form-checkbox:indeterminate {
-        background-image: url("/assets/icons/checkbox-indeterminate.svg");
-    }
-}
-
-&.dark {
-    .form-radio:checked {
-        background-image: url("/assets/icons/radio.svg");
-    }
-
-    .form-checkbox:checked {
-        background-image: url("/assets/icons/checkbox-dark.svg");
-    }
-
-    .form-checkbox:indeterminate {
-        background-image: url("/assets/icons/checkbox-indeterminate-dark.svg");
-    }
-}

package/index.html

@@ -1,22 +0,0 @@
-<!doctype html>
-<html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <link
-            rel="icon"
-            href="/assets/images/favicon.ico"
-        />
-        <meta
-            name="viewport"
-            content="width=device-width, initial-scale=1.0"
-        />
-        <title>Caipira Cloud</title>
-    </head>
-    <body class="text-base color-text bg-caipira-tertiary">
-        <div id="app"></div>
-        <script
-            type="module"
-            src="./main.ts"
-        ></script>
-    </body>
-</html>

package/index.ts

@@ -1,14 +0,0 @@
-import type { App, Plugin } from "vue";
-
-import * as plugins from "@/components/plugins";
-
-const plugin: Plugin = {
-    install(app: App) {
-        for (const componentKey in plugins) {
-            app.use(plugins[componentKey]);
-        }
-    },
-};
-
-export * from "@/components";
-export default plugin;

package/main.ts

@@ -1,31 +0,0 @@
-import i18n from "@/i18n";
-import Tamandua from "@/index";
-import { createApp } from "vue";
-
-import App from "@/App.vue";
-import "@/index.css";
-
-import {
-    Chart,
-    Legend,
-    Tooltip,
-    ArcElement,
-    LinearScale,
-    LineElement,
-    PointElement,
-    CategoryScale,
-    LineController,
-} from "chart.js";
-
-Chart.register(
-    Legend,
-    Tooltip,
-    ArcElement,
-    LinearScale,
-    LineElement,
-    PointElement,
-    CategoryScale,
-    LineController,
-);
-
-createApp(App).use(i18n).use(Tamandua).mount("#app");

package/plugins/register-component.ts

@@ -1,5 +0,0 @@
-import type { App, Component } from "vue";
-
-export default (app: App, component: Component): void => {
-    app.component(component.name as string, component);
-};

package/postcss.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}

package/services/clipboard.ts

@@ -1,5 +0,0 @@
-export default async (text: string) => {
-  if (navigator.clipboard) {
-    await navigator.clipboard.writeText(text);
-  }
-}

package/services/date.ts

@@ -1,27 +0,0 @@
-import {
-    format,
-    isToday,
-    setDate,
-    setYear,
-    addMonths,
-    subMonths,
-    addMinutes,
-    getUnixTime,
-    formatDistance,
-    getDaysInMonth,
-    formatDistanceToNow,
-} from "date-fns";
-
-export default {
-    format,
-    isToday,
-    setDate,
-    setYear,
-    addMonths,
-    subMonths,
-    addMinutes,
-    getUnixTime,
-    formatDistance,
-    getDaysInMonth,
-    formatDistanceToNow,
-};