@dev-tcloud/tcloud-ui 2.3.0 → 2.3.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 (9) hide show
  1. package/esm2022/lib/_directives/align/align.directive.mjs +4 -1
  2. package/esm2022/lib/_modules/tcloud-ui-filters/components/range-date/range-date.component.mjs +5 -1
  3. package/esm2022/lib/_modules/tcloud-ui-label-token/tcloud-ui-label-token.component.mjs +2 -2
  4. package/esm2022/lib/_modules/tcloud-ui-tab-menu/components/tcloud-ui-tab-head/tcloud-ui-tab-head.component.mjs +6 -3
  5. package/fesm2022/dev-tcloud-tcloud-ui.mjs +14 -4
  6. package/fesm2022/dev-tcloud-tcloud-ui.mjs.map +1 -1
  7. package/lib/_modules/tcloud-ui-tab-menu/components/tcloud-ui-tab-head/tcloud-ui-tab-head.component.d.ts +2 -1
  8. package/package.json +1 -1
  9. package/scss/tcloud/custom/buttons.scss +103 -59
package/lib/_modules/tcloud-ui-tab-menu/components/tcloud-ui-tab-head/tcloud-ui-tab-head.component.d.ts CHANGED
@@ -9,6 +9,7 @@ export declare class TCloudUiTabHeadComponent implements OnInit {
9
9
  ID: string;
10
10
  background: boolean;
11
11
  backgroundColor: '#FFFFFF' | '#F1F1F1' | 'white' | 'transparent';
12
+ bottom_line: boolean;
12
13
  constructor(tabMenuService: TabMenuService);
13
14
  ngOnInit(): void;
14
15
  generateID(): string;
@@ -17,5 +18,5 @@ export declare class TCloudUiTabHeadComponent implements OnInit {
17
18
  private scrollSuave;
18
19
  private moveScroll;
19
20
  static ɵfac: i0.ɵɵFactoryDeclaration<TCloudUiTabHeadComponent, never>;
20
- static ɵcmp: i0.ɵɵComponentDeclaration<TCloudUiTabHeadComponent, "tcloud-ui-tab-head", never, { "scroll": { "alias": "scroll"; "required": false; }; "background": { "alias": "background"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; }, {}, never, ["*"], false, never>;
21
+ static ɵcmp: i0.ɵɵComponentDeclaration<TCloudUiTabHeadComponent, "tcloud-ui-tab-head", never, { "scroll": { "alias": "scroll"; "required": false; }; "background": { "alias": "background"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "bottom_line": { "alias": "bottom_line"; "required": false; }; }, {}, never, ["*"], false, never>;
21
22
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dev-tcloud/tcloud-ui",
3
- "version": "2.3.0",
3
+ "version": "2.3.1",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^16.2.0",
6
6
  "@angular/core": "^16.2.0"
package/scss/tcloud/custom/buttons.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  .tc-btn {
2
2
  font-size: 12px;
3
3
  background: var(--tc-gray-100);
4
- color: var(--tc-gray-700);
4
+ color: var(--tc-gray-600);
5
5
  cursor: pointer;
6
6
  border-radius: 30px;
7
7
  display: inline-flex;
@@ -14,7 +14,7 @@
14
14
 
15
15
  p {
16
16
  font-size: 13px;
17
- color: var(--tc-gray-700);
17
+ color: var(--tc-gray-600);
18
18
  }
19
19
 
20
20
  i {
@@ -53,38 +53,37 @@ i {
53
53
  }
54
54
 
55
55
  .tc-btn-block {
56
- display: block;
57
- width: 100%;
58
- text-align: center;
59
- padding: 10px 25px;
56
+ display: block;
57
+ width: 100%;
58
+ text-align: center;
59
+ padding: 10px 25px;
60
60
  }
61
61
 
62
62
  .tc-btn-square {
63
- border-radius: 9px;
64
- padding-left: 15px;
65
- padding-right: 15px;
63
+ border-radius: 9px;
64
+ padding-left: 15px;
65
+ padding-right: 15px;
66
66
  }
67
67
 
68
68
  .tc-btn:disabled,
69
69
  .tc-btn[disabled]{
70
- cursor: no-drop;
71
- opacity: 0.6;
70
+ cursor: no-drop;
71
+ opacity: 0.6;
72
72
  }
73
73
 
74
74
  .tc-btn-primary {
75
- color: var(--white);
76
- background: var(--tc-primary);
77
- border-color: var(--tc-primary);
75
+ color: var(--white);
76
+ background: var(--tc-primary);
77
+ border-color: var(--tc-primary);
78
78
 
79
79
  &:hover {
80
80
  color: var(--white);
81
81
  background: var(--tc-complemt-3);
82
82
  border-color: var(--tc-primary);
83
83
  }
84
-
85
84
  }
86
85
 
87
- .tc-btn-warning {
86
+ .tc-btn-warning {
88
87
  color: var(--white);
89
88
  background: var(--warning);
90
89
  border-color: var(--warning);
@@ -108,58 +107,103 @@ border-color: var(--tc-primary);
108
107
  }
109
108
  }
110
109
 
110
+ // BUTTON OUTLINE
111
+ .tc-btn-outline {
112
+ color: var(--tc-gray-500);
113
+ background: transparent;
114
+ border-color: 1px solid var(--tc-gray-400);
111
115
 
112
- .tc-btn-link {
113
- cursor: pointer;
114
- padding: 10px;
115
- background: none;
116
- color: var(--tc-primary);
117
- border: none;
116
+ &:hover {
117
+ color: var(--tc-gray-600);
118
+ background: transparent;
119
+ border-color: var(--tc-gray-600);
120
+ }
121
+ }
118
122
 
119
- p {
120
- text-align: left;
123
+ .tc-btn-outline-primary {
121
124
  color: var(--tc-primary);
122
- }
125
+ background: transparent;
126
+ border-color: var(--tc-primary);
123
127
 
124
- &:hover{
125
- opacity: 0.8;
128
+ &:hover {
129
+ color: var(--white);
130
+ background: var(--tc-primary);
131
+ border-color: var(--tc-primary);
132
+ }
126
133
  }
127
134
 
128
- &:disabled{
129
- opacity: 0.6;
130
- }
135
+ .tc-btn-outline-warning {
136
+ color: var(--warning);
137
+ background: transparent;
138
+ border-color: var(--warning);
131
139
 
132
- &.tc-btn-link-primary {
133
- background: none;
134
- border: none;
135
- color: var(--tc-primary);
140
+ &:hover {
141
+ color: var(--white);
142
+ background: var(--warning);
143
+ border-color: var(--warning);
144
+ }
136
145
  }
137
146
 
138
- &.tc-btn-link-warning {
139
- background: none;
140
- border: none;
141
- color: var(--warning);
147
+ .tc-btn-outline-danger {
148
+ color: var(--danger);
149
+ background: transparent;
150
+ border-color: var(--danger);
151
+
152
+ &:hover {
153
+ color: var(--white);
154
+ background: var(--danger);
155
+ border-color: var(--danger);
156
+ }
142
157
  }
143
158
 
144
- &.tc-btn-link-danger {
159
+
160
+ .tc-btn-link {
161
+ cursor: pointer;
162
+ padding: 10px;
145
163
  background: none;
164
+ color: var(--tc-primary);
146
165
  border: none;
147
- color: var(--danger);
148
- }
149
166
 
150
- }
167
+ p {
168
+ text-align: left;
169
+ color: var(--tc-primary);
170
+ }
151
171
 
172
+ &:hover{
173
+ opacity: 0.8;
174
+ }
175
+
176
+ &:disabled{
177
+ opacity: 0.6;
178
+ }
152
179
 
180
+ &.tc-btn-link-primary {
181
+ background: none;
182
+ border: none;
183
+ color: var(--tc-primary);
184
+ }
153
185
 
186
+ &.tc-btn-link-warning {
187
+ background: none;
188
+ border: none;
189
+ color: var(--warning);
190
+ }
191
+
192
+ &.tc-btn-link-danger {
193
+ background: none;
194
+ border: none;
195
+ color: var(--danger);
196
+ }
197
+ }
154
198
 
155
199
  .tc-btn:disabled {
156
- opacity: 0.6;
157
- cursor: not-allowed;
200
+ opacity: 0.6;
201
+ cursor: not-allowed;
158
202
  }
159
203
 
160
204
  .tc-btn-block{
161
- width: 100% !important;
162
- justify-content: center;
205
+ width: 100% !important;
206
+ justify-content: center;
163
207
  }
164
208
 
165
209
  // ========================================
@@ -167,24 +211,24 @@ justify-content: center;
167
211
  // ========================================
168
212
 
169
213
  .btn-new {
170
- border: none;
171
- transition: all 0.25s;
172
- background: var(--tc-gray-100);
173
- color: var(--tc-gray-500);
174
- font-size: 12px;
175
- font-weight: normal;
176
- border-radius: 30px;
177
- padding: 10px 25px!important;
178
- cursor: pointer;
179
- display: inline-flex;
180
- align-items: center;
214
+ border: none;
215
+ transition: all 0.25s;
216
+ background: var(--tc-gray-100);
217
+ color: var(--tc-gray-500);
218
+ font-size: 12px;
219
+ font-weight: normal;
220
+ border-radius: 30px;
221
+ padding: 10px 25px!important;
222
+ cursor: pointer;
223
+ display: inline-flex;
224
+ align-items: center;
181
225
  }
182
226
 
183
227
  .btn-new.active,
184
228
  .btn-new.opened,
185
229
  .btn-new:hover {
186
- background: var(--tc-primary);
187
- color: var(--white);
230
+ background: var(--tc-primary);
231
+ color: var(--white);
188
232
  }
189
233
 
190
234
  .btn-new i {