@stream-io/video-react-sdk 0.0.1-alpha.18 → 0.0.1-alpha.20

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.0.1-alpha.20](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.0.1-alpha.19...@stream-io/video-react-sdk-0.0.1-alpha.20) (2023-05-09)
+
+
+### Features
+
+* StreamTheme component and docs ([#477](https://github.com/GetStream/stream-video-js/issues/477)) ([440de24](https://github.com/GetStream/stream-video-js/commit/440de246d0a510f99a93ea34df6d03a9127c8d32))
+
+
+
+## [0.0.1-alpha.19](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.0.1-alpha.18...@stream-io/video-react-sdk-0.0.1-alpha.19) (2023-05-09)
+
+
+### Reverts
+
+* Revert "chore: Avoid non-atomic pushes resulting in invalid version tags" ([24be283](https://github.com/GetStream/stream-video-js/commit/24be28300a5f5d452338457d60b1e34682027be6))
+
+
+
 ## [0.0.1-alpha.18](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.0.1-alpha.17...@stream-io/video-react-sdk-0.0.1-alpha.18) (2023-05-09)
 
 

package/dist/src/components/StreamTheme/StreamTheme.d.ts

@@ -0,0 +1,5 @@
+import { ElementType, HTMLProps, PropsWithChildren } from 'react';
+export type StreamThemeProps = HTMLProps<HTMLElement> & {
+    as?: ElementType;
+};
+export declare const StreamTheme: ({ as: Component, className, children, ...props }: PropsWithChildren<StreamThemeProps>) => JSX.Element;

package/dist/src/components/StreamTheme/StreamTheme.js

@@ -0,0 +1,18 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+export const StreamTheme = (_a) => {
+    var { as: Component = 'div', className, children } = _a, props = __rest(_a, ["as", "className", "children"]);
+    return (_jsx(Component, Object.assign({}, props, { className: clsx('str-video', className) }, { children: children })));
+};
+//# sourceMappingURL=StreamTheme.js.map

package/dist/src/components/StreamTheme/StreamTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StreamTheme.js","sourceRoot":"","sources":["../../../../src/components/StreamTheme/StreamTheme.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,IAAI,MAAM,MAAM,CAAC;AAMxB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAKU,EAAE,EAAE;QALd,EAC1B,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,EACT,QAAQ,OAE4B,EADjC,KAAK,cAJkB,+BAK3B,CADS;IAER,OAAO,CACL,KAAC,SAAS,oBAAK,KAAK,IAAE,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,gBAC1D,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/StreamTheme/index.d.ts

@@ -0,0 +1 @@
+export * from './StreamTheme';

package/dist/src/components/StreamTheme/index.js

@@ -0,0 +1,2 @@
+export * from './StreamTheme';
+//# sourceMappingURL=index.js.map

package/dist/src/components/StreamTheme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/StreamTheme/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/src/components/index.d.ts

@@ -1,7 +1,6 @@
 export * from './Avatar';
 export * from './Button';
 export * from './CallControls';
-export * from '../core/components/CallLayout';
 export * from './CallParticipantsList';
 export * from './CallRecordingList';
 export * from './DeviceSettings';
@@ -11,6 +10,7 @@ export * from './Notification';
 export * from './Permissions';
 export * from './StreamCall';
 export * from './StreamMeeting';
+export * from './StreamTheme';
 export * from './Search';
 export * from './Tooltip';
 export * from './Video';

package/dist/src/components/index.js

@@ -1,7 +1,6 @@
 export * from './Avatar';
 export * from './Button';
 export * from './CallControls';
-export * from '../core/components/CallLayout';
 export * from './CallParticipantsList';
 export * from './CallRecordingList';
 export * from './DeviceSettings';
@@ -11,6 +10,7 @@ export * from './Notification';
 export * from './Permissions';
 export * from './StreamCall';
 export * from './StreamMeeting';
+export * from './StreamTheme';
 export * from './Search';
 export * from './Tooltip';
 export * from './Video';

package/dist/src/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}

package/package.json

@@ -25,9 +25,9 @@
     "@floating-ui/react": "^0.22.0",
     "@nivo/core": "^0.80.0",
     "@nivo/line": "^0.80.0",
-    "@stream-io/i18n": "^0.0.1-alpha.10",
-    "@stream-io/video-client": "^0.0.1-alpha.127",
-    "@stream-io/video-react-bindings": "^0.0.1-alpha.16",
+    "@stream-io/i18n": "^0.0.1-alpha.11",
+    "@stream-io/video-client": "^0.0.1-alpha.128",
+    "@stream-io/video-react-bindings": "^0.0.1-alpha.17",
     "clsx": "^1.2.1",
     "rxjs": "~7.5.7"
   },
@@ -36,7 +36,7 @@
     "react-dom": "^18.0.0"
   },
   "devDependencies": {
-    "@stream-io/video-styling": "^0.0.1-alpha.3",
+    "@stream-io/video-styling": "^0.0.1-alpha.4",
     "@types/rimraf": "^3.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -45,5 +45,5 @@
     "typedoc": "^0.23.24",
     "typescript": "^4.9.5"
   },
-  "version": "0.0.1-alpha.18"
+  "version": "0.0.1-alpha.20"
 }

package/src/components/StreamTheme/StreamTheme.tsx

@@ -0,0 +1,19 @@
+import { ElementType, HTMLProps, PropsWithChildren } from 'react';
+import clsx from 'clsx';
+
+export type StreamThemeProps = HTMLProps<HTMLElement> & {
+  as?: ElementType;
+};
+
+export const StreamTheme = ({
+  as: Component = 'div',
+  className,
+  children,
+  ...props
+}: PropsWithChildren<StreamThemeProps>) => {
+  return (
+    <Component {...props} className={clsx('str-video', className)}>
+      {children}
+    </Component>
+  );
+};

package/src/components/StreamTheme/index.ts

@@ -0,0 +1 @@
+export * from './StreamTheme';

package/src/components/index.ts

@@ -1,7 +1,6 @@
 export * from './Avatar';
 export * from './Button';
 export * from './CallControls';
-export * from '../core/components/CallLayout';
 export * from './CallParticipantsList';
 export * from './CallRecordingList';
 export * from './DeviceSettings';
@@ -11,6 +10,7 @@ export * from './Notification';
 export * from './Permissions';
 export * from './StreamCall';
 export * from './StreamMeeting';
+export * from './StreamTheme';
 export * from './Search';
 export * from './Tooltip';
 export * from './Video';