@streamoid/ui 0.5.2 → 0.6.1

package/dist/index.css

@@ -2304,198 +2304,6 @@
   background: var(--alias-fill-neutral-neutralhover, #242424);
 }
 
-/* src/SC-Plan card/ScPlanCard.module.css */
-.ScPlanCard_scPlanCard,
-.ScPlanCard_scPlanCard * {
-  box-sizing: border-box;
-}
-.ScPlanCard_scPlanCard {
-  background: var(--alias-surface-base, #101010);
-  border-radius: var(--radius-3xl, 1rem);
-  border-style: solid;
-  border-color: var(--alias-border-subtle, #242424);
-  border-width: 0.0625rem;
-  padding: var(--spacing-6xl, 1.5rem) var(--spacing-6xl, 1.5rem) var(--spacing-8xl, 2rem) var(--spacing-6xl, 1.5rem);
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-6xl, 1.5rem);
-  align-items: flex-start;
-  justify-content: flex-start;
-  position: relative;
-  backdrop-filter: blur(0.25rem);
-}
-.ScPlanCard_planHeader {
-  display: flex;
-  flex-direction: row;
-  gap: var(--spacing-md, 0.5rem);
-  align-items: flex-start;
-  justify-content: flex-start;
-  align-self: stretch;
-  flex-shrink: 0;
-  position: relative;
-}
-.ScPlanCard_planInfo {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-none, 0rem);
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-  position: relative;
-}
-.ScPlanCard_planName {
-  color: var(--alias-text-and-icons-primary, #f5f5f5);
-  text-align: left;
-  font-family: var( --lead-text-lead-text-md-bold-font-family, "Inter-Bold", sans-serif );
-  font-size: var(--lead-text-lead-text-md-bold-font-size, 1.5rem);
-  line-height: var(--lead-text-lead-text-md-bold-line-height, 2rem);
-  font-weight: var(--lead-text-lead-text-md-bold-font-weight, 700);
-  position: relative;
-  align-self: stretch;
-}
-.ScPlanCard_planPrice {
-  color: var(--alias-text-and-icons-secondary, #dadada);
-  text-align: left;
-  font-family: var( --lead-text-lead-text-sm-medium-font-family, "Inter-Medium", sans-serif );
-  font-size: var(--lead-text-lead-text-sm-medium-font-size, 1.25rem);
-  line-height: var(--lead-text-lead-text-sm-medium-line-height, 1.75rem);
-  font-weight: var(--lead-text-lead-text-sm-medium-font-weight, 500);
-  position: relative;
-  align-self: stretch;
-}
-.ScPlanCard_creditsWrapper {
-  position: relative;
-  align-self: stretch;
-  flex-shrink: 0;
-}
-.ScPlanCard_creditsContainer {
-  background: var(--alias-fill-neutral-neutralplus, #151515);
-  border-radius: var(--radius-3xl, 1rem);
-  padding: var(--spacing-3xl, 1rem);
-  display: flex;
-  flex-direction: row;
-  gap: 0.5rem;
-  align-items: center;
-  justify-content: center;
-  align-self: stretch;
-  flex-shrink: 0;
-  position: relative;
-  height: 4rem;
-}
-.ScPlanCard_creditsContainerPopular {
-  background: var(--alias-fill-neutral-neutralactive, #313131);
-  padding-left: var(--spacing-3xl, 1rem);
-  padding-right: var(--spacing-xl, 0.75rem);
-}
-.ScPlanCard_siconCreditsInstance {
-  flex-shrink: 0;
-  width: 1.5rem;
-  height: 1.5rem;
-  position: relative;
-  overflow: visible;
-}
-.ScPlanCard_creditsText {
-  color: var(--alias-text-and-icons-primary, #f5f5f5);
-  text-align: left;
-  font-family: var( --text-text-md-semibold-font-family, "Inter-SemiBold", sans-serif );
-  font-size: var(--text-text-md-semibold-font-size, 1rem);
-  line-height: var(--text-text-md-semibold-line-height, 1.5rem);
-  font-weight: var(--text-text-md-semibold-font-weight, 600);
-  position: relative;
-  flex: 1;
-}
-.ScPlanCard_increaseCreditsBtn {
-  background: var(--alias-fill-neutral-neutralselected, #242424);
-  border: none;
-  border-radius: var(--medium-5, 0.75rem);
-  padding: var(--spacing-xs, 0.25rem) var(--spacing-md, 0.5rem) var(--spacing-xs, 0.25rem) var(--spacing-lg, 0.625rem);
-  display: flex;
-  flex-direction: row;
-  gap: var(--spacing-xs, 0.25rem);
-  align-items: center;
-  justify-content: center;
-  height: 2rem;
-  flex-shrink: 0;
-  cursor: pointer;
-  color: var(--alias-text-and-icons-primary, #f5f5f5);
-}
-.ScPlanCard_increaseCreditsLabel {
-  font-family: var( --text-text-xs-regular-font-family, "Inter-Regular", sans-serif );
-  font-size: var(--text-text-xs-regular-font-size, 0.75rem);
-  line-height: var(--text-text-xs-regular-line-height, 1.125rem);
-  font-weight: var(--text-text-xs-regular-font-weight, 400);
-  white-space: nowrap;
-}
-.ScPlanCard_increaseCreditsArrow {
-  flex-shrink: 0;
-  width: 0.75rem;
-  height: 0.75rem;
-}
-.ScPlanCard_scButtonInstance {
-  align-self: stretch !important;
-  flex-shrink: 0 !important;
-}
-.ScPlanCard_scHDividerInstance {
-  align-self: stretch !important;
-  flex-shrink: 0 !important;
-  width: unset !important;
-}
-.ScPlanCard_featuresSection {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  align-items: flex-start;
-  justify-content: flex-start;
-  align-self: stretch;
-  flex-shrink: 0;
-  position: relative;
-}
-.ScPlanCard_sectionTitle {
-  color: var(--alias-text-and-icons-primary, #f5f5f5);
-  text-align: left;
-  font-family: var( --text-text-sm-semibold-font-family, "Inter-SemiBold", sans-serif );
-  font-size: var(--text-text-sm-semibold-font-size, 0.875rem);
-  line-height: var(--text-text-sm-semibold-line-height, 1.25rem);
-  font-weight: var(--text-text-sm-semibold-font-weight, 600);
-  position: relative;
-  align-self: stretch;
-}
-.ScPlanCard_featureRow {
-  display: flex;
-  flex-direction: row;
-  gap: var(--gp8, 0.5rem);
-  align-items: center;
-  align-self: stretch;
-  flex-shrink: 0;
-}
-.ScPlanCard_featureText {
-  color: 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);
-  line-height: var(--text-text-sm-regular-line-height, 1.25rem);
-  font-weight: var(--text-text-sm-regular-font-weight, 400);
-}
-.ScPlanCard_description {
-  color: var(--alias-text-and-icons-tertiary, #9e9e9e);
-  text-align: left;
-  font-family: var( --lead-text-lead-text-xs-regular-font-family, "Inter-Regular", sans-serif );
-  font-size: var(--lead-text-lead-text-xs-regular-font-size, 1.125rem);
-  line-height: var(--lead-text-lead-text-xs-regular-line-height, 1.625rem);
-  font-weight: var(--lead-text-lead-text-xs-regular-font-weight, 400);
-  position: relative;
-  align-self: stretch;
-}
-.ScPlanCard_scPlanCard.ScPlanCard_type-popular .ScPlanCard_planName {
-  color: var(--alias-text-and-icons-warningcont, #ffba3a);
-}
-.ScPlanCard_scPlanCard.ScPlanCard_type-custom {
-  background: var(--alias-surface-base, #101010);
-}
-.ScPlanCard_scPlanCard .ScPlanCard_scButtonInstanceDisabled {
-  opacity: 0.5;
-}
-
 /* src/SC-Plan details card/ScPlanDetailsCard.module.css */
 .ScPlanDetailsCard_scPlanDetailsCard,
 .ScPlanDetailsCard_scPlanDetailsCard * {
@@ -3508,6 +3316,7 @@
   height: 2.5rem;
   position: relative;
   cursor: pointer;
+  transition: background-color 120ms ease;
 }
 .ScSidebarMenu_scSidebarMenu > :first-child {
   width: 1.25rem;
@@ -3562,7 +3371,10 @@
   display: flex;
 }
 .ScSidebarMenu_scSidebarMenu.ScSidebarMenu_variant-collapsed {
+  width: 2.5rem;
+  height: 2.5rem;
   padding: var(--spacing-md, 0.5rem);
+  justify-content: center;
   align-self: unset;
 }
 
@@ -4005,120 +3817,107 @@
   border-radius: var(--radius-full, 999px);
 }
 
-/* src/SC-Guide/ScGuide.module.css */
-.ScGuide_scGuide,
-.ScGuide_scGuide * {
+/* src/SC-Sidebar Switch menu/ScSidebarSwitchMenu.module.css */
+.ScSidebarSwitchMenu_scSidebarSwitchMenu,
+.ScSidebarSwitchMenu_scSidebarSwitchMenu * {
   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);
+.ScSidebarSwitchMenu_scSidebarSwitchMenu {
+  border-radius: 0;
+  padding: var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem) var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem);
+  display: flex;
+  flex-direction: row;
+  gap: 0.5rem;
+  align-items: flex-start;
+  justify-content: flex-start;
+  align-self: stretch;
+  flex-shrink: 0;
+  position: relative;
+  cursor: pointer;
+  transition: background-color 120ms ease;
+}
+.ScSidebarSwitchMenu_iconWrapper {
+  width: 1.25rem;
+  height: 1.25rem;
+  flex-shrink: 0;
   display: flex;
-  flex-direction: column;
   align-items: center;
   justify-content: center;
-  gap: var(--spacing-3xl, 1rem);
-  width: 16.3125rem;
-  position: relative;
+  overflow: hidden;
 }
-.ScGuide_header {
+.ScSidebarSwitchMenu_iconWrapper > * {
+  max-width: 100%;
+  max-height: 100%;
+}
+.ScSidebarSwitchMenu_content {
   display: flex;
   flex-direction: column;
-  align-items: flex-start;
-  gap: var(--spacing-lg, 0.625rem);
-  width: 100%;
-  word-break: break-word;
-}
-.ScGuide_title {
+  flex: 1 0 0;
+  min-width: 0;
+  position: relative;
   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;
+  font-weight: var(--font-weight-font-weight-regular, 400);
+  text-align: left;
 }
-.ScGuide_description {
-  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
+.ScSidebarSwitchMenu_text {
+  color: var(--alias-text---icons-tertiary, #9e9e9e);
   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);
+  height: 1.25rem;
   width: 100%;
-  margin: 0;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }
-.ScGuide_actions {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
+.ScSidebarSwitchMenu_description {
+  color: var(--alias-text---icons-tertiary, #9e9e9e);
+  font-size: var(--font-size-font-size-xs, 0.75rem);
+  line-height: var(--line-height-line-height-xs, 1.125rem);
   width: 100%;
-  position: relative;
-}
-.ScGuide_stepIndicator {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  pointer-events: none;
-  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);
+  text-overflow: ellipsis;
+  overflow: hidden;
   white-space: nowrap;
 }
-.ScGuide_skipButton {
-  background: transparent;
-  border: none;
-  padding: 0;
+.ScSidebarSwitchMenu_moreIconWrapper {
+  display: none;
+  align-items: center;
+  padding: 0.125rem;
+  border-radius: var(--radius-md, 0.5rem);
+  flex-shrink: 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;
+.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_state-active {
+  background: var(--alias-fill-neutral-neutralselected, #242424);
 }
-.ScGuide_skipSpacer {
-  visibility: hidden;
+.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_state-active .ScSidebarSwitchMenu_text {
+  color: var(--alias-text---icons-primary, #f5f5f5);
 }
-.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;
+.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_state-default-highlight .ScSidebarSwitchMenu_text {
+  color: var(--alias-text---icons-primary, #f5f5f5);
 }
-.ScGuide_nextButton:disabled {
-  cursor: default;
-  opacity: 0.5;
+.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_state-default-active {
+  background: var(--alias-surface-canvas, #0b0b0b);
+  box-shadow: inset 0 0 0 0.5px var(--alias-border-subtle, #242424);
 }
-.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;
+.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_state-default-active .ScSidebarSwitchMenu_text {
+  color: var(--alias-text---icons-primary, #f5f5f5);
 }
-.ScGuide_nextIcon {
-  display: inline-flex;
+.ScSidebarSwitchMenu_scSidebarSwitchMenu:hover,
+.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_state-hover {
+  background: var(--alias-fill-neutral-neutral, #1a1a1a);
+}
+.ScSidebarSwitchMenu_scSidebarSwitchMenu:hover .ScSidebarSwitchMenu_moreIconWrapper,
+.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_state-hover .ScSidebarSwitchMenu_moreIconWrapper {
+  display: flex;
+}
+.ScSidebarSwitchMenu_scSidebarSwitchMenu.ScSidebarSwitchMenu_variant-collapsed {
+  padding: var(--spacing-md, 0.5rem);
+  align-self: unset;
   align-items: center;
-  color: #ee5e3a;
+  justify-content: center;
+  width: 2.5rem;
+  height: 2.5rem;
+  border-radius: var(--radius-3xl, 1rem);
 }
 
 /* src/SC-SideBarLogoUnit/ScSideBarLogoUnit.module.css */
@@ -4222,6 +4021,122 @@
   background-color: var(--alias-fill-neutral-neutralplus, #151515);
 }
 
+/* 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%;
+  position: relative;
+}
+.ScGuide_stepIndicator {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  pointer-events: none;
+  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 {
+  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-Slider/ScSlider.module.css */
 .ScSlider_scSlider,
 .ScSlider_scSlider * {