@sage/design-tokens 12.1.0 → 12.2.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.
Files changed (114) hide show
  1. package/css/frozenproduct/all.css +3 -1
  2. package/css/frozenproduct/large/components/nav.css +3 -1
  3. package/css/frozenproduct/small/components/nav.css +3 -1
  4. package/css/marketing/all.css +3 -1
  5. package/css/marketing/large/components/nav.css +3 -1
  6. package/css/marketing/small/components/nav.css +3 -1
  7. package/css/product/all.css +3 -1
  8. package/css/product/large/components/nav.css +3 -1
  9. package/css/product/small/components/nav.css +3 -1
  10. package/ios/frozenproduct/large/dark/components/nav.h +3 -1
  11. package/ios/frozenproduct/large/light/components/nav.h +3 -1
  12. package/ios/frozenproduct/small/dark/components/nav.h +3 -1
  13. package/ios/frozenproduct/small/light/components/nav.h +3 -1
  14. package/ios/marketing/large/dark/components/nav.h +3 -1
  15. package/ios/marketing/large/light/components/nav.h +3 -1
  16. package/ios/marketing/small/dark/components/nav.h +3 -1
  17. package/ios/marketing/small/light/components/nav.h +3 -1
  18. package/ios/product/large/dark/components/nav.h +3 -1
  19. package/ios/product/large/light/components/nav.h +3 -1
  20. package/ios/product/small/dark/components/nav.h +3 -1
  21. package/ios/product/small/light/components/nav.h +3 -1
  22. package/js/common/frozenproduct/large/dark/components/nav.d.ts +6 -0
  23. package/js/common/frozenproduct/large/dark/components/nav.js +36 -2
  24. package/js/common/frozenproduct/large/light/components/nav.d.ts +6 -0
  25. package/js/common/frozenproduct/large/light/components/nav.js +36 -2
  26. package/js/common/frozenproduct/small/dark/components/nav.d.ts +6 -0
  27. package/js/common/frozenproduct/small/dark/components/nav.js +36 -2
  28. package/js/common/frozenproduct/small/light/components/nav.d.ts +6 -0
  29. package/js/common/frozenproduct/small/light/components/nav.js +36 -2
  30. package/js/common/marketing/large/dark/components/nav.d.ts +6 -0
  31. package/js/common/marketing/large/dark/components/nav.js +36 -2
  32. package/js/common/marketing/large/light/components/nav.d.ts +6 -0
  33. package/js/common/marketing/large/light/components/nav.js +36 -2
  34. package/js/common/marketing/small/dark/components/nav.d.ts +6 -0
  35. package/js/common/marketing/small/dark/components/nav.js +36 -2
  36. package/js/common/marketing/small/light/components/nav.d.ts +6 -0
  37. package/js/common/marketing/small/light/components/nav.js +36 -2
  38. package/js/common/product/large/dark/components/nav.d.ts +6 -0
  39. package/js/common/product/large/dark/components/nav.js +36 -2
  40. package/js/common/product/large/light/components/nav.d.ts +6 -0
  41. package/js/common/product/large/light/components/nav.js +36 -2
  42. package/js/common/product/small/dark/components/nav.d.ts +6 -0
  43. package/js/common/product/small/dark/components/nav.js +36 -2
  44. package/js/common/product/small/light/components/nav.d.ts +6 -0
  45. package/js/common/product/small/light/components/nav.js +36 -2
  46. package/js/es6/frozenproduct/large/dark/components/nav.d.ts +2 -0
  47. package/js/es6/frozenproduct/large/dark/components/nav.js +3 -1
  48. package/js/es6/frozenproduct/large/light/components/nav.d.ts +2 -0
  49. package/js/es6/frozenproduct/large/light/components/nav.js +3 -1
  50. package/js/es6/frozenproduct/small/dark/components/nav.d.ts +2 -0
  51. package/js/es6/frozenproduct/small/dark/components/nav.js +3 -1
  52. package/js/es6/frozenproduct/small/light/components/nav.d.ts +2 -0
  53. package/js/es6/frozenproduct/small/light/components/nav.js +3 -1
  54. package/js/es6/marketing/large/dark/components/nav.d.ts +2 -0
  55. package/js/es6/marketing/large/dark/components/nav.js +3 -1
  56. package/js/es6/marketing/large/light/components/nav.d.ts +2 -0
  57. package/js/es6/marketing/large/light/components/nav.js +3 -1
  58. package/js/es6/marketing/small/dark/components/nav.d.ts +2 -0
  59. package/js/es6/marketing/small/dark/components/nav.js +3 -1
  60. package/js/es6/marketing/small/light/components/nav.d.ts +2 -0
  61. package/js/es6/marketing/small/light/components/nav.js +3 -1
  62. package/js/es6/product/large/dark/components/nav.d.ts +2 -0
  63. package/js/es6/product/large/dark/components/nav.js +3 -1
  64. package/js/es6/product/large/light/components/nav.d.ts +2 -0
  65. package/js/es6/product/large/light/components/nav.js +3 -1
  66. package/js/es6/product/small/dark/components/nav.d.ts +2 -0
  67. package/js/es6/product/small/dark/components/nav.js +3 -1
  68. package/js/es6/product/small/light/components/nav.d.ts +2 -0
  69. package/js/es6/product/small/light/components/nav.js +3 -1
  70. package/js/umd/frozenproduct/large/dark/components/nav.js +36 -2
  71. package/js/umd/frozenproduct/large/light/components/nav.js +36 -2
  72. package/js/umd/frozenproduct/small/dark/components/nav.js +36 -2
  73. package/js/umd/frozenproduct/small/light/components/nav.js +36 -2
  74. package/js/umd/marketing/large/dark/components/nav.js +36 -2
  75. package/js/umd/marketing/large/light/components/nav.js +36 -2
  76. package/js/umd/marketing/small/dark/components/nav.js +36 -2
  77. package/js/umd/marketing/small/light/components/nav.js +36 -2
  78. package/js/umd/product/large/dark/components/nav.js +36 -2
  79. package/js/umd/product/large/light/components/nav.js +36 -2
  80. package/js/umd/product/small/dark/components/nav.js +36 -2
  81. package/js/umd/product/small/light/components/nav.js +36 -2
  82. package/json/flat/frozenproduct/large/dark/components/nav.json +3 -1
  83. package/json/flat/frozenproduct/large/light/components/nav.json +3 -1
  84. package/json/flat/frozenproduct/small/dark/components/nav.json +3 -1
  85. package/json/flat/frozenproduct/small/light/components/nav.json +3 -1
  86. package/json/flat/marketing/large/dark/components/nav.json +3 -1
  87. package/json/flat/marketing/large/light/components/nav.json +3 -1
  88. package/json/flat/marketing/small/dark/components/nav.json +3 -1
  89. package/json/flat/marketing/small/light/components/nav.json +3 -1
  90. package/json/flat/product/large/dark/components/nav.json +3 -1
  91. package/json/flat/product/large/light/components/nav.json +3 -1
  92. package/json/flat/product/small/dark/components/nav.json +3 -1
  93. package/json/flat/product/small/light/components/nav.json +3 -1
  94. package/json/nested/frozenproduct/large/dark/components/nav.json +7 -1
  95. package/json/nested/frozenproduct/large/light/components/nav.json +7 -1
  96. package/json/nested/frozenproduct/small/dark/components/nav.json +7 -1
  97. package/json/nested/frozenproduct/small/light/components/nav.json +7 -1
  98. package/json/nested/marketing/large/dark/components/nav.json +7 -1
  99. package/json/nested/marketing/large/light/components/nav.json +7 -1
  100. package/json/nested/marketing/small/dark/components/nav.json +7 -1
  101. package/json/nested/marketing/small/light/components/nav.json +7 -1
  102. package/json/nested/product/large/dark/components/nav.json +7 -1
  103. package/json/nested/product/large/light/components/nav.json +7 -1
  104. package/json/nested/product/small/dark/components/nav.json +7 -1
  105. package/json/nested/product/small/light/components/nav.json +7 -1
  106. package/package.json +1 -1
  107. package/sage-design-tokens-12.2.0.tgz +0 -0
  108. package/scss/frozenproduct/large/components/nav.scss +3 -1
  109. package/scss/frozenproduct/small/components/nav.scss +3 -1
  110. package/scss/marketing/large/components/nav.scss +3 -1
  111. package/scss/marketing/small/components/nav.scss +3 -1
  112. package/scss/product/large/components/nav.scss +3 -1
  113. package/scss/product/small/components/nav.scss +3 -1
  114. package/sage-design-tokens-12.1.0.tgz +0 -0
