@sage/design-tokens 8.2.0 → 8.4.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 (566) hide show
  1. package/css/frozenproduct/all.css +154 -17
  2. package/css/frozenproduct/large/components/badge.css +2 -1
  3. package/css/frozenproduct/large/components/container.css +36 -14
  4. package/css/frozenproduct/large/components/form.css +52 -0
  5. package/css/frozenproduct/large/components/tab.css +4 -2
  6. package/css/frozenproduct/large/dark.css +30 -0
  7. package/css/frozenproduct/large/light.css +30 -0
  8. package/css/frozenproduct/small/components/badge.css +2 -1
  9. package/css/frozenproduct/small/components/container.css +36 -14
  10. package/css/frozenproduct/small/components/form.css +52 -0
  11. package/css/frozenproduct/small/components/tab.css +4 -2
  12. package/css/frozenproduct/small/dark.css +30 -0
  13. package/css/frozenproduct/small/light.css +30 -0
  14. package/css/marketing/all.css +154 -17
  15. package/css/marketing/large/components/badge.css +2 -1
  16. package/css/marketing/large/components/container.css +36 -14
  17. package/css/marketing/large/components/form.css +52 -0
  18. package/css/marketing/large/components/tab.css +4 -2
  19. package/css/marketing/large/dark.css +30 -0
  20. package/css/marketing/large/light.css +30 -0
  21. package/css/marketing/small/components/badge.css +2 -1
  22. package/css/marketing/small/components/container.css +36 -14
  23. package/css/marketing/small/components/form.css +52 -0
  24. package/css/marketing/small/components/tab.css +4 -2
  25. package/css/marketing/small/dark.css +30 -0
  26. package/css/marketing/small/light.css +30 -0
  27. package/css/product/all.css +154 -17
  28. package/css/product/large/components/badge.css +2 -1
  29. package/css/product/large/components/container.css +36 -14
  30. package/css/product/large/components/form.css +52 -0
  31. package/css/product/large/components/tab.css +4 -2
  32. package/css/product/large/dark.css +30 -0
  33. package/css/product/large/light.css +30 -0
  34. package/css/product/small/components/badge.css +2 -1
  35. package/css/product/small/components/container.css +36 -14
  36. package/css/product/small/components/form.css +52 -0
  37. package/css/product/small/components/tab.css +4 -2
  38. package/css/product/small/dark.css +30 -0
  39. package/css/product/small/light.css +30 -0
  40. package/ios/frozenproduct/large/dark/components/badge.h +1 -0
  41. package/ios/frozenproduct/large/dark/components/container.h +36 -14
  42. package/ios/frozenproduct/large/dark/components/form.h +52 -0
  43. package/ios/frozenproduct/large/dark/components/tab.h +2 -0
  44. package/ios/frozenproduct/large/dark/mode.h +30 -0
  45. package/ios/frozenproduct/large/light/components/badge.h +1 -0
  46. package/ios/frozenproduct/large/light/components/container.h +36 -14
  47. package/ios/frozenproduct/large/light/components/form.h +52 -0
  48. package/ios/frozenproduct/large/light/components/tab.h +2 -0
  49. package/ios/frozenproduct/large/light/mode.h +30 -0
  50. package/ios/frozenproduct/small/dark/components/badge.h +1 -0
  51. package/ios/frozenproduct/small/dark/components/container.h +36 -14
  52. package/ios/frozenproduct/small/dark/components/form.h +52 -0
  53. package/ios/frozenproduct/small/dark/components/tab.h +2 -0
  54. package/ios/frozenproduct/small/dark/mode.h +30 -0
  55. package/ios/frozenproduct/small/light/components/badge.h +1 -0
  56. package/ios/frozenproduct/small/light/components/container.h +36 -14
  57. package/ios/frozenproduct/small/light/components/form.h +52 -0
  58. package/ios/frozenproduct/small/light/components/tab.h +2 -0
  59. package/ios/frozenproduct/small/light/mode.h +30 -0
  60. package/ios/marketing/large/dark/components/badge.h +1 -0
  61. package/ios/marketing/large/dark/components/container.h +36 -14
  62. package/ios/marketing/large/dark/components/form.h +52 -0
  63. package/ios/marketing/large/dark/components/tab.h +2 -0
  64. package/ios/marketing/large/dark/mode.h +30 -0
  65. package/ios/marketing/large/light/components/badge.h +1 -0
  66. package/ios/marketing/large/light/components/container.h +36 -14
  67. package/ios/marketing/large/light/components/form.h +52 -0
  68. package/ios/marketing/large/light/components/tab.h +2 -0
  69. package/ios/marketing/large/light/mode.h +30 -0
  70. package/ios/marketing/small/dark/components/badge.h +1 -0
  71. package/ios/marketing/small/dark/components/container.h +36 -14
  72. package/ios/marketing/small/dark/components/form.h +52 -0
  73. package/ios/marketing/small/dark/components/tab.h +2 -0
  74. package/ios/marketing/small/dark/mode.h +30 -0
  75. package/ios/marketing/small/light/components/badge.h +1 -0
  76. package/ios/marketing/small/light/components/container.h +36 -14
  77. package/ios/marketing/small/light/components/form.h +52 -0
  78. package/ios/marketing/small/light/components/tab.h +2 -0
  79. package/ios/marketing/small/light/mode.h +30 -0
  80. package/ios/product/large/dark/components/badge.h +1 -0
  81. package/ios/product/large/dark/components/container.h +36 -14
  82. package/ios/product/large/dark/components/form.h +52 -0
  83. package/ios/product/large/dark/components/tab.h +2 -0
  84. package/ios/product/large/dark/mode.h +30 -0
  85. package/ios/product/large/light/components/badge.h +1 -0
  86. package/ios/product/large/light/components/container.h +36 -14
  87. package/ios/product/large/light/components/form.h +52 -0
  88. package/ios/product/large/light/components/tab.h +2 -0
  89. package/ios/product/large/light/mode.h +30 -0
  90. package/ios/product/small/dark/components/badge.h +1 -0
  91. package/ios/product/small/dark/components/container.h +36 -14
  92. package/ios/product/small/dark/components/form.h +52 -0
  93. package/ios/product/small/dark/components/tab.h +2 -0
  94. package/ios/product/small/dark/mode.h +30 -0
  95. package/ios/product/small/light/components/badge.h +1 -0
  96. package/ios/product/small/light/components/container.h +36 -14
  97. package/ios/product/small/light/components/form.h +52 -0
  98. package/ios/product/small/light/components/tab.h +2 -0
  99. package/ios/product/small/light/mode.h +30 -0
  100. package/js/common/frozenproduct/large/dark/components/badge.d.ts +1 -0
  101. package/js/common/frozenproduct/large/dark/components/badge.js +15 -0
  102. package/js/common/frozenproduct/large/dark/components/container.d.ts +64 -20
  103. package/js/common/frozenproduct/large/dark/components/container.js +487 -175
  104. package/js/common/frozenproduct/large/dark/components/form.d.ts +74 -0
  105. package/js/common/frozenproduct/large/dark/components/form.js +742 -0
  106. package/js/common/frozenproduct/large/dark/components/tab.d.ts +2 -0
  107. package/js/common/frozenproduct/large/dark/components/tab.js +26 -4
  108. package/js/common/frozenproduct/large/dark/mode.d.ts +52 -0
  109. package/js/common/frozenproduct/large/dark/mode.js +412 -0
  110. package/js/common/frozenproduct/large/light/components/badge.d.ts +1 -0
  111. package/js/common/frozenproduct/large/light/components/badge.js +15 -0
  112. package/js/common/frozenproduct/large/light/components/container.d.ts +64 -20
  113. package/js/common/frozenproduct/large/light/components/container.js +487 -175
  114. package/js/common/frozenproduct/large/light/components/form.d.ts +74 -0
  115. package/js/common/frozenproduct/large/light/components/form.js +742 -0
  116. package/js/common/frozenproduct/large/light/components/tab.d.ts +2 -0
  117. package/js/common/frozenproduct/large/light/components/tab.js +26 -4
  118. package/js/common/frozenproduct/large/light/mode.d.ts +52 -0
  119. package/js/common/frozenproduct/large/light/mode.js +412 -0
  120. package/js/common/frozenproduct/small/dark/components/badge.d.ts +1 -0
  121. package/js/common/frozenproduct/small/dark/components/badge.js +15 -0
  122. package/js/common/frozenproduct/small/dark/components/container.d.ts +64 -20
  123. package/js/common/frozenproduct/small/dark/components/container.js +487 -175
  124. package/js/common/frozenproduct/small/dark/components/form.d.ts +74 -0
  125. package/js/common/frozenproduct/small/dark/components/form.js +742 -0
  126. package/js/common/frozenproduct/small/dark/components/tab.d.ts +2 -0
  127. package/js/common/frozenproduct/small/dark/components/tab.js +26 -4
  128. package/js/common/frozenproduct/small/dark/mode.d.ts +52 -0
  129. package/js/common/frozenproduct/small/dark/mode.js +412 -0
  130. package/js/common/frozenproduct/small/light/components/badge.d.ts +1 -0
  131. package/js/common/frozenproduct/small/light/components/badge.js +15 -0
  132. package/js/common/frozenproduct/small/light/components/container.d.ts +64 -20
  133. package/js/common/frozenproduct/small/light/components/container.js +487 -175
  134. package/js/common/frozenproduct/small/light/components/form.d.ts +74 -0
  135. package/js/common/frozenproduct/small/light/components/form.js +742 -0
  136. package/js/common/frozenproduct/small/light/components/tab.d.ts +2 -0
  137. package/js/common/frozenproduct/small/light/components/tab.js +26 -4
  138. package/js/common/frozenproduct/small/light/mode.d.ts +52 -0
  139. package/js/common/frozenproduct/small/light/mode.js +412 -0
  140. package/js/common/marketing/large/dark/components/badge.d.ts +1 -0
  141. package/js/common/marketing/large/dark/components/badge.js +15 -0
  142. package/js/common/marketing/large/dark/components/container.d.ts +64 -20
  143. package/js/common/marketing/large/dark/components/container.js +487 -175
  144. package/js/common/marketing/large/dark/components/form.d.ts +74 -0
  145. package/js/common/marketing/large/dark/components/form.js +742 -0
  146. package/js/common/marketing/large/dark/components/tab.d.ts +2 -0
  147. package/js/common/marketing/large/dark/components/tab.js +26 -4
  148. package/js/common/marketing/large/dark/mode.d.ts +52 -0
  149. package/js/common/marketing/large/dark/mode.js +412 -0
  150. package/js/common/marketing/large/light/components/badge.d.ts +1 -0
  151. package/js/common/marketing/large/light/components/badge.js +15 -0
  152. package/js/common/marketing/large/light/components/container.d.ts +64 -20
  153. package/js/common/marketing/large/light/components/container.js +487 -175
  154. package/js/common/marketing/large/light/components/form.d.ts +74 -0
  155. package/js/common/marketing/large/light/components/form.js +742 -0
  156. package/js/common/marketing/large/light/components/tab.d.ts +2 -0
  157. package/js/common/marketing/large/light/components/tab.js +26 -4
  158. package/js/common/marketing/large/light/mode.d.ts +52 -0
  159. package/js/common/marketing/large/light/mode.js +412 -0
  160. package/js/common/marketing/small/dark/components/badge.d.ts +1 -0
  161. package/js/common/marketing/small/dark/components/badge.js +15 -0
  162. package/js/common/marketing/small/dark/components/container.d.ts +64 -20
  163. package/js/common/marketing/small/dark/components/container.js +487 -175
  164. package/js/common/marketing/small/dark/components/form.d.ts +74 -0
  165. package/js/common/marketing/small/dark/components/form.js +742 -0
  166. package/js/common/marketing/small/dark/components/tab.d.ts +2 -0
  167. package/js/common/marketing/small/dark/components/tab.js +26 -4
  168. package/js/common/marketing/small/dark/mode.d.ts +52 -0
  169. package/js/common/marketing/small/dark/mode.js +412 -0
  170. package/js/common/marketing/small/light/components/badge.d.ts +1 -0
  171. package/js/common/marketing/small/light/components/badge.js +15 -0
  172. package/js/common/marketing/small/light/components/container.d.ts +64 -20
  173. package/js/common/marketing/small/light/components/container.js +487 -175
  174. package/js/common/marketing/small/light/components/form.d.ts +74 -0
  175. package/js/common/marketing/small/light/components/form.js +742 -0
  176. package/js/common/marketing/small/light/components/tab.d.ts +2 -0
  177. package/js/common/marketing/small/light/components/tab.js +26 -4
  178. package/js/common/marketing/small/light/mode.d.ts +52 -0
  179. package/js/common/marketing/small/light/mode.js +412 -0
  180. package/js/common/product/large/dark/components/badge.d.ts +1 -0
  181. package/js/common/product/large/dark/components/badge.js +15 -0
  182. package/js/common/product/large/dark/components/container.d.ts +64 -20
  183. package/js/common/product/large/dark/components/container.js +487 -175
  184. package/js/common/product/large/dark/components/form.d.ts +74 -0
  185. package/js/common/product/large/dark/components/form.js +742 -0
  186. package/js/common/product/large/dark/components/tab.d.ts +2 -0
  187. package/js/common/product/large/dark/components/tab.js +26 -4
  188. package/js/common/product/large/dark/mode.d.ts +52 -0
  189. package/js/common/product/large/dark/mode.js +412 -0
  190. package/js/common/product/large/light/components/badge.d.ts +1 -0
  191. package/js/common/product/large/light/components/badge.js +15 -0
  192. package/js/common/product/large/light/components/container.d.ts +64 -20
  193. package/js/common/product/large/light/components/container.js +487 -175
  194. package/js/common/product/large/light/components/form.d.ts +74 -0
  195. package/js/common/product/large/light/components/form.js +742 -0
  196. package/js/common/product/large/light/components/tab.d.ts +2 -0
  197. package/js/common/product/large/light/components/tab.js +26 -4
  198. package/js/common/product/large/light/mode.d.ts +52 -0
  199. package/js/common/product/large/light/mode.js +412 -0
  200. package/js/common/product/small/dark/components/badge.d.ts +1 -0
  201. package/js/common/product/small/dark/components/badge.js +15 -0
  202. package/js/common/product/small/dark/components/container.d.ts +64 -20
  203. package/js/common/product/small/dark/components/container.js +487 -175
  204. package/js/common/product/small/dark/components/form.d.ts +74 -0
  205. package/js/common/product/small/dark/components/form.js +742 -0
  206. package/js/common/product/small/dark/components/tab.d.ts +2 -0
  207. package/js/common/product/small/dark/components/tab.js +26 -4
  208. package/js/common/product/small/dark/mode.d.ts +52 -0
  209. package/js/common/product/small/dark/mode.js +412 -0
  210. package/js/common/product/small/light/components/badge.d.ts +1 -0
  211. package/js/common/product/small/light/components/badge.js +15 -0
  212. package/js/common/product/small/light/components/container.d.ts +64 -20
  213. package/js/common/product/small/light/components/container.js +487 -175
  214. package/js/common/product/small/light/components/form.d.ts +74 -0
  215. package/js/common/product/small/light/components/form.js +742 -0
  216. package/js/common/product/small/light/components/tab.d.ts +2 -0
  217. package/js/common/product/small/light/components/tab.js +26 -4
  218. package/js/common/product/small/light/mode.d.ts +52 -0
  219. package/js/common/product/small/light/mode.js +412 -0
  220. package/js/es6/frozenproduct/large/dark/components/badge.d.ts +1 -0
  221. package/js/es6/frozenproduct/large/dark/components/badge.js +1 -0
  222. package/js/es6/frozenproduct/large/dark/components/container.d.ts +36 -14
  223. package/js/es6/frozenproduct/large/dark/components/container.js +36 -14
  224. package/js/es6/frozenproduct/large/dark/components/form.d.ts +52 -0
  225. package/js/es6/frozenproduct/large/dark/components/form.js +52 -0
  226. package/js/es6/frozenproduct/large/dark/components/tab.d.ts +2 -0
  227. package/js/es6/frozenproduct/large/dark/components/tab.js +2 -0
  228. package/js/es6/frozenproduct/large/dark/mode.d.ts +30 -0
  229. package/js/es6/frozenproduct/large/dark/mode.js +30 -0
  230. package/js/es6/frozenproduct/large/light/components/badge.d.ts +1 -0
  231. package/js/es6/frozenproduct/large/light/components/badge.js +1 -0
  232. package/js/es6/frozenproduct/large/light/components/container.d.ts +36 -14
  233. package/js/es6/frozenproduct/large/light/components/container.js +36 -14
  234. package/js/es6/frozenproduct/large/light/components/form.d.ts +52 -0
  235. package/js/es6/frozenproduct/large/light/components/form.js +52 -0
  236. package/js/es6/frozenproduct/large/light/components/tab.d.ts +2 -0
  237. package/js/es6/frozenproduct/large/light/components/tab.js +2 -0
  238. package/js/es6/frozenproduct/large/light/mode.d.ts +30 -0
  239. package/js/es6/frozenproduct/large/light/mode.js +30 -0
  240. package/js/es6/frozenproduct/small/dark/components/badge.d.ts +1 -0
  241. package/js/es6/frozenproduct/small/dark/components/badge.js +1 -0
  242. package/js/es6/frozenproduct/small/dark/components/container.d.ts +36 -14
  243. package/js/es6/frozenproduct/small/dark/components/container.js +36 -14
  244. package/js/es6/frozenproduct/small/dark/components/form.d.ts +52 -0
  245. package/js/es6/frozenproduct/small/dark/components/form.js +52 -0
  246. package/js/es6/frozenproduct/small/dark/components/tab.d.ts +2 -0
  247. package/js/es6/frozenproduct/small/dark/components/tab.js +2 -0
  248. package/js/es6/frozenproduct/small/dark/mode.d.ts +30 -0
  249. package/js/es6/frozenproduct/small/dark/mode.js +30 -0
  250. package/js/es6/frozenproduct/small/light/components/badge.d.ts +1 -0
  251. package/js/es6/frozenproduct/small/light/components/badge.js +1 -0
  252. package/js/es6/frozenproduct/small/light/components/container.d.ts +36 -14
  253. package/js/es6/frozenproduct/small/light/components/container.js +36 -14
  254. package/js/es6/frozenproduct/small/light/components/form.d.ts +52 -0
  255. package/js/es6/frozenproduct/small/light/components/form.js +52 -0
  256. package/js/es6/frozenproduct/small/light/components/tab.d.ts +2 -0
  257. package/js/es6/frozenproduct/small/light/components/tab.js +2 -0
  258. package/js/es6/frozenproduct/small/light/mode.d.ts +30 -0
  259. package/js/es6/frozenproduct/small/light/mode.js +30 -0
  260. package/js/es6/marketing/large/dark/components/badge.d.ts +1 -0
  261. package/js/es6/marketing/large/dark/components/badge.js +1 -0
  262. package/js/es6/marketing/large/dark/components/container.d.ts +36 -14
  263. package/js/es6/marketing/large/dark/components/container.js +36 -14
  264. package/js/es6/marketing/large/dark/components/form.d.ts +52 -0
  265. package/js/es6/marketing/large/dark/components/form.js +52 -0
  266. package/js/es6/marketing/large/dark/components/tab.d.ts +2 -0
  267. package/js/es6/marketing/large/dark/components/tab.js +2 -0
  268. package/js/es6/marketing/large/dark/mode.d.ts +30 -0
  269. package/js/es6/marketing/large/dark/mode.js +30 -0
  270. package/js/es6/marketing/large/light/components/badge.d.ts +1 -0
  271. package/js/es6/marketing/large/light/components/badge.js +1 -0
  272. package/js/es6/marketing/large/light/components/container.d.ts +36 -14
  273. package/js/es6/marketing/large/light/components/container.js +36 -14
  274. package/js/es6/marketing/large/light/components/form.d.ts +52 -0
  275. package/js/es6/marketing/large/light/components/form.js +52 -0
  276. package/js/es6/marketing/large/light/components/tab.d.ts +2 -0
  277. package/js/es6/marketing/large/light/components/tab.js +2 -0
  278. package/js/es6/marketing/large/light/mode.d.ts +30 -0
  279. package/js/es6/marketing/large/light/mode.js +30 -0
  280. package/js/es6/marketing/small/dark/components/badge.d.ts +1 -0
  281. package/js/es6/marketing/small/dark/components/badge.js +1 -0
  282. package/js/es6/marketing/small/dark/components/container.d.ts +36 -14
  283. package/js/es6/marketing/small/dark/components/container.js +36 -14
  284. package/js/es6/marketing/small/dark/components/form.d.ts +52 -0
  285. package/js/es6/marketing/small/dark/components/form.js +52 -0
  286. package/js/es6/marketing/small/dark/components/tab.d.ts +2 -0
  287. package/js/es6/marketing/small/dark/components/tab.js +2 -0
  288. package/js/es6/marketing/small/dark/mode.d.ts +30 -0
  289. package/js/es6/marketing/small/dark/mode.js +30 -0
  290. package/js/es6/marketing/small/light/components/badge.d.ts +1 -0
  291. package/js/es6/marketing/small/light/components/badge.js +1 -0
  292. package/js/es6/marketing/small/light/components/container.d.ts +36 -14
  293. package/js/es6/marketing/small/light/components/container.js +36 -14
  294. package/js/es6/marketing/small/light/components/form.d.ts +52 -0
  295. package/js/es6/marketing/small/light/components/form.js +52 -0
  296. package/js/es6/marketing/small/light/components/tab.d.ts +2 -0
  297. package/js/es6/marketing/small/light/components/tab.js +2 -0
  298. package/js/es6/marketing/small/light/mode.d.ts +30 -0
  299. package/js/es6/marketing/small/light/mode.js +30 -0
  300. package/js/es6/product/large/dark/components/badge.d.ts +1 -0
  301. package/js/es6/product/large/dark/components/badge.js +1 -0
  302. package/js/es6/product/large/dark/components/container.d.ts +36 -14
  303. package/js/es6/product/large/dark/components/container.js +36 -14
  304. package/js/es6/product/large/dark/components/form.d.ts +52 -0
  305. package/js/es6/product/large/dark/components/form.js +52 -0
  306. package/js/es6/product/large/dark/components/tab.d.ts +2 -0
  307. package/js/es6/product/large/dark/components/tab.js +2 -0
  308. package/js/es6/product/large/dark/mode.d.ts +30 -0
  309. package/js/es6/product/large/dark/mode.js +30 -0
  310. package/js/es6/product/large/light/components/badge.d.ts +1 -0
  311. package/js/es6/product/large/light/components/badge.js +1 -0
  312. package/js/es6/product/large/light/components/container.d.ts +36 -14
  313. package/js/es6/product/large/light/components/container.js +36 -14
  314. package/js/es6/product/large/light/components/form.d.ts +52 -0
  315. package/js/es6/product/large/light/components/form.js +52 -0
  316. package/js/es6/product/large/light/components/tab.d.ts +2 -0
  317. package/js/es6/product/large/light/components/tab.js +2 -0
  318. package/js/es6/product/large/light/mode.d.ts +30 -0
  319. package/js/es6/product/large/light/mode.js +30 -0
  320. package/js/es6/product/small/dark/components/badge.d.ts +1 -0
  321. package/js/es6/product/small/dark/components/badge.js +1 -0
  322. package/js/es6/product/small/dark/components/container.d.ts +36 -14
  323. package/js/es6/product/small/dark/components/container.js +36 -14
  324. package/js/es6/product/small/dark/components/form.d.ts +52 -0
  325. package/js/es6/product/small/dark/components/form.js +52 -0
  326. package/js/es6/product/small/dark/components/tab.d.ts +2 -0
  327. package/js/es6/product/small/dark/components/tab.js +2 -0
  328. package/js/es6/product/small/dark/mode.d.ts +30 -0
  329. package/js/es6/product/small/dark/mode.js +30 -0
  330. package/js/es6/product/small/light/components/badge.d.ts +1 -0
  331. package/js/es6/product/small/light/components/badge.js +1 -0
  332. package/js/es6/product/small/light/components/container.d.ts +36 -14
  333. package/js/es6/product/small/light/components/container.js +36 -14
  334. package/js/es6/product/small/light/components/form.d.ts +52 -0
  335. package/js/es6/product/small/light/components/form.js +52 -0
  336. package/js/es6/product/small/light/components/tab.d.ts +2 -0
  337. package/js/es6/product/small/light/components/tab.js +2 -0
  338. package/js/es6/product/small/light/mode.d.ts +30 -0
  339. package/js/es6/product/small/light/mode.js +30 -0
  340. package/js/umd/frozenproduct/large/dark/components/badge.js +15 -0
  341. package/js/umd/frozenproduct/large/dark/components/container.js +494 -182
  342. package/js/umd/frozenproduct/large/dark/components/form.js +742 -0
  343. package/js/umd/frozenproduct/large/dark/components/tab.js +26 -4
  344. package/js/umd/frozenproduct/large/dark/mode.js +412 -0
  345. package/js/umd/frozenproduct/large/light/components/badge.js +15 -0
  346. package/js/umd/frozenproduct/large/light/components/container.js +494 -182
  347. package/js/umd/frozenproduct/large/light/components/form.js +742 -0
  348. package/js/umd/frozenproduct/large/light/components/tab.js +26 -4
  349. package/js/umd/frozenproduct/large/light/mode.js +412 -0
  350. package/js/umd/frozenproduct/small/dark/components/badge.js +15 -0
  351. package/js/umd/frozenproduct/small/dark/components/container.js +494 -182
  352. package/js/umd/frozenproduct/small/dark/components/form.js +742 -0
  353. package/js/umd/frozenproduct/small/dark/components/tab.js +26 -4
  354. package/js/umd/frozenproduct/small/dark/mode.js +412 -0
  355. package/js/umd/frozenproduct/small/light/components/badge.js +15 -0
  356. package/js/umd/frozenproduct/small/light/components/container.js +494 -182
  357. package/js/umd/frozenproduct/small/light/components/form.js +742 -0
  358. package/js/umd/frozenproduct/small/light/components/tab.js +26 -4
  359. package/js/umd/frozenproduct/small/light/mode.js +412 -0
  360. package/js/umd/marketing/large/dark/components/badge.js +15 -0
  361. package/js/umd/marketing/large/dark/components/container.js +494 -182
  362. package/js/umd/marketing/large/dark/components/form.js +742 -0
  363. package/js/umd/marketing/large/dark/components/tab.js +26 -4
  364. package/js/umd/marketing/large/dark/mode.js +412 -0
  365. package/js/umd/marketing/large/light/components/badge.js +15 -0
  366. package/js/umd/marketing/large/light/components/container.js +494 -182
  367. package/js/umd/marketing/large/light/components/form.js +742 -0
  368. package/js/umd/marketing/large/light/components/tab.js +26 -4
  369. package/js/umd/marketing/large/light/mode.js +412 -0
  370. package/js/umd/marketing/small/dark/components/badge.js +15 -0
  371. package/js/umd/marketing/small/dark/components/container.js +494 -182
  372. package/js/umd/marketing/small/dark/components/form.js +742 -0
  373. package/js/umd/marketing/small/dark/components/tab.js +26 -4
  374. package/js/umd/marketing/small/dark/mode.js +412 -0
  375. package/js/umd/marketing/small/light/components/badge.js +15 -0
  376. package/js/umd/marketing/small/light/components/container.js +494 -182
  377. package/js/umd/marketing/small/light/components/form.js +742 -0
  378. package/js/umd/marketing/small/light/components/tab.js +26 -4
  379. package/js/umd/marketing/small/light/mode.js +412 -0
  380. package/js/umd/product/large/dark/components/badge.js +15 -0
  381. package/js/umd/product/large/dark/components/container.js +494 -182
  382. package/js/umd/product/large/dark/components/form.js +742 -0
  383. package/js/umd/product/large/dark/components/tab.js +26 -4
  384. package/js/umd/product/large/dark/mode.js +412 -0
  385. package/js/umd/product/large/light/components/badge.js +15 -0
  386. package/js/umd/product/large/light/components/container.js +494 -182
  387. package/js/umd/product/large/light/components/form.js +742 -0
  388. package/js/umd/product/large/light/components/tab.js +26 -4
  389. package/js/umd/product/large/light/mode.js +412 -0
  390. package/js/umd/product/small/dark/components/badge.js +15 -0
  391. package/js/umd/product/small/dark/components/container.js +494 -182
  392. package/js/umd/product/small/dark/components/form.js +742 -0
  393. package/js/umd/product/small/dark/components/tab.js +26 -4
  394. package/js/umd/product/small/dark/mode.js +412 -0
  395. package/js/umd/product/small/light/components/badge.js +15 -0
  396. package/js/umd/product/small/light/components/container.js +494 -182
  397. package/js/umd/product/small/light/components/form.js +742 -0
  398. package/js/umd/product/small/light/components/tab.js +26 -4
  399. package/js/umd/product/small/light/mode.js +412 -0
  400. package/json/flat/frozenproduct/large/dark/components/badge.json +1 -0
  401. package/json/flat/frozenproduct/large/dark/components/container.json +36 -14
  402. package/json/flat/frozenproduct/large/dark/components/form.json +52 -0
  403. package/json/flat/frozenproduct/large/dark/components/tab.json +2 -0
  404. package/json/flat/frozenproduct/large/dark/mode.json +30 -0
  405. package/json/flat/frozenproduct/large/light/components/badge.json +1 -0
  406. package/json/flat/frozenproduct/large/light/components/container.json +36 -14
  407. package/json/flat/frozenproduct/large/light/components/form.json +52 -0
  408. package/json/flat/frozenproduct/large/light/components/tab.json +2 -0
  409. package/json/flat/frozenproduct/large/light/mode.json +30 -0
  410. package/json/flat/frozenproduct/small/dark/components/badge.json +1 -0
  411. package/json/flat/frozenproduct/small/dark/components/container.json +36 -14
  412. package/json/flat/frozenproduct/small/dark/components/form.json +52 -0
  413. package/json/flat/frozenproduct/small/dark/components/tab.json +2 -0
  414. package/json/flat/frozenproduct/small/dark/mode.json +30 -0
  415. package/json/flat/frozenproduct/small/light/components/badge.json +1 -0
  416. package/json/flat/frozenproduct/small/light/components/container.json +36 -14
  417. package/json/flat/frozenproduct/small/light/components/form.json +52 -0
  418. package/json/flat/frozenproduct/small/light/components/tab.json +2 -0
  419. package/json/flat/frozenproduct/small/light/mode.json +30 -0
  420. package/json/flat/marketing/large/dark/components/badge.json +1 -0
  421. package/json/flat/marketing/large/dark/components/container.json +36 -14
  422. package/json/flat/marketing/large/dark/components/form.json +52 -0
  423. package/json/flat/marketing/large/dark/components/tab.json +2 -0
  424. package/json/flat/marketing/large/dark/mode.json +30 -0
  425. package/json/flat/marketing/large/light/components/badge.json +1 -0
  426. package/json/flat/marketing/large/light/components/container.json +36 -14
  427. package/json/flat/marketing/large/light/components/form.json +52 -0
  428. package/json/flat/marketing/large/light/components/tab.json +2 -0
  429. package/json/flat/marketing/large/light/mode.json +30 -0
  430. package/json/flat/marketing/small/dark/components/badge.json +1 -0
  431. package/json/flat/marketing/small/dark/components/container.json +36 -14
  432. package/json/flat/marketing/small/dark/components/form.json +52 -0
  433. package/json/flat/marketing/small/dark/components/tab.json +2 -0
  434. package/json/flat/marketing/small/dark/mode.json +30 -0
  435. package/json/flat/marketing/small/light/components/badge.json +1 -0
  436. package/json/flat/marketing/small/light/components/container.json +36 -14
  437. package/json/flat/marketing/small/light/components/form.json +52 -0
  438. package/json/flat/marketing/small/light/components/tab.json +2 -0
  439. package/json/flat/marketing/small/light/mode.json +30 -0
  440. package/json/flat/product/large/dark/components/badge.json +1 -0
  441. package/json/flat/product/large/dark/components/container.json +36 -14
  442. package/json/flat/product/large/dark/components/form.json +52 -0
  443. package/json/flat/product/large/dark/components/tab.json +2 -0
  444. package/json/flat/product/large/dark/mode.json +30 -0
  445. package/json/flat/product/large/light/components/badge.json +1 -0
  446. package/json/flat/product/large/light/components/container.json +36 -14
  447. package/json/flat/product/large/light/components/form.json +52 -0
  448. package/json/flat/product/large/light/components/tab.json +2 -0
  449. package/json/flat/product/large/light/mode.json +30 -0
  450. package/json/flat/product/small/dark/components/badge.json +1 -0
  451. package/json/flat/product/small/dark/components/container.json +36 -14
  452. package/json/flat/product/small/dark/components/form.json +52 -0
  453. package/json/flat/product/small/dark/components/tab.json +2 -0
  454. package/json/flat/product/small/dark/mode.json +30 -0
  455. package/json/flat/product/small/light/components/badge.json +1 -0
  456. package/json/flat/product/small/light/components/container.json +36 -14
  457. package/json/flat/product/small/light/components/form.json +52 -0
  458. package/json/flat/product/small/light/components/tab.json +2 -0
  459. package/json/flat/product/small/light/mode.json +30 -0
  460. package/json/nested/frozenproduct/large/dark/components/badge.json +1 -0
  461. package/json/nested/frozenproduct/large/dark/components/container.json +65 -21
  462. package/json/nested/frozenproduct/large/dark/components/form.json +74 -0
  463. package/json/nested/frozenproduct/large/dark/components/tab.json +3 -1
  464. package/json/nested/frozenproduct/large/dark/mode.json +52 -0
  465. package/json/nested/frozenproduct/large/light/components/badge.json +1 -0
  466. package/json/nested/frozenproduct/large/light/components/container.json +65 -21
  467. package/json/nested/frozenproduct/large/light/components/form.json +74 -0
  468. package/json/nested/frozenproduct/large/light/components/tab.json +3 -1
  469. package/json/nested/frozenproduct/large/light/mode.json +52 -0
  470. package/json/nested/frozenproduct/small/dark/components/badge.json +1 -0
  471. package/json/nested/frozenproduct/small/dark/components/container.json +65 -21
  472. package/json/nested/frozenproduct/small/dark/components/form.json +74 -0
  473. package/json/nested/frozenproduct/small/dark/components/tab.json +3 -1
  474. package/json/nested/frozenproduct/small/dark/mode.json +52 -0
  475. package/json/nested/frozenproduct/small/light/components/badge.json +1 -0
  476. package/json/nested/frozenproduct/small/light/components/container.json +65 -21
  477. package/json/nested/frozenproduct/small/light/components/form.json +74 -0
  478. package/json/nested/frozenproduct/small/light/components/tab.json +3 -1
  479. package/json/nested/frozenproduct/small/light/mode.json +52 -0
  480. package/json/nested/marketing/large/dark/components/badge.json +1 -0
  481. package/json/nested/marketing/large/dark/components/container.json +65 -21
  482. package/json/nested/marketing/large/dark/components/form.json +74 -0
  483. package/json/nested/marketing/large/dark/components/tab.json +3 -1
  484. package/json/nested/marketing/large/dark/mode.json +52 -0
  485. package/json/nested/marketing/large/light/components/badge.json +1 -0
  486. package/json/nested/marketing/large/light/components/container.json +65 -21
  487. package/json/nested/marketing/large/light/components/form.json +74 -0
  488. package/json/nested/marketing/large/light/components/tab.json +3 -1
  489. package/json/nested/marketing/large/light/mode.json +52 -0
  490. package/json/nested/marketing/small/dark/components/badge.json +1 -0
  491. package/json/nested/marketing/small/dark/components/container.json +65 -21
  492. package/json/nested/marketing/small/dark/components/form.json +74 -0
  493. package/json/nested/marketing/small/dark/components/tab.json +3 -1
  494. package/json/nested/marketing/small/dark/mode.json +52 -0
  495. package/json/nested/marketing/small/light/components/badge.json +1 -0
  496. package/json/nested/marketing/small/light/components/container.json +65 -21
  497. package/json/nested/marketing/small/light/components/form.json +74 -0
  498. package/json/nested/marketing/small/light/components/tab.json +3 -1
  499. package/json/nested/marketing/small/light/mode.json +52 -0
  500. package/json/nested/product/large/dark/components/badge.json +1 -0
  501. package/json/nested/product/large/dark/components/container.json +65 -21
  502. package/json/nested/product/large/dark/components/form.json +74 -0
  503. package/json/nested/product/large/dark/components/tab.json +3 -1
  504. package/json/nested/product/large/dark/mode.json +52 -0
  505. package/json/nested/product/large/light/components/badge.json +1 -0
  506. package/json/nested/product/large/light/components/container.json +65 -21
  507. package/json/nested/product/large/light/components/form.json +74 -0
  508. package/json/nested/product/large/light/components/tab.json +3 -1
  509. package/json/nested/product/large/light/mode.json +52 -0
  510. package/json/nested/product/small/dark/components/badge.json +1 -0
  511. package/json/nested/product/small/dark/components/container.json +65 -21
  512. package/json/nested/product/small/dark/components/form.json +74 -0
  513. package/json/nested/product/small/dark/components/tab.json +3 -1
  514. package/json/nested/product/small/dark/mode.json +52 -0
  515. package/json/nested/product/small/light/components/badge.json +1 -0
  516. package/json/nested/product/small/light/components/container.json +65 -21
  517. package/json/nested/product/small/light/components/form.json +74 -0
  518. package/json/nested/product/small/light/components/tab.json +3 -1
  519. package/json/nested/product/small/light/mode.json +52 -0
  520. package/package.json +1 -1
  521. package/sage-design-tokens-8.4.0.tgz +0 -0
  522. package/scss/frozenproduct/large/components/badge.scss +2 -1
  523. package/scss/frozenproduct/large/components/container.scss +36 -14
  524. package/scss/frozenproduct/large/components/form.scss +52 -0
  525. package/scss/frozenproduct/large/components/tab.scss +4 -2
  526. package/scss/frozenproduct/large/dark.scss +30 -0
  527. package/scss/frozenproduct/large/light.scss +30 -0
  528. package/scss/frozenproduct/small/components/badge.scss +2 -1
  529. package/scss/frozenproduct/small/components/button.scss +23 -23
  530. package/scss/frozenproduct/small/components/container.scss +42 -20
  531. package/scss/frozenproduct/small/components/form.scss +59 -7
  532. package/scss/frozenproduct/small/components/link.scss +2 -2
  533. package/scss/frozenproduct/small/components/nav.scss +3 -3
  534. package/scss/frozenproduct/small/components/page.scss +1 -1
  535. package/scss/frozenproduct/small/components/popover.scss +2 -2
  536. package/scss/frozenproduct/small/components/progress.scss +6 -6
  537. package/scss/frozenproduct/small/components/status.scss +3 -3
  538. package/scss/frozenproduct/small/components/tab.scss +11 -9
  539. package/scss/frozenproduct/small/components/table.scss +10 -10
  540. package/scss/frozenproduct/small/dark.scss +30 -0
  541. package/scss/frozenproduct/small/light.scss +30 -0
  542. package/scss/marketing/large/components/badge.scss +2 -1
  543. package/scss/marketing/large/components/container.scss +36 -14
  544. package/scss/marketing/large/components/form.scss +52 -0
  545. package/scss/marketing/large/components/tab.scss +4 -2
  546. package/scss/marketing/large/dark.scss +30 -0
  547. package/scss/marketing/large/light.scss +30 -0
  548. package/scss/marketing/small/components/badge.scss +2 -1
  549. package/scss/marketing/small/components/container.scss +36 -14
  550. package/scss/marketing/small/components/form.scss +52 -0
  551. package/scss/marketing/small/components/tab.scss +4 -2
  552. package/scss/marketing/small/dark.scss +30 -0
  553. package/scss/marketing/small/light.scss +30 -0
  554. package/scss/product/large/components/badge.scss +2 -1
  555. package/scss/product/large/components/container.scss +36 -14
  556. package/scss/product/large/components/form.scss +52 -0
  557. package/scss/product/large/components/tab.scss +4 -2
  558. package/scss/product/large/dark.scss +30 -0
  559. package/scss/product/large/light.scss +30 -0
  560. package/scss/product/small/components/badge.scss +2 -1
  561. package/scss/product/small/components/container.scss +36 -14
  562. package/scss/product/small/components/form.scss +52 -0
  563. package/scss/product/small/components/tab.scss +4 -2
  564. package/scss/product/small/dark.scss +30 -0
  565. package/scss/product/small/light.scss +30 -0
  566. package/sage-design-tokens-8.2.0.tgz +0 -0
