@servicetitan/navigation 13.1.0-canary.259.8b03eb7.0 → 13.1.0-canary.259.cd6c17f.0

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.
@@ -2,7 +2,7 @@
2
2
  @import (reference) '@servicetitan/tokens/core/tokens.less';
3
3
 
4
4
  @text-color: var(--colorsTextInverted, @color-white);
5
- @text-color-active: var(--colorsTextPrimarySubdued, @color-blue-300);
5
+ @text-color-active: var(--foreground-color-primary, @color-blue-300);
6
6
  @border-color: var(--colorsTextOnGrey, @color-neutral-200);
7
7
  @bg-color: #0f1d26;
8
8
  @bg-color-hover: rgba(255, 255, 255, 0.08);
@@ -185,6 +185,10 @@
185
185
  .nav-item {
186
186
  margin-left: @spacing-1;
187
187
  margin-right: @spacing-1;
188
+
189
+ &.nav-item-active .nav-item-text-expanded {
190
+ font-weight: @font-weight-bold;
191
+ }
188
192
  }
189
193
 
190
194
  .nav-top {
@@ -337,6 +341,7 @@
337
341
  align-items: center;
338
342
  outline: none;
339
343
  overflow: hidden;
344
+ font-weight: @font-weight-semibold;
340
345
 
341
346
  .nav-item-icon-wrapper {
342
347
  border-radius: @border-radius-2;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@servicetitan/navigation",
3
- "version": "13.1.0-canary.259.8b03eb7.0",
3
+ "version": "13.1.0-canary.259.cd6c17f.0",
4
4
  "description": "Navigation components",
5
5
  "repository": {
6
6
  "type": "git",
@@ -42,5 +42,5 @@
42
42
  "less": true,
43
43
  "webpack": false
44
44
  },
45
- "gitHead": "8b03eb7cb947a638c30dda748fb8683ff2d7a54f"
45
+ "gitHead": "cd6c17fad184d64eed03eabb5e446d32570dc2e2"
46
46
  }
@@ -2,7 +2,7 @@
2
2
  @import (reference) '@servicetitan/tokens/core/tokens.less';
3
3
 
4
4
  @text-color: var(--colorsTextInverted, @color-white);
5
- @text-color-active: var(--colorsTextPrimarySubdued, @color-blue-300);
5
+ @text-color-active: var(--foreground-color-primary, @color-blue-300);
6
6
  @border-color: var(--colorsTextOnGrey, @color-neutral-200);
7
7
  @bg-color: #0f1d26;
8
8
  @bg-color-hover: rgba(255, 255, 255, 0.08);
@@ -185,6 +185,10 @@
185
185
  .nav-item {
186
186
  margin-left: @spacing-1;
187
187
  margin-right: @spacing-1;
188
+
189
+ &.nav-item-active .nav-item-text-expanded {
190
+ font-weight: @font-weight-bold;
191
+ }
188
192
  }
189
193
 
190
194
  .nav-top {
@@ -337,6 +341,7 @@
337
341
  align-items: center;
338
342
  outline: none;
339
343
  overflow: hidden;
344
+ font-weight: @font-weight-semibold;
340
345
 
341
346
  .nav-item-icon-wrapper {
342
347
  border-radius: @border-radius-2;