@stream-io/video-styling 1.0.3 → 1.0.5

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 (18) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/css/styles.css +43 -51
  3. package/dist/css/styles.css.map +1 -1
  4. package/package.json +2 -2
  5. package/src/Button/Button-layout.scss +0 -19
  6. package/src/Button/Button-theme.scss +12 -1
  7. package/src/CallControls/CallControls-layout.scss +3 -1
  8. package/src/CallControls/CancelCallButton.scss +8 -8
  9. package/src/DeviceSettings/DeviceSettings-layout.scss +2 -3
  10. package/src/DropdownSelect/DropdownSelect.scss +3 -3
  11. package/src/Icon/Icon-layout.scss +2 -2
  12. package/src/Icon/Icon-theme.scss +1 -1
  13. package/src/Menu/GenericMenu-layout.scss +2 -11
  14. package/src/Menu/Menu-theme.scss +2 -1
  15. package/src/Tooltip/Tooltip-layout.scss +1 -1
  16. package/src/Tooltip/Tooltip-theme.scss +5 -3
  17. package/src/Video/VideoPlaceholder-theme.scss +1 -1
  18. package/src/_global-theme-variables.scss +6 -6
package/CHANGELOG.md CHANGED
@@ -2,6 +2,20 @@
2
2
 
3
3
  This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
4
4
 