package/css/frozenproduct/all.css CHANGED
@@ -1462,7 +1462,7 @@
1462
1462
  --logo-space-ai-xg-m: var(--global-space-micro-l); /* Space between star icon and text */
1463
1463
 
1464
1464
  /* nav component tokens */
1465
- --nav-space-leftnav-grandchilditem-x-indent: 29; /* indent on grandchild items */
1465
+ --nav-space-leftnav-grandchilditem-x-indent: 33; /* indent on grandchild items */
1466
1466
  --nav-color-bg-default: light-dark(var(--modes-color-generic-bg-nought-light), var(--modes-color-generic-bg-nought-dark)); /* nav bar bg */
1467
1467
  --nav-color-item-bg-enabled: light-dark(var(--modes-color-none-light), var(--modes-color-none-dark));
1468
1468
  --nav-color-leftnav-container-bg-default: light-dark(var(--modes-color-generic-bg-nought-light), var(--modes-color-generic-bg-nought-dark)); /* bg of of horizontal nav variant that launches the left nav */
@@ -1548,12 +1548,14 @@
1548
1548
  --nav-space-leftnav-parentitem-horizontal-xg-m: var(--global-space-micro-s); /* vertical gap on stacked parent items */
1549
1549
  --nav-space-leftnav-parentitem-horizontal-y-m: var(--global-space-macro-xxxs); /* vertical padding on stacked parent items */
1550
1550
  --nav-space-leftnav-parentitem-horizontal-yg-m: var(--global-space-micro-s); /* vertical gap on stacked parent items */
1551
+ --nav-space-leftnav-childitem-yg-m: calc(var(--global-space-macro-xxxs) / 2); /* vertical gap inside child items */
1551
1552
  --nav-space-leftnav-childitem-x-m: var(--global-space-macro-xxxs); /* horizontal padding on child items */
1552
1553
  --nav-space-leftnav-childitem-xg-m: var(--global-space-macro-xxxs); /* gap spacing on child items between pills and accordion chevrons */
1553
1554
  --nav-space-leftnav-childitem-y-m: var(--global-space-macro-xxxs); /* vertical padding on child items */
1554
1555
  --nav-space-leftnav-grandchilditem-x-m: var(--global-space-macro-xxxs); /* horizontal padding on child items */
1555
1556
  --nav-space-leftnav-grandchilditem-xg-m: var(--global-space-macro-xxxs); /* gap spacing on child items between pills and accordion chevrons */
1556
1557
  --nav-space-leftnav-grandchilditem-y-m: var(--global-space-macro-xxxs); /* vertical padding on child items */
1558
+ --nav-space-leftnav-grandchilditem-yg-m: calc(var(--global-space-macro-xxxs) / 2); /* vertical gap inside grandchild items */
1557
1559
 
1558
1560
  /* page component tokens */
1559
1561
  --page-color-bg-default: light-dark(var(--modes-color-generic-backdrop-nought-light), var(--modes-color-generic-backdrop-nought-dark));
package/css/frozenproduct/large/components/nav.css CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
 
5
5
  :root {
6
- --nav-space-leftnav-grandchilditem-x-indent: 29; /* indent on grandchild items */
6
+ --nav-space-leftnav-grandchilditem-x-indent: 33; /* indent on grandchild items */
7
7
  --nav-color-bg-default: var(--modes-color-generic-bg-nought); /* nav bar bg */
8
8
  --nav-color-item-bg-enabled: var(--modes-color-none);
9
9
  --nav-color-leftnav-container-bg-default: var(--modes-color-generic-bg-nought); /* bg of of horizontal nav variant that launches the left nav */
@@ -95,10 +95,12 @@
95
95
  --nav-space-leftnav-parentitem-horizontal-xg-m: var(--global-space-micro-s); /* vertical gap on stacked parent items */
96
96
  --nav-space-leftnav-parentitem-horizontal-y-m: var(--global-space-macro-xxxs); /* vertical padding on stacked parent items */
97
97
  --nav-space-leftnav-parentitem-horizontal-yg-m: var(--global-space-micro-s); /* vertical gap on stacked parent items */
98
+ --nav-space-leftnav-childitem-yg-m: calc(var(--global-space-macro-xxxs) / 2); /* vertical gap inside child items */
98
99
  --nav-space-leftnav-childitem-x-m: var(--global-space-macro-xxxs); /* horizontal padding on child items */
99
100
  --nav-space-leftnav-childitem-xg-m: var(--global-space-macro-xxxs); /* gap spacing on child items between pills and accordion chevrons */
100
101
  --nav-space-leftnav-childitem-y-m: var(--global-space-macro-xxxs); /* vertical padding on child items */
101
102
  --nav-space-leftnav-grandchilditem-x-m: var(--global-space-macro-xxxs); /* horizontal padding on child items */
102
103
  --nav-space-leftnav-grandchilditem-xg-m: var(--global-space-macro-xxxs); /* gap spacing on child items between pills and accordion chevrons */
103
104
  --nav-space-leftnav-grandchilditem-y-m: var(--global-space-macro-xxxs); /* vertical padding on child items */
105
+ --nav-space-leftnav-grandchilditem-yg-m: calc(var(--global-space-macro-xxxs) / 2); /* vertical gap inside grandchild items */
104
106
  }
