@sage/design-tokens 14.2.0 → 14.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 (309) hide show
  1. package/css/frozenproduct/all.css +5 -0
  2. package/css/frozenproduct/large/components/form.css +3 -0
  3. package/css/frozenproduct/large/components/table.css +1 -0
  4. package/css/frozenproduct/large/global.css +1 -0
  5. package/css/frozenproduct/small/components/form.css +3 -0
  6. package/css/frozenproduct/small/components/table.css +1 -0
  7. package/css/frozenproduct/small/global.css +1 -0
  8. package/css/marketing/all.css +5 -0
  9. package/css/marketing/large/components/form.css +3 -0
  10. package/css/marketing/large/components/table.css +1 -0
  11. package/css/marketing/large/global.css +1 -0
  12. package/css/marketing/small/components/form.css +3 -0
  13. package/css/marketing/small/components/table.css +1 -0
  14. package/css/marketing/small/global.css +1 -0
  15. package/css/product/all.css +5 -0
  16. package/css/product/large/components/form.css +3 -0
  17. package/css/product/large/components/table.css +1 -0
  18. package/css/product/large/global.css +1 -0
  19. package/css/product/small/components/form.css +3 -0
  20. package/css/product/small/components/table.css +1 -0
  21. package/css/product/small/global.css +1 -0
  22. package/ios/frozenproduct/large/dark/components/form.h +3 -0
  23. package/ios/frozenproduct/large/dark/components/table.h +1 -0
  24. package/ios/frozenproduct/large/global.h +1 -0
  25. package/ios/frozenproduct/large/light/components/form.h +3 -0
  26. package/ios/frozenproduct/large/light/components/table.h +1 -0
  27. package/ios/frozenproduct/small/dark/components/form.h +3 -0
  28. package/ios/frozenproduct/small/dark/components/table.h +1 -0
  29. package/ios/frozenproduct/small/global.h +1 -0
  30. package/ios/frozenproduct/small/light/components/form.h +3 -0
  31. package/ios/frozenproduct/small/light/components/table.h +1 -0
  32. package/ios/marketing/large/dark/components/form.h +3 -0
  33. package/ios/marketing/large/dark/components/table.h +1 -0
  34. package/ios/marketing/large/global.h +1 -0
  35. package/ios/marketing/large/light/components/form.h +3 -0
  36. package/ios/marketing/large/light/components/table.h +1 -0
  37. package/ios/marketing/small/dark/components/form.h +3 -0
  38. package/ios/marketing/small/dark/components/table.h +1 -0
  39. package/ios/marketing/small/global.h +1 -0
  40. package/ios/marketing/small/light/components/form.h +3 -0
  41. package/ios/marketing/small/light/components/table.h +1 -0
  42. package/ios/product/large/dark/components/form.h +3 -0
  43. package/ios/product/large/dark/components/table.h +1 -0
  44. package/ios/product/large/global.h +1 -0
  45. package/ios/product/large/light/components/form.h +3 -0
  46. package/ios/product/large/light/components/table.h +1 -0
  47. package/ios/product/small/dark/components/form.h +3 -0
  48. package/ios/product/small/dark/components/table.h +1 -0
  49. package/ios/product/small/global.h +1 -0
  50. package/ios/product/small/light/components/form.h +3 -0
  51. package/ios/product/small/light/components/table.h +1 -0
  52. package/js/common/frozenproduct/large/dark/components/form.d.ts +7 -0
  53. package/js/common/frozenproduct/large/dark/components/form.js +49 -0
  54. package/js/common/frozenproduct/large/dark/components/table.d.ts +1 -0
  55. package/js/common/frozenproduct/large/dark/components/table.js +22 -0
  56. package/js/common/frozenproduct/large/global.d.ts +3 -0
  57. package/js/common/frozenproduct/large/global.js +47 -10
  58. package/js/common/frozenproduct/large/light/components/form.d.ts +7 -0
  59. package/js/common/frozenproduct/large/light/components/form.js +49 -0
  60. package/js/common/frozenproduct/large/light/components/table.d.ts +1 -0
  61. package/js/common/frozenproduct/large/light/components/table.js +22 -0
  62. package/js/common/frozenproduct/small/dark/components/form.d.ts +7 -0
  63. package/js/common/frozenproduct/small/dark/components/form.js +49 -0
  64. package/js/common/frozenproduct/small/dark/components/table.d.ts +1 -0
  65. package/js/common/frozenproduct/small/dark/components/table.js +22 -0
  66. package/js/common/frozenproduct/small/global.d.ts +3 -0
  67. package/js/common/frozenproduct/small/global.js +47 -10
  68. package/js/common/frozenproduct/small/light/components/form.d.ts +7 -0
  69. package/js/common/frozenproduct/small/light/components/form.js +49 -0
  70. package/js/common/frozenproduct/small/light/components/table.d.ts +1 -0
  71. package/js/common/frozenproduct/small/light/components/table.js +22 -0
  72. package/js/common/marketing/large/dark/components/form.d.ts +7 -0
  73. package/js/common/marketing/large/dark/components/form.js +49 -0
  74. package/js/common/marketing/large/dark/components/table.d.ts +1 -0
  75. package/js/common/marketing/large/dark/components/table.js +22 -0
  76. package/js/common/marketing/large/global.d.ts +3 -0
  77. package/js/common/marketing/large/global.js +47 -10
  78. package/js/common/marketing/large/light/components/form.d.ts +7 -0
  79. package/js/common/marketing/large/light/components/form.js +49 -0
  80. package/js/common/marketing/large/light/components/table.d.ts +1 -0
  81. package/js/common/marketing/large/light/components/table.js +22 -0
  82. package/js/common/marketing/small/dark/components/form.d.ts +7 -0
  83. package/js/common/marketing/small/dark/components/form.js +49 -0
  84. package/js/common/marketing/small/dark/components/table.d.ts +1 -0
  85. package/js/common/marketing/small/dark/components/table.js +22 -0
  86. package/js/common/marketing/small/global.d.ts +3 -0
  87. package/js/common/marketing/small/global.js +47 -10
  88. package/js/common/marketing/small/light/components/form.d.ts +7 -0
  89. package/js/common/marketing/small/light/components/form.js +49 -0
  90. package/js/common/marketing/small/light/components/table.d.ts +1 -0
  91. package/js/common/marketing/small/light/components/table.js +22 -0
  92. package/js/common/product/large/dark/components/form.d.ts +7 -0
  93. package/js/common/product/large/dark/components/form.js +49 -0
  94. package/js/common/product/large/dark/components/table.d.ts +1 -0
  95. package/js/common/product/large/dark/components/table.js +22 -0
  96. package/js/common/product/large/global.d.ts +3 -0
  97. package/js/common/product/large/global.js +47 -10
  98. package/js/common/product/large/light/components/form.d.ts +7 -0
  99. package/js/common/product/large/light/components/form.js +49 -0
  100. package/js/common/product/large/light/components/table.d.ts +1 -0
  101. package/js/common/product/large/light/components/table.js +22 -0
  102. package/js/common/product/small/dark/components/form.d.ts +7 -0
  103. package/js/common/product/small/dark/components/form.js +49 -0
  104. package/js/common/product/small/dark/components/table.d.ts +1 -0
  105. package/js/common/product/small/dark/components/table.js +22 -0
  106. package/js/common/product/small/global.d.ts +3 -0
  107. package/js/common/product/small/global.js +47 -10
  108. package/js/common/product/small/light/components/form.d.ts +7 -0
  109. package/js/common/product/small/light/components/form.js +49 -0
  110. package/js/common/product/small/light/components/table.d.ts +1 -0
  111. package/js/common/product/small/light/components/table.js +22 -0
  112. package/js/es6/frozenproduct/large/dark/components/form.d.ts +3 -0
  113. package/js/es6/frozenproduct/large/dark/components/form.js +3 -0
  114. package/js/es6/frozenproduct/large/dark/components/table.d.ts +8 -0
  115. package/js/es6/frozenproduct/large/dark/components/table.js +10 -0
  116. package/js/es6/frozenproduct/large/global.d.ts +8 -0
  117. package/js/es6/frozenproduct/large/global.js +10 -0
  118. package/js/es6/frozenproduct/large/light/components/form.d.ts +3 -0
  119. package/js/es6/frozenproduct/large/light/components/form.js +3 -0
  120. package/js/es6/frozenproduct/large/light/components/table.d.ts +8 -0
  121. package/js/es6/frozenproduct/large/light/components/table.js +10 -0
  122. package/js/es6/frozenproduct/small/dark/components/form.d.ts +3 -0
  123. package/js/es6/frozenproduct/small/dark/components/form.js +3 -0
  124. package/js/es6/frozenproduct/small/dark/components/table.d.ts +8 -0
  125. package/js/es6/frozenproduct/small/dark/components/table.js +10 -0
  126. package/js/es6/frozenproduct/small/global.d.ts +8 -0
  127. package/js/es6/frozenproduct/small/global.js +10 -0
  128. package/js/es6/frozenproduct/small/light/components/form.d.ts +3 -0
  129. package/js/es6/frozenproduct/small/light/components/form.js +3 -0
  130. package/js/es6/frozenproduct/small/light/components/table.d.ts +8 -0
  131. package/js/es6/frozenproduct/small/light/components/table.js +10 -0
  132. package/js/es6/marketing/large/dark/components/form.d.ts +3 -0
  133. package/js/es6/marketing/large/dark/components/form.js +3 -0
  134. package/js/es6/marketing/large/dark/components/table.d.ts +8 -0
  135. package/js/es6/marketing/large/dark/components/table.js +10 -0
  136. package/js/es6/marketing/large/global.d.ts +8 -0
  137. package/js/es6/marketing/large/global.js +10 -0
  138. package/js/es6/marketing/large/light/components/form.d.ts +3 -0
  139. package/js/es6/marketing/large/light/components/form.js +3 -0
  140. package/js/es6/marketing/large/light/components/table.d.ts +8 -0
  141. package/js/es6/marketing/large/light/components/table.js +10 -0
  142. package/js/es6/marketing/small/dark/components/form.d.ts +3 -0
  143. package/js/es6/marketing/small/dark/components/form.js +3 -0
  144. package/js/es6/marketing/small/dark/components/table.d.ts +8 -0
  145. package/js/es6/marketing/small/dark/components/table.js +10 -0
  146. package/js/es6/marketing/small/global.d.ts +8 -0
  147. package/js/es6/marketing/small/global.js +10 -0
  148. package/js/es6/marketing/small/light/components/form.d.ts +3 -0
  149. package/js/es6/marketing/small/light/components/form.js +3 -0
  150. package/js/es6/marketing/small/light/components/table.d.ts +8 -0
  151. package/js/es6/marketing/small/light/components/table.js +10 -0
  152. package/js/es6/product/large/dark/components/form.d.ts +3 -0
  153. package/js/es6/product/large/dark/components/form.js +3 -0
  154. package/js/es6/product/large/dark/components/table.d.ts +8 -0
  155. package/js/es6/product/large/dark/components/table.js +10 -0
  156. package/js/es6/product/large/global.d.ts +8 -0
  157. package/js/es6/product/large/global.js +10 -0
  158. package/js/es6/product/large/light/components/form.d.ts +3 -0
  159. package/js/es6/product/large/light/components/form.js +3 -0
  160. package/js/es6/product/large/light/components/table.d.ts +8 -0
  161. package/js/es6/product/large/light/components/table.js +10 -0
  162. package/js/es6/product/small/dark/components/form.d.ts +3 -0
  163. package/js/es6/product/small/dark/components/form.js +3 -0
  164. package/js/es6/product/small/dark/components/table.d.ts +8 -0
  165. package/js/es6/product/small/dark/components/table.js +10 -0
  166. package/js/es6/product/small/global.d.ts +8 -0
  167. package/js/es6/product/small/global.js +10 -0
  168. package/js/es6/product/small/light/components/form.d.ts +3 -0
  169. package/js/es6/product/small/light/components/form.js +3 -0
  170. package/js/es6/product/small/light/components/table.d.ts +8 -0
  171. package/js/es6/product/small/light/components/table.js +10 -0
  172. package/js/umd/frozenproduct/large/dark/components/form.js +49 -0
  173. package/js/umd/frozenproduct/large/dark/components/table.js +22 -0
  174. package/js/umd/frozenproduct/large/global.js +48 -10
  175. package/js/umd/frozenproduct/large/light/components/form.js +49 -0
  176. package/js/umd/frozenproduct/large/light/components/table.js +22 -0
  177. package/js/umd/frozenproduct/small/dark/components/form.js +49 -0
  178. package/js/umd/frozenproduct/small/dark/components/table.js +22 -0
  179. package/js/umd/frozenproduct/small/global.js +48 -10
  180. package/js/umd/frozenproduct/small/light/components/form.js +49 -0
  181. package/js/umd/frozenproduct/small/light/components/table.js +22 -0
  182. package/js/umd/marketing/large/dark/components/form.js +49 -0
  183. package/js/umd/marketing/large/dark/components/table.js +22 -0
  184. package/js/umd/marketing/large/global.js +48 -10
  185. package/js/umd/marketing/large/light/components/form.js +49 -0
  186. package/js/umd/marketing/large/light/components/table.js +22 -0
  187. package/js/umd/marketing/small/dark/components/form.js +49 -0
  188. package/js/umd/marketing/small/dark/components/table.js +22 -0
  189. package/js/umd/marketing/small/global.js +48 -10
  190. package/js/umd/marketing/small/light/components/form.js +49 -0
  191. package/js/umd/marketing/small/light/components/table.js +22 -0
  192. package/js/umd/product/large/dark/components/form.js +49 -0
  193. package/js/umd/product/large/dark/components/table.js +22 -0
  194. package/js/umd/product/large/global.js +48 -10
  195. package/js/umd/product/large/light/components/form.js +49 -0
  196. package/js/umd/product/large/light/components/table.js +22 -0
  197. package/js/umd/product/small/dark/components/form.js +49 -0
  198. package/js/umd/product/small/dark/components/table.js +22 -0
  199. package/js/umd/product/small/global.js +48 -10
  200. package/js/umd/product/small/light/components/form.js +49 -0
  201. package/js/umd/product/small/light/components/table.js +22 -0
  202. package/json/flat/frozenproduct/large/dark/components/form.json +3 -0
  203. package/json/flat/frozenproduct/large/dark/components/table.json +1 -0
  204. package/json/flat/frozenproduct/large/global.json +1 -0
  205. package/json/flat/frozenproduct/large/light/components/form.json +3 -0
  206. package/json/flat/frozenproduct/large/light/components/table.json +1 -0
  207. package/json/flat/frozenproduct/small/dark/components/form.json +3 -0
  208. package/json/flat/frozenproduct/small/dark/components/table.json +1 -0
  209. package/json/flat/frozenproduct/small/global.json +1 -0
  210. package/json/flat/frozenproduct/small/light/components/form.json +3 -0
  211. package/json/flat/frozenproduct/small/light/components/table.json +1 -0
  212. package/json/flat/marketing/large/dark/components/form.json +3 -0
  213. package/json/flat/marketing/large/dark/components/table.json +1 -0
  214. package/json/flat/marketing/large/global.json +1 -0
  215. package/json/flat/marketing/large/light/components/form.json +3 -0
  216. package/json/flat/marketing/large/light/components/table.json +1 -0
  217. package/json/flat/marketing/small/dark/components/form.json +3 -0
  218. package/json/flat/marketing/small/dark/components/table.json +1 -0
  219. package/json/flat/marketing/small/global.json +1 -0
  220. package/json/flat/marketing/small/light/components/form.json +3 -0
  221. package/json/flat/marketing/small/light/components/table.json +1 -0
  222. package/json/flat/product/large/dark/components/form.json +3 -0
  223. package/json/flat/product/large/dark/components/table.json +1 -0
  224. package/json/flat/product/large/global.json +1 -0
  225. package/json/flat/product/large/light/components/form.json +3 -0
  226. package/json/flat/product/large/light/components/table.json +1 -0
  227. package/json/flat/product/small/dark/components/form.json +3 -0
  228. package/json/flat/product/small/dark/components/table.json +1 -0
  229. package/json/flat/product/small/global.json +1 -0
  230. package/json/flat/product/small/light/components/form.json +3 -0
  231. package/json/flat/product/small/light/components/table.json +1 -0
  232. package/json/nested/frozenproduct/large/dark/components/form.json +7 -0
  233. package/json/nested/frozenproduct/large/dark/components/table.json +10 -0
  234. package/json/nested/frozenproduct/large/global.json +12 -0
  235. package/json/nested/frozenproduct/large/light/components/form.json +7 -0
  236. package/json/nested/frozenproduct/large/light/components/table.json +10 -0
  237. package/json/nested/frozenproduct/small/dark/components/form.json +7 -0
  238. package/json/nested/frozenproduct/small/dark/components/table.json +10 -0
  239. package/json/nested/frozenproduct/small/global.json +12 -0
  240. package/json/nested/frozenproduct/small/light/components/form.json +7 -0
  241. package/json/nested/frozenproduct/small/light/components/table.json +10 -0
  242. package/json/nested/marketing/large/dark/components/form.json +7 -0
  243. package/json/nested/marketing/large/dark/components/table.json +10 -0
  244. package/json/nested/marketing/large/global.json +12 -0
  245. package/json/nested/marketing/large/light/components/form.json +7 -0
  246. package/json/nested/marketing/large/light/components/table.json +10 -0
  247. package/json/nested/marketing/small/dark/components/form.json +7 -0
  248. package/json/nested/marketing/small/dark/components/table.json +10 -0
  249. package/json/nested/marketing/small/global.json +12 -0
  250. package/json/nested/marketing/small/light/components/form.json +7 -0
  251. package/json/nested/marketing/small/light/components/table.json +10 -0
  252. package/json/nested/product/large/dark/components/form.json +7 -0
  253. package/json/nested/product/large/dark/components/table.json +10 -0
  254. package/json/nested/product/large/global.json +12 -0
  255. package/json/nested/product/large/light/components/form.json +7 -0
  256. package/json/nested/product/large/light/components/table.json +10 -0
  257. package/json/nested/product/small/dark/components/form.json +7 -0
  258. package/json/nested/product/small/dark/components/table.json +10 -0
  259. package/json/nested/product/small/global.json +12 -0
  260. package/json/nested/product/small/light/components/form.json +7 -0
  261. package/json/nested/product/small/light/components/table.json +10 -0
  262. package/package.json +1 -1
  263. package/sage-design-tokens-14.4.0.tgz +0 -0
  264. package/scss/frozenproduct/large/components/form.scss +3 -0
  265. package/scss/frozenproduct/large/components/table.scss +1 -0
  266. package/scss/frozenproduct/large/global.scss +1 -0
  267. package/scss/frozenproduct/small/components/button.scss +13 -13
  268. package/scss/frozenproduct/small/components/container.scss +10 -10
  269. package/scss/frozenproduct/small/components/form.scss +10 -7
  270. package/scss/frozenproduct/small/components/link.scss +2 -2
  271. package/scss/frozenproduct/small/components/nav.scss +5 -5
  272. package/scss/frozenproduct/small/components/page.scss +1 -1
  273. package/scss/frozenproduct/small/components/popover.scss +2 -2
  274. package/scss/frozenproduct/small/components/progress.scss +6 -6
  275. package/scss/frozenproduct/small/components/status.scss +3 -3
  276. package/scss/frozenproduct/small/components/tab.scss +7 -7
  277. package/scss/frozenproduct/small/components/table.scss +11 -10
  278. package/scss/frozenproduct/small/global.scss +1 -0
  279. package/scss/marketing/large/components/button.scss +13 -13
  280. package/scss/marketing/large/components/container.scss +10 -10
  281. package/scss/marketing/large/components/form.scss +10 -7
  282. package/scss/marketing/large/components/link.scss +2 -2
  283. package/scss/marketing/large/components/nav.scss +5 -5
  284. package/scss/marketing/large/components/page.scss +1 -1
  285. package/scss/marketing/large/components/popover.scss +2 -2
  286. package/scss/marketing/large/components/progress.scss +6 -6
  287. package/scss/marketing/large/components/status.scss +3 -3
  288. package/scss/marketing/large/components/tab.scss +7 -7
  289. package/scss/marketing/large/components/table.scss +11 -10
  290. package/scss/marketing/large/global.scss +1 -0
  291. package/scss/marketing/small/components/form.scss +3 -0
  292. package/scss/marketing/small/components/table.scss +1 -0
  293. package/scss/marketing/small/global.scss +1 -0
  294. package/scss/product/large/components/button.scss +13 -13
  295. package/scss/product/large/components/container.scss +10 -10
  296. package/scss/product/large/components/form.scss +10 -7
  297. package/scss/product/large/components/link.scss +2 -2
  298. package/scss/product/large/components/nav.scss +5 -5
  299. package/scss/product/large/components/page.scss +1 -1
  300. package/scss/product/large/components/popover.scss +2 -2
  301. package/scss/product/large/components/progress.scss +6 -6
  302. package/scss/product/large/components/status.scss +3 -3
  303. package/scss/product/large/components/tab.scss +7 -7
  304. package/scss/product/large/components/table.scss +11 -10
  305. package/scss/product/large/global.scss +1 -0
  306. package/scss/product/small/components/form.scss +3 -0
  307. package/scss/product/small/components/table.scss +1 -0
  308. package/scss/product/small/global.scss +1 -0
  309. package/sage-design-tokens-14.2.0.tgz +0 -0