5
+ ### [1.0.5](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-styling-1.0.4...@stream-io/video-styling-1.0.5) (2024-06-28)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * video bg color ([#1426](https://github.com/GetStream/stream-video-js/issues/1426)) ([24652e9](https://github.com/GetStream/stream-video-js/commit/24652e9234fbe81fc7c46d752bd8e2584cad96b8))
11
+
12
+ ### [1.0.4](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-styling-1.0.3...@stream-io/video-styling-1.0.4) (2024-05-23)
13
+
14
+
15
+ ### Bug Fixes
16
+
17
+ * popup styling ([#1363](https://github.com/GetStream/stream-video-js/issues/1363)) ([6549d4b](https://github.com/GetStream/stream-video-js/commit/6549d4bd80e198169e8d09920c46dcb487eb071b))
18
+
5
19
  ### [1.0.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-styling-1.0.2...@stream-io/video-styling-1.0.3) (2024-05-17)
6
20
 
7
21
 
package/dist/css/styles.css CHANGED
@@ -21,7 +21,7 @@
21
21
  --str-video__base-color7: #101213;
22
22
  --str-video__backdrop1: rgba(0, 0, 0, 0.5);
23
23
  --str-video__button-default-base: #19232d;
24
- --str-video__button-default-hover: #4c535b;
24
+ --str-video__button-default-hover: #323b44;
25
25
  --str-video__button-default-pressed: #0c0d0e;
26
26
  --str-video__button-default-active: #19232d;
27
27
  --str-video__button-default-disabled: #1e262e;
@@ -37,12 +37,12 @@
37
37
  --str-video__button-tertiary-hover: #e96962;
38
38
  --str-video__button-tertiary-pressed: #6a3233;
39
39
  --str-video__button-tertiary-active: #31292f;
40
- --str-video__icon-default: #b0b4b7;
41
- --str-video__icon-hover: #e3e4e5;
40
+ --str-video__icon-default: #eff0f1;
41
+ --str-video__icon-hover: #eff0f1;
42
42
  --str-video__icon-pressed: #656b72;
43
- --str-video__icon-active: #005fff;
44
- --str-video__icon-alert: #dc433b;
45
- --str-video__icon-disabled: #323b44;
43
+ --str-video__icon-active: #e3e4e5;
44
+ --str-video__icon-alert: #e3e4e5;
45
+ --str-video__icon-disabled: #7e8389;
46
46
  --str-video__alert-success: #00e2a1;
47
47
  --str-video__alert-caution: #ffd646;
48
48
  --str-video__alert-warning: #dc433b;
@@ -226,7 +226,6 @@
226
226
  }
227
227
  .str-video__button__icon {
228
228
  margin-right: var(--str-video__spacing-xs);
229
- height: 16px;
230
229
  background-color: var(--str-video__text-color1);
231
230
  }
232
231
  .str-video__button:disabled {
@@ -251,7 +250,6 @@
251
250
  align-items: center;
252
251
  justify-content: center;
253
252
  font-size: 12px;
254
- height: calc(38px - 1rem);
255
253
  padding: 0.5rem;
256
254
  }
257
255
  .str-video__composite-button .str-video__composite-button__button-group .str-video__composite-button__button:hover {
@@ -275,23 +273,12 @@
275
273
  .str-video__call-controls__button {
276
274
  padding: 0.5rem;
277
275
  }
278
- .str-video__call-controls__button--variant-danger, .str-video__call-controls__button--variant-success {
279
- padding: 0.5rem 1rem;
280
- }
281
276
  .str-video__call-controls__button[disabled] {
282
277
  cursor: not-allowed;
283
278
  }
284
279
  .str-video__call-controls__button:hover, .str-video__call-controls__button:hover > *:hover {
285
280
  cursor: pointer;
286
281
  }
287
- .str-video__call-controls__button .str-video__icon--call-end {
288
- width: 1.5rem;
289
- height: 1.5rem;
290
- }
291
- .str-video__call-controls__button .str-video__icon--call-accept {
292
- width: 1.5rem;
293
- height: 1.5rem;
294
- }
295
282
 
296
283
  .str-video__text-button {
297
284
  all: unset;
@@ -371,6 +358,9 @@
371
358
  .str-video__composite-button__button-group.str-video__composite-button__button-group--active:hover {
372
359
  background-color: var(--str-video__button-primary-hover);
373
360
  }
361
+ .str-video__composite-button__button-group.str-video__composite-button__button-group--active .str-video__icon {
362
+ background-color: var(--str-video__icon-active);
363
+ }
374
364
  .str-video__composite-button__button-group.str-video__composite-button__button-group--active-primary {
375
365
  background-color: var(--str-video__composite-button__button-group-active-primary--background-color);
376
366
  }
@@ -412,7 +402,6 @@
412
402
  }
413
403
  .str-video__call-controls__button--variant-danger {
414
404
  background-color: var(--str-video__button-tertiary-base);
415
- padding: 0.4rem;
416
405
  }
417
406
  .str-video__call-controls__button--variant-danger .str-video__icon {
418
407
  background-color: white;
@@ -426,6 +415,12 @@
426
415
  .str-video__call-controls__button--variant-success:hover {
427
416
  background-color: var(--str-video__info-color--accent);
428
417
  }
418
+ .str-video__call-controls__button--variant-active {
419
+ background-color: var(--str-video__button-primary-active);
420
+ }
421
+ .str-video__call-controls__button--variant-active:hover {
422
+ background-color: var(--str-video__button-primary-hover);
423
+ }
429
424
  .str-video__call-controls__button--enabled {
430
425
  background: var(--str-video__background-color7);
431
426
  }
@@ -464,7 +459,7 @@
464
459
  padding: 1rem 0;
465
460
  }
466
461
  .str-video__call-controls .str-video__reactions-menu {
467
- background-color: var(--str-video__base-color7);
462
+ background-color: var(--str-video__base-color6);
468
463
  display: flex;
469
464
  padding: var(--str-video__spacing-sm);
470
465
  gap: 0.5rem;
@@ -477,6 +472,7 @@
477
472
  flex-direction: column;
478
473
  }
479
474
  .str-video__call-controls .str-video__reactions-menu .str-video__reactions-menu__button {
475
+ font-family: "Twemoji Mozilla", Apple Color Emoji, "Segoe UI Emoji", "Noto Color Emoji", "EmojiOne Color";
480
476
  font-size: 1.2rem;
481
477
  height: 38px;
482
478
  width: 38px;
@@ -517,32 +513,33 @@
517
513
  }
518
514
 
519
515
  .str-video__end-call__confirmation {
520
- background-color: var(--str-video__base-color7);
521
- border-radius: var(--str-video__border-radius-xl);
522
- padding: var(--str-video__spacing-sm);
516
+ padding: var(--str-video__spacing-lg);
523
517
  gap: var(--str-video__spacing-md);
524
518
  display: flex;
525
519
  flex-direction: column;
526
520
  }
527
521
  .str-video__end-call__leave, .str-video__end-call__end {
528
- min-width: 211px;
522
+ min-width: 196px;
529
523
  color: var(--str-video__text-color1);
524
+ border: 1px solid transparent;
525
+ padding: calc(var(--str-video__spacing-sm) - 1px) var(--str-video__spacing-lg);
530
526
  }
531
527
  .str-video__end-call__leave-icon, .str-video__end-call__end-icon {
532
528
  background-color: var(--str-video__text-color1);
533
529
  }
534
530
  .str-video__end-call__leave {
535
531
  background-color: var(--str-video__button-tertiary-base);
536
- border: 1px solid transparent;
537
532
  }
538
533
  .str-video__end-call__leave:hover {
539
- background-color: var(--str-video__button-primary-hover);
534
+ background-color: var(--str-video__button-tertiary-hover);
540
535
  }
541
536
  .str-video__end-call__end {
542
537
  background-color: var(--str-video__button-primary-base);
538
+ border-color: var(--str-video__button-default-hover);
543
539
  }
544
540
  .str-video__end-call__end:hover {
545
541
  background-color: var(--str-video__button-tertiary-hover);
542
+ border-color: transparent;
546
543
  }
547
544
 
548
545
  .str-video__end-call.str-video__end-call__leave-icon,
@@ -1311,9 +1308,7 @@
1311
1308
  }
1312
1309
 
1313
1310
  .str-video__device-settings__device-kind {
1314
- background-color: var(--str-video__base-color7);
1315
1311
  padding: var(--str-video__spacing-lg);
1316
- border-radius: var(--str-video__border-radius-lg);
1317
1312
  }
1318
1313
  .str-video__device-settings__device-kind .str-video__device-settings__device-selector-title {
1319
1314
  font-size: var(--str-video__font-size-xs);
@@ -1328,10 +1323,11 @@
1328
1323
  align-items: center;
1329
1324
  border-radius: var(--str-video__border-radius-lg);
1330
1325
  background-color: var(--str-video__button-primary-base);
1331
- padding: var(--str-video__spacing-xs) var(--str-video__spacing-md);
1326
+ padding: var(--str-video__spacing-sm) var(--str-video__spacing-lg);
1332
1327
  gap: 8px;
1333
1328
  font-weight: 600;
1334
1329
  font-size: var(--str-video__font-size-sm);
1330
+ line-height: var(--str-video__spaging-lg);
1335
1331
  }
1336
1332
  .str-video__device-settings__device-kind .str-video__option:not(:first-of-type),
1337
1333
  .str-video__device-settings__device-kind .str-video__device-settings__option:not(:first-of-type) {
@@ -1412,17 +1408,17 @@
1412
1408
  z-index: 2;
1413
1409
  width: 100%;
1414
1410
  margin-top: var(--str-video__spacing-sm);
1415
- background-color: var(--str-video__base-color4);
1411
+ background-color: var(--str-video__base-color6);
1416
1412
  border-radius: var(--str-video__border-radius-lg);
1417
1413
  padding: var(--str-video__spacing-md);
1418
- box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.75);
1414
+ gap: var(--str-video__spacing-sm);
1415
+ box-shadow: 0 0 24px -4px rgba(0, 0, 0, 0.64);
1419
1416
  }
1420
1417
  .str-video__dropdown-option {
1421
1418
  display: flex;
1422
1419
  align-items: center;
1423
1420
  border-radius: var(--str-video__border-radius-lg);
1424
1421
  padding: 8px 16px;
1425
- margin-top: 8px;
1426
1422
  gap: 8px;
1427
1423
  font-weight: 600;
1428
1424
  font-size: var(--str-video__font-size-sm);
@@ -1460,7 +1456,7 @@
1460
1456
  }
1461
1457
  }
1462
1458
  .str-video__icon {
1463
- background-color: var(--str-video__base-color1);
1459
+ background-color: var(--str-video__icon-default);
1464
1460
  }
1465
1461
  .str-video__icon--chat {
1466
1462
  mask-image: var(--str-video__icon--chat);
@@ -1748,8 +1744,8 @@
1748
1744
  mask-size: contain;
1749
1745
  -webkit-mask-size: contain;
1750
1746
  display: block;
1751
- width: 1.375rem;
1752
- height: 1.375rem;
1747
+ width: 1.25rem;
1748
+ height: 1.25rem;
1753
1749
  }
