@sage/design-tokens 15.0.0 → 15.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 (240) hide show
  1. package/css/frozenproduct/all.css +7 -3
  2. package/css/frozenproduct/large/components/form.css +3 -0
  3. package/css/frozenproduct/large/components/nav.css +1 -1
  4. package/css/frozenproduct/large/dark.css +2 -1
  5. package/css/frozenproduct/large/light.css +2 -1
  6. package/css/frozenproduct/small/components/form.css +3 -0
  7. package/css/frozenproduct/small/components/nav.css +1 -1
  8. package/css/frozenproduct/small/dark.css +2 -1
  9. package/css/frozenproduct/small/light.css +2 -1
  10. package/css/product/all.css +7 -3
  11. package/css/product/large/components/form.css +3 -0
  12. package/css/product/large/components/nav.css +1 -1
  13. package/css/product/large/dark.css +2 -1
  14. package/css/product/large/light.css +2 -1
  15. package/css/product/small/components/form.css +3 -0
  16. package/css/product/small/components/nav.css +1 -1
  17. package/css/product/small/dark.css +2 -1
  18. package/css/product/small/light.css +2 -1
  19. package/ios/frozenproduct/large/dark/components/form.h +3 -0
  20. package/ios/frozenproduct/large/dark/components/nav.h +1 -1
  21. package/ios/frozenproduct/large/dark/mode.h +2 -1
  22. package/ios/frozenproduct/large/light/components/form.h +3 -0
  23. package/ios/frozenproduct/large/light/components/nav.h +1 -1
  24. package/ios/frozenproduct/large/light/mode.h +2 -1
  25. package/ios/frozenproduct/small/dark/components/form.h +3 -0
  26. package/ios/frozenproduct/small/dark/components/nav.h +1 -1
  27. package/ios/frozenproduct/small/dark/mode.h +2 -1
  28. package/ios/frozenproduct/small/light/components/form.h +3 -0
  29. package/ios/frozenproduct/small/light/components/nav.h +1 -1
  30. package/ios/frozenproduct/small/light/mode.h +2 -1
  31. package/ios/product/large/dark/components/form.h +3 -0
  32. package/ios/product/large/dark/components/nav.h +1 -1
  33. package/ios/product/large/dark/mode.h +2 -1
  34. package/ios/product/large/light/components/form.h +3 -0
  35. package/ios/product/large/light/components/nav.h +1 -1
  36. package/ios/product/large/light/mode.h +2 -1
  37. package/ios/product/small/dark/components/form.h +3 -0
  38. package/ios/product/small/dark/components/nav.h +1 -1
  39. package/ios/product/small/dark/mode.h +2 -1
  40. package/ios/product/small/light/components/form.h +3 -0
  41. package/ios/product/small/light/components/nav.h +1 -1
  42. package/ios/product/small/light/mode.h +2 -1
  43. package/js/common/frozenproduct/large/dark/components/form.d.ts +3 -0
  44. package/js/common/frozenproduct/large/dark/components/form.js +53 -0
  45. package/js/common/frozenproduct/large/dark/components/nav.js +2 -2
  46. package/js/common/frozenproduct/large/dark/mode.d.ts +1 -0
  47. package/js/common/frozenproduct/large/dark/mode.js +42 -2
  48. package/js/common/frozenproduct/large/light/components/form.d.ts +3 -0
  49. package/js/common/frozenproduct/large/light/components/form.js +53 -0
  50. package/js/common/frozenproduct/large/light/components/nav.js +2 -2
  51. package/js/common/frozenproduct/large/light/mode.d.ts +1 -0
  52. package/js/common/frozenproduct/large/light/mode.js +42 -2
  53. package/js/common/frozenproduct/small/dark/components/form.d.ts +3 -0
  54. package/js/common/frozenproduct/small/dark/components/form.js +53 -0
  55. package/js/common/frozenproduct/small/dark/components/nav.js +2 -2
  56. package/js/common/frozenproduct/small/dark/mode.d.ts +1 -0
  57. package/js/common/frozenproduct/small/dark/mode.js +42 -2
  58. package/js/common/frozenproduct/small/light/components/form.d.ts +3 -0
  59. package/js/common/frozenproduct/small/light/components/form.js +53 -0
  60. package/js/common/frozenproduct/small/light/components/nav.js +2 -2
  61. package/js/common/frozenproduct/small/light/mode.d.ts +1 -0
  62. package/js/common/frozenproduct/small/light/mode.js +42 -2
  63. package/js/common/product/large/dark/components/form.d.ts +3 -0
  64. package/js/common/product/large/dark/components/form.js +53 -0
  65. package/js/common/product/large/dark/components/nav.js +2 -2
  66. package/js/common/product/large/dark/mode.d.ts +1 -0
  67. package/js/common/product/large/dark/mode.js +42 -2
  68. package/js/common/product/large/light/components/form.d.ts +3 -0
  69. package/js/common/product/large/light/components/form.js +53 -0
  70. package/js/common/product/large/light/components/nav.js +2 -2
  71. package/js/common/product/large/light/mode.d.ts +1 -0
  72. package/js/common/product/large/light/mode.js +42 -2
  73. package/js/common/product/small/dark/components/form.d.ts +3 -0
  74. package/js/common/product/small/dark/components/form.js +53 -0
  75. package/js/common/product/small/dark/components/nav.js +2 -2
  76. package/js/common/product/small/dark/mode.d.ts +1 -0
  77. package/js/common/product/small/dark/mode.js +42 -2
  78. package/js/common/product/small/light/components/form.d.ts +3 -0
  79. package/js/common/product/small/light/components/form.js +53 -0
  80. package/js/common/product/small/light/components/nav.js +2 -2
  81. package/js/common/product/small/light/mode.d.ts +1 -0
  82. package/js/common/product/small/light/mode.js +42 -2
  83. package/js/es6/frozenproduct/large/dark/components/form.d.ts +15 -0
  84. package/js/es6/frozenproduct/large/dark/components/form.js +15 -0
  85. package/js/es6/frozenproduct/large/dark/components/nav.js +1 -1
  86. package/js/es6/frozenproduct/large/dark/mode.d.ts +1 -0
  87. package/js/es6/frozenproduct/large/dark/mode.js +2 -1
  88. package/js/es6/frozenproduct/large/light/components/form.d.ts +15 -0
  89. package/js/es6/frozenproduct/large/light/components/form.js +15 -0
  90. package/js/es6/frozenproduct/large/light/components/nav.js +1 -1
  91. package/js/es6/frozenproduct/large/light/mode.d.ts +1 -0
  92. package/js/es6/frozenproduct/large/light/mode.js +2 -1
  93. package/js/es6/frozenproduct/small/dark/components/form.d.ts +15 -0
  94. package/js/es6/frozenproduct/small/dark/components/form.js +15 -0
  95. package/js/es6/frozenproduct/small/dark/components/nav.js +1 -1
  96. package/js/es6/frozenproduct/small/dark/mode.d.ts +1 -0
  97. package/js/es6/frozenproduct/small/dark/mode.js +2 -1
  98. package/js/es6/frozenproduct/small/light/components/form.d.ts +15 -0
  99. package/js/es6/frozenproduct/small/light/components/form.js +15 -0
  100. package/js/es6/frozenproduct/small/light/components/nav.js +1 -1
  101. package/js/es6/frozenproduct/small/light/mode.d.ts +1 -0
  102. package/js/es6/frozenproduct/small/light/mode.js +2 -1
  103. package/js/es6/product/large/dark/components/form.d.ts +15 -0
  104. package/js/es6/product/large/dark/components/form.js +15 -0
  105. package/js/es6/product/large/dark/components/nav.js +1 -1
  106. package/js/es6/product/large/dark/mode.d.ts +1 -0
  107. package/js/es6/product/large/dark/mode.js +2 -1
  108. package/js/es6/product/large/light/components/form.d.ts +15 -0
  109. package/js/es6/product/large/light/components/form.js +15 -0
  110. package/js/es6/product/large/light/components/nav.js +1 -1
  111. package/js/es6/product/large/light/mode.d.ts +1 -0
  112. package/js/es6/product/large/light/mode.js +2 -1
  113. package/js/es6/product/small/dark/components/form.d.ts +15 -0
  114. package/js/es6/product/small/dark/components/form.js +15 -0
  115. package/js/es6/product/small/dark/components/nav.js +1 -1
  116. package/js/es6/product/small/dark/mode.d.ts +1 -0
  117. package/js/es6/product/small/dark/mode.js +2 -1
  118. package/js/es6/product/small/light/components/form.d.ts +15 -0
  119. package/js/es6/product/small/light/components/form.js +15 -0
  120. package/js/es6/product/small/light/components/nav.js +1 -1
  121. package/js/es6/product/small/light/mode.d.ts +1 -0
  122. package/js/es6/product/small/light/mode.js +2 -1
  123. package/js/umd/frozenproduct/large/dark/components/form.js +53 -0
  124. package/js/umd/frozenproduct/large/dark/components/nav.js +2 -2
  125. package/js/umd/frozenproduct/large/dark/mode.js +42 -2
  126. package/js/umd/frozenproduct/large/light/components/form.js +53 -0
  127. package/js/umd/frozenproduct/large/light/components/nav.js +2 -2
  128. package/js/umd/frozenproduct/large/light/mode.js +42 -2
  129. package/js/umd/frozenproduct/small/dark/components/form.js +53 -0
  130. package/js/umd/frozenproduct/small/dark/components/nav.js +2 -2
  131. package/js/umd/frozenproduct/small/dark/mode.js +42 -2
  132. package/js/umd/frozenproduct/small/light/components/form.js +53 -0
  133. package/js/umd/frozenproduct/small/light/components/nav.js +2 -2
  134. package/js/umd/frozenproduct/small/light/mode.js +42 -2
  135. package/js/umd/product/large/dark/components/form.js +53 -0
  136. package/js/umd/product/large/dark/components/nav.js +2 -2
  137. package/js/umd/product/large/dark/mode.js +42 -2
  138. package/js/umd/product/large/light/components/form.js +53 -0
  139. package/js/umd/product/large/light/components/nav.js +2 -2
  140. package/js/umd/product/large/light/mode.js +42 -2
  141. package/js/umd/product/small/dark/components/form.js +53 -0
  142. package/js/umd/product/small/dark/components/nav.js +2 -2
  143. package/js/umd/product/small/dark/mode.js +42 -2
  144. package/js/umd/product/small/light/components/form.js +53 -0
  145. package/js/umd/product/small/light/components/nav.js +2 -2
  146. package/js/umd/product/small/light/mode.js +42 -2
  147. package/json/flat/frozenproduct/large/dark/components/form.json +3 -0
  148. package/json/flat/frozenproduct/large/dark/components/nav.json +1 -1
  149. package/json/flat/frozenproduct/large/dark/mode.json +2 -1
  150. package/json/flat/frozenproduct/large/light/components/form.json +3 -0
  151. package/json/flat/frozenproduct/large/light/components/nav.json +1 -1
  152. package/json/flat/frozenproduct/large/light/mode.json +2 -1
  153. package/json/flat/frozenproduct/small/dark/components/form.json +3 -0
  154. package/json/flat/frozenproduct/small/dark/components/nav.json +1 -1
  155. package/json/flat/frozenproduct/small/dark/mode.json +2 -1
  156. package/json/flat/frozenproduct/small/light/components/form.json +3 -0
  157. package/json/flat/frozenproduct/small/light/components/nav.json +1 -1
  158. package/json/flat/frozenproduct/small/light/mode.json +2 -1
  159. package/json/flat/product/large/dark/components/form.json +3 -0
  160. package/json/flat/product/large/dark/components/nav.json +1 -1
  161. package/json/flat/product/large/dark/mode.json +2 -1
  162. package/json/flat/product/large/light/components/form.json +3 -0
  163. package/json/flat/product/large/light/components/nav.json +1 -1
  164. package/json/flat/product/large/light/mode.json +2 -1
  165. package/json/flat/product/small/dark/components/form.json +3 -0
  166. package/json/flat/product/small/dark/components/nav.json +1 -1
  167. package/json/flat/product/small/dark/mode.json +2 -1
  168. package/json/flat/product/small/light/components/form.json +3 -0
  169. package/json/flat/product/small/light/components/nav.json +1 -1
  170. package/json/flat/product/small/light/mode.json +2 -1
  171. package/json/nested/frozenproduct/large/dark/components/form.json +16 -1
  172. package/json/nested/frozenproduct/large/dark/components/nav.json +1 -1
  173. package/json/nested/frozenproduct/large/dark/mode.json +2 -1
  174. package/json/nested/frozenproduct/large/light/components/form.json +16 -1
  175. package/json/nested/frozenproduct/large/light/components/nav.json +1 -1
  176. package/json/nested/frozenproduct/large/light/mode.json +2 -1
  177. package/json/nested/frozenproduct/small/dark/components/form.json +16 -1
  178. package/json/nested/frozenproduct/small/dark/components/nav.json +1 -1
  179. package/json/nested/frozenproduct/small/dark/mode.json +2 -1
  180. package/json/nested/frozenproduct/small/light/components/form.json +16 -1
  181. package/json/nested/frozenproduct/small/light/components/nav.json +1 -1
  182. package/json/nested/frozenproduct/small/light/mode.json +2 -1
  183. package/json/nested/product/large/dark/components/form.json +16 -1
  184. package/json/nested/product/large/dark/components/nav.json +1 -1
  185. package/json/nested/product/large/dark/mode.json +2 -1
  186. package/json/nested/product/large/light/components/form.json +16 -1
  187. package/json/nested/product/large/light/components/nav.json +1 -1
  188. package/json/nested/product/large/light/mode.json +2 -1
  189. package/json/nested/product/small/dark/components/form.json +16 -1
  190. package/json/nested/product/small/dark/components/nav.json +1 -1
  191. package/json/nested/product/small/dark/mode.json +2 -1
  192. package/json/nested/product/small/light/components/form.json +16 -1
  193. package/json/nested/product/small/light/components/nav.json +1 -1
  194. package/json/nested/product/small/light/mode.json +2 -1
  195. package/package.json +1 -1
  196. package/sage-design-tokens-15.2.0.tgz +0 -0
  197. package/scss/frozenproduct/large/components/form.scss +3 -0
  198. package/scss/frozenproduct/large/components/nav.scss +1 -1
  199. package/scss/frozenproduct/large/dark.scss +2 -1
  200. package/scss/frozenproduct/large/light.scss +2 -1
  201. package/scss/frozenproduct/small/components/button.scss +13 -13
  202. package/scss/frozenproduct/small/components/container.scss +10 -10
  203. package/scss/frozenproduct/small/components/form.scss +10 -7
  204. package/scss/frozenproduct/small/components/link.scss +2 -2
  205. package/scss/frozenproduct/small/components/nav.scss +6 -6
  206. package/scss/frozenproduct/small/components/page.scss +1 -1
  207. package/scss/frozenproduct/small/components/popover.scss +2 -2
  208. package/scss/frozenproduct/small/components/progress.scss +6 -6
  209. package/scss/frozenproduct/small/components/status.scss +3 -3
  210. package/scss/frozenproduct/small/components/tab.scss +7 -7
  211. package/scss/frozenproduct/small/components/table.scss +10 -10
  212. package/scss/frozenproduct/small/dark.scss +2 -1
  213. package/scss/frozenproduct/small/light.scss +2 -1
  214. package/scss/product/large/components/button.scss +13 -13
  215. package/scss/product/large/components/container.scss +10 -10
  216. package/scss/product/large/components/form.scss +10 -7
  217. package/scss/product/large/components/link.scss +2 -2
  218. package/scss/product/large/components/nav.scss +6 -6
  219. package/scss/product/large/components/page.scss +1 -1
  220. package/scss/product/large/components/popover.scss +2 -2
  221. package/scss/product/large/components/progress.scss +6 -6
  222. package/scss/product/large/components/status.scss +3 -3
  223. package/scss/product/large/components/tab.scss +7 -7
  224. package/scss/product/large/components/table.scss +10 -10
  225. package/scss/product/large/dark.scss +2 -1
  226. package/scss/product/large/light.scss +2 -1
  227. package/scss/product/small/components/button.scss +13 -13
  228. package/scss/product/small/components/container.scss +10 -10
  229. package/scss/product/small/components/form.scss +10 -7
  230. package/scss/product/small/components/link.scss +2 -2
  231. package/scss/product/small/components/nav.scss +6 -6
  232. package/scss/product/small/components/page.scss +1 -1
  233. package/scss/product/small/components/popover.scss +2 -2
  234. package/scss/product/small/components/progress.scss +6 -6
  235. package/scss/product/small/components/status.scss +3 -3
  236. package/scss/product/small/components/tab.scss +7 -7
  237. package/scss/product/small/components/table.scss +10 -10
  238. package/scss/product/small/dark.scss +2 -1
  239. package/scss/product/small/light.scss +2 -1
  240. package/sage-design-tokens-15.0.0.tgz +0 -0
