@streamoid/ui 0.4.2 → 0.4.4

package/dist/index.css

@@ -3442,6 +3442,11 @@
   position: relative;
   cursor: pointer;
 }
+.ScSidebarMenu_scSidebarMenu > :first-child {
+  width: 1.25rem;
+  height: 1.25rem;
+  flex-shrink: 0;
+}
 .ScSidebarMenu_content {
   color: var(--alias-text-and-icons-tertiary, #9e9e9e);
   text-align: left;
@@ -3607,6 +3612,540 @@
   flex: unset;
 }
 
+/* src/SC-Artifax-Sidebar/ScArtifaxSidebar.module.css */
+.ScArtifaxSidebar_scArtifaxSidebar,
+.ScArtifaxSidebar_scArtifaxSidebar * {
+  box-sizing: border-box;
+}
+.ScArtifaxSidebar_scArtifaxSidebar {
+  display: flex;
+  align-items: center;
+  height: 100%;
+  flex-shrink: 0;
+}
+.ScArtifaxSidebar_scArtifaxSidebar.ScArtifaxSidebar_variantExpanded {
+  padding: var(--spacing-3xl, 1rem);
+}
+.ScArtifaxSidebar_container {
+  background-color: var(--alias-surface-base, #101010);
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  height: 100%;
+  flex-shrink: 0;
+  padding: var(--spacing-md, 0.5rem);
+  gap: var(--spacing-xxs, 0.125rem);
+}
+.ScArtifaxSidebar_container.ScArtifaxSidebar_expanded {
+  border-radius: var(--radius-3xl, 1rem);
+  width: 16rem;
+}
+.ScArtifaxSidebar_container.ScArtifaxSidebar_collapsed {
+  align-items: center;
+  width: 3.5rem;
+}
+.ScArtifaxSidebar_borderOverlayExpanded {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  border: 1px solid var(--alias-border-subtle, #242424);
+  border-radius: var(--radius-3xl, 1rem);
+}
+.ScArtifaxSidebar_borderOverlayCollapsed {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  border-right: 1px solid var(--alias-border-subtle, #242424);
+}
+.ScArtifaxSidebar_body {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 0;
+  min-height: 0;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  gap: var(--spacing-xxs, 0.125rem);
+}
+.ScArtifaxSidebar_bodyCollapsed {
+  align-items: center;
+}
+.ScArtifaxSidebar_logoUnitExpanded {
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-md, 0.5rem);
+  width: 100%;
+  flex-shrink: 0;
+}
+.ScArtifaxSidebar_logoUnitCollapsed {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-md, 0.5rem);
+  width: 3rem;
+  height: 3rem;
+  flex-shrink: 0;
+}
+.ScArtifaxSidebar_sectionContainer {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xxs, 0.125rem);
+  padding: var(--spacing-md, 0.5rem) 0;
+  width: 100%;
+  flex-shrink: 0;
+}
+.ScArtifaxSidebar_sectionContainerCollapsed {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--spacing-xxs, 0.125rem);
+  padding: var(--spacing-md, 0.5rem) 0;
+  flex-shrink: 0;
+}
+.ScArtifaxSidebar_sectionHeader {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-md, 0.5rem);
+  padding: var(--spacing-xs, 0.25rem) var(--spacing-md, 0.5rem);
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  width: 100%;
+  text-align: left;
+  height: 1.75rem;
+}
+.ScArtifaxSidebar_sectionHeader:disabled {
+  cursor: default;
+}
+.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);
+  font-size: 0.625rem;
+  line-height: 1.25rem;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+  font-weight: 400;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.ScArtifaxSidebar_sectionChevron {
+  width: 1rem;
+  height: 1rem;
+  flex-shrink: 0;
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+}
+.ScArtifaxSidebar_switchAppRow {
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem);
+  border-radius: var(--radius-3xl, 1rem);
+  cursor: pointer;
+  height: 2.5rem;
+  width: 100%;
+  flex-shrink: 0;
+  background: transparent;
+  border: none;
+  text-align: left;
+}
+.ScArtifaxSidebar_switchAppRow:hover {
+  background: var(--alias-fill-neutral-neutral, #1a1a1a);
+}
+.ScArtifaxSidebar_switchAppIconBox {
+  width: 2rem;
+  height: 2rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+.ScArtifaxSidebar_switchAppIconBox > * {
+  width: 1.75rem;
+  height: 1.75rem;
+}
+.ScArtifaxSidebar_switchAppLabel {
+  flex: 1 1 0;
+  min-width: 0;
+  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.25rem;
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  margin-left: var(--spacing-md, 0.5rem);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.ScArtifaxSidebar_switchAppRowCollapsed {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-md, 0.5rem);
+  border-radius: var(--radius-3xl, 1rem);
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  width: 2.5rem;
+  height: 2.5rem;
+  flex-shrink: 0;
+}
+.ScArtifaxSidebar_switchAppRowCollapsed:hover {
+  background: var(--alias-fill-neutral-neutral, #1a1a1a);
+}
+.ScArtifaxSidebar_switchAppRowCollapsed > * {
+  width: 1.75rem;
+  height: 1.75rem;
+}
+.ScArtifaxSidebar_profileRow {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  gap: var(--spacing-md, 0.5rem);
+  padding: var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem);
+  border-radius: var(--radius-3xl, 1rem);
+  cursor: pointer;
+  flex-shrink: 0;
+  background: transparent;
+  border: none;
+  text-align: left;
+}
+.ScArtifaxSidebar_profileRow:hover {
+  background: var(--alias-fill-neutral-neutral, #1a1a1a);
+}
+.ScArtifaxSidebar_profileRowCollapsed {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-md, 0.5rem);
+  border-radius: var(--radius-3xl, 1rem);
+  cursor: pointer;
+  flex-shrink: 0;
+  background: transparent;
+  border: none;
+  width: 3rem;
+  height: 3rem;
+}
+.ScArtifaxSidebar_profileRowCollapsed:hover {
+  background: var(--alias-fill-neutral-neutral, #1a1a1a);
+}
+.ScArtifaxSidebar_profileAvatar {
+  width: 2rem;
+  height: 2rem;
+  border-radius: var(--radius-full, 999px);
+  overflow: hidden;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--alias-fill-neutral-neutral, #1a1a1a);
+}
+.ScArtifaxSidebar_profileAvatar > img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.ScArtifaxSidebar_profileInfo {
+  flex: 1 1 0;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+}
+.ScArtifaxSidebar_profileName {
+  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.25rem;
+  color: 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-size: 0.75rem;
+  font-weight: 400;
+  line-height: 1.125rem;
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.ScArtifaxSidebar_creditWarningSlot {
+  padding: var(--spacing-md, 0.5rem) 0;
+  width: 100%;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.ScArtifaxSidebar_footerExpanded {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs, 0.25rem);
+  padding: var(--spacing-xs, 0.25rem) var(--spacing-xs, 0.25rem) var(--spacing-xs, 0.25rem) var(--spacing-xl, 0.75rem);
+  width: 100%;
+  flex-shrink: 0;
+}
+.ScArtifaxSidebar_footerVersion {
+  flex: 1 1 0;
+  min-width: 0;
+  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+  font-size: 0.75rem;
+  font-weight: 400;
+  line-height: 1.125rem;
+  color: var(--alias-text-and-icons-muted, #7a7a7a);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.ScArtifaxSidebar_footerToggle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-md, 0.5rem);
+  border-radius: var(--radius-3xl, 1rem);
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+.ScArtifaxSidebar_footerToggle:hover {
+  background: var(--alias-fill-neutral-neutral, #1a1a1a);
+}
+.ScArtifaxSidebar_footerToggle > * {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.ScArtifaxSidebar_footerCollapsed {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--spacing-xl, 0.75rem);
+  padding: var(--spacing-md, 0.5rem);
+  width: 100%;
+  flex-shrink: 0;
+}
+.ScArtifaxSidebar_footerVersionCenter {
+  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+  font-size: 0.75rem;
+  font-weight: 400;
+  line-height: 1.125rem;
+  color: var(--alias-text-and-icons-muted, #7a7a7a);
+  text-align: center;
+}
+.ScArtifaxSidebar_placeholderIcon {
+  width: 1.25rem;
+  height: 1.25rem;
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.ScArtifaxSidebar_placeholderIcon::before {
+  content: "";
+  width: 0.625rem;
+  height: 0.625rem;
+  border: 1px dashed var(--alias-text-and-icons-tertiary, #9e9e9e);
+  border-radius: var(--radius-full, 999px);
+}
+
+/* src/SC-Guide/ScGuide.module.css */
+.ScGuide_scGuide,
+.ScGuide_scGuide * {
+  box-sizing: border-box;
+}
+.ScGuide_scGuide {
+  background-color: var(--alias-surface-subtleraised, #1f1f1f);
+  border-radius: var(--radius-3xl, 1rem);
+  padding: var(--spacing-4xl, 1.125rem);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-3xl, 1rem);
+  width: 16.3125rem;
+  position: relative;
+}
+.ScGuide_header {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--spacing-lg, 0.625rem);
+  width: 100%;
+  word-break: break-word;
+}
+.ScGuide_title {
+  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+  font-size: var(--font-size-font-size-md, 1rem);
+  font-weight: 500;
+  line-height: var(--line-height-line-height-md, 1.5rem);
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+  width: 100%;
+  margin: 0;
+}
+.ScGuide_description {
+  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+  font-size: var(--font-size-font-size-sm, 0.875rem);
+  font-weight: 400;
+  line-height: var(--line-height-line-height-sm, 1.25rem);
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  width: 100%;
+  margin: 0;
+}
+.ScGuide_actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+}
+.ScGuide_skipButton {
+  background: transparent;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+  font-size: var(--font-size-font-size-sm, 0.875rem);
+  font-weight: 400;
+  line-height: var(--line-height-line-height-sm, 1.25rem);
+  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
+  white-space: nowrap;
+}
+.ScGuide_skipButton:disabled {
+  cursor: default;
+  opacity: 0.5;
+}
+.ScGuide_skipSpacer {
+  visibility: hidden;
+}
+.ScGuide_nextButton {
+  background: transparent;
+  border: none;
+  padding: 0;
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+  font-size: var(--font-size-font-size-sm, 0.875rem);
+  font-weight: 400;
+  line-height: var(--line-height-line-height-sm, 1.25rem);
+  white-space: nowrap;
+}
+.ScGuide_nextButton:disabled {
+  cursor: default;
+  opacity: 0.5;
+}
+.ScGuide_nextLabel {
+  background-image:
+    linear-gradient(
+      74.117deg,
+      #d91536 15.098%,
+      #ee5e3a 84.955%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  -webkit-text-fill-color: transparent;
+}
+.ScGuide_nextIcon {
+  display: inline-flex;
+  align-items: center;
+  color: #ee5e3a;
+}
+
+/* src/SC-SideBarLogoUnit/ScSideBarLogoUnit.module.css */
+.ScSideBarLogoUnit_scSideBarLogoUnit,
+.ScSideBarLogoUnit_scSideBarLogoUnit * {
+  box-sizing: border-box;
+}
+.ScSideBarLogoUnit_scSideBarLogoUnit {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  width: 100%;
+  padding-bottom: var(--spacing-md, 0.5rem);
+  position: relative;
+}
+.ScSideBarLogoUnit_row {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+.ScSideBarLogoUnit_chip {
+  flex: 1 0 0;
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  background-color: var(--alias-surface-canvas, #0b0b0b);
+  border-radius: var(--radius-xl, 0.75rem);
+  padding: var(--spacing-3xl, 1rem) var(--spacing-xl, 0.75rem) var(--spacing-3xl, 1rem) var(--spacing-3xl, 1rem);
+  margin-right: -0.875rem;
+  border: none;
+  cursor: pointer;
+  text-align: left;
+  font: inherit;
+  color: inherit;
+}
+.ScSideBarLogoUnit_chip:disabled,
+.ScSideBarLogoUnit_chip.ScSideBarLogoUnit_nonInteractive {
+  cursor: default;
+}
+.ScSideBarLogoUnit_chip > * {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+  height: 2rem;
+}
+.ScSideBarLogoUnit_switch {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--alias-fill-neutral-neutral, #1a1a1a);
+  border-radius: var(--radius-md, 0.5rem);
+  padding: var(--spacing-sm, 0.375rem);
+  border: none;
+  cursor: pointer;
+  flex-shrink: 0;
+  position: relative;
+}
+.ScSideBarLogoUnit_switch:hover {
+  background-color: var(--alias-fill-neutral-neutraltohover, #1f1f1f);
+}
+.ScSideBarLogoUnit_switch:disabled {
+  cursor: default;
+  opacity: 0.5;
+}
+.ScSideBarLogoUnit_switchIcon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--alias-text-and-icons-primary, #f5f5f5);
+}
+.ScSideBarLogoUnit_scSideBarLogoUnit.ScSideBarLogoUnit_collapsed {
+  width: auto;
+  padding-bottom: 0;
+  align-items: center;
+}
+.ScSideBarLogoUnit_collapsedTrigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: transparent;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+.ScSideBarLogoUnit_collapsedTrigger:disabled,
+.ScSideBarLogoUnit_collapsedTrigger.ScSideBarLogoUnit_nonInteractive {
+  cursor: default;
+}
+.ScSideBarLogoUnit_collapsedTrigger > * {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
 /* src/SC-Slider/ScSlider.module.css */
 .ScSlider_scSlider,
 .ScSlider_scSlider * {