1754
1750
 
1755
1751
  .str-video__loading-indicator {
@@ -1812,23 +1808,21 @@
1812
1808
  }
1813
1809
 
1814
1810
  .str-video__menu-container {
1815
- background-color: var(--str-video__base-color7);
1811
+ background-color: var(--str-video__base-color6);
1816
1812
  border-radius: var(--str-video__border-radius-lg);
1813
+ box-shadow: 0 0 24px -4px rgba(0, 0, 0, 0.64);
1817
1814
  }
1818
1815
 
1819
1816
  .str-video__generic-menu {
1820
1817
  list-style: none;
1821
1818
  margin: unset;
1822
- background-color: var(--str-video__base-color7);
1823
1819
  padding: var(--str-video__spacing-md);
1824
- border-radius: var(--str-video__border-radius-lg);
1825
1820
  display: flex;
1826
1821
  flex-direction: column;
1827
- gap: 1px;
1822
+ gap: var(--str-video__spacing-xs);
1828
1823
  }
1829
1824
  .str-video__generic-menu .str-video__generic-menu--item {
1830
1825
  align-items: center;
1831
- margin-top: 8px;
1832
1826
  gap: 8px;
1833
1827
  font-weight: 600;
1834
1828
  font-size: var(--str-video__font-size-md);
@@ -1840,16 +1834,12 @@
1840
1834
  font-size: 13px;
1841
1835
  border-radius: var(--str-video__border-radius-lg);
1842
1836
  background-color: var(--str-video__button-primary-base);
1843
- padding: 8px 16px;
1837
+ padding: var(--str-video__spacing-xs) var(--str-video__spacing-lg);
1844
1838
  gap: 10px;
1845
1839
  display: flex;
1846
1840
  align-items: center;
1847
1841
  position: relative;
1848
1842
  }