@@ -265,7 +265,8 @@
265
265
  --modes-color-interactive-monochrome-active-alt-light: #00000026;
266
266
  --modes-color-interactive-monochrome-default-light: #000000e6;
267
267
  --modes-color-interactive-monochrome-default-alt-light: #000000ab; /* subtle and toggle button text */
268
- --modes-color-interactive-monochrome-default-alt2-light: #0000006b; /* Tertiary border color */
268
+ --modes-color-interactive-monochrome-default-alt2-light: #0000008c; /* Dropdown option subtext. */
269
+ --modes-color-interactive-monochrome-default-alt3-light: #0000006b; /* Tertiary border color */
269
270
  --modes-color-interactive-monochrome-hover-alt-light: #0000001a; /* Accordion, secondary, tertiary, menu bg on hover */
270
271
  --modes-color-interactive-monochrome-hover-light: #00000026; /* subtle table header hover */
271
272
  --modes-color-interactive-monochrome-with-active-light: #FFFFFF;
@@ -574,7 +575,8 @@
574
575
  --modes-color-interactive-monochrome-active-alt-dark: #ffffff26;
575
576
  --modes-color-interactive-monochrome-default-dark: #ffffffe6;
576
577
  --modes-color-interactive-monochrome-default-alt-dark: #ffffffab; /* subtle and toggle button text */
