@streamoid/ui 0.4.5 → 0.4.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1381,30 +1381,30 @@
1381
1381
  --x-0: 72%;
1382
1382
  --s-start-0: 8%;
1383
1383
  --s-end-0: 32%;
1384
- --c-0: #1030ff;
1384
+ --c-0: #D91536;
1385
1385
  --y-0: 90%;
1386
1386
  --x-1: 33%;
1387
1387
  --s-start-1: 8.392%;
1388
1388
  --s-end-1: 22.109%;
1389
- --c-1: #21bdff;
1389
+ --c-1: #FFA585;
1390
1390
  --y-1: -7%;
1391
1391
  --s-start-2: 8%;
1392
1392
  --s-end-2: 34%;
1393
1393
  --x-2: 93%;
1394
- --c-2: #1030ff;
1394
+ --c-2: #D91536;
1395
1395
  --y-2: 63%;
1396
1396
  --s-start-3: 8%;
1397
1397
  --s-end-3: 64%;
1398
1398
  --x-3: 7%;
1399
- --c-3: #21bdff;
1399
+ --c-3: #FFA585;
1400
1400
  --y-3: -20%;
1401
- --c-4: #21bdff;
1401
+ --c-4: #FFA585;
1402
1402
  --s-start-4: 8.392%;
1403
1403
  --s-end-4: 22.109%;
1404
1404
  --x-4: 33%;
1405
1405
  --y-4: -7%;
1406
1406
  --y-5: -7%;
1407
- --c-5: #21bdff;
1407
+ --c-5: #FFA585;
1408
1408
  --s-start-5: 8.392%;
1409
1409
  --s-end-5: 22.109%;
1410
1410
  --x-5: 33%;
@@ -1413,30 +1413,30 @@
1413
1413
  --x-0: 8%;
1414
1414
  --s-start-0: 12%;
1415
1415
  --s-end-0: 121%;
1416
- --c-0: #1030ff;
1416
+ --c-0: #D91536;
1417
1417
  --y-0: 59%;
1418
1418
  --x-1: 42%;
1419
1419
  --s-start-1: 8.392%;
1420
1420
  --s-end-1: 41.694%;
1421
- --c-1: #21bdff;
1421
+ --c-1: #FFA585;
1422
1422
  --y-1: 10%;
1423
1423
  --s-start-2: 12%;
1424
1424
  --s-end-2: 86%;
1425
1425
  --x-2: 2%;
1426
- --c-2: #1030ff;
1426
+ --c-2: #D91536;
1427
1427
  --y-2: 59%;
1428
1428
  --s-start-3: 8%;
1429
1429
  --s-end-3: 54%;
1430
1430
  --x-3: 55%;
1431
- --c-3: #21bdff;
1431
+ --c-3: #FFA585;
1432
1432
  --y-3: 10%;
1433
- --c-4: #21bdff;
1433
+ --c-4: #FFA585;
1434
1434
  --s-start-4: 8.392%;
1435
1435
  --s-end-4: 41.694%;
1436
1436
  --x-4: 42%;
1437
1437
  --y-4: 10%;
1438
1438
  --y-5: 10%;
1439
- --c-5: #21bdff;
1439
+ --c-5: #FFA585;
1440
1440
  --s-start-5: 8.392%;
1441
1441
  --s-end-5: 41.694%;
1442
1442
  --x-5: 42%;
@@ -1445,30 +1445,30 @@
1445
1445
  --x-0: 40%;
1446
1446
  --s-start-0: 10%;
1447
1447
  --s-end-0: 80%;
1448
- --c-0: #1030ff;
1448
+ --c-0: #D91536;
1449
1449
  --y-0: 75%;
1450
1450
  --x-1: 76%;
1451
1451
  --s-start-1: 8.392%;
1452
1452
  --s-end-1: 59.322%;
1453
- --c-1: #21bdff;
1453
+ --c-1: #FFA585;
1454
1454
  --y-1: -3%;
1455
1455
  --s-start-2: 12%;
1456
1456
  --s-end-2: 86%;
1457
1457
  --x-2: 2%;
1458
- --c-2: #1030ff;
1458
+ --c-2: #D91536;
1459
1459
  --y-2: 59%;
1460
1460
  --s-start-3: 8%;
1461
1461
  --s-end-3: 92%;
1462
1462
  --x-3: 76%;
1463
- --c-3: #21bdff;
1463
+ --c-3: #FFA585;
1464
1464
  --y-3: -3%;
1465
- --c-4: #21bdff;
1465
+ --c-4: #FFA585;
1466
1466
  --s-start-4: 8.392%;
1467
1467
  --s-end-4: 59.322%;
1468
1468
  --x-4: 76%;
1469
1469
  --y-4: -3%;
1470
1470
  --y-5: -3%;