@@ -17,6 +17,7 @@
17
17
  "tabColorBgActive": "#000000",
18
18
  "tabColorBgEnabled": "#fff0",
19
19
  "tabColorBgHover": "#ffffff14",
20
+ "tabColorBorderActivealt": "#282828",
20
21
  "tabColorBorderActive": "#FFFFFF",
21
22
  "tabColorBorderEnabled": "#282828",
22
23
  "tabColorBorderHover": "#777",
@@ -42,6 +43,7 @@
42
43
  "tabRadiusNone": "0",
43
44
  "tabBorderwidthNavigationBottom": 2,
44
45
  "tabBorderwidthNavigationSide": 2,
46
+ "tabBorderwidthNavigationTop": 2,
45
47
  "tabTypographyAdaptiveLabelS": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"15px","paragraphSpacing":"0"},
46
48
  "tabTypographyAdaptiveLabelM": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"16px","paragraphSpacing":"0"},
47
49
  "tabTypographyAdaptiveLabelL": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"17px","paragraphSpacing":"0"},
@@ -8,6 +8,36 @@
8
8
  "modesColorBrandCopilotNoBgMonochrome": "#FFFFFF",
9
9
  "modesColorCustomDefault": "#00D639",
10
10
  "modesColorCustomFrozen": "#00D639",
