@mindly/ui-components 4.0.0 → 4.1.1

package/src/lib2/shared/css/ionic.css

@@ -0,0 +1,70 @@
+:root {
+    --ion-font-family: Inter, system-ui, sans-serif;
+
+    --ion-color-primary: #212121;
+    --ion-color-primary-rgb: 33, 33, 33;
+    --ion-color-primary-contrast: #ffffff;
+    --ion-color-primary-contrast-rgb: 255, 255, 255;
+    --ion-color-primary-shade: #1d1d1d;
+    --ion-color-primary-tint: #373737;
+
+    --ion-color-tertiary: #212121;
+    --ion-color-tertiary-rgb: 33, 33, 33;
+    --ion-color-tertiary-contrast: #ffffff;
+    --ion-color-tertiary-contrast-rgb: 255, 255, 255;
+    --ion-color-tertiary-shade: #1d1d1d;
+    --ion-color-tertiary-tint: #373737;
+
+    --ion-color-success: #42AD52;
+    --ion-color-success-rgb: 66, 173, 82;
+    --ion-color-success-contrast: #000000;
+    --ion-color-success-contrast-rgb: 0, 0, 0;
+    --ion-color-success-shade: #3a9848;
+    --ion-color-success-tint: #55b563;
+
+    --ion-color-warning: #F90;
+    --ion-color-warning-rgb: 255, 153, 0;
+    --ion-color-warning-contrast: #000000;
+    --ion-color-warning-contrast-rgb: 0, 0, 0;
+    --ion-color-warning-shade: #e08700;
+    --ion-color-warning-tint: #ffa31a;
+
+    --ion-color-danger: #F24E1E;
+    --ion-color-danger-rgb: 242, 78, 30;
+    --ion-color-danger-contrast: #ffffff;
+    --ion-color-danger-contrast-rgb: 255, 255, 255;
+    --ion-color-danger-shade: #d5451a;
+    --ion-color-danger-tint: #f36035;
+
+    --ion-color-medium: #909090;
+    --ion-color-medium-rgb: 144, 144, 144;
+    --ion-color-medium-contrast: #000000;
+    --ion-color-medium-contrast-rgb: 0, 0, 0;
+    --ion-color-medium-shade: #7f7f7f;
+    --ion-color-medium-tint: #9b9b9b;
+
+    --ion-color-light: #F5F7FA;
+    --ion-color-light-rgb: 245, 247, 250;
+    --ion-color-light-contrast: #000000;
+    --ion-color-light-contrast-rgb: 0, 0, 0;
+    --ion-color-light-shade: #d8d9dc;
+    --ion-color-light-tint: #f6f8fb;
+}
+
+:root[data-app-theme="specialist"] {
+    --ion-color-secondary: #28BFA1;
+    --ion-color-secondary-rgb: 40, 191, 161;
+    --ion-color-secondary-contrast: #000000;
+    --ion-color-secondary-contrast-rgb: 0, 0, 0;
+    --ion-color-secondary-shade: #23a88e;
+    --ion-color-secondary-tint: #3ec5aa;
+}
+
+:root[data-app-theme="client"] {
+    --ion-color-secondary: #048BA8;
+    --ion-color-secondary-rgb: 4, 139, 168;
+    --ion-color-secondary-contrast: #ffffff;
+    --ion-color-secondary-contrast-rgb: 255, 255, 255;
+    --ion-color-secondary-shade: #047a94;
+    --ion-color-secondary-tint: #1d97b1;
+}

package/src/lib2/shared/css/tailwind.css

@@ -0,0 +1,23 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+    :root {
+        --typography-typography-primary: 33 33 33;
+
+        --borders-divider: 33 33 33;
+    }
+
+    :root[data-app-theme="specialist"] {
+        /*specific app colors here*/
+    }
+
+    :root[data-app-theme="client"] {
+        /*specific app colors here*/
+    }
+
+    html {
+        font-family: Inter, system-ui, sans-serif;
+    }
+}

package/src/lib2/shared/css/variables.css

@@ -0,0 +1,7 @@
+:root {
+    --color-background-anti-flash-50: rgba(245, 247, 250, 0.50);
+
+    --buttons-btn-primary: #212121;
+    --buttons-btn-text: #FFF;
+    --buttons-btn-pressed: #3B3B3B
+}