@streamoid/ui 0.6.48 → 0.6.50

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 (2) hide show
  1. package/dist/index.css +30 -33
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -4045,16 +4045,13 @@
4045
4045
  display: flex;
4046
4046
  flex-direction: column;
4047
4047
  align-items: stretch;
4048
- width: min(var(--sc-workspace-menu-width, 336px), calc(100vw - 32px));
4048
+ width: 100%;
4049
+ max-width: 100%;
4049
4050
  max-height: calc(100dvh - 80px);
4050
4051
  overflow-y: auto;
4051
4052
  overscroll-behavior: contain;
4052
4053
  padding: var(--spacing-xl, 12px);
4053
4054
  gap: var(--spacing-lg, 10px);
4054
- border: 0.5px solid var(--alias-border-subtle, #242424);
4055
- border-radius: var(--radius-4xl, 18px);
4056
- background: var(--alias-surface-base, #101010);
4057
- backdrop-filter: blur(42px);
4058
4055
  color: var(--alias-text---icons-primary, #f5f5f5);
4059
4056
  font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
4060
4057
  }
@@ -4227,11 +4224,11 @@ button.ScSidebarShell_actionRow:hover {
4227
4224
  }
4228
4225
  .ScArtifaxSidebar_container.ScArtifaxSidebar_expanded {
4229
4226
  border-radius: var(--radius-3xl, 1rem);
4230
- width: 16rem;
4227
+ width: 256px;
4231
4228
  }
4232
4229
  .ScArtifaxSidebar_container.ScArtifaxSidebar_collapsed {
4233
4230
  align-items: center;
4234
- width: 3.5rem;
4231
+ width: 56px;
4235
4232
  border-radius: var(--radius-3xl, 1rem);
4236
4233
  }
4237
4234
  .ScArtifaxSidebar_borderOverlayExpanded {
@@ -4273,8 +4270,8 @@ button.ScSidebarShell_actionRow:hover {
4273
4270
  align-items: center;
4274
4271
  justify-content: center;
4275
4272
  padding: var(--spacing-md, 0.5rem);
4276
- width: 3rem;
4277
- height: 3rem;
4273
+ width: 48px;
4274
+ height: 48px;
4278
4275
  flex-shrink: 0;
4279
4276
  }
4280
4277
  .ScArtifaxSidebar_sectionContainer {
@@ -4303,7 +4300,7 @@ button.ScSidebarShell_actionRow:hover {
4303
4300
  cursor: pointer;
4304
4301
  width: 100%;
4305
4302
  text-align: left;
4306
- height: 1.75rem;
4303
+ height: 28px;
4307
4304
  }
4308
4305
  .ScArtifaxSidebar_sectionHeader:disabled {
4309
4306
  cursor: default;
@@ -4313,8 +4310,8 @@ button.ScSidebarShell_actionRow:hover {
4313
4310
  min-width: 0;
4314
4311
  color: var(--alias-text---icons-tertiary, var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e)));
4315
4312
  font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
4316
- font-size: 0.625rem;
4317
- line-height: 1.25rem;
4313
+ font-size: 10px;
4314
+ line-height: 20px;
4318
4315
  letter-spacing: 1px;
4319
4316
  text-transform: uppercase;
4320
4317
  font-weight: 400;
@@ -4323,8 +4320,8 @@ button.ScSidebarShell_actionRow:hover {
4323
4320
  white-space: nowrap;
4324
4321
  }
4325
4322
  .ScArtifaxSidebar_sectionChevron {
4326
- width: 1rem;
4327
- height: 1rem;
4323
+ width: 16px;
4324
+ height: 16px;
4328
4325
  flex-shrink: 0;
4329
4326
  color: var(--alias-text---icons-tertiary, var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e)));
4330
4327
  }
@@ -4356,7 +4353,7 @@ button.ScSidebarShell_actionRow:hover {
4356
4353
  flex: 1 1 0;
4357
4354
  width: 100%;
4358
4355
  min-width: 0;
4359
- min-height: 3rem;
4356
+ min-height: 48px;
4360
4357
  align-items: center;
4361
4358
  padding: var(--spacing-md, 0.5rem) var(--spacing-xl, 0.75rem);
4362
4359
  border: none;
@@ -4371,8 +4368,8 @@ button.ScSidebarShell_actionRow:hover {
4371
4368
  }
4372
4369
  .ScArtifaxSidebar_appIdentityCollapsed {
4373
4370
  display: flex;
4374
- width: 3rem;
4375
- height: 3rem;
4371
+ width: 48px;
4372
+ height: 48px;
4376
4373
  flex-shrink: 0;
4377
4374
  align-items: center;
4378
4375
  justify-content: center;
@@ -4393,15 +4390,15 @@ button.ScSidebarShell_actionRow:hover {
4393
4390
  flex-shrink: 0;
4394
4391
  background: transparent;
4395
4392
  border: none;
4396
- width: 3rem;
4397
- height: 3rem;
4393
+ width: 48px;
4394
+ height: 48px;
4398
4395
  }
4399
4396
  .ScArtifaxSidebar_profileRowCollapsed:hover {
4400
4397
  background: var(--alias-fill-neutral-neutral, #1a1a1a);
4401
4398
  }
4402
4399
  .ScArtifaxSidebar_profileAvatar {
4403
- width: 2rem;
4404
- height: 2rem;
4400
+ width: 32px;
4401
+ height: 32px;
4405
4402
  border-radius: var(--radius-full, 999px);
4406
4403
  overflow: hidden;
4407
4404
  flex-shrink: 0;
@@ -4423,9 +4420,9 @@ button.ScSidebarShell_actionRow:hover {
4423
4420
  }
4424
4421
  .ScArtifaxSidebar_profileName {
4425
4422
  font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
4426
- font-size: 0.875rem;
4423
+ font-size: 14px;
4427
4424
  font-weight: 500;
4428
- line-height: 1.25rem;
4425
+ line-height: 20px;
4429
4426
  color: var(--alias-text---icons-primary, var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5)));
4430
4427
  overflow: hidden;
4431
4428
  text-overflow: ellipsis;
@@ -4433,9 +4430,9 @@ button.ScSidebarShell_actionRow:hover {
4433
4430
  }
4434
4431
  .ScArtifaxSidebar_profileSubtitle {
4435
4432
  font-family: var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif);
4436
- font-size: 0.75rem;
4433
+ font-size: 12px;
4437
4434
  font-weight: 400;
4438
- line-height: 1.125rem;
4435
+ line-height: 18px;
4439
4436
  color: var(--alias-text---icons-tertiary, var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e)));
4440
4437
  overflow: hidden;
4441
4438
  text-overflow: ellipsis;
@@ -4464,8 +4461,8 @@ button.ScSidebarShell_actionRow:hover {
4464
4461
  background: var(--alias-fill-neutral-neutral, #1a1a1a);
4465
4462
  }
4466
4463
  .ScArtifaxSidebar_footerToggle > * {
4467
- width: 1.5rem;
4468
- height: 1.5rem;
4464
+ width: 24px;
4465
+ height: 24px;
4469
4466
  }
4470
4467
  .ScArtifaxSidebar_footerCollapsed {
4471
4468
  display: flex;
@@ -4477,8 +4474,8 @@ button.ScSidebarShell_actionRow:hover {
4477
4474
  flex-shrink: 0;
4478
4475
  }
4479
4476
  .ScArtifaxSidebar_placeholderIcon {
4480
- width: 1.25rem;
4481
- height: 1.25rem;
4477
+ width: 20px;
4478
+ height: 20px;
4482
4479
  flex-shrink: 0;
4483
4480
  display: inline-flex;
4484
4481
  align-items: center;
@@ -4486,16 +4483,16 @@ button.ScSidebarShell_actionRow:hover {
4486
4483
  }
4487
4484
  .ScArtifaxSidebar_placeholderIcon::before {
4488
4485
  content: "";
4489
- width: 0.625rem;
4490
- height: 0.625rem;
4486
+ width: 10px;
4487
+ height: 10px;
4491
4488
  border: 1px dashed var(--alias-text---icons-tertiary, var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e)));
4492
4489
  border-radius: var(--radius-full, 999px);
4493
4490
  }
4494
4491
  .ScArtifaxSidebar_versionText {
4495
4492
  margin: 0;
4496
4493
  padding: var(--spacing-xxs, 0.125rem) var(--spacing-md, 0.5rem);
4497
- font-size: 0.75rem;
4498
- line-height: 1rem;
4494
+ font-size: 12px;
4495
+ line-height: 16px;
4499
4496
  text-align: center;
4500
4497
  color: var(--alias-text---icons-muted, #7a7a7a);
4501
4498
  overflow: hidden;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@streamoid/ui",
3
- "version": "0.6.48",
3
+ "version": "0.6.50",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",