@dev-tcloud/tcloud-ui 5.0.3 → 5.0.5

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 (6) hide show
  1. package/fesm2022/dev-tcloud-tcloud-ui.mjs +10 -10
  2. package/fesm2022/dev-tcloud-tcloud-ui.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/scss/tcloud-revitalizacao/_tc-rev-themes.scss +98 -15
  5. package/scss/tcloud-revitalizacao/components/_tc-rev-button.scss +1 -0
  6. package/scss/tcloud-revitalizacao/components/_tc-rev-input-control.scss +10 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dev-tcloud/tcloud-ui",
3
- "version": "5.0.3",
3
+ "version": "5.0.5",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^19.2.14",
6
6
  "@angular/core": "^19.2.14"
package/scss/tcloud-revitalizacao/_tc-rev-themes.scss CHANGED
@@ -1,5 +1,46 @@
1
- :root
2
- {
1
+ :root {
2
+
3
+ --black: #000;
4
+ --white: #fff;
5
+ --blue: #0897E9;
6
+ --dark: #363636;
7
+ --orange: #FEAC0E;
8
+ // --gray-100: #EEE;
9
+ --gray-light: #EEE;
10
+ --blue-500: #0ADBE3;
11
+ --purple: #6B48FF;
12
+ --red: red;
13
+ // =============================================
14
+ // Colors V1
15
+ // =============================================
16
+ --primary: #37B6C4;
17
+ --primary-700: #136E92;
18
+ --secondary: #484440;
19
+ --gray: #707070;
20
+ --gray-800: #8A817B;
21
+ --gray-400: #D5CCC3;
22
+ --gray-200: #F1F1F1;
23
+ --gray-100: #F8F9FA;
24
+ --warning: #ED9C2E;
25
+ --danger: #D93025;
26
+ --success :#1E8E3E;
27
+ --complete :#039BE5;
28
+
29
+ --verde: #37B6C4;
30
+ --cinza: #8A817B;
31
+ --cinza4: #F1F1F1;
32
+
33
+ --f-family: 'Open Sans', sans-serif;
34
+
35
+ // VARIÁVEIS LEGADO STANDARD
36
+ --tc-primary: #37b6c4;
37
+ --tc-primary-lighten: #5ab8c2;
38
+ --tc-primary2: #136e92;
39
+ --tc-complemt: #0ADBE3;
40
+ --tc-complemt-2: #136e92;
41
+ --tc-complemt-3: #136e92;
42
+
43
+ //CORES PRIMÁRIAS LEGADO STANDARD
3
44
  --c-neutral-50: #FFFFFF;
4
45
  --c-neutral-100: #FAFAFA;
5
46
  --c-neutral-200: #EEEEEE;
@@ -10,11 +51,11 @@
10
51
  --c-neutral-700: #495057;
11
52
  --c-neutral-800: #363636;
12
53
  --c-neutral-900: #000000;
13
- --c-primary-300: #EAF9FF;
14
- --c-primary-400: #75D8FF;
15
- --c-primary-500: #0897E9;
16
- --c-primary-600: #0457A7;
17
- --c-primary-700: #012C6F;
54
+ --c-primary-300: #e3fcff;
55
+ --c-primary-400: #98e5ee;
56
+ --c-primary-500: #37B6C4;
57
+ --c-primary-600: #2592AB;
58
+ --c-primary-700: #136E92;
18
59
  --c-danger-300: #FDE1D6;
19
60
  --c-danger-400: #F48E85;
20
61
  --c-danger-500: #DC3545;
@@ -28,12 +69,54 @@
28
69
  --c-success-400: #A3E78C;
29
70
  --c-success-500: #47B13D;
30
71
 
31
- body.tc-prime-modern
32
- {
33
- --c-primary-300: #D3C8FF;
34
- --c-primary-400: #896DFF;
35
- --c-primary-500: #6B48FF;
36
- --c-primary-600: #3A24B7;
37
- --c-primary-700: #190D7A;
38
- }
72
+ body.tc-prime {
73
+ // LEGADO PRIME
74
+ --tc-primary: #6B48FF;
75
+ --tc-primary-lighten: #896DFF;
76
+ --tc-complemt-3: #896DFF;
77
+ --tc-complemt: #896DFF;
78
+ --tc-complemt-2: #3A24B7;
79
+ --tc-primary2: #190D7A;
80
+
81
+ // LEGADO PRIME
82
+ --c-primary-300: #D3C8FF;
83
+ --c-primary-400: #896DFF;
84
+ --c-primary-500: #6B48FF;
85
+ --c-primary-600: #3A24B7;
86
+ --c-primary-700: #190D7A;
87
+ }
88
+
89
+ body.tc-standard-modern {
90
+ --f-family: 'Nunito Sans', sans-serif;
91
+
92
+ --tc-primary: #0897E9;
93
+ --tc-primary-lighten: #75D8FF;
94
+ --tc-primary2: #0457A7;
95
+ --tc-complemt: #75D8FF;
96
+ --tc-complemt-2: #0457A7;
97
+ --tc-complemt-3: #0457A7;
98
+
99
+ --c-primary-300: #EAF9FF;
100
+ --c-primary-400: #75D8FF;
101
+ --c-primary-500: #0897E9;
102
+ --c-primary-600: #0457A7;
103
+ --c-primary-700: #012C6F;
104
+ }
105
+
106
+ body.tc-prime-modern {
107
+ --f-family: 'Nunito Sans', sans-serif;
108
+
109
+ --tc-primary: #6B48FF;
110
+ --tc-primary-lighten: #896DFF;
111
+ --tc-complemt-3: #896DFF;
112
+ --tc-complemt: #896DFF;
113
+ --tc-complemt-2: #3A24B7;
114
+ --tc-primary2: #190D7A;
115
+
116
+ --c-primary-300: #D3C8FF;
117
+ --c-primary-400: #896DFF;
118
+ --c-primary-500: #6B48FF;
119
+ --c-primary-600: #3A24B7;
120
+ --c-primary-700: #190D7A;
121
+ }
39
122
  }
package/scss/tcloud-revitalizacao/components/_tc-rev-button.scss CHANGED
@@ -65,6 +65,7 @@
65
65
 
66
66
  $btn-by-colors:
67
67
  ("class": "tc-rev-btn--primary-filled", "b-color": var(--c-primary-500), "bg-color": var(--c-primary-500), "color": var(--c-neutral-50), "bg-hover": var(--c-primary-600)),
68
+ ("class": "tc-rev-btn--success-filled", "b-color": var(--c-success-500), "bg-color": var(--c-success-500), "color": var(--c-neutral-50), "bg-hover": var(--c-success-500)),
68
69
  ("class": "tc-rev-btn--light-filled", "b-color": var(--c-neutral-50), "bg-color": var(--c-neutral-50), "color": var(--c-primary-500), "bg-hover": var(--c-neutral-50)),
69
70
  ("class": "tc-rev-btn--dark-filled", "b-color": var(--c-neutral-900), "bg-color": var(--c-neutral-900), "color": var(--c-neutral-50), "bg-hover": var(--c-neutral-600)),
70
71
  ("class": "tc-rev-btn--danger-filled", "b-color": var(--c-danger-500), "bg-color": var(--c-danger-500), "color": var(--c-neutral-50), "bg-hover": var(--c-danger-500));
package/scss/tcloud-revitalizacao/components/_tc-rev-input-control.scss CHANGED
@@ -11,6 +11,7 @@
11
11
  height: var(--size-40);
12
12
  transition: 200ms ease;
13
13
  padding: 0 var(--size-16);
14
+ max-width: 100%;
14
15
 
15
16
  &:hover, &:focus
16
17
  {
@@ -211,6 +212,7 @@ input[type=checkbox].tc-rev-input-checkbox {
211
212
  height: initial;
212
213
  width: initial;
213
214
  left: initial;
215
+ top: initial;
214
216
  margin: initial;
215
217
  border: initial;
216
218
  }
@@ -228,6 +230,10 @@ input[type=checkbox].tc-rev-input-checkbox {
228
230
  border-width: initial;
229
231
  transform: initial;
230
232
  }
233
+
234
+ &:checked:after {
235
+ border-color: initial;
236
+ }
231
237
  }
232
238
 
233
239
  input[type=checkbox].tc-rev-input-checkbox {
@@ -245,7 +251,7 @@ input[type=checkbox].tc-rev-input-checkbox {
245
251
  display: inline-block;
246
252
  vertical-align: middle;
247
253
 
248
- &::before {
254
+ &:before {
249
255
  content: '';
250
256
  display: block;
251
257
  width: 100%;
@@ -259,7 +265,7 @@ input[type=checkbox].tc-rev-input-checkbox {
259
265
  z-index: 1;
260
266
  }
261
267
 
262
- &::after {
268
+ &:after {
263
269
  content: '';
264
270
  display: block;
265
271
  position: absolute;
@@ -280,11 +286,11 @@ input[type=checkbox].tc-rev-input-checkbox {
280
286
  background: var(--c-primary-500);
281
287
  }
282
288
 
283
- &:checked::before {
289
+ &:checked:before {
284
290
  background: var(--c-primary-500);
285
291
  }
286
292
 
287
- &:checked::after {
293
+ &:checked:after {
288
294
  background: #fff;
289
295
  mask: url('data:image/svg+xml;utf8,<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5.5L5 9L13 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;
290
296
  -webkit-mask: url('data:image/svg+xml;utf8,<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5.5L5 9L13 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;