577
- --modes-color-interactive-monochrome-default-alt2-dark: #ffffff6b; /* Tertiary border color */
578
+ --modes-color-interactive-monochrome-default-alt2-dark: #ffffff8c; /* Dropdown option subtext. */
579
+ --modes-color-interactive-monochrome-default-alt3-dark: #ffffff6b; /* Tertiary border color */
578
580
  --modes-color-interactive-monochrome-hover-alt-dark: #ffffff1a; /* Accordion, secondary, tertiary, menu bg on hover */
579
581
  --modes-color-interactive-monochrome-hover-dark: #ffffff26; /* subtle table header hover */
580
582
  --modes-color-interactive-monochrome-with-active-dark: #000000;
@@ -1470,6 +1472,7 @@
1470
1472
  --form-typography-label-s: var(--global-typography-component-firm-s);
1471
1473
  --form-typography-label-m: var(--global-typography-component-firm-m);
1472
1474
  --form-typography-label-l: var(--global-typography-component-firm-l);
1475
+ --form-typography-default-xs: var(--global-typography-component-moderate-xs);
1473
1476
  --form-typography-default-s: var(--global-typography-component-moderate-s);
1474
1477
  --form-typography-default-m: var(--global-typography-component-moderate-m);
1475
1478
  --form-typography-default-l: var(--global-typography-component-moderate-l);
@@ -1670,6 +1673,7 @@
1670
1673
  --form-color-dropdown-label-alt: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
1671
1674
  --form-color-dropdown-label-disabled: light-dark(var(--modes-color-interactive-inactive-content-light), var(--modes-color-interactive-inactive-content-dark));
1672
1675
  --form-color-dropdown-label-enabled: light-dark(var(--modes-color-interactive-monochrome-default-alt-light), var(--modes-color-interactive-monochrome-default-alt-dark));
1676
+ --form-color-dropdown-label-subtext: light-dark(var(--modes-color-interactive-monochrome-default-alt3-light), var(--modes-color-interactive-monochrome-default-alt3-dark)); /* Option subtext. */
1673
1677
  --form-color-labelset-label-default: light-dark(var(--modes-color-interactive-data-entry-content-light), var(--modes-color-interactive-data-entry-content-dark));
1674
1678
  --form-color-labelset-label-alt: light-dark(var(--modes-color-interactive-data-entry-content-alt-light), var(--modes-color-interactive-data-entry-content-alt-dark)); /* used for '(optional)' text and hint text. */
1675
1679
  --form-color-labelset-label-disabled: light-dark(var(--modes-color-interactive-inactive-content-light), var(--modes-color-interactive-inactive-content-dark));
@@ -1784,7 +1788,7 @@
1784
1788
  --logo-space-ai-xg-m: var(--global-space-micro-l); /* Space between star icon and text */
1785
1789
 
1786
1790
  /* nav component tokens */
1787
- --nav-size-leftnav-parent-container-fixed-width: 140; /* fixed width of parent container */
1791
+ --nav-size-leftnav-parent-container-fixed-width: 146; /* fixed width of parent container */
1788
1792
  --nav-size-leftnav-child-container-fixed-width: 250; /* fixed width of parent container */
1789
1793
  --nav-space-leftnav-grandchilditem-x-indent: 33; /* indent on grandchild items */
1790
1794
  --nav-color-bg-default: light-dark(var(--modes-color-generic-bg-nought-light), var(--modes-color-generic-bg-nought-dark)); /* nav bar bg */
@@ -24,12 +24,14 @@
24
24
  --form-typography-adaptive-label-s: var(--global-typography-adaptive-component-firm-s);
25
25
  --form-typography-adaptive-label-m: var(--global-typography-adaptive-component-firm-m);
26
26
  --form-typography-adaptive-label-l: var(--global-typography-adaptive-component-firm-l);
27
+ --form-typography-adaptive-default-xs: var(--global-typography-adaptive-component-moderate-xs);
27
28
  --form-typography-adaptive-default-s: var(--global-typography-adaptive-component-moderate-s);
28
29
  --form-typography-adaptive-default-m: var(--global-typography-adaptive-component-moderate-m);
29
30
  --form-typography-adaptive-default-l: var(--global-typography-adaptive-component-moderate-l);
30
31
  --form-typography-responsive-label-s: var(--global-typography-responsive-component-firm-s);
31
32
  --form-typography-responsive-label-m: var(--global-typography-responsive-component-firm-m);
32
33
  --form-typography-responsive-label-l: var(--global-typography-responsive-component-firm-l);
34
+ --form-typography-responsive-default-xs: var(--global-typography-responsive-component-moderate-xs);
33
35
  --form-typography-responsive-default-s: var(--global-typography-responsive-component-moderate-s);
34
36
  --form-typography-responsive-default-m: var(--global-typography-responsive-component-moderate-m);
35
37
  --form-typography-responsive-default-l: var(--global-typography-responsive-component-moderate-l);
@@ -230,6 +232,7 @@
230
232
  --form-color-dropdown-label-alt: var(--modes-color-interactive-monochrome-default);
231
233
  --form-color-dropdown-label-disabled: var(--modes-color-interactive-inactive-content);
232
234
  --form-color-dropdown-label-enabled: var(--modes-color-interactive-monochrome-default-alt);
235
+ --form-color-dropdown-label-subtext: var(--modes-color-interactive-monochrome-default-alt3); /* Option subtext. */
233
236
  --form-color-labelset-label-default: var(--modes-color-interactive-data-entry-content);
234
237
  --form-color-labelset-label-alt: var(--modes-color-interactive-data-entry-content-alt); /* used for '(optional)' text and hint text. */
235
238
  --form-color-labelset-label-disabled: var(--modes-color-interactive-inactive-content);
@@ -3,7 +3,7 @@
3
3
  */
4
4
 
