@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/scss/frozenproduct/large/dark.scss CHANGED
@@ -114,7 +114,8 @@ $modes-color-interactive-monochrome-active: #FFFFFF;
114
114
  $modes-color-interactive-monochrome-active-alt: #ffffff26;
115
115
  $modes-color-interactive-monochrome-default: #ffffffe6;
116
116
  $modes-color-interactive-monochrome-default-alt: #ffffffab; // subtle and toggle button text
117
- $modes-color-interactive-monochrome-default-alt2: #ffffff6b; // Tertiary border color
117
+ $modes-color-interactive-monochrome-default-alt2: #ffffff8c; // Dropdown option subtext.
118
+ $modes-color-interactive-monochrome-default-alt3: #ffffff6b; // Tertiary border color
118
119
  $modes-color-interactive-monochrome-hover-alt: #ffffff1a; // Accordion, secondary, tertiary, menu bg on hover
119
120
  $modes-color-interactive-monochrome-hover: #ffffff26; // subtle table header hover
120
121
  $modes-color-interactive-monochrome-with-active: #000000;
package/scss/frozenproduct/large/light.scss CHANGED
@@ -114,7 +114,8 @@ $modes-color-interactive-monochrome-active: #000000;
114
114
  $modes-color-interactive-monochrome-active-alt: #00000026;
115
115
  $modes-color-interactive-monochrome-default: #000000e6;
116
116
  $modes-color-interactive-monochrome-default-alt: #000000ab; // subtle and toggle button text
117
- $modes-color-interactive-monochrome-default-alt2: #0000006b; // Tertiary border color
117
+ $modes-color-interactive-monochrome-default-alt2: #0000008c; // Dropdown option subtext.
118
+ $modes-color-interactive-monochrome-default-alt3: #0000006b; // Tertiary border color
118
119
  $modes-color-interactive-monochrome-hover-alt: #0000001a; // Accordion, secondary, tertiary, menu bg on hover
119
120
  $modes-color-interactive-monochrome-hover: #00000026; // subtle table header hover
120
121
  $modes-color-interactive-monochrome-with-active: #FFFFFF;
package/scss/frozenproduct/small/components/form.scss CHANGED
@@ -29,12 +29,14 @@ $form-color-validation-label-warning: $modes-color-status-caution-text;
29
29
  $form-typography-adaptive-label-s: $global-typography-adaptive-component-firm-s;
30
30
  $form-typography-adaptive-label-m: $global-typography-adaptive-component-firm-m;
31
31
  $form-typography-adaptive-label-l: $global-typography-adaptive-component-firm-l;
32
+ $form-typography-adaptive-default-xs: $global-typography-adaptive-component-moderate-xs;
32
33
  $form-typography-adaptive-default-s: $global-typography-adaptive-component-moderate-s;
33
34
  $form-typography-adaptive-default-m: $global-typography-adaptive-component-moderate-m;
34
35
  $form-typography-adaptive-default-l: $global-typography-adaptive-component-moderate-l;
35
36
  $form-typography-responsive-label-s: $global-typography-responsive-component-firm-s;
36
37
  $form-typography-responsive-label-m: $global-typography-responsive-component-firm-m;
37
38
  $form-typography-responsive-label-l: $global-typography-responsive-component-firm-l;
39
+ $form-typography-responsive-default-xs: $global-typography-responsive-component-moderate-xs;
38
40
  $form-typography-responsive-default-s: $global-typography-responsive-component-moderate-s;
39
41
  $form-typography-responsive-default-m: $global-typography-responsive-component-moderate-m;
40
42
  $form-typography-responsive-default-l: $global-typography-responsive-component-moderate-l;
@@ -43,6 +45,7 @@ $form-color-calendar-text-hover: $modes-color-interactive-monochrome-with-hover;
43
45
  $form-color-dropdown-label-alt: $modes-color-interactive-monochrome-default;
