@streamoid/ui 0.6.16 → 0.6.18

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.
Files changed (131) hide show
  1. package/README.md +35 -18
  2. package/dist/docs/AGENTS.md +321 -0
  3. package/dist/docs/CreditWarningBanner.md +305 -0
  4. package/dist/docs/InvoiceHistoryMobile.md +222 -0
  5. package/dist/docs/ScAccess.md +259 -0
  6. package/dist/docs/ScAppCard.md +244 -0
  7. package/dist/docs/ScAppCardForCopilot.md +230 -0
  8. package/dist/docs/ScAppCardV3.md +273 -0
  9. package/dist/docs/ScAppField.md +308 -0
  10. package/dist/docs/ScAppListingCard.md +271 -0
  11. package/dist/docs/ScAppSwitchPanel.md +286 -0
  12. package/dist/docs/ScAppcardLogos.md +226 -0
  13. package/dist/docs/ScArtifaxInvite.md +262 -0
  14. package/dist/docs/ScArtifaxSidebar.md +330 -0
  15. package/dist/docs/ScAskAgentButton.md +307 -0
  16. package/dist/docs/ScBadges.md +261 -0
  17. package/dist/docs/ScBeacon.md +244 -0
  18. package/dist/docs/ScBillingHistoryHeader.md +210 -0
  19. package/dist/docs/ScBillingHistoryTableList.md +243 -0
  20. package/dist/docs/ScBillingLogsTableHeader.md +212 -0
  21. package/dist/docs/ScBillingLogsTableList.md +251 -0
  22. package/dist/docs/ScBriefCard.md +255 -0
  23. package/dist/docs/ScButton.md +251 -0
  24. package/dist/docs/ScCalendar.md +268 -0
  25. package/dist/docs/ScCalendarDateComps.md +264 -0
  26. package/dist/docs/ScCatalogixInvite.md +345 -0
  27. package/dist/docs/ScCatalogixSidebar.md +337 -0
  28. package/dist/docs/ScCatalogixStoreHeader.md +246 -0
  29. package/dist/docs/ScCatalogixStoreTableList.md +316 -0
  30. package/dist/docs/ScCheckField.md +233 -0
  31. package/dist/docs/ScCheckbox.md +272 -0
  32. package/dist/docs/ScCounter.md +235 -0
  33. package/dist/docs/ScCreditsUsageCard.md +247 -0
  34. package/dist/docs/ScCreditsUsageCardMobile.md +224 -0
  35. package/dist/docs/ScDefaultCard.md +269 -0
  36. package/dist/docs/ScDp.md +245 -0
  37. package/dist/docs/ScDrawer.md +318 -0
  38. package/dist/docs/ScFieldButton.md +255 -0
  39. package/dist/docs/ScFileField.md +268 -0
  40. package/dist/docs/ScGoogleSignIn.md +250 -0
  41. package/dist/docs/ScGuide.md +278 -0
  42. package/dist/docs/ScHDivider.md +213 -0
  43. package/dist/docs/ScHeader.md +222 -0
  44. package/dist/docs/ScImageField.md +253 -0
  45. package/dist/docs/ScInChatList.md +277 -0
  46. package/dist/docs/ScInChatMessage.md +205 -0
  47. package/dist/docs/ScInfoPopup.md +248 -0
  48. package/dist/docs/ScIntialProfileCover.md +233 -0
  49. package/dist/docs/ScInvoiceHistoryMobile.md +187 -0
  50. package/dist/docs/ScLogoUnit.md +232 -0
  51. package/dist/docs/ScMappingCard.md +241 -0
  52. package/dist/docs/ScMediaApproval.md +301 -0
  53. package/dist/docs/ScMediaSelect.md +310 -0
  54. package/dist/docs/ScMenuOptions.md +308 -0
  55. package/dist/docs/ScMobileBottomAction.md +252 -0
  56. package/dist/docs/ScMobileTopNav.md +279 -0
  57. package/dist/docs/ScModal.md +291 -0
  58. package/dist/docs/ScOnlyField.md +302 -0
  59. package/dist/docs/ScOnlyIcon.md +213 -0
  60. package/dist/docs/ScPagination.md +284 -0
  61. package/dist/docs/ScPairtext.md +287 -0
  62. package/dist/docs/ScPendingAction.md +238 -0
  63. package/dist/docs/ScPhtogenixInvite.md +275 -0
  64. package/dist/docs/ScPlanCard.md +302 -0
  65. package/dist/docs/ScPlanComparison.md +264 -0
  66. package/dist/docs/ScPlanDetailsCard.md +246 -0
  67. package/dist/docs/ScPlanDetailsCardMobile.md +240 -0
  68. package/dist/docs/ScPopUpMenu.md +224 -0
  69. package/dist/docs/ScProfile.md +234 -0
  70. package/dist/docs/ScProfileImageUpdate.md +261 -0
  71. package/dist/docs/ScProfileOptions.md +245 -0
  72. package/dist/docs/ScProfilePopup.md +396 -0
  73. package/dist/docs/ScProfileSettingsComp.md +250 -0
  74. package/dist/docs/ScProfileV2Mobile.md +216 -0
  75. package/dist/docs/ScProgressBar.md +267 -0
  76. package/dist/docs/ScQuickPrompt.md +277 -0
  77. package/dist/docs/ScRadio.md +228 -0
  78. package/dist/docs/ScReferralCardMobile.md +226 -0
  79. package/dist/docs/ScReferralTableHeader.md +260 -0
  80. package/dist/docs/ScReferralTableList.md +293 -0
  81. package/dist/docs/ScRole.md +226 -0
  82. package/dist/docs/ScRoleMobile.md +199 -0
  83. package/dist/docs/ScSelect.md +270 -0
  84. package/dist/docs/ScSelection.md +256 -0
  85. package/dist/docs/ScSelectionList.md +272 -0
  86. package/dist/docs/ScSelectionPill.md +240 -0
  87. package/dist/docs/ScSelectionPillGroup.md +302 -0
  88. package/dist/docs/ScSettingsNav.md +212 -0
  89. package/dist/docs/ScSettingsTabComp.md +260 -0
  90. package/dist/docs/ScSideBarLogoUnit.md +340 -0
  91. package/dist/docs/ScSidebar.md +243 -0
  92. package/dist/docs/ScSidebarIcons.md +232 -0
  93. package/dist/docs/ScSidebarMenu.md +283 -0
  94. package/dist/docs/ScSidebarProfile.md +231 -0
  95. package/dist/docs/ScSidebarSwitchMenu.md +258 -0
  96. package/dist/docs/ScSlider.md +194 -0
  97. package/dist/docs/ScStoreCard.md +252 -0
  98. package/dist/docs/ScStrLogo.md +253 -0
  99. package/dist/docs/ScStreamoidWordmark.md +302 -0
  100. package/dist/docs/ScSubAgent.md +226 -0
  101. package/dist/docs/ScTabComp.md +308 -0
  102. package/dist/docs/ScTabField.md +258 -0
  103. package/dist/docs/ScTabSwitcher.md +307 -0
  104. package/dist/docs/ScTableHeader.md +261 -0
  105. package/dist/docs/ScTableList.md +301 -0
  106. package/dist/docs/ScTableListMobile.md +282 -0
  107. package/dist/docs/ScTabs.md +268 -0
  108. package/dist/docs/ScTaxonomyPill.md +263 -0
  109. package/dist/docs/ScTextArea.md +259 -0
  110. package/dist/docs/ScTextField.md +324 -0
  111. package/dist/docs/ScThinkingStepIcon.md +249 -0
  112. package/dist/docs/ScTodoList.md +288 -0
  113. package/dist/docs/ScToggleSwitch.md +229 -0
  114. package/dist/docs/ScUsageHistoryMobile.md +194 -0
  115. package/dist/docs/ScVDivider.md +215 -0
  116. package/dist/docs/ScValueMappingL1.md +256 -0
  117. package/dist/docs/ScVersion.md +251 -0
  118. package/dist/docs/ScWorkspace.md +233 -0
  119. package/dist/docs/ScWorkspaceCard.md +234 -0
  120. package/dist/docs/ScWorkspaceSettingsMobile.md +265 -0
  121. package/dist/docs/ScWorkspaceSwitchCard.md +314 -0
  122. package/dist/docs/ScWorkspaceSwitchMobile.md +241 -0
  123. package/dist/docs/ScWorkspaceSwitchMobileV2.md +278 -0
  124. package/dist/docs/StreamoidSidebar.md +403 -0
  125. package/dist/docs/StreamoidWorkspaceSwitcher.md +307 -0
  126. package/dist/docs/UsageHistoryMobile.md +235 -0
  127. package/dist/docs/components.json +4849 -0
  128. package/dist/index.css +43 -37
  129. package/dist/index.d.mts +10 -0
  130. package/dist/index.d.ts +10 -0
  131. package/package.json +3 -2