5
5
  :root {
6
- --nav-size-leftnav-parent-container-fixed-width: 140; /* fixed width of parent container */
6
+ --nav-size-leftnav-parent-container-fixed-width: 146; /* fixed width of parent container */
7
7
  --nav-size-leftnav-child-container-fixed-width: 250; /* fixed width of parent container */
8
8
  --nav-space-leftnav-grandchilditem-x-indent: 33; /* indent on grandchild items */
9
9
  --nav-color-bg-default: var(--modes-color-generic-bg-nought); /* nav bar bg */
@@ -112,7 +112,8 @@
112
112
  --modes-color-interactive-monochrome-active-alt: #ffffff26;
113
113
  --modes-color-interactive-monochrome-default: #ffffffe6;
114
114
  --modes-color-interactive-monochrome-default-alt: #ffffffab; /* subtle and toggle button text */
115
- --modes-color-interactive-monochrome-default-alt2: #ffffff6b; /* Tertiary border color */
115
+ --modes-color-interactive-monochrome-default-alt2: #ffffff8c; /* Dropdown option subtext. */
116
+ --modes-color-interactive-monochrome-default-alt3: #ffffff6b; /* Tertiary border color */
116
117
  --modes-color-interactive-monochrome-hover-alt: #ffffff1a; /* Accordion, secondary, tertiary, menu bg on hover */
117
118
  --modes-color-interactive-monochrome-hover: #ffffff26; /* subtle table header hover */
118
119
  --modes-color-interactive-monochrome-with-active: #000000;
@@ -112,7 +112,8 @@
112
112
  --modes-color-interactive-monochrome-active-alt: #00000026;
113
113
  --modes-color-interactive-monochrome-default: #000000e6;
114
114
  --modes-color-interactive-monochrome-default-alt: #000000ab; /* subtle and toggle button text */
115
- --modes-color-interactive-monochrome-default-alt2: #0000006b; /* Tertiary border color */
115
+ --modes-color-interactive-monochrome-default-alt2: #0000008c; /* Dropdown option subtext. */
116
+ --modes-color-interactive-monochrome-default-alt3: #0000006b; /* Tertiary border color */
116
117
  --modes-color-interactive-monochrome-hover-alt: #0000001a; /* Accordion, secondary, tertiary, menu bg on hover */
117
118
  --modes-color-interactive-monochrome-hover: #00000026; /* subtle table header hover */
118
119
  --modes-color-interactive-monochrome-with-active: #FFFFFF;
@@ -24,12 +24,14 @@
24
24
  --form-typography-adaptive-label-s: var(--global-typography-adaptive-component-firm-s);
25
25
  --form-typography-adaptive-label-m: var(--global-typography-adaptive-component-firm-m);
26
26
  --form-typography-adaptive-label-l: var(--global-typography-adaptive-component-firm-l);
27
+ --form-typography-adaptive-default-xs: var(--global-typography-adaptive-component-moderate-xs);
27
28
  --form-typography-adaptive-default-s: var(--global-typography-adaptive-component-moderate-s);
28
29
  --form-typography-adaptive-default-m: var(--global-typography-adaptive-component-moderate-m);
29
30
  --form-typography-adaptive-default-l: var(--global-typography-adaptive-component-moderate-l);
30
31
  --form-typography-responsive-label-s: var(--global-typography-responsive-component-firm-s);
31
32
  --form-typography-responsive-label-m: var(--global-typography-responsive-component-firm-m);
32
33
  --form-typography-responsive-label-l: var(--global-typography-responsive-component-firm-l);
34
+ --form-typography-responsive-default-xs: var(--global-typography-responsive-component-moderate-xs);
33
35
  --form-typography-responsive-default-s: var(--global-typography-responsive-component-moderate-s);
34
36
  --form-typography-responsive-default-m: var(--global-typography-responsive-component-moderate-m);
35
37
  --form-typography-responsive-default-l: var(--global-typography-responsive-component-moderate-l);
@@ -230,6 +232,7 @@
230
232
  --form-color-dropdown-label-alt: var(--modes-color-interactive-monochrome-default);
231
233
  --form-color-dropdown-label-disabled: var(--modes-color-interactive-inactive-content);
232
234
  --form-color-dropdown-label-enabled: var(--modes-color-interactive-monochrome-default-alt);
235
+ --form-color-dropdown-label-subtext: var(--modes-color-interactive-monochrome-default-alt3); /* Option subtext. */
233
236
  --form-color-labelset-label-default: var(--modes-color-interactive-data-entry-content);
234
237
  --form-color-labelset-label-alt: var(--modes-color-interactive-data-entry-content-alt); /* used for '(optional)' text and hint text. */
235
238
  --form-color-labelset-label-disabled: var(--modes-color-interactive-inactive-content);
@@ -3,7 +3,7 @@
3
3
  */
4
4
 
5
5
  :root {
6
- --nav-size-leftnav-parent-container-fixed-width: 140; /* fixed width of parent container */
6
+ --nav-size-leftnav-parent-container-fixed-width: 146; /* fixed width of parent container */
7
7
  --nav-size-leftnav-child-container-fixed-width: 250; /* fixed width of parent container */
8
8
  --nav-space-leftnav-grandchilditem-x-indent: 33; /* indent on grandchild items */
9
9
  --nav-color-bg-default: var(--modes-color-generic-bg-nought); /* nav bar bg */
@@ -112,7 +112,8 @@
112
112
  --modes-color-interactive-monochrome-active-alt: #ffffff26;
113
113
  --modes-color-interactive-monochrome-default: #ffffffe6;
114
114
  --modes-color-interactive-monochrome-default-alt: #ffffffab; /* subtle and toggle button text */
115
- --modes-color-interactive-monochrome-default-alt2: #ffffff6b; /* Tertiary border color */
115
+ --modes-color-interactive-monochrome-default-alt2: #ffffff8c; /* Dropdown option subtext. */
116
+ --modes-color-interactive-monochrome-default-alt3: #ffffff6b; /* Tertiary border color */
116
117
  --modes-color-interactive-monochrome-hover-alt: #ffffff1a; /* Accordion, secondary, tertiary, menu bg on hover */
117
118
  --modes-color-interactive-monochrome-hover: #ffffff26; /* subtle table header hover */
118
119
  --modes-color-interactive-monochrome-with-active: #000000;
@@ -112,7 +112,8 @@
112
112
  --modes-color-interactive-monochrome-active-alt: #00000026;
113
113
  --modes-color-interactive-monochrome-default: #000000e6;
114
114
  --modes-color-interactive-monochrome-default-alt: #000000ab; /* subtle and toggle button text */
115
- --modes-color-interactive-monochrome-default-alt2: #0000006b; /* Tertiary border color */
115
+ --modes-color-interactive-monochrome-default-alt2: #0000008c; /* Dropdown option subtext. */
116
+ --modes-color-interactive-monochrome-default-alt3: #0000006b; /* Tertiary border color */
116
117
  --modes-color-interactive-monochrome-hover-alt: #0000001a; /* Accordion, secondary, tertiary, menu bg on hover */
117
118
  --modes-color-interactive-monochrome-hover: #00000026; /* subtle table header hover */
118
119
  --modes-color-interactive-monochrome-with-active: #FFFFFF;
@@ -265,7 +265,8 @@
265
265
  --modes-color-interactive-monochrome-active-alt-light: #00000026;
266
266
  --modes-color-interactive-monochrome-default-light: #000000e6;
267
267
  --modes-color-interactive-monochrome-default-alt-light: #000000ab; /* subtle and toggle button text */
268
- --modes-color-interactive-monochrome-default-alt2-light: #0000006b; /* Tertiary border color */
268
+ --modes-color-interactive-monochrome-default-alt2-light: #0000008c; /* Dropdown option subtext. */
269
+ --modes-color-interactive-monochrome-default-alt3-light: #0000006b; /* Tertiary border color */
269
270
  --modes-color-interactive-monochrome-hover-alt-light: #0000001a; /* Accordion, secondary, tertiary, menu bg on hover */
270
271
  --modes-color-interactive-monochrome-hover-light: #00000026; /* subtle table header hover */
271
272
  --modes-color-interactive-monochrome-with-active-light: #FFFFFF;
@@ -574,7 +575,8 @@
574
575
  --modes-color-interactive-monochrome-active-alt-dark: #ffffff26;
575
576
  --modes-color-interactive-monochrome-default-dark: #ffffffe6;
576
577
  --modes-color-interactive-monochrome-default-alt-dark: #ffffffab; /* subtle and toggle button text */
577
- --modes-color-interactive-monochrome-default-alt2-dark: #ffffff6b; /* Tertiary border color */
578
+ --modes-color-interactive-monochrome-default-alt2-dark: #ffffff8c; /* Dropdown option subtext. */
579
+ --modes-color-interactive-monochrome-default-alt3-dark: #ffffff6b; /* Tertiary border color */
578
580
  --modes-color-interactive-monochrome-hover-alt-dark: #ffffff1a; /* Accordion, secondary, tertiary, menu bg on hover */
579
581
  --modes-color-interactive-monochrome-hover-dark: #ffffff26; /* subtle table header hover */
580
582
  --modes-color-interactive-monochrome-with-active-dark: #000000;
@@ -1470,6 +1472,7 @@
1470
1472
  --form-typography-label-s: var(--global-typography-component-firm-s);
1471
1473
  --form-typography-label-m: var(--global-typography-component-firm-m);
1472
1474
  --form-typography-label-l: var(--global-typography-component-firm-l);
1475
+ --form-typography-default-xs: var(--global-typography-component-moderate-xs);
1473
1476
  --form-typography-default-s: var(--global-typography-component-moderate-s);
1474
1477
  --form-typography-default-m: var(--global-typography-component-moderate-m);
1475
1478
  --form-typography-default-l: var(--global-typography-component-moderate-l);
@@ -1670,6 +1673,7 @@
1670
1673
  --form-color-dropdown-label-alt: light-dark(var(--modes-color-interactive-monochrome-default-light), var(--modes-color-interactive-monochrome-default-dark));
1671
1674
  --form-color-dropdown-label-disabled: light-dark(var(--modes-color-interactive-inactive-content-light), var(--modes-color-interactive-inactive-content-dark));
1672
1675
  --form-color-dropdown-label-enabled: light-dark(var(--modes-color-interactive-monochrome-default-alt-light), var(--modes-color-interactive-monochrome-default-alt-dark));
1676
+ --form-color-dropdown-label-subtext: light-dark(var(--modes-color-interactive-monochrome-default-alt3-light), var(--modes-color-interactive-monochrome-default-alt3-dark)); /* Option subtext. */
1673
1677
  --form-color-labelset-label-default: light-dark(var(--modes-color-interactive-data-entry-content-light), var(--modes-color-interactive-data-entry-content-dark));
1674
1678
  --form-color-labelset-label-alt: light-dark(var(--modes-color-interactive-data-entry-content-alt-light), var(--modes-color-interactive-data-entry-content-alt-dark)); /* used for '(optional)' text and hint text. */
1675
1679
  --form-color-labelset-label-disabled: light-dark(var(--modes-color-interactive-inactive-content-light), var(--modes-color-interactive-inactive-content-dark));
@@ -1784,7 +1788,7 @@
1784
1788
  --logo-space-ai-xg-m: var(--global-space-micro-l); /* Space between star icon and text */
1785
1789
 
1786
1790
  /* nav component tokens */
1787
- --nav-size-leftnav-parent-container-fixed-width: 140; /* fixed width of parent container */
1791
+ --nav-size-leftnav-parent-container-fixed-width: 146; /* fixed width of parent container */
1788
1792
  --nav-size-leftnav-child-container-fixed-width: 250; /* fixed width of parent container */
1789
1793
  --nav-space-leftnav-grandchilditem-x-indent: 33; /* indent on grandchild items */
1790
1794
  --nav-color-bg-default: light-dark(var(--modes-color-generic-bg-nought-light), var(--modes-color-generic-bg-nought-dark)); /* nav bar bg */
@@ -24,12 +24,14 @@
24
24
  --form-typography-adaptive-label-s: var(--global-typography-adaptive-component-firm-s);
25
25
  --form-typography-adaptive-label-m: var(--global-typography-adaptive-component-firm-m);
26
26
  --form-typography-adaptive-label-l: var(--global-typography-adaptive-component-firm-l);
27
+ --form-typography-adaptive-default-xs: var(--global-typography-adaptive-component-moderate-xs);
27
28
  --form-typography-adaptive-default-s: var(--global-typography-adaptive-component-moderate-s);
28
29
  --form-typography-adaptive-default-m: var(--global-typography-adaptive-component-moderate-m);
29
30
  --form-typography-adaptive-default-l: var(--global-typography-adaptive-component-moderate-l);
30
31
  --form-typography-responsive-label-s: var(--global-typography-responsive-component-firm-s);
31
32
  --form-typography-responsive-label-m: var(--global-typography-responsive-component-firm-m);
32
33
  --form-typography-responsive-label-l: var(--global-typography-responsive-component-firm-l);
34
+ --form-typography-responsive-default-xs: var(--global-typography-responsive-component-moderate-xs);
33
35
  --form-typography-responsive-default-s: var(--global-typography-responsive-component-moderate-s);
34
36
  --form-typography-responsive-default-m: var(--global-typography-responsive-component-moderate-m);
35
37
  --form-typography-responsive-default-l: var(--global-typography-responsive-component-moderate-l);
@@ -230,6 +232,7 @@
230
232
  --form-color-dropdown-label-alt: var(--modes-color-interactive-monochrome-default);
231
233
  --form-color-dropdown-label-disabled: var(--modes-color-interactive-inactive-content);
232
234
  --form-color-dropdown-label-enabled: var(--modes-color-interactive-monochrome-default-alt);
235
+ --form-color-dropdown-label-subtext: var(--modes-color-interactive-monochrome-default-alt3); /* Option subtext. */
233
236
  --form-color-labelset-label-default: var(--modes-color-interactive-data-entry-content);
234
237
  --form-color-labelset-label-alt: var(--modes-color-interactive-data-entry-content-alt); /* used for '(optional)' text and hint text. */
235
238
  --form-color-labelset-label-disabled: var(--modes-color-interactive-inactive-content);
@@ -3,7 +3,7 @@
3
3
  */
4
4
 
5
5
  :root {
6
- --nav-size-leftnav-parent-container-fixed-width: 140; /* fixed width of parent container */
6
+ --nav-size-leftnav-parent-container-fixed-width: 146; /* fixed width of parent container */
7
7
  --nav-size-leftnav-child-container-fixed-width: 250; /* fixed width of parent container */
8
8
  --nav-space-leftnav-grandchilditem-x-indent: 33; /* indent on grandchild items */
9
9
  --nav-color-bg-default: var(--modes-color-generic-bg-nought); /* nav bar bg */
@@ -112,7 +112,8 @@
112
112
  --modes-color-interactive-monochrome-active-alt: #ffffff26;
113
113
  --modes-color-interactive-monochrome-default: #ffffffe6;
114
114
  --modes-color-interactive-monochrome-default-alt: #ffffffab; /* subtle and toggle button text */
115
- --modes-color-interactive-monochrome-default-alt2: #ffffff6b; /* Tertiary border color */
115
+ --modes-color-interactive-monochrome-default-alt2: #ffffff8c; /* Dropdown option subtext. */
116
+ --modes-color-interactive-monochrome-default-alt3: #ffffff6b; /* Tertiary border color */
116
117
  --modes-color-interactive-monochrome-hover-alt: #ffffff1a; /* Accordion, secondary, tertiary, menu bg on hover */
117
118
  --modes-color-interactive-monochrome-hover: #ffffff26; /* subtle table header hover */
118
119
  --modes-color-interactive-monochrome-with-active: #000000;
@@ -112,7 +112,8 @@
112
112
  --modes-color-interactive-monochrome-active-alt: #00000026;
113
113
  --modes-color-interactive-monochrome-default: #000000e6;
114
114
  --modes-color-interactive-monochrome-default-alt: #000000ab; /* subtle and toggle button text */
115
- --modes-color-interactive-monochrome-default-alt2: #0000006b; /* Tertiary border color */
115
+ --modes-color-interactive-monochrome-default-alt2: #0000008c; /* Dropdown option subtext. */
116
+ --modes-color-interactive-monochrome-default-alt3: #0000006b; /* Tertiary border color */
116
117
  --modes-color-interactive-monochrome-hover-alt: #0000001a; /* Accordion, secondary, tertiary, menu bg on hover */
117
118
  --modes-color-interactive-monochrome-hover: #00000026; /* subtle table header hover */
118
119
  --modes-color-interactive-monochrome-with-active: #FFFFFF;
@@ -24,12 +24,14 @@
24
24
  --form-typography-adaptive-label-s: var(--global-typography-adaptive-component-firm-s);
25
25
  --form-typography-adaptive-label-m: var(--global-typography-adaptive-component-firm-m);
26
26
  --form-typography-adaptive-label-l: var(--global-typography-adaptive-component-firm-l);
27
+ --form-typography-adaptive-default-xs: var(--global-typography-adaptive-component-moderate-xs);
27
28
  --form-typography-adaptive-default-s: var(--global-typography-adaptive-component-moderate-s);
28
29
  --form-typography-adaptive-default-m: var(--global-typography-adaptive-component-moderate-m);
29
30
  --form-typography-adaptive-default-l: var(--global-typography-adaptive-component-moderate-l);
30
31
  --form-typography-responsive-label-s: var(--global-typography-responsive-component-firm-s);
31
32
  --form-typography-responsive-label-m: var(--global-typography-responsive-component-firm-m);
32
33
  --form-typography-responsive-label-l: var(--global-typography-responsive-component-firm-l);
34
+ --form-typography-responsive-default-xs: var(--global-typography-responsive-component-moderate-xs);
33
35
  --form-typography-responsive-default-s: var(--global-typography-responsive-component-moderate-s);
34
36
  --form-typography-responsive-default-m: var(--global-typography-responsive-component-moderate-m);
35
37
  --form-typography-responsive-default-l: var(--global-typography-responsive-component-moderate-l);
@@ -230,6 +232,7 @@
230
232
  --form-color-dropdown-label-alt: var(--modes-color-interactive-monochrome-default);
231
233
  --form-color-dropdown-label-disabled: var(--modes-color-interactive-inactive-content);
232
234
  --form-color-dropdown-label-enabled: var(--modes-color-interactive-monochrome-default-alt);
235
+ --form-color-dropdown-label-subtext: var(--modes-color-interactive-monochrome-default-alt3); /* Option subtext. */
233
236
  --form-color-labelset-label-default: var(--modes-color-interactive-data-entry-content);
234
237
  --form-color-labelset-label-alt: var(--modes-color-interactive-data-entry-content-alt); /* used for '(optional)' text and hint text. */
235
238
  --form-color-labelset-label-disabled: var(--modes-color-interactive-inactive-content);
@@ -3,7 +3,7 @@
3
3
  */
4
4
 
5
5
  :root {
6
- --nav-size-leftnav-parent-container-fixed-width: 140; /* fixed width of parent container */
6
+ --nav-size-leftnav-parent-container-fixed-width: 146; /* fixed width of parent container */
7
7
  --nav-size-leftnav-child-container-fixed-width: 250; /* fixed width of parent container */
8
8
  --nav-space-leftnav-grandchilditem-x-indent: 33; /* indent on grandchild items */
9
9
  --nav-color-bg-default: var(--modes-color-generic-bg-nought); /* nav bar bg */
@@ -112,7 +112,8 @@
112
112
  --modes-color-interactive-monochrome-active-alt: #ffffff26;
113
113
  --modes-color-interactive-monochrome-default: #ffffffe6;
114
114
  --modes-color-interactive-monochrome-default-alt: #ffffffab; /* subtle and toggle button text */
115
- --modes-color-interactive-monochrome-default-alt2: #ffffff6b; /* Tertiary border color */
115
+ --modes-color-interactive-monochrome-default-alt2: #ffffff8c; /* Dropdown option subtext. */
116
+ --modes-color-interactive-monochrome-default-alt3: #ffffff6b; /* Tertiary border color */
116
117
  --modes-color-interactive-monochrome-hover-alt: #ffffff1a; /* Accordion, secondary, tertiary, menu bg on hover */
117
118
  --modes-color-interactive-monochrome-hover: #ffffff26; /* subtle table header hover */
118
119
  --modes-color-interactive-monochrome-with-active: #000000;
@@ -112,7 +112,8 @@
112
112
  --modes-color-interactive-monochrome-active-alt: #00000026;
113
113
  --modes-color-interactive-monochrome-default: #000000e6;
114
114
  --modes-color-interactive-monochrome-default-alt: #000000ab; /* subtle and toggle button text */
115
- --modes-color-interactive-monochrome-default-alt2: #0000006b; /* Tertiary border color */
115
+ --modes-color-interactive-monochrome-default-alt2: #0000008c; /* Dropdown option subtext. */
116
+ --modes-color-interactive-monochrome-default-alt3: #0000006b; /* Tertiary border color */
116
117
  --modes-color-interactive-monochrome-hover-alt: #0000001a; /* Accordion, secondary, tertiary, menu bg on hover */
117
118
  --modes-color-interactive-monochrome-hover: #00000026; /* subtle table header hover */
118
119
  --modes-color-interactive-monochrome-with-active: #FFFFFF;
@@ -215,6 +215,7 @@
215
215
  #define formColorDropdownLabelDisabled #ffffff4d
216
216
  #define formColorDropdownLabelEnabled #ffffffab
217
217
  #define formColorDropdownLabelHover #FFFFFF
218
+ #define formColorDropdownLabelSubtext #ffffff6b
218
219
  #define formColorLabelsetLabelRequired #E13E53
219
220
  #define formColorLabelsetLabelDefault #fffffff2
220
221
  #define formColorLabelsetLabelAlt #ffffff8c
@@ -300,12 +301,14 @@
300
301
  #define formTypographyAdaptiveLabelS [object Object]
301
302
  #define formTypographyAdaptiveLabelM [object Object]
302
303
  #define formTypographyAdaptiveLabelL [object Object]
304
+ #define formTypographyAdaptiveDefaultXs [object Object]
303
305
  #define formTypographyAdaptiveDefaultS [object Object]
304
306
  #define formTypographyAdaptiveDefaultM [object Object]
305
307
  #define formTypographyAdaptiveDefaultL [object Object]
306
308
  #define formTypographyResponsiveLabelS [object Object]
307
309
  #define formTypographyResponsiveLabelM [object Object]
308
310
  #define formTypographyResponsiveLabelL [object Object]
311
+ #define formTypographyResponsiveDefaultXs [object Object]
309
312
  #define formTypographyResponsiveDefaultS [object Object]
310
313
  #define formTypographyResponsiveDefaultM [object Object]
311
314
  #define formTypographyResponsiveDefaultL [object Object]
@@ -77,7 +77,7 @@
77
77
  #define navSizeLeftnavParentMinheight 48
78
78
  #define navSizeLeftnavChildMinheight 40
79
79
  #define navSizeLeftnavGrandchildMinheight 32
80
- #define navSizeLeftnavParentContainerFixedWidth 140
80
+ #define navSizeLeftnavParentContainerFixedWidth 146
81
81
  #define navSizeLeftnavChildContainerFixedWidth 250
82
82
  #define navSizeModalParentitemMinheight 40
83
83
  #define navSizeModalChilditemMinheight 32
@@ -118,7 +118,8 @@
118
118
  #define modesColorInteractiveMonochromeActiveAlt #ffffff26
119
119
  #define modesColorInteractiveMonochromeDefault #ffffffe6
120
120
  #define modesColorInteractiveMonochromeDefaultAlt #ffffffab
121
- #define modesColorInteractiveMonochromeDefaultAlt2 #ffffff6b
121
+ #define modesColorInteractiveMonochromeDefaultAlt2 #ffffff8c
122
+ #define modesColorInteractiveMonochromeDefaultAlt3 #ffffff6b
122
123
  #define modesColorInteractiveMonochromeHoverAlt #ffffff1a
123
124
  #define modesColorInteractiveMonochromeHover #ffffff26
124
125
  #define modesColorInteractiveMonochromeWithActive #000000
@@ -215,6 +215,7 @@
215
215
  #define formColorDropdownLabelDisabled #0000006b
216
216
  #define formColorDropdownLabelEnabled #000000ab
217
217
  #define formColorDropdownLabelHover #000000
218
+ #define formColorDropdownLabelSubtext #0000006b
218
219
  #define formColorLabelsetLabelRequired #CD384B
219
220
  #define formColorLabelsetLabelDefault #000000f2
220
221
  #define formColorLabelsetLabelAlt #0000008c
@@ -300,12 +301,14 @@
300
301
  #define formTypographyAdaptiveLabelS [object Object]
301
302
  #define formTypographyAdaptiveLabelM [object Object]
302
303
  #define formTypographyAdaptiveLabelL [object Object]
304
+ #define formTypographyAdaptiveDefaultXs [object Object]
303
305
  #define formTypographyAdaptiveDefaultS [object Object]
304
306
  #define formTypographyAdaptiveDefaultM [object Object]
305
307
  #define formTypographyAdaptiveDefaultL [object Object]
306
308
  #define formTypographyResponsiveLabelS [object Object]
307
309
  #define formTypographyResponsiveLabelM [object Object]
308
310
  #define formTypographyResponsiveLabelL [object Object]
311
+ #define formTypographyResponsiveDefaultXs [object Object]
309
312
  #define formTypographyResponsiveDefaultS [object Object]
310
313
  #define formTypographyResponsiveDefaultM [object Object]
311
314
  #define formTypographyResponsiveDefaultL [object Object]
@@ -77,7 +77,7 @@
77
77
  #define navSizeLeftnavParentMinheight 48
78
78
  #define navSizeLeftnavChildMinheight 40
79
79
  #define navSizeLeftnavGrandchildMinheight 32
80
- #define navSizeLeftnavParentContainerFixedWidth 140
80
+ #define navSizeLeftnavParentContainerFixedWidth 146
81
81
  #define navSizeLeftnavChildContainerFixedWidth 250
82
82
  #define navSizeModalParentitemMinheight 40
83
83
  #define navSizeModalChilditemMinheight 32
@@ -118,7 +118,8 @@
118
118
  #define modesColorInteractiveMonochromeActiveAlt #00000026
119
119
  #define modesColorInteractiveMonochromeDefault #000000e6
120
120
  #define modesColorInteractiveMonochromeDefaultAlt #000000ab
121
- #define modesColorInteractiveMonochromeDefaultAlt2 #0000006b
121
+ #define modesColorInteractiveMonochromeDefaultAlt2 #0000008c
122
+ #define modesColorInteractiveMonochromeDefaultAlt3 #0000006b
122
123
  #define modesColorInteractiveMonochromeHoverAlt #0000001a
123
124
  #define modesColorInteractiveMonochromeHover #00000026
124
125
  #define modesColorInteractiveMonochromeWithActive #FFFFFF
@@ -215,6 +215,7 @@
215
215
  #define formColorDropdownLabelDisabled #ffffff4d
216
216
  #define formColorDropdownLabelEnabled #ffffffab
217
217
  #define formColorDropdownLabelHover #FFFFFF
218
+ #define formColorDropdownLabelSubtext #ffffff6b
218
219
  #define formColorLabelsetLabelRequired #E13E53
219
220
  #define formColorLabelsetLabelDefault #fffffff2
220
221
  #define formColorLabelsetLabelAlt #ffffff8c
@@ -300,12 +301,14 @@
300
301
  #define formTypographyAdaptiveLabelS [object Object]
301
302
  #define formTypographyAdaptiveLabelM [object Object]
302
303
  #define formTypographyAdaptiveLabelL [object Object]
304
+ #define formTypographyAdaptiveDefaultXs [object Object]
303
305
  #define formTypographyAdaptiveDefaultS [object Object]
304
306
  #define formTypographyAdaptiveDefaultM [object Object]
305
307
  #define formTypographyAdaptiveDefaultL [object Object]
306
308
  #define formTypographyResponsiveLabelS [object Object]
307
309
  #define formTypographyResponsiveLabelM [object Object]
308
310
  #define formTypographyResponsiveLabelL [object Object]
311
+ #define formTypographyResponsiveDefaultXs [object Object]
309
312
  #define formTypographyResponsiveDefaultS [object Object]
310
313
  #define formTypographyResponsiveDefaultM [object Object]
311
314
  #define formTypographyResponsiveDefaultL [object Object]
@@ -77,7 +77,7 @@
77
77
  #define navSizeLeftnavParentMinheight 48
78
78
  #define navSizeLeftnavChildMinheight 40
79
79
  #define navSizeLeftnavGrandchildMinheight 32
80
- #define navSizeLeftnavParentContainerFixedWidth 140
80
+ #define navSizeLeftnavParentContainerFixedWidth 146
81
81
  #define navSizeLeftnavChildContainerFixedWidth 250
82
82
  #define navSizeModalParentitemMinheight 40
83
83
  #define navSizeModalChilditemMinheight 32
@@ -118,7 +118,8 @@
118
118
  #define modesColorInteractiveMonochromeActiveAlt #ffffff26
119
119
  #define modesColorInteractiveMonochromeDefault #ffffffe6
120
120
  #define modesColorInteractiveMonochromeDefaultAlt #ffffffab
121
- #define modesColorInteractiveMonochromeDefaultAlt2 #ffffff6b
121
+ #define modesColorInteractiveMonochromeDefaultAlt2 #ffffff8c
122
+ #define modesColorInteractiveMonochromeDefaultAlt3 #ffffff6b
122
123
  #define modesColorInteractiveMonochromeHoverAlt #ffffff1a
123
124
  #define modesColorInteractiveMonochromeHover #ffffff26
124
125
  #define modesColorInteractiveMonochromeWithActive #000000
@@ -215,6 +215,7 @@
215
215
  #define formColorDropdownLabelDisabled #0000006b
216
216
  #define formColorDropdownLabelEnabled #000000ab
217
217
  #define formColorDropdownLabelHover #000000
218
+ #define formColorDropdownLabelSubtext #0000006b
218
219
  #define formColorLabelsetLabelRequired #CD384B
219
220
  #define formColorLabelsetLabelDefault #000000f2
220
221
  #define formColorLabelsetLabelAlt #0000008c
@@ -300,12 +301,14 @@
300
301
  #define formTypographyAdaptiveLabelS [object Object]
301
302
  #define formTypographyAdaptiveLabelM [object Object]
302
303
  #define formTypographyAdaptiveLabelL [object Object]
304
+ #define formTypographyAdaptiveDefaultXs [object Object]
303
305
  #define formTypographyAdaptiveDefaultS [object Object]
304
306
  #define formTypographyAdaptiveDefaultM [object Object]
305
307
  #define formTypographyAdaptiveDefaultL [object Object]
306
308
  #define formTypographyResponsiveLabelS [object Object]
307
309
  #define formTypographyResponsiveLabelM [object Object]
308
310
  #define formTypographyResponsiveLabelL [object Object]
311
+ #define formTypographyResponsiveDefaultXs [object Object]
309
312
  #define formTypographyResponsiveDefaultS [object Object]
310
313
  #define formTypographyResponsiveDefaultM [object Object]
311
314
  #define formTypographyResponsiveDefaultL [object Object]
@@ -77,7 +77,7 @@
77
77
  #define navSizeLeftnavParentMinheight 48
78
78
  #define navSizeLeftnavChildMinheight 40
79
79
  #define navSizeLeftnavGrandchildMinheight 32
80
- #define navSizeLeftnavParentContainerFixedWidth 140
80
+ #define navSizeLeftnavParentContainerFixedWidth 146
81
81
  #define navSizeLeftnavChildContainerFixedWidth 250
82
82
  #define navSizeModalParentitemMinheight 40
83
83
  #define navSizeModalChilditemMinheight 32
@@ -118,7 +118,8 @@
118
118
  #define modesColorInteractiveMonochromeActiveAlt #00000026
119
119
  #define modesColorInteractiveMonochromeDefault #000000e6
120
120
  #define modesColorInteractiveMonochromeDefaultAlt #000000ab
121
- #define modesColorInteractiveMonochromeDefaultAlt2 #0000006b
121
+ #define modesColorInteractiveMonochromeDefaultAlt2 #0000008c
122
+ #define modesColorInteractiveMonochromeDefaultAlt3 #0000006b
122
123
  #define modesColorInteractiveMonochromeHoverAlt #0000001a
123
124
  #define modesColorInteractiveMonochromeHover #00000026
124
125
  #define modesColorInteractiveMonochromeWithActive #FFFFFF
@@ -215,6 +215,7 @@
215
215
  #define formColorDropdownLabelDisabled #ffffff4d
216
216
  #define formColorDropdownLabelEnabled #ffffffab
217
217
  #define formColorDropdownLabelHover #FFFFFF
218
+ #define formColorDropdownLabelSubtext #ffffff6b
218
219
  #define formColorLabelsetLabelRequired #E13E53
219
220
  #define formColorLabelsetLabelDefault #fffffff2
220
221
  #define formColorLabelsetLabelAlt #ffffff8c
@@ -300,12 +301,14 @@
300
301
  #define formTypographyAdaptiveLabelS [object Object]
301
302
  #define formTypographyAdaptiveLabelM [object Object]
302
303
  #define formTypographyAdaptiveLabelL [object Object]
304
+ #define formTypographyAdaptiveDefaultXs [object Object]
303
305
  #define formTypographyAdaptiveDefaultS [object Object]
304
306
  #define formTypographyAdaptiveDefaultM [object Object]
305
307
  #define formTypographyAdaptiveDefaultL [object Object]
306
308
  #define formTypographyResponsiveLabelS [object Object]
307
309
  #define formTypographyResponsiveLabelM [object Object]
308
310
  #define formTypographyResponsiveLabelL [object Object]
311
+ #define formTypographyResponsiveDefaultXs [object Object]
309
312
  #define formTypographyResponsiveDefaultS [object Object]
310
313
  #define formTypographyResponsiveDefaultM [object Object]
311
314
  #define formTypographyResponsiveDefaultL [object Object]
@@ -77,7 +77,7 @@
77
77
  #define navSizeLeftnavParentMinheight 48
78
78
  #define navSizeLeftnavChildMinheight 40
79
79
  #define navSizeLeftnavGrandchildMinheight 32
80
- #define navSizeLeftnavParentContainerFixedWidth 140
80
+ #define navSizeLeftnavParentContainerFixedWidth 146
81
81
  #define navSizeLeftnavChildContainerFixedWidth 250
82
82
  #define navSizeModalParentitemMinheight 40
83
83
  #define navSizeModalChilditemMinheight 32
@@ -118,7 +118,8 @@
118
118
  #define modesColorInteractiveMonochromeActiveAlt #ffffff26
119
119
  #define modesColorInteractiveMonochromeDefault #ffffffe6
120
120
  #define modesColorInteractiveMonochromeDefaultAlt #ffffffab
121
- #define modesColorInteractiveMonochromeDefaultAlt2 #ffffff6b
121
+ #define modesColorInteractiveMonochromeDefaultAlt2 #ffffff8c
122
+ #define modesColorInteractiveMonochromeDefaultAlt3 #ffffff6b
122
123
  #define modesColorInteractiveMonochromeHoverAlt #ffffff1a
123
124
  #define modesColorInteractiveMonochromeHover #ffffff26
124
125
  #define modesColorInteractiveMonochromeWithActive #000000
@@ -215,6 +215,7 @@
215
215
  #define formColorDropdownLabelDisabled #0000006b
216
216
  #define formColorDropdownLabelEnabled #000000ab
217
217
  #define formColorDropdownLabelHover #000000
218
+ #define formColorDropdownLabelSubtext #0000006b
218
219
  #define formColorLabelsetLabelRequired #CD384B
219
220
  #define formColorLabelsetLabelDefault #000000f2
220
221
  #define formColorLabelsetLabelAlt #0000008c
@@ -300,12 +301,14 @@
300
301
  #define formTypographyAdaptiveLabelS [object Object]
301
302
  #define formTypographyAdaptiveLabelM [object Object]
302
303
  #define formTypographyAdaptiveLabelL [object Object]
304
+ #define formTypographyAdaptiveDefaultXs [object Object]
303
305
  #define formTypographyAdaptiveDefaultS [object Object]
304
306
  #define formTypographyAdaptiveDefaultM [object Object]
305
307
  #define formTypographyAdaptiveDefaultL [object Object]
306
308
  #define formTypographyResponsiveLabelS [object Object]
307
309
  #define formTypographyResponsiveLabelM [object Object]
308
310
  #define formTypographyResponsiveLabelL [object Object]
311
+ #define formTypographyResponsiveDefaultXs [object Object]
309
312
  #define formTypographyResponsiveDefaultS [object Object]
310
313
  #define formTypographyResponsiveDefaultM [object Object]
311
314
  #define formTypographyResponsiveDefaultL [object Object]
@@ -77,7 +77,7 @@
77
77
  #define navSizeLeftnavParentMinheight 48
78
78
  #define navSizeLeftnavChildMinheight 40
79
79
  #define navSizeLeftnavGrandchildMinheight 32
80
- #define navSizeLeftnavParentContainerFixedWidth 140
80
+ #define navSizeLeftnavParentContainerFixedWidth 146
81
81
  #define navSizeLeftnavChildContainerFixedWidth 250
82
82
  #define navSizeModalParentitemMinheight 40
83
83
  #define navSizeModalChilditemMinheight 32
@@ -118,7 +118,8 @@
118
118
  #define modesColorInteractiveMonochromeActiveAlt #00000026
119
119
  #define modesColorInteractiveMonochromeDefault #000000e6
120
120
  #define modesColorInteractiveMonochromeDefaultAlt #000000ab
121
- #define modesColorInteractiveMonochromeDefaultAlt2 #0000006b
121
+ #define modesColorInteractiveMonochromeDefaultAlt2 #0000008c
122
+ #define modesColorInteractiveMonochromeDefaultAlt3 #0000006b
122
123
  #define modesColorInteractiveMonochromeHoverAlt #0000001a
123
124
  #define modesColorInteractiveMonochromeHover #00000026
124
125
  #define modesColorInteractiveMonochromeWithActive #FFFFFF
@@ -215,6 +215,7 @@
215
215
  #define formColorDropdownLabelDisabled #ffffff4d
216
216
  #define formColorDropdownLabelEnabled #ffffffab
217
217
  #define formColorDropdownLabelHover #FFFFFF
218
+ #define formColorDropdownLabelSubtext #ffffff6b
218
219
  #define formColorLabelsetLabelRequired #E13E53
219
220
  #define formColorLabelsetLabelDefault #fffffff2
220
221
  #define formColorLabelsetLabelAlt #ffffff8c
@@ -300,12 +301,14 @@
300
301
  #define formTypographyAdaptiveLabelS [object Object]
301
302
  #define formTypographyAdaptiveLabelM [object Object]
302
303
  #define formTypographyAdaptiveLabelL [object Object]
304
+ #define formTypographyAdaptiveDefaultXs [object Object]
303
305
  #define formTypographyAdaptiveDefaultS [object Object]
304
306
  #define formTypographyAdaptiveDefaultM [object Object]
305
307
  #define formTypographyAdaptiveDefaultL [object Object]
306
308
  #define formTypographyResponsiveLabelS [object Object]
307
309
  #define formTypographyResponsiveLabelM [object Object]
308
310
  #define formTypographyResponsiveLabelL [object Object]
311
+ #define formTypographyResponsiveDefaultXs [object Object]
309
312
  #define formTypographyResponsiveDefaultS [object Object]
310
313
  #define formTypographyResponsiveDefaultM [object Object]
311
314
  #define formTypographyResponsiveDefaultL [object Object]