package/css/frozenproduct/small/components/nav.css CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
 
5
5
  :root {
6
- --nav-space-leftnav-grandchilditem-x-indent: 29; /* indent on grandchild items */
6
+ --nav-space-leftnav-grandchilditem-x-indent: 33; /* indent on grandchild items */
7
7
  --nav-color-bg-default: var(--modes-color-generic-bg-nought); /* nav bar bg */
8
8
  --nav-color-item-bg-enabled: var(--modes-color-none);
9
9
  --nav-color-leftnav-container-bg-default: var(--modes-color-generic-bg-nought); /* bg of of horizontal nav variant that launches the left nav */
@@ -95,10 +95,12 @@
95
95
  --nav-space-leftnav-parentitem-horizontal-xg-m: var(--global-space-micro-s); /* vertical gap on stacked parent items */
96
96
  --nav-space-leftnav-parentitem-horizontal-y-m: var(--global-space-macro-xxxs); /* vertical padding on stacked parent items */
97
97
  --nav-space-leftnav-parentitem-horizontal-yg-m: var(--global-space-micro-s); /* vertical gap on stacked parent items */
98
+ --nav-space-leftnav-childitem-yg-m: calc(var(--global-space-macro-xxxs) / 2); /* vertical gap inside child items */
98
99
  --nav-space-leftnav-childitem-x-m: var(--global-space-macro-xxxs); /* horizontal padding on child items */
99
100
  --nav-space-leftnav-childitem-xg-m: var(--global-space-macro-xxxs); /* gap spacing on child items between pills and accordion chevrons */
100
101
  --nav-space-leftnav-childitem-y-m: var(--global-space-macro-xxxs); /* vertical padding on child items */
101
102
  --nav-space-leftnav-grandchilditem-x-m: var(--global-space-macro-xxxs); /* horizontal padding on child items */
102
103
  --nav-space-leftnav-grandchilditem-xg-m: var(--global-space-macro-xxxs); /* gap spacing on child items between pills and accordion chevrons */
103
104
  --nav-space-leftnav-grandchilditem-y-m: var(--global-space-macro-xxxs); /* vertical padding on child items */
105
+ --nav-space-leftnav-grandchilditem-yg-m: calc(var(--global-space-macro-xxxs) / 2); /* vertical gap inside grandchild items */
104
106
  }
package/css/marketing/all.css CHANGED
@@ -1462,7 +1462,7 @@
1462
1462
  --logo-space-ai-xg-m: var(--global-space-micro-l); /* Space between star icon and text */
1463
1463
 
1464
1464
  /* nav component tokens */
1465
- --nav-space-leftnav-grandchilditem-x-indent: 29; /* indent on grandchild items */
1465
+ --nav-space-leftnav-grandchilditem-x-indent: 33; /* indent on grandchild items */
1466
1466
  --nav-color-bg-default: light-dark(var(--modes-color-generic-bg-nought-light), var(--modes-color-generic-bg-nought-dark)); /* nav bar bg */
1467
1467
  --nav-color-item-bg-enabled: light-dark(var(--modes-color-none-light), var(--modes-color-none-dark));
1468
1468
  --nav-color-leftnav-container-bg-default: light-dark(var(--modes-color-generic-bg-nought-light), var(--modes-color-generic-bg-nought-dark)); /* bg of of horizontal nav variant that launches the left nav */
@@ -1548,12 +1548,14 @@
1548
1548
  --nav-space-leftnav-parentitem-horizontal-xg-m: var(--global-space-micro-s); /* vertical gap on stacked parent items */
1549
1549
  --nav-space-leftnav-parentitem-horizontal-y-m: var(--global-space-macro-xxxs); /* vertical padding on stacked parent items */
1550
1550
  --nav-space-leftnav-parentitem-horizontal-yg-m: var(--global-space-micro-s); /* vertical gap on stacked parent items */
1551
+ --nav-space-leftnav-childitem-yg-m: calc(var(--global-space-macro-xxxs) / 2); /* vertical gap inside child items */
1551
1552
  --nav-space-leftnav-childitem-x-m: var(--global-space-macro-xxxs); /* horizontal padding on child items */
1552
1553
  --nav-space-leftnav-childitem-xg-m: var(--global-space-macro-xxxs); /* gap spacing on child items between pills and accordion chevrons */
1553
1554
  --nav-space-leftnav-childitem-y-m: var(--global-space-macro-xxxs); /* vertical padding on child items */
1554
1555
  --nav-space-leftnav-grandchilditem-x-m: var(--global-space-macro-xxxs); /* horizontal padding on child items */
1555
1556
  --nav-space-leftnav-grandchilditem-xg-m: var(--global-space-macro-xxxs); /* gap spacing on child items between pills and accordion chevrons */
1556
1557
  --nav-space-leftnav-grandchilditem-y-m: var(--global-space-macro-xxxs); /* vertical padding on child items */
1558
+ --nav-space-leftnav-grandchilditem-yg-m: calc(var(--global-space-macro-xxxs) / 2); /* vertical gap inside grandchild items */
1557
1559
 
1558
1560
  /* page component tokens */
1559
1561
  --page-color-bg-default: light-dark(var(--modes-color-generic-backdrop-nought-light), var(--modes-color-generic-backdrop-nought-dark));
package/css/marketing/large/components/nav.css CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
 
