@hjmds/react 1.33.1 → 1.34.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/display.d.ts +2 -0
- package/dist/display.d.ts.map +1 -1
- package/dist/display.js +2 -2
- package/dist/display.js.map +1 -1
- package/dist/evidence.d.ts +1 -1
- package/dist/evidence.js +1 -1
- package/dist/evidence.js.map +1 -1
- package/dist/internal/initial-focus.d.ts.map +1 -1
- package/dist/internal/initial-focus.js +9 -3
- package/dist/internal/initial-focus.js.map +1 -1
- package/dist/screen-flows.d.ts +1 -1
- package/dist/screen-flows.d.ts.map +1 -1
- package/dist/screen-flows.js +2 -2
- package/dist/screen-flows.js.map +1 -1
- package/dist/screens.d.ts +1 -1
- package/dist/screens.d.ts.map +1 -1
- package/dist/screens.js.map +1 -1
- package/dist/styles.css +23 -16
- package/dist/styles.layered.css +23 -16
- package/package.json +3 -3
package/dist/styles.layered.css
CHANGED
|
@@ -924,22 +924,28 @@
|
|
|
924
924
|
.hjm-tabs[data-orientation="vertical"] .hjm-tabs__tab[data-state="selected"]::after { inset-block: 0; inset-inline-start: auto; inset-inline-end: 0; inline-size: 2px; block-size: auto; }
|
|
925
925
|
|
|
926
926
|
.hjm-badge, .hjm-tag { display: inline-flex; align-items: center; gap: var(--hjm-space-xxs); max-inline-size: 100%; overflow-wrap: anywhere; }
|
|
927
|
-
|
|
928
|
-
.hjm-badge
|
|
929
|
-
.hjm-badge[data-
|
|
930
|
-
.hjm-badge[data-tone="
|
|
931
|
-
.hjm-badge[data-tone="
|
|
932
|
-
.hjm-badge[data-tone="
|
|
933
|
-
.hjm-
|
|
934
|
-
.hjm-badge[data-
|
|
935
|
-
.hjm-badge[data-tone="danger"] { color: var(--hjm-color-danger); background: color-mix(in srgb, var(--hjm-color-danger) 14%, transparent); border-color: color-mix(in srgb, var(--hjm-color-danger) 30%, transparent); }
|
|
936
|
-
.hjm-badge[data-variant="outline"] { background: transparent; border-color: var(--hjm-color-border); }
|
|
927
|
+
/* Solid status plates mirror badgeRecipe; Tag keeps its independent tint treatment. */
|
|
928
|
+
.hjm-badge { min-block-size: 24px; padding: 2px var(--hjm-space-xs); border: 0; border-radius: var(--hjm-radius-sm); color: var(--hjm-color-on-primary); background: var(--hjm-color-neutral-fill); font-size: var(--hjm-type-caption-size); line-height: var(--hjm-type-caption-line-height); font-weight: var(--hjm-font-weight-bold); }
|
|
929
|
+
.hjm-badge[data-size="small"] { min-block-size: 20px; }
|
|
930
|
+
.hjm-badge[data-tone="strong"] { background: var(--hjm-color-strong-fill); }
|
|
931
|
+
.hjm-badge[data-tone="brand"] { background: var(--hjm-color-primary); }
|
|
932
|
+
.hjm-badge[data-tone="danger"] { color: var(--hjm-color-on-danger); background: var(--hjm-color-danger-fill); }
|
|
933
|
+
.hjm-badge__icon { display: inline-flex; align-items: center; flex: 0 0 auto; }
|
|
934
|
+
.hjm-badge[data-variant="outline"] { background: transparent; border: 1px solid var(--hjm-color-border); color: var(--hjm-color-text-muted); }
|
|
937
935
|
.hjm-badge[data-variant="outline"][data-tone="strong"] { color: var(--hjm-color-text); }
|
|
938
|
-
.hjm-badge[data-variant="outline"][data-tone="
|
|
939
|
-
.hjm-badge[data-variant="outline"][data-tone="
|
|
940
|
-
.hjm-badge[data-
|
|
941
|
-
.hjm-badge[data-variant="outline"][data-tone="
|
|
942
|
-
.hjm-badge[data-
|
|
936
|
+
.hjm-badge[data-variant="outline"][data-tone="brand"] { color: var(--hjm-color-content-brand); }
|
|
937
|
+
.hjm-badge[data-variant="outline"][data-tone="danger"] { color: var(--hjm-color-danger); }
|
|
938
|
+
.hjm-badge[data-tone="info"] { background: var(--hjm-accent-fill-info); }
|
|
939
|
+
.hjm-badge[data-variant="outline"][data-tone="info"] { background: transparent; color: var(--hjm-accent-info); border-color: color-mix(in srgb, var(--hjm-accent-info) 30%, transparent); }
|
|
940
|
+
.hjm-badge[data-tone="success"] { background: var(--hjm-accent-fill-success); }
|
|
941
|
+
.hjm-badge[data-variant="outline"][data-tone="success"] { background: transparent; color: var(--hjm-accent-success); border-color: color-mix(in srgb, var(--hjm-accent-success) 30%, transparent); }
|
|
942
|
+
.hjm-badge[data-tone="warning"] { background: var(--hjm-accent-fill-warning); }
|
|
943
|
+
.hjm-badge[data-variant="outline"][data-tone="warning"] { background: transparent; color: var(--hjm-accent-warning); border-color: color-mix(in srgb, var(--hjm-accent-warning) 30%, transparent); }
|
|
944
|
+
.hjm-badge[data-tone="attention"] { background: var(--hjm-accent-fill-attention); }
|
|
945
|
+
.hjm-badge[data-variant="outline"][data-tone="attention"] { background: transparent; color: var(--hjm-accent-attention); border-color: color-mix(in srgb, var(--hjm-accent-attention) 30%, transparent); }
|
|
946
|
+
.hjm-tag[data-tone="info"] { color: var(--hjm-accent-info); background: color-mix(in srgb, var(--hjm-accent-info) 14%, transparent); border-color: color-mix(in srgb, var(--hjm-accent-info) 30%, transparent); }
|
|
947
|
+
.hjm-tag[data-tone="success"] { color: var(--hjm-accent-success); background: color-mix(in srgb, var(--hjm-accent-success) 14%, transparent); border-color: color-mix(in srgb, var(--hjm-accent-success) 30%, transparent); }
|
|
948
|
+
.hjm-tag[data-tone="attention"] { color: var(--hjm-accent-attention); background: color-mix(in srgb, var(--hjm-accent-attention) 14%, transparent); border-color: color-mix(in srgb, var(--hjm-accent-attention) 30%, transparent); }
|
|
943
949
|
.hjm-tag { min-block-size: 20px; padding-inline: var(--hjm-space-xxs); border: 1px solid var(--hjm-color-border); border-radius: var(--hjm-radius-sm); color: var(--hjm-color-text-muted); background: var(--hjm-color-bg); font-size: var(--hjm-type-caption-size); line-height: var(--hjm-type-caption-line-height); font-weight: var(--hjm-text-emphasis-medium); }
|
|
944
950
|
.hjm-tag[data-tone="brand"] { color: var(--hjm-color-content-brand); background: var(--hjm-color-bg); }
|
|
945
951
|
.hjm-tag[data-tone="info"] { background: var(--hjm-color-bg); }
|
|
@@ -1126,7 +1132,8 @@ button.hjm-list-row, a.hjm-list-row { cursor: pointer; }
|
|
|
1126
1132
|
|
|
1127
1133
|
/* emptyStateRecipe.density.regular paddingVertical xxxl 40 (2026-10-06; Web had xxl 32, Native read the recipe). */
|
|
1128
1134
|
/* Like Native, a regular empty state fills the rest of a flex host and centers in it; compact (cards, sheets) stays content-high. */
|
|
1129
|
-
|
|
1135
|
+
/* Empty copy uses body size even inside a title-sized host (2026-10-18 user rule). */
|
|
1136
|
+
.hjm-empty-state { font-size: var(--hjm-type-body-size); line-height: var(--hjm-type-body-line-height); display: grid; flex-grow: 1; align-content: center; justify-items: center; gap: var(--hjm-space-xs); padding: var(--hjm-space-xxxl) var(--hjm-space-xl); color: var(--hjm-color-text-muted); text-align: center; }
|
|
1130
1137
|
.hjm-empty-state[data-density="compact"] { flex-grow: 0; padding-block: var(--hjm-space-xl); }
|
|
1131
1138
|
.hjm-empty-state__title { color: var(--hjm-color-text); font-weight: var(--hjm-type-title-weight); }
|
|
1132
1139
|
.hjm-result { display: grid; justify-items: center; gap: var(--hjm-space-sm); padding: var(--hjm-space-xxxl) var(--hjm-space-xl); text-align: center; }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hjmds/react",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.34.0",
|
|
4
4
|
"description": "Accessible React 19 renderers for HJM design contracts.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"publishConfig": {
|
|
@@ -598,7 +598,7 @@
|
|
|
598
598
|
"THIRD_PARTY_NOTICES.md"
|
|
599
599
|
],
|
|
600
600
|
"peerDependencies": {
|
|
601
|
-
"@hjmds/design-contracts": ">=1.
|
|
601
|
+
"@hjmds/design-contracts": ">=1.34.0 <1.35.0",
|
|
602
602
|
"react": ">=19.0.0",
|
|
603
603
|
"react-dom": ">=19.0.0",
|
|
604
604
|
"@number-flow/react": "0.6.2",
|
|
@@ -635,7 +635,7 @@
|
|
|
635
635
|
"blobatar": "2.7.0",
|
|
636
636
|
"@blobatar/react": "2.7.0",
|
|
637
637
|
"lucide-react": "1.49.0",
|
|
638
|
-
"@hjmds/design-contracts": "1.
|
|
638
|
+
"@hjmds/design-contracts": "1.34.0"
|
|
639
639
|
},
|
|
640
640
|
"peerDependenciesMeta": {
|
|
641
641
|
"@number-flow/react": {
|