@sage/design-tokens 12.0.0 → 12.0.1

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 (230) hide show
  1. package/css/frozenproduct/all.css +4 -3
  2. package/css/frozenproduct/large/components/nav.css +2 -1
  3. package/css/frozenproduct/large/dark.css +1 -1
  4. package/css/frozenproduct/large/light.css +1 -1
  5. package/css/frozenproduct/small/components/nav.css +2 -1
  6. package/css/frozenproduct/small/dark.css +1 -1
  7. package/css/frozenproduct/small/light.css +1 -1
  8. package/css/marketing/all.css +4 -3
  9. package/css/marketing/large/components/nav.css +2 -1
  10. package/css/marketing/large/dark.css +1 -1
  11. package/css/marketing/large/light.css +1 -1
  12. package/css/marketing/small/components/nav.css +2 -1
  13. package/css/marketing/small/dark.css +1 -1
  14. package/css/marketing/small/light.css +1 -1
  15. package/css/product/all.css +4 -3
  16. package/css/product/large/components/nav.css +2 -1
  17. package/css/product/large/dark.css +1 -1
  18. package/css/product/large/light.css +1 -1
  19. package/css/product/small/components/nav.css +2 -1
  20. package/css/product/small/dark.css +1 -1
  21. package/css/product/small/light.css +1 -1
  22. package/ios/frozenproduct/large/dark/components/nav.h +3 -2
  23. package/ios/frozenproduct/large/dark/mode.h +1 -1
  24. package/ios/frozenproduct/large/light/components/nav.h +3 -2
  25. package/ios/frozenproduct/large/light/mode.h +1 -1
  26. package/ios/frozenproduct/small/dark/components/nav.h +3 -2
  27. package/ios/frozenproduct/small/dark/mode.h +1 -1
  28. package/ios/frozenproduct/small/light/components/nav.h +3 -2
  29. package/ios/frozenproduct/small/light/mode.h +1 -1
  30. package/ios/marketing/large/dark/components/nav.h +3 -2
  31. package/ios/marketing/large/dark/mode.h +1 -1
  32. package/ios/marketing/large/light/components/nav.h +3 -2
  33. package/ios/marketing/large/light/mode.h +1 -1
  34. package/ios/marketing/small/dark/components/nav.h +3 -2
  35. package/ios/marketing/small/dark/mode.h +1 -1
  36. package/ios/marketing/small/light/components/nav.h +3 -2
  37. package/ios/marketing/small/light/mode.h +1 -1
  38. package/ios/product/large/dark/components/nav.h +3 -2
  39. package/ios/product/large/dark/mode.h +1 -1
  40. package/ios/product/large/light/components/nav.h +3 -2
  41. package/ios/product/large/light/mode.h +1 -1
  42. package/ios/product/small/dark/components/nav.h +3 -2
  43. package/ios/product/small/dark/mode.h +1 -1
  44. package/ios/product/small/light/components/nav.h +3 -2
  45. package/ios/product/small/light/mode.h +1 -1
  46. package/js/common/frozenproduct/large/dark/components/nav.d.ts +1 -0
  47. package/js/common/frozenproduct/large/dark/components/nav.js +25 -3
  48. package/js/common/frozenproduct/large/dark/mode.js +3 -3
  49. package/js/common/frozenproduct/large/light/components/nav.d.ts +1 -0
  50. package/js/common/frozenproduct/large/light/components/nav.js +25 -3
  51. package/js/common/frozenproduct/large/light/mode.js +3 -3
  52. package/js/common/frozenproduct/small/dark/components/nav.d.ts +1 -0
  53. package/js/common/frozenproduct/small/dark/components/nav.js +25 -3
  54. package/js/common/frozenproduct/small/dark/mode.js +3 -3
  55. package/js/common/frozenproduct/small/light/components/nav.d.ts +1 -0
  56. package/js/common/frozenproduct/small/light/components/nav.js +25 -3
  57. package/js/common/frozenproduct/small/light/mode.js +3 -3
  58. package/js/common/marketing/large/dark/components/nav.d.ts +1 -0
  59. package/js/common/marketing/large/dark/components/nav.js +25 -3
  60. package/js/common/marketing/large/dark/mode.js +3 -3
  61. package/js/common/marketing/large/light/components/nav.d.ts +1 -0
  62. package/js/common/marketing/large/light/components/nav.js +25 -3
  63. package/js/common/marketing/large/light/mode.js +3 -3
  64. package/js/common/marketing/small/dark/components/nav.d.ts +1 -0
  65. package/js/common/marketing/small/dark/components/nav.js +25 -3
  66. package/js/common/marketing/small/dark/mode.js +3 -3
  67. package/js/common/marketing/small/light/components/nav.d.ts +1 -0
  68. package/js/common/marketing/small/light/components/nav.js +25 -3
  69. package/js/common/marketing/small/light/mode.js +3 -3
  70. package/js/common/product/large/dark/components/nav.d.ts +1 -0
  71. package/js/common/product/large/dark/components/nav.js +25 -3
  72. package/js/common/product/large/dark/mode.js +3 -3
  73. package/js/common/product/large/light/components/nav.d.ts +1 -0
  74. package/js/common/product/large/light/components/nav.js +25 -3
  75. package/js/common/product/large/light/mode.js +3 -3
  76. package/js/common/product/small/dark/components/nav.d.ts +1 -0
  77. package/js/common/product/small/dark/components/nav.js +25 -3
  78. package/js/common/product/small/dark/mode.js +3 -3
  79. package/js/common/product/small/light/components/nav.d.ts +1 -0
  80. package/js/common/product/small/light/components/nav.js +25 -3
  81. package/js/common/product/small/light/mode.js +3 -3
  82. package/js/es6/frozenproduct/large/dark/components/nav.d.ts +1 -0
  83. package/js/es6/frozenproduct/large/dark/components/nav.js +3 -2
  84. package/js/es6/frozenproduct/large/dark/mode.js +1 -1
  85. package/js/es6/frozenproduct/large/light/components/nav.d.ts +1 -0
  86. package/js/es6/frozenproduct/large/light/components/nav.js +3 -2
  87. package/js/es6/frozenproduct/large/light/mode.js +1 -1
  88. package/js/es6/frozenproduct/small/dark/components/nav.d.ts +1 -0
  89. package/js/es6/frozenproduct/small/dark/components/nav.js +3 -2
  90. package/js/es6/frozenproduct/small/dark/mode.js +1 -1
  91. package/js/es6/frozenproduct/small/light/components/nav.d.ts +1 -0
  92. package/js/es6/frozenproduct/small/light/components/nav.js +3 -2
  93. package/js/es6/frozenproduct/small/light/mode.js +1 -1
  94. package/js/es6/marketing/large/dark/components/nav.d.ts +1 -0
  95. package/js/es6/marketing/large/dark/components/nav.js +3 -2
  96. package/js/es6/marketing/large/dark/mode.js +1 -1
  97. package/js/es6/marketing/large/light/components/nav.d.ts +1 -0
  98. package/js/es6/marketing/large/light/components/nav.js +3 -2
  99. package/js/es6/marketing/large/light/mode.js +1 -1
  100. package/js/es6/marketing/small/dark/components/nav.d.ts +1 -0
  101. package/js/es6/marketing/small/dark/components/nav.js +3 -2
  102. package/js/es6/marketing/small/dark/mode.js +1 -1
  103. package/js/es6/marketing/small/light/components/nav.d.ts +1 -0
  104. package/js/es6/marketing/small/light/components/nav.js +3 -2
  105. package/js/es6/marketing/small/light/mode.js +1 -1
  106. package/js/es6/product/large/dark/components/nav.d.ts +1 -0
  107. package/js/es6/product/large/dark/components/nav.js +3 -2
  108. package/js/es6/product/large/dark/mode.js +1 -1
  109. package/js/es6/product/large/light/components/nav.d.ts +1 -0
  110. package/js/es6/product/large/light/components/nav.js +3 -2
  111. package/js/es6/product/large/light/mode.js +1 -1
  112. package/js/es6/product/small/dark/components/nav.d.ts +1 -0
  113. package/js/es6/product/small/dark/components/nav.js +3 -2
  114. package/js/es6/product/small/dark/mode.js +1 -1
  115. package/js/es6/product/small/light/components/nav.d.ts +1 -0
  116. package/js/es6/product/small/light/components/nav.js +3 -2
  117. package/js/es6/product/small/light/mode.js +1 -1
  118. package/js/umd/frozenproduct/large/dark/components/nav.js +25 -3
  119. package/js/umd/frozenproduct/large/dark/mode.js +3 -3
  120. package/js/umd/frozenproduct/large/light/components/nav.js +25 -3
  121. package/js/umd/frozenproduct/large/light/mode.js +3 -3
  122. package/js/umd/frozenproduct/small/dark/components/nav.js +25 -3
  123. package/js/umd/frozenproduct/small/dark/mode.js +3 -3
  124. package/js/umd/frozenproduct/small/light/components/nav.js +25 -3
  125. package/js/umd/frozenproduct/small/light/mode.js +3 -3
  126. package/js/umd/marketing/large/dark/components/nav.js +25 -3
  127. package/js/umd/marketing/large/dark/mode.js +3 -3
  128. package/js/umd/marketing/large/light/components/nav.js +25 -3
  129. package/js/umd/marketing/large/light/mode.js +3 -3
  130. package/js/umd/marketing/small/dark/components/nav.js +25 -3
  131. package/js/umd/marketing/small/dark/mode.js +3 -3
  132. package/js/umd/marketing/small/light/components/nav.js +25 -3
  133. package/js/umd/marketing/small/light/mode.js +3 -3
  134. package/js/umd/product/large/dark/components/nav.js +25 -3
  135. package/js/umd/product/large/dark/mode.js +3 -3
  136. package/js/umd/product/large/light/components/nav.js +25 -3
  137. package/js/umd/product/large/light/mode.js +3 -3
  138. package/js/umd/product/small/dark/components/nav.js +25 -3
  139. package/js/umd/product/small/dark/mode.js +3 -3
  140. package/js/umd/product/small/light/components/nav.js +25 -3
  141. package/js/umd/product/small/light/mode.js +3 -3
  142. package/json/flat/frozenproduct/large/dark/components/nav.json +3 -2
  143. package/json/flat/frozenproduct/large/dark/mode.json +1 -1
  144. package/json/flat/frozenproduct/large/light/components/nav.json +3 -2
  145. package/json/flat/frozenproduct/large/light/mode.json +1 -1
  146. package/json/flat/frozenproduct/small/dark/components/nav.json +3 -2
  147. package/json/flat/frozenproduct/small/dark/mode.json +1 -1
  148. package/json/flat/frozenproduct/small/light/components/nav.json +3 -2
  149. package/json/flat/frozenproduct/small/light/mode.json +1 -1
  150. package/json/flat/marketing/large/dark/components/nav.json +3 -2
  151. package/json/flat/marketing/large/dark/mode.json +1 -1
  152. package/json/flat/marketing/large/light/components/nav.json +3 -2
  153. package/json/flat/marketing/large/light/mode.json +1 -1
  154. package/json/flat/marketing/small/dark/components/nav.json +3 -2
  155. package/json/flat/marketing/small/dark/mode.json +1 -1
  156. package/json/flat/marketing/small/light/components/nav.json +3 -2
  157. package/json/flat/marketing/small/light/mode.json +1 -1
  158. package/json/flat/product/large/dark/components/nav.json +3 -2
  159. package/json/flat/product/large/dark/mode.json +1 -1
  160. package/json/flat/product/large/light/components/nav.json +3 -2
  161. package/json/flat/product/large/light/mode.json +1 -1
  162. package/json/flat/product/small/dark/components/nav.json +3 -2
  163. package/json/flat/product/small/dark/mode.json +1 -1
  164. package/json/flat/product/small/light/components/nav.json +3 -2
  165. package/json/flat/product/small/light/mode.json +1 -1
  166. package/json/nested/frozenproduct/large/dark/components/nav.json +4 -3
  167. package/json/nested/frozenproduct/large/dark/mode.json +1 -1
  168. package/json/nested/frozenproduct/large/light/components/nav.json +4 -3
  169. package/json/nested/frozenproduct/large/light/mode.json +1 -1
  170. package/json/nested/frozenproduct/small/dark/components/nav.json +4 -3
  171. package/json/nested/frozenproduct/small/dark/mode.json +1 -1
  172. package/json/nested/frozenproduct/small/light/components/nav.json +4 -3
  173. package/json/nested/frozenproduct/small/light/mode.json +1 -1
  174. package/json/nested/marketing/large/dark/components/nav.json +4 -3
  175. package/json/nested/marketing/large/dark/mode.json +1 -1
  176. package/json/nested/marketing/large/light/components/nav.json +4 -3
  177. package/json/nested/marketing/large/light/mode.json +1 -1
  178. package/json/nested/marketing/small/dark/components/nav.json +4 -3
  179. package/json/nested/marketing/small/dark/mode.json +1 -1
  180. package/json/nested/marketing/small/light/components/nav.json +4 -3
  181. package/json/nested/marketing/small/light/mode.json +1 -1
  182. package/json/nested/product/large/dark/components/nav.json +4 -3
  183. package/json/nested/product/large/dark/mode.json +1 -1
  184. package/json/nested/product/large/light/components/nav.json +4 -3
  185. package/json/nested/product/large/light/mode.json +1 -1
  186. package/json/nested/product/small/dark/components/nav.json +4 -3
  187. package/json/nested/product/small/dark/mode.json +1 -1
  188. package/json/nested/product/small/light/components/nav.json +4 -3
  189. package/json/nested/product/small/light/mode.json +1 -1
  190. package/package.json +1 -1
  191. package/sage-design-tokens-12.0.1.tgz +0 -0
  192. package/scss/frozenproduct/large/components/button.scss +23 -23
  193. package/scss/frozenproduct/large/components/container.scss +9 -9
  194. package/scss/frozenproduct/large/components/form.scss +7 -7
  195. package/scss/frozenproduct/large/components/link.scss +2 -2
  196. package/scss/frozenproduct/large/components/nav.scss +5 -4
  197. package/scss/frozenproduct/large/components/page.scss +1 -1
  198. package/scss/frozenproduct/large/components/popover.scss +2 -2
  199. package/scss/frozenproduct/large/components/progress.scss +6 -6
  200. package/scss/frozenproduct/large/components/status.scss +3 -3
  201. package/scss/frozenproduct/large/components/tab.scss +7 -7
  202. package/scss/frozenproduct/large/components/table.scss +10 -10
  203. package/scss/frozenproduct/large/dark.scss +1 -1
  204. package/scss/frozenproduct/large/light.scss +1 -1
  205. package/scss/frozenproduct/small/components/nav.scss +2 -1
  206. package/scss/frozenproduct/small/dark.scss +1 -1
  207. package/scss/frozenproduct/small/light.scss +1 -1
  208. package/scss/marketing/large/components/button.scss +23 -23
  209. package/scss/marketing/large/components/container.scss +9 -9
  210. package/scss/marketing/large/components/form.scss +7 -7
  211. package/scss/marketing/large/components/link.scss +2 -2
  212. package/scss/marketing/large/components/nav.scss +5 -4
  213. package/scss/marketing/large/components/page.scss +1 -1
  214. package/scss/marketing/large/components/popover.scss +2 -2
  215. package/scss/marketing/large/components/progress.scss +6 -6
  216. package/scss/marketing/large/components/status.scss +3 -3
  217. package/scss/marketing/large/components/tab.scss +7 -7
  218. package/scss/marketing/large/components/table.scss +10 -10
  219. package/scss/marketing/large/dark.scss +1 -1
  220. package/scss/marketing/large/light.scss +1 -1
  221. package/scss/marketing/small/components/nav.scss +2 -1
  222. package/scss/marketing/small/dark.scss +1 -1
  223. package/scss/marketing/small/light.scss +1 -1
  224. package/scss/product/large/components/nav.scss +2 -1
  225. package/scss/product/large/dark.scss +1 -1
  226. package/scss/product/large/light.scss +1 -1
  227. package/scss/product/small/components/nav.scss +2 -1
  228. package/scss/product/small/dark.scss +1 -1
  229. package/scss/product/small/light.scss +1 -1
  230. package/sage-design-tokens-12.0.0.tgz +0 -0
