@mobilon-dev/chotto 0.0.4 → 0.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mobilon-dev/chotto",
-    "version": "0.0.4",
+    "version": "0.0.5",
     "type": "module",
     "main": "./dist/vuessages.umd.js",
     "module": "./dist/vuessages.es.js",

package/dist/dark.css

@@ -1,78 +0,0 @@
-@import url("variables.css");
-
-:root {
-
-    /* Inputs */
-    --d-inputtext-background: var(transparent);
-    --d-inputtext-color: var(--neutral-200);
-    --d-inputtext-border: 1px solid var(--neutral-200);
-    --d-inputtext-placeholder-color: var(--neutral-400);
-
-    --d-inputtext-hover-border-color: var(--neutral-400);
-    --d-inputtext-focus-border-color: var(--neutral-600);
-
-    /* Avatars */
-
-    --d-avatar-background-color: var(--neutral-300);
-    --d-avatar-icon-color: var(--neutral-500);
-
-    /* Icons */
-
-    --d-icon-color: var(--neutral-300);
-
-    /* Modals */
-
-    --d-modal-background-color: var(--neutral-900);
-
-    /* _____________________________________________ */
-
-    /* Chat Item */
-
-    /* Info Container */
-    --d-chat-item-selected: var(--neutral-700);
-    --d-chat-item-color-last-name: var(--neutral-400);
-
-    /* Details Container */
-    --d-chat-item-color-unread: var(--neutral-900);
-    --d-chat-item-background-color-unread: var(--emerald-500);
-
-    /* _____________________________________________ */
-
-    /* Text Message */
-
-    --d-text-message-right-background-color: var(--emerald-800);
-    --d-text-message-left-background-color: var(--neutral-700);
-    --d-text-message-text-color: var(--neutral-200);
-
-    /* File Message */
-
-    --d-file-message-background-color: var(--neutral-700);
-    --d-file-message-link-color: var(--neutral-200);
-
-    /* _____________________________________________ */
-
-    /* Audio Message */
-
-    --d-audio-message-background-left: var(--neutral-700);
-    --d-audio-message-background-right: var(--emerald-800);
-
-    --d-audio-message-button-background-color-left: var(--neutral-400);
-    --d-audio-message-button-background-color-right: var(--neutral-400);
-    --d-audio-message-button-icon-color-left: var(--neutral-800);
-    --d-audio-message-button-icon-color-right: var(--neutral-800);
-
-
-    /* progress-bar-container -> pbc */
-
-    --d-audio-message-pbc-background-color: var(--neutral-400);
-
-    /* progress-bar -> pb */
-
-    --d-audio-message-pb-background-color: var(--emerald-600);
-
-    /* _____________________________________________ */
-
-
-    /* Chat Input */
-    --d-chat-input-background: var(--neutral-700);
-}

package/dist/global.css

@@ -1,45 +0,0 @@
-@import url("variables.css");
-@import url("light.css");
-@import url("dark.css");
-
-*,
-*::before,
-*::after {
-    box-sizing: border-box;
-}
-
-body {
-    margin: 0;
-}
-
-#app {
-    position: relative;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    min-height: 100vh;
-    font-family: 'Montserrat', sans-serif;
-    font-weight: 400;
-    color: var(--neutral-900);
-}
-
-.dark #app {
-    color: var(--neutral-100);
-    background-color: var(--neutral-900);
-}
-
-ul {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-}
-
-p,
-h1,
-h2 {
-    margin: 0;
-}
-
-a {
-    text-decoration: none;
-}

package/dist/light.css

@@ -1,78 +0,0 @@
-@import url("variables.css");
-
-:root {
-
-    /* Inputs */
-    --inputtext-background: var(transparent);
-    --inputtext-color: var(--neutral-700);
-    --inputtext-border: 1px solid var(--neutral-400);
-    --inputtext-placeholder-color: var(--neutral-500);
-
-    --inputtext-hover-border-color: var(--neutral-500);
-    --inputtext-focus-border-color: var(--neutral-700);
-
-    /* Avatars */
-
-    --avatar-background-color: var(--neutral-300);
-    --avatar-icon-color: var(--neutral-500);
-
-    /* Icons */
-
-    --icon-color: var(--neutral-600);
-
-    /* Modals */
-
-    --modal-background-color: var(--default-white);
-
-    /* _____________________________________________ */
-
-    /* Chat Item */
-
-    /* Info Container */
-    --chat-item-selected: var(--neutral-200);
-    --chat-item-color-last-name: var(--neutral-400);
-
-    /* Details Container */
-    --chat-item-color-unread: var(--neutral-100);
-    --chat-item-background-color-unread: var(--emerald-500);
-
-    /* _____________________________________________ */
-
-    /* Text Message */
-
-    --text-message-right-background-color: var(--emerald-200);
-    --text-message-left-background-color: var(--neutral-200);
-    --text-message-text-color: var(--neutral-700);
-
-    /* File Message */
-
-    --file-message-background-color: var(--neutral-200);
-    --file-message-link-color: var(--neutral-700);
-
-    /* _____________________________________________ */
-
-    /* Audio Message */
-
-    --audio-message-background-left: var(--neutral-200);
-    --audio-message-background-right: var(--emerald-200);
-
-    --audio-message-button-background-color-left: var(--neutral-400);
-    --audio-message-button-background-color-right: var(--neutral-100);
-    --audio-message-button-icon-color-left: var(--neutral-100);
-    --audio-message-button-icon-color-right: var(--neutral-500);
-
-
-    /* progress-bar-container -> pbc */
-
-    --audio-message-pbc-background-color: var(--neutral-400);
-
-    /* progress-bar -> pb */
-
-    --audio-message-pb-background-color: var(--emerald-500);
-
-    /* _____________________________________________ */
-
-
-    /* Chat Input */
-    --chat-input-background: var(--neutral-200);
-}