1849
- .str-video__generic-menu .str-video__generic-menu--item button .str-video__icon {
1850
- width: 1.1rem;
1851
- height: 1rem;
1852
- }
1853
1843
  .str-video__generic-menu .str-video__generic-menu--item button:hover {
1854
1844
  background-color: var(--str-video__button-default-hover);
1855
1845
  cursor: pointer;
@@ -2387,7 +2377,7 @@
2387
2377
  .str-video__tooltip {
2388
2378
  display: flex;
2389
2379
  justify-content: center;
2390
- padding: 0.5rem 1rem;
2380
+ padding: var(--str-video__spacing-sm);
2391
2381
  z-index: 4;
2392
2382
  max-width: 250px;
2393
2383
  width: max-content;
@@ -2399,9 +2389,11 @@
2399
2389
  /* The border radius used for the borders of the component */
2400
2390
  --str-video__tooltip--border-radius: var(--str-video__border-radius-xs);
2401
2391
  /* The text/icon color of the component */
2402
- --str-video__tooltip--color: var(--str-video__text-color3);
2392
+ --str-video__tooltip--color: var(--str-video__text-color1);
2403
2393
  /* The background color of the component */
2404
- --str-video__tooltip--background-color: var(--str-video__background-color4);
2394
+ --str-video__tooltip--background-color: var(
2395
+ --str-video__button-default-hover
2396
+ );
2405
2397
  /* Top border of the component */
2406
2398
  --str-video__tooltip--border-block-start: none;
2407
2399
  /* Bottom border of the component */
@@ -2423,7 +2415,7 @@
2423
2415
  border-block-end: var(--str-video__tooltip--border-block-end);
2424
2416
  border-inline-start: var(--str-video__tooltip--border-inline-start);
2425
2417
  border-inline-end: var(--str-video__tooltip--border-inline-end);
2426
- font-size: 0.75rem;
2418
+ font-size: 14px;
2427
2419
  line-height: 1rem;
2428
2420
  }
2429
2421
  .str-video__tooltip::after {
@@ -2470,7 +2462,7 @@
2470
2462
  }
2471
2463
 
2472
2464
  .str-video__video-placeholder {
2473
- background: var(--str-video__background-color5);
2465
+ background: var(--str-video__base-color6);
2474
2466
  border-radius: inherit;
2475
2467
  }
2476
2468
  .str-video__video-placeholder .str-video__video-placeholder__avatar {
package/dist/css/styles.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/_base.scss","../../src/_global-theme-variables.scss","../../src/Avatar/Avatar-layout.scss","../../src/Avatar/Avatar-theme.scss","../../src/_utils.scss","../../src/Button/Button-layout.scss","../../src/Button/Button-theme.scss","../../src/BackgroundFilters/BackgroundFilters-layout.scss","../../src/CallControls/CallControls-layout.scss","../../src/CallControls/CancelCallButton.scss","../../src/CallLayout/LivestreamLayout-layout.scss","../../src/CallLayout/PaginatedGridLayout-layout.scss","../../src/CallLayout/SpeakerLayout-layout.scss","../../src/CallParticipantList/CallParticipantList-layout.scss","../../src/CallParticipantList/CallParticiantListingItem-layout.scss","../../src/CallParticipantList/CallParticiantListingItem-theme.scss","../../src/CallPreview/CallPreview-layout.scss","../../src/CallRecodingList/CallRecordingList-layout.scss","../../src/CallRecodingList/CallRecordingList-theme.scss","../../src/CallStats.scss","../../src/DeviceSettings/DeviceSettings-layout.scss","../../src/DropdownSelect/DropdownSelect.scss","../../src/Icon/Icon-theme.scss","../../src/Icon/Icon-layout.scss","../../src/LoadingIndicator/LoadingIndicator-layout.scss","../../src/LoadingIndicator/LoadingIndicator-theme.scss","../../src/Menu/Menu-layout.scss","../../src/Menu/Portal-layout.scss","../../src/Menu/Menu-theme.scss","../../src/Menu/GenericMenu-layout.scss","../../src/Notification/Notification-layout.scss","../../src/Notification/Notification-theme.scss","../../src/ParticipantView/ParticipantView-layout.scss","../../src/Permissions/Permissions-layout.scss","../../src/Reaction/Reaction-layout.scss","../../src/RingingCall/RingingCall-layout.scss","../../src/RingingCall/RingingCall-theme.scss","../../src/ScreenShareOverlay/ScreenShareOverlay-layout.scss","../../src/ScreenShareOverlay/ScreenShareOverlay-theme.scss","../../src/Search/SearchInput-layout.scss","../../src/Search/SearchInput-theme.scss","../../src/StreamCall.scss","../../src/Tooltip/Tooltip-layout.scss","../../src/Tooltip/Tooltip-theme.scss","../../src/Video/Video-layout.scss","../../src/Video/Video-theme.scss","../../src/Video/VideoPlaceholder-layout.scss","../../src/Video/VideoPlaceholder-theme.scss","../../src/VideoPreview/VideoPreview-layout.scss","../../src/VideoPreview/VideoPreview-theme.scss"],"names":[],"mappings":";AACE;AAAA;AAAA;EAGE;;;ACJJ;EAEE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACxLF;EAJE;EACA;EAKA;;;AAGF;EATE;EACA;EAUA;EACA;EACA;;;ACZF;AACE;EACA;AAEA;EACA;AAEA;EACA;;;AAGF;ECSE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADZF;EACE;EACA;EACA;EACA;EACA;;;AEtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;;;AAIJ;EACE;;AAEA;EAEE;;AAGF;EACE;;AAGF;EAEE;;AAIA;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EAGA;;;AAKF;EACE;;;ACxHF;AACE;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;EAIA;AAAA;AAAA;EAIA;AAAA;AAAA;EAIA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;;;AAKF;EFnBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EEcA;EAGA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;EAGA;;AAEA;EACE;;AAKF;EACE;;AAON;EACE;;AAIA;EACE;;AAIJ;EACE;;AAKF;EACE;;;AAMJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;AAIA;EACE;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;;AClKJ;EACE;EACA;EAGA;EACA;EAGA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AC/BJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EAEA;EACA;EAEA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACE;;AAEA;EACE;;;AChEJ;EACE;EAEA;EAEA;EACA;EAEA;EACA;;AAGF;EAEE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;;AAKN;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;;AC7GR;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EAOE;;AANA;EACE;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AC5GR;EACE;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EACE;;AAIF;EACE;;AAIF;EACE;;;ACrCR;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EAGE;;AAGF;EACE;EACA;;AAGF;AAAA;EAEE;;AAIJ;EACE;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAIJ;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAIJ;EACE;;AACA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EAEA;;AAKN;EACE;;AAEF;EACE;;AAEF;EACE;;AAKA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAMF;EACE;;AAEF;EACE;;AAEF;EACE;;;AAKN;EAEI;IACE;IACA;;EAEA;IACE;;;AC7IR;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAGA;EACE;EACA;;AAKN;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE,QADiB;EAEjB,OAFiB;EAGjB,WAHiB;EAIjB,mBAJiB;;AAQrB;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AC5GJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EVdF;EACA;EAEA;EACA;EACA;;AUaA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AC7BJ;EACE;;AAIA;EXEF;EACA,oBWDQ;EXER;EACA;EACA;EACA;EACA,WWJQ;EXKR,mBWLQ;EXMR,kBWPQ;;AAKN;EXNF,YWQQ;EXPR,oBWOQ;EXNR;EACA;EACA;EACA;EACA,WWIQ;EXHR,mBWGQ;EXFR,kBWCQ;;AAKN;EXdF,YWgBQ;EXfR,oBWeQ;EXdR;EACA;EACA;EACA;EACA,WWYQ;EXXR,mBWWQ;EXVR,kBWSQ;;AAKN;EXtBF,YWwBQ;EXvBR,oBWuBQ;EXtBR;EACA;EACA;EACA;EACA,WWoBQ;EXnBR,mBWmBQ;EXlBR,kBWiBQ;;AAKN;EX9BF,YWgCQ;EX/BR,oBW+BQ;EX9BR;EACA;EACA;EACA;EACA,WW4BQ;EX3BR,mBW2BQ;EX1BR,kBWyBQ;;;AC3CV;EACE;EACA;EACA;EACA;;;ACJF;EACE;EACA;EACA;EACA;EACA;;AAGE;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAGJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAIA;EACE;EACA;;AAGA;EACE;EACA;;;ACtDN;EACE;EACA;EACA;;;AAGF;EdEE;EACA,oBcDE;EdEF;EACA;EACA;EACA;EACA,WcJE;EdKF,mBcLE;EdMF,kBcPE;;;AAKJ;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EdxBA,Yc0BI;EdzBJ,oBcyBI;EdxBJ;EACA;EACA;EACA;EACA,WcsBI;EdrBJ,mBcqBI;EdpBJ,kBcmBI;;;AAMN;EdjCE,YcmCE;EdlCF,oBckCE;EdjCF;EACA;EACA;EACA;EACA,Wc+BE;Ed9BF,mBc8BE;Ed7BF,kBc4BE;;;AC9CJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;;AAGF;EACE;EACA;;;ACjHJ;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EAEA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;;AAEA;AAAA;EACE;;AAIA;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;EAEE;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;;AAEF;AAAA;EACE;;AAGF;AAAA;EACE;;;AC3GN;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EAEE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAGF;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAKN;EACE;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AACA;EACE;;;AAMR;EACE;IACE;;;ACrGJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;ACzVJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACTF;EACE;EACA;EACA;;;ACDF;ErBQE,YqBNE;ErBOF,oBqBPE;ErBQF;EACA;EACA;EACA;EACA,WAPmD;EAQnD,mBARmD;EASnD,kBqBbE;EAEF;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;ACjBJ;EACE;EAKA;EACA;;AALA;EACE;;;ACHJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;;ACnBF;EACE;EACA;;;ACFF;EACE;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AAEA;EACE;EAEA;EACA;EAEA;EACA;EAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EAEE;;AAKJ;EACE;;AAEF;EACE;EACA;EACA;EACA;;;AC1DN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;ACpBN;EACE;EACA;EACA;;AAEA;E3BGA,Y2BDI;E3BEJ,oB2BFI;E3BGJ;EACA;EACA;EACA;EACA,W2BLI;E3BMJ,mB2BNI;E3BOJ,kB2BRI;;AAKJ;EACE;;;ACdJ;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAWA;EAPE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EAKA;EACA;;AAGF;EAbE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EAWA;EACA;;AAGF;EACE;EApBA,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EAkBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAlCE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EAgCA;EACA;EACA;;AAKN;EACE;EACA;EACA;EAEA;EAGA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAKF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAKN;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;;ACjNN;EACE;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;ACnDN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;;ACRJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;;;ACxCJ;EACE;EACA;EACA;;;AAME;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EAGA,cACE;EAEF;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AClCR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;ACxBN;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;ACfN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;;ACxBJ;EACE;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;EAEA;EACA;AAAA;EAEA;EAEA;EAEA;;;AAGF;EACE;;;AAEF;EpCHE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AoCDA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EpC9BA,YoCgCI;EpC/BJ,oBoC+BI;EpC9BJ;EACA;EACA;EACA;EACA,WoC4BI;EpC3BJ,mBoC2BI;EpC1BJ,kBoCyBI;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EpC9CF,YoCgDM;EpC/CN,oBoC+CM;EpC9CN;EACA;EACA;EACA;EACA,WoC4CM;EpC3CN,mBoC2CM;EpC1CN,kBoCyCM;;;AC3DR;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;;;ACbJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACNF;AACE;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;;;AAGF;EvCNE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EuCCA;EACA;;AAEA;EACE;;;AClCJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACZJ;EACE;;;ACDF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACnBJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACbJ;EACE;EACA;EACA;EAEA,OADkB;EAElB;;AAEA;EACE;EACA;EACA;;AAGF;EAEE,QADiB;EAEjB,OAFiB;EAGjB,WAHiB;;AAMnB;EACE;;AAGF;EACE;;;ACxBJ;AACE;EACA;AAEA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAGA;EACA;AAAA;AAGA;EACA;AAAA;AAGA;EACA;AAAA;;;AAIF;E7CXE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E6CMA","file":"styles.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/_base.scss","../../src/_global-theme-variables.scss","../../src/Avatar/Avatar-layout.scss","../../src/Avatar/Avatar-theme.scss","../../src/_utils.scss","../../src/Button/Button-layout.scss","../../src/Button/Button-theme.scss","../../src/BackgroundFilters/BackgroundFilters-layout.scss","../../src/CallControls/CallControls-layout.scss","../../src/CallControls/CancelCallButton.scss","../../src/CallLayout/LivestreamLayout-layout.scss","../../src/CallLayout/PaginatedGridLayout-layout.scss","../../src/CallLayout/SpeakerLayout-layout.scss","../../src/CallParticipantList/CallParticipantList-layout.scss","../../src/CallParticipantList/CallParticiantListingItem-layout.scss","../../src/CallParticipantList/CallParticiantListingItem-theme.scss","../../src/CallPreview/CallPreview-layout.scss","../../src/CallRecodingList/CallRecordingList-layout.scss","../../src/CallRecodingList/CallRecordingList-theme.scss","../../src/CallStats.scss","../../src/DeviceSettings/DeviceSettings-layout.scss","../../src/DropdownSelect/DropdownSelect.scss","../../src/Icon/Icon-theme.scss","../../src/Icon/Icon-layout.scss","../../src/LoadingIndicator/LoadingIndicator-layout.scss","../../src/LoadingIndicator/LoadingIndicator-theme.scss","../../src/Menu/Menu-layout.scss","../../src/Menu/Portal-layout.scss","../../src/Menu/Menu-theme.scss","../../src/Menu/GenericMenu-layout.scss","../../src/Notification/Notification-layout.scss","../../src/Notification/Notification-theme.scss","../../src/ParticipantView/ParticipantView-layout.scss","../../src/Permissions/Permissions-layout.scss","../../src/Reaction/Reaction-layout.scss","../../src/RingingCall/RingingCall-layout.scss","../../src/RingingCall/RingingCall-theme.scss","../../src/ScreenShareOverlay/ScreenShareOverlay-layout.scss","../../src/ScreenShareOverlay/ScreenShareOverlay-theme.scss","../../src/Search/SearchInput-layout.scss","../../src/Search/SearchInput-theme.scss","../../src/StreamCall.scss","../../src/Tooltip/Tooltip-layout.scss","../../src/Tooltip/Tooltip-theme.scss","../../src/Video/Video-layout.scss","../../src/Video/Video-theme.scss","../../src/Video/VideoPlaceholder-layout.scss","../../src/Video/VideoPlaceholder-theme.scss","../../src/VideoPreview/VideoPreview-layout.scss","../../src/VideoPreview/VideoPreview-theme.scss"],"names":[],"mappings":";AACE;AAAA;AAAA;EAGE;;;ACJJ;EAEE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACxLF;EAJE;EACA;EAKA;;;AAGF;EATE;EACA;EAUA;EACA;EACA;;;ACZF;AACE;EACA;AAEA;EACA;AAEA;EACA;;;AAGF;ECSE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADZF;EACE;EACA;EACA;EACA;EACA;;;AEtBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;;;AAIJ;EACE;;AAEA;EACE;;AAGF;EAEE;;;AAIJ;EACE;EACA;EACA;EACA;EAGA;;;AAKF;EACE;;;ACrGF;AACE;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;EAIA;AAAA;AAAA;EAIA;AAAA;AAAA;EAIA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;;;AAKF;EFnBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EEcA;EAGA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;EAGA;;AAEA;EACE;;AAKF;EACE;;AAON;EACE;;AAIA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAKF;EACE;;;AAMJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;AAIA;EACE;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;;AC7KJ;EACE;EACA;EAGA;EACA;EAGA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AC/BJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EAEA;EACA;EAEA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACE;;AAEA;EACE;;;AClEJ;EACE;EACA;EAEA;EACA;;AAGF;EAEE;EACA;EACA;EACA;;AAGA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAKN;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;;AC7GR;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EAOE;;AANA;EACE;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AC5GR;EACE;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EACE;;AAIF;EACE;;AAIF;EACE;;;ACrCR;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EAGE;;AAGF;EACE;EACA;;AAGF;AAAA;EAEE;;AAIJ;EACE;EACA;EACA;EACA;;AAGE;EACE;EACA;;AAIJ;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAIJ;EACE;;AACA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EAEA;;AAKN;EACE;;AAEF;EACE;;AAEF;EACE;;AAKA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAMF;EACE;;AAEF;EACE;;AAEF;EACE;;;AAKN;EAEI;IACE;IACA;;EAEA;IACE;;;AC7IR;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAGA;EACE;EACA;;AAKN;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE,QADiB;EAEjB,OAFiB;EAGjB,WAHiB;EAIjB,mBAJiB;;AAQrB;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;;AC5GJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EVdF;EACA;EAEA;EACA;EACA;;AUaA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AC7BJ;EACE;;AAIA;EXEF;EACA,oBWDQ;EXER;EACA;EACA;EACA;EACA,WWJQ;EXKR,mBWLQ;EXMR,kBWPQ;;AAKN;EXNF,YWQQ;EXPR,oBWOQ;EXNR;EACA;EACA;EACA;EACA,WWIQ;EXHR,mBWGQ;EXFR,kBWCQ;;AAKN;EXdF,YWgBQ;EXfR,oBWeQ;EXdR;EACA;EACA;EACA;EACA,WWYQ;EXXR,mBWWQ;EXVR,kBWSQ;;AAKN;EXtBF,YWwBQ;EXvBR,oBWuBQ;EXtBR;EACA;EACA;EACA;EACA,WWoBQ;EXnBR,mBWmBQ;EXlBR,kBWiBQ;;AAKN;EX9BF,YWgCQ;EX/BR,oBW+BQ;EX9BR;EACA;EACA;EACA;EACA,WW4BQ;EX3BR,mBW2BQ;EX1BR,kBWyBQ;;;AC3CV;EACE;EACA;EACA;EACA;;;ACJF;EACE;EACA;EACA;EACA;EACA;;AAGE;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAGJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAIA;EACE;EACA;;AAGA;EACE;EACA;;;ACtDN;EACE;EACA;EACA;;;AAGF;EdEE;EACA,oBcDE;EdEF;EACA;EACA;EACA;EACA,WcJE;EdKF,mBcLE;EdMF,kBcPE;;;AAKJ;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EdxBA,Yc0BI;EdzBJ,oBcyBI;EdxBJ;EACA;EACA;EACA;EACA,WcsBI;EdrBJ,mBcqBI;EdpBJ,kBcmBI;;;AAMN;EdjCE,YcmCE;EdlCF,oBckCE;EdjCF;EACA;EACA;EACA;EACA,Wc+BE;Ed9BF,mBc8BE;Ed7BF,kBc4BE;;;AC9CJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;;AAGF;EACE;EACA;;;ACjHJ;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;AAEA;EACE;EACA;EAEA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AAEA;AAAA;EACE;;AAIA;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;EAEE;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;;AAEF;AAAA;EACE;;AAGF;AAAA;EACE;;;AC1GN;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EAEE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAGF;EACE;EACA;EACA;EAEA;EACA;EAEA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAKN;EACE;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AACA;EACE;;;AAMR;EACE;IACE;;;ACrGJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;ACzVJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACTF;EACE;EACA;EACA;;;ACDF;ErBQE,YqBNE;ErBOF,oBqBPE;ErBQF;EACA;EACA;EACA;EACA,WAPmD;EAQnD,mBARmD;EASnD,kBqBbE;EAEF;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE;;;ACjBJ;EACE;EAKA;EACA;;AALA;EACE;;;ACHJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;;ACnBF;EACE;EACA;EACA;;;ACHF;EACE;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EAEA;EAEA;EACA;EAEA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAEE;;AAKJ;EACE;;AAEF;EACE;EACA;EACA;EACA;;;ACjDN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;ACpBN;EACE;EACA;EACA;;AAEA;E3BGA,Y2BDI;E3BEJ,oB2BFI;E3BGJ;EACA;EACA;EACA;EACA,W2BLI;E3BMJ,mB2BNI;E3BOJ,kB2BRI;;AAKJ;EACE;;;ACdJ;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAWA;EAPE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EAKA;EACA;;AAGF;EAbE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EAWA;EACA;;AAGF;EACE;EApBA,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EAkBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAlCE,OADY;EAEZ,QAFY;EAGZ,WAHY;EAIZ,mBAJY;EAKZ;EAgCA;EACA;EACA;;AAKN;EACE;EACA;EACA;EAEA;EAGA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAKF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAKN;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;EAEF;IACE;;;;ACjNN;EACE;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;ACnDN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;;ACRJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;;;ACxCJ;EACE;EACA;EACA;;;AAME;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EAGA,cACE;EAEF;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AClCR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;ACxBN;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;ACfN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;;ACxBJ;EACE;EACA;AAAA;AAAA;EAGA;AAAA;AAAA;EAGA;AAAA;EAEA;EACA;AAAA;EAEA;EAEA;EAEA;;;AAGF;EACE;;;AAEF;EpCHE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AoCDA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EpC9BA,YoCgCI;EpC/BJ,oBoC+BI;EpC9BJ;EACA;EACA;EACA;EACA,WoC4BI;EpC3BJ,mBoC2BI;EpC1BJ,kBoCyBI;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EpC9CF,YoCgDM;EpC/CN,oBoC+CM;EpC9CN;EACA;EACA;EACA;EACA,WoC4CM;EpC3CN,mBoC2CM;EpC1CN,kBoCyCM;;;AC3DR;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;;;ACbJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACNF;AACE;EACA;AAEA;EACA;AAEA;EACA;AAAA;AAAA;AAIA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;;;AAGF;EvCRE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EuCGA;EACA;;AAEA;EACE;;;ACpCJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;ACZJ;EACE;;;ACDF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACnBJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACbJ;EACE;EACA;EACA;EAEA,OADkB;EAElB;;AAEA;EACE;EACA;EACA;;AAGF;EAEE,QADiB;EAEjB,OAFiB;EAGjB,WAHiB;;AAMnB;EACE;;AAGF;EACE;;;ACxBJ;AACE;EACA;AAEA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAAA;AAIA;EACA;AAAA;AAGA;EACA;AAAA;AAGA;EACA;AAAA;AAGA;EACA;AAAA;;;AAIF;E7CXE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;E6CMA","file":"styles.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stream-io/video-styling",
3
- "version": "1.0.3",
3
+ "version": "1.0.5",
4
4
  "packageManager": "yarn@3.2.4",
5
5
  "license": "See license in LICENSE",
6
6
  "scripts": {
@@ -9,7 +9,7 @@
9
9
  "build": "sass index.scss ./dist/css/styles.css"
10
10
  },
11
11
  "devDependencies": {
12
- "rimraf": "^5.0.5",
12
+ "rimraf": "^5.0.7",
13
13
  "sass": "^1.69.5"
14
14
  }
15
15
  }
package/src/Button/Button-layout.scss CHANGED
@@ -21,7 +21,6 @@
21
21
 
22
22
  &__icon {
23
23
  margin-right: var(--str-video__spacing-xs);
24
- height: 16px;
25
24
  background-color: var(--str-video__text-color1);
26
25
  }
27
26
 
@@ -50,7 +49,6 @@
50
49
  align-items: center;
51
50
  justify-content: center;
52
51
  font-size: 12px;
53
- height: calc(38px - 1rem);
54
52
  padding: 0.5rem;
55
53
 
56
54
  &:hover {
@@ -80,11 +78,6 @@
80
78
  .str-video__call-controls__button {
81
79
  padding: 0.5rem;
82
80
 
83
- &--variant-danger,
84
- &--variant-success {
85
- padding: 0.5rem 1rem;
86
- }
87
-
88
81
  &[disabled] {
89
82
  cursor: not-allowed;
90
83
  }
@@ -93,18 +86,6 @@
93
86
  &:hover > *:hover {
94
87
  cursor: pointer;
95
88
  }
96
-
97
- .str-video__icon {
98
- &--call-end {
99
- width: 1.5rem;
100
- height: 1.5rem;
101
- }
102
-
103
- &--call-accept {
104
- width: 1.5rem;
105
- height: 1.5rem;
106
- }
107
- }
108
89
  }
109
90
 
110
91
  .str-video__text-button {
package/src/Button/Button-theme.scss CHANGED
@@ -81,6 +81,10 @@
81
81
  &:hover {
82
82
  background-color: var(--str-video__button-primary-hover);
83
83
  }
84
+
85
+ .str-video__icon {
86
+ background-color: var(--str-video__icon-active);
87
+ }
84
88
  }
85
89
 
86
90
  &.str-video__composite-button__button-group--active-primary {
@@ -140,7 +144,6 @@
140
144
 
141
145
  &--variant-danger {
142
146
  background-color: var(--str-video__button-tertiary-base);
143
- padding: 0.4rem;
144
147
 
145
148
  .str-video__icon {
146
149
  background-color: white;
@@ -159,6 +162,14 @@
159
162
  }
160
163
  }
161
164
 
165
+ &--variant-active {
166
+ background-color: var(--str-video__button-primary-active);
167
+
168
+ &:hover {
169
+ background-color: var(--str-video__button-primary-hover);
170
+ }
171
+ }
172
+
162
173
  &--enabled {
163
174
  background: var(--str-video__background-color7);
164
175
  }
package/src/CallControls/CallControls-layout.scss CHANGED
@@ -5,7 +5,7 @@
5
5
  padding: 1rem 0;
6
6
 
7
7
  .str-video__reactions-menu {
8
- background-color: var(--str-video__base-color7);
8
+ background-color: var(--str-video__base-color6);
9
9
  display: flex;
10
10
 
11
11
  padding: var(--str-video__spacing-sm);
@@ -22,6 +22,8 @@
22
22
  }
23
23
 
24
24
  .str-video__reactions-menu__button {
25
+ font-family: 'Twemoji Mozilla', Apple Color Emoji, 'Segoe UI Emoji',
26
+ 'Noto Color Emoji', 'EmojiOne Color';
25
27
  font-size: 1.2rem;
26
28
  height: 38px;
27
29
  width: 38px;
package/src/CallControls/CancelCallButton.scss CHANGED
@@ -1,10 +1,6 @@
1
1
  .str-video__end-call {
2
2
  &__confirmation {
3
- background-color: var(--str-video__base-color7);
4
-
5
- border-radius: var(--str-video__border-radius-xl);
6
-
7
- padding: var(--str-video__spacing-sm);
3
+ padding: var(--str-video__spacing-lg);
8
4
  gap: var(--str-video__spacing-md);
9
5
 
10
6
  display: flex;
@@ -13,8 +9,11 @@
13
9
 
14
10
  &__leave,
15
11
  &__end {
16
- min-width: 211px;
12
+ min-width: 196px;
17
13
  color: var(--str-video__text-color1);
14
+ border: 1px solid transparent;
15
+ padding: calc(var(--str-video__spacing-sm) - 1px)
16
+ var(--str-video__spacing-lg);
18
17
 
19
18
  &-icon {
20
19
  background-color: var(--str-video__text-color1);
@@ -23,18 +22,19 @@
23
22
 
24
23
  &__leave {
25
24
  background-color: var(--str-video__button-tertiary-base);
26
- border: 1px solid transparent;
27
25
 
28
26
  &:hover {
29
- background-color: var(--str-video__button-primary-hover);
27
+ background-color: var(--str-video__button-tertiary-hover);
30
28
  }
31
29
  }
32
30
 
33
31
  &__end {
34
32
  background-color: var(--str-video__button-primary-base);
33
+ border-color: var(--str-video__button-default-hover);
35
34
 
36
35
  &:hover {
37
36
  background-color: var(--str-video__button-tertiary-hover);
37
+ border-color: transparent;
38
38
  }
39
39
  }
40
40
  }
package/src/DeviceSettings/DeviceSettings-layout.scss CHANGED
@@ -42,9 +42,7 @@
42
42
  }
43
43
 
44
44
  .str-video__device-settings__device-kind {
45
- background-color: var(--str-video__base-color7);
46
45
  padding: var(--str-video__spacing-lg);
47
- border-radius: var(--str-video__border-radius-lg);
48
46
 
49
47
  .str-video__device-settings__device-selector-title {
50
48
  font-size: var(--str-video__font-size-xs);
@@ -61,12 +59,13 @@
61
59
  align-items: center;
62
60
  border-radius: var(--str-video__border-radius-lg);
63
61
  background-color: var(--str-video__button-primary-base);
64
- padding: var(--str-video__spacing-xs) var(--str-video__spacing-md);
62
+ padding: var(--str-video__spacing-sm) var(--str-video__spacing-lg);
65
63
 
66
64
  gap: 8px;
67
65
 
68
66
  font-weight: 600;
69
67
  font-size: var(--str-video__font-size-sm);
68
+ line-height: var(--str-video__spaging-lg);
70
69
 
71
70
  &:not(:first-of-type) {
72
71
  margin-top: 8px;
package/src/DropdownSelect/DropdownSelect.scss CHANGED
@@ -42,11 +42,12 @@
42
42
  z-index: 2;
43
43
  width: 100%;
44
44
  margin-top: var(--str-video__spacing-sm);
45
- background-color: var(--str-video__base-color4);
45
+ background-color: var(--str-video__base-color6);
46
46
  border-radius: var(--str-video__border-radius-lg);
47
47
  padding: var(--str-video__spacing-md);
48
+ gap: var(--str-video__spacing-sm);
48
49
 
49
- box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.75);
50
+ box-shadow: 0 0 24px -4px rgba(0, 0, 0, 0.64);
50
51
  }
51
52
 
52
53
  &-option {
@@ -55,7 +56,6 @@
55
56
  border-radius: var(--str-video__border-radius-lg);
56
57
 
57
58
  padding: 8px 16px;
58
- margin-top: 8px;
59
59
  gap: 8px;
60
60
 
61
61
  font-weight: 600;
package/src/Icon/Icon-layout.scss CHANGED
@@ -6,6 +6,6 @@
6
6
  mask-size: contain;
7
7
  -webkit-mask-size: contain;
8
8
  display: block;
9
- width: 1.375rem;
10
- height: 1.375rem;
9
+ width: 1.25rem;
10
+ height: 1.25rem;
11
11
  }
package/src/Icon/Icon-theme.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  .str-video__icon {
2
- background-color: var(--str-video__base-color1);
2
+ background-color: var(--str-video__icon-default);
3
3
 
4
4
  &--chat {
5
5
  mask-image: var(--str-video__icon--chat);
package/src/Menu/GenericMenu-layout.scss CHANGED
@@ -1,19 +1,15 @@
1
1
  .str-video__generic-menu {
2
2
  list-style: none;
3
3
  margin: unset;
4
- background-color: var(--str-video__base-color7);
5
4
  padding: var(--str-video__spacing-md);
6
5
 
7
- border-radius: var(--str-video__border-radius-lg);
8
-
9
6
  display: flex;
10
7
  flex-direction: column;
11
- gap: 1px;
8
+ gap: var(--str-video__spacing-xs);
12
9
 
13
10
  .str-video__generic-menu--item {
14
11
  align-items: center;
15
12
 
16
- margin-top: 8px;
17
13
  gap: 8px;
18
14
 
19
15
  font-weight: 600;
@@ -26,17 +22,12 @@
26
22
  font-size: 13px;
27
23
  border-radius: var(--str-video__border-radius-lg);
28
24
  background-color: var(--str-video__button-primary-base);
29
- padding: 8px 16px;
25
+ padding: var(--str-video__spacing-xs) var(--str-video__spacing-lg);
30
26
  gap: 10px;
31
27
  display: flex;
32
28
  align-items: center;
33
29
  position: relative;
34
30
 
35
- .str-video__icon {
36
- width: 1.1rem;
37
- height: 1rem;
38
- }
39
-
40
31
  &:hover {
41
32
  background-color: var(--str-video__button-default-hover);
42
33
  cursor: pointer;
package/src/Menu/Menu-theme.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  .str-video__menu-container {
2
- background-color: var(--str-video__base-color7);
2
+ background-color: var(--str-video__base-color6);
3
3
  border-radius: var(--str-video__border-radius-lg);
4
+ box-shadow: 0 0 24px -4px rgba(0, 0, 0, 0.64);
4
5
  }
package/src/Tooltip/Tooltip-layout.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  .str-video__tooltip {
2
2
  display: flex;
3
3
  justify-content: center;
4
- padding: 0.5rem 1rem;
4
+ padding: var(--str-video__spacing-sm);
5
5
  z-index: 4;
6
6
  max-width: 250px;
7
7
  width: max-content;
package/src/Tooltip/Tooltip-theme.scss CHANGED
@@ -5,10 +5,12 @@
5
5
  --str-video__tooltip--border-radius: var(--str-video__border-radius-xs);
6
6
 
7
7
  /* The text/icon color of the component */
8
- --str-video__tooltip--color: var(--str-video__text-color3);
8
+ --str-video__tooltip--color: var(--str-video__text-color1);
9
9
 
10
10
  /* The background color of the component */
11
- --str-video__tooltip--background-color: var(--str-video__background-color4);
11
+ --str-video__tooltip--background-color: var(
12
+ --str-video__button-default-hover
13
+ );
12
14
 
13
15
  /* Top border of the component */
14
16
  --str-video__tooltip--border-block-start: none;
@@ -28,7 +30,7 @@
28
30
 
29
31
  .str-video__tooltip {
30
32
  @include utils.component-layer-overrides('tooltip');
31
- font-size: 0.75rem;
33
+ font-size: 14px;
32
34
  line-height: 1rem;
33
35
 
34
36
  &::after {
package/src/Video/VideoPlaceholder-theme.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  .str-video__video-placeholder {
2
- background: var(--str-video__background-color5);
2
+ background: var(--str-video__base-color6);
3
3
  border-radius: inherit;
4
4
 
5
5
  .str-video__video-placeholder__avatar {
package/src/_global-theme-variables.scss CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  //Button colors:
23
23
  --str-video__button-default-base: #19232d;
24
- --str-video__button-default-hover: #4c535b;
24
+ --str-video__button-default-hover: #323b44;
25
25
  --str-video__button-default-pressed: #0c0d0e;
26
26
  --str-video__button-default-active: #19232d;
27
27
  --str-video__button-default-disabled: #1e262e;
@@ -42,12 +42,12 @@
42
42
  --str-video__button-tertiary-active: #31292f;
43
43
 
44
44
  //Icon colors:
45
- --str-video__icon-default: #b0b4b7;
46
- --str-video__icon-hover: #e3e4e5;
45
+ --str-video__icon-default: #eff0f1;
46
+ --str-video__icon-hover: #eff0f1;
47
47
  --str-video__icon-pressed: #656b72;
48
- --str-video__icon-active: #005fff;
49
- --str-video__icon-alert: #dc433b;
50
- --str-video__icon-disabled: #323b44;
48
+ --str-video__icon-active: #e3e4e5;
49
+ --str-video__icon-alert: #e3e4e5;
50
+ --str-video__icon-disabled: #7e8389;
51
51
 
52
52
  //Alerts colors:
53
53
  --str-video__alert-success: #00e2a1;