11
+ "modesColorColorcodeBlueDeep": "#007FD9",
12
+ "modesColorColorcodeBlueMuted": "#00293F",
13
+ "modesColorColorcodeBlueRich": "#0071c3",
14
+ "modesColorColorcodeTealDeep": "#008A89",
15
+ "modesColorColorcodeTealMuted": "#002B2A",
16
+ "modesColorColorcodeTealRich": "#007C7B",
17
+ "modesColorColorcodeGreenDeep": "#009023",
18
+ "modesColorColorcodeGreenMuted": "#002D05",
19
+ "modesColorColorcodeGreenRich": "#00811F",
20
+ "modesColorColorcodeLimeDeep": "#6E8500",
21
+ "modesColorColorcodeLimeMuted": "#171e00",
22
+ "modesColorColorcodeLimeRich": "#637700",
23
+ "modesColorColorcodeOrangeDeep": "#DB4B00",
24
+ "modesColorColorcodeOrangeMuted": "#380D00",
25
+ "modesColorColorcodeOrangeRich": "#C54300",
26
+ "modesColorColorcodeRedDeep": "#F50058",
27
+ "modesColorColorcodeRedMuted": "#400011",
28
+ "modesColorColorcodeRedRich": "#DC004E",
29
+ "modesColorColorcodePinkDeep": "#DD2BAB",
30
+ "modesColorColorcodePinkMuted": "#3C002C",
31
+ "modesColorColorcodePinkRich": "#C8269A",
32
+ "modesColorColorcodePurpleDeep": "#985FDC",
33
+ "modesColorColorcodePurpleMuted": "#270E41",
34
+ "modesColorColorcodePurpleRich": "#8F4CD7",
35
+ "modesColorColorcodeSlateDeep": "#5C8196",
36
+ "modesColorColorcodeSlateMuted": "#121D23",
37
+ "modesColorColorcodeSlateRich": "#527386",
38
+ "modesColorColorcodeGrayDeep": "#7C7C7C",
39
+ "modesColorColorcodeGrayMuted": "#1b1b1b",
40
+ "modesColorColorcodeGrayRich": "#6F6F6F",
11
41
  "modesColorGenericBgNought": "#000000",