1471
- --c-5: #21bdff;
1471
+ --c-5: #FFA585;
1472
1472
  --s-start-5: 8.392%;
1473
1473
  --s-end-5: 59.322%;
1474
1474
  --x-5: 76%;
@@ -1477,30 +1477,30 @@
1477
1477
  --x-0: 55%;
1478
1478
  --s-start-0: 9%;
1479
1479
  --s-end-0: 55%;
1480
- --c-0: #1030ff;
1480
+ --c-0: #D91536;
1481
1481
  --y-0: 82%;
1482
1482
  --x-1: 76%;
1483
1483
  --s-start-1: 8.392%;
1484
1484
  --s-end-1: 59.322%;
1485
- --c-1: #21bdff;
1485
+ --c-1: #FFA585;
1486
1486
  --y-1: -3%;
1487
1487
  --s-start-2: 10%;
1488
1488
  --s-end-2: 60%;
1489
1489
  --x-2: 48%;
1490
- --c-2: #1030ff;
1490
+ --c-2: #D91536;
1491
1491
  --y-2: 61%;
1492
1492
  --s-start-3: 8%;
1493
1493
  --s-end-3: 78%;
1494
1494
  --x-3: 40%;
1495
- --c-3: #21bdff;
1495
+ --c-3: #FFA585;
1496
1496
  --y-3: -10%;
1497
- --c-4: #21bdff;
1497
+ --c-4: #FFA585;
1498
1498
  --s-start-4: 8.392%;
1499
1499
  --s-end-4: 40%;
1500
1500
  --x-4: 55%;
1501
1501
  --y-4: -5%;
1502
1502
  --y-5: -5%;
1503
- --c-5: #21bdff;
1503
+ --c-5: #FFA585;
1504
1504
  --s-start-5: 8.392%;
1505
1505
  --s-end-5: 40%;
1506
1506
  --x-5: 55%;
@@ -1509,36 +1509,36 @@
1509
1509
  .ScButton_scButton.ScButton_state-default.ScButton_variant-primary.ScButton_type-primary,