5
5
  :root {
6
- --nav-space-leftnav-grandchilditem-x-indent: 29; /* indent on grandchild items */
6
+ --nav-space-leftnav-grandchilditem-x-indent: 33; /* indent on grandchild items */
7
7
  --nav-color-bg-default: var(--modes-color-generic-bg-nought); /* nav bar bg */
8
8
  --nav-color-item-bg-enabled: var(--modes-color-none);
9
9
  --nav-color-leftnav-container-bg-default: var(--modes-color-generic-bg-nought); /* bg of of horizontal nav variant that launches the left nav */
@@ -95,10 +95,12 @@
95
95
  --nav-space-leftnav-parentitem-horizontal-xg-m: var(--global-space-micro-s); /* vertical gap on stacked parent items */
96
96
  --nav-space-leftnav-parentitem-horizontal-y-m: var(--global-space-macro-xxxs); /* vertical padding on stacked parent items */
97
97
  --nav-space-leftnav-parentitem-horizontal-yg-m: var(--global-space-micro-s); /* vertical gap on stacked parent items */
98
+ --nav-space-leftnav-childitem-yg-m: calc(var(--global-space-macro-xxxs) / 2); /* vertical gap inside child items */
98
99
  --nav-space-leftnav-childitem-x-m: var(--global-space-macro-xxxs); /* horizontal padding on child items */
99
100
  --nav-space-leftnav-childitem-xg-m: var(--global-space-macro-xxxs); /* gap spacing on child items between pills and accordion chevrons */
100
101
  --nav-space-leftnav-childitem-y-m: var(--global-space-macro-xxxs); /* vertical padding on child items */
101
102
  --nav-space-leftnav-grandchilditem-x-m: var(--global-space-macro-xxxs); /* horizontal padding on child items */
102
103
  --nav-space-leftnav-grandchilditem-xg-m: var(--global-space-macro-xxxs); /* gap spacing on child items between pills and accordion chevrons */
103
104
  --nav-space-leftnav-grandchilditem-y-m: var(--global-space-macro-xxxs); /* vertical padding on child items */
105
+ --nav-space-leftnav-grandchilditem-yg-m: calc(var(--global-space-macro-xxxs) / 2); /* vertical gap inside grandchild items */
104
106
  }
package/css/marketing/small/components/nav.css CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
 
5
5
  :root {
6
- --nav-space-leftnav-grandchilditem-x-indent: 29; /* indent on grandchild items */
6
+ --nav-space-leftnav-grandchilditem-x-indent: 33; /* indent on grandchild items */
7
7
  --nav-color-bg-default: var(--modes-color-generic-bg-nought); /* nav bar bg */
8
8
  --nav-color-item-bg-enabled: var(--modes-color-none);
9
9
  --nav-color-leftnav-container-bg-default: var(--modes-color-generic-bg-nought); /* bg of of horizontal nav variant that launches the left nav */
@@ -95,10 +95,12 @@
95
95
  --nav-space-leftnav-parentitem-horizontal-xg-m: var(--global-space-micro-s); /* vertical gap on stacked parent items */
96
96
  --nav-space-leftnav-parentitem-horizontal-y-m: var(--global-space-macro-xxxs); /* vertical padding on stacked parent items */
97
97
  --nav-space-leftnav-parentitem-horizontal-yg-m: var(--global-space-micro-s); /* vertical gap on stacked parent items */
98
+ --nav-space-leftnav-childitem-yg-m: calc(var(--global-space-macro-xxxs) / 2); /* vertical gap inside child items */
98
99
  --nav-space-leftnav-childitem-x-m: var(--global-space-macro-xxxs); /* horizontal padding on child items */
99
100
  --nav-space-leftnav-childitem-xg-m: var(--global-space-macro-xxxs); /* gap spacing on child items between pills and accordion chevrons */
100
101
  --nav-space-leftnav-childitem-y-m: var(--global-space-macro-xxxs); /* vertical padding on child items */
101
102
  --nav-space-leftnav-grandchilditem-x-m: var(--global-space-macro-xxxs); /* horizontal padding on child items */
102
103
  --nav-space-leftnav-grandchilditem-xg-m: var(--global-space-macro-xxxs); /* gap spacing on child items between pills and accordion chevrons */
103
104
  --nav-space-leftnav-grandchilditem-y-m: var(--global-space-macro-xxxs); /* vertical padding on child items */
105
+ --nav-space-leftnav-grandchilditem-yg-m: calc(var(--global-space-macro-xxxs) / 2); /* vertical gap inside grandchild items */
104
106
  }
package/css/product/all.css CHANGED
@@ -1462,7 +1462,7 @@
1462
1462
  --logo-space-ai-xg-m: var(--global-space-micro-l); /* Space between star icon and text */
1463
1463
 
1464
1464
  /* nav component tokens */
1465
- --nav-space-leftnav-grandchilditem-x-indent: 29; /* indent on grandchild items */
1465
+ --nav-space-leftnav-grandchilditem-x-indent: 33; /* indent on grandchild items */
1466
1466
  --nav-color-bg-default: light-dark(var(--modes-color-generic-bg-nought-light), var(--modes-color-generic-bg-nought-dark)); /* nav bar bg */
1467
1467
  --nav-color-item-bg-enabled: light-dark(var(--modes-color-none-light), var(--modes-color-none-dark));
1468
1468
  --nav-color-leftnav-container-bg-default: light-dark(var(--modes-color-generic-bg-nought-light), var(--modes-color-generic-bg-nought-dark)); /* bg of of horizontal nav variant that launches the left nav */
@@ -1548,12 +1548,14 @@
1548
1548
  --nav-space-leftnav-parentitem-horizontal-xg-m: var(--global-space-micro-s); /* vertical gap on stacked parent items */
1549
1549
  --nav-space-leftnav-parentitem-horizontal-y-m: var(--global-space-macro-xxxs); /* vertical padding on stacked parent items */
1550
1550
  --nav-space-leftnav-parentitem-horizontal-yg-m: var(--global-space-micro-s); /* vertical gap on stacked parent items */
1551
+ --nav-space-leftnav-childitem-yg-m: calc(var(--global-space-macro-xxxs) / 2); /* vertical gap inside child items */
1551
1552
  --nav-space-leftnav-childitem-x-m: var(--global-space-macro-xxxs); /* horizontal padding on child items */
1552
1553
  --nav-space-leftnav-childitem-xg-m: var(--global-space-macro-xxxs); /* gap spacing on child items between pills and accordion chevrons */
1553
1554
  --nav-space-leftnav-childitem-y-m: var(--global-space-macro-xxxs); /* vertical padding on child items */
1554
1555
  --nav-space-leftnav-grandchilditem-x-m: var(--global-space-macro-xxxs); /* horizontal padding on child items */
1555
1556
  --nav-space-leftnav-grandchilditem-xg-m: var(--global-space-macro-xxxs); /* gap spacing on child items between pills and accordion chevrons */
1556
1557
  --nav-space-leftnav-grandchilditem-y-m: var(--global-space-macro-xxxs); /* vertical padding on child items */
1558
+ --nav-space-leftnav-grandchilditem-yg-m: calc(var(--global-space-macro-xxxs) / 2); /* vertical gap inside grandchild items */
1557
1559
 
1558
1560
  /* page component tokens */
1559
1561
  --page-color-bg-default: light-dark(var(--modes-color-generic-backdrop-nought-light), var(--modes-color-generic-backdrop-nought-dark));
package/css/product/large/components/nav.css CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
 
