@webitel/styleguide 26.8.3 → 26.8.5

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/index.css

@@ -0,0 +1 @@
+@import "./ws/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/app-header/colors/index.css

@@ -0,0 +1 @@
+@import "./root/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/app-header/colors/root/dark/index.css

@@ -0,0 +1,3 @@
+:root.theme--dark {
+  --wt-ws-app-header-colors-root-background: #1F222E;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/app-header/colors/root/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/app-header/colors/root/light/index.css

@@ -0,0 +1,3 @@
+:root {
+  --wt-ws-app-header-colors-root-background: #D1D5E0;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/app-header/index.css

@@ -0,0 +1,2 @@
+@import "./colors/index.css";
+@import "./sizes/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/app-header/sizes/index.css

@@ -0,0 +1 @@
+@import "./root/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/app-header/sizes/root/index.css

@@ -0,0 +1,6 @@
+:root {
+  --wt-ws-app-header-sizes-root-padding-x: 16px;
+  --wt-ws-app-header-sizes-root-padding-y: 8px;
+  --wt-ws-app-header-sizes-root-gap: 16px;
+  --wt-ws-app-header-sizes-root-border-radius: 0px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/avatar/colors/index.css

@@ -0,0 +1 @@
+@import "./unknown-user/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/avatar/colors/unknown-user/dark/index.css

@@ -0,0 +1,4 @@
+:root.theme--dark {
+  --wt-ws-avatar-colors-unknown-user-background: #3D455C;
+  --wt-ws-avatar-colors-unknown-user-color: #848EAD;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/avatar/colors/unknown-user/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/avatar/colors/unknown-user/light/index.css

@@ -0,0 +1,4 @@
+:root {
+  --wt-ws-avatar-colors-unknown-user-background: #F0F1F5;
+  --wt-ws-avatar-colors-unknown-user-color: #848EAD;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/avatar/index.css

@@ -0,0 +1,2 @@
+@import "./colors/index.css";
+@import "./sizes/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/avatar/sizes/index.css

@@ -0,0 +1 @@
+@import "./unknown-user/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/avatar/sizes/unknown-user/index.css

@@ -0,0 +1,3 @@
+:root {
+  --wt-ws-avatar-sizes-unknown-user-color: #FFFFFF;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-dock/colors/action-bar/dark/index.css

@@ -0,0 +1,3 @@
+:root.theme--dark {
+  --wt-ws-call-dock-colors-action-bar-background: #FFFFFF00;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-dock/colors/action-bar/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-dock/colors/action-bar/light/index.css

@@ -0,0 +1,3 @@
+:root {
+  --wt-ws-call-dock-colors-action-bar-background: #FFFFFF00;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-dock/colors/floating-call-widget/active/dark/index.css

@@ -0,0 +1,5 @@
+:root.theme--dark {
+  --wt-ws-call-dock-colors-floating-call-widget-active-background: #24A850;
+  --wt-ws-call-dock-colors-floating-call-widget-active-hover-background: #28BD5A;
+  --wt-ws-call-dock-colors-floating-call-widget-active-color: #EAFBEF;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-dock/colors/floating-call-widget/active/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-dock/colors/floating-call-widget/active/light/index.css

@@ -0,0 +1,5 @@
+:root {
+  --wt-ws-call-dock-colors-floating-call-widget-active-background: #24A850;
+  --wt-ws-call-dock-colors-floating-call-widget-active-hover-background: #28BD5A;
+  --wt-ws-call-dock-colors-floating-call-widget-active-color: #EAFBEF;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-dock/colors/floating-call-widget/hold/dark/index.css

@@ -0,0 +1,5 @@
+:root.theme--dark {
+  --wt-ws-call-dock-colors-floating-call-widget-hold-background: #E28136;
+  --wt-ws-call-dock-colors-floating-call-widget-hold-hover-background: #E58E4C;
+  --wt-ws-call-dock-colors-floating-call-widget-hold-color: #FCF1E9;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-dock/colors/floating-call-widget/hold/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-dock/colors/floating-call-widget/hold/light/index.css

@@ -0,0 +1,5 @@
+:root {
+  --wt-ws-call-dock-colors-floating-call-widget-hold-background: #E28136;
+  --wt-ws-call-dock-colors-floating-call-widget-hold-hover-background: #E58E4C;
+  --wt-ws-call-dock-colors-floating-call-widget-hold-color: #FCF1E9;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-dock/colors/floating-call-widget/index.css

@@ -0,0 +1,2 @@
+@import "./active/index.css";
+@import "./hold/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-dock/colors/index.css

@@ -0,0 +1,3 @@
+@import "./action-bar/index.css";
+@import "./floating-call-widget/index.css";
+@import "./root/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-dock/colors/root/dark/index.css

@@ -0,0 +1,3 @@
+:root.theme--dark {
+  --wt-ws-call-dock-colors-root-background: #FFFFFF;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-dock/colors/root/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-dock/colors/root/light/index.css

@@ -0,0 +1,3 @@
+:root {
+  --wt-ws-call-dock-colors-root-background: #FFFFFF;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-dock/index.css

@@ -0,0 +1,2 @@
+@import "./colors/index.css";
+@import "./sizes/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-dock/sizes/action-bar/index.css

@@ -0,0 +1,5 @@
+:root {
+  --wt-ws-call-dock-sizes-action-bar-padding-x: 0px;
+  --wt-ws-call-dock-sizes-action-bar-padding-y: 0px;
+  --wt-ws-call-dock-sizes-action-bar-border-radius: 0px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-dock/sizes/floating-call-widget/index.css

@@ -0,0 +1,6 @@
+:root {
+  --wt-ws-call-dock-sizes-floating-call-widget-padding-x: 4px;
+  --wt-ws-call-dock-sizes-floating-call-widget-padding-y: 4px;
+  --wt-ws-call-dock-sizes-floating-call-widget-gap: 4px;
+  --wt-ws-call-dock-sizes-floating-call-widget-border-radius: 8px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-dock/sizes/index.css

@@ -0,0 +1,3 @@
+@import "./action-bar/index.css";
+@import "./floating-call-widget/index.css";
+@import "./root/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-dock/sizes/root/index.css

@@ -0,0 +1,6 @@
+:root {
+  --wt-ws-call-dock-sizes-root-padding-x: 16px;
+  --wt-ws-call-dock-sizes-root-padding-y: 16px;
+  --wt-ws-call-dock-sizes-root-gap: 16px;
+  --wt-ws-call-dock-sizes-root-border-radius: 8px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-page/colors/call-details-drawer/index.css

@@ -0,0 +1,2 @@
+@import "./members-item/index.css";
+@import "./root/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-page/colors/call-details-drawer/members-item/dark/index.css

@@ -0,0 +1,5 @@
+:root.theme--dark {
+  --wt-ws-call-page-colors-call-details-drawer-members-item-background: #292E3D;
+  --wt-ws-call-page-colors-call-details-drawer-members-item-hover-background: #33394C;
+  --wt-ws-call-page-colors-call-details-drawer-members-item-border-color: #292E3D;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-page/colors/call-details-drawer/members-item/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-page/colors/call-details-drawer/members-item/light/index.css

@@ -0,0 +1,5 @@
+:root {
+  --wt-ws-call-page-colors-call-details-drawer-members-item-background: #FFFFFF;
+  --wt-ws-call-page-colors-call-details-drawer-members-item-hover-background: #F0F1F5;
+  --wt-ws-call-page-colors-call-details-drawer-members-item-border-color: #FFFFFF;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-page/colors/call-details-drawer/root/dark/index.css

@@ -0,0 +1,3 @@
+:root.theme--dark {
+  --wt-ws-call-page-colors-call-details-drawer-root-background: #FFFFFF00;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-page/colors/call-details-drawer/root/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-page/colors/call-details-drawer/root/light/index.css

@@ -0,0 +1,3 @@
+:root {
+  --wt-ws-call-page-colors-call-details-drawer-root-background: #FFFFFF00;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-page/colors/index.css

@@ -0,0 +1,3 @@
+@import "./call-details-drawer/index.css";
+@import "./root/index.css";
+@import "./top-bar/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-page/colors/root/dark/index.css

@@ -0,0 +1,3 @@
+:root.theme--dark {
+  --wt-ws-call-page-colors-root-background: #FFFFFF00;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-page/colors/root/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-page/colors/root/light/index.css

@@ -0,0 +1,3 @@
+:root {
+  --wt-ws-call-page-colors-root-background: #FFFFFF00;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-page/colors/top-bar/dark/index.css

@@ -0,0 +1,3 @@
+:root.theme--dark {
+  --wt-ws-call-page-colors-top-bar-background: #33394C;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-page/colors/top-bar/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-page/colors/top-bar/light/index.css

@@ -0,0 +1,3 @@
+:root {
+  --wt-ws-call-page-colors-top-bar-background: #F0F1F5;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-page/index.css

@@ -0,0 +1,2 @@
+@import "./colors/index.css";
+@import "./sizes/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-page/sizes/call-details-drawer/index.css

@@ -0,0 +1,2 @@
+@import "./members-item/index.css";
+@import "./root/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-page/sizes/call-details-drawer/members-item/index.css

@@ -0,0 +1,6 @@
+:root {
+  --wt-ws-call-page-sizes-call-details-drawer-members-item-padding-x: 8px;
+  --wt-ws-call-page-sizes-call-details-drawer-members-item-padding-y: 8px;
+  --wt-ws-call-page-sizes-call-details-drawer-members-item-gap: 4px;
+  --wt-ws-call-page-sizes-call-details-drawer-members-item-border-radius: 8px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-page/sizes/call-details-drawer/root/index.css

@@ -0,0 +1,6 @@
+:root {
+  --wt-ws-call-page-sizes-call-details-drawer-root-padding-x: 4px;
+  --wt-ws-call-page-sizes-call-details-drawer-root-padding-y: 4px;
+  --wt-ws-call-page-sizes-call-details-drawer-root-gap: 4px;
+  --wt-ws-call-page-sizes-call-details-drawer-root-border-radius: 0px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-page/sizes/index.css

@@ -0,0 +1,3 @@
+@import "./call-details-drawer/index.css";
+@import "./root/index.css";
+@import "./top-bar/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-page/sizes/root/index.css

@@ -0,0 +1,6 @@
+:root {
+  --wt-ws-call-page-sizes-root-padding-x: 0px;
+  --wt-ws-call-page-sizes-root-padding-y: 0px;
+  --wt-ws-call-page-sizes-root-gap: 4px;
+  --wt-ws-call-page-sizes-root-border-radius: 0px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/call-page/sizes/top-bar/index.css

@@ -0,0 +1,7 @@
+:root {
+  --wt-ws-call-page-sizes-top-bar-padding-left: 8px;
+  --wt-ws-call-page-sizes-top-bar-padding-right: 8px;
+  --wt-ws-call-page-sizes-top-bar-padding-y: 8px;
+  --wt-ws-call-page-sizes-top-bar-gap: 8px;
+  --wt-ws-call-page-sizes-top-bar-border-radius: 8px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-card/colors/active/dark/index.css

@@ -0,0 +1,5 @@
+:root.theme--dark {
+  --wt-ws-chat-card-colors-active-background: #292E3D;
+  --wt-ws-chat-card-colors-active-hover-background: #33394C;
+  --wt-ws-chat-card-colors-active-active-background: #1F222E;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-card/colors/active/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-card/colors/active/light/index.css

@@ -0,0 +1,5 @@
+:root {
+  --wt-ws-chat-card-colors-active-background: #FFFFFF;
+  --wt-ws-chat-card-colors-active-hover-background: #F0F1F5;
+  --wt-ws-chat-card-colors-active-active-background: #E0E3EB;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-card/colors/closed/dark/index.css

@@ -0,0 +1,5 @@
+:root.theme--dark {
+  --wt-ws-chat-card-colors-closed-background: #292E3D;
+  --wt-ws-chat-card-colors-closed-hover-background: #33394C;
+  --wt-ws-chat-card-colors-closed-active-background: #1F222E;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-card/colors/closed/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-card/colors/closed/light/index.css

@@ -0,0 +1,5 @@
+:root {
+  --wt-ws-chat-card-colors-closed-background: #FFFFFF;
+  --wt-ws-chat-card-colors-closed-hover-background: #F0F1F5;
+  --wt-ws-chat-card-colors-closed-active-background: #E0E3EB;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-card/colors/index.css

@@ -0,0 +1,3 @@
+@import "./active/index.css";
+@import "./closed/index.css";
+@import "./snoozed/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-card/colors/snoozed/dark/index.css

@@ -0,0 +1,5 @@
+:root.theme--dark {
+  --wt-ws-chat-card-colors-snoozed-background: #292E3D;
+  --wt-ws-chat-card-colors-snoozed-hover-background: #33394C;
+  --wt-ws-chat-card-colors-snoozed-active-background: #1F222E;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-card/colors/snoozed/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-card/colors/snoozed/light/index.css

@@ -0,0 +1,5 @@
+:root {
+  --wt-ws-chat-card-colors-snoozed-background: #FFFFFF;
+  --wt-ws-chat-card-colors-snoozed-hover-background: #F0F1F5;
+  --wt-ws-chat-card-colors-snoozed-active-background: #E0E3EB;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-card/index.css

@@ -0,0 +1,2 @@
+@import "./colors/index.css";
+@import "./sizes/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-card/sizes/index.css

@@ -0,0 +1 @@
+@import "./root/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-card/sizes/root/index.css

@@ -0,0 +1,6 @@
+:root {
+  --wt-ws-chat-card-sizes-root-padding-x: 8px;
+  --wt-ws-chat-card-sizes-root-padding-y: 8px;
+  --wt-ws-chat-card-sizes-root-gap: 4px;
+  --wt-ws-chat-card-sizes-root-border-radius: 0px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-dock/colors/floating-chat-widget/dark/index.css

@@ -0,0 +1,4 @@
+:root.theme--dark {
+  --wt-ws-chat-dock-colors-floating-chat-widget-background: #FFFFFF;
+  --wt-ws-chat-dock-colors-floating-chat-widget-hover-background: #1F222E;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-dock/colors/floating-chat-widget/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-dock/colors/floating-chat-widget/light/index.css

@@ -0,0 +1,4 @@
+:root {
+  --wt-ws-chat-dock-colors-floating-chat-widget-background: #FFFFFF;
+  --wt-ws-chat-dock-colors-floating-chat-widget-hover-background: #E0E3EB;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-dock/colors/header/dark/index.css

@@ -0,0 +1,4 @@
+:root.theme--dark {
+  --wt-ws-chat-dock-colors-header-background: #FFFFFF;
+  --wt-ws-chat-dock-colors-header-active-background: #1F222E;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-dock/colors/header/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-dock/colors/header/light/index.css

@@ -0,0 +1,4 @@
+:root {
+  --wt-ws-chat-dock-colors-header-background: #FFFFFF;
+  --wt-ws-chat-dock-colors-header-active-background: #E0E3EB;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-dock/colors/index.css

@@ -0,0 +1,3 @@
+@import "./floating-chat-widget/index.css";
+@import "./header/index.css";
+@import "./root/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-dock/colors/root/dark/index.css

@@ -0,0 +1,3 @@
+:root.theme--dark {
+  --wt-ws-chat-dock-colors-root-background: #FFFFFF;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-dock/colors/root/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-dock/colors/root/light/index.css

@@ -0,0 +1,3 @@
+:root {
+  --wt-ws-chat-dock-colors-root-background: #FFFFFF;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-dock/index.css

@@ -0,0 +1,2 @@
+@import "./colors/index.css";
+@import "./sizes/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-dock/sizes/floating-chat-widget/index.css

@@ -0,0 +1,6 @@
+:root {
+  --wt-ws-chat-dock-sizes-floating-chat-widget-padding-x: 4px;
+  --wt-ws-chat-dock-sizes-floating-chat-widget-padding-y: 4px;
+  --wt-ws-chat-dock-sizes-floating-chat-widget-gap: 4px;
+  --wt-ws-chat-dock-sizes-floating-chat-widget-border-radius: 8px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-dock/sizes/header/index.css

@@ -0,0 +1,6 @@
+:root {
+  --wt-ws-chat-dock-sizes-header-padding-x: 4px;
+  --wt-ws-chat-dock-sizes-header-padding-y: 4px;
+  --wt-ws-chat-dock-sizes-header-gap: 4px;
+  --wt-ws-chat-dock-sizes-header-border-radius: 8px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-dock/sizes/index.css

@@ -0,0 +1,8 @@
+@import "./floating-chat-widget/index.css";
+@import "./header/index.css";
+:root {
+  --wt-ws-chat-dock-sizes-padding-x: 16px;
+  --wt-ws-chat-dock-sizes-padding-y: 16px;
+  --wt-ws-chat-dock-sizes-gap: 16px;
+  --wt-ws-chat-dock-sizes-border-radius: 8px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/colors/chat-details-drawer/chat-search-item/dark/index.css

@@ -0,0 +1,5 @@
+:root.theme--dark {
+  --wt-ws-chat-page-colors-chat-details-drawer-chat-search-item-background: #292E3D;
+  --wt-ws-chat-page-colors-chat-details-drawer-chat-search-item-hover-background: #33394C;
+  --wt-ws-chat-page-colors-chat-details-drawer-chat-search-item-border-color: #292E3D;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/colors/chat-details-drawer/chat-search-item/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/colors/chat-details-drawer/chat-search-item/light/index.css

@@ -0,0 +1,5 @@
+:root {
+  --wt-ws-chat-page-colors-chat-details-drawer-chat-search-item-background: #FFFFFF;
+  --wt-ws-chat-page-colors-chat-details-drawer-chat-search-item-hover-background: #F0F1F5;
+  --wt-ws-chat-page-colors-chat-details-drawer-chat-search-item-border-color: #FFFFFF;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/colors/chat-details-drawer/history-item/dark/index.css

@@ -0,0 +1,3 @@
+:root.theme--dark {
+  --wt-ws-chat-page-colors-chat-details-drawer-history-item-background: #FFFFFF00;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/colors/chat-details-drawer/history-item/history-card/dark/index.css

@@ -0,0 +1,5 @@
+:root.theme--dark {
+  --wt-ws-chat-page-colors-chat-details-drawer-history-item-history-card-background: #292E3D;
+  --wt-ws-chat-page-colors-chat-details-drawer-history-item-history-card-hover-background: #33394C;
+  --wt-ws-chat-page-colors-chat-details-drawer-history-item-history-card-border-color: #292E3D;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/colors/chat-details-drawer/history-item/history-card/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/colors/chat-details-drawer/history-item/history-card/light/index.css

@@ -0,0 +1,5 @@
+:root {
+  --wt-ws-chat-page-colors-chat-details-drawer-history-item-history-card-background: #FFFFFF;
+  --wt-ws-chat-page-colors-chat-details-drawer-history-item-history-card-hover-background: #F0F1F5;
+  --wt-ws-chat-page-colors-chat-details-drawer-history-item-history-card-border-color: #FFFFFF;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/colors/chat-details-drawer/history-item/index.css

@@ -0,0 +1,3 @@
+@import "./dark/index.css";
+@import "./history-card/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/colors/chat-details-drawer/history-item/light/index.css

@@ -0,0 +1,3 @@
+:root {
+  --wt-ws-chat-page-colors-chat-details-drawer-history-item-background: #FFFFFF00;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/colors/chat-details-drawer/index.css

@@ -0,0 +1,4 @@
+@import "./chat-search-item/index.css";
+@import "./history-item/index.css";
+@import "./members-item/index.css";
+@import "./root/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/colors/chat-details-drawer/members-item/dark/index.css

@@ -0,0 +1,5 @@
+:root.theme--dark {
+  --wt-ws-chat-page-colors-chat-details-drawer-members-item-background: #292E3D;
+  --wt-ws-chat-page-colors-chat-details-drawer-members-item-hover-background: #33394C;
+  --wt-ws-chat-page-colors-chat-details-drawer-members-item-border-color: #292E3D;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/colors/chat-details-drawer/members-item/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/colors/chat-details-drawer/members-item/light/index.css

@@ -0,0 +1,5 @@
+:root {
+  --wt-ws-chat-page-colors-chat-details-drawer-members-item-background: #FFFFFF;
+  --wt-ws-chat-page-colors-chat-details-drawer-members-item-hover-background: #F0F1F5;
+  --wt-ws-chat-page-colors-chat-details-drawer-members-item-border-color: #FFFFFF;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/colors/chat-details-drawer/root/dark/index.css

@@ -0,0 +1,3 @@
+:root.theme--dark {
+  --wt-ws-chat-page-colors-chat-details-drawer-root-background: #FFFFFF00;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/colors/chat-details-drawer/root/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/colors/chat-details-drawer/root/light/index.css

@@ -0,0 +1,3 @@
+:root {
+  --wt-ws-chat-page-colors-chat-details-drawer-root-background: #FFFFFF00;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/colors/index.css

@@ -0,0 +1,2 @@
+@import "./chat-details-drawer/index.css";
+@import "./top-bar/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/colors/top-bar/dark/index.css

@@ -0,0 +1,3 @@
+:root.theme--dark {
+  --wt-ws-chat-page-colors-top-bar-background: #33394C;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/colors/top-bar/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/colors/top-bar/light/index.css

@@ -0,0 +1,3 @@
+:root {
+  --wt-ws-chat-page-colors-top-bar-background: #F0F1F5;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/index.css

@@ -0,0 +1,2 @@
+@import "./colors/index.css";
+@import "./sizes/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/sizes/chat-details-drawer/chat-search-item/index.css

@@ -0,0 +1,6 @@
+:root {
+  --wt-ws-chat-page-sizes-chat-details-drawer-chat-search-item-padding-x: 8px;
+  --wt-ws-chat-page-sizes-chat-details-drawer-chat-search-item-padding-y: 8px;
+  --wt-ws-chat-page-sizes-chat-details-drawer-chat-search-item-gap: 4px;
+  --wt-ws-chat-page-sizes-chat-details-drawer-chat-search-item-border-radius: 8px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/chat-page/sizes/chat-details-drawer/history-item/history-card/index.css

@@ -0,0 +1,6 @@
+:root {
+  --wt-ws-chat-page-sizes-chat-details-drawer-history-item-history-card-padding-x: 8px;
+  --wt-ws-chat-page-sizes-chat-details-drawer-history-item-history-card-padding-y: 8px;
+  --wt-ws-chat-page-sizes-chat-details-drawer-history-item-history-card-gap: 4px;
+  --wt-ws-chat-page-sizes-chat-details-drawer-history-item-history-card-border-radius: 8px;
+}