@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
package/js/common/marketing/small/light/components/form.d.ts CHANGED
@@ -434,6 +434,80 @@ declare const tokens: {
434
434
  "text-hover": DesignToken;
435
435
  "textAlt-enabled": DesignToken;
436
436
  };
437
+ colorpicker: {
438
+ "label-default": DesignToken;
439
+ "label-alt": DesignToken;
440
+ blue: {
441
+ border: DesignToken;
442
+ "bg-alt": DesignToken;
443
+ "bg-default": DesignToken;
444
+ pattern: DesignToken;
445
+ "label-default": DesignToken;
446
+ };
447
+ teal: {
448
+ border: DesignToken;
449
+ "bg-alt": DesignToken;
450
+ "bg-default": DesignToken;
451
+ pattern: DesignToken;
452
+ "label-default": DesignToken;
453
+ };
454
+ green: {
455
+ border: DesignToken;
456
+ "bg-alt": DesignToken;
457
+ "bg-default": DesignToken;
458
+ pattern: DesignToken;
459
+ "label-default": DesignToken;
460
+ };
461
+ lime: {
462
+ border: DesignToken;
463
+ "bg-alt": DesignToken;
464
+ "bg-default": DesignToken;
465
+ pattern: DesignToken;
466
+ "label-default": DesignToken;
467
+ };
468
+ orange: {
469
+ border: DesignToken;
470
+ "bg-alt": DesignToken;
471
+ "bg-default": DesignToken;
472
+ pattern: DesignToken;
473
+ "label-default": DesignToken;
474
+ };
475
+ red: {
476
+ border: DesignToken;
477
+ "bg-alt": DesignToken;
478
+ "bg-default": DesignToken;
479
+ pattern: DesignToken;
480
+ "label-default": DesignToken;
481
+ };
482
+ pink: {
483
+ border: DesignToken;
484
+ "bg-alt": DesignToken;
485
+ "bg-default": DesignToken;
486
+ pattern: DesignToken;
487
+ "label-default": DesignToken;
488
+ };
489
+ purple: {
490
+ border: DesignToken;
491
+ "bg-alt": DesignToken;
492
+ "bg-default": DesignToken;
493
+ pattern: DesignToken;
494
+ "label-default": DesignToken;
495
+ };
496
+ slate: {
497
+ border: DesignToken;
498
+ "bg-alt": DesignToken;
499
+ "bg-default": DesignToken;
500
+ pattern: DesignToken;
501
+ "label-default": DesignToken;
502
+ };
503
+ gray: {
504
+ border: DesignToken;
505
+ "bg-alt": DesignToken;
506
+ "bg-default": DesignToken;
507
+ pattern: DesignToken;
508
+ "label-default": DesignToken;
509
+ };
510
+ };
437
511
  dropdown: {
438
512
  "bg-hover": DesignToken;
439
513
  "label-active": DesignToken;