@dev-tcloud/tcloud-ui 7.0.0 → 7.0.3
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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dev-tcloud/tcloud-ui",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.3",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "21.2.17",
|
|
6
6
|
"@angular/core": "21.2.17",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"dependencies": {
|
|
10
10
|
"highlight.js": "^11.9.0",
|
|
11
11
|
"ngx-markdown": "^21.3.0",
|
|
12
|
-
"marked": "^17.0.
|
|
12
|
+
"marked": "^17.0.2",
|
|
13
13
|
"tslib": "^2.6.2"
|
|
14
14
|
},
|
|
15
15
|
"module": "fesm2022/dev-tcloud-tcloud-ui.mjs",
|
|
@@ -66,3 +66,75 @@
|
|
|
66
66
|
color-scheme: dark;
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
|
+
|
|
70
|
+
// =============================================================================
|
|
71
|
+
// Datepicker (vanillajs-datepicker) — remap dark do dropdown
|
|
72
|
+
// =============================================================================
|
|
73
|
+
// O dropdown é anexado ao <body> e estilizado por datepicker.min.css (cores
|
|
74
|
+
// fixas, base Bulma: #fff, #363636, #3273dc...). Aqui remapeamos essas cores
|
|
75
|
+
// para os tokens --c-* apenas no dark. Cada regra usa o prefixo `.tc-dark`, que
|
|
76
|
+
// vence o CSS de terceiros por especificidade (independente da ordem de carga).
|
|
77
|
+
.tc-dark {
|
|
78
|
+
.datepicker-picker {
|
|
79
|
+
background-color: var(--c-neutral-50);
|
|
80
|
+
color: var(--c-neutral-700);
|
|
81
|
+
}
|
|
82
|
+
.datepicker-dropdown .datepicker-picker {
|
|
83
|
+
box-shadow: 0 2px 6px rgba(0, 0, 0, .4), 0 0 0 1px var(--c-neutral-300);
|
|
84
|
+
}
|
|
85
|
+
.datepicker-footer,
|
|
86
|
+
.datepicker-title {
|
|
87
|
+
background-color: var(--c-neutral-100);
|
|
88
|
+
color: var(--c-neutral-700);
|
|
89
|
+
box-shadow: none;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
// Controles: setas prev/next, view-switch e botões do rodapé (Hoje/Limpar)
|
|
93
|
+
.datepicker-controls .button {
|
|
94
|
+
background-color: var(--c-neutral-50);
|
|
95
|
+
border-color: var(--c-neutral-300);
|
|
96
|
+
color: var(--c-neutral-700);
|
|
97
|
+
}
|
|
98
|
+
.datepicker-controls .button:hover { border-color: var(--c-neutral-400); color: var(--c-neutral-700); }
|
|
99
|
+
.datepicker-controls .button:focus { border-color: var(--c-primary-500); color: var(--c-neutral-700); }
|
|
100
|
+
.datepicker-controls .button:active { border-color: var(--c-neutral-500); color: var(--c-neutral-700); }
|
|
101
|
+
.datepicker-header .datepicker-controls .button:hover { background-color: var(--c-neutral-100); }
|
|
102
|
+
.datepicker-header .datepicker-controls .button:active { background-color: var(--c-neutral-100); }
|
|
103
|
+
|
|
104
|
+
// Número da semana
|
|
105
|
+
.datepicker-view .week { color: var(--c-neutral-400); }
|
|
106
|
+
|
|
107
|
+
// Células de dia
|
|
108
|
+
.datepicker-cell:not(.disabled):hover { background-color: var(--c-neutral-100); }
|
|
109
|
+
.datepicker-cell.focused:not(.selected) { background-color: var(--c-neutral-200); }
|
|
110
|
+
.datepicker-cell.selected,
|
|
111
|
+
.datepicker-cell.selected:hover { background-color: var(--c-primary-300); color: var(--c-primary-500); }
|
|
112
|
+
.datepicker-cell.disabled { color: var(--c-neutral-400); }
|
|
113
|
+
.datepicker-cell.next:not(.disabled),
|
|
114
|
+
.datepicker-cell.prev:not(.disabled) { color: var(--c-neutral-500); }
|
|
115
|
+
.datepicker-cell.next.selected,
|
|
116
|
+
.datepicker-cell.prev.selected { color: var(--c-primary-500); }
|
|
117
|
+
|
|
118
|
+
// Fins de semana destacados (daysOfWeekHighlighted [0,6])
|
|
119
|
+
.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) { background-color: var(--c-neutral-100); }
|
|
120
|
+
.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover { background-color: var(--c-neutral-200); }
|
|
121
|
+
.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused { background-color: var(--c-neutral-200); }
|
|
122
|
+
|
|
123
|
+
// Hoje
|
|
124
|
+
.datepicker-cell.today:not(.selected) { background-color: var(--c-primary-400); }
|
|
125
|
+
.datepicker-cell.today:not(.selected):not(.disabled) { color: var(--c-neutral-900); }
|
|
126
|
+
.datepicker-cell.today.focused:not(.selected) { background-color: var(--c-primary-400); }
|
|
127
|
+
|
|
128
|
+
// Range (seleção de intervalo / múltiplas datas)
|
|
129
|
+
.datepicker-cell.range-end:not(.selected),
|
|
130
|
+
.datepicker-cell.range-start:not(.selected) { background-color: var(--c-neutral-400); color: var(--c-neutral-900); }
|
|
131
|
+
.datepicker-cell.range-end.focused:not(.selected),
|
|
132
|
+
.datepicker-cell.range-start.focused:not(.selected) { background-color: var(--c-neutral-500); }
|
|
133
|
+
.datepicker-cell.range { background-color: var(--c-neutral-300); }
|
|
134
|
+
.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover { background-color: var(--c-neutral-200); }
|
|
135
|
+
.datepicker-cell.range.disabled { color: var(--c-neutral-500); }
|
|
136
|
+
.datepicker-cell.range.focused { background-color: var(--c-neutral-300); }
|
|
137
|
+
|
|
138
|
+
// Input em edição
|
|
139
|
+
.datepicker-input.in-edit { border-color: var(--c-primary-500); }
|
|
140
|
+
}
|
|
@@ -218,8 +218,8 @@ $btn-by-colors-by-link:
|
|
|
218
218
|
}
|
|
219
219
|
|
|
220
220
|
.tc-rev-btn-square{
|
|
221
|
-
background-color:
|
|
222
|
-
border: 1.5px solid
|
|
221
|
+
background-color: var(--c-neutral-50);
|
|
222
|
+
border: 1.5px solid var(--c-primary-500);
|
|
223
223
|
border-radius: 5px;
|
|
224
224
|
color: var(--c-primary-500);
|
|
225
225
|
cursor: pointer;
|