@dev-tcloud/tcloud-ui 6.1.0 → 6.2.0-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev-tcloud/tcloud-ui",
-  "version": "6.1.0",
+  "version": "6.2.0-beta.0",
   "peerDependencies": {
     "@angular/common": "^19.2.14",
     "@angular/core": "^19.2.14"

package/scss/tcloud/styles.scss

@@ -17,3 +17,6 @@
 
 /* DISASTER-RECOVERY */
 @use 'disaster-recovery/styles.scss' as styles3;
+
+/* THEMES */
+@use 'themes/themes.scss';

package/scss/tcloud/themes/_classic-prime.scss

@@ -0,0 +1,18 @@
+:root {
+  body.tc-prime {
+    // Variáveis legado
+    --tc-primary: #6B48FF;
+    --tc-primary-lighten: #896DFF;
+    --tc-complemt-3: #896DFF;
+    --tc-complemt: #896DFF;
+    --tc-complemt-2: #3A24B7;
+    --tc-primary2: #190D7A;
+
+    // Variáveis modern
+    --c-primary-300: #D3C8FF;
+    --c-primary-400: #896DFF;
+    --c-primary-500: #6B48FF;
+    --c-primary-600: #3A24B7;
+    --c-primary-700: #190D7A;
+  }
+}

package/scss/tcloud/themes/_classic-standard.scss

@@ -0,0 +1,94 @@
+:root {
+
+  --black: #000;
+  --white: #fff;
+  --blue: #0897E9;
+  --dark: #363636;
+  --orange: #FEAC0E;
+
+  // --gray-100: #EEE;
+  --gray-light: #EEE;
+  --blue-500: #0ADBE3;
+  --purple: #6B48FF;
+  --red: red;
+  // =============================================
+  // Colors V1
+  // =============================================
+  --primary: #37B6C4;
+  --primary-700: #136E92;
+  --secondary: #484440;
+  --gray: #707070;
+  --gray-800: #8A817B;
+  --gray-400: #D5CCC3;
+  --gray-200: #F1F1F1;
+  --gray-100: #F8F9FA;
+  --warning: #ED9C2E;
+  --danger:  #D93025;
+  --success :#1E8E3E;
+  --complete :#039BE5;
+
+   // grays
+  --tc-gray-600: #4e4944;
+  --tc-gray-500: #8a817b;
+  --tc-gray-400: #cabfb5;
+  --tc-gray-300: #d5ccc3;
+  --tc-gray-200: #e5e3e1;
+  --tc-gray-100: #f1f1f1;
+  --tc-gray-50: #f8f9fa;
+
+  // OLD Theme
+  --gray: #4e4944;
+  --cinza: #8a817b;
+  --cinza1: #cabfb5;
+  --cinza2: #d5ccc3;
+  --cinza3: #e5e3e1;
+  --cinza4: #f1f1f1;
+  --cinza5: #f8f9fa;
+
+  --verde: #37b6c4;
+
+  --f-family: 'Open Sans', sans-serif;
+
+  // VARIÁVEIS LEGADO STANDARD
+  --tc-primary: #37b6c4;
+  --tc-primary-lighten: #5ab8c2;
+  --tc-primary2: #136e92;
+  --tc-complemt: #0ADBE3;
+  --tc-complemt-2: #136e92;
+  --tc-complemt-3: #136e92;
+
+  // CORES PRIMÁRIAS LEGADO STANDARD
+  --c-neutral-50: #FFFFFF;
+  --c-neutral-100: #FAFAFA;
+  --c-neutral-200: #EEEEEE;
+  --c-neutral-300: #D2D2D2;
+  --c-neutral-400: #CED4DA;
+  --c-neutral-500: #5E5E5E;
+  --c-neutral-600: #6C757D;
+  --c-neutral-700: #495057;
+  --c-neutral-800: #363636;
+  --c-neutral-900: #000000;
+  --c-primary-300: #e3fcff;
+  --c-primary-400: #98e5ee;
+  --c-primary-500: #37B6C4;
+  --c-primary-600: #2592AB;
+  --c-primary-700: #136E92;
+  --c-danger-300: #FDE1D6;
+  --c-danger-400: #F48E85;
+  --c-danger-500: #DC3545;
+  --c-alert-300: #FFE6B7;
+  --c-alert-400: #FECD6E;
+  --c-alert-500: #FEAC0E;
+  --c-info-300: #E6F5FD;
+  --c-info-400: #6BC1F2;
+  --c-info-500: #0897E9;
+  --c-success-300: #E7FBDA;
+  --c-success-400: #A3E78C;
+  --c-success-500: #47B13D;
+
+  //GoogleMap
+  --google-map-orange: #FF9800;
+  --google-map-blue: #0288D1;
+  --google-map-purple: #7B1FA2;
+  --google-map-green: #558B2F;
+}

package/scss/tcloud/themes/_modern-prime.scss

@@ -0,0 +1,18 @@
+:root {
+  body.tc-prime-modern {
+    --f-family: 'Nunito Sans', sans-serif;
+
+    --tc-primary: #6B48FF;
+    --tc-primary-lighten: #896DFF;
+    --tc-complemt-3: #896DFF;
+    --tc-complemt: #896DFF;
+    --tc-complemt-2: #3A24B7;
+    --tc-primary2: #190D7A;
+
+    --c-primary-300: #D3C8FF;
+    --c-primary-400: #896DFF;
+    --c-primary-500: #6B48FF;
+    --c-primary-600: #3A24B7;
+    --c-primary-700: #190D7A;
+  }
+}

package/scss/tcloud/themes/_modern-standard.scss

@@ -0,0 +1,18 @@
+:root {
+  body.tc-standard-modern {
+    --f-family: 'Nunito Sans', sans-serif;
+
+    --tc-primary: #0897E9;
+    --tc-primary-lighten: #75D8FF;
+    --tc-primary2: #0457A7;
+    --tc-complemt: #75D8FF;
+    --tc-complemt-2: #0457A7;
+    --tc-complemt-3: #0457A7;
+
+    --c-primary-300: #EAF9FF;
+    --c-primary-400: #75D8FF;
+    --c-primary-500: #0897E9;
+    --c-primary-600: #0457A7;
+    --c-primary-700: #012C6F;
+  }
+}

package/scss/tcloud/themes/themes.scss

@@ -0,0 +1,4 @@
+@use 'classic-standard';
+@use 'classic-prime';
+@use 'modern-standard';
+@use 'modern-prime';

package/scss/tcloud-revitalizacao/tc-rev-styles.scss

@@ -1,4 +1,4 @@
-@use './tc-rev-themes';
+// @use './tc-rev-themes'; // os temas estão sendo implementados em projects/tcloud-ui/assets/scss/tcloud/themes
 @use './tc-rev-colors';
 @use './tc-rev-border';
 @use './tc-rev-shadow';