44
46
  $form-color-dropdown-label-enabled: $modes-color-interactive-monochrome-default-alt;
45
47
  $form-color-dropdown-label-hover: $modes-color-interactive-monochrome-with-hover;
48
+ $form-color-dropdown-label-subtext: $modes-color-interactive-monochrome-default-alt3; // Option subtext.
46
49
  $form-color-typical-bg-default: $modes-color-interactive-data-entry-default;
47
50
  $form-color-typical-bg-enabled: $modes-color-interactive-data-entry-default;
48
51
  $form-color-typical-border-hover: $modes-color-interactive-data-entry-with-hover; // File input draggable border state
package/scss/frozenproduct/small/dark.scss CHANGED
@@ -114,7 +114,8 @@ $modes-color-interactive-monochrome-active: #FFFFFF;
114
114
  $modes-color-interactive-monochrome-active-alt: #ffffff26;
115
115
  $modes-color-interactive-monochrome-default: #ffffffe6;
116
116
  $modes-color-interactive-monochrome-default-alt: #ffffffab; // subtle and toggle button text
117
- $modes-color-interactive-monochrome-default-alt2: #ffffff6b; // Tertiary border color
117
+ $modes-color-interactive-monochrome-default-alt2: #ffffff8c; // Dropdown option subtext.
118
+ $modes-color-interactive-monochrome-default-alt3: #ffffff6b; // Tertiary border color
118
119
  $modes-color-interactive-monochrome-hover-alt: #ffffff1a; // Accordion, secondary, tertiary, menu bg on hover
119
120
  $modes-color-interactive-monochrome-hover: #ffffff26; // subtle table header hover
120
121
  $modes-color-interactive-monochrome-with-active: #000000;
package/scss/frozenproduct/small/light.scss CHANGED
@@ -114,7 +114,8 @@ $modes-color-interactive-monochrome-active: #000000;
114
114
  $modes-color-interactive-monochrome-active-alt: #00000026;
115
115
  $modes-color-interactive-monochrome-default: #000000e6;
116
116
  $modes-color-interactive-monochrome-default-alt: #000000ab; // subtle and toggle button text
117
- $modes-color-interactive-monochrome-default-alt2: #0000006b; // Tertiary border color
117
+ $modes-color-interactive-monochrome-default-alt2: #0000008c; // Dropdown option subtext.
118
+ $modes-color-interactive-monochrome-default-alt3: #0000006b; // Tertiary border color
118
119
  $modes-color-interactive-monochrome-hover-alt: #0000001a; // Accordion, secondary, tertiary, menu bg on hover
119
120
  $modes-color-interactive-monochrome-hover: #00000026; // subtle table header hover
120
121
  $modes-color-interactive-monochrome-with-active: #FFFFFF;
package/scss/product/large/components/form.scss CHANGED
@@ -29,12 +29,14 @@ $form-color-validation-label-warning: $modes-color-status-caution-text;
29
29
  $form-typography-adaptive-label-s: $global-typography-adaptive-component-firm-s;
30
30
  $form-typography-adaptive-label-m: $global-typography-adaptive-component-firm-m;
31
31
  $form-typography-adaptive-label-l: $global-typography-adaptive-component-firm-l;
32
+ $form-typography-adaptive-default-xs: $global-typography-adaptive-component-moderate-xs;
32
33
  $form-typography-adaptive-default-s: $global-typography-adaptive-component-moderate-s;
33
34
  $form-typography-adaptive-default-m: $global-typography-adaptive-component-moderate-m;
34
35
  $form-typography-adaptive-default-l: $global-typography-adaptive-component-moderate-l;
35
36
  $form-typography-responsive-label-s: $global-typography-responsive-component-firm-s;
36
37
  $form-typography-responsive-label-m: $global-typography-responsive-component-firm-m;
37
38
  $form-typography-responsive-label-l: $global-typography-responsive-component-firm-l;
