@streamoid/ui 0.6.17 → 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 +36 -36
  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
@@ -8234,10 +8234,10 @@
8234
8234
  margin: 0;
8235
8235
  }
8236
8236
  .ScRoleMobile_role-admin .ScRoleMobile_text {
8237
- color: var(--alias-text-icons-infocont, #6da5ff);
8237
+ color: var(--alias-text-and-icons-infocont, #6da5ff);
8238
8238
  }
8239
8239
  .ScRoleMobile_role-member .ScRoleMobile_text {
8240
- color: var(--alias-text-icons-tertiary, #9e9e9e);
8240
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
8241
8241
  }
8242
8242
 
8243
8243
  /* src/SC-Profile-V2-Mobile/ScProfileV2Mobile.module.css */
@@ -8273,7 +8273,7 @@
8273
8273
  align-items: center;
8274
8274
  justify-content: center;
8275
8275
  background: var(--alias-fill-neutral-neutralselected, #242424);
8276
- color: var(--alias-text-icons-primary, #f5f5f5);
8276
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8277
8277
  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
8278
8278
  font-size: var(--font-size-font-size-sm, 14px);
8279
8279
  font-weight: 500;
@@ -8293,7 +8293,7 @@
8293
8293
  font-weight: var(--font-weight-font-weight-medium, 500);
8294
8294
  font-size: 14px;
8295
8295
  line-height: var(--line-height-line-height-sm, 20px);
8296
- color: var(--alias-text-icons-primary, #f5f5f5);
8296
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8297
8297
  overflow: hidden;
8298
8298
  text-overflow: ellipsis;
8299
8299
  margin: 0;
@@ -8304,7 +8304,7 @@
8304
8304
  font-weight: var(--font-weight-font-weight-regular, 400);
8305
8305
  font-size: 12px;
8306
8306
  line-height: var(--line-height-line-height-xs, 18px);
8307
- color: var(--alias-text-icons-tertiary, #9e9e9e);
8307
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
8308
8308
  overflow: hidden;
8309
8309
  text-overflow: ellipsis;
8310
8310
  margin: 0;
@@ -8347,7 +8347,7 @@
8347
8347
  font-weight: var(--font-weight-font-weight-medium, 500);
8348
8348
  font-size: 14px;
8349
8349
  line-height: var(--line-height-line-height-sm, 20px);
8350
- color: var(--alias-text-icons-primary, #f5f5f5);
8350
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8351
8351
  overflow: hidden;
8352
8352
  text-overflow: ellipsis;
8353
8353
  margin: 0;
@@ -8358,7 +8358,7 @@
8358
8358
  font-weight: var(--font-weight-font-weight-regular, 400);
8359
8359
  font-size: 12px;
8360
8360
  line-height: var(--line-height-line-height-xs, 18px);
8361
- color: var(--alias-text-icons-tertiary, #9e9e9e);
8361
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
8362
8362
  overflow: hidden;
8363
8363
  text-overflow: ellipsis;
8364
8364
  margin: 0;
@@ -8385,7 +8385,7 @@
8385
8385
  align-items: center;
8386
8386
  justify-content: center;
8387
8387
  background: var(--alias-fill-neutral-neutralselected, #242424);
8388
- color: var(--alias-text-icons-primary, #f5f5f5);
8388
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8389
8389
  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
8390
8390
  font-size: 14px;
8391
8391
  font-weight: 500;
@@ -8412,7 +8412,7 @@
8412
8412
  font-weight: var(--font-weight-font-weight-regular, 400);
8413
8413
  font-size: var(--font-size-font-size-xs, 12px);
8414
8414
  line-height: var(--line-height-line-height-xs, 18px);
8415
- color: var(--alias-text-icons-infocont, #6da5ff);
8415
+ color: var(--alias-text-and-icons-infocont, #6da5ff);
8416
8416
  white-space: nowrap;
8417
8417
  margin: 0;
8418
8418
  }
@@ -8489,7 +8489,7 @@
8489
8489
  font-weight: var(--font-weight-font-weight-medium, 500);
8490
8490
  font-size: var(--font-size-font-size-md, 14px);
8491
8491
  line-height: var(--line-height-line-height-md, 20px);
8492
- color: var(--alias-text-icons-primary, #f5f5f5);
8492
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8493
8493
  text-align: center;
8494
8494
  overflow: hidden;
8495
8495
  text-overflow: ellipsis;
@@ -8501,7 +8501,7 @@
8501
8501
  font-weight: var(--font-weight-font-weight-medium, 500);
8502
8502
  font-size: 16px;
8503
8503
  line-height: var(--line-height-line-height-md, 24px);
8504
- color: var(--alias-text-icons-primary, #f5f5f5);
8504
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8505
8505
  overflow: hidden;
8506
8506
  text-overflow: ellipsis;
8507
8507
  margin: 0;
@@ -8523,7 +8523,7 @@
8523
8523
  font-weight: var(--font-weight-font-weight-regular, 400);
8524
8524
  font-size: var(--font-size-font-size-xs, 12px);
8525
8525
  line-height: var(--line-height-line-height-xs, 18px);
8526
- color: var(--alias-text-icons-infocont, #6da5ff);
8526
+ color: var(--alias-text-and-icons-infocont, #6da5ff);
8527
8527
  white-space: nowrap;
8528
8528
  margin: 0;
8529
8529
  }
@@ -8559,7 +8559,7 @@
8559
8559
  font-weight: var(--font-weight-font-weight-regular, 400);
8560
8560
  font-size: 14px;
8561
8561
  line-height: var(--line-height-line-height-sm, 20px);
8562
- color: var(--alias-text-icons-tertiary, #9e9e9e);
8562
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
8563
8563
  overflow: hidden;
8564
8564
  text-overflow: ellipsis;
8565
8565
  white-space: nowrap;
@@ -8619,7 +8619,7 @@
8619
8619
  font-weight: var(--font-weight-font-weight-medium, 500);
8620
8620
  font-size: var(--font-size-font-size-md, 14px);
8621
8621
  line-height: var(--line-height-line-height-md, 20px);
8622
- color: var(--alias-text-icons-primary, #f5f5f5);
8622
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8623
8623
  text-align: center;
8624
8624
  overflow: hidden;
8625
8625
  text-overflow: ellipsis;
@@ -8631,7 +8631,7 @@
8631
8631
  font-weight: var(--font-weight-font-weight-medium, 500);
8632
8632
  font-size: 16px;
8633
8633
  line-height: var(--line-height-line-height-md, 24px);
8634
- color: var(--alias-text-icons-primary, #f5f5f5);
8634
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8635
8635
  overflow: hidden;
8636
8636
  text-overflow: ellipsis;
8637
8637
  margin: 0;
@@ -8653,7 +8653,7 @@
8653
8653
  font-weight: var(--font-weight-font-weight-regular, 400);
8654
8654
  font-size: var(--font-size-font-size-xs, 12px);
8655
8655
  line-height: var(--line-height-line-height-xs, 18px);
8656
- color: var(--alias-text-icons-infocont, #6da5ff);
8656
+ color: var(--alias-text-and-icons-infocont, #6da5ff);
8657
8657
  white-space: nowrap;
8658
8658
  margin: 0;
8659
8659
  }
@@ -8689,7 +8689,7 @@
8689
8689
  font-weight: var(--font-weight-font-weight-regular, 400);
8690
8690
  font-size: 14px;
8691
8691
  line-height: var(--line-height-line-height-sm, 20px);
8692
- color: var(--alias-text-icons-tertiary, #9e9e9e);
8692
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
8693
8693
  overflow: hidden;
8694
8694
  text-overflow: ellipsis;
8695
8695
  white-space: nowrap;
@@ -8738,7 +8738,7 @@
8738
8738
  font-weight: var(--font-weight-font-weight-regular, 400);
8739
8739
  font-size: var(--font-size-font-size-md, 16px);
8740
8740
  line-height: var(--line-height-line-height-md, 24px);
8741
- color: var(--alias-text-icons-secondary, #dadada);
8741
+ color: var(--alias-text-and-icons-secondary, #dadada);
8742
8742
  margin: 0;
8743
8743
  min-width: 0;
8744
8744
  overflow: hidden;
@@ -8751,7 +8751,7 @@
8751
8751
  font-weight: var(--font-weight-font-weight-regular, 400);
8752
8752
  font-size: var(--font-size-font-size-md, 16px);
8753
8753
  line-height: var(--line-height-line-height-md, 24px);
8754
- color: var(--alias-text-icons-secondary, #dadada);
8754
+ color: var(--alias-text-and-icons-secondary, #dadada);
8755
8755
  text-align: center;
8756
8756
  margin: 0;
8757
8757
  min-width: 0;
@@ -8788,11 +8788,11 @@
8788
8788
  font-weight: var(--font-weight-font-weight-regular, 400);
8789
8789
  font-size: var(--font-size-font-size-md, 16px);
8790
8790
  line-height: var(--line-height-line-height-md, 24px);
8791
- color: var(--alias-text-icons-secondary, #dadada);
8791
+ color: var(--alias-text-and-icons-secondary, #dadada);
8792
8792
  min-width: 0;
8793
8793
  }
8794
8794
  .ScMobileTopNav_searchField::placeholder {
8795
- color: var(--alias-text-icons-muted, #7a7a7a);
8795
+ color: var(--alias-text-and-icons-muted, #7a7a7a);
8796
8796
  }
8797
8797
 
8798
8798
  /* src/SC-MobileBottomAction/ScMobileBottomAction.module.css */
@@ -8847,7 +8847,7 @@
8847
8847
  font-weight: var(--font-weight-font-weight-medium, 500);
8848
8848
  font-size: var(--font-size-font-size-sm, 14px);
8849
8849
  line-height: var(--line-height-line-height-sm, 20px);
8850
- color: var(--alias-text-icons-inverse, #101010);
8850
+ color: var(--alias-text-and-icons-inverse, #101010);
8851
8851
  white-space: nowrap;
8852
8852
  }
8853
8853
  .ScMobileBottomAction_outlineButtonText {
@@ -8855,7 +8855,7 @@
8855
8855
  font-weight: var(--font-weight-font-weight-medium, 500);
8856
8856
  font-size: var(--font-size-font-size-md, 16px);
8857
8857
  line-height: var(--line-height-line-height-md, 24px);
8858
- color: var(--alias-text-icons-primary, #f5f5f5);
8858
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8859
8859
  white-space: nowrap;
8860
8860
  }
8861
8861
 
@@ -8892,7 +8892,7 @@
8892
8892
  font-weight: var(--font-weight-font-weight-medium, 500);
8893
8893
  font-size: var(--font-size-font-size-md, 16px);
8894
8894
  line-height: var(--line-height-line-height-md, 24px);
8895
- color: var(--alias-text-icons-secondary, #dadada);
8895
+ color: var(--alias-text-and-icons-secondary, #dadada);
8896
8896
  white-space: nowrap;
8897
8897
  margin: 0;
8898
8898
  }
@@ -8946,7 +8946,7 @@
8946
8946
  align-items: center;
8947
8947
  justify-content: center;
8948
8948
  background: var(--alias-fill-neutral-neutralselected, #242424);
8949
- color: var(--alias-text-icons-primary, #f5f5f5);
8949
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8950
8950
  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
8951
8951
  font-size: 14px;
8952
8952
  font-weight: 500;
@@ -8963,7 +8963,7 @@
8963
8963
  font-weight: var(--font-weight-font-weight-medium, 500);
8964
8964
  font-size: 14px;
8965
8965
  line-height: var(--line-height-line-height-sm, 20px);
8966
- color: var(--alias-text-icons-primary, #f5f5f5);
8966
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8967
8967
  overflow: hidden;
8968
8968
  text-overflow: ellipsis;
8969
8969
  white-space: nowrap;
@@ -8974,7 +8974,7 @@
8974
8974
  font-weight: var(--font-weight-font-weight-regular, 400);
8975
8975
  font-size: 12px;
8976
8976
  line-height: var(--line-height-line-height-xs, 18px);
8977
- color: var(--alias-text-icons-tertiary, #9e9e9e);
8977
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
8978
8978
  overflow: hidden;
8979
8979
  text-overflow: ellipsis;
8980
8980
  white-space: nowrap;
@@ -8994,7 +8994,7 @@
8994
8994
  font-weight: var(--font-weight-font-weight-regular, 400);
8995
8995
  font-size: var(--font-size-font-size-xs, 12px);
8996
8996
  line-height: var(--line-height-line-height-xs, 18px);
8997
- color: var(--alias-text-icons-primary, #f5f5f5);
8997
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
8998
8998
  white-space: nowrap;
8999
8999
  margin: 0;
9000
9000
  }
@@ -9015,7 +9015,7 @@
9015
9015
  font-weight: var(--font-weight-font-weight-regular, 400);
9016
9016
  font-size: 14px;
9017
9017
  line-height: var(--line-height-line-height-sm, 20px);
9018
- color: var(--alias-text-icons-secondary, #dadada);
9018
+ color: var(--alias-text-and-icons-secondary, #dadada);
9019
9019
  overflow: hidden;
9020
9020
  text-overflow: ellipsis;
9021
9021
  white-space: nowrap;
@@ -9027,7 +9027,7 @@
9027
9027
  font-weight: var(--font-weight-font-weight-semibold, 600);
9028
9028
  font-size: 16px;
9029
9029
  line-height: var(--line-height-line-height-md, 24px);
9030
- color: var(--alias-text-icons-success, #00b96b);
9030
+ color: var(--alias-text-and-icons-success, #00b96b);
9031
9031
  text-align: right;
9032
9032
  overflow: hidden;
9033
9033
  text-overflow: ellipsis;
@@ -9232,7 +9232,7 @@
9232
9232
  font-weight: var(--font-weight-font-weight-medium, 500);
9233
9233
  font-size: 16px;
9234
9234
  line-height: var(--line-height-line-height-md, 24px);
9235
- color: var(--alias-text-icons-primary, #f5f5f5);
9235
+ color: var(--alias-text-and-icons-primary, #f5f5f5);
9236
9236
  overflow: hidden;
9237
9237
  text-overflow: ellipsis;
9238
9238
  white-space: nowrap;
@@ -9251,12 +9251,12 @@
9251
9251
  font-weight: var(--font-weight-font-weight-medium, 500);
9252
9252
  font-size: var(--font-size-font-size-sm, 14px);
9253
9253
  line-height: var(--line-height-line-height-sm, 20px);
9254
- color: var(--alias-text-icons-warning, #db8b00);
9254
+ color: var(--alias-text-and-icons-warning, #db8b00);
9255
9255
  white-space: nowrap;
9256
9256
  flex-shrink: 0;
9257
9257
  }
9258
9258
  .ScWorkspaceSwitchMobileV2_roleMember {
9259
- color: var(--alias-text-icons-info, #155cd6);
9259
+ color: var(--alias-text-and-icons-info, #155cd6);
9260
9260
  }
9261
9261
  .ScWorkspaceSwitchMobileV2_dot {
9262
9262
  width: 16px;
@@ -9272,14 +9272,14 @@
9272
9272
  width: 2.67px;
9273
9273
  height: 2.67px;
9274
9274
  border-radius: var(--radius-full, 999px);
9275
- background: var(--alias-text-icons-disabled, #5c5c5c);
9275
+ background: var(--alias-text-and-icons-disabled, #5c5c5c);
9276
9276
  }
9277
9277
  .ScWorkspaceSwitchMobileV2_planText {
9278
9278
  font-family: var(--font-family-font-family-body, "Inter", sans-serif);
9279
9279
  font-weight: var(--font-weight-font-weight-regular, 400);
9280
9280
  font-size: 14px;
9281
9281
  line-height: var(--line-height-line-height-sm, 20px);
9282
- color: var(--alias-text-icons-tertiary, #9e9e9e);
9282
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
9283
9283
  overflow: hidden;
9284
9284
  text-overflow: ellipsis;
9285
9285
  white-space: nowrap;
@@ -9290,7 +9290,7 @@
9290
9290
  font-weight: var(--font-weight-font-weight-regular, 400);
9291
9291
  font-size: 14px;
9292
9292
  line-height: var(--line-height-line-height-sm, 20px);
9293
- color: var(--alias-text-icons-tertiary, #9e9e9e);
9293
+ color: var(--alias-text-and-icons-tertiary, #9e9e9e);
9294
9294
  overflow: hidden;
9295
9295
  text-overflow: ellipsis;
9296
9296
  white-space: nowrap;
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.17",
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",