5
5
  :root {
6
- --nav-space-leftnav-grandchilditem-x-indent: 29; /* indent on grandchild items */
6
+ --nav-space-leftnav-grandchilditem-x-indent: 33; /* indent on grandchild items */
7
7
  --nav-color-bg-default: var(--modes-color-generic-bg-nought); /* nav bar bg */
8
8
  --nav-color-item-bg-enabled: var(--modes-color-none);
9
9
  --nav-color-leftnav-container-bg-default: var(--modes-color-generic-bg-nought); /* bg of of horizontal nav variant that launches the left nav */
@@ -95,10 +95,12 @@
95
95
  --nav-space-leftnav-parentitem-horizontal-xg-m: var(--global-space-micro-s); /* vertical gap on stacked parent items */
96
96
  --nav-space-leftnav-parentitem-horizontal-y-m: var(--global-space-macro-xxxs); /* vertical padding on stacked parent items */
97
97
  --nav-space-leftnav-parentitem-horizontal-yg-m: var(--global-space-micro-s); /* vertical gap on stacked parent items */
98
+ --nav-space-leftnav-childitem-yg-m: calc(var(--global-space-macro-xxxs) / 2); /* vertical gap inside child items */
98
99
  --nav-space-leftnav-childitem-x-m: var(--global-space-macro-xxxs); /* horizontal padding on child items */
99
100
  --nav-space-leftnav-childitem-xg-m: var(--global-space-macro-xxxs); /* gap spacing on child items between pills and accordion chevrons */
100
101
  --nav-space-leftnav-childitem-y-m: var(--global-space-macro-xxxs); /* vertical padding on child items */
101
102
  --nav-space-leftnav-grandchilditem-x-m: var(--global-space-macro-xxxs); /* horizontal padding on child items */
102
103
  --nav-space-leftnav-grandchilditem-xg-m: var(--global-space-macro-xxxs); /* gap spacing on child items between pills and accordion chevrons */
103
104
  --nav-space-leftnav-grandchilditem-y-m: var(--global-space-macro-xxxs); /* vertical padding on child items */
105
+ --nav-space-leftnav-grandchilditem-yg-m: calc(var(--global-space-macro-xxxs) / 2); /* vertical gap inside grandchild items */
104
106
  }
package/css/product/small/components/nav.css CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
 
5
5
  :root {
6
- --nav-space-leftnav-grandchilditem-x-indent: 29; /* indent on grandchild items */
6
+ --nav-space-leftnav-grandchilditem-x-indent: 33; /* indent on grandchild items */
7
7
  --nav-color-bg-default: var(--modes-color-generic-bg-nought); /* nav bar bg */
8
8
  --nav-color-item-bg-enabled: var(--modes-color-none);
9
9
  --nav-color-leftnav-container-bg-default: var(--modes-color-generic-bg-nought); /* bg of of horizontal nav variant that launches the left nav */
@@ -95,10 +95,12 @@
95
95
  --nav-space-leftnav-parentitem-horizontal-xg-m: var(--global-space-micro-s); /* vertical gap on stacked parent items */
96
96
  --nav-space-leftnav-parentitem-horizontal-y-m: var(--global-space-macro-xxxs); /* vertical padding on stacked parent items */
97
97
  --nav-space-leftnav-parentitem-horizontal-yg-m: var(--global-space-micro-s); /* vertical gap on stacked parent items */
98
+ --nav-space-leftnav-childitem-yg-m: calc(var(--global-space-macro-xxxs) / 2); /* vertical gap inside child items */
98
99
  --nav-space-leftnav-childitem-x-m: var(--global-space-macro-xxxs); /* horizontal padding on child items */
99
100
  --nav-space-leftnav-childitem-xg-m: var(--global-space-macro-xxxs); /* gap spacing on child items between pills and accordion chevrons */
100
101
  --nav-space-leftnav-childitem-y-m: var(--global-space-macro-xxxs); /* vertical padding on child items */
101
102
  --nav-space-leftnav-grandchilditem-x-m: var(--global-space-macro-xxxs); /* horizontal padding on child items */
102
103
  --nav-space-leftnav-grandchilditem-xg-m: var(--global-space-macro-xxxs); /* gap spacing on child items between pills and accordion chevrons */
103
104
  --nav-space-leftnav-grandchilditem-y-m: var(--global-space-macro-xxxs); /* vertical padding on child items */
105
+ --nav-space-leftnav-grandchilditem-yg-m: calc(var(--global-space-macro-xxxs) / 2); /* vertical gap inside grandchild items */
104
106
  }
package/ios/frozenproduct/large/dark/components/nav.h CHANGED
@@ -88,13 +88,15 @@
88
88
  #define navSpaceLeftnavParentitemHorizontalXgM 4
89
89
  #define navSpaceLeftnavParentitemHorizontalYM 8
90
90
  #define navSpaceLeftnavParentitemHorizontalYgM 4
91
+ #define navSpaceLeftnavChilditemYgM 4
91
92
  #define navSpaceLeftnavChilditemXM 8
92
93
  #define navSpaceLeftnavChilditemXgM 8
93
94
  #define navSpaceLeftnavChilditemYM 8
94
95
  #define navSpaceLeftnavGrandchilditemXM 8
95
- #define navSpaceLeftnavGrandchilditemXIndent 29
96
+ #define navSpaceLeftnavGrandchilditemXIndent 33
96
97
  #define navSpaceLeftnavGrandchilditemXgM 8
97
98
  #define navSpaceLeftnavGrandchilditemYM 8
99
+ #define navSpaceLeftnavGrandchilditemYgM 4
98
100
  #define navTypographyAdaptiveLabelS [object Object]
99
101
  #define navTypographyAdaptiveLabelM [object Object]
100
102
  #define navTypographyAdaptiveLabelL [object Object]
package/ios/frozenproduct/large/light/components/nav.h CHANGED
@@ -88,13 +88,15 @@
88
88
  #define navSpaceLeftnavParentitemHorizontalXgM 4
89
89
  #define navSpaceLeftnavParentitemHorizontalYM 8
90
90
  #define navSpaceLeftnavParentitemHorizontalYgM 4
91
+ #define navSpaceLeftnavChilditemYgM 4
91
92
  #define navSpaceLeftnavChilditemXM 8
92
93
  #define navSpaceLeftnavChilditemXgM 8
93
94
  #define navSpaceLeftnavChilditemYM 8
94
95
  #define navSpaceLeftnavGrandchilditemXM 8
95
- #define navSpaceLeftnavGrandchilditemXIndent 29
96
+ #define navSpaceLeftnavGrandchilditemXIndent 33
96
97
  #define navSpaceLeftnavGrandchilditemXgM 8
97
98
  #define navSpaceLeftnavGrandchilditemYM 8
