@uniai-fe/uds-templates 0.11.2 → 0.11.4

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 (5) hide show
  1. package/dist/styles.css +8 -9
  2. package/package.json +6 -6
  3. package/src/cctv/styles/cam-list.scss +1 -1
  4. package/src/cctv/styles/variables.scss +4 -4
  5. package/src/cctv/styles/video.scss +6 -6
package/dist/styles.css CHANGED
@@ -114,8 +114,8 @@
114
114
  --cctv-live-state-dot-on: var(--color-feedback-new);
115
115
  --cctv-live-state-text-on: var(--color-common-99);
116
116
  --cctv-live-state-bg-off: var(--color-cool-gray-55);
117
- --cctv-live-state-dot-off: var(--color-border-strong);
118
- --cctv-live-state-text-off: var(--color-label-disabled);
117
+ --cctv-live-state-dot-off: var(--color-cool-gray-40);
118
+ --cctv-live-state-text-off: var(--color-cool-gray-40);
119
119
  --cctv-state-dot-size: var(--spacing-gap-3);
120
120
  /* Sensor metric */
121
121
  --cctv-metric-bg: rgba(0, 0, 0, 0.55);
@@ -125,8 +125,8 @@
125
125
  --cctv-metric-dot-unavailable: var(--color-border-strong);
126
126
  /* Error */
127
127
  --cctv-status-text-color: var(--color-common-99);
128
- --cctv-error-text-color: var(--color-label-disabled);
129
- --cctv-error-icon-color: var(--color-label-disabled);
128
+ --cctv-error-text-color: var(--color-cool-gray-40);
129
+ --cctv-error-icon-color: var(--color-cool-gray-40);
130
130
  /* Pagination */
131
131
  --cctv-carousel-gap: var(--spacing-gap-5);
132
132
  --cctv-pagination-item-width: 170px;
@@ -1933,23 +1933,22 @@
1933
1933
  }
1934
1934
 
1935
1935
  .cctv-video-loading-icon {
1936
+ --alternate-loading-icon-color: var(--cctv-error-text-color);
1936
1937
  flex: 0 0 auto;
1937
1938
  width: 24px;
1938
1939
  height: 24px;
1939
1940
  display: flex;
1940
- color: var(--cctv-error-text-color);
1941
1941
  }
1942
1942
  .cctv-video-loading-icon .alternate-loading-icon {
1943
1943
  width: 24px;
1944
1944
  height: 24px;
1945
1945
  }
1946
- .cctv-video-loading-icon svg stop:first-child {
1947
- stop-color: currentColor;
1948
- }
1949
1946
 
1950
1947
  .cctv-video-error-icon {
1951
1948
  display: none;
1952
1949
  margin-bottom: 2px;
1950
+ }
1951
+ .cctv-video-error-icon path {
1953
1952
  fill: var(--cctv-error-icon-color);
1954
1953
  }
1955
1954
 
@@ -2063,7 +2062,7 @@
2063
2062
  display: grid;
2064
2063
  width: 100%;
2065
2064
  grid-template-columns: repeat(
2066
- auto-fit,
2065
+ auto-fill,
2067
2066
  minmax(min(100%, var(--cctv-list-item-min-width)), 1fr)
2068
2067
  );
2069
2068
  gap: var(--cctv-list-gap);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniai-fe/uds-templates",
3
- "version": "0.11.2",
3
+ "version": "0.11.4",
4
4
  "description": "UNIAI Design System; UI Templates Package",
5
5
  "type": "module",
6
6
  "private": false,
@@ -69,15 +69,15 @@
69
69
  "typescript": "6.0.3",
70
70
  "@uniai-fe/eslint-config": "0.4.2",
71
71
  "@uniai-fe/next-devkit": "0.4.0",
72
- "@uniai-fe/react-hooks": "0.3.0",
73
- "@uniai-fe/uds-foundation": "0.5.0",
74
- "@uniai-fe/util-api": "0.2.1",
75
72
  "@uniai-fe/tsconfig": "0.2.0",
73
+ "@uniai-fe/react-hooks": "0.3.0",
74
+ "@uniai-fe/uds-primitives": "0.10.3",
76
75
  "@uniai-fe/util-functions": "0.4.3",
77
76
  "@uniai-fe/util-jotai": "0.3.0",
77
+ "@uniai-fe/util-rtc": "0.2.1",
78
78
  "@uniai-fe/util-next": "0.5.0",
79
- "@uniai-fe/uds-primitives": "0.10.2",
80
- "@uniai-fe/util-rtc": "0.2.1"
79
+ "@uniai-fe/util-api": "0.2.1",
80
+ "@uniai-fe/uds-foundation": "0.5.0"
81
81
  },
82
82
  "scripts": {
83
83
  "check:pre-commit": "pnpm --dir ../../.. run check:pre-commit",
package/src/cctv/styles/cam-list.scss CHANGED
@@ -19,7 +19,7 @@
19
19
  display: grid;
20
20
  width: 100%;
21
21
  grid-template-columns: repeat(
22
- auto-fit,
22
+ auto-fill,
23
23
  minmax(min(100%, var(--cctv-list-item-min-width)), 1fr)
24
24
  );
25
25
  gap: var(--cctv-list-gap);
package/src/cctv/styles/variables.scss CHANGED
@@ -27,8 +27,8 @@
27
27
  --cctv-live-state-dot-on: var(--color-feedback-new);
28
28
  --cctv-live-state-text-on: var(--color-common-99);
29
29
  --cctv-live-state-bg-off: var(--color-cool-gray-55);
30
- --cctv-live-state-dot-off: var(--color-border-strong);
31
- --cctv-live-state-text-off: var(--color-label-disabled);
30
+ --cctv-live-state-dot-off: var(--color-cool-gray-40);
31
+ --cctv-live-state-text-off: var(--color-cool-gray-40);
32
32
  --cctv-state-dot-size: var(--spacing-gap-3);
33
33
 
34
34
  /* Sensor metric */
@@ -40,8 +40,8 @@
40
40
 
41
41
  /* Error */
42
42
  --cctv-status-text-color: var(--color-common-99);
43
- --cctv-error-text-color: var(--color-label-disabled);
44
- --cctv-error-icon-color: var(--color-label-disabled);
43
+ --cctv-error-text-color: var(--color-cool-gray-40);
44
+ --cctv-error-icon-color: var(--color-cool-gray-40);
45
45
 
46
46
  /* Pagination */
47
47
  --cctv-carousel-gap: var(--spacing-gap-5);
package/src/cctv/styles/video.scss CHANGED
@@ -190,25 +190,25 @@
190
190
  gap: var(--spacing-gap-4);
191
191
  }
192
192
  .cctv-video-loading-icon {
193
+ --alternate-loading-icon-color: var(--cctv-error-text-color);
194
+
193
195
  flex: 0 0 auto;
194
196
  width: 24px;
195
197
  height: 24px;
196
198
  display: flex;
197
- color: var(--cctv-error-text-color);
198
199
 
199
200
  .alternate-loading-icon {
200
201
  width: 24px;
201
202
  height: 24px;
202
203
  }
203
-
204
- svg stop:first-child {
205
- stop-color: currentColor;
206
- }
207
204
  }
208
205
  .cctv-video-error-icon {
209
206
  display: none;
210
207
  margin-bottom: 2px;
211
- fill: var(--cctv-error-icon-color);
208
+
209
+ path {
210
+ fill: var(--cctv-error-icon-color);
211
+ }
212
212
  }
213
213
  .cctv-video-error-message {
214
214
  font-size: 13px;