@dev-tcloud/tcloud-ui 5.0.2-beta.1 → 5.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/README.md +106 -106
  2. package/datepicker/js/_info.txt +3 -3
  3. package/fesm2022/dev-tcloud-tcloud-ui.mjs +74 -74
  4. package/fesm2022/dev-tcloud-tcloud-ui.mjs.map +1 -1
  5. package/lib/_modules/tcloud-ui-datepicker/tcloud-ui-datepicker.component.d.ts +1 -1
  6. package/package.json +1 -1
  7. package/scss/components/custom/el-copy.scss +17 -17
  8. package/scss/components/custom/loading-transitions.scss +27 -27
  9. package/scss/components/custom/loading.scss +2 -2
  10. package/scss/components/custom/tab-menu.scss +58 -58
  11. package/scss/components/custom/table.scss +98 -98
  12. package/scss/components/custom/tooltip.scss +89 -89
  13. package/scss/components/custom/ui-datepicker.scss +15 -15
  14. package/scss/components/custom/validation.scss +7 -7
  15. package/scss/components/custom/variables.scss +33 -90
  16. package/scss/components/styles.scss +8 -8
  17. package/scss/tcloud/custom/alerts.scss +37 -37
  18. package/scss/tcloud/custom/buttons.scss +1003 -1004
  19. package/scss/tcloud/custom/card.scss +51 -51
  20. package/scss/tcloud/custom/colors.scss +97 -97
  21. package/scss/tcloud/custom/forms.scss +81 -83
  22. package/scss/tcloud/custom/layout.scss +5 -5
  23. package/scss/tcloud/custom/left-navigation.scss +47 -47
  24. package/scss/tcloud/custom/mixins.scss +318 -318
  25. package/scss/tcloud/custom/tcloud-prime.scss +4519 -4519
  26. package/scss/tcloud/custom/tcloud-standard.scss +121 -121
  27. package/scss/tcloud/custom/text.scss +57 -57
  28. package/scss/tcloud/custom/top-navigation.scss +59 -59
  29. package/scss/tcloud/custom/variables.scss +60 -60
  30. package/scss/tcloud/disaster-recovery/colors.scss +14 -14
  31. package/scss/tcloud/disaster-recovery/layout.scss +13 -13
  32. package/scss/tcloud/disaster-recovery/styles.scss +1 -1
  33. package/scss/tcloud/prime/cards-products.scss +331 -331
  34. package/scss/tcloud/prime/left-navigation.scss +327 -327
  35. package/scss/tcloud/prime/styles.scss +2 -2
  36. package/scss/tcloud/prime/tcloud-prime.scss +3872 -3872
  37. package/scss/tcloud/standard/left-navigation.scss +47 -47
  38. package/scss/tcloud/standard/styles.scss +2 -2
  39. package/scss/tcloud/standard/tcloud-standard.scss +125 -125
  40. package/scss/tcloud/standard/top-navigation.scss +61 -61
  41. package/scss/tcloud/styles.scss +19 -19
  42. package/scss/tcloud/tcloud-ui.scss +7 -7
