@100mslive/roomkit-react 0.1.1 → 0.1.2-alpha.1

package/README.md

@@ -1 +1,19 @@
 # Room Kit React Library
+
+100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.
+
+## Installation
+
+```
+// npm
+npm install @100mslive/roomkit-react --save
+
+// yarn
+yarn add @100mslive/roomkit-react
+```
+
+## Usage
+
+```
+import { HMSPrebuilt } from '@100mslive/roomkit-react'
+```

package/dist/Accordion/Accordion.d.ts

@@ -19,75 +19,37 @@ export declare const AccordionRoot: import("@stitches/react/types/styled-compone
     ls: string;
 }, {
     colors: {
-        bgPrimary: string;
-        bgSecondary: string;
-        bgTertiary: string;
-        surfaceLight: string;
-        surfaceLighter: string;
-        textPrimary: string;
-        textSecondary: string;
-        textDisabled: string;
-        textInvert: string;
-        textHighEmp: string;
-        textMedEmp: string;
-        iconBtn: string;
-        iconHoverBg: string;
-        transparentBg: string;
-        mainBg: string;
-        tileBg: string;
-        secondaryDisabled: string;
-        previewBg: string;
-        statsBg: string;
-        menuBg: string;
-        inputBg: string;
-        toastBg: string;
-        borderDefault: string;
-        backgroundDefault: string;
-        borderLighter: string;
-        white: string;
-        black: string;
-        transparent: string;
-        orange: string;
-        cyan: string;
-        tamarind: string;
-        yellow: string;
-        twinYellow: string;
-        green: string;
-        darkgreen: string;
-        purple: string;
-        borderLight: string;
-        borderAccent: string;
-        success: string;
-        error: string;
-        errorTint: string;
-        warning: string;
-        brandLight: string;
-        brandDefault: string;
-        brandDark: string;
-        brandDisabled: string;
-        grayLight: string;
-        grayDefault: string;
-        grayDark: string;
-        secondaryGray: string;
-        grayDisabled: string;
-        textAccentHigh: string;
-        textAccentMedium: string;
-        textAccentDisabled: string;
-        surfaceDefault: string;
-        surfaceDark: string;
-        backgroundDark: string;
-        backgroundDarker: string;
-        primaryLight: string;
-        primaryDefault: string;
-        primaryDark: string;
-        primaryDisabled: string;
-        secondaryLight: string;
-        secondaryDefault: string;
-        secondaryDark: string;
-        errorDefault: string;
-        errorLight: string;
-        errorDark: string;
-        errorDisabled: string;
+        primary_default: string;
+        primary_bright: string;
+        primary_dim: string;
+        primary_disabled: string;
+        on_primary_high: string;
+        on_primary_medium: string;
+        on_primary_low: string;
+        secondary_default: string;
+        secondary_bright: string;
+        secondary_dim: string;
+        secondary_disabled: string;
+        on_secondary_high: string;
+        on_secondary_medium: string;
+        on_secondary_low: string;
+        background_default: string;
+        background_dim: string;
+        surface_default: string;
+        surface_bright: string;
+        surface_brighter: string;
+        surface_dim: string;
+        on_surface_high: string;
+        on_surface_medium: string;
+        on_surface_low: string;
+        border_default: string;
+        border_bright: string;
+        alert_success: string;
+        alert_warning: string;
+        alert_error_default: string;
+        alert_error_bright: string;
+        alert_error_brighter: string;
+        alert_error_dim: string;
     };
     shadows: {
         sm: string;
@@ -496,75 +458,37 @@ export declare const AccordionItem: import("@stitches/react/types/styled-compone
     ls: string;
 }, {
     colors: {
-        bgPrimary: string;
-        bgSecondary: string;
-        bgTertiary: string;
-        surfaceLight: string;
-        surfaceLighter: string;
-        textPrimary: string;
-        textSecondary: string;
-        textDisabled: string;
-        textInvert: string;
-        textHighEmp: string;
-        textMedEmp: string;
-        iconBtn: string;
-        iconHoverBg: string;
-        transparentBg: string;
-        mainBg: string;
-        tileBg: string;
-        secondaryDisabled: string;
-        previewBg: string;
-        statsBg: string;
-        menuBg: string;
-        inputBg: string;
-        toastBg: string;
-        borderDefault: string;
-        backgroundDefault: string;
-        borderLighter: string;
-        white: string;
-        black: string;
-        transparent: string;
-        orange: string;
-        cyan: string;
-        tamarind: string;
-        yellow: string;
-        twinYellow: string;
-        green: string;
-        darkgreen: string;
-        purple: string;
-        borderLight: string;
-        borderAccent: string;
-        success: string;
-        error: string;
-        errorTint: string;
-        warning: string;
-        brandLight: string;
-        brandDefault: string;
-        brandDark: string;
-        brandDisabled: string;
-        grayLight: string;
-        grayDefault: string;
-        grayDark: string;
-        secondaryGray: string;
-        grayDisabled: string;
-        textAccentHigh: string;
-        textAccentMedium: string;
-        textAccentDisabled: string;
-        surfaceDefault: string;
-        surfaceDark: string;
-        backgroundDark: string;
-        backgroundDarker: string;
-        primaryLight: string;
-        primaryDefault: string;
-        primaryDark: string;
-        primaryDisabled: string;
-        secondaryLight: string;
-        secondaryDefault: string;
-        secondaryDark: string;
-        errorDefault: string;
-        errorLight: string;
-        errorDark: string;
-        errorDisabled: string;
+        primary_default: string;
+        primary_bright: string;
+        primary_dim: string;
+        primary_disabled: string;
+        on_primary_high: string;
+        on_primary_medium: string;
+        on_primary_low: string;
+        secondary_default: string;
+        secondary_bright: string;
+        secondary_dim: string;
+        secondary_disabled: string;
+        on_secondary_high: string;
+        on_secondary_medium: string;
+        on_secondary_low: string;
+        background_default: string;
+        background_dim: string;
+        surface_default: string;
+        surface_bright: string;
+        surface_brighter: string;
+        surface_dim: string;
+        on_surface_high: string;
+        on_surface_medium: string;
+        on_surface_low: string;
+        border_default: string;
+        border_bright: string;
+        alert_success: string;
+        alert_warning: string;
+        alert_error_default: string;
+        alert_error_bright: string;
+        alert_error_brighter: string;
+        alert_error_dim: string;
     };
     shadows: {
         sm: string;

package/dist/Accordion/index.d.ts

@@ -18,75 +18,37 @@ export declare const Accordion: {
         ls: string;
     }, {
         colors: {
-            bgPrimary: string;
-            bgSecondary: string;
-            bgTertiary: string;
-            surfaceLight: string;
-            surfaceLighter: string;
-            textPrimary: string;
-            textSecondary: string;
-            textDisabled: string;
-            textInvert: string;
-            textHighEmp: string;
-            textMedEmp: string;
-            iconBtn: string;
-            iconHoverBg: string;
-            transparentBg: string;
-            mainBg: string;
-            tileBg: string;
-            secondaryDisabled: string;
-            previewBg: string;
-            statsBg: string;
-            menuBg: string;
-            inputBg: string;
-            toastBg: string;
-            borderDefault: string;
-            backgroundDefault: string;
-            borderLighter: string;
-            white: string;
-            black: string;
-            transparent: string;
-            orange: string;
-            cyan: string;
-            tamarind: string;
-            yellow: string;
-            twinYellow: string;
-            green: string;
-            darkgreen: string;
-            purple: string;
-            borderLight: string;
-            borderAccent: string;
-            success: string;
-            error: string;
-            errorTint: string;
-            warning: string;
-            brandLight: string;
-            brandDefault: string;
-            brandDark: string;
-            brandDisabled: string;
-            grayLight: string;
-            grayDefault: string;
-            grayDark: string;
-            secondaryGray: string;
-            grayDisabled: string;
-            textAccentHigh: string;
-            textAccentMedium: string;
-            textAccentDisabled: string;
-            surfaceDefault: string;
-            surfaceDark: string;
-            backgroundDark: string;
-            backgroundDarker: string;
-            primaryLight: string;
-            primaryDefault: string;
-            primaryDark: string;
-            primaryDisabled: string;
-            secondaryLight: string;
-            secondaryDefault: string;
-            secondaryDark: string;
-            errorDefault: string;
-            errorLight: string;
-            errorDark: string;
-            errorDisabled: string;
+            primary_default: string;
+            primary_bright: string;
+            primary_dim: string;
+            primary_disabled: string;
+            on_primary_high: string;
+            on_primary_medium: string;
+            on_primary_low: string;
+            secondary_default: string;
+            secondary_bright: string;
+            secondary_dim: string;
+            secondary_disabled: string;
+            on_secondary_high: string;
+            on_secondary_medium: string;
+            on_secondary_low: string;
+            background_default: string;
+            background_dim: string;
+            surface_default: string;
+            surface_bright: string;
+            surface_brighter: string;
+            surface_dim: string;
+            on_surface_high: string;
+            on_surface_medium: string;
+            on_surface_low: string;
+            border_default: string;
+            border_bright: string;
+            alert_success: string;
+            alert_warning: string;
+            alert_error_default: string;
+            alert_error_bright: string;
+            alert_error_brighter: string;
+            alert_error_dim: string;
         };
         shadows: {
             sm: string;
@@ -495,75 +457,37 @@ export declare const Accordion: {
         ls: string;
     }, {
         colors: {
-            bgPrimary: string;
-            bgSecondary: string;
-            bgTertiary: string;
-            surfaceLight: string;
-            surfaceLighter: string;
-            textPrimary: string;
-            textSecondary: string;
-            textDisabled: string;
-            textInvert: string;
-            textHighEmp: string;
-            textMedEmp: string;
-            iconBtn: string;
-            iconHoverBg: string;
-            transparentBg: string;
-            mainBg: string;
-            tileBg: string;
-            secondaryDisabled: string;
-            previewBg: string;
-            statsBg: string;
-            menuBg: string;
-            inputBg: string;
-            toastBg: string;
-            borderDefault: string;
-            backgroundDefault: string;
-            borderLighter: string;
-            white: string;
-            black: string;
-            transparent: string;
-            orange: string;
-            cyan: string;
-            tamarind: string;
-            yellow: string;
-            twinYellow: string;
-            green: string;
-            darkgreen: string;
-            purple: string;
-            borderLight: string;
-            borderAccent: string;
-            success: string;
-            error: string;
-            errorTint: string;
-            warning: string;
-            brandLight: string;
-            brandDefault: string;
-            brandDark: string;
-            brandDisabled: string;
-            grayLight: string;
-            grayDefault: string;
-            grayDark: string;
-            secondaryGray: string;
-            grayDisabled: string;
-            textAccentHigh: string;
-            textAccentMedium: string;
-            textAccentDisabled: string;
-            surfaceDefault: string;
-            surfaceDark: string;
-            backgroundDark: string;
-            backgroundDarker: string;
-            primaryLight: string;
-            primaryDefault: string;
-            primaryDark: string;
-            primaryDisabled: string;
-            secondaryLight: string;
-            secondaryDefault: string;
-            secondaryDark: string;
-            errorDefault: string;
-            errorLight: string;
-            errorDark: string;
-            errorDisabled: string;
+            primary_default: string;
+            primary_bright: string;
+            primary_dim: string;
+            primary_disabled: string;
+            on_primary_high: string;
+            on_primary_medium: string;
+            on_primary_low: string;
+            secondary_default: string;
+            secondary_bright: string;
+            secondary_dim: string;
+            secondary_disabled: string;
+            on_secondary_high: string;
+            on_secondary_medium: string;
+            on_secondary_low: string;
+            background_default: string;
+            background_dim: string;
+            surface_default: string;
+            surface_bright: string;
+            surface_brighter: string;
+            surface_dim: string;
+            on_surface_high: string;
+            on_surface_medium: string;
+            on_surface_low: string;
+            border_default: string;
+            border_bright: string;
+            alert_success: string;
+            alert_warning: string;
+            alert_error_default: string;
+            alert_error_bright: string;
+            alert_error_brighter: string;
+            alert_error_dim: string;
         };
         shadows: {
             sm: string;

package/dist/{ActiveSpeakerView-G32BDM5F.js → ActiveSpeakerView-N7C6WL27.js}

@@ -1,16 +1,16 @@
 import {
   GridSidePaneView,
   VideoTile_default
-} from "./chunk-TEHZYXCJ.js";
-import "./chunk-ZET2HMGS.js";
-import "./chunk-BSQIN5RC.js";
+} from "./chunk-G56Z3JA5.js";
+import "./chunk-TZJCHZPD.js";
+import "./chunk-DH3QSV4E.js";
 import {
   Box,
   Flex
-} from "./chunk-A2PNZIK7.js";
+} from "./chunk-INRXWU7L.js";
 import {
   init_define_process_env
-} from "./chunk-4VY5NUK7.js";
+} from "./chunk-DRKV2LAC.js";
 
 // src/Prebuilt/layouts/ActiveSpeakerView.jsx
 init_define_process_env();
@@ -36,4 +36,4 @@ var ActiveSpeakerView_default = ActiveSpeakerView;
 export {
   ActiveSpeakerView_default as default
 };
-//# sourceMappingURL=ActiveSpeakerView-G32BDM5F.js.map
+//# sourceMappingURL=ActiveSpeakerView-N7C6WL27.js.map

package/dist/{ActiveSpeakerView-LW4WDBC6.css → ActiveSpeakerView-ZOCC7LQW.css}

@@ -1,4 +1,4 @@
-/* ../../../../../../../tmp/tmp-2771-5wBK3adRNu7R/18997609b3e0/Whiteboard.css */
+/* ../../../../../../../tmp/tmp-2702-YphCDdKcIqW7/189cb8f5dde1/Whiteboard.css */
 .c-bUEyht-jvfJsl-side-right > button:nth-child(1) {
   display: none;
 }
@@ -8,4 +8,4 @@
 #TD-PrimaryTools-Image {
   display: none;
 }
-/*# sourceMappingURL=ActiveSpeakerView-LW4WDBC6.css.map */
+/*# sourceMappingURL=ActiveSpeakerView-ZOCC7LQW.css.map */

package/dist/{PinnedTrackView-OAA4HAID.css.map → ActiveSpeakerView-ZOCC7LQW.css.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../../../../../tmp/tmp-2771-5wBK3adRNu7R/18997609b3e0/Whiteboard.css"],
+  "sources": ["../../../../../../../../tmp/tmp-2702-YphCDdKcIqW7/189cb8f5dde1/Whiteboard.css"],
   "sourcesContent": ["/* Hide undo and redo buttons */\n.c-bUEyht-jvfJsl-side-right > button:nth-child(1) {\n  display: none;\n}\n\n.c-bUEyht-jvfJsl-side-right > button:nth-child(2) {\n  display: none;\n}\n\n#TD-PrimaryTools-Image {\n  display: none;\n}\n"],
-  "mappings": ";AACA;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;",
+  "mappings": ";AACA,CAAC,2BAA2B,EAAE,MAAM;AAClC,WAAS;AACX;AAEA,CAAC,2BAA2B,EAAE,MAAM;AAClC,WAAS;AACX;AAEA,CAAC;AACC,WAAS;AACX;",
   "names": []
 }

package/dist/Avatar/Avatar.d.ts

@@ -21,75 +21,37 @@ export declare const StyledAvatar: import("@stitches/react/types/styled-componen
     ls: string;
 }, {
     colors: {
-        bgPrimary: string;
-        bgSecondary: string;
-        bgTertiary: string;
-        surfaceLight: string;
-        surfaceLighter: string;
-        textPrimary: string;
-        textSecondary: string;
-        textDisabled: string;
-        textInvert: string;
-        textHighEmp: string;
-        textMedEmp: string;
-        iconBtn: string;
-        iconHoverBg: string;
-        transparentBg: string;
-        mainBg: string;
-        tileBg: string;
-        secondaryDisabled: string;
-        previewBg: string;
-        statsBg: string;
-        menuBg: string;
-        inputBg: string;
-        toastBg: string;
-        borderDefault: string;
-        backgroundDefault: string;
-        borderLighter: string;
-        white: string;
-        black: string;
-        transparent: string;
-        orange: string;
-        cyan: string;
-        tamarind: string;
-        yellow: string;
-        twinYellow: string;
-        green: string;
-        darkgreen: string;
-        purple: string;
-        borderLight: string;
-        borderAccent: string;
-        success: string;
-        error: string;
-        errorTint: string;
-        warning: string;
-        brandLight: string;
-        brandDefault: string;
-        brandDark: string;
-        brandDisabled: string;
-        grayLight: string;
-        grayDefault: string;
-        grayDark: string;
-        secondaryGray: string;
-        grayDisabled: string;
-        textAccentHigh: string;
-        textAccentMedium: string;
-        textAccentDisabled: string;
-        surfaceDefault: string;
-        surfaceDark: string;
-        backgroundDark: string;
-        backgroundDarker: string;
-        primaryLight: string;
-        primaryDefault: string;
-        primaryDark: string;
-        primaryDisabled: string;
-        secondaryLight: string;
-        secondaryDefault: string;
-        secondaryDark: string;
-        errorDefault: string;
-        errorLight: string;
-        errorDark: string;
-        errorDisabled: string;
+        primary_default: string;
+        primary_bright: string;
+        primary_dim: string;
+        primary_disabled: string;
+        on_primary_high: string;
+        on_primary_medium: string;
+        on_primary_low: string;
+        secondary_default: string;
+        secondary_bright: string;
+        secondary_dim: string;
+        secondary_disabled: string;
+        on_secondary_high: string;
+        on_secondary_medium: string;
+        on_secondary_low: string;
+        background_default: string;
+        background_dim: string;
+        surface_default: string;
+        surface_bright: string;
+        surface_brighter: string;
+        surface_dim: string;
+        on_surface_high: string;
+        on_surface_medium: string;
+        on_surface_low: string;
+        border_default: string;
+        border_bright: string;
+        alert_success: string;
+        alert_warning: string;
+        alert_error_default: string;
+        alert_error_bright: string;
+        alert_error_brighter: string;
+        alert_error_dim: string;
     };
     shadows: {
         sm: string;