@streamoid/ui 0.2.1 → 0.2.3
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 +140 -33
- package/dist/index.d.mts +15 -12
- package/dist/index.d.ts +15 -12
- package/dist/index.js +137 -120
- package/dist/index.mjs +133 -116
- package/package.json +2 -2
package/dist/index.css
CHANGED
|
@@ -1279,7 +1279,8 @@
|
|
|
1279
1279
|
.ScButton_scButton.ScButton_state-disabled.ScButton_type-primary.ScButton_variant-error {
|
|
1280
1280
|
background: var(--alias-fill-error-solidactive, #b01717);
|
|
1281
1281
|
}
|
|
1282
|
-
.ScButton_scButton.ScButton_type-primary.ScButton_variant-error .ScButton_label
|
|
1282
|
+
.ScButton_scButton.ScButton_type-primary.ScButton_variant-error .ScButton_label,
|
|
1283
|
+
.ScButton_scButton.ScButton_type-primary.ScButton_variant-error .ScButton_container {
|
|
1283
1284
|
color: var(--alias-text-and-icons-fullwhite, #ffffff);
|
|
1284
1285
|
}
|
|
1285
1286
|
.ScButton_scButton.ScButton_type-secondary {
|
|
@@ -1291,7 +1292,8 @@
|
|
|
1291
1292
|
.ScButton_scButton.ScButton_state-disabled.ScButton_type-secondary {
|
|
1292
1293
|
background: var(--alias-fill-error-secondary, #1c0404);
|
|
1293
1294
|
}
|
|
1294
|
-
.ScButton_scButton.ScButton_type-secondary .ScButton_label
|
|
1295
|
+
.ScButton_scButton.ScButton_type-secondary .ScButton_label,
|
|
1296
|
+
.ScButton_scButton.ScButton_type-secondary .ScButton_container {
|
|
1295
1297
|
color: var(--alias-text-and-icons-errorcont, #eb6b6b);
|
|
1296
1298
|
}
|
|
1297
1299
|
.ScButton_scButton.ScButton_type-secondary:hover,
|
|
@@ -1313,7 +1315,9 @@
|
|
|
1313
1315
|
color: var(--alias-text-and-icons-inverse, #101010);
|
|
1314
1316
|
}
|
|
1315
1317
|
.ScButton_scButton.ScButton_variant-tertiary .ScButton_label,
|
|
1316
|
-
.ScButton_scButton.ScButton_variant-outline .ScButton_label
|
|
1318
|
+
.ScButton_scButton.ScButton_variant-outline .ScButton_label,
|
|
1319
|
+
.ScButton_scButton.ScButton_variant-tertiary .ScButton_container,
|
|
1320
|
+
.ScButton_scButton.ScButton_variant-outline .ScButton_container {
|
|
1317
1321
|
color: var(--alias-text-and-icons-primary, #f5f5f5);
|
|
1318
1322
|
}
|
|
1319
1323
|
.ScButton_scButton.ScButton_state-default.ScButton_variant-tertiary,
|
|
@@ -1324,7 +1328,8 @@
|
|
|
1324
1328
|
.ScButton_scButton.ScButton_state-disabled.ScButton_variant-outline {
|
|
1325
1329
|
background: unset;
|
|
1326
1330
|
}
|
|
1327
|
-
.ScButton_scButton.ScButton_type-tertiary .ScButton_label
|
|
1331
|
+
.ScButton_scButton.ScButton_type-tertiary .ScButton_label,
|
|
1332
|
+
.ScButton_scButton.ScButton_type-tertiary .ScButton_container {
|
|
1328
1333
|
color: var(--alias-text-and-icons-error, #d11a1a);
|
|
1329
1334
|
}
|
|
1330
1335
|
.ScButton_scButton.ScButton_type-tertiary:hover,
|
|
@@ -1576,11 +1581,15 @@
|
|
|
1576
1581
|
background-repeat: repeat;
|
|
1577
1582
|
}
|
|
1578
1583
|
.ScButton_scButton.ScButton_state-default.ScButton_variant-primary.ScButton_type-primary .ScButton_label,
|
|
1579
|
-
.ScButton_scButton.ScButton_state-disabled.ScButton_variant-primary.ScButton_type-primary .ScButton_label
|
|
1584
|
+
.ScButton_scButton.ScButton_state-disabled.ScButton_variant-primary.ScButton_type-primary .ScButton_label,
|
|
1585
|
+
.ScButton_scButton.ScButton_state-default.ScButton_variant-primary.ScButton_type-primary .ScButton_container,
|
|
1586
|
+
.ScButton_scButton.ScButton_state-disabled.ScButton_variant-primary.ScButton_type-primary .ScButton_container {
|
|
1580
1587
|
color: #fffafa;
|
|
1581
1588
|
}
|
|
1582
1589
|
.ScButton_scButton.ScButton_variant-primary.ScButton_type-primary:hover .ScButton_label,
|
|
1583
|
-
.ScButton_scButton.ScButton_state-hover.ScButton_variant-primary.ScButton_type-primary .ScButton_label
|
|
1590
|
+
.ScButton_scButton.ScButton_state-hover.ScButton_variant-primary.ScButton_type-primary .ScButton_label,
|
|
1591
|
+
.ScButton_scButton.ScButton_variant-primary.ScButton_type-primary:hover .ScButton_container,
|
|
1592
|
+
.ScButton_scButton.ScButton_state-hover.ScButton_variant-primary.ScButton_type-primary .ScButton_container {
|
|
1584
1593
|
color: #fffafa;
|
|
1585
1594
|
}
|
|
1586
1595
|
.ScButton_scButton.ScButton_variant-primary.ScButton_type-primary:hover,
|
|
@@ -1963,6 +1972,31 @@
|
|
|
1963
1972
|
flex-shrink: 0 !important;
|
|
1964
1973
|
width: 7.5rem !important;
|
|
1965
1974
|
}
|
|
1975
|
+
.ScCreditsUsageCard_buttonTooltipWrap {
|
|
1976
|
+
position: relative;
|
|
1977
|
+
flex-shrink: 0;
|
|
1978
|
+
}
|
|
1979
|
+
.ScCreditsUsageCard_buttonTooltip {
|
|
1980
|
+
position: absolute;
|
|
1981
|
+
bottom: calc(100% + 6px);
|
|
1982
|
+
left: 50%;
|
|
1983
|
+
transform: translateX(-50%);
|
|
1984
|
+
background: var(--alias-surface-raised, #242424);
|
|
1985
|
+
color: var(--alias-text-and-icons-primary, #f5f5f5);
|
|
1986
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
1987
|
+
font-size: var(--font-size-font-size-xs, 0.75rem);
|
|
1988
|
+
line-height: var(--line-height-line-height-xs, 1.125rem);
|
|
1989
|
+
padding: var(--spacing-sm, 4px) var(--spacing-lg, 10px);
|
|
1990
|
+
border-radius: var(--radius-md, 8px);
|
|
1991
|
+
white-space: nowrap;
|
|
1992
|
+
opacity: 0;
|
|
1993
|
+
pointer-events: none;
|
|
1994
|
+
transition: opacity 0.15s;
|
|
1995
|
+
z-index: 10;
|
|
1996
|
+
}
|
|
1997
|
+
.ScCreditsUsageCard_buttonTooltipWrap:hover .ScCreditsUsageCard_buttonTooltip {
|
|
1998
|
+
opacity: 1;
|
|
1999
|
+
}
|
|
1966
2000
|
|
|
1967
2001
|
/* src/SC-Progress bar/ScProgressBar.module.css */
|
|
1968
2002
|
.ScProgressBar_scProgressBar,
|
|
@@ -1991,6 +2025,64 @@
|
|
|
1991
2025
|
position: relative;
|
|
1992
2026
|
}
|
|
1993
2027
|
|
|
2028
|
+
/* src/SC-Dp/ScDp.module.css */
|
|
2029
|
+
.ScDp_scDp,
|
|
2030
|
+
.ScDp_scDp * {
|
|
2031
|
+
box-sizing: border-box;
|
|
2032
|
+
}
|
|
2033
|
+
.ScDp_scDp {
|
|
2034
|
+
position: relative;
|
|
2035
|
+
overflow: hidden;
|
|
2036
|
+
flex-shrink: 0;
|
|
2037
|
+
aspect-ratio: 1;
|
|
2038
|
+
}
|
|
2039
|
+
.ScDp_variantWorkspace {
|
|
2040
|
+
border-radius: var(--radius-md, 8px);
|
|
2041
|
+
}
|
|
2042
|
+
.ScDp_variantProfile {
|
|
2043
|
+
border-radius: var(--radius-full, 999px);
|
|
2044
|
+
}
|
|
2045
|
+
.ScDp_typeInitial {
|
|
2046
|
+
background: var(--alias-fill-neutral-neutralselected, #242424);
|
|
2047
|
+
display: flex;
|
|
2048
|
+
align-items: center;
|
|
2049
|
+
justify-content: center;
|
|
2050
|
+
padding: var(--spacing-none, 0px);
|
|
2051
|
+
}
|
|
2052
|
+
.ScDp_initials {
|
|
2053
|
+
flex: 1;
|
|
2054
|
+
min-width: 0;
|
|
2055
|
+
min-height: 1px;
|
|
2056
|
+
height: 100%;
|
|
2057
|
+
display: flex;
|
|
2058
|
+
flex-direction: column;
|
|
2059
|
+
align-items: center;
|
|
2060
|
+
justify-content: center;
|
|
2061
|
+
overflow: hidden;
|
|
2062
|
+
text-overflow: ellipsis;
|
|
2063
|
+
white-space: nowrap;
|
|
2064
|
+
text-align: center;
|
|
2065
|
+
color: var(--alias-text-and-icons-primary, #f5f5f5);
|
|
2066
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
2067
|
+
font-size: var(--font-size-font-size-md, 1rem);
|
|
2068
|
+
font-weight: 500;
|
|
2069
|
+
line-height: var(--line-height-line-height-md, 1.5rem);
|
|
2070
|
+
}
|
|
2071
|
+
.ScDp_image {
|
|
2072
|
+
position: absolute;
|
|
2073
|
+
inset: 0;
|
|
2074
|
+
width: 100%;
|
|
2075
|
+
height: 100%;
|
|
2076
|
+
object-fit: cover;
|
|
2077
|
+
pointer-events: none;
|
|
2078
|
+
}
|
|
2079
|
+
.ScDp_imageWorkspace {
|
|
2080
|
+
border-radius: var(--radius-md, 8px);
|
|
2081
|
+
}
|
|
2082
|
+
.ScDp_imageProfile {
|
|
2083
|
+
border-radius: var(--radius-full, 999px);
|
|
2084
|
+
}
|
|
2085
|
+
|
|
1994
2086
|
/* src/SC-Google sign in/ScGoogleSignIn.module.css */
|
|
1995
2087
|
.ScGoogleSignIn_scGoogleSignIn,
|
|
1996
2088
|
.ScGoogleSignIn_scGoogleSignIn * {
|
|
@@ -2375,7 +2467,7 @@
|
|
|
2375
2467
|
flex-shrink: 0;
|
|
2376
2468
|
}
|
|
2377
2469
|
.ScPlanCard_featureText {
|
|
2378
|
-
color: #9e9e9e;
|
|
2470
|
+
color: var(--alias-text-and-icons-tertiary, #9e9e9e);
|
|
2379
2471
|
text-align: left;
|
|
2380
2472
|
font-family: var( --text-text-sm-regular-font-family, "Inter-Regular", sans-serif );
|
|
2381
2473
|
font-size: var(--text-text-sm-regular-font-size, 0.875rem);
|
|
@@ -2383,7 +2475,7 @@
|
|
|
2383
2475
|
font-weight: var(--text-text-sm-regular-font-weight, 400);
|
|
2384
2476
|
}
|
|
2385
2477
|
.ScPlanCard_description {
|
|
2386
|
-
color: #9e9e9e;
|
|
2478
|
+
color: var(--alias-text-and-icons-tertiary, #9e9e9e);
|
|
2387
2479
|
text-align: left;
|
|
2388
2480
|
font-family: var( --lead-text-lead-text-xs-regular-font-family, "Inter-Regular", sans-serif );
|
|
2389
2481
|
font-size: var(--lead-text-lead-text-xs-regular-font-size, 1.125rem);
|
|
@@ -4649,55 +4741,55 @@
|
|
|
4649
4741
|
width: 100%;
|
|
4650
4742
|
display: flex;
|
|
4651
4743
|
align-items: center;
|
|
4652
|
-
background: var(--alias-surface-base, #101010);
|
|
4653
4744
|
border-radius: var(--radius-3xl, 1rem);
|
|
4654
|
-
border:
|
|
4745
|
+
border-style: solid;
|
|
4746
|
+
border-width: 0.5px;
|
|
4655
4747
|
padding: var(--spacing-xs, 4px) var(--spacing-3xl, 16px) var(--spacing-xs, 4px) var(--spacing-xs, 4px);
|
|
4656
4748
|
gap: var(--spacing-3xl, 16px);
|
|
4657
4749
|
transition: background-color 0.15s ease;
|
|
4658
|
-
cursor: pointer;
|
|
4659
4750
|
}
|
|
4660
4751
|
.ScWorkspaceSwitchCard_cardCurrent {
|
|
4752
|
+
background: var(--alias-surface-raised, #242424);
|
|
4753
|
+
border-color: var(--alias-border-default, #3e3e3e);
|
|
4661
4754
|
cursor: default;
|
|
4662
4755
|
}
|
|
4663
|
-
.
|
|
4756
|
+
.ScWorkspaceSwitchCard_cardOther {
|
|
4757
|
+
background: var(--alias-surface-base, #101010);
|
|
4758
|
+
border-color: var(--alias-border-subtle, #242424);
|
|
4759
|
+
cursor: pointer;
|
|
4760
|
+
}
|
|
4761
|
+
.ScWorkspaceSwitchCard_cardOtherHover {
|
|
4664
4762
|
background: var(--alias-surface-basesubtle, #151515);
|
|
4665
4763
|
}
|
|
4666
|
-
.
|
|
4764
|
+
.ScWorkspaceSwitchCard_wsInfo {
|
|
4667
4765
|
display: flex;
|
|
4766
|
+
flex: 1 0 0;
|
|
4668
4767
|
align-items: center;
|
|
4669
|
-
flex: 1;
|
|
4670
|
-
min-width: 0;
|
|
4671
4768
|
gap: var(--spacing-3xl, 16px);
|
|
4769
|
+
min-width: 0;
|
|
4770
|
+
min-height: 1px;
|
|
4672
4771
|
}
|
|
4673
|
-
.
|
|
4674
|
-
|
|
4675
|
-
|
|
4676
|
-
align-items: center;
|
|
4677
|
-
}
|
|
4678
|
-
.ScWorkspaceSwitchCard_avatarCover {
|
|
4679
|
-
flex-shrink: 0 !important;
|
|
4680
|
-
}
|
|
4681
|
-
.ScWorkspaceSwitchCard_avatarImg {
|
|
4682
|
-
width: 60px;
|
|
4683
|
-
height: 60px;
|
|
4684
|
-
border-radius: var(--radius-xl, 12px);
|
|
4685
|
-
object-fit: cover;
|
|
4772
|
+
.ScWorkspaceSwitchCard_dp {
|
|
4773
|
+
width: 90px !important;
|
|
4774
|
+
height: 90px !important;
|
|
4686
4775
|
}
|
|
4687
4776
|
.ScWorkspaceSwitchCard_infoCol {
|
|
4688
4777
|
display: flex;
|
|
4689
4778
|
flex-direction: column;
|
|
4690
|
-
flex: 1;
|
|
4779
|
+
flex: 1 0 0;
|
|
4691
4780
|
min-width: 0;
|
|
4781
|
+
min-height: 1px;
|
|
4782
|
+
align-items: flex-start;
|
|
4692
4783
|
padding: var(--spacing-md, 8px) 0;
|
|
4693
|
-
gap: var(--spacing-
|
|
4784
|
+
gap: var(--spacing-xl, 12px);
|
|
4694
4785
|
}
|
|
4695
4786
|
.ScWorkspaceSwitchCard_wsName {
|
|
4696
4787
|
margin: 0;
|
|
4788
|
+
width: 100%;
|
|
4789
|
+
flex-shrink: 0;
|
|
4697
4790
|
overflow: hidden;
|
|
4698
4791
|
text-overflow: ellipsis;
|
|
4699
4792
|
white-space: nowrap;
|
|
4700
|
-
width: 100%;
|
|
4701
4793
|
color: var(--alias-text-and-icons-primary, #f5f5f5);
|
|
4702
4794
|
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
4703
4795
|
font-size: var(--font-size-font-size-md, 1rem);
|
|
@@ -4708,19 +4800,25 @@
|
|
|
4708
4800
|
display: flex;
|
|
4709
4801
|
align-items: center;
|
|
4710
4802
|
width: 100%;
|
|
4803
|
+
flex-shrink: 0;
|
|
4711
4804
|
gap: var(--spacing-5xl, 20px);
|
|
4712
4805
|
}
|
|
4713
4806
|
.ScWorkspaceSwitchCard_detailItem {
|
|
4714
4807
|
display: flex;
|
|
4715
4808
|
flex-direction: column;
|
|
4809
|
+
align-items: flex-start;
|
|
4810
|
+
justify-content: center;
|
|
4716
4811
|
flex-shrink: 0;
|
|
4717
4812
|
white-space: nowrap;
|
|
4718
4813
|
}
|
|
4719
4814
|
.ScWorkspaceSwitchCard_detailItemFlex {
|
|
4720
4815
|
display: flex;
|
|
4721
4816
|
flex-direction: column;
|
|
4722
|
-
|
|
4817
|
+
align-items: flex-start;
|
|
4818
|
+
justify-content: center;
|
|
4819
|
+
flex: 1 0 0;
|
|
4723
4820
|
min-width: 0;
|
|
4821
|
+
min-height: 1px;
|
|
4724
4822
|
white-space: nowrap;
|
|
4725
4823
|
}
|
|
4726
4824
|
.ScWorkspaceSwitchCard_detailLabel {
|
|
@@ -4732,13 +4830,20 @@
|
|
|
4732
4830
|
overflow: hidden;
|
|
4733
4831
|
text-overflow: ellipsis;
|
|
4734
4832
|
}
|
|
4735
|
-
.
|
|
4833
|
+
.ScWorkspaceSwitchCard_detailValueRole {
|
|
4736
4834
|
color: var(--alias-text-and-icons-warning, #db8b00);
|
|
4737
4835
|
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
4738
4836
|
font-size: var(--font-size-font-size-sm, 0.875rem);
|
|
4739
4837
|
font-weight: 500;
|
|
4740
4838
|
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
4741
4839
|
}
|
|
4840
|
+
.ScWorkspaceSwitchCard_detailValueInfo {
|
|
4841
|
+
color: var(--alias-text-and-icons-info, #2d8fe6);
|
|
4842
|
+
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
4843
|
+
font-size: var(--font-size-font-size-sm, 0.875rem);
|
|
4844
|
+
font-weight: 500;
|
|
4845
|
+
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
4846
|
+
}
|
|
4742
4847
|
.ScWorkspaceSwitchCard_detailValueSecondary {
|
|
4743
4848
|
color: var(--alias-text-and-icons-secondary, #dadada);
|
|
4744
4849
|
font-family: var(--font-family-font-family-body, "Inter", sans-serif);
|
|
@@ -4747,8 +4852,10 @@
|
|
|
4747
4852
|
line-height: var(--line-height-line-height-sm, 1.25rem);
|
|
4748
4853
|
overflow: hidden;
|
|
4749
4854
|
text-overflow: ellipsis;
|
|
4855
|
+
width: 100%;
|
|
4750
4856
|
}
|
|
4751
4857
|
.ScWorkspaceSwitchCard_vDivider {
|
|
4858
|
+
width: 1px !important;
|
|
4752
4859
|
height: 24px !important;
|
|
4753
4860
|
flex-shrink: 0 !important;
|
|
4754
4861
|
}
|
package/dist/index.d.mts
CHANGED
|
@@ -84,16 +84,17 @@ interface IScCreditsUsageCardProps extends React.HTMLAttributes<HTMLDivElement>
|
|
|
84
84
|
remainingText?: string;
|
|
85
85
|
buyButtonText?: string;
|
|
86
86
|
buyButtonState?: "default" | "disabled";
|
|
87
|
+
buyButtonHoverText?: string;
|
|
87
88
|
onBuyClick?: () => void;
|
|
88
89
|
progress?: number;
|
|
89
90
|
className?: string;
|
|
90
91
|
}
|
|
91
|
-
declare const ScCreditsUsageCard: ({ usageLabel, usageText, remainingText, buyButtonText, buyButtonState, onBuyClick, progress, className, ...props }: IScCreditsUsageCardProps) => JSX.Element;
|
|
92
|
+
declare const ScCreditsUsageCard: ({ usageLabel, usageText, remainingText, buyButtonText, buyButtonState, buyButtonHoverText, onBuyClick, progress, className, ...props }: IScCreditsUsageCardProps) => JSX.Element;
|
|
92
93
|
|
|
93
94
|
interface ScDpProps {
|
|
94
|
-
/**
|
|
95
|
+
/** "initial" shows initials text, "image" shows an image. */
|
|
95
96
|
type?: "initial" | "image";
|
|
96
|
-
/**
|
|
97
|
+
/** "workspace" = rounded rect, "profile" = circle. */
|
|
97
98
|
variant?: "workspace" | "profile";
|
|
98
99
|
/** Initials text (used when type="initial", or as fallback when image fails). */
|
|
99
100
|
initial?: string;
|
|
@@ -566,18 +567,20 @@ interface IScWorkspaceCardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
566
567
|
}
|
|
567
568
|
declare const ScWorkspaceCard: ({ workspaceName, role, userCount, ownerEmail, buttonText, className, ...props }: IScWorkspaceCardProps) => JSX.Element;
|
|
568
569
|
|
|
569
|
-
interface
|
|
570
|
-
|
|
571
|
-
initials?: string;
|
|
572
|
-
imageUrl?: string;
|
|
570
|
+
interface NscWorkspaceSwitchProps {
|
|
571
|
+
wsName?: string;
|
|
573
572
|
role?: string;
|
|
574
573
|
plan?: string;
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
574
|
+
ownerId?: string;
|
|
575
|
+
initials?: string;
|
|
576
|
+
imageUrl?: string;
|
|
577
|
+
type?: "currentWS" | "otherWS";
|
|
578
|
+
hover?: boolean;
|
|
579
|
+
className?: string;
|
|
578
580
|
onSwitch?: () => void;
|
|
579
581
|
onSettings?: () => void;
|
|
580
582
|
}
|
|
581
|
-
declare function
|
|
583
|
+
declare function NscWorkspaceSwitch({ wsName, role, plan, ownerId, initials, imageUrl, type, hover, className, onSwitch, onSettings, }: NscWorkspaceSwitchProps): react_jsx_runtime.JSX.Element;
|
|
584
|
+
declare const ScWorkspaceSwitchCard: typeof NscWorkspaceSwitch;
|
|
582
585
|
|
|
583
|
-
export { type IScAccessProps, type IScAppCardProps, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, type IScHDividerProps, type IScHeaderProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMenuOptionsProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanDetailsCardProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleProps, type IScSettingsNavProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSliderProps, type IScStrLogoProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListProps, type IScTextFieldProps, type IScToggleSwitchProps, type IScVDividerProps, type IScVersionProps, type IScWorkspaceCardProps, type PlanFeatureSection, ScAccess, ScAppCard, ScAppField, ScAppListingCard, ScArtifaxInvite, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScDp, type ScDpProps, ScFieldButton, ScGoogleSignIn, ScHDivider, ScHeader, ScIntialProfileCover, ScLogoUnit, ScMenuOptions, ScOnlyField, ScOnlyIcon, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanDetailsCard, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralTableHeader, ScReferralTableList, ScRole, ScSettingsNav, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSlider, ScStrLogo, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTextField, ScToggleSwitch, ScVDivider, ScVersion, ScWorkspaceCard, ScWorkspaceSwitchCard, type
|
|
586
|
+
export { type IScAccessProps, type IScAppCardProps, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, type IScHDividerProps, type IScHeaderProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMenuOptionsProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanDetailsCardProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleProps, type IScSettingsNavProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSliderProps, type IScStrLogoProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListProps, type IScTextFieldProps, type IScToggleSwitchProps, type IScVDividerProps, type IScVersionProps, type IScWorkspaceCardProps, NscWorkspaceSwitch, type NscWorkspaceSwitchProps, type PlanFeatureSection, ScAccess, ScAppCard, ScAppField, ScAppListingCard, ScArtifaxInvite, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScDp, type ScDpProps, ScFieldButton, ScGoogleSignIn, ScHDivider, ScHeader, ScIntialProfileCover, ScLogoUnit, ScMenuOptions, ScOnlyField, ScOnlyIcon, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanDetailsCard, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralTableHeader, ScReferralTableList, ScRole, ScSettingsNav, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSlider, ScStrLogo, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTextField, ScToggleSwitch, ScVDivider, ScVersion, ScWorkspaceCard, ScWorkspaceSwitchCard, type SidebarConfig, type SidebarIconContext, type SidebarIconMap, type SidebarIconRenderer, type SidebarMenuItemConfig, type SidebarProfileConfig, type SidebarSectionConfig, StreamoidSidebar, type StreamoidSidebarProps, StreamoidWorkspaceSwitcher, type StreamoidWorkspaceSwitcherProps, type WorkspaceSwitcherConfig, type WorkspaceSwitcherItem };
|
package/dist/index.d.ts
CHANGED
|
@@ -84,16 +84,17 @@ interface IScCreditsUsageCardProps extends React.HTMLAttributes<HTMLDivElement>
|
|
|
84
84
|
remainingText?: string;
|
|
85
85
|
buyButtonText?: string;
|
|
86
86
|
buyButtonState?: "default" | "disabled";
|
|
87
|
+
buyButtonHoverText?: string;
|
|
87
88
|
onBuyClick?: () => void;
|
|
88
89
|
progress?: number;
|
|
89
90
|
className?: string;
|
|
90
91
|
}
|
|
91
|
-
declare const ScCreditsUsageCard: ({ usageLabel, usageText, remainingText, buyButtonText, buyButtonState, onBuyClick, progress, className, ...props }: IScCreditsUsageCardProps) => JSX.Element;
|
|
92
|
+
declare const ScCreditsUsageCard: ({ usageLabel, usageText, remainingText, buyButtonText, buyButtonState, buyButtonHoverText, onBuyClick, progress, className, ...props }: IScCreditsUsageCardProps) => JSX.Element;
|
|
92
93
|
|
|
93
94
|
interface ScDpProps {
|
|
94
|
-
/**
|
|
95
|
+
/** "initial" shows initials text, "image" shows an image. */
|
|
95
96
|
type?: "initial" | "image";
|
|
96
|
-
/**
|
|
97
|
+
/** "workspace" = rounded rect, "profile" = circle. */
|
|
97
98
|
variant?: "workspace" | "profile";
|
|
98
99
|
/** Initials text (used when type="initial", or as fallback when image fails). */
|
|
99
100
|
initial?: string;
|
|
@@ -566,18 +567,20 @@ interface IScWorkspaceCardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
566
567
|
}
|
|
567
568
|
declare const ScWorkspaceCard: ({ workspaceName, role, userCount, ownerEmail, buttonText, className, ...props }: IScWorkspaceCardProps) => JSX.Element;
|
|
568
569
|
|
|
569
|
-
interface
|
|
570
|
-
|
|
571
|
-
initials?: string;
|
|
572
|
-
imageUrl?: string;
|
|
570
|
+
interface NscWorkspaceSwitchProps {
|
|
571
|
+
wsName?: string;
|
|
573
572
|
role?: string;
|
|
574
573
|
plan?: string;
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
574
|
+
ownerId?: string;
|
|
575
|
+
initials?: string;
|
|
576
|
+
imageUrl?: string;
|
|
577
|
+
type?: "currentWS" | "otherWS";
|
|
578
|
+
hover?: boolean;
|
|
579
|
+
className?: string;
|
|
578
580
|
onSwitch?: () => void;
|
|
579
581
|
onSettings?: () => void;
|
|
580
582
|
}
|
|
581
|
-
declare function
|
|
583
|
+
declare function NscWorkspaceSwitch({ wsName, role, plan, ownerId, initials, imageUrl, type, hover, className, onSwitch, onSettings, }: NscWorkspaceSwitchProps): react_jsx_runtime.JSX.Element;
|
|
584
|
+
declare const ScWorkspaceSwitchCard: typeof NscWorkspaceSwitch;
|
|
582
585
|
|
|
583
|
-
export { type IScAccessProps, type IScAppCardProps, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, type IScHDividerProps, type IScHeaderProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMenuOptionsProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanDetailsCardProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleProps, type IScSettingsNavProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSliderProps, type IScStrLogoProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListProps, type IScTextFieldProps, type IScToggleSwitchProps, type IScVDividerProps, type IScVersionProps, type IScWorkspaceCardProps, type PlanFeatureSection, ScAccess, ScAppCard, ScAppField, ScAppListingCard, ScArtifaxInvite, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScDp, type ScDpProps, ScFieldButton, ScGoogleSignIn, ScHDivider, ScHeader, ScIntialProfileCover, ScLogoUnit, ScMenuOptions, ScOnlyField, ScOnlyIcon, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanDetailsCard, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralTableHeader, ScReferralTableList, ScRole, ScSettingsNav, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSlider, ScStrLogo, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTextField, ScToggleSwitch, ScVDivider, ScVersion, ScWorkspaceCard, ScWorkspaceSwitchCard, type
|
|
586
|
+
export { type IScAccessProps, type IScAppCardProps, type IScAppFieldProps, type IScAppListingCardProps, type IScArtifaxInviteProps, type IScBadgesProps, type IScBillingHistoryHeaderProps, type IScBillingHistoryTableListProps, type IScBillingLogsTableHeaderProps, type IScBillingLogsTableListProps, type IScButtonProps, type IScCalendarDateCompsProps, type IScCalendarProps, type IScCatalogixInviteProps, type IScCheckFieldProps, type IScCheckboxProps, type IScCreditsUsageCardProps, type IScFieldButtonProps, type IScGoogleSignInProps, type IScHDividerProps, type IScHeaderProps, type IScIntialProfileCoverProps, type IScLogoUnitProps, type IScMenuOptionsProps, type IScOnlyFieldProps, type IScOnlyIconProps, type IScPairtextProps, type IScPendingActionProps, type IScPhtogenixInviteProps, type IScPlanCardProps, type IScPlanDetailsCardProps, type IScProfileImageUpdateProps, type IScProfileOptionsProps, type IScProfileProps, type IScProfileSettingsCompProps, type IScProgressBarProps, type IScQuickPromptProps, type IScRadioProps, type IScReferralTableHeaderProps, type IScReferralTableListProps, type IScRoleProps, type IScSettingsNavProps, type IScSidebarIconsProps, type IScSidebarMenuProps, type IScSidebarProfileProps, type IScSidebarProps, type IScSliderProps, type IScStrLogoProps, type IScTabCompProps, type IScTabFieldProps, type IScTabSwitcherProps, type IScTableHeaderProps, type IScTableListProps, type IScTextFieldProps, type IScToggleSwitchProps, type IScVDividerProps, type IScVersionProps, type IScWorkspaceCardProps, NscWorkspaceSwitch, type NscWorkspaceSwitchProps, type PlanFeatureSection, ScAccess, ScAppCard, ScAppField, ScAppListingCard, ScArtifaxInvite, ScBadges, ScBillingHistoryHeader, ScBillingHistoryTableList, ScBillingLogsTableHeader, ScBillingLogsTableList, ScButton, ScCalendar, ScCalendarDateComps, ScCatalogixInvite, ScCheckField, ScCheckbox, ScCreditsUsageCard, ScDp, type ScDpProps, ScFieldButton, ScGoogleSignIn, ScHDivider, ScHeader, ScIntialProfileCover, ScLogoUnit, ScMenuOptions, ScOnlyField, ScOnlyIcon, ScPairtext, ScPendingAction, ScPhtogenixInvite, ScPlanCard, ScPlanDetailsCard, ScProfile, ScProfileImageUpdate, ScProfileOptions, ScProfileSettingsComp, ScProgressBar, ScQuickPrompt, ScRadio, ScReferralTableHeader, ScReferralTableList, ScRole, ScSettingsNav, ScSidebar, ScSidebarIcons, ScSidebarMenu, ScSidebarProfile, ScSlider, ScStrLogo, ScTabComp, ScTabField, ScTabSwitcher, ScTableHeader, ScTableList, ScTextField, ScToggleSwitch, ScVDivider, ScVersion, ScWorkspaceCard, ScWorkspaceSwitchCard, type SidebarConfig, type SidebarIconContext, type SidebarIconMap, type SidebarIconRenderer, type SidebarMenuItemConfig, type SidebarProfileConfig, type SidebarSectionConfig, StreamoidSidebar, type StreamoidSidebarProps, StreamoidWorkspaceSwitcher, type StreamoidWorkspaceSwitcherProps, type WorkspaceSwitcherConfig, type WorkspaceSwitcherItem };
|