@streamoid/ui 0.6.43 → 0.6.45

package/dist/index.css

@@ -3561,7 +3561,7 @@
   flex-shrink: 0;
 }
 .ScSidebarMenu_content {
-  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  color: var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e));
   text-align: left;
   font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
   font-size: var(--text-text-sm-regular-font-size, 0.875rem);
@@ -3587,17 +3587,17 @@
   background: var(--alias-fill-neutral-neutralselected, #242424);
 }
 .ScSidebarMenu_scSidebarMenu.ScSidebarMenu_state-active .ScSidebarMenu_content {
-  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  color: var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5));
 }
 .ScSidebarMenu_scSidebarMenu.ScSidebarMenu_state-default-highlight .ScSidebarMenu_content {
-  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  color: var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5));
 }
 .ScSidebarMenu_scSidebarMenu.ScSidebarMenu_state-default-active {
   background: var(--alias-surface-canvas, #0B0B0B);
   box-shadow: inset 0 0 0 0.5px var(--alias-border-subtle, #242424);
 }
 .ScSidebarMenu_scSidebarMenu.ScSidebarMenu_state-default-active .ScSidebarMenu_content {
-  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  color: var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5));
 }
 .ScSidebarMenu_scSidebarMenu:hover,
 .ScSidebarMenu_scSidebarMenu.ScSidebarMenu_state-hover {
@@ -3846,7 +3846,7 @@
   border: 0;
   cursor: pointer;
   color: var(--alias-text---icons-primary, #f5f5f5);
-  font: inherit;
+  font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
 }
 .ScSidebarShell_workspaceTrigger {
   min-height: 40px;
@@ -3881,6 +3881,7 @@
   font-size: 14px;
   line-height: 20px;
   font-weight: 500;
+  font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
 }
 .ScSidebarShell_searchTrigger {
   background: var(--alias-fill-neutral-neutral, #1a1a1a);
@@ -3908,10 +3909,11 @@
   font-size: 14px;
   line-height: 20px;
   font-weight: 500;
+  font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
 }
 .ScSidebarShell_shortcut {
   flex-shrink: 0;
-  font: inherit;
+  font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
   font-size: 12px;
   line-height: 16px;
   color: var(--alias-text---icons-muted, #7a7a7a);
@@ -3967,6 +3969,7 @@
   line-height: 20px;
   font-weight: 600;
   letter-spacing: -0.02em;
+  font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
 }
 .ScSidebarShell_menu {
   display: flex;
@@ -3983,7 +3986,7 @@
   background: var(--alias-surface-base, #101010);
   backdrop-filter: blur(42px);
   color: var(--alias-text---icons-primary, #f5f5f5);
-  font-family: var(--font-family-font-family-body, Inter), sans-serif;
+  font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
 }
 .ScSidebarShell_section {
   display: flex;
@@ -3997,6 +4000,7 @@
   font-size: 12px;
   line-height: 18px;
   font-weight: 500;
+  font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
 }
 .ScSidebarShell_divider {
   width: 100%;
@@ -4012,7 +4016,7 @@
   border-radius: var(--radius-xl, 12px);
   background: transparent;
   color: var(--alias-text---icons-primary, #f5f5f5);
-  font: inherit;
+  font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
   text-align: left;
 }
 button.ScSidebarShell_identityRow,
@@ -4045,6 +4049,7 @@ button.ScSidebarShell_actionRow:hover {
   font-size: 14px;
   line-height: 20px;
   font-weight: 500;
+  font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
 }
 .ScSidebarShell_identitySubtitle,
 .ScSidebarShell_rowValue {
@@ -4052,6 +4057,7 @@ button.ScSidebarShell_actionRow:hover {
   font-size: 12px;
   line-height: 18px;
   font-weight: 400;
+  font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
 }
 .ScSidebarShell_actionRow {
   min-height: 40px;
@@ -4077,6 +4083,7 @@ button.ScSidebarShell_actionRow:hover {
   font-size: 22px;
   font-weight: 300;
   line-height: 18px;
+  font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
 }
 .ScSidebarShell_rowLabel {
   min-width: 0;
@@ -4084,6 +4091,7 @@ button.ScSidebarShell_actionRow:hover {
   font-size: 14px;
   line-height: 20px;
   font-weight: 400;
+  font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
 }
 .ScSidebarShell_rowValue {
   max-width: 132px;
@@ -4233,8 +4241,8 @@ button.ScSidebarShell_actionRow:hover {
 .ScArtifaxSidebar_sectionLabel {
   flex: 1 1 0;
   min-width: 0;
-  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
-  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+  color: var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e));
+  font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
   font-size: 0.625rem;
   line-height: 1.25rem;
   letter-spacing: 1px;
@@ -4248,7 +4256,7 @@ button.ScSidebarShell_actionRow:hover {
   width: 1rem;
   height: 1rem;
   flex-shrink: 0;
-  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  color: var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e));
 }
 .ScArtifaxSidebar_profileRow {
   display: flex;
@@ -4344,21 +4352,21 @@ button.ScSidebarShell_actionRow:hover {
   flex-direction: column;
 }
 .ScArtifaxSidebar_profileName {
-  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+  font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
   font-size: 0.875rem;
   font-weight: 500;
   line-height: 1.25rem;
-  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  color: var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5));
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 .ScArtifaxSidebar_profileSubtitle {
-  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+  font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
   font-size: 0.75rem;
   font-weight: 400;
   line-height: 1.125rem;
-  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  color: var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e));
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -4410,7 +4418,7 @@ button.ScSidebarShell_actionRow:hover {
   content: "";
   width: 0.625rem;
   height: 0.625rem;
-  border: 1px dashed var(--alias-text-and-icons-tertiary, #9e9e9e);
+  border: 1px dashed var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e));
   border-radius: var(--radius-full, 999px);
 }
 .ScArtifaxSidebar_versionText {
@@ -4423,6 +4431,7 @@ button.ScSidebarShell_actionRow:hover {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
 }
 .ScArtifaxSidebar_logoUnitExpanded {
   padding: 0;
@@ -4476,6 +4485,28 @@ button.ScSidebarShell_actionRow:hover {
 .ScArtifaxSidebar_body[data-scrolled=true] > [class*=logoUnit]::after {
   opacity: 1;
 }
+[data-theme=Light] .ScArtifaxSidebar_scArtifaxSidebar,
+[data-theme=Light] .ScArtifaxSidebar_container {
+  --alias-surface-base: #ffffff;
+  --alias-surface-subtle: #f4f4f4;
+  --alias-fill-neutral-neutral: #f1f1f1;
+  --alias-fill-neutral-neutralhover: #e8e8e8;
+  --alias-fill-neutral-neutralselected: #e8e8e8;
+  --alias-fill-neutral-neutralactive: #e0e0e0;
+  --alias-text---icons-primary: #101010;
+  --alias-text---icons-tertiary: #595959;
+  --alias-text---icons-muted: #757575;
+  --alias-text-and-icons-primary: #101010;
+  --alias-text-and-icons-tertiary: #595959;
+  --alias-border-subtle: #d2d2d2;
+  --alias-border-divider: #d2d2d2;
+}
+[data-theme=Light] .ScArtifaxSidebar_container.ScArtifaxSidebar_expanded {
+  box-shadow: 0 1px 3px rgba(16, 16, 16, 0.06), 0 1px 2px rgba(16, 16, 16, 0.04);
+}
+[data-theme=Light] .ScArtifaxSidebar_sectionLabel {
+  font-weight: 500;
+}
 
 /* src/SC-Sidebar Switch menu/ScSidebarSwitchMenu.module.css */
 .ScSidebarSwitchMenu_scSidebarSwitchMenu,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamoid/ui",
-  "version": "0.6.43",
+  "version": "0.6.45",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",