@@ -41,6 +41,7 @@
41
41
  --global-boxshadow-container-distant: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Dialog, Menu, Sidebar */
42
42
  --global-boxshadow-container-sticky-footer: dropShadow 0 -1 2 0 #0000001A, dropShadow 2 -2 10 0 #00000033; /* Sticky footer on dialogs, drawer and sidebar */
43
43
  --global-boxshadow-container-solid-border: innerShadow 0 -1 0 0 #0000004D; /* Solid border using box shadow tokens when using the border property is not possible. */
44
+ --global-boxshadow-inner-near: innerShadow 0 8 4 -4 #0000001A; /* inner downward shadow, used in first child table cell */
44
45
  --global-boxshadow-interactive-enabled: dropShadow 0 1 2 0 #0000001A, dropShadow 2 2 10 0 #00000033; /* Default card state */
45
46
  --global-boxshadow-interactive-hover: dropShadow 0 2 3 0 #0000001A, dropShadow 6 6 30 0 #00000026; /* Card hover state */
46
47
  --global-boxshadow-interactive-drag: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Card drag state */
@@ -1473,6 +1474,9 @@
1473
1474
  --form-space-checkradio-y-s: calc(var(--global-space-micro-m) / 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
1474
1475
  --form-space-checkradio-y-m: var(--global-space-micro-xs); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
1475
1476
  --form-space-checkradio-y-l: calc(var(--global-space-micro-xs) * 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
1477
+ --form-space-datepicker-pr-s: var(--global-space-micro-xs); /* right padding on small date picker input */
1478
+ --form-space-datepicker-pr-m: var(--global-space-micro-m); /* right padding on medium date picker input */
1479
+ --form-space-datepicker-pr-l: var(--global-space-micro-xl); /* right padding on large date picker input */
1476
1480
  --form-space-dropdown-button-x-s: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
1477
1481
  --form-space-dropdown-button-x-m: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
1478
1482
  --form-space-dropdown-button-x-l: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
@@ -2468,6 +2472,7 @@
2468
2472
  --table-color-row-label-default: light-dark(var(--modes-color-generic-content-harsh-light), var(--modes-color-generic-content-harsh-dark));
2469
2473
  --table-color-footer-bg-default: light-dark(var(--modes-color-generic-bg-soft-light), var(--modes-color-generic-bg-soft-dark));
2470
2474
  --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
2475
+ --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
2471
2476
  --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
2472
2477
  --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
2473
2478
  --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */
@@ -55,6 +55,9 @@
55
55
  --form-space-checkradio-y-s: calc(var(--global-space-micro-m) / 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
56
56
  --form-space-checkradio-y-m: var(--global-space-micro-xs); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
57
57
  --form-space-checkradio-y-l: calc(var(--global-space-micro-xs) * 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
58
+ --form-space-datepicker-pr-s: var(--global-space-micro-xs); /* right padding on small date picker input */
59
+ --form-space-datepicker-pr-m: var(--global-space-micro-m); /* right padding on medium date picker input */
60
+ --form-space-datepicker-pr-l: var(--global-space-micro-xl); /* right padding on large date picker input */
58
61
  --form-space-dropdown-button-x-s: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
59
62
  --form-space-dropdown-button-x-m: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
60
63
  --form-space-dropdown-button-x-l: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
@@ -33,6 +33,7 @@
33
33
  --table-color-row-label-default: var(--modes-color-generic-content-harsh);
34
34
  --table-color-footer-bg-default: var(--modes-color-generic-bg-soft);
35
35
  --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
36
+ --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
36
37
  --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
37
38
  --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
38
39
  --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */
@@ -40,6 +40,7 @@
40
40
  --global-boxshadow-container-distant: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Dialog, Menu, Sidebar */
41
41
  --global-boxshadow-container-sticky-footer: dropShadow 0 -1 2 0 #0000001A, dropShadow 2 -2 10 0 #00000033; /* Sticky footer on dialogs, drawer and sidebar */
42
42
  --global-boxshadow-container-solid-border: innerShadow 0 -1 0 0 #0000004D; /* Solid border using box shadow tokens when using the border property is not possible. */
43
+ --global-boxshadow-inner-near: innerShadow 0 8 4 -4 #0000001A; /* inner downward shadow, used in first child table cell */
43
44
  --global-boxshadow-interactive-enabled: dropShadow 0 1 2 0 #0000001A, dropShadow 2 2 10 0 #00000033; /* Default card state */
44
45
  --global-boxshadow-interactive-hover: dropShadow 0 2 3 0 #0000001A, dropShadow 6 6 30 0 #00000026; /* Card hover state */
45
46
  --global-boxshadow-interactive-drag: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Card drag state */
@@ -55,6 +55,9 @@
55
55
  --form-space-checkradio-y-s: calc(var(--global-space-micro-m) / 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
56
56
  --form-space-checkradio-y-m: var(--global-space-micro-xs); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
57
57
  --form-space-checkradio-y-l: calc(var(--global-space-micro-xs) * 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
58
+ --form-space-datepicker-pr-s: var(--global-space-micro-xs); /* right padding on small date picker input */
59
+ --form-space-datepicker-pr-m: var(--global-space-micro-m); /* right padding on medium date picker input */
60
+ --form-space-datepicker-pr-l: var(--global-space-micro-xl); /* right padding on large date picker input */
58
61
  --form-space-dropdown-button-x-s: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
59
62
  --form-space-dropdown-button-x-m: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
60
63
  --form-space-dropdown-button-x-l: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
@@ -33,6 +33,7 @@
33
33
  --table-color-row-label-default: var(--modes-color-generic-content-harsh);
34
34
  --table-color-footer-bg-default: var(--modes-color-generic-bg-soft);
35
35
  --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
36
+ --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
36
37
  --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
37
38
  --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
38
39
  --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */
@@ -40,6 +40,7 @@
40
40
  --global-boxshadow-container-distant: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Dialog, Menu, Sidebar */
41
41
  --global-boxshadow-container-sticky-footer: dropShadow 0 -1 2 0 #0000001A, dropShadow 2 -2 10 0 #00000033; /* Sticky footer on dialogs, drawer and sidebar */
42
42
  --global-boxshadow-container-solid-border: innerShadow 0 -1 0 0 #0000004D; /* Solid border using box shadow tokens when using the border property is not possible. */
43
+ --global-boxshadow-inner-near: innerShadow 0 8 4 -4 #0000001A; /* inner downward shadow, used in first child table cell */
43
44
  --global-boxshadow-interactive-enabled: dropShadow 0 1 2 0 #0000001A, dropShadow 2 2 10 0 #00000033; /* Default card state */
44
45
  --global-boxshadow-interactive-hover: dropShadow 0 2 3 0 #0000001A, dropShadow 6 6 30 0 #00000026; /* Card hover state */
45
46
  --global-boxshadow-interactive-drag: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Card drag state */
@@ -41,6 +41,7 @@
41
41
  --global-boxshadow-container-distant: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Dialog, Menu, Sidebar */
42
42
  --global-boxshadow-container-sticky-footer: dropShadow 0 -1 2 0 #0000001A, dropShadow 2 -2 10 0 #00000033; /* Sticky footer on dialogs, drawer and sidebar */
43
43
  --global-boxshadow-container-solid-border: innerShadow 0 -1 0 0 #0000004D; /* Solid border using box shadow tokens when using the border property is not possible. */
44
+ --global-boxshadow-inner-near: innerShadow 0 8 4 -4 #0000001A; /* inner downward shadow, used in first child table cell */
44
45
  --global-boxshadow-interactive-enabled: dropShadow 0 1 2 0 #0000001A, dropShadow 2 2 10 0 #00000033; /* Default card state */
45
46
  --global-boxshadow-interactive-hover: dropShadow 0 2 3 0 #0000001A, dropShadow 6 6 30 0 #00000026; /* Card hover state */
46
47
  --global-boxshadow-interactive-drag: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Card drag state */
@@ -1473,6 +1474,9 @@
1473
1474
  --form-space-checkradio-y-s: calc(var(--global-space-micro-m) / 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
1474
1475
  --form-space-checkradio-y-m: var(--global-space-micro-xs); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
1475
1476
  --form-space-checkradio-y-l: calc(var(--global-space-micro-xs) * 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
1477
+ --form-space-datepicker-pr-s: var(--global-space-micro-xs); /* right padding on small date picker input */
1478
+ --form-space-datepicker-pr-m: var(--global-space-micro-m); /* right padding on medium date picker input */
1479
+ --form-space-datepicker-pr-l: var(--global-space-micro-xl); /* right padding on large date picker input */
1476
1480
  --form-space-dropdown-button-x-s: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
1477
1481
  --form-space-dropdown-button-x-m: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
1478
1482
  --form-space-dropdown-button-x-l: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
@@ -2468,6 +2472,7 @@
2468
2472
  --table-color-row-label-default: light-dark(var(--modes-color-generic-content-harsh-light), var(--modes-color-generic-content-harsh-dark));
2469
2473
  --table-color-footer-bg-default: light-dark(var(--modes-color-generic-bg-soft-light), var(--modes-color-generic-bg-soft-dark));
2470
2474
  --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
2475
+ --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
2471
2476
  --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
2472
2477
  --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
2473
2478
  --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */
@@ -55,6 +55,9 @@
55
55
  --form-space-checkradio-y-s: calc(var(--global-space-micro-m) / 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
56
56
  --form-space-checkradio-y-m: var(--global-space-micro-xs); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
57
57
  --form-space-checkradio-y-l: calc(var(--global-space-micro-xs) * 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
58
+ --form-space-datepicker-pr-s: var(--global-space-micro-xs); /* right padding on small date picker input */
59
+ --form-space-datepicker-pr-m: var(--global-space-micro-m); /* right padding on medium date picker input */
60
+ --form-space-datepicker-pr-l: var(--global-space-micro-xl); /* right padding on large date picker input */
58
61
  --form-space-dropdown-button-x-s: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
59
62
  --form-space-dropdown-button-x-m: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
60
63
  --form-space-dropdown-button-x-l: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
@@ -33,6 +33,7 @@
33
33
  --table-color-row-label-default: var(--modes-color-generic-content-harsh);
34
34
  --table-color-footer-bg-default: var(--modes-color-generic-bg-soft);
35
35
  --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
36
+ --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
36
37
  --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
37
38
  --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
38
39
  --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */
@@ -40,6 +40,7 @@
40
40
  --global-boxshadow-container-distant: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Dialog, Menu, Sidebar */
41
41
  --global-boxshadow-container-sticky-footer: dropShadow 0 -1 2 0 #0000001A, dropShadow 2 -2 10 0 #00000033; /* Sticky footer on dialogs, drawer and sidebar */
42
42
  --global-boxshadow-container-solid-border: innerShadow 0 -1 0 0 #0000004D; /* Solid border using box shadow tokens when using the border property is not possible. */
43
+ --global-boxshadow-inner-near: innerShadow 0 8 4 -4 #0000001A; /* inner downward shadow, used in first child table cell */
43
44
  --global-boxshadow-interactive-enabled: dropShadow 0 1 2 0 #0000001A, dropShadow 2 2 10 0 #00000033; /* Default card state */
44
45
  --global-boxshadow-interactive-hover: dropShadow 0 2 3 0 #0000001A, dropShadow 6 6 30 0 #00000026; /* Card hover state */
45
46
  --global-boxshadow-interactive-drag: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Card drag state */
@@ -55,6 +55,9 @@
55
55
  --form-space-checkradio-y-s: calc(var(--global-space-micro-m) / 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
56
56
  --form-space-checkradio-y-m: var(--global-space-micro-xs); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
57
57
  --form-space-checkradio-y-l: calc(var(--global-space-micro-xs) * 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
58
+ --form-space-datepicker-pr-s: var(--global-space-micro-xs); /* right padding on small date picker input */
59
+ --form-space-datepicker-pr-m: var(--global-space-micro-m); /* right padding on medium date picker input */
60
+ --form-space-datepicker-pr-l: var(--global-space-micro-xl); /* right padding on large date picker input */
58
61
  --form-space-dropdown-button-x-s: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
59
62
  --form-space-dropdown-button-x-m: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
60
63
  --form-space-dropdown-button-x-l: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
@@ -33,6 +33,7 @@
33
33
  --table-color-row-label-default: var(--modes-color-generic-content-harsh);
34
34
  --table-color-footer-bg-default: var(--modes-color-generic-bg-soft);
35
35
  --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
36
+ --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
36
37
  --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
37
38
  --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
38
39
  --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */
@@ -40,6 +40,7 @@
40
40
  --global-boxshadow-container-distant: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Dialog, Menu, Sidebar */
41
41
  --global-boxshadow-container-sticky-footer: dropShadow 0 -1 2 0 #0000001A, dropShadow 2 -2 10 0 #00000033; /* Sticky footer on dialogs, drawer and sidebar */
42
42
  --global-boxshadow-container-solid-border: innerShadow 0 -1 0 0 #0000004D; /* Solid border using box shadow tokens when using the border property is not possible. */
43
+ --global-boxshadow-inner-near: innerShadow 0 8 4 -4 #0000001A; /* inner downward shadow, used in first child table cell */
43
44
  --global-boxshadow-interactive-enabled: dropShadow 0 1 2 0 #0000001A, dropShadow 2 2 10 0 #00000033; /* Default card state */
44
45
  --global-boxshadow-interactive-hover: dropShadow 0 2 3 0 #0000001A, dropShadow 6 6 30 0 #00000026; /* Card hover state */
45
46
  --global-boxshadow-interactive-drag: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Card drag state */
@@ -41,6 +41,7 @@
41
41
  --global-boxshadow-container-distant: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Dialog, Menu, Sidebar */
42
42
  --global-boxshadow-container-sticky-footer: dropShadow 0 -1 2 0 #0000001A, dropShadow 2 -2 10 0 #00000033; /* Sticky footer on dialogs, drawer and sidebar */
43
43
  --global-boxshadow-container-solid-border: innerShadow 0 -1 0 0 #0000004D; /* Solid border using box shadow tokens when using the border property is not possible. */
44
+ --global-boxshadow-inner-near: innerShadow 0 8 4 -4 #0000001A; /* inner downward shadow, used in first child table cell */
44
45
  --global-boxshadow-interactive-enabled: dropShadow 0 1 2 0 #0000001A, dropShadow 2 2 10 0 #00000033; /* Default card state */
45
46
  --global-boxshadow-interactive-hover: dropShadow 0 2 3 0 #0000001A, dropShadow 6 6 30 0 #00000026; /* Card hover state */
46
47
  --global-boxshadow-interactive-drag: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Card drag state */
@@ -1473,6 +1474,9 @@
1473
1474
  --form-space-checkradio-y-s: calc(var(--global-space-micro-m) / 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
1474
1475
  --form-space-checkradio-y-m: var(--global-space-micro-xs); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
1475
1476
  --form-space-checkradio-y-l: calc(var(--global-space-micro-xs) * 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
1477
+ --form-space-datepicker-pr-s: var(--global-space-micro-xs); /* right padding on small date picker input */
1478
+ --form-space-datepicker-pr-m: var(--global-space-micro-m); /* right padding on medium date picker input */
1479
+ --form-space-datepicker-pr-l: var(--global-space-micro-xl); /* right padding on large date picker input */
1476
1480
  --form-space-dropdown-button-x-s: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
1477
1481
  --form-space-dropdown-button-x-m: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
1478
1482
  --form-space-dropdown-button-x-l: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
@@ -2468,6 +2472,7 @@
2468
2472
  --table-color-row-label-default: light-dark(var(--modes-color-generic-content-harsh-light), var(--modes-color-generic-content-harsh-dark));
2469
2473
  --table-color-footer-bg-default: light-dark(var(--modes-color-generic-bg-soft-light), var(--modes-color-generic-bg-soft-dark));
2470
2474
  --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
2475
+ --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
2471
2476
  --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
2472
2477
  --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
2473
2478
  --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */
@@ -55,6 +55,9 @@
55
55
  --form-space-checkradio-y-s: calc(var(--global-space-micro-m) / 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
56
56
  --form-space-checkradio-y-m: var(--global-space-micro-xs); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
57
57
  --form-space-checkradio-y-l: calc(var(--global-space-micro-xs) * 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
58
+ --form-space-datepicker-pr-s: var(--global-space-micro-xs); /* right padding on small date picker input */
59
+ --form-space-datepicker-pr-m: var(--global-space-micro-m); /* right padding on medium date picker input */
60
+ --form-space-datepicker-pr-l: var(--global-space-micro-xl); /* right padding on large date picker input */
58
61
  --form-space-dropdown-button-x-s: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
59
62
  --form-space-dropdown-button-x-m: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
60
63
  --form-space-dropdown-button-x-l: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
@@ -33,6 +33,7 @@
33
33
  --table-color-row-label-default: var(--modes-color-generic-content-harsh);
34
34
  --table-color-footer-bg-default: var(--modes-color-generic-bg-soft);
35
35
  --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
36
+ --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
36
37
  --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
37
38
  --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
38
39
  --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */
@@ -40,6 +40,7 @@
40
40
  --global-boxshadow-container-distant: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Dialog, Menu, Sidebar */
41
41
  --global-boxshadow-container-sticky-footer: dropShadow 0 -1 2 0 #0000001A, dropShadow 2 -2 10 0 #00000033; /* Sticky footer on dialogs, drawer and sidebar */
42
42
  --global-boxshadow-container-solid-border: innerShadow 0 -1 0 0 #0000004D; /* Solid border using box shadow tokens when using the border property is not possible. */
43
+ --global-boxshadow-inner-near: innerShadow 0 8 4 -4 #0000001A; /* inner downward shadow, used in first child table cell */
43
44
  --global-boxshadow-interactive-enabled: dropShadow 0 1 2 0 #0000001A, dropShadow 2 2 10 0 #00000033; /* Default card state */
44
45
  --global-boxshadow-interactive-hover: dropShadow 0 2 3 0 #0000001A, dropShadow 6 6 30 0 #00000026; /* Card hover state */
45
46
  --global-boxshadow-interactive-drag: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Card drag state */
@@ -55,6 +55,9 @@
55
55
  --form-space-checkradio-y-s: calc(var(--global-space-micro-m) / 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
56
56
  --form-space-checkradio-y-m: var(--global-space-micro-xs); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
57
57
  --form-space-checkradio-y-l: calc(var(--global-space-micro-xs) * 2); /* Space above single checkbox/radio OR label to vertically centre checkbox and label. */
58
+ --form-space-datepicker-pr-s: var(--global-space-micro-xs); /* right padding on small date picker input */
59
+ --form-space-datepicker-pr-m: var(--global-space-micro-m); /* right padding on medium date picker input */
60
+ --form-space-datepicker-pr-l: var(--global-space-micro-xl); /* right padding on large date picker input */
58
61
  --form-space-dropdown-button-x-s: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
59
62
  --form-space-dropdown-button-x-m: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
60
63
  --form-space-dropdown-button-x-l: var(--global-space-macro-s); /* DD only, left right padding on footer button. */
@@ -33,6 +33,7 @@
33
33
  --table-color-row-label-default: var(--modes-color-generic-content-harsh);
34
34
  --table-color-footer-bg-default: var(--modes-color-generic-bg-soft);
35
35
  --table-boxshadow-parentrow: var(--global-boxshadow-container-far);
36
+ --table-boxshadow-firstchild: var(--global-boxshadow-inner-near);
36
37
  --table-boxshadow-column-sticky-left: var(--global-boxshadow-cleanedge-near-right); /* Right shadow on left hand sticky column. */
37
38
  --table-boxshadow-column-sticky-right: var(--global-boxshadow-cleanedge-near-left); /* Left shadow on right hand sticky column. */
38
39
  --table-boxshadow-row-dragging: var(--global-boxshadow-interactive-drag); /* dragging state for a table row */
@@ -40,6 +40,7 @@
40
40
  --global-boxshadow-container-distant: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Dialog, Menu, Sidebar */
41
41
  --global-boxshadow-container-sticky-footer: dropShadow 0 -1 2 0 #0000001A, dropShadow 2 -2 10 0 #00000033; /* Sticky footer on dialogs, drawer and sidebar */
42
42
  --global-boxshadow-container-solid-border: innerShadow 0 -1 0 0 #0000004D; /* Solid border using box shadow tokens when using the border property is not possible. */
43
+ --global-boxshadow-inner-near: innerShadow 0 8 4 -4 #0000001A; /* inner downward shadow, used in first child table cell */
43
44
  --global-boxshadow-interactive-enabled: dropShadow 0 1 2 0 #0000001A, dropShadow 2 2 10 0 #00000033; /* Default card state */
44
45
  --global-boxshadow-interactive-hover: dropShadow 0 2 3 0 #0000001A, dropShadow 6 6 30 0 #00000026; /* Card hover state */
45
46
  --global-boxshadow-interactive-drag: dropShadow 0 3 4 0 #0000001A, dropShadow 10 10 60 0 #0000001A; /* Card drag state */
@@ -20,6 +20,9 @@
20
20
  #define formSpaceCheckradioYS 3
21
21
  #define formSpaceCheckradioYM 2
22
22
  #define formSpaceCheckradioYL 4
23
+ #define formSpaceDatepickerPrS 2
24
+ #define formSpaceDatepickerPrM 6
25
+ #define formSpaceDatepickerPrL 10
23
26
  #define formSpaceDropdownButtonXS 20
24
27
  #define formSpaceDropdownButtonXM 20
25
28
  #define formSpaceDropdownButtonXL 20
@@ -38,6 +38,7 @@
38
38
  #define tableColorFooterLabelDefault #ffffffe6
39
39
  #define tableRadiusContainer 8
40
40
  #define tableBoxshadowParentrow [object Object],[object Object]
41
+ #define tableBoxshadowFirstchild [object Object]
41
42
  #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
42
43
  #define tableBoxshadowColumnStickyRight [object Object],[object Object]
43
44
  #define tableBoxshadowRowDragging [object Object],[object Object]
@@ -46,6 +46,7 @@
46
46
  #define globalBoxshadowContainerDistant [object Object],[object Object]
47
47
  #define globalBoxshadowContainerStickyFooter [object Object],[object Object]
48
48
  #define globalBoxshadowContainerSolidBorder [object Object]
49
+ #define globalBoxshadowInnerNear [object Object]
49
50
  #define globalBoxshadowInteractiveEnabled [object Object],[object Object]
50
51
  #define globalBoxshadowInteractiveHover [object Object],[object Object]
51
52
  #define globalBoxshadowInteractiveDrag [object Object],[object Object]
@@ -20,6 +20,9 @@
20
20
  #define formSpaceCheckradioYS 3
21
21
  #define formSpaceCheckradioYM 2
22
22
  #define formSpaceCheckradioYL 4
23
+ #define formSpaceDatepickerPrS 2
24
+ #define formSpaceDatepickerPrM 6
25
+ #define formSpaceDatepickerPrL 10
23
26
  #define formSpaceDropdownButtonXS 20
24
27
  #define formSpaceDropdownButtonXM 20
25
28
  #define formSpaceDropdownButtonXL 20
@@ -38,6 +38,7 @@
38
38
  #define tableColorFooterLabelDefault #000000e6
39
39
  #define tableRadiusContainer 8
40
40
  #define tableBoxshadowParentrow [object Object],[object Object]
41
+ #define tableBoxshadowFirstchild [object Object]
41
42
  #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
42
43
  #define tableBoxshadowColumnStickyRight [object Object],[object Object]
43
44
  #define tableBoxshadowRowDragging [object Object],[object Object]
@@ -20,6 +20,9 @@
20
20
  #define formSpaceCheckradioYS 3
21
21
  #define formSpaceCheckradioYM 2
22
22
  #define formSpaceCheckradioYL 4
23
+ #define formSpaceDatepickerPrS 2
24
+ #define formSpaceDatepickerPrM 6
25
+ #define formSpaceDatepickerPrL 10
23
26
  #define formSpaceDropdownButtonXS 16
24
27
  #define formSpaceDropdownButtonXM 16
25
28
  #define formSpaceDropdownButtonXL 16
@@ -38,6 +38,7 @@
38
38
  #define tableColorFooterLabelDefault #ffffffe6
39
39
  #define tableRadiusContainer 8
40
40
  #define tableBoxshadowParentrow [object Object],[object Object]
41
+ #define tableBoxshadowFirstchild [object Object]
41
42
  #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
42
43
  #define tableBoxshadowColumnStickyRight [object Object],[object Object]
43
44
  #define tableBoxshadowRowDragging [object Object],[object Object]
@@ -46,6 +46,7 @@
46
46
  #define globalBoxshadowContainerDistant [object Object],[object Object]
47
47
  #define globalBoxshadowContainerStickyFooter [object Object],[object Object]
48
48
  #define globalBoxshadowContainerSolidBorder [object Object]
49
+ #define globalBoxshadowInnerNear [object Object]
49
50
  #define globalBoxshadowInteractiveEnabled [object Object],[object Object]
50
51
  #define globalBoxshadowInteractiveHover [object Object],[object Object]
51
52
  #define globalBoxshadowInteractiveDrag [object Object],[object Object]
@@ -20,6 +20,9 @@
20
20
  #define formSpaceCheckradioYS 3
21
21
  #define formSpaceCheckradioYM 2
22
22
  #define formSpaceCheckradioYL 4
23
+ #define formSpaceDatepickerPrS 2
24
+ #define formSpaceDatepickerPrM 6
25
+ #define formSpaceDatepickerPrL 10
23
26
  #define formSpaceDropdownButtonXS 16
24
27
  #define formSpaceDropdownButtonXM 16
25
28
  #define formSpaceDropdownButtonXL 16
@@ -38,6 +38,7 @@
38
38
  #define tableColorFooterLabelDefault #000000e6
39
39
  #define tableRadiusContainer 8
40
40
  #define tableBoxshadowParentrow [object Object],[object Object]
41
+ #define tableBoxshadowFirstchild [object Object]
41
42
  #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
42
43
  #define tableBoxshadowColumnStickyRight [object Object],[object Object]
43
44
  #define tableBoxshadowRowDragging [object Object],[object Object]
@@ -20,6 +20,9 @@
20
20
  #define formSpaceCheckradioYS 3
21
21
  #define formSpaceCheckradioYM 2
22
22
  #define formSpaceCheckradioYL 4
23
+ #define formSpaceDatepickerPrS 2
24
+ #define formSpaceDatepickerPrM 6
25
+ #define formSpaceDatepickerPrL 10
23
26
  #define formSpaceDropdownButtonXS 20
24
27
  #define formSpaceDropdownButtonXM 20
25
28
  #define formSpaceDropdownButtonXL 20
@@ -38,6 +38,7 @@
38
38
  #define tableColorFooterLabelDefault #ffffffe6
39
39
  #define tableRadiusContainer 8
40
40
  #define tableBoxshadowParentrow [object Object],[object Object]
41
+ #define tableBoxshadowFirstchild [object Object]
41
42
  #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
42
43
  #define tableBoxshadowColumnStickyRight [object Object],[object Object]
43
44
  #define tableBoxshadowRowDragging [object Object],[object Object]
@@ -46,6 +46,7 @@
46
46
  #define globalBoxshadowContainerDistant [object Object],[object Object]
47
47
  #define globalBoxshadowContainerStickyFooter [object Object],[object Object]
48
48
  #define globalBoxshadowContainerSolidBorder [object Object]
49
+ #define globalBoxshadowInnerNear [object Object]
49
50
  #define globalBoxshadowInteractiveEnabled [object Object],[object Object]
50
51
  #define globalBoxshadowInteractiveHover [object Object],[object Object]
51
52
  #define globalBoxshadowInteractiveDrag [object Object],[object Object]
@@ -20,6 +20,9 @@
20
20
  #define formSpaceCheckradioYS 3
21
21
  #define formSpaceCheckradioYM 2
22
22
  #define formSpaceCheckradioYL 4
23
+ #define formSpaceDatepickerPrS 2
24
+ #define formSpaceDatepickerPrM 6
25
+ #define formSpaceDatepickerPrL 10
23
26
  #define formSpaceDropdownButtonXS 20
24
27
  #define formSpaceDropdownButtonXM 20
25
28
  #define formSpaceDropdownButtonXL 20
@@ -38,6 +38,7 @@
38
38
  #define tableColorFooterLabelDefault #000000e6
39
39
  #define tableRadiusContainer 8
40
40
  #define tableBoxshadowParentrow [object Object],[object Object]
41
+ #define tableBoxshadowFirstchild [object Object]
41
42
  #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
42
43
  #define tableBoxshadowColumnStickyRight [object Object],[object Object]
43
44
  #define tableBoxshadowRowDragging [object Object],[object Object]
@@ -20,6 +20,9 @@
20
20
  #define formSpaceCheckradioYS 3
21
21
  #define formSpaceCheckradioYM 2
22
22
  #define formSpaceCheckradioYL 4
23
+ #define formSpaceDatepickerPrS 2
24
+ #define formSpaceDatepickerPrM 6
25
+ #define formSpaceDatepickerPrL 10
23
26
  #define formSpaceDropdownButtonXS 16
24
27
  #define formSpaceDropdownButtonXM 16
25
28
  #define formSpaceDropdownButtonXL 16
@@ -38,6 +38,7 @@
38
38
  #define tableColorFooterLabelDefault #ffffffe6
39
39
  #define tableRadiusContainer 8
40
40
  #define tableBoxshadowParentrow [object Object],[object Object]
41
+ #define tableBoxshadowFirstchild [object Object]
41
42
  #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
42
43
  #define tableBoxshadowColumnStickyRight [object Object],[object Object]
43
44
  #define tableBoxshadowRowDragging [object Object],[object Object]
@@ -46,6 +46,7 @@
46
46
  #define globalBoxshadowContainerDistant [object Object],[object Object]
47
47
  #define globalBoxshadowContainerStickyFooter [object Object],[object Object]
48
48
  #define globalBoxshadowContainerSolidBorder [object Object]
49
+ #define globalBoxshadowInnerNear [object Object]
49
50
  #define globalBoxshadowInteractiveEnabled [object Object],[object Object]
50
51
  #define globalBoxshadowInteractiveHover [object Object],[object Object]
51
52
  #define globalBoxshadowInteractiveDrag [object Object],[object Object]
@@ -20,6 +20,9 @@
20
20
  #define formSpaceCheckradioYS 3
21
21
  #define formSpaceCheckradioYM 2
22
22
  #define formSpaceCheckradioYL 4
23
+ #define formSpaceDatepickerPrS 2
24
+ #define formSpaceDatepickerPrM 6
25
+ #define formSpaceDatepickerPrL 10
23
26
  #define formSpaceDropdownButtonXS 16
24
27
  #define formSpaceDropdownButtonXM 16
25
28
  #define formSpaceDropdownButtonXL 16
@@ -38,6 +38,7 @@
38
38
  #define tableColorFooterLabelDefault #000000e6
39
39
  #define tableRadiusContainer 8
40
40
  #define tableBoxshadowParentrow [object Object],[object Object]
41
+ #define tableBoxshadowFirstchild [object Object]
41
42
  #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
42
43
  #define tableBoxshadowColumnStickyRight [object Object],[object Object]
43
44
  #define tableBoxshadowRowDragging [object Object],[object Object]
@@ -20,6 +20,9 @@
20
20
  #define formSpaceCheckradioYS 3
21
21
  #define formSpaceCheckradioYM 2
22
22
  #define formSpaceCheckradioYL 4
23
+ #define formSpaceDatepickerPrS 2
24
+ #define formSpaceDatepickerPrM 6
25
+ #define formSpaceDatepickerPrL 10
23
26
  #define formSpaceDropdownButtonXS 20
24
27
  #define formSpaceDropdownButtonXM 20
25
28
  #define formSpaceDropdownButtonXL 20
@@ -38,6 +38,7 @@
38
38
  #define tableColorFooterLabelDefault #ffffffe6
39
39
  #define tableRadiusContainer 8
40
40
  #define tableBoxshadowParentrow [object Object],[object Object]
41
+ #define tableBoxshadowFirstchild [object Object]
41
42
  #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
42
43
  #define tableBoxshadowColumnStickyRight [object Object],[object Object]
43
44
  #define tableBoxshadowRowDragging [object Object],[object Object]
@@ -46,6 +46,7 @@
46
46
  #define globalBoxshadowContainerDistant [object Object],[object Object]
47
47
  #define globalBoxshadowContainerStickyFooter [object Object],[object Object]
48
48
  #define globalBoxshadowContainerSolidBorder [object Object]
49
+ #define globalBoxshadowInnerNear [object Object]
49
50
  #define globalBoxshadowInteractiveEnabled [object Object],[object Object]
50
51
  #define globalBoxshadowInteractiveHover [object Object],[object Object]
51
52
  #define globalBoxshadowInteractiveDrag [object Object],[object Object]
@@ -20,6 +20,9 @@
20
20
  #define formSpaceCheckradioYS 3
21
21
  #define formSpaceCheckradioYM 2
22
22
  #define formSpaceCheckradioYL 4
23
+ #define formSpaceDatepickerPrS 2
24
+ #define formSpaceDatepickerPrM 6
25
+ #define formSpaceDatepickerPrL 10
23
26
  #define formSpaceDropdownButtonXS 20
24
27
  #define formSpaceDropdownButtonXM 20
25
28
  #define formSpaceDropdownButtonXL 20
@@ -38,6 +38,7 @@
38
38
  #define tableColorFooterLabelDefault #000000e6
39
39
  #define tableRadiusContainer 8
40
40
  #define tableBoxshadowParentrow [object Object],[object Object]
41
+ #define tableBoxshadowFirstchild [object Object]
41
42
  #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
42
43
  #define tableBoxshadowColumnStickyRight [object Object],[object Object]
43
44
  #define tableBoxshadowRowDragging [object Object],[object Object]
@@ -20,6 +20,9 @@
20
20
  #define formSpaceCheckradioYS 3
21
21
  #define formSpaceCheckradioYM 2
22
22
  #define formSpaceCheckradioYL 4
23
+ #define formSpaceDatepickerPrS 2
24
+ #define formSpaceDatepickerPrM 6
25
+ #define formSpaceDatepickerPrL 10
23
26
  #define formSpaceDropdownButtonXS 16
24
27
  #define formSpaceDropdownButtonXM 16
25
28
  #define formSpaceDropdownButtonXL 16
@@ -38,6 +38,7 @@
38
38
  #define tableColorFooterLabelDefault #ffffffe6
39
39
  #define tableRadiusContainer 8
40
40
  #define tableBoxshadowParentrow [object Object],[object Object]
41
+ #define tableBoxshadowFirstchild [object Object]
41
42
  #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
42
43
  #define tableBoxshadowColumnStickyRight [object Object],[object Object]
43
44
  #define tableBoxshadowRowDragging [object Object],[object Object]
@@ -46,6 +46,7 @@
46
46
  #define globalBoxshadowContainerDistant [object Object],[object Object]
47
47
  #define globalBoxshadowContainerStickyFooter [object Object],[object Object]
48
48
  #define globalBoxshadowContainerSolidBorder [object Object]
49
+ #define globalBoxshadowInnerNear [object Object]
49
50
  #define globalBoxshadowInteractiveEnabled [object Object],[object Object]
50
51
  #define globalBoxshadowInteractiveHover [object Object],[object Object]
51
52
  #define globalBoxshadowInteractiveDrag [object Object],[object Object]
@@ -20,6 +20,9 @@
20
20
  #define formSpaceCheckradioYS 3
21
21
  #define formSpaceCheckradioYM 2
22
22
  #define formSpaceCheckradioYL 4
23
+ #define formSpaceDatepickerPrS 2
24
+ #define formSpaceDatepickerPrM 6
25
+ #define formSpaceDatepickerPrL 10
23
26
  #define formSpaceDropdownButtonXS 16
24
27
  #define formSpaceDropdownButtonXM 16
25
28
  #define formSpaceDropdownButtonXL 16
@@ -38,6 +38,7 @@
38
38
  #define tableColorFooterLabelDefault #000000e6
39
39
  #define tableRadiusContainer 8
40
40
  #define tableBoxshadowParentrow [object Object],[object Object]
41
+ #define tableBoxshadowFirstchild [object Object]
41
42
  #define tableBoxshadowColumnStickyLeft [object Object],[object Object]
42
43
  #define tableBoxshadowColumnStickyRight [object Object],[object Object]
43
44
  #define tableBoxshadowRowDragging [object Object],[object Object]
@@ -50,6 +50,13 @@ declare const tokens: {
50
50
  L: DesignToken;
51
51
  };
52
52
  };
53
+ datepicker: {
54
+ pr: {
55
+ S: DesignToken;
56
+ M: DesignToken;
57
+ L: DesignToken;
58
+ };
59
+ };
53
60
  dropdown: {
54
61
  button: {
55
62
  x: {