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

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 (55) 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 +57 -57
  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 +32 -32
  16. package/scss/components/styles.scss +8 -8
  17. package/scss/tcloud/custom/alerts.scss +37 -37
  18. package/scss/tcloud/custom/buttons.scss +1002 -1002
  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 -81
  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
  43. package/scss/tcloud-revitalizacao/_tc-rev-border.scss +93 -0
  44. package/scss/tcloud-revitalizacao/_tc-rev-colors.scss +74 -0
  45. package/scss/tcloud-revitalizacao/_tc-rev-opacity.scss +19 -0
  46. package/scss/tcloud-revitalizacao/_tc-rev-shadow.scss +25 -0
  47. package/scss/tcloud-revitalizacao/_tc-rev-sizes.scss +159 -0
  48. package/scss/tcloud-revitalizacao/_tc-rev-themes.scss +39 -0
  49. package/scss/tcloud-revitalizacao/_tc-rev-typography.scss +122 -0
  50. package/scss/tcloud-revitalizacao/components/_tc-rev-button.scss +172 -0
  51. package/scss/tcloud-revitalizacao/components/_tc-rev-input-control.scss +292 -0
  52. package/scss/tcloud-revitalizacao/components/_tc-rev-tab-item.scss +39 -0
  53. package/scss/tcloud-revitalizacao/components/_tc-rev-table.scss +57 -0
  54. package/scss/tcloud-revitalizacao/components/_tc-rev-util.scss +24 -0
  55. package/scss/tcloud-revitalizacao/tc-rev-styles.scss +26 -0
package/scss/components/custom/variables.scss CHANGED
@@ -1,33 +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;
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
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
+