99
+ #define navSpaceLeftnavGrandchilditemYgM 4
98
100
  #define navTypographyAdaptiveLabelS [object Object]
99
101
  #define navTypographyAdaptiveLabelM [object Object]
100
102
  #define navTypographyAdaptiveLabelL [object Object]
package/ios/frozenproduct/small/dark/components/nav.h CHANGED
@@ -88,13 +88,15 @@
88
88
  #define navSpaceLeftnavParentitemHorizontalXgM 4
89
89
  #define navSpaceLeftnavParentitemHorizontalYM 6.4
90
90
  #define navSpaceLeftnavParentitemHorizontalYgM 4
91
+ #define navSpaceLeftnavChilditemYgM 3.2
91
92
  #define navSpaceLeftnavChilditemXM 6.4
92
93
  #define navSpaceLeftnavChilditemXgM 6.4
93
94
  #define navSpaceLeftnavChilditemYM 6.4
94
95
  #define navSpaceLeftnavGrandchilditemXM 6.4
95
- #define navSpaceLeftnavGrandchilditemXIndent 29
96
+ #define navSpaceLeftnavGrandchilditemXIndent 33
96
97
  #define navSpaceLeftnavGrandchilditemXgM 6.4
97
98
  #define navSpaceLeftnavGrandchilditemYM 6.4
99
+ #define navSpaceLeftnavGrandchilditemYgM 3.2
98
100
  #define navTypographyAdaptiveLabelS [object Object]
99
101
  #define navTypographyAdaptiveLabelM [object Object]
100
102
  #define navTypographyAdaptiveLabelL [object Object]
package/ios/frozenproduct/small/light/components/nav.h CHANGED
@@ -88,13 +88,15 @@
88
88
  #define navSpaceLeftnavParentitemHorizontalXgM 4
89
89
  #define navSpaceLeftnavParentitemHorizontalYM 6.4
90
90
  #define navSpaceLeftnavParentitemHorizontalYgM 4
91
+ #define navSpaceLeftnavChilditemYgM 3.2
91
92
  #define navSpaceLeftnavChilditemXM 6.4
92
93
  #define navSpaceLeftnavChilditemXgM 6.4
93
94
  #define navSpaceLeftnavChilditemYM 6.4
94
95
  #define navSpaceLeftnavGrandchilditemXM 6.4
95
- #define navSpaceLeftnavGrandchilditemXIndent 29
96
+ #define navSpaceLeftnavGrandchilditemXIndent 33
96
97
  #define navSpaceLeftnavGrandchilditemXgM 6.4
97
98
  #define navSpaceLeftnavGrandchilditemYM 6.4
99
+ #define navSpaceLeftnavGrandchilditemYgM 3.2
98
100
  #define navTypographyAdaptiveLabelS [object Object]
99
101
  #define navTypographyAdaptiveLabelM [object Object]
100
102
  #define navTypographyAdaptiveLabelL [object Object]
package/ios/marketing/large/dark/components/nav.h CHANGED
@@ -88,13 +88,15 @@
88
88
  #define navSpaceLeftnavParentitemHorizontalXgM 4
89
89
  #define navSpaceLeftnavParentitemHorizontalYM 8
90
90
  #define navSpaceLeftnavParentitemHorizontalYgM 4
91
+ #define navSpaceLeftnavChilditemYgM 4
91
92
  #define navSpaceLeftnavChilditemXM 8
92
93
  #define navSpaceLeftnavChilditemXgM 8
93
94
  #define navSpaceLeftnavChilditemYM 8
94
95
  #define navSpaceLeftnavGrandchilditemXM 8
95
- #define navSpaceLeftnavGrandchilditemXIndent 29
96
+ #define navSpaceLeftnavGrandchilditemXIndent 33
96
97
  #define navSpaceLeftnavGrandchilditemXgM 8
97
98
  #define navSpaceLeftnavGrandchilditemYM 8
99
+ #define navSpaceLeftnavGrandchilditemYgM 4
98
100
  #define navTypographyAdaptiveLabelS [object Object]
99
101
  #define navTypographyAdaptiveLabelM [object Object]
100
102
  #define navTypographyAdaptiveLabelL [object Object]
package/ios/marketing/large/light/components/nav.h CHANGED
@@ -88,13 +88,15 @@
88
88
  #define navSpaceLeftnavParentitemHorizontalXgM 4
89
89
  #define navSpaceLeftnavParentitemHorizontalYM 8
90
90
  #define navSpaceLeftnavParentitemHorizontalYgM 4
91
+ #define navSpaceLeftnavChilditemYgM 4
91
92
  #define navSpaceLeftnavChilditemXM 8
92
93
  #define navSpaceLeftnavChilditemXgM 8
93
94
  #define navSpaceLeftnavChilditemYM 8
94
95
  #define navSpaceLeftnavGrandchilditemXM 8
95
- #define navSpaceLeftnavGrandchilditemXIndent 29
96
+ #define navSpaceLeftnavGrandchilditemXIndent 33
96
97
  #define navSpaceLeftnavGrandchilditemXgM 8
97
98
  #define navSpaceLeftnavGrandchilditemYM 8
99
+ #define navSpaceLeftnavGrandchilditemYgM 4
98
100
  #define navTypographyAdaptiveLabelS [object Object]
99
101
  #define navTypographyAdaptiveLabelM [object Object]
100
102
  #define navTypographyAdaptiveLabelL [object Object]
package/ios/marketing/small/dark/components/nav.h CHANGED
@@ -88,13 +88,15 @@
88
88
  #define navSpaceLeftnavParentitemHorizontalXgM 4
89
89
  #define navSpaceLeftnavParentitemHorizontalYM 6.4
90
90
  #define navSpaceLeftnavParentitemHorizontalYgM 4
91
+ #define navSpaceLeftnavChilditemYgM 3.2
91
92
  #define navSpaceLeftnavChilditemXM 6.4
92
93
  #define navSpaceLeftnavChilditemXgM 6.4
93
94
  #define navSpaceLeftnavChilditemYM 6.4
94
95
  #define navSpaceLeftnavGrandchilditemXM 6.4
95
- #define navSpaceLeftnavGrandchilditemXIndent 29
96
+ #define navSpaceLeftnavGrandchilditemXIndent 33
96
97
  #define navSpaceLeftnavGrandchilditemXgM 6.4
97
98
  #define navSpaceLeftnavGrandchilditemYM 6.4
99
+ #define navSpaceLeftnavGrandchilditemYgM 3.2
98
100
  #define navTypographyAdaptiveLabelS [object Object]
99
101
  #define navTypographyAdaptiveLabelM [object Object]
100
102
  #define navTypographyAdaptiveLabelL [object Object]