39
+ $form-typography-responsive-default-xs: $global-typography-responsive-component-moderate-xs;
38
40
  $form-typography-responsive-default-s: $global-typography-responsive-component-moderate-s;
39
41
  $form-typography-responsive-default-m: $global-typography-responsive-component-moderate-m;
40
42
  $form-typography-responsive-default-l: $global-typography-responsive-component-moderate-l;
@@ -43,6 +45,7 @@ $form-color-calendar-text-hover: $modes-color-interactive-monochrome-with-hover;
43
45
  $form-color-dropdown-label-alt: $modes-color-interactive-monochrome-default;
44
46
  $form-color-dropdown-label-enabled: $modes-color-interactive-monochrome-default-alt;
45
47
  $form-color-dropdown-label-hover: $modes-color-interactive-monochrome-with-hover;
48
+ $form-color-dropdown-label-subtext: $modes-color-interactive-monochrome-default-alt3; // Option subtext.
46
49
  $form-color-typical-bg-default: $modes-color-interactive-data-entry-default;
47
50
  $form-color-typical-bg-enabled: $modes-color-interactive-data-entry-default;
48
51
  $form-color-typical-border-hover: $modes-color-interactive-data-entry-with-hover; // File input draggable border state
package/scss/product/large/dark.scss CHANGED
@@ -114,7 +114,8 @@ $modes-color-interactive-monochrome-active: #FFFFFF;
114
114
  $modes-color-interactive-monochrome-active-alt: #ffffff26;
115
115
  $modes-color-interactive-monochrome-default: #ffffffe6;
116
116
  $modes-color-interactive-monochrome-default-alt: #ffffffab; // subtle and toggle button text
117
- $modes-color-interactive-monochrome-default-alt2: #ffffff6b; // Tertiary border color
117
+ $modes-color-interactive-monochrome-default-alt2: #ffffff8c; // Dropdown option subtext.
118
+ $modes-color-interactive-monochrome-default-alt3: #ffffff6b; // Tertiary border color
118
119
  $modes-color-interactive-monochrome-hover-alt: #ffffff1a; // Accordion, secondary, tertiary, menu bg on hover
119
120
  $modes-color-interactive-monochrome-hover: #ffffff26; // subtle table header hover
120
121
  $modes-color-interactive-monochrome-with-active: #000000;
package/scss/product/large/light.scss CHANGED
@@ -114,7 +114,8 @@ $modes-color-interactive-monochrome-active: #000000;
114
114
  $modes-color-interactive-monochrome-active-alt: #00000026;
115
115
  $modes-color-interactive-monochrome-default: #000000e6;
116
116
  $modes-color-interactive-monochrome-default-alt: #000000ab; // subtle and toggle button text
117
- $modes-color-interactive-monochrome-default-alt2: #0000006b; // Tertiary border color
117
+ $modes-color-interactive-monochrome-default-alt2: #0000008c; // Dropdown option subtext.
118
+ $modes-color-interactive-monochrome-default-alt3: #0000006b; // Tertiary border color
118
119
  $modes-color-interactive-monochrome-hover-alt: #0000001a; // Accordion, secondary, tertiary, menu bg on hover
119
120
  $modes-color-interactive-monochrome-hover: #00000026; // subtle table header hover
120
121
  $modes-color-interactive-monochrome-with-active: #FFFFFF;
package/scss/product/small/components/form.scss CHANGED
@@ -29,12 +29,14 @@ $form-color-validation-label-warning: $modes-color-status-caution-text;
29
29
  $form-typography-adaptive-label-s: $global-typography-adaptive-component-firm-s;
30
30
  $form-typography-adaptive-label-m: $global-typography-adaptive-component-firm-m;
31
31
  $form-typography-adaptive-label-l: $global-typography-adaptive-component-firm-l;
32
+ $form-typography-adaptive-default-xs: $global-typography-adaptive-component-moderate-xs;
32
33
  $form-typography-adaptive-default-s: $global-typography-adaptive-component-moderate-s;
