@trismegisto/core 2.0.1 → 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.
Files changed (2) hide show
  1. package/dist/core.css +48 -4
  2. 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:hover .hm-sidebar-link__icon {
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-sm);
15425
- block-size: var(--hm-icon-sm);
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.0.1",
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/xlucvvs/trismegisto.git",
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
  },