1510
1510
  .ScButton_scButton.ScButton_state-disabled.ScButton_variant-primary.ScButton_type-primary {
1511
1511
  --x-0: 72%;
1512
- --c-0: #1030ff;
1512
+ --c-0: #D91536;
1513
1513
  --y-0: 90%;
1514
1514
  --s-start-0: 8%;
1515
1515
  --s-end-0: 32%;
1516
1516
  --x-1: 33%;
1517
- --c-1: #21bdff;
1517
+ --c-1: #FFA585;
1518
1518
  --y-1: -7%;
1519
1519
  --s-start-1: 8.392%;
1520
1520
  --s-end-1: 22.109%;
1521
1521
  --x-2: 93%;
1522
- --c-2: #1030ff;
1522
+ --c-2: #D91536;
1523
1523
  --y-2: 63%;
1524
1524
  --s-start-2: 8%;
1525
1525
  --s-end-2: 34%;
1526
1526
  --x-3: 7%;
1527
- --c-3: #21bdff;
1527
+ --c-3: #FFA585;
1528
1528
  --y-3: -20%;
1529
1529
  --s-start-3: 8%;
1530
1530
  --s-end-3: 64%;
1531
- --c-4: #21bdff;
1531
+ --c-4: #FFA585;
1532
1532
  --x-4: 33%;
1533
1533
  --y-4: -7%;
1534
1534
  --s-start-4: 8.392%;
1535
1535
  --s-end-4: 22.109%;
1536
- --c-5: #21bdff;
1536
+ --c-5: #FFA585;
1537
1537
  --x-5: 33%;
1538
1538
  --y-5: -7%;
1539
1539
  --s-start-5: 8.392%;
1540
1540
  --s-end-5: 22.109%;
1541
- background-color: #1661FF;
1541
+ background-color: #E33A38;
1542
1542
  background-image:
1543
1543
  radial-gradient(
1544
1544
  circle at var(--x-0) var(--y-0),
@@ -4069,51 +4069,46 @@
4069
4069
  .ScSideBarLogoUnit_row {
4070
4070
  display: flex;
4071
4071
  align-items: center;
4072
- width: 100%;
4073
- }
4074
- .ScSideBarLogoUnit_chip {
4075
- flex: 1 0 0;
4076
- display: flex;
4077
- align-items: center;
4078
- min-width: 0;
4079
- background-color: var(--alias-surface-canvas, #0b0b0b);
4080
- border-radius: var(--radius-xl, 0.75rem);
4072
+ justify-content: space-between;
4073
+ height: 4rem;
4081
4074
  padding: var(--spacing-3xl, 1rem) var(--spacing-xl, 0.75rem) var(--spacing-3xl, 1rem) var(--spacing-3xl, 1rem);
4082
- margin-right: -0.875rem;
4075
+ border-radius: var(--radius-xl, 0.75rem);
4076
+ width: 100%;
4077
+ background: transparent;
4083
4078
  border: none;
4084
4079
  cursor: pointer;
4085
4080
  text-align: left;
4086
4081
  font: inherit;
4087
4082
  color: inherit;
4083
+ transition: background-color 120ms ease-out;
4088
4084
  }
4089
- .ScSideBarLogoUnit_chip:disabled,
4090
- .ScSideBarLogoUnit_chip.ScSideBarLogoUnit_nonInteractive {
4085
+ .ScSideBarLogoUnit_row:disabled,
4086
+ .ScSideBarLogoUnit_row.ScSideBarLogoUnit_nonInteractive {
4091
4087
  cursor: default;
4092
4088
  }
4093
- .ScSideBarLogoUnit_chip > * {
4089
+ .ScSideBarLogoUnit_row:hover,
4090
+ .ScSideBarLogoUnit_row.ScSideBarLogoUnit_forceHover {
4091
+ background-color: var(--alias-surface-subtle, #1a1a1a);
4092
+ }
4093
+ .ScSideBarLogoUnit_wordmarkSlot {
4094
4094
  display: inline-flex;
4095
4095
  align-items: center;
4096
- flex-shrink: 0;
4097
4096
  height: 2rem;
4097
+ flex-shrink: 0;
4098
4098
  }
4099
4099
  .ScSideBarLogoUnit_switch {
4100
4100
  display: inline-flex;
4101
4101
  align-items: center;
4102
4102
  justify-content: center;
4103
- background-color: var(--alias-fill-neutral-neutral, #1a1a1a);
4104
- border-radius: var(--radius-md, 0.5rem);
4105
4103
  padding: var(--spacing-sm, 0.375rem);
4106
- border: none;
4107
- cursor: pointer;
4104
+ border-radius: var(--radius-md, 0.5rem);
4108
4105
  flex-shrink: 0;
4109
- position: relative;
4110
- }
4111
- .ScSideBarLogoUnit_switch:hover {
4112
- background-color: var(--alias-fill-neutral-neutraltohover, #1f1f1f);
4106
+ background-color: var(--alias-fill-neutral-neutral, #1a1a1a);
4107
+ transition: background-color 120ms ease-out;
4113
4108
  }
4114
- .ScSideBarLogoUnit_switch:disabled {
4115
- cursor: default;
4116
- opacity: 0.5;
4109
+ .ScSideBarLogoUnit_row:hover .ScSideBarLogoUnit_switch,
4110
+ .ScSideBarLogoUnit_row.ScSideBarLogoUnit_forceHover .ScSideBarLogoUnit_switch {
4111
+ background-color: var(--alias-fill-neutral-neutralplus, #151515);
4117
4112
  }
4118
4113
  .ScSideBarLogoUnit_switchIcon {
4119
4114
  display: inline-flex;
@@ -4485,6 +4480,100 @@
4485
4480
  flex-shrink: 0;
4486
4481
  }
4487
4482
 
4483
+ /* src/SC-BriefCard/ScBriefCard.module.css */
4484
+ .ScBriefCard_scBriefCard,
4485
+ .ScBriefCard_scBriefCard * {
4486
+ box-sizing: border-box;
4487
+ }
4488
+ .ScBriefCard_cardBorder {
4489
+ padding: 1px;
4490
+ border-radius: var(--radius-3xl, 1rem);
4491
+ background: var(--alias-border-subtle, #242424);
4492
+ transition: background 0.6s ease;
4493
+ }
4494
+ .ScBriefCard_cardBorder:hover {
4495
+ background:
4496
+ linear-gradient(
4497
+ 135deg,
4498
+ var(--alias-border-subtle, #242424) 0%,
4499
+ var(--alias-border-subtle, #242424) 50%,
4500
+ #EE5E3A 100%);
4501
+ }
4502
+ .ScBriefCard_scBriefCard {
4503
+ background: var(--alias-surface-base, #101010);
4504
+ border-radius: calc(var(--radius-3xl, 1rem) - 1px);
4505
+ padding: var(--spacing-5xl, 1.25rem) var(--spacing-3xl, 1rem);
4506
+ display: flex;
4507
+ flex-direction: column;
4508
+ gap: var(--spacing-xl, 0.75rem);
4509
+ align-items: center;
4510
+ justify-content: center;
4511
+ position: relative;
4512
+ overflow: clip;
4513
+ backdrop-filter: blur(4px);
4514
+ cursor: pointer;
4515
+ height: 100%;
4516
+ }
4517
+ .ScBriefCard_scBriefCardActive {
4518
+ background: var(--alias-surface-raised, #242424);
4519
+ }
4520
+ .ScBriefCard_glow {
4521
+ position: absolute;
4522
+ bottom: -1px;
4523
+ right: -1px;
4524
+ width: 99px;
4525
+ height: 50px;
4526
+ pointer-events: none;
4527
+ border-radius: 50%;
4528
+ background: none;
4529
+ transition: opacity 0.2s ease;
4530
+ }
4531
+ .ScBriefCard_cardBorder:hover .ScBriefCard_glow {
4532
+ opacity: 0;
4533
+ }
4534
+ .ScBriefCard_glowHover {
4535
+ position: absolute;
4536
+ inset: 0;
4537
+ pointer-events: none;
4538
+ opacity: 0;
4539
+ transition: opacity 0.6s ease;
4540
+ border-radius: inherit;
4541
+ background:
4542
+ radial-gradient(
4543
+ ellipse at 85% 90%,
4544
+ rgba(200, 60, 20, 0.50) 0%,
4545
+ rgba(200, 60, 20, 0.28) 20%,
4546
+ rgba(180, 50, 15, 0.14) 40%,
4547
+ rgba(140, 40, 10, 0.06) 60%,
4548
+ rgba(100, 30, 10, 0.02) 80%,
4549
+ transparent 100%);
4550
+ }
4551
+ .ScBriefCard_cardBorder:hover .ScBriefCard_glowHover {
4552
+ opacity: 1;
4553
+ }
4554
+ .ScBriefCard_body {
4555
+ display: flex;
4556
+ flex-direction: column;
4557
+ gap: var(--spacing-xs, 0.25rem);
4558
+ align-items: center;
4559
+ justify-content: center;
4560
+ width: 100%;
4561
+ position: relative;
4562
+ flex-shrink: 0;
4563
+ }
4564
+ .ScBriefCard_description {
4565
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
4566
+ font-family: var( --text-text-xs-regular-font-family, "Inter-Regular", sans-serif );
4567
+ font-size: var(--text-text-xs-regular-font-size, 0.75rem);
4568
+ line-height: var(--text-text-xs-regular-line-height, 1.125rem);
4569
+ font-weight: var(--text-text-xs-regular-font-weight, 400);
4570
+ text-align: center;
4571
+ width: 100%;
4572
+ position: relative;
4573
+ flex-shrink: 0;
4574
+ word-break: break-word;
4575
+ }
4576
+
4488
4577
  /* src/SC-appField/ScAppField.module.css */
4489
4578
  .ScAppField_scAppField,
4490
4579
  .ScAppField_scAppField * {
package/dist/index.d.mts CHANGED
@@ -409,28 +409,36 @@ interface IScGuideProps {
409
409
  declare const ScGuide: ({ title, description, skipLabel, nextLabel, nextIcon, onSkip, onNext, hideSkip, hideNext, disabled, className, style, }: IScGuideProps) => JSX.Element;
410
410
 
411
411
  interface IScSideBarLogoUnitProps {
412
- /** "expanded" renders the wordmark chip + switcher. "collapsed" renders a
413
- * bare clickable product icon (no chip, no switcher). */
412
+ /** "expanded" renders the merged wordmark + switcher row.
413
+ * "collapsed" renders a bare clickable product icon. */
414
414
  state?: "expanded" | "collapsed";
415
415
  /** In expanded state: the stacked "Product / Streamoid" wordmark `<img>`.
416
416
  * In collapsed state: the square product icon `<img>`. */
417
417
  wordmark?: ReactNode;
418
- /** Click handler for the wordmark chip / collapsed icon (e.g. navigate home). */
418
+ /** Click handler for the whole row (wordmark + switcher are one click
419
+ * target now — matches the design intent). */
419
420
  onClick?: () => void;
420
- /** Click handler for the double-arrow product / workspace switcher.
421
- * Ignored when state="collapsed". */
421
+ /** Back-compat: fires alongside `onClick` if both are set. Either prop
422
+ * alone is enough. */
422
423
  onSwitchClick?: () => void;
423
- /** Accessible label for the switch button. Defaults to "Switch product". */
424
+ /** Accessible label for the row when it acts as the product switcher.
425
+ * Defaults to "Switch product". */
424
426
  switchAriaLabel?: string;
425
- /** Hide the switch button (useful when there's nothing to switch to).
426
- * Only applies in expanded state — collapsed has no switch button. */
427
+ /** Hide the switch icon (rare; the design always shows it). */
427
428
  hideSwitch?: boolean;
429
+ /**
430
+ * Force the hover styling on or off, regardless of the mouse position.
431
+ * - `true`: row + switch pill render with their hover backgrounds.
432
+ * - `false`: hover backgrounds are suppressed even on mouse hover.
433
+ * - `undefined` (default): CSS `:hover` drives the visual state.
434
+ */
435
+ hover?: boolean;
428
436
  /** Disable interactions. */
429
437
  disabled?: boolean;
430
438
  className?: string;
431
439
  style?: CSSProperties;
432
440
  }
433
- declare const ScSideBarLogoUnit: ({ state, wordmark, onClick, onSwitchClick, switchAriaLabel, hideSwitch, disabled, className, style, }: IScSideBarLogoUnitProps) => JSX.Element;
441
+ declare const ScSideBarLogoUnit: ({ state, wordmark, onClick, onSwitchClick, switchAriaLabel, hideSwitch, hover, disabled, className, style, }: IScSideBarLogoUnitProps) => JSX.Element;
434
442
 
435
443
  interface IScSidebarMenuProps extends React.HTMLAttributes<HTMLDivElement> {
436
444
  icon?: JSX.Element;
@@ -512,6 +520,13 @@ interface IScAppCardV3Props extends React.HTMLAttributes<HTMLDivElement> {
512
520
  }
513
521
  declare const ScAppCardV3: ({ appIcon, appName, description, active, className, style, ...props }: IScAppCardV3Props) => JSX.Element;
514
522
 
523
+ interface IScBriefCardProps extends React.HTMLAttributes<HTMLDivElement> {
524
+ description?: string;
525
+ active?: boolean;
526
+ className?: string;
527
+ }
528
+ declare const ScBriefCard: ({ description, active, className, style, ...props }: IScBriefCardProps) => JSX.Element;
529
+
515
530
  interface IScAppFieldProps extends React.HTMLAttributes<HTMLDivElement> {
516
531
  appFieldTitle?: string;
517
532
  className?: string;
@@ -1047,4 +1062,4 @@ interface IScPlanDetailsCardMobileProps extends React.HTMLAttributes<HTMLDivElem
1047
1062
  }
1048
1063
  declare const ScPlanDetailsCardMobile: ({ planName, planCredits, planPrice, badgeText, currentPlanLabel, upgradeButtonText, onUpgrade, className, ...props }: IScPlanDetailsCardMobileProps) => JSX.Element;
1049
1064
 
1050
- export { type ArtifaxMenuItem, type ArtifaxSection, type ArtifaxSidebarCreditWarning, type ArtifaxSidebarIconContext, type ArtifaxSidebarIconMap, type ArtifaxSidebarIconRenderer, type ArtifaxSidebarProfile, type ArtifaxSidebarSwitchApp, CreditWarningBanner, type CreditWarningBannerProps, type IInvoiceHistoryMobileProps, type IScAccessProps, type IScAppCardProps, type IScAppCardV3Props, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScArtifaxSidebarProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardMobileProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, type IScGuideProps, type IScHDividerProps, type IScHeaderProps, type IScImageFieldProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMenuOptionsProps, type IScMobileBottomActionProps, type IScMobileTopNavProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanDetailsCardMobileProps, type IScPlanDetailsCardProps, type IScPopUpMenuProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProfileV2MobileProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralCardMobileProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleMobileProps, type IScRoleProps, type IScSettingsNavProps, type IScSettingsTabCompProps, type IScSideBarLogoUnitProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSliderProps, type IScStrLogoProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListMobileProps, type IScTableListProps, type IScTextFieldProps, type IScToggleSwitchProps, type IScVDividerProps, type IScVersionProps, type IScWorkspaceCardProps, type IScWorkspaceSettingsMobileProps, type IScWorkspaceSwitchMobileProps, type IScWorkspaceSwitchMobileV2Props, type IUsageHistoryMobileProps, InvoiceHistoryMobile, NscWorkspaceSwitch, type PlanFeatureSection, ScAccess, ScAppCard, ScAppCardV3, ScAppField, ScAppListingCard, ScArtifaxInvite, ScArtifaxSidebar, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScCreditsUsageCardMobile, ScDp, type ScDpProps, ScFieldButton, ScGoogleSignIn, ScGuide, ScHDivider, ScHeader, ScImageField, ScIntialProfileCover, ScLogoUnit, ScMenuOptions, ScMobileBottomAction, ScMobileTopNav, ScOnlyField, ScOnlyIcon, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanDetailsCard, ScPlanDetailsCardMobile, ScPopUpMenu, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProfileV2Mobile, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralCardMobile, ScReferralTableHeader, ScReferralTableList, ScRole, ScRoleMobile, ScSettingsNav, ScSettingsTabComp, ScSideBarLogoUnit, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSlider, ScStrLogo, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTableListMobile, ScTextField, ScToggleSwitch, ScVDivider, ScVersion, ScWorkspaceCard, ScWorkspaceSettingsMobile, ScWorkspaceSwitchCard, type ScWorkspaceSwitchCardProps, ScWorkspaceSwitchMobile, ScWorkspaceSwitchMobileV2, type SidebarConfig, type SidebarIconContext, type SidebarIconMap, type SidebarIconRenderer, type SidebarMenuItemConfig, type SidebarProfileConfig, type SidebarSectionConfig, StreamoidSidebar, type StreamoidSidebarProps, StreamoidWorkspaceSwitcher, type StreamoidWorkspaceSwitcherProps, UsageHistoryMobile, type WorkspaceSwitcherConfig, type WorkspaceSwitcherItem };
1065
+ export { type ArtifaxMenuItem, type ArtifaxSection, type ArtifaxSidebarCreditWarning, type ArtifaxSidebarIconContext, type ArtifaxSidebarIconMap, type ArtifaxSidebarIconRenderer, type ArtifaxSidebarProfile, type ArtifaxSidebarSwitchApp, CreditWarningBanner, type CreditWarningBannerProps, type IInvoiceHistoryMobileProps, type IScAccessProps, type IScAppCardProps, type IScAppCardV3Props, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScArtifaxSidebarProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScBriefCardProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardMobileProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, type IScGuideProps, type IScHDividerProps, type IScHeaderProps, type IScImageFieldProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMenuOptionsProps, type IScMobileBottomActionProps, type IScMobileTopNavProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanDetailsCardMobileProps, type IScPlanDetailsCardProps, type IScPopUpMenuProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProfileV2MobileProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralCardMobileProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleMobileProps, type IScRoleProps, type IScSettingsNavProps, type IScSettingsTabCompProps, type IScSideBarLogoUnitProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSliderProps, type IScStrLogoProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListMobileProps, type IScTableListProps, type IScTextFieldProps, type IScToggleSwitchProps, type IScVDividerProps, type IScVersionProps, type IScWorkspaceCardProps, type IScWorkspaceSettingsMobileProps, type IScWorkspaceSwitchMobileProps, type IScWorkspaceSwitchMobileV2Props, type IUsageHistoryMobileProps, InvoiceHistoryMobile, NscWorkspaceSwitch, type PlanFeatureSection, ScAccess, ScAppCard, ScAppCardV3, ScAppField, ScAppListingCard, ScArtifaxInvite, ScArtifaxSidebar, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScBriefCard, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScCreditsUsageCardMobile, ScDp, type ScDpProps, ScFieldButton, ScGoogleSignIn, ScGuide, ScHDivider, ScHeader, ScImageField, ScIntialProfileCover, ScLogoUnit, ScMenuOptions, ScMobileBottomAction, ScMobileTopNav, ScOnlyField, ScOnlyIcon, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanDetailsCard, ScPlanDetailsCardMobile, ScPopUpMenu, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProfileV2Mobile, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralCardMobile, ScReferralTableHeader, ScReferralTableList, ScRole, ScRoleMobile, ScSettingsNav, ScSettingsTabComp, ScSideBarLogoUnit, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSlider, ScStrLogo, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTableListMobile, ScTextField, ScToggleSwitch, ScVDivider, ScVersion, ScWorkspaceCard, ScWorkspaceSettingsMobile, ScWorkspaceSwitchCard, type ScWorkspaceSwitchCardProps, ScWorkspaceSwitchMobile, ScWorkspaceSwitchMobileV2, type SidebarConfig, type SidebarIconContext, type SidebarIconMap, type SidebarIconRenderer, type SidebarMenuItemConfig, type SidebarProfileConfig, type SidebarSectionConfig, StreamoidSidebar, type StreamoidSidebarProps, StreamoidWorkspaceSwitcher, type StreamoidWorkspaceSwitcherProps, UsageHistoryMobile, type WorkspaceSwitcherConfig, type WorkspaceSwitcherItem };
package/dist/index.d.ts CHANGED
@@ -409,28 +409,36 @@ interface IScGuideProps {
409
409
  declare const ScGuide: ({ title, description, skipLabel, nextLabel, nextIcon, onSkip, onNext, hideSkip, hideNext, disabled, className, style, }: IScGuideProps) => JSX.Element;
410
410
 
411
411
  interface IScSideBarLogoUnitProps {
412
- /** "expanded" renders the wordmark chip + switcher. "collapsed" renders a
413
- * bare clickable product icon (no chip, no switcher). */
412
+ /** "expanded" renders the merged wordmark + switcher row.
413
+ * "collapsed" renders a bare clickable product icon. */
414
414
  state?: "expanded" | "collapsed";
415
415
  /** In expanded state: the stacked "Product / Streamoid" wordmark `<img>`.
416
416
  * In collapsed state: the square product icon `<img>`. */
417
417
  wordmark?: ReactNode;
418
- /** Click handler for the wordmark chip / collapsed icon (e.g. navigate home). */
418
+ /** Click handler for the whole row (wordmark + switcher are one click
419
+ * target now — matches the design intent). */
419
420
  onClick?: () => void;
420
- /** Click handler for the double-arrow product / workspace switcher.
421
- * Ignored when state="collapsed". */
421
+ /** Back-compat: fires alongside `onClick` if both are set. Either prop
422
+ * alone is enough. */
422
423
  onSwitchClick?: () => void;
423
- /** Accessible label for the switch button. Defaults to "Switch product". */
424
+ /** Accessible label for the row when it acts as the product switcher.
425
+ * Defaults to "Switch product". */
424
426
  switchAriaLabel?: string;
425
- /** Hide the switch button (useful when there's nothing to switch to).
426
- * Only applies in expanded state — collapsed has no switch button. */
427
+ /** Hide the switch icon (rare; the design always shows it). */
427
428
  hideSwitch?: boolean;
429
+ /**
430
+ * Force the hover styling on or off, regardless of the mouse position.
431
+ * - `true`: row + switch pill render with their hover backgrounds.
432
+ * - `false`: hover backgrounds are suppressed even on mouse hover.
433
+ * - `undefined` (default): CSS `:hover` drives the visual state.
434
+ */
435
+ hover?: boolean;
428
436
  /** Disable interactions. */
429
437
  disabled?: boolean;
430
438
  className?: string;
431
439
  style?: CSSProperties;
432
440
  }
433
- declare const ScSideBarLogoUnit: ({ state, wordmark, onClick, onSwitchClick, switchAriaLabel, hideSwitch, disabled, className, style, }: IScSideBarLogoUnitProps) => JSX.Element;
441
+ declare const ScSideBarLogoUnit: ({ state, wordmark, onClick, onSwitchClick, switchAriaLabel, hideSwitch, hover, disabled, className, style, }: IScSideBarLogoUnitProps) => JSX.Element;
434
442
 
435
443
  interface IScSidebarMenuProps extends React.HTMLAttributes<HTMLDivElement> {
436
444
  icon?: JSX.Element;
@@ -512,6 +520,13 @@ interface IScAppCardV3Props extends React.HTMLAttributes<HTMLDivElement> {
512
520
  }
513
521
  declare const ScAppCardV3: ({ appIcon, appName, description, active, className, style, ...props }: IScAppCardV3Props) => JSX.Element;
514
522
 
523
+ interface IScBriefCardProps extends React.HTMLAttributes<HTMLDivElement> {
524
+ description?: string;
525
+ active?: boolean;
526
+ className?: string;
527
+ }
528
+ declare const ScBriefCard: ({ description, active, className, style, ...props }: IScBriefCardProps) => JSX.Element;
529
+
515
530
  interface IScAppFieldProps extends React.HTMLAttributes<HTMLDivElement> {
516
531
  appFieldTitle?: string;
517
532
  className?: string;
@@ -1047,4 +1062,4 @@ interface IScPlanDetailsCardMobileProps extends React.HTMLAttributes<HTMLDivElem
1047
1062
  }
1048
1063
  declare const ScPlanDetailsCardMobile: ({ planName, planCredits, planPrice, badgeText, currentPlanLabel, upgradeButtonText, onUpgrade, className, ...props }: IScPlanDetailsCardMobileProps) => JSX.Element;
1049
1064
 
1050
- export { type ArtifaxMenuItem, type ArtifaxSection, type ArtifaxSidebarCreditWarning, type ArtifaxSidebarIconContext, type ArtifaxSidebarIconMap, type ArtifaxSidebarIconRenderer, type ArtifaxSidebarProfile, type ArtifaxSidebarSwitchApp, CreditWarningBanner, type CreditWarningBannerProps, type IInvoiceHistoryMobileProps, type IScAccessProps, type IScAppCardProps, type IScAppCardV3Props, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScArtifaxSidebarProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardMobileProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, type IScGuideProps, type IScHDividerProps, type IScHeaderProps, type IScImageFieldProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMenuOptionsProps, type IScMobileBottomActionProps, type IScMobileTopNavProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanDetailsCardMobileProps, type IScPlanDetailsCardProps, type IScPopUpMenuProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProfileV2MobileProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralCardMobileProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleMobileProps, type IScRoleProps, type IScSettingsNavProps, type IScSettingsTabCompProps, type IScSideBarLogoUnitProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSliderProps, type IScStrLogoProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListMobileProps, type IScTableListProps, type IScTextFieldProps, type IScToggleSwitchProps, type IScVDividerProps, type IScVersionProps, type IScWorkspaceCardProps, type IScWorkspaceSettingsMobileProps, type IScWorkspaceSwitchMobileProps, type IScWorkspaceSwitchMobileV2Props, type IUsageHistoryMobileProps, InvoiceHistoryMobile, NscWorkspaceSwitch, type PlanFeatureSection, ScAccess, ScAppCard, ScAppCardV3, ScAppField, ScAppListingCard, ScArtifaxInvite, ScArtifaxSidebar, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScCreditsUsageCardMobile, ScDp, type ScDpProps, ScFieldButton, ScGoogleSignIn, ScGuide, ScHDivider, ScHeader, ScImageField, ScIntialProfileCover, ScLogoUnit, ScMenuOptions, ScMobileBottomAction, ScMobileTopNav, ScOnlyField, ScOnlyIcon, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanDetailsCard, ScPlanDetailsCardMobile, ScPopUpMenu, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProfileV2Mobile, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralCardMobile, ScReferralTableHeader, ScReferralTableList, ScRole, ScRoleMobile, ScSettingsNav, ScSettingsTabComp, ScSideBarLogoUnit, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSlider, ScStrLogo, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTableListMobile, ScTextField, ScToggleSwitch, ScVDivider, ScVersion, ScWorkspaceCard, ScWorkspaceSettingsMobile, ScWorkspaceSwitchCard, type ScWorkspaceSwitchCardProps, ScWorkspaceSwitchMobile, ScWorkspaceSwitchMobileV2, type SidebarConfig, type SidebarIconContext, type SidebarIconMap, type SidebarIconRenderer, type SidebarMenuItemConfig, type SidebarProfileConfig, type SidebarSectionConfig, StreamoidSidebar, type StreamoidSidebarProps, StreamoidWorkspaceSwitcher, type StreamoidWorkspaceSwitcherProps, UsageHistoryMobile, type WorkspaceSwitcherConfig, type WorkspaceSwitcherItem };
1065
+ export { type ArtifaxMenuItem, type ArtifaxSection, type ArtifaxSidebarCreditWarning, type ArtifaxSidebarIconContext, type ArtifaxSidebarIconMap, type ArtifaxSidebarIconRenderer, type ArtifaxSidebarProfile, type ArtifaxSidebarSwitchApp, CreditWarningBanner, type CreditWarningBannerProps, type IInvoiceHistoryMobileProps, type IScAccessProps, type IScAppCardProps, type IScAppCardV3Props, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScArtifaxSidebarProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScBriefCardProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardMobileProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, type IScGuideProps, type IScHDividerProps, type IScHeaderProps, type IScImageFieldProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMenuOptionsProps, type IScMobileBottomActionProps, type IScMobileTopNavProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanDetailsCardMobileProps, type IScPlanDetailsCardProps, type IScPopUpMenuProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProfileV2MobileProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralCardMobileProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleMobileProps, type IScRoleProps, type IScSettingsNavProps, type IScSettingsTabCompProps, type IScSideBarLogoUnitProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSliderProps, type IScStrLogoProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListMobileProps, type IScTableListProps, type IScTextFieldProps, type IScToggleSwitchProps, type IScVDividerProps, type IScVersionProps, type IScWorkspaceCardProps, type IScWorkspaceSettingsMobileProps, type IScWorkspaceSwitchMobileProps, type IScWorkspaceSwitchMobileV2Props, type IUsageHistoryMobileProps, InvoiceHistoryMobile, NscWorkspaceSwitch, type PlanFeatureSection, ScAccess, ScAppCard, ScAppCardV3, ScAppField, ScAppListingCard, ScArtifaxInvite, ScArtifaxSidebar, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScBriefCard, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScCreditsUsageCardMobile, ScDp, type ScDpProps, ScFieldButton, ScGoogleSignIn, ScGuide, ScHDivider, ScHeader, ScImageField, ScIntialProfileCover, ScLogoUnit, ScMenuOptions, ScMobileBottomAction, ScMobileTopNav, ScOnlyField, ScOnlyIcon, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanDetailsCard, ScPlanDetailsCardMobile, ScPopUpMenu, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProfileV2Mobile, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralCardMobile, ScReferralTableHeader, ScReferralTableList, ScRole, ScRoleMobile, ScSettingsNav, ScSettingsTabComp, ScSideBarLogoUnit, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSlider, ScStrLogo, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTableListMobile, ScTextField, ScToggleSwitch, ScVDivider, ScVersion, ScWorkspaceCard, ScWorkspaceSettingsMobile, ScWorkspaceSwitchCard, type ScWorkspaceSwitchCardProps, ScWorkspaceSwitchMobile, ScWorkspaceSwitchMobileV2, type SidebarConfig, type SidebarIconContext, type SidebarIconMap, type SidebarIconRenderer, type SidebarMenuItemConfig, type SidebarProfileConfig, type SidebarSectionConfig, StreamoidSidebar, type StreamoidSidebarProps, StreamoidWorkspaceSwitcher, type StreamoidWorkspaceSwitcherProps, UsageHistoryMobile, type WorkspaceSwitcherConfig, type WorkspaceSwitcherItem };