12
42
  "modesColorGenericBgFaint": "#0e0e0e",
13
43
  "modesColorGenericBgDelicate": "#181818",
@@ -1,6 +1,7 @@
1
1
  {
2
2
  "badgeColorNotificationBorderDefault": "#FFFFFF",
3
3
  "badgeColorNotificationBgDefault": "#CD384B",
4
+ "badgeColorNotificationBgAlt": "#0060A7",
4
5
  "badgeColorNotificationLabelDefault": "#FFFFFF",
5
6
  "badgeSizeMicroDot": 8,
6
7
  "badgeSizeMicroNumberedMin": 16,
@@ -1,21 +1,31 @@
1
1
  {
2
- "containerColorStandardBgAlt": "#f3f3f3",
3
- "containerColorStandardBgDefault": "#FFFFFF",
4
- "containerColorStandardBgFooterDefault": "#f3f3f3",
5
- "containerColorStandardBorderActive": "#000000",
6
- "containerColorStandardBorderAlt": "#a6a6a6",
7
- "containerColorStandardBorderDefault": "#e8e8e8",
8
- "containerColorStandardDimmer": "#000000",
9
- "containerColorStandardIcon": "#777",
10
- "containerColorStandardTextAlt": "#0000008c",
11
- "containerColorStandardTextDefault": "#000000f2",
12
2
  "containerColorAiBorderhorizontal": "linear-gradient(90deg, #13A038 0%, #149197 40%, #A87CFB 90%)",
13
3
  "containerColorAiBordervertical": "linear-gradient(180deg, #13A038 0%, #149197 40%, #A87CFB 90%)",
14
4
  "containerColorAiNudgeBorderAiHorizontal": "linear-gradient(90deg, #13A038 0%, #149197 40%, #A87CFB 90%)",
15
5
  "containerColorAiNudgeBorderAiVertical": "linear-gradient(180deg, #13A038 0%, #149197 40%, #A87CFB 90%)",
16
- "containerColorScrollbarBgDefault": "#f3f3f3",
17
- "containerColorScrollbarFgDefault": "#777",
18
- "containerColorInteractiveDetailediconBg": "#00811F",
6
+ "containerColorBlockquoteBorder": "#00811F",
7
+ "containerColorCalendarLabelDefault": "#000000",
8
+ "containerColorCalendarLabelAlt": "#000000",
9
+ "containerColorCalendarBlueBgDefault": "#CDE5FF",
10
+ "containerColorCalendarBluePattern": "#0084E1",
11
+ "containerColorCalendarTealBgDefault": "#C1FBFB",
12
+ "containerColorCalendarTealPattern": "#009B99",
13
+ "containerColorCalendarGreenBgDefault": "#C5FFC9",
14
+ "containerColorCalendarGreenPattern": "#00a128",
15
+ "containerColorCalendarLimeBgDefault": "#FFFF9C",
16
+ "containerColorCalendarLimePattern": "#819B00",
17
+ "containerColorCalendarOrangeBgDefault": "#FEEAB0",
18
+ "containerColorCalendarOrangePattern": "#EA5100",
19
+ "containerColorCalendarRedBgDefault": "#FFDBCF",
20
+ "containerColorCalendarRedPattern": "#FE005B",
21
+ "containerColorCalendarPinkBgDefault": "#FFD7EE",
22
+ "containerColorCalendarPinkPattern": "#e62db2",
23
+ "containerColorCalendarPurpleBgDefault": "#E7DEF8",
24
+ "containerColorCalendarPurplePattern": "#9C66DE",
25
+ "containerColorCalendarSlateBgDefault": "#D4E5F1",
26
+ "containerColorCalendarSlatePattern": "#60869C",
27
+ "containerColorCalendarGrayBgDefault": "#E2E2E2",
28
+ "containerColorCalendarGrayPattern": "#9b9b9b",
19
29
  "containerColorInteractiveBgFooterActivated": "#00811F",
20
30
  "containerColorInteractiveBgFooterActive": "#000000",
21
31
  "containerColorInteractiveBorderActivated": "#00811F",
@@ -39,7 +49,19 @@
39
49
  "containerColorInteractiveTextEnabled": "#000000f2",
40
50
  "containerColorInteractiveTextAltEnabled": "#0000008c",
41
51
  "containerColorInteractiveTextHover": "#000000e6",
42
- "containerColorBlockquoteBorder": "#00811F",
52
+ "containerColorInteractiveDetailediconBg": "#00811F",
53
+ "containerColorScrollbarBgDefault": "#f3f3f3",
54
+ "containerColorScrollbarFgDefault": "#777",
55
+ "containerColorStandardBgAlt": "#f3f3f3",
56
+ "containerColorStandardBgDefault": "#FFFFFF",
57
+ "containerColorStandardBgFooterDefault": "#f3f3f3",
58
+ "containerColorStandardBorderActive": "#000000",
59
+ "containerColorStandardBorderAlt": "#a6a6a6",
60
+ "containerColorStandardBorderDefault": "#e8e8e8",
61
+ "containerColorStandardDimmer": "#000000",
62
+ "containerColorStandardIcon": "#777",
63
+ "containerColorStandardTextAlt": "#0000008c",
64
+ "containerColorStandardTextDefault": "#000000f2",
43
65
  "containerSizeNone": 0,
44
66
  "containerSizeAccordionstandardChevron": 20,
45
67
  "containerSizeQuotebarWidth": 8,
@@ -192,6 +192,58 @@
192
192
  "formColorCalendarTextEnabled": "#000000f2",
193
193
  "formColorCalendarTextHover": "#000000",
194
194
  "formColorCalendarTextAltEnabled": "#0000008c",
195
+ "formColorColorpickerLabelDefault": "#000000",
196
+ "formColorColorpickerLabelAlt": "#000000",
197
+ "formColorColorpickerBlueBorder": "#0084E1",
198
+ "formColorColorpickerBlueBgAlt": "#0084E1",
199
+ "formColorColorpickerBlueBgDefault": "#CDE5FF",
200
+ "formColorColorpickerBluePattern": "#0084E1",
201
+ "formColorColorpickerBlueLabelDefault": "#0071c3",
202
+ "formColorColorpickerTealBorder": "#009B99",
203
+ "formColorColorpickerTealBgAlt": "#009B99",
204
+ "formColorColorpickerTealBgDefault": "#C1FBFB",
205
+ "formColorColorpickerTealPattern": "#009B99",
206
+ "formColorColorpickerTealLabelDefault": "#007C7B",
207
+ "formColorColorpickerGreenBorder": "#00a128",
208
+ "formColorColorpickerGreenBgAlt": "#00a128",
209
+ "formColorColorpickerGreenBgDefault": "#C5FFC9",
210
+ "formColorColorpickerGreenPattern": "#00a128",
211
+ "formColorColorpickerGreenLabelDefault": "#00811F",
212
+ "formColorColorpickerLimeBorder": "#819B00",
213
+ "formColorColorpickerLimeBgAlt": "#819B00",
214
+ "formColorColorpickerLimeBgDefault": "#FFFF9C",
215
+ "formColorColorpickerLimePattern": "#819B00",
216
+ "formColorColorpickerLimeLabelDefault": "#637700",
217
+ "formColorColorpickerOrangeBorder": "#EA5100",
218
+ "formColorColorpickerOrangeBgAlt": "#EA5100",
219
+ "formColorColorpickerOrangeBgDefault": "#FEEAB0",
220
+ "formColorColorpickerOrangePattern": "#EA5100",
221
+ "formColorColorpickerOrangeLabelDefault": "#C54300",
222
+ "formColorColorpickerRedBorder": "#FE005B",
223
+ "formColorColorpickerRedBgAlt": "#FE005B",
224
+ "formColorColorpickerRedBgDefault": "#FFDBCF",
225
+ "formColorColorpickerRedPattern": "#FE005B",
226
+ "formColorColorpickerRedLabelDefault": "#DC004E",
227
+ "formColorColorpickerPinkBorder": "#e62db2",
228
+ "formColorColorpickerPinkBgAlt": "#e62db2",
229
+ "formColorColorpickerPinkBgDefault": "#FFD7EE",
230
+ "formColorColorpickerPinkPattern": "#e62db2",
231
+ "formColorColorpickerPinkLabelDefault": "#C8269A",
232
+ "formColorColorpickerPurpleBorder": "#9C66DE",
233
+ "formColorColorpickerPurpleBgAlt": "#9C66DE",
234
+ "formColorColorpickerPurpleBgDefault": "#E7DEF8",
235
+ "formColorColorpickerPurplePattern": "#9C66DE",
236
+ "formColorColorpickerPurpleLabelDefault": "#8F4CD7",
237
+ "formColorColorpickerSlateBorder": "#60869C",
238
+ "formColorColorpickerSlateBgAlt": "#60869C",
239
+ "formColorColorpickerSlateBgDefault": "#D4E5F1",
240
+ "formColorColorpickerSlatePattern": "#60869C",
241
+ "formColorColorpickerSlateLabelDefault": "#527386",
242
+ "formColorColorpickerGrayBorder": "#9b9b9b",
243
+ "formColorColorpickerGrayBgAlt": "#9b9b9b",
244
+ "formColorColorpickerGrayBgDefault": "#E2E2E2",
245
+ "formColorColorpickerGrayPattern": "#9b9b9b",
246
+ "formColorColorpickerGrayLabelDefault": "#6F6F6F",
195
247
  "formColorDropdownBgHover": "#00000014",
196
248
  "formColorDropdownLabelActive": "#FFFFFF",
197
249
  "formColorDropdownLabelAlt": "#000000e6",
@@ -17,6 +17,7 @@
17
17
  "tabColorBgActive": "#FFFFFF",
18
18
  "tabColorBgEnabled": "#fff0",
19
19
  "tabColorBgHover": "#00000014",
20
+ "tabColorBorderActivealt": "#d1d1d1",
20
21
  "tabColorBorderActive": "#000000",
21
22
  "tabColorBorderEnabled": "#d1d1d1",
22
23
  "tabColorBorderHover": "#777",
@@ -42,6 +43,7 @@
42
43
  "tabRadiusNone": "0",
43
44
  "tabBorderwidthNavigationBottom": 2,
44
45
  "tabBorderwidthNavigationSide": 2,
46
+ "tabBorderwidthNavigationTop": 2,
45
47
  "tabTypographyAdaptiveLabelS": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"15px","paragraphSpacing":"0"},
46
48
  "tabTypographyAdaptiveLabelM": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"16px","paragraphSpacing":"0"},