33
34
  $form-typography-adaptive-default-m: $global-typography-adaptive-component-moderate-m;
34
35
  $form-typography-adaptive-default-l: $global-typography-adaptive-component-moderate-l;
35
36
  $form-typography-responsive-label-s: $global-typography-responsive-component-firm-s;
36
37
  $form-typography-responsive-label-m: $global-typography-responsive-component-firm-m;
37
38
  $form-typography-responsive-label-l: $global-typography-responsive-component-firm-l;
39
+ $form-typography-responsive-default-xs: $global-typography-responsive-component-moderate-xs;
38
40
  $form-typography-responsive-default-s: $global-typography-responsive-component-moderate-s;
39
41
  $form-typography-responsive-default-m: $global-typography-responsive-component-moderate-m;
40
42
  $form-typography-responsive-default-l: $global-typography-responsive-component-moderate-l;
@@ -43,6 +45,7 @@ $form-color-calendar-text-hover: $modes-color-interactive-monochrome-with-hover;
43
45
  $form-color-dropdown-label-alt: $modes-color-interactive-monochrome-default;
44
46
  $form-color-dropdown-label-enabled: $modes-color-interactive-monochrome-default-alt;
45
47
  $form-color-dropdown-label-hover: $modes-color-interactive-monochrome-with-hover;
48
+ $form-color-dropdown-label-subtext: $modes-color-interactive-monochrome-default-alt3; // Option subtext.
46
49
  $form-color-typical-bg-default: $modes-color-interactive-data-entry-default;
47
50
  $form-color-typical-bg-enabled: $modes-color-interactive-data-entry-default;
48
51
  $form-color-typical-border-hover: $modes-color-interactive-data-entry-with-hover; // File input draggable border state
package/scss/product/small/dark.scss CHANGED
@@ -114,7 +114,8 @@ $modes-color-interactive-monochrome-active: #FFFFFF;
114
114
  $modes-color-interactive-monochrome-active-alt: #ffffff26;
115
115
  $modes-color-interactive-monochrome-default: #ffffffe6;
116
116
  $modes-color-interactive-monochrome-default-alt: #ffffffab; // subtle and toggle button text
117
- $modes-color-interactive-monochrome-default-alt2: #ffffff6b; // Tertiary border color
117
+ $modes-color-interactive-monochrome-default-alt2: #ffffff8c; // Dropdown option subtext.
118
+ $modes-color-interactive-monochrome-default-alt3: #ffffff6b; // Tertiary border color
118
119
  $modes-color-interactive-monochrome-hover-alt: #ffffff1a; // Accordion, secondary, tertiary, menu bg on hover
119
120
  $modes-color-interactive-monochrome-hover: #ffffff26; // subtle table header hover
120
121
  $modes-color-interactive-monochrome-with-active: #000000;
package/scss/product/small/light.scss CHANGED
@@ -114,7 +114,8 @@ $modes-color-interactive-monochrome-active: #000000;
114
114
  $modes-color-interactive-monochrome-active-alt: #00000026;
115
115
  $modes-color-interactive-monochrome-default: #000000e6;
116
116
  $modes-color-interactive-monochrome-default-alt: #000000ab; // subtle and toggle button text
117
- $modes-color-interactive-monochrome-default-alt2: #0000006b; // Tertiary border color
117
+ $modes-color-interactive-monochrome-default-alt2: #0000008c; // Dropdown option subtext.
118
+ $modes-color-interactive-monochrome-default-alt3: #0000006b; // Tertiary border color
118
119
  $modes-color-interactive-monochrome-hover-alt: #0000001a; // Accordion, secondary, tertiary, menu bg on hover
119
120
  $modes-color-interactive-monochrome-hover: #00000026; // subtle table header hover
120
121
  $modes-color-interactive-monochrome-with-active: #FFFFFF;
package/sage-design-tokens-15.1.0.tgz DELETED
Binary file