package/dist/variables.css

@@ -1,132 +0,0 @@
-/* Colors */
-
-:root {
-
-    /* General */
-
-    --emerald-50: #ecfdf5;
-    --emerald-100: #d1fae5;
-    --emerald-200: #a7f3d0;
-    --emerald-300: #6ee7b7;
-    --emerald-400: #34d399;
-    --emerald-500: #10b981;
-    --emerald-600: #059669;
-    --emerald-700: #047857;
-    --emerald-800: #065f46;
-    --emerald-900: #064e3b;
-    --emerald-950: #022c22;
-
-    --neutral-50: #fafafa;
-    --neutral-100: #f5f5f5;
-    --neutral-200: #e5e5e5;
-    --neutral-300: #d4d4d4;
-    --neutral-400: #a3a3a3;
-    --neutral-500: #737373;
-    --neutral-600: #525252;
-    --neutral-700: #404040;
-    --neutral-800: #262626;
-    --neutral-900: #171717;
-    --neutral-950: #0a0a0a;
-
-    --default-white: #ffffff;
-
-
-    /* Inputs */
-
-    --inputtext-font-size: 1rem;
-    --inputtext-padding: 0.5rem 0.75rem;
-    --inputtext-width: 100%;
-    --inputtext-border-radius: 6px;
-
-    --inputtext-transition-duration: 0.2s;
-
-    /* Titles */
-
-    --h2-font-size: 28px;
-    --h2-font-weight: 600;
-
-    /* Avatars */
-
-    --avatar-width: 48px;
-    --avatar-height: 48px;
-    --avatar-border-radius: 50%;
-    --avatar-icon-size: 1.5rem;
-
-    /* Icons */
-
-    --icon-font-size-medium: 1.3rem;
-    --icon-font-size-large: 1.6rem;
-
-    /* Modals */
-
-    --modal-padding: 20px;
-    --modal-width: 45%;
-    --modal-border-radius: 12px;
-    --modal-mask-background: rgba(0, 0, 0, 0.4);
-    --modal-overlay-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
-
-    /* Chat Item */
-
-    /* Info Container */
-    --chat-item-font-size-name: 16px;
-    --chat-item-font-size-last-message: 14px;
-
-    /* Details Container */
-    --chat-item-min-width-unread: 24px;
-    --chat-item-min-height-unread: 24px;
-    --chat-item-font-size-unread: 14px;
-
-
-    /* Text Message */
-
-    --text-message-border-radius: 14px;
-    --text-message-max-width: 40%;
-    --text-message-margin: 0 0 10px 0;
-    --text-message-padding: 12px 60px 12px 16px;
-
-    /* File Message */
-
-    --file-message-border-radius: 14px;
-    --file-message-gap: 12px;
-    --file-message-margin: 0 0 10px 0;
-    --file-message-padding: 12px 60px 12px 16px;
-
-    /* Image Message */
-
-    --image-message-max-width: 40%;
-    --image-message-margin: 0 0 10px 0;
-
-    /* _____________________________________________ */
-
-    /* Audio Message */
-
-    --audio-message-gap: 12px;
-    --audio-message-max-width: 40%;
-    --audio-message-border-radius: 14px;
-    --audio-message-padding: 12px 16px;
-    --audio-message-margin: 0 0 10px 0;
-
-    --audio-message-button-width: 38px;
-    --audio-message-button-height: 38px;
-    --audio-message-button-border-radius: 50%;
-
-
-    /* progress-bar-container -> pbc */
-
-    --audio-message-pbc-border-radius: 10px;
-    --audio-message-pbc-height: 8px;
-    --audio-message-pbc-background-color: var(--neutral-400);
-    --audio-message-pbc-margin: 8px 0 0 0;
-
-    /* progress-bar -> pb */
-
-    --audio-message-pb-border-radius: 10px;
-
-    /* remaining-time -> rt */
-
-    --audio-message-rt-font-size: 12px;
-    /* _____________________________________________ */
-
-    /* Chat Input */
-    --chat-input-button-padding: 14px;
-}