@stream-io/video-styling 2.0.0-beta.0 → 2.0.0-beta.1

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 (90) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/css/embedded.css +2592 -1498
  3. package/dist/css/embedded.css.map +1 -1
  4. package/dist/css/styles.css +2388 -1222
  5. package/dist/css/styles.css.map +1 -1
  6. package/index.scss +4 -2
  7. package/package.json +1 -1
  8. package/project.json +1 -1
  9. package/src/AudioBlockedNotification/AudioBlockedNotification-layout.scss +9 -9
  10. package/src/AudioBlockedNotification/AudioBlockedNotification-theme.scss +6 -11
  11. package/src/Avatar/Avatar-layout.scss +21 -5
  12. package/src/Avatar/Avatar-theme.scss +33 -9
  13. package/src/Badge/Badge-layout.scss +52 -0
  14. package/src/Badge/Badge-theme.scss +39 -0
  15. package/src/Badge/index.scss +2 -0
  16. package/src/Button/Button-layout.scss +62 -89
  17. package/src/Button/Button-theme.scss +79 -144
  18. package/src/Button/CompositeButton.scss +125 -0
  19. package/src/Button/index.scss +1 -0
  20. package/src/CallControls/CallControls-layout.scss +27 -63
  21. package/src/CallControls/CancelCallButton.scss +39 -85
  22. package/src/CallLayout/LivestreamLayout-layout.scss +80 -77
  23. package/src/CallLayout/LivestreamLayout-theme.scss +23 -0
  24. package/src/CallLayout/PaginatedGridLayout-layout.scss +8 -8
  25. package/src/CallLayout/PipLayout-layout.scss +26 -20
  26. package/src/CallLayout/PipLayout-theme.scss +2 -1
  27. package/src/CallLayout/SpeakerLayout-layout.scss +13 -13
  28. package/src/CallLayout/index.scss +1 -0
  29. package/src/CallParticipantList/CallParticiantListingItem-layout.scss +6 -8
  30. package/src/CallParticipantList/CallParticiantListingItem-theme.scss +19 -17
  31. package/src/CallParticipantList/CallParticipantList-layout.scss +25 -19
  32. package/src/CallRecodingList/CallRecordingList-layout.scss +46 -27
  33. package/src/CallRecodingList/CallRecordingList-theme.scss +25 -37
  34. package/src/DeviceSettings/DeviceSettings-layout.scss +154 -69
  35. package/src/DropdownSelect/DropdownSelect.scss +62 -52
  36. package/src/Embedded/_base.scss +2 -2
  37. package/src/Embedded/call/CallLayout-layout.scss +22 -12
  38. package/src/Embedded/call/CallLayout-theme.scss +2 -2
  39. package/src/Embedded/livestream/Livestream-layout.scss +28 -41
  40. package/src/Embedded/livestream/Livestream-theme.scss +12 -34
  41. package/src/Embedded/shared/BlurToggleButton/BlurToggleButton-layout.scss +8 -20
  42. package/src/Embedded/shared/BlurToggleButton/BlurToggleButton-theme.scss +1 -19
  43. package/src/Embedded/shared/CallControls/CallControls-layout.scss +10 -11
  44. package/src/Embedded/shared/CallControls/CallControls-theme.scss +5 -7
  45. package/src/Embedded/shared/ConnectionNotification/ConnectionNotification-layout.scss +1 -1
  46. package/src/Embedded/shared/EmbeddedParticipantViewUI/EmbeddedParticipantViewUI.scss +2 -2
  47. package/src/Embedded/shared/ErrorScreen/ErrorScreen-layout.scss +3 -3
  48. package/src/Embedded/shared/Feedback/CallFeedback-layout.scss +21 -36
  49. package/src/Embedded/shared/Feedback/CallFeedback-theme.scss +11 -33
  50. package/src/Embedded/shared/Icons.scss +6 -8
  51. package/src/Embedded/shared/JoinError/JoinError-layout.scss +7 -3
  52. package/src/Embedded/shared/JoinError/JoinError-theme.scss +3 -3
  53. package/src/Embedded/shared/LoadingScreen/LoadingScreen-layout.scss +4 -4
  54. package/src/Embedded/shared/Lobby/Lobby-layout.scss +66 -55
  55. package/src/Embedded/shared/Lobby/Lobby-theme.scss +20 -15
  56. package/src/Icon/Icon-layout.scss +3 -2
  57. package/src/Icon/Icon-theme.scss +59 -20
  58. package/src/LoadingIndicator/LoadingIndicator-layout.scss +5 -0
  59. package/src/LoadingIndicator/LoadingIndicator-theme.scss +4 -3
  60. package/src/Menu/GenericMenu-layout.scss +56 -29
  61. package/src/Menu/Menu-theme.scss +3 -3
  62. package/src/Menu/Portal-layout.scss +1 -1
  63. package/src/Notification/Notification-layout.scss +13 -8
  64. package/src/Notification/Notification-theme.scss +8 -14
  65. package/src/ParticipantView/ParticipantView-layout.scss +80 -77
  66. package/src/ParticipantView/ParticipantView-theme.scss +28 -0
  67. package/src/ParticipantView/index.scss +1 -0
  68. package/src/Permissions/Permissions-layout.scss +16 -23
  69. package/src/Reaction/Reaction-layout.scss +3 -3
  70. package/src/RingingCall/RingingCall-layout.scss +8 -7
  71. package/src/RingingCall/RingingCall-theme.scss +17 -16
  72. package/src/ScreenShareOverlay/ScreenShareOverlay-layout.scss +6 -14
  73. package/src/ScreenShareOverlay/ScreenShareOverlay-theme.scss +6 -11
  74. package/src/Search/SearchInput-layout.scss +16 -10
  75. package/src/Search/SearchInput-theme.scss +41 -21
  76. package/src/StreamCall.scss +4 -4
  77. package/src/Tooltip/Tooltip-layout.scss +11 -3
  78. package/src/Tooltip/Tooltip-theme.scss +8 -25
  79. package/src/Video/Video-theme.scss +1 -1
  80. package/src/Video/VideoPlaceholder-layout.scss +0 -14
  81. package/src/Video/VideoPlaceholder-theme.scss +2 -13
  82. package/src/VideoPreview/VideoPreview-layout.scss +2 -3
  83. package/src/VideoPreview/VideoPreview-theme.scss +22 -15
  84. package/src/_icons.scss +56 -0
  85. package/src/_shadows.scss +13 -0
  86. package/src/_variable-tokens.scss +10 -0
  87. package/src/tokens/generated/dark.scss +167 -0
  88. package/src/tokens/generated/light.scss +853 -0
  89. package/src/CallStats.scss +0 -118
  90. package/src/_global-theme-variables.scss +0 -167