package/ios/marketing/small/light/components/nav.h CHANGED
@@ -88,13 +88,15 @@
88
88
  #define navSpaceLeftnavParentitemHorizontalXgM 4
89
89
  #define navSpaceLeftnavParentitemHorizontalYM 6.4
90
90
  #define navSpaceLeftnavParentitemHorizontalYgM 4
91
+ #define navSpaceLeftnavChilditemYgM 3.2
91
92
  #define navSpaceLeftnavChilditemXM 6.4
92
93
  #define navSpaceLeftnavChilditemXgM 6.4
93
94
  #define navSpaceLeftnavChilditemYM 6.4
94
95
  #define navSpaceLeftnavGrandchilditemXM 6.4
95
- #define navSpaceLeftnavGrandchilditemXIndent 29
96
+ #define navSpaceLeftnavGrandchilditemXIndent 33
96
97
  #define navSpaceLeftnavGrandchilditemXgM 6.4
97
98
  #define navSpaceLeftnavGrandchilditemYM 6.4
99
+ #define navSpaceLeftnavGrandchilditemYgM 3.2
98
100
  #define navTypographyAdaptiveLabelS [object Object]
99
101
  #define navTypographyAdaptiveLabelM [object Object]
100
102
  #define navTypographyAdaptiveLabelL [object Object]
package/ios/product/large/dark/components/nav.h CHANGED
@@ -88,13 +88,15 @@
88
88
  #define navSpaceLeftnavParentitemHorizontalXgM 4
89
89
  #define navSpaceLeftnavParentitemHorizontalYM 8
90
90
  #define navSpaceLeftnavParentitemHorizontalYgM 4
91
+ #define navSpaceLeftnavChilditemYgM 4
91
92
  #define navSpaceLeftnavChilditemXM 8
92
93
  #define navSpaceLeftnavChilditemXgM 8
93
94
  #define navSpaceLeftnavChilditemYM 8
94
95
  #define navSpaceLeftnavGrandchilditemXM 8
95
- #define navSpaceLeftnavGrandchilditemXIndent 29
96
+ #define navSpaceLeftnavGrandchilditemXIndent 33
96
97
  #define navSpaceLeftnavGrandchilditemXgM 8
97
98
  #define navSpaceLeftnavGrandchilditemYM 8
99
+ #define navSpaceLeftnavGrandchilditemYgM 4
98
100
  #define navTypographyAdaptiveLabelS [object Object]
99
101
  #define navTypographyAdaptiveLabelM [object Object]
100
102
  #define navTypographyAdaptiveLabelL [object Object]
package/ios/product/large/light/components/nav.h CHANGED
@@ -88,13 +88,15 @@
88
88
  #define navSpaceLeftnavParentitemHorizontalXgM 4
89
89
  #define navSpaceLeftnavParentitemHorizontalYM 8
90
90
  #define navSpaceLeftnavParentitemHorizontalYgM 4
91
+ #define navSpaceLeftnavChilditemYgM 4
91
92
  #define navSpaceLeftnavChilditemXM 8
92
93
  #define navSpaceLeftnavChilditemXgM 8
93
94
  #define navSpaceLeftnavChilditemYM 8
94
95
  #define navSpaceLeftnavGrandchilditemXM 8
95
- #define navSpaceLeftnavGrandchilditemXIndent 29
96
+ #define navSpaceLeftnavGrandchilditemXIndent 33
96
97
  #define navSpaceLeftnavGrandchilditemXgM 8
97
98
  #define navSpaceLeftnavGrandchilditemYM 8
99
+ #define navSpaceLeftnavGrandchilditemYgM 4
98
100
  #define navTypographyAdaptiveLabelS [object Object]
99
101
  #define navTypographyAdaptiveLabelM [object Object]
100
102
  #define navTypographyAdaptiveLabelL [object Object]
package/ios/product/small/dark/components/nav.h CHANGED
@@ -88,13 +88,15 @@
88
88
  #define navSpaceLeftnavParentitemHorizontalXgM 4
89
89
  #define navSpaceLeftnavParentitemHorizontalYM 6.4
90
90
  #define navSpaceLeftnavParentitemHorizontalYgM 4
91
+ #define navSpaceLeftnavChilditemYgM 3.2
91
92
  #define navSpaceLeftnavChilditemXM 6.4
92
93
  #define navSpaceLeftnavChilditemXgM 6.4
93
94
  #define navSpaceLeftnavChilditemYM 6.4
94
95
  #define navSpaceLeftnavGrandchilditemXM 6.4
95
- #define navSpaceLeftnavGrandchilditemXIndent 29
96
+ #define navSpaceLeftnavGrandchilditemXIndent 33
96
97
  #define navSpaceLeftnavGrandchilditemXgM 6.4
97
98
  #define navSpaceLeftnavGrandchilditemYM 6.4
99
+ #define navSpaceLeftnavGrandchilditemYgM 3.2
98
100
  #define navTypographyAdaptiveLabelS [object Object]
99
101
  #define navTypographyAdaptiveLabelM [object Object]
100
102
  #define navTypographyAdaptiveLabelL [object Object]
package/ios/product/small/light/components/nav.h CHANGED
@@ -88,13 +88,15 @@
88
88
  #define navSpaceLeftnavParentitemHorizontalXgM 4
89
89
  #define navSpaceLeftnavParentitemHorizontalYM 6.4
90
90
  #define navSpaceLeftnavParentitemHorizontalYgM 4
91
+ #define navSpaceLeftnavChilditemYgM 3.2
91
92
  #define navSpaceLeftnavChilditemXM 6.4
92
93
  #define navSpaceLeftnavChilditemXgM 6.4
93
94
  #define navSpaceLeftnavChilditemYM 6.4
94
95
  #define navSpaceLeftnavGrandchilditemXM 6.4
95
- #define navSpaceLeftnavGrandchilditemXIndent 29
96
+ #define navSpaceLeftnavGrandchilditemXIndent 33
96
97
  #define navSpaceLeftnavGrandchilditemXgM 6.4
97
98
  #define navSpaceLeftnavGrandchilditemYM 6.4
99
+ #define navSpaceLeftnavGrandchilditemYgM 3.2
98
100
  #define navTypographyAdaptiveLabelS [object Object]
99
101
  #define navTypographyAdaptiveLabelM [object Object]
100
102
  #define navTypographyAdaptiveLabelL [object Object]
package/js/common/frozenproduct/large/dark/components/nav.d.ts CHANGED
@@ -250,6 +250,9 @@ declare const tokens: {
250
250
  };
251
251
  };