package/scss/components/custom/variables.scss CHANGED
@@ -1,90 +1,33 @@
1
-
2
- :root {
3
-
4
- --black: #000;
5
- --white: #fff;
6
- --blue: #0897E9;
7
- --dark: #363636;
8
- --orange: #FEAC0E;
9
- // --gray-100: #EEE;
10
- --gray-light: #EEE;
11
- --blue-500: #0ADBE3;
12
- --purple: #6B48FF;
13
- --red: red;
14
- // =============================================
15
- // Colors V1
16
- // =============================================
17
- --primary: #37B6C4;
18
- --primary-700: #136E92;
19
- --secondary: #484440;
20
- --gray: #707070;
21
- --gray-800: #8A817B;
22
- --gray-400: #D5CCC3;
23
- --gray-200: #F1F1F1;
24
- --gray-100: #F8F9FA;
25
- --warning: #ED9C2E;
26
- --danger: #D93025;
27
- --success :#1E8E3E;
28
- --complete :#039BE5;
29
-
30
- --verde: #37B6C4;
31
- --cinza: #8A817B;
32
- --cinza4: #F1F1F1;
33
-
34
- --f-family: 'Open Sans', sans-serif;
35
-
36
-
37
- --c-neutral-50: #FFFFFF;
38
- --c-neutral-100: #FAFAFA;
39
- --c-neutral-200: #EEEEEE;
40
- --c-neutral-300: #D2D2D2;
41
- --c-neutral-400: #CED4DA;
42
- --c-neutral-500: #5E5E5E;
43
- --c-neutral-600: #6C757D;
44
- --c-neutral-700: #495057;
45
- --c-neutral-800: #363636;
46
- --c-neutral-900: #000000;
47
- --c-primary-300: #e3fcff;
48
- --c-primary-400: #98e5ee;
49
- --c-primary-500: #37B6C4;
50
- --c-primary-600: #2592AB;
51
- --c-primary-700: #136E92;
52
- --c-danger-300: #FDE1D6;
53
- --c-danger-400: #F48E85;
54
- --c-danger-500: #DC3545;
55
- --c-alert-300: #FFE6B7;
56
- --c-alert-400: #FECD6E;
57
- --c-alert-500: #FEAC0E;
58
- --c-info-300: #E6F5FD;
59
- --c-info-400: #6BC1F2;
60
- --c-info-500: #0897E9;
61
- --c-success-300: #E7FBDA;
62
- --c-success-400: #A3E78C;
63
- --c-success-500: #47B13D;
64
-
65
- body.tc-prime {
66
- --c-primary-300: #D3C8FF;
67
- --c-primary-400: #896DFF;
68
- --c-primary-500: #6B48FF;
69
- --c-primary-600: #3A24B7;
70
- --c-primary-700: #190D7A;
71
- }
72
-
73
- body.tc-standard-modern {
74
- --f-family: 'Nunito Sans', sans-serif;
75
- --c-primary-300: #EAF9FF;
76
- --c-primary-400: #75D8FF;
77
- --c-primary-500: #0897E9;
78
- --c-primary-600: #0457A7;
79
- --c-primary-700: #012C6F;
80
- }
81
-
82
- body.tc-prime-modern {
83
- --f-family: 'Nunito Sans', sans-serif;
84
- --c-primary-300: #D3C8FF;
85
- --c-primary-400: #896DFF;
86
- --c-primary-500: #6B48FF;
87
- --c-primary-600: #3A24B7;
88
- --c-primary-700: #190D7A;
89
- }
90
- }
1
+
2
+ :root {
3
+
4
+ --black: #000;
5
+ --white: #fff;
6
+ --blue: #0897E9;
7
+ --dark: #363636;
8
+ --orange: #FEAC0E;
9
+ // --gray-100: #EEE;
10
+ --gray-light: #EEE;
11
+ --blue-500: #0ADBE3;
12
+ --purple: #6B48FF;
13
+ --red: red;
14
+ // =============================================
15
+ // Colors V1
16
+ // =============================================
17
+ --primary: #37B6C4;
18
+ --primary-700: #136E92;
19
+ --secondary: #484440;
20
+ --gray: #707070;
21
+ --gray-800: #8A817B;
22
+ --gray-400: #D5CCC3;
23
+ --gray-200: #F1F1F1;
24
+ --gray-100: #F8F9FA;
25
+ --warning: #ED9C2E;
26
+ --danger: #D93025;
27
+ --success :#1E8E3E;
28
+ --complete :#039BE5;
29
+
30
+ --verde: #37B6C4;
31
+ --cinza: #8A817B;
32
+ --cinza4: #F1F1F1;
33
+ }
package/scss/components/styles.scss CHANGED
@@ -1,9 +1,9 @@
1
- @use 'custom/variables.scss';
2
-
3
- @use 'custom/loading-transitions.scss';
4
- @use 'custom/table.scss';
5
- @use 'custom/tooltip.scss';
6
- @use 'custom/validation.scss';
7
- @use 'custom/el-copy.scss';
8
- @use 'custom/ui-datepicker.scss';
1
+ @use 'custom/variables.scss';
2
+
3
+ @use 'custom/loading-transitions.scss';
4
+ @use 'custom/table.scss';
5
+ @use 'custom/tooltip.scss';
6
+ @use 'custom/validation.scss';
7
+ @use 'custom/el-copy.scss';
8
+ @use 'custom/ui-datepicker.scss';
9
9
  @use 'custom/tab-menu.scss';
package/scss/tcloud/custom/alerts.scss CHANGED
@@ -1,38 +1,38 @@
1
1
  @use "sass:color";
2
- /*
3
- <div class="tc-alert tc-alert-primary">
4
- A simple primary alert—check it out!
5
- </div>
6
-
7
- */
8
-
9
- .tc-alert{
10
- padding: 16px;
11
- border-radius: 13px;
12
- font-size: 14px;
13
- }
14
-
15
- .tc-alert-success{
16
- border: 2px solid #4597a4;
17
- color: #4597a4;
18
- background-color: color.adjust(#4597a4, $lightness: 40%);
19
- }
20
-
21
- .tc-alert-danger{
22
- border: 2px solid #ee4d4d;
23
- color: #ee4d4d;
24
- background-color: color.adjust(#ee4d4d, $lightness: 33%);
25
- }
26
-
27
- .tc-alert-warning{
28
- border: 2px solid #ffa632;
29
- color: #c8842a;
30
- background-color: color.adjust(#ffa632, $lightness: 33%);
31
- }
32
-
33
- .tc-alert-info{
34
- border: 2px solid #456da4;
35
- color: #456da4;
36
- background-color: color.adjust(#456da4, $lightness: 40%);
37
- }
38
-
2
+ /*
3
+ <div class="tc-alert tc-alert-primary">
4
+ A simple primary alert—check it out!
5
+ </div>
6
+
7
+ */
8
+
9
+ .tc-alert{
10
+ padding: 16px;
11
+ border-radius: 13px;
12
+ font-size: 14px;
13
+ }
14
+
15
+ .tc-alert-success{
16
+ border: 2px solid #4597a4;
17
+ color: #4597a4;
18
+ background-color: color.adjust(#4597a4, $lightness: 40%);
19
+ }
20
+
21
+ .tc-alert-danger{
22
+ border: 2px solid #ee4d4d;
23
+ color: #ee4d4d;
24
+ background-color: color.adjust(#ee4d4d, $lightness: 33%);
25
+ }
26
+
27
+ .tc-alert-warning{
28
+ border: 2px solid #ffa632;
29
+ color: #c8842a;
30
+ background-color: color.adjust(#ffa632, $lightness: 33%);
31
+ }
32
+
33
+ .tc-alert-info{
34
+ border: 2px solid #456da4;
35
+ color: #456da4;
36
+ background-color: color.adjust(#456da4, $lightness: 40%);
37
+ }
38
+