package/CHANGELOG.md CHANGED
@@ -2,6 +2,27 @@
2
2
 
3
3
  This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
4
4
 
5
+ ## [2.0.0-beta.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-styling-2.0.0-beta.0...@stream-io/video-styling-2.0.0-beta.1) (2026-09-28)
6
+
7
+ ### Features
8
+
9
+ - **react-dogfood:** migrate sample apps to new design system ([#2451](https://github.com/GetStream/stream-video-js/issues/2451)) ([ab2ffb6](https://github.com/GetStream/stream-video-js/commit/ab2ffb64ad79ba7c81d1d43a01698f224f1fa0eb))
10
+ - **react-sdk:** introduce design tokens to the react sdk ([#2389](https://github.com/GetStream/stream-video-js/issues/2389)) ([bd53a13](https://github.com/GetStream/stream-video-js/commit/bd53a13e900b90f8753fec836784d80afb2fce09))
11
+ - **react-sdk:** migrate Button component to design token ([#2408](https://github.com/GetStream/stream-video-js/issues/2408)) ([9b21d19](https://github.com/GetStream/stream-video-js/commit/9b21d199817b46096d1bb62925c499ea6ffa6687))
12
+ - **react-sdk:** Migrate call layouts ([#2434](https://github.com/GetStream/stream-video-js/issues/2434)) ([d615d13](https://github.com/GetStream/stream-video-js/commit/d615d13b5aa8bf2908102a965d59371344fa2f06))
13
+ - **react-sdk:** migrate call participant list to new token design system ([#2442](https://github.com/GetStream/stream-video-js/issues/2442)) ([e09a263](https://github.com/GetStream/stream-video-js/commit/e09a263f7fa4f7fd21d0af5678ea3b190ac59976))
14
+ - **react-sdk:** migrate call recording list to new token design system ([#2435](https://github.com/GetStream/stream-video-js/issues/2435)) ([79db3d8](https://github.com/GetStream/stream-video-js/commit/79db3d820ba0c93bb7efe9e5283506948a61aad5))
15
+ - **react-sdk:** Migrate Embedded components to new token design system ([#2446](https://github.com/GetStream/stream-video-js/issues/2446)) ([adf07fa](https://github.com/GetStream/stream-video-js/commit/adf07fa9f8fc859d3fa7f94f7d9d2e18a267f4ce))
16
+ - **react-sdk:** migrate menu and dropdown select to design token system ([#2426](https://github.com/GetStream/stream-video-js/issues/2426)) ([b3aa81e](https://github.com/GetStream/stream-video-js/commit/b3aa81eda69558446c055957305e85a6f1af2491))
17
+ - **react-sdk:** migrate participant tile to new token design system ([#2433](https://github.com/GetStream/stream-video-js/issues/2433)) ([1ea8193](https://github.com/GetStream/stream-video-js/commit/1ea81937585caefd2e2bff566d6d5f2ff3004243))
18
+ - **react-sdk:** migrate permisison request and notification to new token design system ([#2444](https://github.com/GetStream/stream-video-js/issues/2444)) ([a20b1d3](https://github.com/GetStream/stream-video-js/commit/a20b1d37985d26b2258e5fee9cb9f063614af6ec))
19
+ - **react-sdk:** migrate tooltip and badge components to design token ([#2420](https://github.com/GetStream/stream-video-js/issues/2420)) ([fa23a9d](https://github.com/GetStream/stream-video-js/commit/fa23a9d589b7f462c4e9c543dff081e8a34c70c7)), closes [#1718](https://github.com/GetStream/stream-video-js/issues/1718)
20
+ - **react-sdk:** Move CallStats component from sdk to react-dogfood ([#2445](https://github.com/GetStream/stream-video-js/issues/2445)) ([9e76e33](https://github.com/GetStream/stream-video-js/commit/9e76e33116e48b89f20a28ace47d3f8b72decfdb))
21
+
22
+ ### Bug Fixes
23
+
24
+ - **styling:** fix participant tile overlay spacing ([#2438](https://github.com/GetStream/stream-video-js/issues/2438)) ([ceeddba](https://github.com/GetStream/stream-video-js/commit/ceeddba432801ecfd4805e84036235869f19ceea))
25
+
5
26
  ## [2.0.0-beta.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-styling-1.15.1...@stream-io/video-styling-2.0.0-beta.0) (2026-09-04)
6
27
 
7
28
  ## [1.15.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-styling-1.15.0...@stream-io/video-styling-1.15.1) (2026-08-07)