@mp-consulting/homebridge-ui-kit 1.2.1 → 1.2.2

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/ai.css CHANGED
@@ -1,4 +1,4 @@
1
- /* @mp-consulting/homebridge-ui-kit v1.2.1 */
1
+ /* @mp-consulting/homebridge-ui-kit v1.2.2 */
2
2
 
3
3
  /* ── Design tokens ──────────────────────────────────────────────────────────
4
4
  CSS custom properties used throughout the design system.
@@ -534,18 +534,31 @@
534
534
 
535
535
  .mp-ai-diff-header {
536
536
  display: flex;
537
+ flex-wrap: wrap;
537
538
  align-items: center;
538
- gap: 0.5rem;
539
+ gap: 0.375rem 0.5rem;
539
540
  padding: 0.5rem 0.75rem;
540
541
  border-bottom: 1px solid var(--mp-border, rgba(0, 0, 0, 0.1));
541
542
  font-size: 0.8125rem;
542
543
  }
543
544
 
545
+ .mp-ai-diff-header > .mp-ai-badge {
546
+ flex: none;
547
+ }
548
+
549
+ /* Same as the panel title: next to the badge when there is room for ~12rem of
550
+ it, otherwise on its own line below the badge (with the stats at its end),
551
+ never squeezed into a narrow column. */
544
552
  .mp-ai-diff-title {
553
+ flex: 1 1 12rem;
554
+ min-width: 0;
545
555
  font-weight: 500;
556
+ line-height: 1.35;
557
+ overflow-wrap: anywhere;
546
558
  }
547
559
 
548
560
  .mp-ai-diff-stats {
561
+ flex: none;
549
562
  display: inline-flex;
550
563
  margin-left: auto;
551
564
  gap: 0.5rem;
package/dist/kit.css CHANGED
@@ -1,4 +1,4 @@
1
- /* @mp-consulting/homebridge-ui-kit v1.2.1 */
1
+ /* @mp-consulting/homebridge-ui-kit v1.2.2 */
2
2
 
3
3
  /* ── Design tokens ──────────────────────────────────────────────────────────
4
4
  CSS custom properties used throughout the design system.
@@ -790,18 +790,31 @@
790
790
 
791
791
  .mp-ai-diff-header {
792
792
  display: flex;
793
+ flex-wrap: wrap;
793
794
  align-items: center;
794
- gap: 0.5rem;
795
+ gap: 0.375rem 0.5rem;
795
796
  padding: 0.5rem 0.75rem;
796
797
  border-bottom: 1px solid var(--mp-border, rgba(0, 0, 0, 0.1));
797
798
  font-size: 0.8125rem;
798
799
  }
799
800
 
801
+ .mp-ai-diff-header > .mp-ai-badge {
802
+ flex: none;
803
+ }
804
+
805
+ /* Same as the panel title: next to the badge when there is room for ~12rem of
806
+ it, otherwise on its own line below the badge (with the stats at its end),
807
+ never squeezed into a narrow column. */
800
808
  .mp-ai-diff-title {
809
+ flex: 1 1 12rem;
810
+ min-width: 0;
801
811
  font-weight: 500;
812
+ line-height: 1.35;
813
+ overflow-wrap: anywhere;
802
814
  }
803
815
 
804
816
  .mp-ai-diff-stats {
817
+ flex: none;
805
818
  display: inline-flex;
806
819
  margin-left: auto;
807
820
  gap: 0.5rem;
package/dist/kit.js CHANGED
@@ -1,4 +1,4 @@
1
- /* @mp-consulting/homebridge-ui-kit v1.2.1
1
+ /* @mp-consulting/homebridge-ui-kit v1.2.2
2
2
  Brand design system for Homebridge plugins
3
3
  https://github.com/mp-consulting/homebridge-ui-kit */
4
4
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mp-consulting/homebridge-ui-kit",
3
- "version": "1.2.1",
3
+ "version": "1.2.2",
4
4
  "description": "Brand design system for @mp-consulting Homebridge plugins",
5
5
  "keywords": [
6
6
  "homebridge",