package/css/frozenproduct/all.css CHANGED
@@ -263,7 +263,7 @@
263
263
  --modes-color-interactive-monochrome-marketing-with-active-light: #00D639; /* needed for specific marketing usecase on light bg */
264
264
  --modes-color-interactive-monochrome-subtle-default-alt-light: #00000080; /* border color for off switches */
265
265
  --modes-color-interactive-monochrome-subtle-default-light: #0000000a; /* bg color for tertiary buttons and table headers */
266
- --modes-color-interactive-nav-active-light: #00000073; /* active bg for nav items */
266
+ --modes-color-interactive-nav-active-light: #00000059; /* active bg for nav items */
267
267
  --modes-color-interactive-nav-default-light: #FFFFFF; /* default bg for global nav */
268
268
  --modes-color-interactive-nav-default-alt-light: #f3f3f3; /* default bg for left nav container */
269
269
  --modes-color-interactive-nav-hover-light: #00000014; /* hover bg for nav items */
@@ -468,7 +468,7 @@
468
468
  --modes-color-interactive-monochrome-marketing-active-dark: #00D639; /* needed for specific marketing usecase on light bg */
469
469
  --modes-color-interactive-monochrome-subtle-default-alt-dark: #ffffff80; /* border color for off switches */
470
470
  --modes-color-interactive-monochrome-subtle-default-dark: #ffffff14; /* subtle table header hover */
