@sage/design-tokens 15.1.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 (157) hide show
  1. package/css/frozenproduct/all.css +6 -2
  2. package/css/frozenproduct/large/components/form.css +3 -0
  3. package/css/frozenproduct/large/dark.css +2 -1
  4. package/css/frozenproduct/large/light.css +2 -1
  5. package/css/frozenproduct/small/components/form.css +3 -0
  6. package/css/frozenproduct/small/dark.css +2 -1
  7. package/css/frozenproduct/small/light.css +2 -1
  8. package/css/product/all.css +6 -2
  9. package/css/product/large/components/form.css +3 -0
  10. package/css/product/large/dark.css +2 -1
  11. package/css/product/large/light.css +2 -1
  12. package/css/product/small/components/form.css +3 -0
  13. package/css/product/small/dark.css +2 -1
  14. package/css/product/small/light.css +2 -1
  15. package/ios/frozenproduct/large/dark/components/form.h +3 -0
  16. package/ios/frozenproduct/large/dark/mode.h +2 -1
  17. package/ios/frozenproduct/large/light/components/form.h +3 -0
  18. package/ios/frozenproduct/large/light/mode.h +2 -1
  19. package/ios/frozenproduct/small/dark/components/form.h +3 -0
  20. package/ios/frozenproduct/small/dark/mode.h +2 -1
  21. package/ios/frozenproduct/small/light/components/form.h +3 -0
  22. package/ios/frozenproduct/small/light/mode.h +2 -1
  23. package/ios/product/large/dark/components/form.h +3 -0
  24. package/ios/product/large/dark/mode.h +2 -1
  25. package/ios/product/large/light/components/form.h +3 -0
  26. package/ios/product/large/light/mode.h +2 -1
  27. package/ios/product/small/dark/components/form.h +3 -0
  28. package/ios/product/small/dark/mode.h +2 -1
  29. package/ios/product/small/light/components/form.h +3 -0
  30. package/ios/product/small/light/mode.h +2 -1
  31. package/js/common/frozenproduct/large/dark/components/form.d.ts +3 -0
  32. package/js/common/frozenproduct/large/dark/components/form.js +53 -0
  33. package/js/common/frozenproduct/large/dark/mode.d.ts +1 -0
  34. package/js/common/frozenproduct/large/dark/mode.js +42 -2
  35. package/js/common/frozenproduct/large/light/components/form.d.ts +3 -0
  36. package/js/common/frozenproduct/large/light/components/form.js +53 -0
  37. package/js/common/frozenproduct/large/light/mode.d.ts +1 -0
  38. package/js/common/frozenproduct/large/light/mode.js +42 -2
  39. package/js/common/frozenproduct/small/dark/components/form.d.ts +3 -0
  40. package/js/common/frozenproduct/small/dark/components/form.js +53 -0
  41. package/js/common/frozenproduct/small/dark/mode.d.ts +1 -0
  42. package/js/common/frozenproduct/small/dark/mode.js +42 -2
  43. package/js/common/frozenproduct/small/light/components/form.d.ts +3 -0
  44. package/js/common/frozenproduct/small/light/components/form.js +53 -0
  45. package/js/common/frozenproduct/small/light/mode.d.ts +1 -0
  46. package/js/common/frozenproduct/small/light/mode.js +42 -2
  47. package/js/common/product/large/dark/components/form.d.ts +3 -0
  48. package/js/common/product/large/dark/components/form.js +53 -0
  49. package/js/common/product/large/dark/mode.d.ts +1 -0
  50. package/js/common/product/large/dark/mode.js +42 -2
  51. package/js/common/product/large/light/components/form.d.ts +3 -0
  52. package/js/common/product/large/light/components/form.js +53 -0
  53. package/js/common/product/large/light/mode.d.ts +1 -0
  54. package/js/common/product/large/light/mode.js +42 -2
  55. package/js/common/product/small/dark/components/form.d.ts +3 -0
  56. package/js/common/product/small/dark/components/form.js +53 -0
  57. package/js/common/product/small/dark/mode.d.ts +1 -0
  58. package/js/common/product/small/dark/mode.js +42 -2
  59. package/js/common/product/small/light/components/form.d.ts +3 -0
  60. package/js/common/product/small/light/components/form.js +53 -0
  61. package/js/common/product/small/light/mode.d.ts +1 -0
  62. package/js/common/product/small/light/mode.js +42 -2
  63. package/js/es6/frozenproduct/large/dark/components/form.d.ts +15 -0
  64. package/js/es6/frozenproduct/large/dark/components/form.js +15 -0
  65. package/js/es6/frozenproduct/large/dark/mode.d.ts +1 -0
  66. package/js/es6/frozenproduct/large/dark/mode.js +2 -1
  67. package/js/es6/frozenproduct/large/light/components/form.d.ts +15 -0
  68. package/js/es6/frozenproduct/large/light/components/form.js +15 -0
  69. package/js/es6/frozenproduct/large/light/mode.d.ts +1 -0
  70. package/js/es6/frozenproduct/large/light/mode.js +2 -1
  71. package/js/es6/frozenproduct/small/dark/components/form.d.ts +15 -0
  72. package/js/es6/frozenproduct/small/dark/components/form.js +15 -0
  73. package/js/es6/frozenproduct/small/dark/mode.d.ts +1 -0
  74. package/js/es6/frozenproduct/small/dark/mode.js +2 -1
  75. package/js/es6/frozenproduct/small/light/components/form.d.ts +15 -0
  76. package/js/es6/frozenproduct/small/light/components/form.js +15 -0
  77. package/js/es6/frozenproduct/small/light/mode.d.ts +1 -0
  78. package/js/es6/frozenproduct/small/light/mode.js +2 -1
  79. package/js/es6/product/large/dark/components/form.d.ts +15 -0
  80. package/js/es6/product/large/dark/components/form.js +15 -0
  81. package/js/es6/product/large/dark/mode.d.ts +1 -0
  82. package/js/es6/product/large/dark/mode.js +2 -1
  83. package/js/es6/product/large/light/components/form.d.ts +15 -0
  84. package/js/es6/product/large/light/components/form.js +15 -0
  85. package/js/es6/product/large/light/mode.d.ts +1 -0
  86. package/js/es6/product/large/light/mode.js +2 -1
  87. package/js/es6/product/small/dark/components/form.d.ts +15 -0
  88. package/js/es6/product/small/dark/components/form.js +15 -0
  89. package/js/es6/product/small/dark/mode.d.ts +1 -0
  90. package/js/es6/product/small/dark/mode.js +2 -1
  91. package/js/es6/product/small/light/components/form.d.ts +15 -0
  92. package/js/es6/product/small/light/components/form.js +15 -0
  93. package/js/es6/product/small/light/mode.d.ts +1 -0
  94. package/js/es6/product/small/light/mode.js +2 -1
  95. package/js/umd/frozenproduct/large/dark/components/form.js +53 -0
  96. package/js/umd/frozenproduct/large/dark/mode.js +42 -2
  97. package/js/umd/frozenproduct/large/light/components/form.js +53 -0
  98. package/js/umd/frozenproduct/large/light/mode.js +42 -2
  99. package/js/umd/frozenproduct/small/dark/components/form.js +53 -0
  100. package/js/umd/frozenproduct/small/dark/mode.js +42 -2
  101. package/js/umd/frozenproduct/small/light/components/form.js +53 -0
  102. package/js/umd/frozenproduct/small/light/mode.js +42 -2
  103. package/js/umd/product/large/dark/components/form.js +53 -0
  104. package/js/umd/product/large/dark/mode.js +42 -2
  105. package/js/umd/product/large/light/components/form.js +53 -0
  106. package/js/umd/product/large/light/mode.js +42 -2
  107. package/js/umd/product/small/dark/components/form.js +53 -0
  108. package/js/umd/product/small/dark/mode.js +42 -2
  109. package/js/umd/product/small/light/components/form.js +53 -0
  110. package/js/umd/product/small/light/mode.js +42 -2
  111. package/json/flat/frozenproduct/large/dark/components/form.json +3 -0
  112. package/json/flat/frozenproduct/large/dark/mode.json +2 -1
  113. package/json/flat/frozenproduct/large/light/components/form.json +3 -0
  114. package/json/flat/frozenproduct/large/light/mode.json +2 -1
  115. package/json/flat/frozenproduct/small/dark/components/form.json +3 -0
  116. package/json/flat/frozenproduct/small/dark/mode.json +2 -1
  117. package/json/flat/frozenproduct/small/light/components/form.json +3 -0
  118. package/json/flat/frozenproduct/small/light/mode.json +2 -1
  119. package/json/flat/product/large/dark/components/form.json +3 -0
  120. package/json/flat/product/large/dark/mode.json +2 -1
  121. package/json/flat/product/large/light/components/form.json +3 -0
  122. package/json/flat/product/large/light/mode.json +2 -1
  123. package/json/flat/product/small/dark/components/form.json +3 -0
  124. package/json/flat/product/small/dark/mode.json +2 -1
  125. package/json/flat/product/small/light/components/form.json +3 -0
  126. package/json/flat/product/small/light/mode.json +2 -1
  127. package/json/nested/frozenproduct/large/dark/components/form.json +16 -1
  128. package/json/nested/frozenproduct/large/dark/mode.json +2 -1
  129. package/json/nested/frozenproduct/large/light/components/form.json +16 -1
  130. package/json/nested/frozenproduct/large/light/mode.json +2 -1
  131. package/json/nested/frozenproduct/small/dark/components/form.json +16 -1
  132. package/json/nested/frozenproduct/small/dark/mode.json +2 -1
  133. package/json/nested/frozenproduct/small/light/components/form.json +16 -1
  134. package/json/nested/frozenproduct/small/light/mode.json +2 -1
  135. package/json/nested/product/large/dark/components/form.json +16 -1
  136. package/json/nested/product/large/dark/mode.json +2 -1
  137. package/json/nested/product/large/light/components/form.json +16 -1
  138. package/json/nested/product/large/light/mode.json +2 -1
  139. package/json/nested/product/small/dark/components/form.json +16 -1
  140. package/json/nested/product/small/dark/mode.json +2 -1
  141. package/json/nested/product/small/light/components/form.json +16 -1
  142. package/json/nested/product/small/light/mode.json +2 -1
  143. package/package.json +1 -1
  144. package/sage-design-tokens-15.2.0.tgz +0 -0
  145. package/scss/frozenproduct/large/components/form.scss +3 -0
  146. package/scss/frozenproduct/large/dark.scss +2 -1
  147. package/scss/frozenproduct/large/light.scss +2 -1
  148. package/scss/frozenproduct/small/components/form.scss +3 -0
  149. package/scss/frozenproduct/small/dark.scss +2 -1
  150. package/scss/frozenproduct/small/light.scss +2 -1
  151. package/scss/product/large/components/form.scss +3 -0
  152. package/scss/product/large/dark.scss +2 -1
  153. package/scss/product/large/light.scss +2 -1
  154. package/scss/product/small/components/form.scss +3 -0
  155. package/scss/product/small/dark.scss +2 -1
  156. package/scss/product/small/light.scss +2 -1
  157. package/sage-design-tokens-15.1.0.tgz +0 -0