package/dist/index.css CHANGED
@@ -1274,6 +1274,11 @@
1274
1274
  overflow: visible;
1275
1275
  aspect-ratio: 1;
1276
1276
  }
1277
+ .ScCheckbox_scCheckbox > svg {
1278
+ display: block;
1279
+ width: 100%;
1280
+ height: 100%;
1281
+ }
1277
1282
  .ScCheckbox_scCheckbox.ScCheckbox_state-default .ScCheckbox_vector,
1278
1283
  .ScCheckbox_scCheckbox.ScCheckbox_state-selected .ScCheckbox_vector,
1279
1284
  .ScCheckbox_scCheckbox.ScCheckbox_state-partial .ScCheckbox_vector {
@@ -5949,7 +5954,7 @@
5949
5954
  display: flex;
5950
5955
  align-items: center;
5951
5956
  justify-content: center;
5952
- background: rgba(11, 8, 30, 0.5);
5957
+ background: rgba(16, 16, 16, 0.7);
5953
5958
  }
5954
5959
  .ScModal_content {
5955
5960
  padding: 24px;
@@ -8229,10 +8234,10 @@
8229
8234
  margin: 0;
8230
8235
  }
8231
8236
  .ScRoleMobile_role-admin .ScRoleMobile_text {
8232
- color: var(--alias-text-icons-infocont, #6da5ff);
8237
+ color: var(--alias-text-and-icons-infocont, #6da5ff);
8233
8238
  }
8234
8239
  .ScRoleMobile_role-member .ScRoleMobile_text {
8235
- color: var(--alias-text-icons-tertiary, #9e9e9e);
8240
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
8236
8241
  }
8237
8242
 
8238
8243
  /* src/SC-Profile-V2-Mobile/ScProfileV2Mobile.module.css */
@@ -8268,7 +8273,7 @@
8268
8273
  align-items: center;
8269
8274
  justify-content: center;
8270
8275
  background: var(--alias-fill-neutral-neutralselected, #242424);
8271
- color: var(--alias-text-icons-primary, #f5f5f5);
8276
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8272
8277
  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
8273
8278
  font-size: var(--font-size-font-size-sm, 14px);
8274
8279
  font-weight: 500;
@@ -8288,7 +8293,7 @@
8288
8293
  font-weight: var(--font-weight-font-weight-medium, 500);
8289
8294
  font-size: 14px;
8290
8295
  line-height: var(--line-height-line-height-sm, 20px);
8291
- color: var(--alias-text-icons-primary, #f5f5f5);
8296
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8292
8297
  overflow: hidden;
8293
8298
  text-overflow: ellipsis;
8294
8299
  margin: 0;
@@ -8299,7 +8304,7 @@
8299
8304
  font-weight: var(--font-weight-font-weight-regular, 400);
8300
8305
  font-size: 12px;
8301
8306
  line-height: var(--line-height-line-height-xs, 18px);
8302
- color: var(--alias-text-icons-tertiary, #9e9e9e);
8307
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
8303
8308
  overflow: hidden;
8304
8309
  text-overflow: ellipsis;
8305
8310
  margin: 0;
@@ -8342,7 +8347,7 @@
8342
8347
  font-weight: var(--font-weight-font-weight-medium, 500);
8343
8348
  font-size: 14px;
8344
8349
  line-height: var(--line-height-line-height-sm, 20px);
8345
- color: var(--alias-text-icons-primary, #f5f5f5);
8350
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8346
8351
  overflow: hidden;
8347
8352
  text-overflow: ellipsis;
8348
8353
  margin: 0;
@@ -8353,7 +8358,7 @@
8353
8358
  font-weight: var(--font-weight-font-weight-regular, 400);
8354
8359
  font-size: 12px;
8355
8360
  line-height: var(--line-height-line-height-xs, 18px);
8356
- color: var(--alias-text-icons-tertiary, #9e9e9e);
8361
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
8357
8362
  overflow: hidden;
8358
8363
  text-overflow: ellipsis;
8359
8364
  margin: 0;
@@ -8380,7 +8385,7 @@
8380
8385
  align-items: center;
8381
8386
  justify-content: center;
8382
8387
  background: var(--alias-fill-neutral-neutralselected, #242424);
8383
- color: var(--alias-text-icons-primary, #f5f5f5);
8388
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8384
8389
  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
8385
8390
  font-size: 14px;
8386
8391
  font-weight: 500;
@@ -8407,7 +8412,7 @@
8407
8412
  font-weight: var(--font-weight-font-weight-regular, 400);
8408
8413
  font-size: var(--font-size-font-size-xs, 12px);
8409
8414
  line-height: var(--line-height-line-height-xs, 18px);
8410
- color: var(--alias-text-icons-infocont, #6da5ff);
8415
+ color: var(--alias-text-and-icons-infocont, #6da5ff);
8411
8416
  white-space: nowrap;
8412
8417
  margin: 0;
8413
8418
  }
@@ -8484,7 +8489,7 @@
8484
8489
  font-weight: var(--font-weight-font-weight-medium, 500);
8485
8490
  font-size: var(--font-size-font-size-md, 14px);
8486
8491
  line-height: var(--line-height-line-height-md, 20px);
8487
- color: var(--alias-text-icons-primary, #f5f5f5);
8492
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8488
8493
  text-align: center;
8489
8494
  overflow: hidden;
8490
8495
  text-overflow: ellipsis;
@@ -8496,7 +8501,7 @@
8496
8501
  font-weight: var(--font-weight-font-weight-medium, 500);
8497
8502
  font-size: 16px;
8498
8503
  line-height: var(--line-height-line-height-md, 24px);
8499
- color: var(--alias-text-icons-primary, #f5f5f5);
8504
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8500
8505
  overflow: hidden;
8501
8506
  text-overflow: ellipsis;
8502
8507
  margin: 0;
@@ -8518,7 +8523,7 @@
8518
8523
  font-weight: var(--font-weight-font-weight-regular, 400);
8519
8524
  font-size: var(--font-size-font-size-xs, 12px);
8520
8525
  line-height: var(--line-height-line-height-xs, 18px);
8521
- color: var(--alias-text-icons-infocont, #6da5ff);
8526
+ color: var(--alias-text-and-icons-infocont, #6da5ff);
8522
8527
  white-space: nowrap;
8523
8528
  margin: 0;
8524
8529
  }
@@ -8554,7 +8559,7 @@
8554
8559
  font-weight: var(--font-weight-font-weight-regular, 400);
8555
8560
  font-size: 14px;
8556
8561
  line-height: var(--line-height-line-height-sm, 20px);
8557
- color: var(--alias-text-icons-tertiary, #9e9e9e);
8562
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
8558
8563
  overflow: hidden;
8559
8564
  text-overflow: ellipsis;
8560
8565
  white-space: nowrap;
@@ -8614,7 +8619,7 @@
8614
8619
  font-weight: var(--font-weight-font-weight-medium, 500);
8615
8620
  font-size: var(--font-size-font-size-md, 14px);
8616
8621
  line-height: var(--line-height-line-height-md, 20px);
8617
- color: var(--alias-text-icons-primary, #f5f5f5);
8622
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8618
8623
  text-align: center;
8619
8624
  overflow: hidden;
8620
8625
  text-overflow: ellipsis;
@@ -8626,7 +8631,7 @@
8626
8631
  font-weight: var(--font-weight-font-weight-medium, 500);
8627
8632
  font-size: 16px;
8628
8633
  line-height: var(--line-height-line-height-md, 24px);
8629
- color: var(--alias-text-icons-primary, #f5f5f5);
8634
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8630
8635
  overflow: hidden;
8631
8636
  text-overflow: ellipsis;
8632
8637
  margin: 0;
@@ -8648,7 +8653,7 @@
8648
8653
  font-weight: var(--font-weight-font-weight-regular, 400);
8649
8654
  font-size: var(--font-size-font-size-xs, 12px);
8650
8655
  line-height: var(--line-height-line-height-xs, 18px);
8651
- color: var(--alias-text-icons-infocont, #6da5ff);
8656
+ color: var(--alias-text-and-icons-infocont, #6da5ff);
8652
8657
  white-space: nowrap;
8653
8658
  margin: 0;
8654
8659
  }
@@ -8684,7 +8689,7 @@
8684
8689
  font-weight: var(--font-weight-font-weight-regular, 400);
8685
8690
  font-size: 14px;
8686
8691
  line-height: var(--line-height-line-height-sm, 20px);
8687
- color: var(--alias-text-icons-tertiary, #9e9e9e);
8692
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
8688
8693
  overflow: hidden;
8689
8694
  text-overflow: ellipsis;
8690
8695
  white-space: nowrap;
@@ -8733,7 +8738,7 @@
8733
8738
  font-weight: var(--font-weight-font-weight-regular, 400);
8734
8739
  font-size: var(--font-size-font-size-md, 16px);
8735
8740
  line-height: var(--line-height-line-height-md, 24px);
8736
- color: var(--alias-text-icons-secondary, #dadada);
8741
+ color: var(--alias-text-and-icons-secondary, #dadada);
8737
8742
  margin: 0;
8738
8743
  min-width: 0;
8739
8744
  overflow: hidden;
@@ -8746,7 +8751,7 @@
8746
8751
  font-weight: var(--font-weight-font-weight-regular, 400);
8747
8752
  font-size: var(--font-size-font-size-md, 16px);
8748
8753
  line-height: var(--line-height-line-height-md, 24px);
8749
- color: var(--alias-text-icons-secondary, #dadada);
8754
+ color: var(--alias-text-and-icons-secondary, #dadada);
8750
8755
  text-align: center;
8751
8756
  margin: 0;
8752
8757
  min-width: 0;
@@ -8783,11 +8788,11 @@
8783
8788
  font-weight: var(--font-weight-font-weight-regular, 400);
8784
8789
  font-size: var(--font-size-font-size-md, 16px);
8785
8790
  line-height: var(--line-height-line-height-md, 24px);
8786
- color: var(--alias-text-icons-secondary, #dadada);
8791
+ color: var(--alias-text-and-icons-secondary, #dadada);
8787
8792
  min-width: 0;
8788
8793
  }
8789
8794
  .ScMobileTopNav_searchField::placeholder {
8790
- color: var(--alias-text-icons-muted, #7a7a7a);
8795
+ color: var(--alias-text-and-icons-muted, #7a7a7a);
8791
8796
  }
8792
8797
 
8793
8798
  /* src/SC-MobileBottomAction/ScMobileBottomAction.module.css */
@@ -8842,7 +8847,7 @@
8842
8847
  font-weight: var(--font-weight-font-weight-medium, 500);
8843
8848
  font-size: var(--font-size-font-size-sm, 14px);
8844
8849
  line-height: var(--line-height-line-height-sm, 20px);
8845
- color: var(--alias-text-icons-inverse, #101010);
8850
+ color: var(--alias-text-and-icons-inverse, #101010);
8846
8851
  white-space: nowrap;
8847
8852
  }
8848
8853
  .ScMobileBottomAction_outlineButtonText {
@@ -8850,7 +8855,7 @@
8850
8855
  font-weight: var(--font-weight-font-weight-medium, 500);
8851
8856
  font-size: var(--font-size-font-size-md, 16px);
8852
8857
  line-height: var(--line-height-line-height-md, 24px);
8853
- color: var(--alias-text-icons-primary, #f5f5f5);
8858
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8854
8859
  white-space: nowrap;
8855
8860
  }
8856
8861
 
@@ -8887,7 +8892,7 @@
8887
8892
  font-weight: var(--font-weight-font-weight-medium, 500);
8888
8893
  font-size: var(--font-size-font-size-md, 16px);
8889
8894
  line-height: var(--line-height-line-height-md, 24px);
8890
- color: var(--alias-text-icons-secondary, #dadada);
8895
+ color: var(--alias-text-and-icons-secondary, #dadada);
8891
8896
  white-space: nowrap;
8892
8897
  margin: 0;
8893
8898
  }
@@ -8941,7 +8946,7 @@
8941
8946
  align-items: center;
8942
8947
  justify-content: center;
8943
8948
  background: var(--alias-fill-neutral-neutralselected, #242424);
8944
- color: var(--alias-text-icons-primary, #f5f5f5);
8949
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8945
8950
  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
8946
8951
  font-size: 14px;
8947
8952
  font-weight: 500;
@@ -8958,7 +8963,7 @@
8958
8963
  font-weight: var(--font-weight-font-weight-medium, 500);
8959
8964
  font-size: 14px;
8960
8965
  line-height: var(--line-height-line-height-sm, 20px);
8961
- color: var(--alias-text-icons-primary, #f5f5f5);
8966
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8962
8967
  overflow: hidden;
8963
8968
  text-overflow: ellipsis;
8964
8969
  white-space: nowrap;
@@ -8969,7 +8974,7 @@
8969
8974
  font-weight: var(--font-weight-font-weight-regular, 400);
8970
8975
  font-size: 12px;
8971
8976
  line-height: var(--line-height-line-height-xs, 18px);
8972
- color: var(--alias-text-icons-tertiary, #9e9e9e);
8977
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
8973
8978
  overflow: hidden;
8974
8979
  text-overflow: ellipsis;
8975
8980
  white-space: nowrap;
@@ -8989,7 +8994,7 @@
8989
8994
  font-weight: var(--font-weight-font-weight-regular, 400);
8990
8995
  font-size: var(--font-size-font-size-xs, 12px);
8991
8996
  line-height: var(--line-height-line-height-xs, 18px);
8992
- color: var(--alias-text-icons-primary, #f5f5f5);
8997
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8993
8998
  white-space: nowrap;
8994
8999
  margin: 0;
8995
9000
  }
@@ -9010,7 +9015,7 @@
9010
9015
  font-weight: var(--font-weight-font-weight-regular, 400);
9011
9016
  font-size: 14px;
9012
9017
  line-height: var(--line-height-line-height-sm, 20px);
9013
- color: var(--alias-text-icons-secondary, #dadada);
9018
+ color: var(--alias-text-and-icons-secondary, #dadada);
9014
9019
  overflow: hidden;
9015
9020
  text-overflow: ellipsis;
9016
9021
  white-space: nowrap;
@@ -9022,7 +9027,7 @@
9022
9027
  font-weight: var(--font-weight-font-weight-semibold, 600);
9023
9028
  font-size: 16px;
9024
9029
  line-height: var(--line-height-line-height-md, 24px);
9025
- color: var(--alias-text-icons-success, #00b96b);
9030
+ color: var(--alias-text-and-icons-success, #00b96b);
9026
9031
  text-align: right;
9027
9032
  overflow: hidden;
9028
9033
  text-overflow: ellipsis;
@@ -9227,7 +9232,7 @@
9227
9232
  font-weight: var(--font-weight-font-weight-medium, 500);
9228
9233
  font-size: 16px;
9229
9234
  line-height: var(--line-height-line-height-md, 24px);
9230
- color: var(--alias-text-icons-primary, #f5f5f5);
9235
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
9231
9236
  overflow: hidden;
9232
9237
  text-overflow: ellipsis;
9233
9238
  white-space: nowrap;
@@ -9246,12 +9251,12 @@
9246
9251
  font-weight: var(--font-weight-font-weight-medium, 500);
9247
9252
  font-size: var(--font-size-font-size-sm, 14px);
9248
9253
  line-height: var(--line-height-line-height-sm, 20px);
9249
- color: var(--alias-text-icons-warning, #db8b00);
9254
+ color: var(--alias-text-and-icons-warning, #db8b00);
9250
9255
  white-space: nowrap;
9251
9256
  flex-shrink: 0;
9252
9257
  }
9253
9258
  .ScWorkspaceSwitchMobileV2_roleMember {
9254
- color: var(--alias-text-icons-info, #155cd6);
9259
+ color: var(--alias-text-and-icons-info, #155cd6);
9255
9260
  }
9256
9261
  .ScWorkspaceSwitchMobileV2_dot {
9257
9262
  width: 16px;
@@ -9267,14 +9272,14 @@
9267
9272
  width: 2.67px;
9268
9273
  height: 2.67px;
9269
9274
  border-radius: var(--radius-full, 999px);
9270
- background: var(--alias-text-icons-disabled, #5c5c5c);
9275
+ background: var(--alias-text-and-icons-disabled, #5c5c5c);
9271
9276
  }
9272
9277
  .ScWorkspaceSwitchMobileV2_planText {
9273
9278
  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
9274
9279
  font-weight: var(--font-weight-font-weight-regular, 400);
9275
9280
  font-size: 14px;
9276
9281
  line-height: var(--line-height-line-height-sm, 20px);
9277
- color: var(--alias-text-icons-tertiary, #9e9e9e);
9282
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
9278
9283
  overflow: hidden;
9279
9284
  text-overflow: ellipsis;
9280
9285
  white-space: nowrap;
@@ -9285,7 +9290,7 @@
9285
9290
  font-weight: var(--font-weight-font-weight-regular, 400);
9286
9291
  font-size: 14px;
9287
9292
  line-height: var(--line-height-line-height-sm, 20px);
9288
- color: var(--alias-text-icons-tertiary, #9e9e9e);
9293
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
9289
9294
  overflow: hidden;
9290
9295
  text-overflow: ellipsis;
9291
9296
  white-space: nowrap;
@@ -9872,6 +9877,7 @@
9872
9877
  }
9873
9878
  .ScProfilePopup_menuOptionInstance {
9874
9879
  cursor: pointer;
9880
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
9875
9881
  }
9876
9882
  .ScProfilePopup_menuOptionInstance:focus-visible {
9877
9883
  outline: var(--stroke-st2, 2px) solid var(--alias-border-default, #3e3e3e);
package/dist/index.d.mts CHANGED
@@ -144,6 +144,16 @@ declare const ScBillingHistoryTableList: ({ invoiceNumber, amount, date, downloa
144
144
 
145
145
  interface IScButtonProps extends HTMLAttributes<HTMLDivElement> {
146
146
  text?: string;
147
+ /**
148
+ * Leading/trailing icon. Only rendered when `styleVariant` is `icon-left`,
149
+ * `icon-right` or `icon-only` — and note it defaults to a home icon, so always
150
+ * pass one for those variants.
151
+ *
152
+ * NOTE: `color` and `strokeWidth` on the element you pass are **overwritten** —
153
+ * the icon is cloned with `color="currentColor"` and a size-matched stroke so it
154
+ * always matches the label. Control the icon's colour with `variant`/`type`, not
155
+ * on the icon itself.
156
+ */
147
157
  icon?: JSX.Element;
148
158
  styleVariant?: "default" | "icon-right" | "icon-left" | "icon-only";
149
159
  state?: "default" | "hover" | "disabled";
package/dist/index.d.ts CHANGED
@@ -144,6 +144,16 @@ declare const ScBillingHistoryTableList: ({ invoiceNumber, amount, date, downloa
144
144
 
145
145
  interface IScButtonProps extends HTMLAttributes<HTMLDivElement> {
146
146
  text?: string;
147
+ /**
148
+ * Leading/trailing icon. Only rendered when `styleVariant` is `icon-left`,
149
+ * `icon-right` or `icon-only` — and note it defaults to a home icon, so always
150
+ * pass one for those variants.
151
+ *
152
+ * NOTE: `color` and `strokeWidth` on the element you pass are **overwritten** —
153
+ * the icon is cloned with `color="currentColor"` and a size-matched stroke so it
154
+ * always matches the label. Control the icon's colour with `variant`/`type`, not
155
+ * on the icon itself.
156
+ */
147
157
  icon?: JSX.Element;
148
158
  styleVariant?: "default" | "icon-right" | "icon-left" | "icon-only";
149
159
  state?: "default" | "hover" | "disabled";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@streamoid/ui",
3
- "version": "0.6.16",
3
+ "version": "0.6.18",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",
@@ -12,7 +12,8 @@
12
12
  },
13
13
  "sideEffects": false,
14
14
  "scripts": {
15
- "build": "npm run build:js && npm run build:dts",
15
+ "build": "npm run build:js && npm run build:dts && npm run build:docs",
16
+ "build:docs": "node scripts/build-docs.mjs",
16
17
  "build:js": "esbuild src/index.ts --bundle --loader:.module.css=local-css --external:react --external:react-dom --external:@streamoid/icons --outfile=dist/index.js --format=cjs && esbuild src/index.ts --bundle --loader:.module.css=local-css --external:react --external:react-dom --external:@streamoid/icons --outfile=dist/index.mjs --format=esm",
17
18
  "build:dts": "tsup src/index.ts --dts-only",
18
19
  "watch:js": "esbuild src/index.ts --bundle --loader:.module.css=local-css --external:react --external:react-dom --external:@streamoid/icons --outfile=dist/index.js --format=cjs --watch=forever & esbuild src/index.ts --bundle --loader:.module.css=local-css --external:react --external:react-dom --external:@streamoid/icons --outfile=dist/index.mjs --format=esm --watch=forever & wait",