@webority/theme 0.70.1 → 0.71.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webority/theme",
3
- "version": "0.70.1",
3
+ "version": "0.71.0",
4
4
  "description": "Webority shared design system — Bootstrap 5.3 SCSS overrides, --wui-* tokens, and shared component CSS. The single source of brand chrome for React portals and Razor sites.",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {
@@ -101,9 +101,10 @@
101
101
  background: var(--color-info-soft);
102
102
  color: var(--color-info-text-on-soft);
103
103
  }
104
+ // Foreground lightness 31%: at 32% the hue-60 pair falls to 4.42:1 on the 90% tint.
104
105
  .avatar-auto {
105
106
  background: hsl(var(--avatar-hue, 0) 60% 90%);
106
- color: hsl(var(--avatar-hue, 0) 42% 32%);
107
+ color: hsl(var(--avatar-hue, 0) 42% 31%);
107
108
  }
108
109
 
109
110
  // ── Ring ── (`ring`): a tone-coloured ring with a surface gap, separating stacked
@@ -83,6 +83,20 @@
83
83
  text-overflow: ellipsis;
84
84
  white-space: nowrap;
85
85
  }
86
+ // At 360px and narrower a label wraps to two lines instead of cutting off, so "Earnings" shows in
87
+ // full at 320px with WCAG text spacing. A third line is clamped.
88
+ @media (max-width: 360px) {
89
+ .wui-tabbar-label {
90
+ display: -webkit-box;
91
+ -webkit-box-orient: vertical;
92
+ -webkit-line-clamp: 2;
93
+ font-size: 0.6875rem;
94
+ line-height: 1.15;
95
+ overflow-wrap: anywhere;
96
+ text-overflow: clip;
97
+ white-space: normal;
98
+ }
99
+ }
86
100
  // A count over the icon. Neutral by default, toned like the nav badge it mirrors (-text on -soft,
87
101
  // the 4.5:1 pairing the nav badge tones use).
88
102
  .wui-tabbar-badge {