252
252
  childitem: {
253
+ yg: {
254
+ M: DesignToken;
255
+ };
253
256
  x: {
254
257
  M: DesignToken;
255
258
  };
@@ -271,6 +274,9 @@ declare const tokens: {
271
274
  y: {
272
275
  M: DesignToken;
273
276
  };
277
+ yg: {
278
+ M: DesignToken;
279
+ };
274
280
  };
275
281
  };
276
282
  };
package/js/common/frozenproduct/large/dark/components/nav.js CHANGED
@@ -1427,6 +1427,23 @@ module.exports = {
1427
1427
  },
1428
1428
  },
1429
1429
  childitem: {
1430
+ yg: {
1431
+ M: {
1432
+ $type: "spacing",
1433
+ $value: 4,
1434
+ $description: "vertical gap inside child items",
1435
+ filePath: "data/tokens/components/nav.json",
1436
+ isSource: true,
1437
+ original: {
1438
+ $type: "spacing",
1439
+ $value: "{global.space.macro.XXXS} / 2",
1440
+ $description: "vertical gap inside child items",
1441
+ },
1442
+ name: "navSpaceLeftnavChilditemYgM",
1443
+ attributes: {},
1444
+ path: ["nav", "space", "leftnav", "childitem", "yg", "M"],
1445
+ },
1446
+ },
1430
1447
  x: {
1431
1448
  M: {
1432
1449
  $type: "spacing",
@@ -1500,13 +1517,13 @@ module.exports = {
1500
1517
  },
1501
1518
  indent: {
1502
1519
  $type: "spacing",
1503
- $value: "29",
1520
+ $value: "33",
1504
1521
  $description: "indent on grandchild items",
1505
1522
  filePath: "data/tokens/components/nav.json",
1506
1523
  isSource: true,
1507
1524
  original: {
1508
1525
  $type: "spacing",
1509
- $value: "29",
1526
+ $value: "33",
1510
1527
  $description: "indent on grandchild items",
1511
1528
  },
1512
1529
  name: "navSpaceLeftnavGrandchilditemXIndent",
@@ -1557,6 +1574,23 @@ module.exports = {
1557
1574
  path: ["nav", "space", "leftnav", "grandchilditem", "y", "M"],
1558
1575
  },
1559
1576
  },
1577
+ yg: {
1578
+ M: {
1579
+ $type: "spacing",
1580
+ $value: 4,
1581
+ $description: "vertical gap inside grandchild items",
1582
+ filePath: "data/tokens/components/nav.json",
1583
+ isSource: true,
1584
+ original: {
1585
+ $type: "spacing",
1586
+ $value: "{global.space.macro.XXXS} / 2",
1587
+ $description: "vertical gap inside grandchild items",
1588
+ },
1589
+ name: "navSpaceLeftnavGrandchilditemYgM",
1590
+ attributes: {},
1591
+ path: ["nav", "space", "leftnav", "grandchilditem", "yg", "M"],
1592
+ },
1593
+ },
1560
1594
  },
1561
1595
  },
1562
1596
  },
package/js/common/frozenproduct/large/light/components/nav.d.ts CHANGED
@@ -250,6 +250,9 @@ declare const tokens: {
250
250
  };
251
251
  };
252
252
  childitem: {
253
+ yg: {
254
+ M: DesignToken;
255
+ };
253
256
  x: {
254
257
  M: DesignToken;
255
258
  };
@@ -271,6 +274,9 @@ declare const tokens: {
271
274
  y: {
272
275
  M: DesignToken;
273
276
  };
277
+ yg: {
278
+ M: DesignToken;
279
+ };
274
280
  };
275
281
  };
276
282
  };
package/js/common/frozenproduct/large/light/components/nav.js CHANGED
@@ -1427,6 +1427,23 @@ module.exports = {
1427
1427
  },
1428
1428
  },
1429
1429
  childitem: {
1430
+ yg: {
1431
+ M: {
1432
+ $type: "spacing",
1433
+ $value: 4,
1434
+ $description: "vertical gap inside child items",
1435
+ filePath: "data/tokens/components/nav.json",
1436
+ isSource: true,
1437
+ original: {
1438
+ $type: "spacing",
1439
+ $value: "{global.space.macro.XXXS} / 2",
1440
+ $description: "vertical gap inside child items",
1441
+ },
1442
+ name: "navSpaceLeftnavChilditemYgM",
1443
+ attributes: {},
1444
+ path: ["nav", "space", "leftnav", "childitem", "yg", "M"],
1445
+ },
1446
+ },
1430
1447
  x: {
1431
1448
  M: {
1432
1449
  $type: "spacing",
@@ -1500,13 +1517,13 @@ module.exports = {
1500
1517
  },
1501
1518
  indent: {
1502
1519
  $type: "spacing",
1503
- $value: "29",
1520
+ $value: "33",
1504
1521
  $description: "indent on grandchild items",
1505
1522
  filePath: "data/tokens/components/nav.json",
1506
1523
  isSource: true,
1507
1524
  original: {
1508
1525
  $type: "spacing",
1509
- $value: "29",
1526
+ $value: "33",
1510
1527
  $description: "indent on grandchild items",
1511
1528
  },
1512
1529
  name: "navSpaceLeftnavGrandchilditemXIndent",
@@ -1557,6 +1574,23 @@ module.exports = {
1557
1574
  path: ["nav", "space", "leftnav", "grandchilditem", "y", "M"],
1558
1575
  },
1559
1576
  },
1577
+ yg: {
1578
+ M: {
1579
+ $type: "spacing",
1580
+ $value: 4,
1581
+ $description: "vertical gap inside grandchild items",
1582
+ filePath: "data/tokens/components/nav.json",
1583
+ isSource: true,
1584
+ original: {
1585
+ $type: "spacing",
1586
+ $value: "{global.space.macro.XXXS} / 2",
1587
+ $description: "vertical gap inside grandchild items",
1588
+ },
1589
+ name: "navSpaceLeftnavGrandchilditemYgM",
1590
+ attributes: {},
1591
+ path: ["nav", "space", "leftnav", "grandchilditem", "yg", "M"],
1592
+ },
1593
+ },
1560
1594
  },
1561
1595
  },
1562
1596
  },
package/js/common/frozenproduct/small/dark/components/nav.d.ts CHANGED
@@ -250,6 +250,9 @@ declare const tokens: {
250
250
  };
251
251
  };
252
252
  childitem: {
253
+ yg: {
254
+ M: DesignToken;
255
+ };
253
256
  x: {
254
257
  M: DesignToken;
255
258
  };
@@ -271,6 +274,9 @@ declare const tokens: {
271
274
  y: {
272
275
  M: DesignToken;
273
276
  };
277
+ yg: {
278
+ M: DesignToken;
279
+ };
274
280
  };
275
281
  };
276
282
  };