@trismegisto/core 2.0.0 → 2.1.0
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/dist/core.css +48 -4
- package/package.json +3 -3
package/dist/core.css
CHANGED
|
@@ -104,6 +104,28 @@ button, input, select, textarea {
|
|
|
104
104
|
color: inherit;
|
|
105
105
|
}
|
|
106
106
|
|
|
107
|
+
/* Tema nos controles nativos do navegador. `color-scheme` faz o navegador desenhar no escuro o que ele mesmo
|
|
108
|
+
pinta (barras de rolagem, autofill, seletor de data, setas do select...); sem ele, a barra fica clara no tema
|
|
109
|
+
escuro. `scrollbar-color` é herdado: declarado no elemento do tema, vale para toda rolagem abaixo dele (sem
|
|
110
|
+
precisar de .hm-scroll-area em cada contêiner), com a mesma cor discreta da .hm-scroll-area. É redeclarado em
|
|
111
|
+
cada `[data-theme]` porque o var() resolve onde a propriedade é declarada (ver CLAUDE.md §2). */
|
|
112
|
+
:root,
|
|
113
|
+
[data-theme] {
|
|
114
|
+
color-scheme: light;
|
|
115
|
+
scrollbar-color: var(--hm-border) transparent;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
[data-theme=dark] {
|
|
119
|
+
color-scheme: dark;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
/* Alto contraste: barra e controles do sistema. */
|
|
123
|
+
@media (forced-colors: active) {
|
|
124
|
+
:root,
|
|
125
|
+
[data-theme] {
|
|
126
|
+
scrollbar-color: initial;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
107
129
|
.hm-visually-hidden {
|
|
108
130
|
position: absolute;
|
|
109
131
|
width: 1px;
|
|
@@ -1278,6 +1300,7 @@ hm-icon-button,
|
|
|
1278
1300
|
}
|
|
1279
1301
|
.hm-field {
|
|
1280
1302
|
display: grid;
|
|
1303
|
+
grid-template-columns: minmax(0, 1fr);
|
|
1281
1304
|
gap: var(--hm-space-micro);
|
|
1282
1305
|
width: 100%;
|
|
1283
1306
|
}
|
|
@@ -3838,6 +3861,21 @@ hm-sidebar-link,
|
|
|
3838
3861
|
text-overflow: ellipsis;
|
|
3839
3862
|
white-space: nowrap;
|
|
3840
3863
|
}
|
|
3864
|
+
.hm-sidebar-link__submenu {
|
|
3865
|
+
flex: none;
|
|
3866
|
+
color: var(--hm-muted);
|
|
3867
|
+
}
|
|
3868
|
+
.hm-sidebar-link__submenu:dir(rtl) {
|
|
3869
|
+
scale: -1 1;
|
|
3870
|
+
}
|
|
3871
|
+
.hm-sidebar-link__hint {
|
|
3872
|
+
position: absolute;
|
|
3873
|
+
inline-size: 1px;
|
|
3874
|
+
block-size: 1px;
|
|
3875
|
+
overflow: hidden;
|
|
3876
|
+
clip-path: inset(50%);
|
|
3877
|
+
white-space: nowrap;
|
|
3878
|
+
}
|
|
3841
3879
|
|
|
3842
3880
|
.hm-sidebar-group__body .hm-sidebar-link {
|
|
3843
3881
|
min-block-size: var(--hm-control-height);
|
|
@@ -3871,6 +3909,9 @@ hm-sidebar-link,
|
|
|
3871
3909
|
white-space: nowrap;
|
|
3872
3910
|
animation: none;
|
|
3873
3911
|
}
|
|
3912
|
+
.hm-sidebar-link.hm-sidebar-link--collapsed .hm-sidebar-link__submenu {
|
|
3913
|
+
display: none;
|
|
3914
|
+
}
|
|
3874
3915
|
|
|
3875
3916
|
hm-sidebar-group,
|
|
3876
3917
|
.hm-sidebar-group-host {
|
|
@@ -4039,7 +4080,9 @@ hm-sidebar-group,
|
|
|
4039
4080
|
color: HighlightText;
|
|
4040
4081
|
}
|
|
4041
4082
|
.hm-sidebar-link.hm-sidebar-link--active .hm-sidebar-link__icon,
|
|
4042
|
-
.hm-sidebar-link.hm-sidebar-link--active
|
|
4083
|
+
.hm-sidebar-link.hm-sidebar-link--active .hm-sidebar-link__submenu,
|
|
4084
|
+
.hm-sidebar-link.hm-sidebar-link--active:hover .hm-sidebar-link__icon,
|
|
4085
|
+
.hm-sidebar-link.hm-sidebar-link--active:hover .hm-sidebar-link__submenu {
|
|
4043
4086
|
color: HighlightText;
|
|
4044
4087
|
}
|
|
4045
4088
|
.hm-sidebar-group__mark {
|
|
@@ -15356,7 +15399,8 @@ hm-accordion-panel,
|
|
|
15356
15399
|
height: var(--hm-icon-md);
|
|
15357
15400
|
}
|
|
15358
15401
|
|
|
15359
|
-
/* Intervalo: duas entradas no mesmo quadro, cada uma do tamanho de uma data
|
|
15402
|
+
/* Intervalo: duas entradas no mesmo quadro, cada uma do tamanho de uma data (o `size` delas é o tamanho da data,
|
|
15403
|
+
não os 20 caracteres padrão do navegador, que deixavam o intervalo largo demais). */
|
|
15360
15404
|
.hm-date-range .hm-date-range__input {
|
|
15361
15405
|
flex: 1 1 0;
|
|
15362
15406
|
min-inline-size: 7.5ch;
|
|
@@ -15421,8 +15465,8 @@ hm-accordion-panel,
|
|
|
15421
15465
|
.hm-date-range__preset-check {
|
|
15422
15466
|
display: inline-flex;
|
|
15423
15467
|
flex: none;
|
|
15424
|
-
inline-size: var(--hm-icon-
|
|
15425
|
-
block-size: var(--hm-icon-
|
|
15468
|
+
inline-size: var(--hm-icon-md);
|
|
15469
|
+
block-size: var(--hm-icon-md);
|
|
15426
15470
|
}
|
|
15427
15471
|
.hm-date-range__preset-check hm-icon {
|
|
15428
15472
|
inline-size: 100%;
|
package/package.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trismegisto/core",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.1.0",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
|
-
"url": "git+https://github.com/
|
|
7
|
+
"url": "git+https://github.com/konvndor/trismegisto.git",
|
|
8
8
|
"directory": "packages/core"
|
|
9
9
|
},
|
|
10
10
|
"description": "Hermes — CSS dos componentes (classes hm-*), independente de framework.",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"dist"
|
|
20
20
|
],
|
|
21
21
|
"scripts": {
|
|
22
|
-
"lint": "stylelint \"src/**/*.scss\" && node scripts/check-breakpoints.mjs",
|
|
22
|
+
"lint": "stylelint \"src/**/*.scss\" && node scripts/check-breakpoints.mjs && node scripts/check-tokens.mjs",
|
|
23
23
|
"test": "npm run lint",
|
|
24
24
|
"build": "npm run lint && sass src/index.scss dist/core.css --no-source-map --style=expanded && node -e \"require('fs').cpSync('src/fonts','dist/fonts',{recursive:true})\""
|
|
25
25
|
},
|