47
49
  "tabTypographyAdaptiveLabelL": {"fontFamily":"Sage UI","fontWeight":"500","lineHeight":1.5,"fontSize":"17px","paragraphSpacing":"0"},
@@ -8,6 +8,36 @@
8
8
  "modesColorBrandCopilotNoBgMonochrome": "#000000",
9
9
  "modesColorCustomDefault": "#00811F",
10
10
  "modesColorCustomFrozen": "#008046",
11
+ "modesColorColorcodeBlueDeep": "#0071c3",
12
+ "modesColorColorcodeBlueMuted": "#CDE5FF",
13
+ "modesColorColorcodeBlueRich": "#0084E1",
14
+ "modesColorColorcodeTealDeep": "#007C7B",
15
+ "modesColorColorcodeTealMuted": "#C1FBFB",
16
+ "modesColorColorcodeTealRich": "#009B99",
17
+ "modesColorColorcodeGreenDeep": "#00811F",
18
+ "modesColorColorcodeGreenMuted": "#C5FFC9",
19
+ "modesColorColorcodeGreenRich": "#00a128",
20
+ "modesColorColorcodeLimeDeep": "#637700",
21
+ "modesColorColorcodeLimeMuted": "#FFFF9C",
22
+ "modesColorColorcodeLimeRich": "#819B00",
23
+ "modesColorColorcodeOrangeDeep": "#C54300",
24
+ "modesColorColorcodeOrangeMuted": "#FEEAB0",
25
+ "modesColorColorcodeOrangeRich": "#EA5100",
26
+ "modesColorColorcodeRedDeep": "#DC004E",
27
+ "modesColorColorcodeRedMuted": "#FFDBCF",
28
+ "modesColorColorcodeRedRich": "#FE005B",
29
+ "modesColorColorcodePinkDeep": "#C8269A",
30
+ "modesColorColorcodePinkMuted": "#FFD7EE",
31
+ "modesColorColorcodePinkRich": "#e62db2",
32
+ "modesColorColorcodePurpleDeep": "#8F4CD7",
33
+ "modesColorColorcodePurpleMuted": "#E7DEF8",
34
+ "modesColorColorcodePurpleRich": "#9C66DE",
35
+ "modesColorColorcodeSlateDeep": "#527386",
36
+ "modesColorColorcodeSlateMuted": "#D4E5F1",
37
+ "modesColorColorcodeSlateRich": "#60869C",
38
+ "modesColorColorcodeGrayDeep": "#6F6F6F",
39
+ "modesColorColorcodeGrayMuted": "#E2E2E2",
40
+ "modesColorColorcodeGrayRich": "#9b9b9b",
11
41
  "modesColorGenericBgNought": "#FFFFFF",
