@uniai-fe/uds-templates 0.5.27 → 0.5.29

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/styles.css CHANGED
@@ -96,7 +96,7 @@
96
96
  --cctv-list-gap: var(--spacing-gap-5);
97
97
  --cctv-overlay-padding-x: var(--spacing-padding-8);
98
98
  --cctv-overlay-padding-y: var(--spacing-padding-6);
99
- --cctv-video-bg: #5f5f5f;
99
+ --cctv-video-bg: var(--color-surface-heavy);
100
100
  --cctv-overlay-bg: linear-gradient(
101
101
  180deg,
102
102
  rgba(0, 0, 0, 0) 0%,
@@ -1715,6 +1715,7 @@
1715
1715
 
1716
1716
  .cctv-video-overlay-header-upper,
1717
1717
  .cctv-video-overlay-header-lower {
1718
+ min-width: 0;
1718
1719
  display: flex;
1719
1720
  align-items: center;
1720
1721
  justify-content: space-between;
@@ -1743,6 +1744,7 @@
1743
1744
  }
1744
1745
 
1745
1746
  .cctv-video-close-button {
1747
+ flex: 0 0 auto;
1746
1748
  width: 36px;
1747
1749
  height: 36px;
1748
1750
  border-radius: 50%;
@@ -1755,16 +1757,27 @@
1755
1757
  }
1756
1758
 
1757
1759
  .cctv-video-overlay-title {
1760
+ min-width: 0;
1761
+ max-width: 100%;
1762
+ overflow: hidden;
1758
1763
  font-weight: 600;
1759
1764
  color: var(--color-common-99);
1760
1765
  line-height: 1.5em;
1761
1766
  }
1767
+ .cctv-video-overlay-title span {
1768
+ display: block;
1769
+ min-width: 0;
1770
+ overflow: hidden;
1771
+ text-overflow: ellipsis;
1772
+ white-space: nowrap;
1773
+ }
1762
1774
 
1763
1775
  .cctv-video-header-title {
1764
1776
  font-size: var(--font-heading-large-size);
1765
1777
  }
1766
1778
 
1767
1779
  .cctv-video-footer-title {
1780
+ flex: 1 1 auto;
1768
1781
  font-size: var(--font-heading-xsmall-size);
1769
1782
  }
1770
1783
 
@@ -1802,6 +1815,7 @@
1802
1815
  }
1803
1816
 
1804
1817
  .cctv-video-overlay-footer {
1818
+ min-width: 0;
1805
1819
  display: flex;
1806
1820
  align-items: center;
1807
1821
  justify-content: space-between;
@@ -1810,6 +1824,7 @@
1810
1824
  }
1811
1825
 
1812
1826
  .cctv-video-open-button {
1827
+ flex: 0 0 auto;
1813
1828
  display: flex;
1814
1829
  align-items: center;
1815
1830
  justify-content: center;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniai-fe/uds-templates",
3
- "version": "0.5.27",
3
+ "version": "0.5.29",
4
4
  "description": "UNIAI Design System; UI Templates Package",
5
5
  "type": "module",
6
6
  "private": false,
@@ -70,7 +70,7 @@
70
70
  },
71
71
  "devDependencies": {
72
72
  "@svgr/webpack": "^8.1.0",
73
- "@tanstack/react-query": "^5.100.9",
73
+ "@tanstack/react-query": "^5.100.10",
74
74
  "@types/node": "^24.12.3",
75
75
  "@types/react": "^19.2.14",
76
76
  "@types/react-dom": "^19.2.3",
@@ -6,7 +6,7 @@
6
6
  --cctv-overlay-padding-x: var(--spacing-padding-8);
7
7
  --cctv-overlay-padding-y: var(--spacing-padding-6);
8
8
 
9
- --cctv-video-bg: #5f5f5f;
9
+ --cctv-video-bg: var(--color-surface-heavy);
10
10
  --cctv-overlay-bg: linear-gradient(
11
11
  180deg,
12
12
  rgba(0, 0, 0, 0) 0%,
@@ -53,6 +53,7 @@
53
53
 
54
54
  .cctv-video-overlay-header-upper,
55
55
  .cctv-video-overlay-header-lower {
56
+ min-width: 0;
56
57
  display: flex;
57
58
  align-items: center;
58
59
  justify-content: space-between;
@@ -82,6 +83,7 @@
82
83
  }
83
84
 
84
85
  .cctv-video-close-button {
86
+ flex: 0 0 auto;
85
87
  width: 36px;
86
88
  height: 36px;
87
89
  border-radius: 50%;
@@ -95,14 +97,26 @@
95
97
  }
96
98
 
97
99
  .cctv-video-overlay-title {
100
+ min-width: 0;
101
+ max-width: 100%;
102
+ overflow: hidden;
98
103
  font-weight: 600;
99
104
  color: var(--color-common-99);
100
105
  line-height: 1.5em;
106
+
107
+ span {
108
+ display: block;
109
+ min-width: 0;
110
+ overflow: hidden;
111
+ text-overflow: ellipsis;
112
+ white-space: nowrap;
113
+ }
101
114
  }
102
115
  .cctv-video-header-title {
103
116
  font-size: var(--font-heading-large-size);
104
117
  }
105
118
  .cctv-video-footer-title {
119
+ flex: 1 1 auto;
106
120
  font-size: var(--font-heading-xsmall-size);
107
121
  }
108
122
 
@@ -141,6 +155,7 @@
141
155
  }
142
156
 
143
157
  .cctv-video-overlay-footer {
158
+ min-width: 0;
144
159
  display: flex;
145
160
  align-items: center;
146
161
  justify-content: space-between;
@@ -149,6 +164,7 @@
149
164
  }
150
165
 
151
166
  .cctv-video-open-button {
167
+ flex: 0 0 auto;
152
168
  display: flex;
153
169
  align-items: center;
154
170
  justify-content: center;