471
- --modes-color-interactive-nav-active-dark: #ffffff73; /* active bg for nav items */
471
+ --modes-color-interactive-nav-active-dark: #ffffff59; /* active bg for nav items */
472
472
  --modes-color-interactive-nav-default-dark: #000000; /* default bg for global nav */
473
473
  --modes-color-interactive-nav-default-alt-dark: #282828; /* default bg for left nav container */
474
474
  --modes-color-interactive-nav-hover-dark: #ffffff29; /* hover bg for nav items */
@@ -1462,9 +1462,10 @@
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
1466
  --nav-color-bg-default: light-dark(var(--modes-color-generic-bg-nought-light), var(--modes-color-generic-bg-nought-dark)); /* nav bar bg */
1466
1467
  --nav-color-item-bg-enabled: light-dark(var(--modes-color-none-light), var(--modes-color-none-dark));
1467
- --nav-color-leftnav-container-bg-default: light-dark(var(--modes-color-generic-bg-extreme-light), var(--modes-color-generic-bg-extreme-dark)); /* bg of of horizontal nav variant that launches the left nav */
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 */
1468
1469
  --nav-color-leftnav-item-bg-active: light-dark(var(--modes-color-interactive-nav-active-light), var(--modes-color-interactive-nav-active-dark));
1469
1470
  --nav-color-leftnav-item-bg-enabled: light-dark(var(--modes-color-none-light), var(--modes-color-none-dark));
1470
1471
  --nav-color-leftnav-item-bg-hover: light-dark(var(--modes-color-interactive-nav-hover-light), var(--modes-color-interactive-nav-hover-dark));
package/css/frozenproduct/large/components/nav.css CHANGED
@@ -3,9 +3,10 @@
3
3
  */
4
4
 