12
42
  "modesColorGenericBgFaint": "#f3f3f3",
13
43
  "modesColorGenericBgDelicate": "#e8e8e8",
@@ -4,6 +4,7 @@
4
4
  "notification": {
5
5
  "border-default": "#000000",
6
6
  "bg-default": "#E13E53",
7
+ "bg-alt": "#007ED9",
7
8
  "label-default": "#000000"
8
9
  }
9
10
  },
@@ -1,18 +1,6 @@
1
1
  {
2
2
  "container": {
3
3
  "color": {
4
- "standard": {
5
- "bg-alt": "#0e0e0e",
6
- "bg-default": "#000000",
7
- "bgFooter-default": "#0e0e0e",
8
- "border-active": "#FFFFFF",
9
- "border-alt": "#4b4b4b",
10
- "border-default": "#181818",
11
- "dimmer": "#FFFFFF",
12
- "icon": "#777",
13
- "text-alt": "#ffffff8c",
14
- "text-default": "#fffffff2"
15
- },
16
4
  "AI": {
17
5
  "borderhorizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
18
6
  "bordervertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
@@ -21,14 +9,54 @@
21
9
  "borderAi-vertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)"
22
10
  }
23
11
  },
24
- "scrollbar": {
25
- "bg-default": "#0e0e0e",
26
- "fg-default": "#777"
12
+ "blockquote": {
13
+ "border": "#00D639"
27
14
  },
28
- "interactive": {
29
- "detailedicon": {
30
- "bg": "#00D639"
15
+ "calendar": {
16
+ "label-default": "#FFFFFF",
17
+ "label-alt": "#FFFFFF",
18
+ "blue": {
19
+ "bg-default": "#00293F",
20
+ "pattern": "#0071c3"
21
+ },
22
+ "teal": {
23
+ "bg-default": "#002B2A",
24
+ "pattern": "#007C7B"
25
+ },
26
+ "green": {
27
+ "bg-default": "#002D05",
28
+ "pattern": "#00811F"
29
+ },
30
+ "lime": {
31
+ "bg-default": "#171e00",
32
+ "pattern": "#637700"
33
+ },
34
+ "orange": {
35
+ "bg-default": "#380D00",
36
+ "pattern": "#C54300"
37
+ },
38
+ "red": {
39
+ "bg-default": "#400011",
40
+ "pattern": "#DC004E"
41
+ },
42
+ "pink": {
43
+ "bg-default": "#3C002C",
44
+ "pattern": "#C8269A"
31
45
  },
46
+ "purple": {
47
+ "bg-default": "#270E41",
48
+ "pattern": "#8F4CD7"
49
+ },
50
+ "slate": {
51
+ "bg-default": "#121D23",
52
+ "pattern": "#527386"
53
+ },
54
+ "gray": {
55
+ "bg-default": "#1b1b1b",
56
+ "pattern": "#6F6F6F"
57
+ }
58
+ },
59
+ "interactive": {
32
60
  "bgFooter-activated": "#009023",
33
61
  "bgFooter-active": "#FFFFFF",
34
62
  "border-activated": "#009023",
@@ -51,10 +79,26 @@
51
79
  "text-disabled": "#ffffff4d",
52
80
  "text-enabled": "#fffffff2",
53
81
  "textAlt-enabled": "#ffffff8c",
54
- "text-hover": "#ffffffe6"
82
+ "text-hover": "#ffffffe6",
83
+ "detailedicon": {
84
+ "bg": "#00D639"
85
+ }
55
86
  },
56
- "blockquote": {
57
- "border": "#00D639"
87
+ "scrollbar": {
88
+ "bg-default": "#0e0e0e",
89
+ "fg-default": "#777"
90
+ },
91
+ "standard": {
92
+ "bg-alt": "#0e0e0e",
93
+ "bg-default": "#000000",
94
+ "bgFooter-default": "#0e0e0e",
95
+ "border-active": "#FFFFFF",
96
+ "border-alt": "#4b4b4b",
97
+ "border-default": "#181818",
98
+ "dimmer": "#FFFFFF",
99
+ "icon": "#777",
100
+ "text-alt": "#ffffff8c",
101
+ "text-default": "#fffffff2"
58
102
  }
59
103
  },
60
104
  "size": {
@@ -414,6 +414,80 @@
414
414
  "text-hover": "#FFFFFF",
415
415
  "textAlt-enabled": "#ffffff8c"
416
416
  },
417
+ "colorpicker": {
418
+ "label-default": "#FFFFFF",
419
+ "label-alt": "#FFFFFF",
420
+ "blue": {
421
+ "border": "#0071c3",
422
+ "bg-alt": "#0071c3",
423
+ "bg-default": "#00293F",
424
+ "pattern": "#0071c3",
425
+ "label-default": "#007FD9"
426
+ },
427
+ "teal": {
428
+ "border": "#007C7B",
429
+ "bg-alt": "#007C7B",
430
+ "bg-default": "#002B2A",
431
+ "pattern": "#007C7B",
432
+ "label-default": "#008A89"
433
+ },
434
+ "green": {
435
+ "border": "#00811F",
436
+ "bg-alt": "#00811F",
437
+ "bg-default": "#002D05",
438
+ "pattern": "#00811F",
439
+ "label-default": "#009023"
440
+ },
441
+ "lime": {
442
+ "border": "#637700",
443
+ "bg-alt": "#637700",
444
+ "bg-default": "#171e00",
445
+ "pattern": "#637700",
446
+ "label-default": "#6E8500"
447
+ },
448
+ "orange": {
449
+ "border": "#C54300",
450
+ "bg-alt": "#C54300",
451
+ "bg-default": "#380D00",
452
+ "pattern": "#C54300",
453
+ "label-default": "#DB4B00"
454
+ },
455
+ "red": {
456
+ "border": "#DC004E",
457
+ "bg-alt": "#DC004E",
458
+ "bg-default": "#400011",
459
+ "pattern": "#DC004E",
460
+ "label-default": "#F50058"
461
+ },
462
+ "pink": {
463
+ "border": "#C8269A",
464
+ "bg-alt": "#C8269A",
465
+ "bg-default": "#3C002C",
466
+ "pattern": "#C8269A",
467
+ "label-default": "#DD2BAB"
468
+ },
469
+ "purple": {
470
+ "border": "#8F4CD7",
471
+ "bg-alt": "#8F4CD7",
472
+ "bg-default": "#270E41",
473
+ "pattern": "#8F4CD7",
474
+ "label-default": "#985FDC"
475
+ },
476
+ "slate": {
477
+ "border": "#527386",
478
+ "bg-alt": "#527386",
479
+ "bg-default": "#121D23",
480
+ "pattern": "#527386",
481
+ "label-default": "#5C8196"
482
+ },
483
+ "gray": {
484
+ "border": "#6F6F6F",
485
+ "bg-alt": "#6F6F6F",
486
+ "bg-default": "#1b1b1b",
487
+ "pattern": "#6F6F6F",
488
+ "label-default": "#7C7C7C"
489
+ }
490
+ },
417
491
  "dropdown": {
418
492
  "bg-hover": "#ffffff14",
419
493
  "label-active": "#000000",
@@ -37,6 +37,7 @@
37
37
  "bg-active": "#000000",
38
38
  "bg-enabled": "#fff0",
39
39
  "bg-hover": "#ffffff14",
40
+ "border-activealt": "#282828",
40
41
  "border-active": "#FFFFFF",
41
42
  "border-enabled": "#282828",
42
43
  "border-hover": "#777",
@@ -74,7 +75,8 @@
74
75
  "borderwidth": {
75
76
  "navigation": {
76
77
  "bottom": 2,
77
- "side": 2
78
+ "side": 2,
79
+ "top": 2
78
80
  }
79
81
  },
80
82
  "typography": {
@@ -20,6 +20,58 @@
20
20
  "default": "#00D639",
21
21
  "frozen": "#00D639"
22
22
  },
23
+ "colorcode": {
24
+ "blue": {
25
+ "deep": "#007FD9",
26
+ "muted": "#00293F",
27
+ "rich": "#0071c3"
28
+ },
29
+ "teal": {
30
+ "deep": "#008A89",
31
+ "muted": "#002B2A",
32
+ "rich": "#007C7B"
33
+ },
34
+ "green": {
35
+ "deep": "#009023",
36
+ "muted": "#002D05",
37
+ "rich": "#00811F"
38
+ },
39
+ "lime": {
40
+ "deep": "#6E8500",
41
+ "muted": "#171e00",
42
+ "rich": "#637700"
43
+ },
44
+ "orange": {
45
+ "deep": "#DB4B00",
46
+ "muted": "#380D00",
47
+ "rich": "#C54300"
48
+ },
49
+ "red": {
50
+ "deep": "#F50058",
51
+ "muted": "#400011",
52
+ "rich": "#DC004E"
53
+ },
54
+ "pink": {
55
+ "deep": "#DD2BAB",
56
+ "muted": "#3C002C",
57
+ "rich": "#C8269A"
58
+ },
59
+ "purple": {
60
+ "deep": "#985FDC",
61
+ "muted": "#270E41",
62
+ "rich": "#8F4CD7"
63
+ },
64
+ "slate": {
65
+ "deep": "#5C8196",
66
+ "muted": "#121D23",
67
+ "rich": "#527386"
68
+ },
69
+ "gray": {
70
+ "deep": "#7C7C7C",
71
+ "muted": "#1b1b1b",
72
+ "rich": "#6F6F6F"
73
+ }
74
+ },
23
75
  "generic": {
24
76
  "bg": {
25
77
  "nought": "#000000",
@@ -4,6 +4,7 @@
4
4
  "notification": {
5
5
  "border-default": "#FFFFFF",
6
6
  "bg-default": "#CD384B",
7
+ "bg-alt": "#0060A7",
7
8
  "label-default": "#FFFFFF"
8
9
  }
9
10
  },
@@ -1,18 +1,6 @@
1
1
  {
2
2
  "container": {
3
3
  "color": {
4
- "standard": {
5
- "bg-alt": "#f3f3f3",
6
- "bg-default": "#FFFFFF",
7
- "bgFooter-default": "#f3f3f3",
8
- "border-active": "#000000",
9
- "border-alt": "#a6a6a6",
10
- "border-default": "#e8e8e8",
11
- "dimmer": "#000000",
12
- "icon": "#777",
13
- "text-alt": "#0000008c",
14
- "text-default": "#000000f2"
15
- },
16
4
  "AI": {
17
5
  "borderhorizontal": "linear-gradient(90deg, #13A038 0%, #149197 40%, #A87CFB 90%)",
18
6
  "bordervertical": "linear-gradient(180deg, #13A038 0%, #149197 40%, #A87CFB 90%)",
@@ -21,14 +9,54 @@
21
9
  "borderAi-vertical": "linear-gradient(180deg, #13A038 0%, #149197 40%, #A87CFB 90%)"
22
10
  }
23
11
  },
24
- "scrollbar": {
25
- "bg-default": "#f3f3f3",
26
- "fg-default": "#777"
12
+ "blockquote": {
13
+ "border": "#00811F"
27
14
  },
28
- "interactive": {
29
- "detailedicon": {
30
- "bg": "#00811F"
15
+ "calendar": {
16
+ "label-default": "#000000",
17
+ "label-alt": "#000000",
18
+ "blue": {
19
+ "bg-default": "#CDE5FF",
20
+ "pattern": "#0084E1"
21
+ },
22
+ "teal": {
23
+ "bg-default": "#C1FBFB",
24
+ "pattern": "#009B99"
25
+ },
26
+ "green": {
27
+ "bg-default": "#C5FFC9",
28
+ "pattern": "#00a128"
29
+ },
30
+ "lime": {
31
+ "bg-default": "#FFFF9C",
32
+ "pattern": "#819B00"
33
+ },
34
+ "orange": {
35
+ "bg-default": "#FEEAB0",
36
+ "pattern": "#EA5100"
37
+ },
38
+ "red": {
39
+ "bg-default": "#FFDBCF",
40
+ "pattern": "#FE005B"
41
+ },
42
+ "pink": {
43
+ "bg-default": "#FFD7EE",
44
+ "pattern": "#e62db2"
31
45
  },
46
+ "purple": {
47
+ "bg-default": "#E7DEF8",
48
+ "pattern": "#9C66DE"
49
+ },
50
+ "slate": {
51
+ "bg-default": "#D4E5F1",
52
+ "pattern": "#60869C"
53
+ },
54
+ "gray": {
55
+ "bg-default": "#E2E2E2",
56
+ "pattern": "#9b9b9b"
57
+ }
58
+ },
59
+ "interactive": {
32
60
  "bgFooter-activated": "#00811F",
33
61
  "bgFooter-active": "#000000",
34
62
  "border-activated": "#00811F",
@@ -51,10 +79,26 @@
51
79
  "text-disabled": "#0000006b",
52
80
  "text-enabled": "#000000f2",
53
81
  "textAlt-enabled": "#0000008c",
54
- "text-hover": "#000000e6"
82
+ "text-hover": "#000000e6",
83
+ "detailedicon": {
84
+ "bg": "#00811F"
85
+ }
55
86
  },
56
- "blockquote": {
57
- "border": "#00811F"
87
+ "scrollbar": {
88
+ "bg-default": "#f3f3f3",
89
+ "fg-default": "#777"
90
+ },
91
+ "standard": {
92
+ "bg-alt": "#f3f3f3",
93
+ "bg-default": "#FFFFFF",
94
+ "bgFooter-default": "#f3f3f3",
95
+ "border-active": "#000000",
96
+ "border-alt": "#a6a6a6",
97
+ "border-default": "#e8e8e8",
98
+ "dimmer": "#000000",
99
+ "icon": "#777",
100
+ "text-alt": "#0000008c",
101
+ "text-default": "#000000f2"
58
102
  }
59
103
  },
60
104
  "size": {