package/css/frozenproduct/all.css CHANGED
@@ -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));
package/css/frozenproduct/large/components/form.css CHANGED
@@ -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);
package/css/frozenproduct/large/dark.css CHANGED
@@ -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;
package/css/frozenproduct/large/light.css CHANGED
@@ -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;
package/css/frozenproduct/small/components/form.css CHANGED
@@ -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);
package/css/frozenproduct/small/dark.css CHANGED
@@ -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;
package/css/frozenproduct/small/light.css CHANGED
@@ -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;
package/css/product/all.css CHANGED
@@ -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));
package/css/product/large/components/form.css CHANGED
@@ -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);
package/css/product/large/dark.css CHANGED
@@ -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;
package/css/product/large/light.css CHANGED
@@ -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;
package/css/product/small/components/form.css CHANGED
@@ -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);
package/css/product/small/dark.css CHANGED
@@ -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;
package/css/product/small/light.css CHANGED
@@ -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;
package/ios/frozenproduct/large/dark/components/form.h CHANGED
@@ -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]
package/ios/frozenproduct/large/dark/mode.h CHANGED
@@ -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
package/ios/frozenproduct/large/light/components/form.h CHANGED
@@ -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]
package/ios/frozenproduct/large/light/mode.h CHANGED
@@ -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
package/ios/frozenproduct/small/dark/components/form.h CHANGED
@@ -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]
package/ios/frozenproduct/small/dark/mode.h CHANGED
@@ -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
package/ios/frozenproduct/small/light/components/form.h CHANGED
@@ -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]
package/ios/frozenproduct/small/light/mode.h CHANGED
@@ -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
package/ios/product/large/dark/components/form.h CHANGED
@@ -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]
package/ios/product/large/dark/mode.h CHANGED
@@ -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
package/ios/product/large/light/components/form.h CHANGED
@@ -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]
package/ios/product/large/light/mode.h CHANGED
@@ -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
package/ios/product/small/dark/components/form.h CHANGED
@@ -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]
package/ios/product/small/dark/mode.h CHANGED
@@ -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
package/ios/product/small/light/components/form.h CHANGED
@@ -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]
package/ios/product/small/light/mode.h CHANGED
@@ -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
package/js/common/frozenproduct/large/dark/components/form.d.ts CHANGED
@@ -452,6 +452,7 @@ declare const tokens: {
452
452
  "label-disabled": DesignToken;
453
453
  "label-enabled": DesignToken;
454
454
  "label-hover": DesignToken;
455
+ "label-subtext": DesignToken;
455
456
  };
456
457
  labelset: {
457
458
  "label-required": DesignToken;
@@ -566,6 +567,7 @@ declare const tokens: {
566
567
  L: DesignToken;
567
568
  };
568
569
  default: {
570
+ XS: DesignToken;
569
571
  S: DesignToken;
570
572
  M: DesignToken;
571
573
  L: DesignToken;
@@ -578,6 +580,7 @@ declare const tokens: {
578
580
  L: DesignToken;
579
581
  };
580
582
  default: {
583
+ XS: DesignToken;
581
584
  S: DesignToken;
582
585
  M: DesignToken;
583
586
  L: DesignToken;