5
5
  :root {
6
+ --nav-space-leftnav-grandchilditem-x-indent: 29; /* indent on grandchild items */
6
7
  --nav-color-bg-default: var(--modes-color-generic-bg-nought); /* nav bar bg */
7
8
  --nav-color-item-bg-enabled: var(--modes-color-none);
8
- --nav-color-leftnav-container-bg-default: var(--modes-color-generic-bg-extreme); /* bg of of horizontal nav variant that launches the left nav */
9
+ --nav-color-leftnav-container-bg-default: var(--modes-color-generic-bg-nought); /* bg of of horizontal nav variant that launches the left nav */
9
10
  --nav-color-leftnav-item-bg-active: var(--modes-color-interactive-nav-active);
10
11
  --nav-color-leftnav-item-bg-enabled: var(--modes-color-none);
11
12
  --nav-color-leftnav-item-bg-hover: var(--modes-color-interactive-nav-hover);
package/css/frozenproduct/large/dark.css CHANGED
@@ -117,7 +117,7 @@
117
117
  --modes-color-interactive-monochrome-marketing-active: #00D639; /* needed for specific marketing usecase on light bg */
118
118
  --modes-color-interactive-monochrome-subtle-default-alt: #ffffff80; /* border color for off switches */
119
119
  --modes-color-interactive-monochrome-subtle-default: #ffffff14; /* subtle table header hover */
120
- --modes-color-interactive-nav-active: #ffffff73; /* active bg for nav items */
120
+ --modes-color-interactive-nav-active: #ffffff59; /* active bg for nav items */
121
121
  --modes-color-interactive-nav-default: #000000; /* default bg for global nav */
122
122
  --modes-color-interactive-nav-default-alt: #282828; /* default bg for left nav container */
123
123
  --modes-color-interactive-nav-hover: #ffffff29; /* hover bg for nav items */
package/css/frozenproduct/large/light.css CHANGED
@@ -117,7 +117,7 @@
117
117
  --modes-color-interactive-monochrome-marketing-with-active: #00D639; /* needed for specific marketing usecase on light bg */
118
118
  --modes-color-interactive-monochrome-subtle-default-alt: #00000080; /* border color for off switches */
119
119
  --modes-color-interactive-monochrome-subtle-default: #0000000a; /* bg color for tertiary buttons and table headers */
120
- --modes-color-interactive-nav-active: #00000073; /* active bg for nav items */
120
+ --modes-color-interactive-nav-active: #00000059; /* active bg for nav items */
121
121
  --modes-color-interactive-nav-default: #FFFFFF; /* default bg for global nav */
122
122
  --modes-color-interactive-nav-default-alt: #f3f3f3; /* default bg for left nav container */
123
123
  --modes-color-interactive-nav-hover: #00000014; /* hover bg for nav items */
package/css/frozenproduct/small/components/nav.css CHANGED
@@ -3,9 +3,10 @@
3
3
  */
4
4
 
5
5
  :root {
6
+ --nav-space-leftnav-grandchilditem-x-indent: 29; /* indent on grandchild items */
6
7
  --nav-color-bg-default: var(--modes-color-generic-bg-nought); /* nav bar bg */
7
8
  --nav-color-item-bg-enabled: var(--modes-color-none);
8
- --nav-color-leftnav-container-bg-default: var(--modes-color-generic-bg-extreme); /* bg of of horizontal nav variant that launches the left nav */
9
+ --nav-color-leftnav-container-bg-default: var(--modes-color-generic-bg-nought); /* bg of of horizontal nav variant that launches the left nav */
9
10
  --nav-color-leftnav-item-bg-active: var(--modes-color-interactive-nav-active);
10
11
  --nav-color-leftnav-item-bg-enabled: var(--modes-color-none);
11
12
  --nav-color-leftnav-item-bg-hover: var(--modes-color-interactive-nav-hover);
package/css/frozenproduct/small/dark.css CHANGED
@@ -117,7 +117,7 @@
117
117
  --modes-color-interactive-monochrome-marketing-active: #00D639; /* needed for specific marketing usecase on light bg */
118
118
  --modes-color-interactive-monochrome-subtle-default-alt: #ffffff80; /* border color for off switches */
119
119
  --modes-color-interactive-monochrome-subtle-default: #ffffff14; /* subtle table header hover */
120
- --modes-color-interactive-nav-active: #ffffff73; /* active bg for nav items */
120
+ --modes-color-interactive-nav-active: #ffffff59; /* active bg for nav items */
121
121
  --modes-color-interactive-nav-default: #000000; /* default bg for global nav */
122
122
  --modes-color-interactive-nav-default-alt: #282828; /* default bg for left nav container */
123
123
  --modes-color-interactive-nav-hover: #ffffff29; /* hover bg for nav items */
package/css/frozenproduct/small/light.css CHANGED
@@ -117,7 +117,7 @@
117
117
  --modes-color-interactive-monochrome-marketing-with-active: #00D639; /* needed for specific marketing usecase on light bg */
118
118
  --modes-color-interactive-monochrome-subtle-default-alt: #00000080; /* border color for off switches */
119
119
  --modes-color-interactive-monochrome-subtle-default: #0000000a; /* bg color for tertiary buttons and table headers */
120
- --modes-color-interactive-nav-active: #00000073; /* active bg for nav items */
120
+ --modes-color-interactive-nav-active: #00000059; /* active bg for nav items */
121
121
  --modes-color-interactive-nav-default: #FFFFFF; /* default bg for global nav */
122
122
  --modes-color-interactive-nav-default-alt: #f3f3f3; /* default bg for left nav container */
123
123
  --modes-color-interactive-nav-hover: #00000014; /* hover bg for nav items */
package/css/marketing/all.css CHANGED
@@ -263,7 +263,7 @@
263
263
  --modes-color-interactive-monochrome-marketing-with-active-light: #00D639; /* needed for specific marketing usecase on light bg */
264
264
  --modes-color-interactive-monochrome-subtle-default-alt-light: #00000080; /* border color for off switches */
265
265
  --modes-color-interactive-monochrome-subtle-default-light: #0000000a; /* bg color for tertiary buttons and table headers */
266
- --modes-color-interactive-nav-active-light: #00000073; /* active bg for nav items */
266
+ --modes-color-interactive-nav-active-light: #00000059; /* active bg for nav items */
267
267
  --modes-color-interactive-nav-default-light: #FFFFFF; /* default bg for global nav */
268
268
  --modes-color-interactive-nav-default-alt-light: #f3f3f3; /* default bg for left nav container */
269
269
  --modes-color-interactive-nav-hover-light: #00000014; /* hover bg for nav items */
@@ -468,7 +468,7 @@
468
468
  --modes-color-interactive-monochrome-marketing-active-dark: #00D639; /* needed for specific marketing usecase on light bg */
469
469
  --modes-color-interactive-monochrome-subtle-default-alt-dark: #ffffff80; /* border color for off switches */
470
470
  --modes-color-interactive-monochrome-subtle-default-dark: #ffffff14; /* subtle table header hover */
471
- --modes-color-interactive-nav-active-dark: #ffffff73; /* active bg for nav items */
471
+ --modes-color-interactive-nav-active-dark: #ffffff59; /* active bg for nav items */
472
472
  --modes-color-interactive-nav-default-dark: #000000; /* default bg for global nav */
473
473
  --modes-color-interactive-nav-default-alt-dark: #282828; /* default bg for left nav container */
474
474
  --modes-color-interactive-nav-hover-dark: #ffffff29; /* hover bg for nav items */
@@ -1462,9 +1462,10 @@
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
1466
  --nav-color-bg-default: light-dark(var(--modes-color-generic-bg-nought-light), var(--modes-color-generic-bg-nought-dark)); /* nav bar bg */
1466
1467
  --nav-color-item-bg-enabled: light-dark(var(--modes-color-none-light), var(--modes-color-none-dark));
1467
- --nav-color-leftnav-container-bg-default: light-dark(var(--modes-color-generic-bg-extreme-light), var(--modes-color-generic-bg-extreme-dark)); /* bg of of horizontal nav variant that launches the left nav */
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 */
1468
1469
  --nav-color-leftnav-item-bg-active: light-dark(var(--modes-color-interactive-nav-active-light), var(--modes-color-interactive-nav-active-dark));
1469
1470
  --nav-color-leftnav-item-bg-enabled: light-dark(var(--modes-color-none-light), var(--modes-color-none-dark));
1470
1471
  --nav-color-leftnav-item-bg-hover: light-dark(var(--modes-color-interactive-nav-hover-light), var(--modes-color-interactive-nav-hover-dark));
package/css/marketing/large/components/nav.css CHANGED
@@ -3,9 +3,10 @@
3
3
  */
4
4
 
5
5
  :root {
6
+ --nav-space-leftnav-grandchilditem-x-indent: 29; /* indent on grandchild items */
6
7
  --nav-color-bg-default: var(--modes-color-generic-bg-nought); /* nav bar bg */
7
8
  --nav-color-item-bg-enabled: var(--modes-color-none);
8
- --nav-color-leftnav-container-bg-default: var(--modes-color-generic-bg-extreme); /* bg of of horizontal nav variant that launches the left nav */
9
+ --nav-color-leftnav-container-bg-default: var(--modes-color-generic-bg-nought); /* bg of of horizontal nav variant that launches the left nav */
9
10
  --nav-color-leftnav-item-bg-active: var(--modes-color-interactive-nav-active);
10
11
  --nav-color-leftnav-item-bg-enabled: var(--modes-color-none);
11
12
  --nav-color-leftnav-item-bg-hover: var(--modes-color-interactive-nav-hover);
package/css/marketing/large/dark.css CHANGED
@@ -117,7 +117,7 @@
117
117
  --modes-color-interactive-monochrome-marketing-active: #00D639; /* needed for specific marketing usecase on light bg */
118
118
  --modes-color-interactive-monochrome-subtle-default-alt: #ffffff80; /* border color for off switches */
119
119
  --modes-color-interactive-monochrome-subtle-default: #ffffff14; /* subtle table header hover */
120
- --modes-color-interactive-nav-active: #ffffff73; /* active bg for nav items */
120
+ --modes-color-interactive-nav-active: #ffffff59; /* active bg for nav items */
121
121
  --modes-color-interactive-nav-default: #000000; /* default bg for global nav */
122
122
  --modes-color-interactive-nav-default-alt: #282828; /* default bg for left nav container */
123
123
  --modes-color-interactive-nav-hover: #ffffff29; /* hover bg for nav items */
package/css/marketing/large/light.css CHANGED
@@ -117,7 +117,7 @@
117
117
  --modes-color-interactive-monochrome-marketing-with-active: #00D639; /* needed for specific marketing usecase on light bg */
118
118
  --modes-color-interactive-monochrome-subtle-default-alt: #00000080; /* border color for off switches */
119
119
  --modes-color-interactive-monochrome-subtle-default: #0000000a; /* bg color for tertiary buttons and table headers */
120
- --modes-color-interactive-nav-active: #00000073; /* active bg for nav items */
120
+ --modes-color-interactive-nav-active: #00000059; /* active bg for nav items */
121
121
  --modes-color-interactive-nav-default: #FFFFFF; /* default bg for global nav */
122
122
  --modes-color-interactive-nav-default-alt: #f3f3f3; /* default bg for left nav container */
123
123
  --modes-color-interactive-nav-hover: #00000014; /* hover bg for nav items */
package/css/marketing/small/components/nav.css CHANGED
@@ -3,9 +3,10 @@
3
3
  */
4
4
 
5
5
  :root {
6
+ --nav-space-leftnav-grandchilditem-x-indent: 29; /* indent on grandchild items */
6
7
  --nav-color-bg-default: var(--modes-color-generic-bg-nought); /* nav bar bg */
7
8
  --nav-color-item-bg-enabled: var(--modes-color-none);
8
- --nav-color-leftnav-container-bg-default: var(--modes-color-generic-bg-extreme); /* bg of of horizontal nav variant that launches the left nav */
9
+ --nav-color-leftnav-container-bg-default: var(--modes-color-generic-bg-nought); /* bg of of horizontal nav variant that launches the left nav */
9
10
  --nav-color-leftnav-item-bg-active: var(--modes-color-interactive-nav-active);
10
11
  --nav-color-leftnav-item-bg-enabled: var(--modes-color-none);
11
12
  --nav-color-leftnav-item-bg-hover: var(--modes-color-interactive-nav-hover);
package/css/marketing/small/dark.css CHANGED
@@ -117,7 +117,7 @@
117
117
  --modes-color-interactive-monochrome-marketing-active: #00D639; /* needed for specific marketing usecase on light bg */
118
118
  --modes-color-interactive-monochrome-subtle-default-alt: #ffffff80; /* border color for off switches */
119
119
  --modes-color-interactive-monochrome-subtle-default: #ffffff14; /* subtle table header hover */
120
- --modes-color-interactive-nav-active: #ffffff73; /* active bg for nav items */
120
+ --modes-color-interactive-nav-active: #ffffff59; /* active bg for nav items */
121
121
  --modes-color-interactive-nav-default: #000000; /* default bg for global nav */
122
122
  --modes-color-interactive-nav-default-alt: #282828; /* default bg for left nav container */
123
123
  --modes-color-interactive-nav-hover: #ffffff29; /* hover bg for nav items */
package/css/marketing/small/light.css CHANGED
@@ -117,7 +117,7 @@
117
117
  --modes-color-interactive-monochrome-marketing-with-active: #00D639; /* needed for specific marketing usecase on light bg */
118
118
  --modes-color-interactive-monochrome-subtle-default-alt: #00000080; /* border color for off switches */
119
119
  --modes-color-interactive-monochrome-subtle-default: #0000000a; /* bg color for tertiary buttons and table headers */
120
- --modes-color-interactive-nav-active: #00000073; /* active bg for nav items */
120
+ --modes-color-interactive-nav-active: #00000059; /* active bg for nav items */
121
121
  --modes-color-interactive-nav-default: #FFFFFF; /* default bg for global nav */
122
122
  --modes-color-interactive-nav-default-alt: #f3f3f3; /* default bg for left nav container */
123
123
  --modes-color-interactive-nav-hover: #00000014; /* hover bg for nav items */
package/css/product/all.css CHANGED
@@ -263,7 +263,7 @@
263
263
  --modes-color-interactive-monochrome-marketing-with-active-light: #00D639; /* needed for specific marketing usecase on light bg */
264
264
  --modes-color-interactive-monochrome-subtle-default-alt-light: #00000080; /* border color for off switches */
265
265
  --modes-color-interactive-monochrome-subtle-default-light: #0000000a; /* bg color for tertiary buttons and table headers */
266
- --modes-color-interactive-nav-active-light: #00000073; /* active bg for nav items */
266
+ --modes-color-interactive-nav-active-light: #00000059; /* active bg for nav items */
267
267
  --modes-color-interactive-nav-default-light: #FFFFFF; /* default bg for global nav */
268
268
  --modes-color-interactive-nav-default-alt-light: #f3f3f3; /* default bg for left nav container */
269
269
  --modes-color-interactive-nav-hover-light: #00000014; /* hover bg for nav items */
@@ -468,7 +468,7 @@
468
468
  --modes-color-interactive-monochrome-marketing-active-dark: #00D639; /* needed for specific marketing usecase on light bg */
469
469
  --modes-color-interactive-monochrome-subtle-default-alt-dark: #ffffff80; /* border color for off switches */
470
470
  --modes-color-interactive-monochrome-subtle-default-dark: #ffffff14; /* subtle table header hover */
471
- --modes-color-interactive-nav-active-dark: #ffffff73; /* active bg for nav items */
471
+ --modes-color-interactive-nav-active-dark: #ffffff59; /* active bg for nav items */
472
472
  --modes-color-interactive-nav-default-dark: #000000; /* default bg for global nav */
473
473
  --modes-color-interactive-nav-default-alt-dark: #282828; /* default bg for left nav container */
474
474
  --modes-color-interactive-nav-hover-dark: #ffffff29; /* hover bg for nav items */
@@ -1462,9 +1462,10 @@
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
1466
  --nav-color-bg-default: light-dark(var(--modes-color-generic-bg-nought-light), var(--modes-color-generic-bg-nought-dark)); /* nav bar bg */
1466
1467
  --nav-color-item-bg-enabled: light-dark(var(--modes-color-none-light), var(--modes-color-none-dark));
1467
- --nav-color-leftnav-container-bg-default: light-dark(var(--modes-color-generic-bg-extreme-light), var(--modes-color-generic-bg-extreme-dark)); /* bg of of horizontal nav variant that launches the left nav */
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 */
1468
1469
  --nav-color-leftnav-item-bg-active: light-dark(var(--modes-color-interactive-nav-active-light), var(--modes-color-interactive-nav-active-dark));
1469
1470
  --nav-color-leftnav-item-bg-enabled: light-dark(var(--modes-color-none-light), var(--modes-color-none-dark));
1470
1471
  --nav-color-leftnav-item-bg-hover: light-dark(var(--modes-color-interactive-nav-hover-light), var(--modes-color-interactive-nav-hover-dark));
package/css/product/large/components/nav.css CHANGED
@@ -3,9 +3,10 @@
3
3
  */
4
4
 
5
5
  :root {
6
+ --nav-space-leftnav-grandchilditem-x-indent: 29; /* indent on grandchild items */
6
7
  --nav-color-bg-default: var(--modes-color-generic-bg-nought); /* nav bar bg */
7
8
  --nav-color-item-bg-enabled: var(--modes-color-none);
8
- --nav-color-leftnav-container-bg-default: var(--modes-color-generic-bg-extreme); /* bg of of horizontal nav variant that launches the left nav */
9
+ --nav-color-leftnav-container-bg-default: var(--modes-color-generic-bg-nought); /* bg of of horizontal nav variant that launches the left nav */
9
10
  --nav-color-leftnav-item-bg-active: var(--modes-color-interactive-nav-active);
10
11
  --nav-color-leftnav-item-bg-enabled: var(--modes-color-none);
11
12
  --nav-color-leftnav-item-bg-hover: var(--modes-color-interactive-nav-hover);
package/css/product/large/dark.css CHANGED
@@ -117,7 +117,7 @@
117
117
  --modes-color-interactive-monochrome-marketing-active: #00D639; /* needed for specific marketing usecase on light bg */
118
118
  --modes-color-interactive-monochrome-subtle-default-alt: #ffffff80; /* border color for off switches */
119
119
  --modes-color-interactive-monochrome-subtle-default: #ffffff14; /* subtle table header hover */
120
- --modes-color-interactive-nav-active: #ffffff73; /* active bg for nav items */
120
+ --modes-color-interactive-nav-active: #ffffff59; /* active bg for nav items */
121
121
  --modes-color-interactive-nav-default: #000000; /* default bg for global nav */
122
122
  --modes-color-interactive-nav-default-alt: #282828; /* default bg for left nav container */
123
123
  --modes-color-interactive-nav-hover: #ffffff29; /* hover bg for nav items */
package/css/product/large/light.css CHANGED
@@ -117,7 +117,7 @@
117
117
  --modes-color-interactive-monochrome-marketing-with-active: #00D639; /* needed for specific marketing usecase on light bg */
118
118
  --modes-color-interactive-monochrome-subtle-default-alt: #00000080; /* border color for off switches */
119
119
  --modes-color-interactive-monochrome-subtle-default: #0000000a; /* bg color for tertiary buttons and table headers */
120
- --modes-color-interactive-nav-active: #00000073; /* active bg for nav items */
120
+ --modes-color-interactive-nav-active: #00000059; /* active bg for nav items */
121
121
  --modes-color-interactive-nav-default: #FFFFFF; /* default bg for global nav */
122
122
  --modes-color-interactive-nav-default-alt: #f3f3f3; /* default bg for left nav container */
123
123
  --modes-color-interactive-nav-hover: #00000014; /* hover bg for nav items */
package/css/product/small/components/nav.css CHANGED
@@ -3,9 +3,10 @@
3
3
  */
4
4
 
5
5
  :root {
6
+ --nav-space-leftnav-grandchilditem-x-indent: 29; /* indent on grandchild items */
6
7
  --nav-color-bg-default: var(--modes-color-generic-bg-nought); /* nav bar bg */
7
8
  --nav-color-item-bg-enabled: var(--modes-color-none);
8
- --nav-color-leftnav-container-bg-default: var(--modes-color-generic-bg-extreme); /* bg of of horizontal nav variant that launches the left nav */
9
+ --nav-color-leftnav-container-bg-default: var(--modes-color-generic-bg-nought); /* bg of of horizontal nav variant that launches the left nav */
9
10
  --nav-color-leftnav-item-bg-active: var(--modes-color-interactive-nav-active);
10
11
  --nav-color-leftnav-item-bg-enabled: var(--modes-color-none);
11
12
  --nav-color-leftnav-item-bg-hover: var(--modes-color-interactive-nav-hover);
package/css/product/small/dark.css CHANGED
@@ -117,7 +117,7 @@
117
117
  --modes-color-interactive-monochrome-marketing-active: #00D639; /* needed for specific marketing usecase on light bg */
118
118
  --modes-color-interactive-monochrome-subtle-default-alt: #ffffff80; /* border color for off switches */
119
119
  --modes-color-interactive-monochrome-subtle-default: #ffffff14; /* subtle table header hover */
120
- --modes-color-interactive-nav-active: #ffffff73; /* active bg for nav items */
120
+ --modes-color-interactive-nav-active: #ffffff59; /* active bg for nav items */
121
121
  --modes-color-interactive-nav-default: #000000; /* default bg for global nav */
122
122
  --modes-color-interactive-nav-default-alt: #282828; /* default bg for left nav container */
123
123
  --modes-color-interactive-nav-hover: #ffffff29; /* hover bg for nav items */
package/css/product/small/light.css CHANGED
@@ -117,7 +117,7 @@
117
117
  --modes-color-interactive-monochrome-marketing-with-active: #00D639; /* needed for specific marketing usecase on light bg */
118
118
  --modes-color-interactive-monochrome-subtle-default-alt: #00000080; /* border color for off switches */
119
119
  --modes-color-interactive-monochrome-subtle-default: #0000000a; /* bg color for tertiary buttons and table headers */
120
- --modes-color-interactive-nav-active: #00000073; /* active bg for nav items */
120
+ --modes-color-interactive-nav-active: #00000059; /* active bg for nav items */
121
121
  --modes-color-interactive-nav-default: #FFFFFF; /* default bg for global nav */
122
122
  --modes-color-interactive-nav-default-alt: #f3f3f3; /* default bg for left nav container */
123
123
  --modes-color-interactive-nav-hover: #00000014; /* hover bg for nav items */
package/ios/frozenproduct/large/dark/components/nav.h CHANGED
@@ -23,10 +23,10 @@
23
23
  #define navColorMenuBgAlt #181818
24
24
  #define navColorMenuBgAlt2 #1f1f1f
25
25
  #define navColorMenuBorderDefault #282828
26
- #define navColorLeftnavContainerBgDefault #FFFFFF
26
+ #define navColorLeftnavContainerBgDefault #000000
27
27
  #define navColorLeftnavContainerBgDefaultAlt #282828
28
28
  #define navColorLeftnavContainerBorderDefault #4b4b4b
29
- #define navColorLeftnavItemBgActive #ffffff73
29
+ #define navColorLeftnavItemBgActive #ffffff59
30
30
  #define navColorLeftnavItemBgEnabled #fff0
31
31
  #define navColorLeftnavItemBgHover #ffffff29
32
32
  #define navColorLeftnavItemLabelActive #FFFFFF
@@ -91,6 +91,7 @@
91
91
  #define navSpaceLeftnavChilditemXgM 8
92
92
  #define navSpaceLeftnavChilditemYM 8
93
93
  #define navSpaceLeftnavGrandchilditemXM 8
94
+ #define navSpaceLeftnavGrandchilditemXIndent 29
94
95
  #define navSpaceLeftnavGrandchilditemXgM 8
95
96
  #define navSpaceLeftnavGrandchilditemYM 8
96
97
  #define navTypographyAdaptiveLabelS [object Object]
package/ios/frozenproduct/large/dark/mode.h CHANGED
@@ -123,7 +123,7 @@
123
123
  #define modesColorInteractiveMonochromeMarketingActive #00D639
124
124
  #define modesColorInteractiveMonochromeSubtleDefaultAlt #ffffff80
125
125
  #define modesColorInteractiveMonochromeSubtleDefault #ffffff14
126
- #define modesColorInteractiveNavActive #ffffff73
126
+ #define modesColorInteractiveNavActive #ffffff59
127
127
  #define modesColorInteractiveNavDefault #000000
128
128
  #define modesColorInteractiveNavDefaultAlt #282828
129
129
  #define modesColorInteractiveNavHover #ffffff29
package/ios/frozenproduct/large/light/components/nav.h CHANGED
@@ -23,10 +23,10 @@
23
23
  #define navColorMenuBgAlt #e8e8e8
24
24
  #define navColorMenuBgAlt2 #dedede
25
25
  #define navColorMenuBorderDefault #d1d1d1
26
- #define navColorLeftnavContainerBgDefault #000000
26
+ #define navColorLeftnavContainerBgDefault #FFFFFF
27
27
  #define navColorLeftnavContainerBgDefaultAlt #d1d1d1
28
28
  #define navColorLeftnavContainerBorderDefault #a6a6a6
29
- #define navColorLeftnavItemBgActive #00000073
29
+ #define navColorLeftnavItemBgActive #00000059
30
30
  #define navColorLeftnavItemBgEnabled #fff0
31
31
  #define navColorLeftnavItemBgHover #00000014
32
32
  #define navColorLeftnavItemLabelActive #000000
@@ -91,6 +91,7 @@
91
91
  #define navSpaceLeftnavChilditemXgM 8
92
92
  #define navSpaceLeftnavChilditemYM 8
93
93
  #define navSpaceLeftnavGrandchilditemXM 8
94
+ #define navSpaceLeftnavGrandchilditemXIndent 29
94
95
  #define navSpaceLeftnavGrandchilditemXgM 8
95
96
  #define navSpaceLeftnavGrandchilditemYM 8
96
97
  #define navTypographyAdaptiveLabelS [object Object]
package/ios/frozenproduct/large/light/mode.h CHANGED
@@ -123,7 +123,7 @@
123
123
  #define modesColorInteractiveMonochromeMarketingWithActive #00D639
124
124
  #define modesColorInteractiveMonochromeSubtleDefaultAlt #00000080
125
125
  #define modesColorInteractiveMonochromeSubtleDefault #0000000a
126
- #define modesColorInteractiveNavActive #00000073
126
+ #define modesColorInteractiveNavActive #00000059
127
127
  #define modesColorInteractiveNavDefault #FFFFFF
128
128
  #define modesColorInteractiveNavDefaultAlt #f3f3f3
129
129
  #define modesColorInteractiveNavHover #00000014
package/ios/frozenproduct/small/dark/components/nav.h CHANGED
@@ -23,10 +23,10 @@
23
23
  #define navColorMenuBgAlt #181818
24
24
  #define navColorMenuBgAlt2 #1f1f1f
25
25
  #define navColorMenuBorderDefault #282828
26
- #define navColorLeftnavContainerBgDefault #FFFFFF
26
+ #define navColorLeftnavContainerBgDefault #000000
27
27
  #define navColorLeftnavContainerBgDefaultAlt #282828
28
28
  #define navColorLeftnavContainerBorderDefault #4b4b4b
29
- #define navColorLeftnavItemBgActive #ffffff73
29
+ #define navColorLeftnavItemBgActive #ffffff59
30
30
  #define navColorLeftnavItemBgEnabled #fff0
31
31
  #define navColorLeftnavItemBgHover #ffffff29
32
32
  #define navColorLeftnavItemLabelActive #FFFFFF
@@ -91,6 +91,7 @@
91
91
  #define navSpaceLeftnavChilditemXgM 6.4
92
92
  #define navSpaceLeftnavChilditemYM 6.4
93
93
  #define navSpaceLeftnavGrandchilditemXM 6.4
94
+ #define navSpaceLeftnavGrandchilditemXIndent 29
94
95
  #define navSpaceLeftnavGrandchilditemXgM 6.4
95
96
  #define navSpaceLeftnavGrandchilditemYM 6.4
96
97
  #define navTypographyAdaptiveLabelS [object Object]
package/ios/frozenproduct/small/dark/mode.h CHANGED
@@ -123,7 +123,7 @@
123
123
  #define modesColorInteractiveMonochromeMarketingActive #00D639
124
124
  #define modesColorInteractiveMonochromeSubtleDefaultAlt #ffffff80
125
125
  #define modesColorInteractiveMonochromeSubtleDefault #ffffff14
126
- #define modesColorInteractiveNavActive #ffffff73
126
+ #define modesColorInteractiveNavActive #ffffff59
127
127
  #define modesColorInteractiveNavDefault #000000
128
128
  #define modesColorInteractiveNavDefaultAlt #282828
129
129
  #define modesColorInteractiveNavHover #ffffff29
package/ios/frozenproduct/small/light/components/nav.h CHANGED
@@ -23,10 +23,10 @@
23
23
  #define navColorMenuBgAlt #e8e8e8
24
24
  #define navColorMenuBgAlt2 #dedede
25
25
  #define navColorMenuBorderDefault #d1d1d1
26
- #define navColorLeftnavContainerBgDefault #000000
26
+ #define navColorLeftnavContainerBgDefault #FFFFFF
27
27
  #define navColorLeftnavContainerBgDefaultAlt #d1d1d1
28
28
  #define navColorLeftnavContainerBorderDefault #a6a6a6
29
- #define navColorLeftnavItemBgActive #00000073
29
+ #define navColorLeftnavItemBgActive #00000059
30
30
  #define navColorLeftnavItemBgEnabled #fff0
31
31
  #define navColorLeftnavItemBgHover #00000014
32
32
  #define navColorLeftnavItemLabelActive #000000
@@ -91,6 +91,7 @@
91
91
  #define navSpaceLeftnavChilditemXgM 6.4
92
92
  #define navSpaceLeftnavChilditemYM 6.4
93
93
  #define navSpaceLeftnavGrandchilditemXM 6.4
94
+ #define navSpaceLeftnavGrandchilditemXIndent 29
94
95
  #define navSpaceLeftnavGrandchilditemXgM 6.4
95
96
  #define navSpaceLeftnavGrandchilditemYM 6.4
96
97
  #define navTypographyAdaptiveLabelS [object Object]
package/ios/frozenproduct/small/light/mode.h CHANGED
@@ -123,7 +123,7 @@
123
123
  #define modesColorInteractiveMonochromeMarketingWithActive #00D639
124
124
  #define modesColorInteractiveMonochromeSubtleDefaultAlt #00000080
125
125
  #define modesColorInteractiveMonochromeSubtleDefault #0000000a
126
- #define modesColorInteractiveNavActive #00000073
126
+ #define modesColorInteractiveNavActive #00000059
127
127
  #define modesColorInteractiveNavDefault #FFFFFF
128
128
  #define modesColorInteractiveNavDefaultAlt #f3f3f3
129
129
  #define modesColorInteractiveNavHover #00000014
package/ios/marketing/large/dark/components/nav.h CHANGED
@@ -23,10 +23,10 @@
23
23
  #define navColorMenuBgAlt #181818
24
24
  #define navColorMenuBgAlt2 #1f1f1f
25
25
  #define navColorMenuBorderDefault #282828
26
- #define navColorLeftnavContainerBgDefault #FFFFFF
26
+ #define navColorLeftnavContainerBgDefault #000000
27
27
  #define navColorLeftnavContainerBgDefaultAlt #282828
28
28
  #define navColorLeftnavContainerBorderDefault #4b4b4b
29
- #define navColorLeftnavItemBgActive #ffffff73
29
+ #define navColorLeftnavItemBgActive #ffffff59
30
30
  #define navColorLeftnavItemBgEnabled #fff0
31
31
  #define navColorLeftnavItemBgHover #ffffff29
32
32
  #define navColorLeftnavItemLabelActive #FFFFFF
@@ -91,6 +91,7 @@
91
91
  #define navSpaceLeftnavChilditemXgM 8
92
92
  #define navSpaceLeftnavChilditemYM 8
93
93
  #define navSpaceLeftnavGrandchilditemXM 8
94
+ #define navSpaceLeftnavGrandchilditemXIndent 29
94
95
  #define navSpaceLeftnavGrandchilditemXgM 8
95
96
  #define navSpaceLeftnavGrandchilditemYM 8
96
97
  #define navTypographyAdaptiveLabelS [object Object]
package/ios/marketing/large/dark/mode.h CHANGED
@@ -123,7 +123,7 @@
123
123
  #define modesColorInteractiveMonochromeMarketingActive #00D639
124
124
  #define modesColorInteractiveMonochromeSubtleDefaultAlt #ffffff80
125
125
  #define modesColorInteractiveMonochromeSubtleDefault #ffffff14
126
- #define modesColorInteractiveNavActive #ffffff73
126
+ #define modesColorInteractiveNavActive #ffffff59
127
127
  #define modesColorInteractiveNavDefault #000000
128
128
  #define modesColorInteractiveNavDefaultAlt #282828
129
129
  #define modesColorInteractiveNavHover #ffffff29
package/ios/marketing/large/light/components/nav.h CHANGED
@@ -23,10 +23,10 @@
23
23
  #define navColorMenuBgAlt #e8e8e8
24
24
  #define navColorMenuBgAlt2 #dedede
25
25
  #define navColorMenuBorderDefault #d1d1d1
26
- #define navColorLeftnavContainerBgDefault #000000
26
+ #define navColorLeftnavContainerBgDefault #FFFFFF
27
27
  #define navColorLeftnavContainerBgDefaultAlt #d1d1d1
28
28
  #define navColorLeftnavContainerBorderDefault #a6a6a6
29
- #define navColorLeftnavItemBgActive #00000073
29
+ #define navColorLeftnavItemBgActive #00000059
30
30
  #define navColorLeftnavItemBgEnabled #fff0
31
31
  #define navColorLeftnavItemBgHover #00000014
32
32
  #define navColorLeftnavItemLabelActive #000000
@@ -91,6 +91,7 @@
91
91
  #define navSpaceLeftnavChilditemXgM 8
92
92
  #define navSpaceLeftnavChilditemYM 8
93
93
  #define navSpaceLeftnavGrandchilditemXM 8
94
+ #define navSpaceLeftnavGrandchilditemXIndent 29
94
95
  #define navSpaceLeftnavGrandchilditemXgM 8
95
96
  #define navSpaceLeftnavGrandchilditemYM 8
96
97
  #define navTypographyAdaptiveLabelS [object Object]
package/ios/marketing/large/light/mode.h CHANGED
@@ -123,7 +123,7 @@
123
123
  #define modesColorInteractiveMonochromeMarketingWithActive #00D639
124
124
  #define modesColorInteractiveMonochromeSubtleDefaultAlt #00000080
125
125
  #define modesColorInteractiveMonochromeSubtleDefault #0000000a
126
- #define modesColorInteractiveNavActive #00000073
126
+ #define modesColorInteractiveNavActive #00000059
127
127
  #define modesColorInteractiveNavDefault #FFFFFF
128
128
  #define modesColorInteractiveNavDefaultAlt #f3f3f3
129
129
  #define modesColorInteractiveNavHover #00000014
package/ios/marketing/small/dark/components/nav.h CHANGED
@@ -23,10 +23,10 @@
23
23
  #define navColorMenuBgAlt #181818
24
24
  #define navColorMenuBgAlt2 #1f1f1f
25
25
  #define navColorMenuBorderDefault #282828
26
- #define navColorLeftnavContainerBgDefault #FFFFFF
26
+ #define navColorLeftnavContainerBgDefault #000000
27
27
  #define navColorLeftnavContainerBgDefaultAlt #282828
28
28
  #define navColorLeftnavContainerBorderDefault #4b4b4b
29
- #define navColorLeftnavItemBgActive #ffffff73
29
+ #define navColorLeftnavItemBgActive #ffffff59
30
30
  #define navColorLeftnavItemBgEnabled #fff0
31
31
  #define navColorLeftnavItemBgHover #ffffff29
32
32
  #define navColorLeftnavItemLabelActive #FFFFFF
@@ -91,6 +91,7 @@
91
91
  #define navSpaceLeftnavChilditemXgM 6.4
92
92
  #define navSpaceLeftnavChilditemYM 6.4
93
93
  #define navSpaceLeftnavGrandchilditemXM 6.4
94
+ #define navSpaceLeftnavGrandchilditemXIndent 29
94
95
  #define navSpaceLeftnavGrandchilditemXgM 6.4
95
96
  #define navSpaceLeftnavGrandchilditemYM 6.4
96
97
  #define navTypographyAdaptiveLabelS [object Object]
package/ios/marketing/small/dark/mode.h CHANGED
@@ -123,7 +123,7 @@
123
123
  #define modesColorInteractiveMonochromeMarketingActive #00D639
124
124
  #define modesColorInteractiveMonochromeSubtleDefaultAlt #ffffff80
125
125
  #define modesColorInteractiveMonochromeSubtleDefault #ffffff14
126
- #define modesColorInteractiveNavActive #ffffff73
126
+ #define modesColorInteractiveNavActive #ffffff59
127
127
  #define modesColorInteractiveNavDefault #000000
128
128
  #define modesColorInteractiveNavDefaultAlt #282828
129
129
  #define modesColorInteractiveNavHover #ffffff29
package/ios/marketing/small/light/components/nav.h CHANGED
@@ -23,10 +23,10 @@
23
23
  #define navColorMenuBgAlt #e8e8e8
24
24
  #define navColorMenuBgAlt2 #dedede
25
25
  #define navColorMenuBorderDefault #d1d1d1
26
- #define navColorLeftnavContainerBgDefault #000000
26
+ #define navColorLeftnavContainerBgDefault #FFFFFF
27
27
  #define navColorLeftnavContainerBgDefaultAlt #d1d1d1
28
28
  #define navColorLeftnavContainerBorderDefault #a6a6a6
29
- #define navColorLeftnavItemBgActive #00000073
29
+ #define navColorLeftnavItemBgActive #00000059
30
30
  #define navColorLeftnavItemBgEnabled #fff0
31
31
  #define navColorLeftnavItemBgHover #00000014
32
32
  #define navColorLeftnavItemLabelActive #000000
@@ -91,6 +91,7 @@
91
91
  #define navSpaceLeftnavChilditemXgM 6.4
92
92
  #define navSpaceLeftnavChilditemYM 6.4
93
93
  #define navSpaceLeftnavGrandchilditemXM 6.4
94
+ #define navSpaceLeftnavGrandchilditemXIndent 29
94
95
  #define navSpaceLeftnavGrandchilditemXgM 6.4
95
96
  #define navSpaceLeftnavGrandchilditemYM 6.4
96
97
  #define navTypographyAdaptiveLabelS [object Object]
package/ios/marketing/small/light/mode.h CHANGED
@@ -123,7 +123,7 @@
123
123
  #define modesColorInteractiveMonochromeMarketingWithActive #00D639
124
124
  #define modesColorInteractiveMonochromeSubtleDefaultAlt #00000080
125
125
  #define modesColorInteractiveMonochromeSubtleDefault #0000000a
126
- #define modesColorInteractiveNavActive #00000073
126
+ #define modesColorInteractiveNavActive #00000059
127
127
  #define modesColorInteractiveNavDefault #FFFFFF
128
128
  #define modesColorInteractiveNavDefaultAlt #f3f3f3
129
129
  #define modesColorInteractiveNavHover #00000014
package/ios/product/large/dark/components/nav.h CHANGED
@@ -23,10 +23,10 @@
23
23
  #define navColorMenuBgAlt #181818
24
24
  #define navColorMenuBgAlt2 #1f1f1f
25
25
  #define navColorMenuBorderDefault #282828
26
- #define navColorLeftnavContainerBgDefault #FFFFFF
26
+ #define navColorLeftnavContainerBgDefault #000000
27
27
  #define navColorLeftnavContainerBgDefaultAlt #282828
28
28
  #define navColorLeftnavContainerBorderDefault #4b4b4b
29
- #define navColorLeftnavItemBgActive #ffffff73
29
+ #define navColorLeftnavItemBgActive #ffffff59
30
30
  #define navColorLeftnavItemBgEnabled #fff0
31
31
  #define navColorLeftnavItemBgHover #ffffff29
32
32
  #define navColorLeftnavItemLabelActive #FFFFFF
@@ -91,6 +91,7 @@
91
91
  #define navSpaceLeftnavChilditemXgM 8
92
92
  #define navSpaceLeftnavChilditemYM 8
93
93
  #define navSpaceLeftnavGrandchilditemXM 8
94
+ #define navSpaceLeftnavGrandchilditemXIndent 29
94
95
  #define navSpaceLeftnavGrandchilditemXgM 8
95
96
  #define navSpaceLeftnavGrandchilditemYM 8
96
97
  #define navTypographyAdaptiveLabelS [object Object]
package/ios/product/large/dark/mode.h CHANGED
@@ -123,7 +123,7 @@
123
123
  #define modesColorInteractiveMonochromeMarketingActive #00D639
124
124
  #define modesColorInteractiveMonochromeSubtleDefaultAlt #ffffff80
125
125
  #define modesColorInteractiveMonochromeSubtleDefault #ffffff14
126
- #define modesColorInteractiveNavActive #ffffff73
126
+ #define modesColorInteractiveNavActive #ffffff59
127
127
  #define modesColorInteractiveNavDefault #000000
128
128
  #define modesColorInteractiveNavDefaultAlt #282828
129
129
  #define modesColorInteractiveNavHover #ffffff29
package/ios/product/large/light/components/nav.h CHANGED
@@ -23,10 +23,10 @@
23
23
  #define navColorMenuBgAlt #e8e8e8
24
24
  #define navColorMenuBgAlt2 #dedede
25
25
  #define navColorMenuBorderDefault #d1d1d1
26
- #define navColorLeftnavContainerBgDefault #000000
26
+ #define navColorLeftnavContainerBgDefault #FFFFFF
27
27
  #define navColorLeftnavContainerBgDefaultAlt #d1d1d1
28
28
  #define navColorLeftnavContainerBorderDefault #a6a6a6
29
- #define navColorLeftnavItemBgActive #00000073
29
+ #define navColorLeftnavItemBgActive #00000059
30
30
  #define navColorLeftnavItemBgEnabled #fff0
31
31
  #define navColorLeftnavItemBgHover #00000014
32
32
  #define navColorLeftnavItemLabelActive #000000
@@ -91,6 +91,7 @@
91
91
  #define navSpaceLeftnavChilditemXgM 8
92
92
  #define navSpaceLeftnavChilditemYM 8
93
93
  #define navSpaceLeftnavGrandchilditemXM 8
94
+ #define navSpaceLeftnavGrandchilditemXIndent 29
94
95
  #define navSpaceLeftnavGrandchilditemXgM 8
95
96
  #define navSpaceLeftnavGrandchilditemYM 8
96
97
  #define navTypographyAdaptiveLabelS [object Object]